@zohodesk/haas-components v0.0.0-beta.74.2

npm publish version npm publish --access public

0.0.0-beta.74.2

• KB build icon added

0.0.0-beta.74.1

• Accordion build's icon added

0.0.0-beta.74.0

• Accordion build's icon Path changes added

0.0.0-beta.73.9

• Accordion build's icon Path changes added

0.0.0-beta.73.8

• LHS build's New icon's added

0.0.0-beta.73.7

• Community & Accordion build's New icon's added

0.0.0-beta.73.6

• Community & Accordion build's New icon's added

0.0.0-beta.73.5

• DropDown & MultiSelect item's ToolTip added

0.0.0-beta.73.4

• KB build New icon's added

0.0.0-beta.73.3

• Community build New icon's added

0.0.0-beta.73.2

• Empty state svg Twitter icon changed to x

0.0.0-beta.73.1

• Popup Component Fixed Position prop support

0.0.0-beta.72.8

• button label & calendar component custom class support

0.0.0-beta.72.7

• multiselect copy/paste tags handle

0.0.0-beta.72.6

• live editor doc changes added
• desk library folder move

0.0.0-beta.72.5

• Community build New icon's added
• Calender new props support
• Icon component parent level customClass support

0.0.0-beta.72.4

• Some icons were added.

0.0.0-beta.72.3

• Console Fix Handle

0.0.0-beta.72.2

• MultiSelect Props Support for active Tag
• Some icons were added.

0.0.0-beta.72.1

• UploadButton Props Support
• Community build New icon's added

0.0.0-beta.71.8/71.9

• DropDown with Tab component issue Fix added
• New Icon added
• Tag Component Info icon prop Support

0.0.0-beta.71.7

• DropDown with Tab component added

0.0.0-beta.71.6

• ASAP build icon's added

0.0.0-beta.71.5

• Tab NavLine fix added

0.0.0-beta.71.4

• KB build expand Collapse UI icon added

0.0.0-beta.71.3

• Dropdown component textIcon customclass support
• KB build new icon added

0.0.0-beta.71.2

• Added onScroll & onScrollEnd callback to search box component

0.0.0-beta.71.1

• Searchbox component listcontainer ref callback added

0.0.0-beta.70.9

• ASAP & community build icon's added

0.0.0-beta.70.8

• Multiselect component onkeydown callBack added
• Dropdown component popup implementation changes

0.0.0-beta.70.7

• Multiselect component issue fix

0.0.0-beta.70.6

• Dropdown & multiselect & popup & searchbox component changes

0.0.0-beta.70.5

• Loading icon animation remove

0.0.0-beta.70.4

• Multicomponent component selectedItems control behaviour added

0.0.0-beta.70.3

• Dropdowninline component textboxprops key added

0.0.0-beta.70.2

• Dropdown component issue fix

0.0.0-beta.70.1

• ASAP & Kb build icon's added
• Accessibility attribute (Tab, Tag)
• Dropdown & multiSelect action props added

0.0.0-beta.69.9

• Dropdown component issue fix

0.0.0-beta.69.7

• MultiSelect deSelectAll argument added

0.0.0-beta.69.5

• MultiSelect callback added
• Avatar constructor state(not check)

0.0.0-beta.69.3

• ASAP build icon's added
• Avatar constructor change

0.0.0-beta.69.1

• SearchBox component setSearchValue option added

0.0.0-beta.68.9

• ASAP build icon's added
• SearchBox list Container added
• DropDown Search Box container added

0.0.0-beta.68.7

• Tab component newProps option added.
• Popup component css RTL issue fixed.
• Some icons were added.
• Calendar component navigationRules option functionality changed.

0.0.0-beta.68.5

• Popup component autoPosition issue fix.

0.0.0-beta.68.3

• Calendar component navigationRules option added.

0.0.0-beta.68.1

• icon's added

0.0.0-beta.67.9

• Accessibility attribute (input hidden) added
• ASAP & kb build icon's added

0.0.0-beta.67.7

• SearchBox component clear option ui fix & functionality changes.

0.0.0-beta.67.5

• Row / Col & Box Component autoFocus, restorefocus & focusLoop options added.
• Multiselect component missing custom className added.
• SearchBox component clear option added.
• popup component Accessibility attribute added.

0.0.0-beta.67.3

• ASAP build icon's added.

0.0.0-beta.67.1

• SearchBox component issue fixed.

0.0.0-beta.66.9

• component css RTL issue fixed.

0.0.0-beta.66.7

• Created a SearchBox component.

0.0.0-beta.66.5

• Some icons were added.
• Multiselect component clearIcon alignment issue fixed.

0.0.0-beta.66.3

• Calendar onSelectDate method added.
• MultiSelect component formatInputText option added & IconEnd props were provided inside the span element.
• Some icons were added.

0.0.0-beta.66.1

• Completely Style Object Component deprecated. & unused css variable files deprecated.

0.0.0-beta.65.9

• Moved All components propTypes as a separate file.
• DropdownInline component AutoSuggest selected field option added.
• Row/Col/Box component tagName option added.
• Icon component newProps method added.
• Some icons were added.

0.0.0-beta.65.7

• We have created a AccessibilityControl component.
• Some icons were added.

0.0.0-beta.65.5

• Some icons were added.

0.0.0-beta.65.3

• We have created a DropdownInline component.
• Pagination Next & Previous option customizable.

0.0.0-beta.65

• ListIcon icon align column issue fixed.
• Icons added.
• CheckBox checked css selector changed.
• Inside Dropdown component Icon file path changed.

0.0.0-beta.64.7

• Dropdown component selectedContent(target) updated cases fixed.
• Tab component render children cases added.
• Breadcrumb component customId added.

0.0.0-beta.64.4

• Some icons were added.

0.0.0-beta.64.3

• Tab & Breadcrumb component react clone element type changed.

0.0.0-beta.64.2

• Calendar component empty span style key added.
• popup component customPosition key added.

0.0.0-beta.64.1

• Popup & Calendar component css issue fixed.
• Dropdown component activeCustomClass issue fixed.

0.0.0-beta.64

• Icons needed for Asap were added.
• Box component ref issue fixed.
• Calendar function(deepEqualObject) issue fixed.
• Tab component controlled option added.
• MultiSelect & Dropdown component SearchMatched method changed.
• Popup mouseHover option added.
• Breadcrumb component separator issue fixed.
• Tooltip component added.

0.0.0-beta.63.1/63.2

• I have implemented the autoFocus & focusLoop cases.(Box & Popup component)
• Changed the "deepEqualObject" function in Calendar component.
• I have provided the data-Id support for dropdown id's searcbox.
• When we do the mouseover on the dropdown Item, if you want can edit the css as per your requirement.

0.0.0-beta.62

• Default fontSize variable added.
• Icon's dark theme missing var case added.
• NewCalendar missing custom className added.

0.0.0-beta.61

• MultiSelect(old & new) Component search result issue fixed.

0.0.0-beta.60

• NewTab component id passed Method added.

0.0.0-beta.59

• NewPagination component basic functionality implemented.
• NewCalendar component display position check added & include with position css.

0.0.0-beta.57/58

• icon css variable format change.

0.0.0-beta.56/57

• NewTextIcon component css issue fixed.

0.0.0-beta.56

• NewDropdown component ui issue fixed.
• NewAvatar & NewLink & NewText fontSize range 36 to 50 added.
• variable unit 1 to 7 convert px to rem.

0.0.0-beta.55

• DarkMode Icon variables support.
• fontSize option change to size calculation.
• Some new icon's added.

0.0.0-beta.54

• NewLink size method changed & new icon's added.

0.0.0-beta.52/53

• New component related issue fix.

0.0.0-beta.51/52

• NewComponent bugfix.

0.0.0-beta.51

• NewComponent issue fix.

0.0.0-beta.50

• NewComponent RTL work added.
• NewDropown & NewMultiSelect component new functionality case added.
• NewTab customId method changes.

0.0.0-beta.48/49

• NewComponent bugfix.

0.0.0-beta.47/48

• NewComponent function & className bugfix.

0.0.0-beta.47

• new icon's added && NewComponent's missing change's & bug fix.

0.0.0-beta.46

• All NewComponent's Accessibility attribute added & NewCalendar added & unwanted(DateTime) component Removed.

0.0.0-beta.45

• new icon's added.

0.0.0-beta.44

• unPublish icon added.

0.0.0-beta.43

• Changed the IconList used in List component & Template icon added.

0.0.0-beta.42

• MultiSelect clear icon hover color added & calender AM PM color changes & new icon added.

0.0.0-beta.41

• NewIcon component added & checkBox component issue fixed.

0.0.0-beta.40

• classObj NewComponent's added.

0.0.0-beta.38/39

• Radio and TextIcon component customId added & component warning issues fixed.

0.0.0-beta.37

• TextBox customId , Button Ref , Avatar render fix and Few Icons added pixel,percentage.

0.0.0-beta.36

• Calendar component complete revamping and moment library removed.

0.0.0-beta.35

• Dropdown component ListItem customId support and unpublish icons added.

0.0.0-beta.34

• Dropdown component ListItem activeCustomClass added & onMouseLeave css removed to handled

0.0.0-beta.33

• dropdown children iteration fix and spacing fix

0.0.0-beta.32

• dropdown children iteration fix and spacing fix

0.0.0-beta.30/31

• dropdown improved in state management with controls options

0.0.0-beta.29

• icons added
• customId Props Fix Tag Component

0.0.0-beta.28

• icons added
• customId Props Fix Tag Component

0.0.0-beta.27

• NewTab component created without style object
• icon fix, dataId rename to customId
• customId Props Fix, icon fill remove

0.0.0-beta.26

• Icon dataId support added

0.0.0-beta.25

• Discard draft icon added

0.0.0-beta.24

• Calendar component AM/PM handling with format messages

0.0.0-beta.23

• Dropdown component onSearch text fix.

0.0.0-beta.22

• Dropdown & Multiselect component onSearch method changed.
• multiselect css Fix with custom class Name & bugFix and radio shrink fix - added.

0.0.0-beta.21

• Multiselect & Dropdown component's onSearch & onScrollEnd bugfix

0.0.0-beta.20

• Multiselect & Dropdown component's onSearch & onScrollEnd method added
• react-cli updated to 0.0.1-beta.110

0.0.1-beta.16

• Duplicated styles added in dom fixed
• MemoryLeaks in styles fixed

How Components Design

• Button
  • Button.js
  • Button.css
  • ButtonAction.js

Button.js - simply render methods using by button.css

   import ButtonFunctional "./ButtonFunctional.js"
   import style from "./button.css"
   export default (props)=>{

       return (<ButtonFunctional renderComponent={(props,state,actions)=>{


           return <button {...props} className={style.className} />


       }} />)

   }

Custom ClassName Supports in components

render(){

    return <Button overrideClassName={'new_button'} />

}

render(){

    return <Dropdown overrideClassNames={{
        container : "new_container",
        items : "new_items"
    }} />

}

Custom FormatMessages Supports in components

render(){

    return <Dropdown formatMessages={{
        no_items : "No result",
        searchPlaceholder : "Search users"
    }} />

}

Custom Validation Supports in components

render(){

    return <Multiselect validation={{

           rules : {

               maximumSelection : (selectedItems)=>{

                  return selectedItems.length > 5 ? <Message /> : null

               },
               minimumSelection : (selectedItems)=>{

                  return selectedItems.length < 1 ? <Message /> : null

               }

           }

    }} />

}

How class naming

BEM concpet