@zohodesk/haas-components
v1.0.7
Published
ui components lib
Downloads
896
Maintainers
Keywords
Readme
npm publish version npm publish --access public
1.0.6 and 1.0.7
- We have support custom id and aria label for calendar popup
1.0.5
- Radio & Pagination Component customClass Support
- We have support custom id for calendar popup
1.0.4
- We have support fixed position prop in the calendar component
1.0.3
- Community build icon added
1.0.2
- We have implemented the option to select a date range in the calendar component
- KB build history icon's added
1.0.1
Major Release
Changes:
- react-cli version updated to 1.1.23
- react-live version updated to 1.2.2
- react-cli-config file added
- Provider files added for docs UI
Issue Fix:
- Position fixed popup UI issue handle
0.0.0-beta.74.8.4
- DropDown issue resolve
- react-cli version updated to 1.1.23
- react-live version updated to 1.2.2
- react-cli-config file added
- Provider files added for docs UI
0.0.0-beta.74.7 & (74.8)
- DropDown restored prop issue handle
0.0.0-beta.74.6
- Community build icon's added
- DropDown Search clear support & DropDown restored handle
0.0.0-beta.74.5
- KB build icon's added
0.0.0-beta.74.4
- Accordion build icon Path changes added
0.0.0-beta.74.3
- Community build icon's added
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