UNPKG

@zohodesk/components

Version:

In this Package, we Provide Some Basic Components to Build Web App

1,649 lines (982 loc) • 39.7 kB
# DOT Style Guide In this Package, we Provide Some Basic Components to Build Web App - Avatar - AvatarTeam - Accordion - Animation - Button - Buttongroup - Card - CheckBox - DateTime - DropBox - Icon - Label - Layout - ListItem - MultiSelect - Popup - Radio - Responsive - Ribbon - Select - GroupSelect - Stencils - Switch - Tab - Tag - Textarea - TextBox - TextBoxIcon - Tooltip # 1.3.1 - **dropDownUtils** - The isObjectContainsSearchString function logic has been updated to use some instead of filter, and additional conditions have been added to prevent potential runtime issues. # 1.3.0 - **AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar** - searchFields prop supported - **AdvancedMultiSelect, MultiSelectWithAvatar** - secondaryField prop supported - **ListContainer** - align prop supported - **ListItemWithAvatar** - secondaryValue, lhsAlignContent prop supported - **ListItemWithCheckBox, ListItemWithIcon, ListItemWithRadio** - secondaryValue, lhsAlignContent, lhsJustifyContent prop supported # 1.2.63 - **AdvancedGroupMultiSelect, AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, Select, SelectWithAvatar** - `allowValueFallback` prop supported. - **dropDownUtils** - Support string fallback for the object via the `allowValueFallback` prop. # 1.2.62 - **Button**: Added new `palette` options: `plainDanger`, `plainSuccess`, and `success`. - **RippleEffect**: Added new `palette` option: `secondary`. - **Tag**: Enhanced the `onRemove` event to the `event` object `e` as the second argument for better event handling. # 1.2.61 - **Textarea** - Handled the default height and width appropriately based on the rows and cols props. # 1.2.60 - **Textarea** - Handled the default height and width appropriately based on the rows and cols props. # 1.2.59 - **Textarea** - `rows, cols, customAttributes` prop supported # 1.2.58 - **DropBoxElement** - `.arrow` style override issue fixed # 1.2.57 - **Popup** - Fixed popup scroll behavior is now supported using the `isOutsideScrollBlocked` flag. When set to `false` (default). - **DropBoxElement** - **Attributes Added**: The `data-box-direction` and `data-arrow-position` attributes have been added to facilitate the use of component-level CSS selectors. - **CSS Selectors**: Added support for `arrow`, `paddingSpace`, `shadow`, and `boxdirection` to facilitate the behavior of the dropbox using CSS selectors. # 1.2.56 - **CheckBox** - `data-selector-id` passing to Container component changed to `dataSelectorId` # 1.2.55 - **ListItemWithAvatar** - `AvatarTeamProps` and `AvatarProps` props has been added under the `customProps` group. - **Tag** - `avatarProps` and `iconProps` prop has been added under the `customProps` group. # 1.2.54 - **Reverted 1.2.45 MultiSelect Fix** - The issue with the non-scrollable API call trigger in multiselect, introduced in version `1.2.45`, has been `reverted` in this version. # 1.2.53 - **CheckBox** - Disabled State CheckBox Color Fixed - **Radio** - ReadOnly State Radio Cursor and color Fixed - **Textarea** - isFocus Prop added - **AdvancedGroupMultiSelect** - isFocus Prop added - **AdvancedMultiSelect** - isFocus Prop added - **MultiSelect** - isFocus Prop added - **DateWidget** - onDropboxClose,renderCustomHeader,renderCustomFooter Props added - **DateTime** - renderCustomHeader,renderCustomFooter Props added - **GroupSelect** - customProps supported # 1.2.52 - **Typography** - component added in v0 # 1.2.51 - **Popup** - Fixed issue: Error on unmount when target ref is not available. # 1.2.50 - **DateTime (v0&v1), CalendarView (v0&v1)** - Week starting day customization support added with `weekStartDay` props and week holiday customization support with `holidays` prop - **DateWidget (v0&v1)** - Support has been added for `weekStartDay`, `holidays` props - **DaysRow (v0&v1)** - `holidays` prop added for holiday column indication # 1.2.49 - **Popup** - `isOutsideScrollBlocked` prop supported - Scroll blocking behaviours supported - Fixed popup re-positioning on window resize not working properly - Issue fixed - **DropBoxElement** - The dot-ui-element attribute has been added to facilitate the use of component-level CSS selectors # 1.2.48 - **ResizeObserver** - The ResizeObserver PolyFill code has been removed, and a separate copy with the PolyFill included is saved under the filename ResizeObserverWithPolyfill.js # 1.2.47 - **DateTime** - The issue of the dateTime_dateSelected string being duplicated in the data_id attribute when selecting the last day of the month has been resolved. # 1.2.46 - **AppContainer (v1)** - Removed color, zoom size, font size and font family variable files imports # 1.2.45 - **GroupSelect** - The issue with TextBoxIcon_i18n returning an undefined value while using the needSelectDownIcon prop has been fixed. - **MultiSelect** - Functionality Added - If the container is non-scrollable, the API call is triggered to fetch the next set of data upon selecting an option. # 1.2.44 - **Tabs (v0&v1), AdvancedGroupMultiSelect (v1)** - `isAbsolutePositioningNeeded` `isRestrictScroll` `positionsOffset` `targetOffset` props supported for fixed position. - **Tabs (v0&v1)** - padding css fix - **DropDownSearch (v1)** - Input not focus on mount issue fixed # 1.2.43 - **AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, SelectWithIcon** - Fixed position support added. - **SelectWithAvatar, AdvancedGroupMultiSelect** - Fixed position support added and getTargetRef issue fixed. - **Tooltip** - Fixed white space attribute value from preWrap to pre-wrap. # 1.2.42 - **Heading (v0&v1)** - - whiteSpace prop added - **Tooltip (v0&v1)** - - whiteSpace prop added - `data-title-wrap` now accepts whitespace CSS values instead of a boolean, allowing the tooltip to support all whitespace options. Default value is `normal`. # 1.2.41 - **Tabs** - Search implemented in more popup (v0& v1) # 1.2.40 - **Radio** - renderRightPlaceholderNode prop supported # 1.2.39 - **LibraryContext** - coloredTagVariant, hasTagColorInheritedToText properties added - **Tag** - customAttributes prop supported - **TextBoxIcon** - needInputFocusOnWrapperClick prop supported # 1.2.38 - **renderRightPlaceholderNode** - renderRightPlaceholderNode support given for `CheckBox` `Textarea` `Select` `MultiSelect` `TextBoxIcon`. - Json File Import Changed to JS modules in `Popup/PositionMapping` `DropBox/DropBoxPositionMapping`. - **DateWidget** - TextBoxIconProps key supported in customProps prop - **MultiSelect** - customProps prop added and TextBoxIconProps customization given (Prop Spreaded). - **Select** - TextBoxIconProps key supported in customProps prop - **SelectWithIcon** - customProps prop added and tooltip supported for dotted case # 1.2.37 - **Tabs** - dataID prop import missing for more menu dropdown issue fix (v0 and v1) # 1.2.36 - **dataID & dataTestID** - support has been added for the `DropDownSearch` `ListItemWithRadio` `AdvancedGroupMultiSelect` `AdvancedMultiSelect` `MultiSelect` `MultiSelectWithAvatar` `SelectedOptions` `SelectWithAvatar` `SelectWithIcon` `Tabs` Component (v0 and v1). # 1.2.35 - **MultiSelect** - `dataId` support has been added for the ResponsiveDropBox Component. - The `dataId` will be reflected as `dataId` with the suffix "_dropbox". - **DateWidget** - `dataId` support has been added for the datePicker icon. - The `dataId` will be reflected as `dataId` with the suffix "_datePicker". # 1.2.34 - **GroupSelect** - When the idField contains more than one underscore symbol, this component throws an error. This issue has been fixed in this version. # 1.2.33 - **AdvancedMultiSelect** - customClass prop supported in both normal and v1 folder # 1.2.32 - **DateWidget** - customProps support and getPopupProps method added to able access popup props from outside. - **DateTime, Time** - customProps support added. # 1.2.31 - **GroupSelect** - dataId Supported for all main places. Set the default value for dataId prop to 'GroupSelect'. # 1.2.30 - **MultiSelect** - needResponsive default Prop Setted as true as before. # 1.2.29 - Common providers update for v1 components # 1.2.28 - **CheckBox** - getContainerRef prop supported - **Radio** - children, customProps, getRef props supported. tabIndex option supported inside a11y prop # 1.2.27 - **DateWidget** - The issue with the YearView Open State Reset on Blur Event in DidMount has been resolved # 1.2.26 - **MultiSelect, MultiSelectWithAvatar** - Mobile Header Render Issue in Mobile Responsive Fixed. - **isMobilePopover** - Function added in Dropbox. - **Tag** - closeTitle not working issue fixed ( because value sends in wrong prop key data-title) # 1.2.25 - **RippleEffect** - cssClassPropOfChild prop added # 1.2.24 - **Animation** - style object moved to utils. # 1.2.23 - **DropBoxElement** - A dropdown has been incorporated as one of the main focus areas, utilizing the `data-a11y-focus-main-area` attribute. - **Select, Tab, TabContentWrapper** - A11y changes. # 1.2.22 - **Tags,TextArea, Textbox, Checkbox** - Cursor css changes for variable autoconversion # 1.2.21 - **v1/Tabs** - converted to functional component - **TextBox** - Tooltip Issue fixed - **Tooltip** - Input Element Based Tooltip Fix Related Fix Added # 1.2.20 - **Avatar, ListContainer, Suggestions, Select, Switch** - Accessibility issue fixes. # 1.2.19 - Typography - lineheight unitless prop added - v1/Modal - converted to functional component - DateWidget - Manual Type TimeZone Issue Fixed # 1.2.18 - TextBox - MaxLength Default Prop Removed # 1.2.17 - DateWidget TimeZone Exception Supported # 1.2.15, # 1.2.16 - color-variable-preprocessor version issue solved # 1.2.14 - **@zohodesk/hooks** version update - 2.0.2 - @zohodesk-private/color-variable-preprocessor version upgrade # 1.2.13 - Typography - Added wordBreak, wordWrapm, whiteSpace props and renamed $ui_variant to $ui_weight. - **CalendarView** - Range selection feature is provided and added in v1 folder. # 1.2.12 - Card index file missing in v1 folder issue fixed # 1.2.11 - MultiSelect Proptype validation declaration order issue fixed - Provider components added in v1 folder # 1.2.10 - **Common utils** - `getKeyValue` method added to get keyValue of current pressed key. - **DateTime** - Numpad key issue fixed. - **Select, GroupSelect** - getting key value from key event method changed. # 1.2.9 - Package version merge fix update. # 1.2.8 - **DropBox** - FocusScope component - props rename update. # 1.2.7 - **Datetime** - days string in calender, multi language dotted issue fixed # 1.2.6 - **AppContainer** - Memory Leak issue solved # 1.2.5 - v1 folder remove entry from npmignore # 1.2.4 - **Typography** new component added # 1.2.3 - **MultiSelect , MultiSelectWithAvatar** mobile responsive features added - **Mobile Header** Component added - Proptype validation fixed # 1.2.2 - **Button** id attribute has been added - **Heading** a11y prop has been added # 1.2.1 - Proptypes and PlayGround Validated # 1.2.0 - **utils** and **hooks** packages added as dependency - **mergeStyle** and **compileClassNames** - deprecated and used from `utils` package # 1.1.1 - ComponentTheme file --zdt_ prefix missing changes # 1.1.0 - Internal color-variable-preprocessor package implemented # 1.0.0 - alpha release removed and version changed to normal flow # 1.0.0-alpha-278 - **DateTime** - Date.Replace check added to avoid run time error # 1.0.0-alpha-277 - **DropBox** - `focusScopeProps` will be served by `customProps` from now. - **ListItem, ListItemWithAvatar, ListItemWithIcon, ListItemWithCheckBox, ListItemWithRadio** - default role `option` has been added to the list item container. - **ListContainer** - A11y prop key => `data-a11y-inset-focus` set `true` as default for the ListContainer. # 1.0.0-alpha-276 - **DateTime** - TimeZone null Case Handled # 1.0.0-alpha-275 - **DateTime** - millisecond and second should work only when customDateFormat is given issue fixed. this fix related to *1.0.0-alpha-272* # 1.0.0-alpha-274 - **AppContainer** - needTooltip prop added - data-test-id attribute added for all element which having data-id attribute to separate customization and automation # 1.0.0-alpha-273 - Variable Replacer Issue Resolved # 1.0.0-alpha-272 - **DateTime** - customDateFormat prop supported # 1.0.0-alpha-271 - **Tabs** - DropBox position RTL fix. - `stopPropagation` method added in common utils. - **DropBox** cancelBubblingEffect fix. `fadeIn` and `scaleIn` animations added. # 1.0.0-alpha-270 - **Tabs** - DropBox position RTL fix # 1.0.0-alpha-269 - **DateTime** - 24Hour Suggestion Issue Fixed # 1.0.0-alpha-268 - Contrast default variables :root selector removed # 1.0.0-alpha-267 - **DropBox** - Fixed Position issue fix. - **Select** - Fixed Position prop support. # 1.0.0-alpha-266 - **Button** - migrated to UCL and converted to functional component - Contrast option implemented through preprocess. Category key value added for all color variables. - BoxShadow Values Separated for Contrast # 1.0.0-alpha-265 - **mergeStyle** - Logic Issue Fixed - **Tab** - State Restricted Names Check added - **cancelBubblingEffect** function added in utils/Common # 1.0.0-alpha-264 - **DropBox** - customStyle renamed to customInlineStyle and migrarted to functional UCL component # 1.0.0-alpha-263 - **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Line height changed 20px and Padding also changed. # 1.0.0-alpha-262 - **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Added New Prop `needMultiLineText` - **MultiSelect, MultiSelectWithAvatar** - `keepSelectedOptions` prop added. When this prop is true, it won't remove selected items from the dropdown instead it highlights each selected item with tick mark. - **MultiSelectWithAvatar** - `customProps` support. # 1.0.0-alpha-261 - **Tab,Tabs** - Removed offsection property from css. - compileClassNames , mergeStyle utils added. - index export object fixed. # 1.0.0-alpha-260 - **TextBoxIcon** - OnClear Focus in TextBox issue Resolved. - Suggestions - `listItemCustomProps` prop support given for all suggestion to control all listitems. - `isTextSelected` - common method added in utils to know any text highlighted or not. - **Popup** - Issue fix: While click on the document, popup won't close if any text highlighted in the product. # 1.0.0-alpha-259 - **Avatar** `needInnerBorder` and `needDefaultBorder` prop has been added. `xxsmall` option added for size prop. - **AvatarTeam** - `needInnerBorder`, `needBorder` and `needDefaultBorder` props has been added. # 1.0.0-alpha-258 - **CheckBox** - dataSlector prop changed to `dataSelectorId`. - `dataSelectorId` prop added for all components # 1.0.0-alpha-257 - **Avatar** - Avatar initial render issue and image border issue solved - **DateWidget** - `boxSize` and `onError` prop has been added. # 1.0.0-alpha-256 - **Button** - Safari browser focus issue fix and `customProps` validation. - **Switch** - Click handling issue fix. - **Tabs, Tab** - Screen Reader fix. # 1.0.0-alpha-255 - **CalenderView, DateTime** - Today and selected date issue fix. - `Accesssility`- Screen Reader fix. # 1.0.0-alpha-254 - **AppContainer** - accessibility theme css has been added. - **Button** - `customProps` support. - **DropBox** - Focus scope navigation support. # 1.0.0-alpha-253 - **Tabs, Tooltip** - If condition check added to reduce murphy error logs. - `Accesssility`- Screen Reader support for some components. # 1.0.0-alpha-252 - **Select,GroupSelect,SelectWithAvatar,SelectWithIcon,MultiSelect,MultiSelectWithAvatar** - Initial Loader and Scroll End Loader added. - **componentAppearanceVariableJson** `zdt_datetime_today_bg` variable renamed as `zdt_datetime_selected_bg` `zdt_datetime_today_border` variable added. - **CalendarView** - `isToday` prop added to display today's date as a separate style. - **DateTime.module.css** - `.today` class renamed as `.active` class. # 1.0.0-alpha-251 - Heading component - font reset css fix # 1.0.0-alpha-250 - Heading (accessibility) - new component added - Avatar => component initial rendering optimization. # 1.0.0-alpha-249 - color => secondary_border light mode color changes # 1.0.0-alpha-248 - preventParentScroll props added for Box and Container # 1.0.0-alpha-247 - Svg path changes # 1.0.0-alpha-246 - :focus in css removed # 1.0.0-alpha-245 - PureDark mode color lists added in docs # 1.0.0-alpha-244 - AdvancedGroupMultiSelect , AdvancedMultiSelect => textbox flexible ui fix and duplicate css removed # 1.0.0-alpha-243 - DateTime, DateWidget => Portal Id support for fixed position. - YearView => Theme Variable support for month text. # 1.0.0-alpha-242 - Tag -> defaultLink palette added # 1.0.0-alpha-241 - Added unobserve element condition for Tooltip. # 1.0.0-alpha-240 - DateWidget input selection color variable removed - ResponsiveDropBox Implemented for all DropBox # 1.0.0-alpha-239 - #999 instead of #a8b0bd color value in PureDark mode - DateTime, DateWidget => DropBox Fixed position prop support.(positionsOffset , targetOffset ,isRestrictScroll added) # 1.0.0-alpha-238 - Tooltip optimization - container client rect calc is cached and only calc when resized. - Provider/Config => tooltipContainer key removed and getTooltipContainer key added - PureDark mode implemented via preprocess # 1.0.0-alpha-237 - ListItem Responsive Min Height Fixed - CheckBox data-selector attribute added # 1.0.0-alpha-236 - Input => autocomplete added in provider configuration # 1.0.0-alpha-235 -Tooltip => data-title-wrap prop added => tooltip calculation based on root or window case added # 1.0.0-alpha-234 - MultiSelect => SelectedId fix on component did update # 1.0.0-alpha-233 - MultiSelect => On press tab key selecting option removed # 1.0.0-alpha-232 - ListContainer => Mobile Responsive Implemented # 1.0.0-alpha-231 - DropBox - Position Undefined Issue Solved # 1.0.0-alpha-230 - Avatar, AdvancedGroupMultiSelect, AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, Select, SelectWithAvatar, SelectWithIcon, TextBoxIcon => Tooltip undefined case solved - Select , MultiSelect => boxSize prop added # 1.0.0-alpha-229 - MultiSelect, AdvancedMultiSelect => disabledOption Clear icon handled properly # 1.0.0-alpha-228 - Button => danger, primary loader color issue solved # 1.0.0-alpha-227 - isReadOnly and needEffect prop added in Tag Component for read-only case - needEffect prop added for the below components: ( This props has been added for read-only case ) => Advanced Group Multi Select => Advanced Multi Select => Multi Select => Multi Select With Avatar => Select With Avatar - isReadonly prop added for SelectedOption component - Read-only class added for TextBoxIcon component - Removed click action in tag multi select component for read-only case - Changed the cursor default to not-allowed in Radio component for read-only case # 1.0.0-alpha-226 - ListContainer Implemented in => ListItem,ListItemWithAvatar,ListItemWithIcon,ListItemWithRadio,ListItemWithCheckBox # 1.0.0-alpha-225 - Appearance css moved to assets # 1.0.0-alpha-224 - css color variable updation # 1.0.0-alpha-223 - bg,shadow,text,border based variables removed and renamed. # 1.0.0-alpha-222 - Tabs=> isResponsive condition handled properly - Select, MultiSelect => on press tab, choose selected value then move focus to next focuable element flow implemented # 1.0.0-alpha-221 - blueDefaultTheme & blueDarkTheme class name added in Blue CTATheme & ComponentTheme files # 1.0.0-alpha-220 - Tooltip Delay Controlled to Improve Perf # 1.0.0-alpha-219 - ContextOptimizer => ShallowEqal function issue solved # 1.0.0-alpha-218 - Select => Custom props undefined issue solved # 1.0.0-alpha-217 - TextBox, Multiselect, Tag missing dark palette variables moved under Themes folder file # 1.0.0-alpha-216 - Select component -> customProps added -> TextBoxProps ,DropdownSearchTextBoxProps, listItemProps added - Suggestions component -> customProps added -> listItemProps - TextBox component -> customProps added - TextBoxIcon component -> customProps added -> TextBoxProps # 1.0.0-alpha-215 - Select Search Regex Changed to Lowercase # 1.0.0-alpha-214 - Avatar, Label, Tag, Dropdown, ListItem, Multiselect missing dark palette variables moved under Themes folder files # 1.0.0-alpha-213 - AnimationVariable File import removed # 1.0.0-alpha-212 - Stencils => Converted to Pure Component # 1.0.0-alpha-211 - Lato font reference changed from local to Zoho URL(web fonts) # 1.0.0-alpha-210 - Published but some issues are there # 1.0.0-alpha-209 - Config => isReducedMotion, direction added - LibraryContext => added - transition variable implemented in all css # 1.0.0-alpha-208 - Select, AdvancedGroupMultiSelect, MultiSelect => search space issue solved - Common => getSearchString fn added, - Tabs => MoreButtonProps added in customProps - Tab => customProps added # 1.0.0-alpha-207 - Popup => PreventDefault On RemoveClose Removed - Tabs => getCustomDropBoxHeaderPlaceHolder props added # 1.0.0-alpha-206 - LableColor Css File Separated - Select, TextBox,MultiSelect,AdvancedMultiSelect => on focusing input preventScroll disabled. - ResizeComponent Added # 1.0.0-alpha-205 - MultiSelect => lowBandwidth Force Apicall issue fixed # 1.0.0-alpha-204 - CTA alpha color value changed # 1.0.0-alpha-203 - Default mode CTA grey color value changed # 1.0.0-alpha-202 - MultiSelect - scroll top issue fix # 1.0.0-alpha-201 - AccordionItem - innerclass prop has been added. # 1.0.0-alpha-200 - Responsive Sender Receiver Performance Improvement # 1.0.0-alpha-199 - Font size variable fixed for missed place # 1.0.0-alpha-198 - Date Component optimization # 1.0.0-alpha-197 - Card => isPercentageScroll prop added, scrollFetchLimit config implemented - Tabs => customProps Prop added # 1.0.0-alpha-196 - AdvancedMultiSelect => SelectedOptionsLimti old and new comparsion based rerender update # 1.0.0-alpha-195 - ZIndex Number Counter Issue solved # 1.0.0-alpha-194 - Tab => css modified position correction and mousedown issue fixed - fitContWidth,fitContHeight class added in common - propType Declaration fixes # 1.0.0-alpha-193 - VelocityAnimation => slideLeft animation added - Tabs => containerClass prop added # 1.0.0-alpha-192 - CTA gray based color changes # 1.0.0-alpha-191 - CustomScroll Color Fixes # 1.0.0-alpha-190 - DarkMode => input placeholder color changed # 1.0.0-alpha-189 - DropBox => Calculation Based Performance improvement - Popup => Popup WitthIn Popup Body Focus Issue Solved # 1.0.0-alpha-188 - Popup => popup within popup open body click issue fixed # 1.0.0-alpha-187 - Popup => popupGroup empty array check added # 1.0.0-alpha-186 - MultiSelect - children render place changed # 1.0.0-alpha-185 - DropBox => Toggle Position Issue Solved For Left Right Padding Calculation # 1.0.0-alpha-184 - Palette-Based Folder Structure Changed. - data-theme changed to data-mode - data-palette changed to data-theme # 1.0.0-alpha-183 - AppContainer => dataThemeAttr,dataTheme prop removed. instead customProps prop added - Palette Based Color System Implemented # 1.0.0-alpha-182 - DateComponent => Safari Browser Focus Selection Issue Fixed # 1.0.0-alpha-181 - MultiSelect , AdvancedMultiSelect => selection reorder issue fixed - Avatar, AvatarTeam, Checkbox, ListItem, Switch => customProps Added # 1.0.0-alpha-180 - Tab => Rtl Fix - Config => idCounter, ZindexCounter, IdPrefix Added, Intial Zindex Increased to 3 # 1.0.0-alpha-179 - DateWidget => 24 hours HH caps placeholder issue solved # 1.0.0-alpha-178 - MultiSelect => getFooter prop added - AdvancedMultiSelect => getFooter prop added # 1.0.0-alpha-177 - DateWidget - PlaceHolder Lower Case Issue Solved - Tab - Hook Callback Issue Fixed - MultiSelect Empty Array Fix # 1.0.0-alpha-176 - DateWidget - isHideCurrentYear,onBlur,onFocus prop added # 1.0.0-alpha-175 - DateTime,DateWidget - is24Hour prop added - DateTime => isDefaultPosition prop added - Responsive Observer Performance Issue Fixed # 1.0.0-alpha-174 - CheckBox - isClipped Prop added # 1.0.0-alpha-173 - code-based issue fixed ( const to let) # 1.0.0-alpha-172 - TextBoxIcon/TextBoxIcon.js => onClearMouseDown prop support - MultiSelect, MultiSelectWithAvatar,AdvancedMultiSelect => disabledOptions prop supported # 1.0.0-alpha-171 - Dropbox => mobileWidth Configuration Hook given # 1.0.0-alpha-170 - MultiSelectWithAvatar => isSearchClearOnSelect prop added - DropBox => customStyle prop added - DropDownHeading => tabIndex removed # 1.0.0-alpha-169 - DateWidget => iconOnHover added and autoComplete disabled - AdvancedGroupMultiSelect => autoComplete disabled - AdvancedMultiSelect => autoComplete disabled - MultiSelect => autoComplete disabled - MultiSelectWithAvatar => isBoxPaddingNeed prop added - GroupSelect => iconOnHover prop added and tab focus issue solved - Select => iconOnHover prop added and tab focus issue solved - SelectWithAvatar => autoComplete disabled - SelectWithIcon => autoComplete disabled - TextBox => isFocus prop added - TextBoxIcon => isFocus,iconOnHover prop added # 1.0.0-alpha-168 - DropBox Duplicate Portal removed # 1.0.0-alpha-167 - DropBox - responsive ui fixes , isRestrictScroll,needAutoZindex prop added, needResponsive default value changed to true - Popup - customOrder prop added - ListItemWithAvatar => tick icon padding issue solved # 1.0.0-alpha-166 - Tab => Border Calculation Issue Fixed - Tooltip => Position Issue Fixed # 1.0.0-alpha-165 - Select -> onFocus Prop Added - Tab -> titlePosition prop added for tooltip # 1.0.0-alpha-164 - Fixed Tab highlight issue. # 1.0.0-alpha-163 - Fixed the bug to recalculate dimension if tab id changed # 1.0.0-alpha-162 - Performance Changes added in Tab , Tooltip Components - MultiSelect, MultiSelectWithAvatar => customChildrenClass prop Added and TextBox component replaced with TextBoxWithIcon component # 1.0.0-alpha-161 - Proxima Font Removed and Lato Font Added # 1.0.0-alpha-159 - MultiSelect,MultiSelectWithAvatar,AdvancedGroupMultiSelect,AdvancedMultiSelect - isSearchClearOnSelect default Prop changed as true - Tooltip Box Layout Position Issue Fixed - autoTabIndex prop removed in listitem component groups # 1.0.0-alpha-158 - ListItem => dataId Fix - MultiSelect => Bg color fix # 1.0.0-alpha-157 - RippleEffect => needBorder prop added - Select => Children Prop added - MultiSelect,MultiSelectWithAvatar,AdvancedGroupMultiSelect,AdvancedMultiSelect - isSearchClearOnSelect prop added - ListItem,ListItemWithIcon,ListItemWithAvatar => dataId added for tickIcon # 1.0.0-alpha-156 - A11y Changes # 1.0.0-alpha-156 - Dark Theme Changes # 1.0.0-alpha-155 - Tooltip DarkMode Theme Css Added # 1.0.0-alpha-154 - isDarkMode based props removed for all components - AppContainer => Tooltip moved from Container Html # 1.0.0-alpha-153 - ListItem => text-decoration fixed - AdvancedGroupMultiSelect => isGroupMultiSelect prop removed - AdvancedMultiSelect => isGroupMultiSelect removed, isBoxPaddingNeed added - MultiSelectHeader => isGroupMultiSelect removed # 1.0.0-alpha-152 - A11y Changes - Theme Primary Colors Added # 1.0.0-alpha-150 - Label => dark palette added - TextBox => light variant added # 1.0.0-alpha-149 - Avatar,AvatarTeam =>borderOnActive,borderOnHover prop added - Tab - text decoration added - Semantic Button Css fixed # 1.0.0-alpha-148 - Tag => max-width 100% added - Theme Changes in => DateTime,Tabs,AdvancedMultiSelect,RippleEffect # 1.0.0-alpha-147 - currentScreenSize returned from Responsive Receiver - sticky class added in common.module.css - --zdt prefix added for theme variables # 1.0.0-alpha-146 - ListItem => dataId fixes - Tag => dataId issue Fixed - DropBox => RTL fixes - VelocityAnimation => RTL fixes # 1.0.0-alpha-145 - TextBoxIcon Clear Icon Color Fix # 1.0.0-alpha-144 - PortalLayer Moved to deprecated folder - A11y Id Added For Select, MultiSelect Based Components - Semantic Button Default Font and Padding Resetted. - LisItem - dataId setted default - DropDown - DropDownHeading - Added customClass props - DropDownItem - Added customClass props - DropDownSearch - Added customClass - DropDownSeparator - Added customClass props - Radio - Added customClass - ListItem - ListItem - Removed customClass props and Added customClass object - ListItemWithAvatar - Added customClass - ListItemWithCheckBox - Added customClass - ListItemWIthIcon - Added customClass - ListItemWithRadio - Added customClass - Ribbon - Added customClass props - Stencils - Added customClass props - Switch - Added customClass - TextBoxIcon - Removed className props and Added customClass - Textarea - Removed className props and Added customClass props - Tooltip - No customClass. Just declared variables for Theme mode # 1.0.0-alpha-143 - Issue fix in displaying Avatar Initial when 'name' prop has trailing space. # 1.0.0-alpha-142 - Theme Based Changes(Variable changes no Impacts) # 1.0.0-alpha-141 - Tab => keyboardprevent(ctrl,shift,alt) for link case - Appcontainer => dataThemeAttr added - ListItem => isDarkMode prop added # 1.0.0-alpha-140 - DropBox -> PortalLayer changed to Modal # 1.0.0-alpha-139 - DateTime => i18keys supported - variable name changes # 1.0.0-alpha-138 - - Avatar - Removed customTextClass and added customClass props - - AvatarTeam - Removed customTextClass and added customClass - - Button - Removed className and added customClass - - Buttongroup - Added customClass props - - Card, CardHeader, CardContent, CardFooter - Removed className and added customClass props in Card, CardHeader, CardContent, CardFooter - - CheckBox - Added customClass - - DropBox - Removed className and added customClass - - Label - Added customClass props - - Tag - Removed className and added customClass - - TextBox - Removed className and added customClass props - - AppContainer - dataTheme Prop added # 1.0.0-alpha-137 - ally Fixes - htmlId prop added in the select component - AdvancedGroupMultiSelect => scroll fetch issue fix # 1.0.0-alpha-136 - removed dataIdNoOptnsMsg from GroupSelect - i18keys props renamed to i18nKeys - clearTitle prop removed from MultiSelect, MultiSelectAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect - Textare => default font fix - CalenderView => dataId changed for invalidDate as invalidDate - DatePicker limit changed to 1850 - 9999 # 1.0.0-alpha-135 - Avatar alternateSrc supported # 1.0.0-alpha-134 - Reset Code Splitting # 1.0.0-alpha-133 - AdvancedGroupMultiSelect => isPadding Prop added # 1.0.0-alpha-132 - htmlId prop given in TextBox , Textboxwithicon, Textarea - CssProvider Changes # 1.0.0-alpha-131 - Removed isLicenseSuccess and i18n in Label - name Prop changed to htmlFor in Label - title prop added in DropDownHeading # 1.0.0-alpha-130 - Added 'isLicenseSuccess' props in 'ListItemWithIcon' component # 1.0.0-alpha-129 - DropBox className Fix # 1.0.0-alpha-128 - DateComponent => isEditable added # 1.0.0-alpha-127 - DateComponent => error through fix # 1.0.0-alpha-126 - AllY implementation for the button, textbox - Semantic button added # 1.0.0-alpha-125 - fize => font_sizevariable replaced - Tab => moreiconActiveClass # 1.0.0-alpha-124 - size => fsize # 1.0.0-alpha-123 - Appcontainer RemFontVariable added # 1.0.0-alpha-122 - Tag default bg color Changed - AvatarTeam background color removed # 1.0.0-alpha-121 - Dropbox shadow changed # 1.0.0-alpha-120 - Reponsive Render Fixes - DropBoxBorder Removed # 1.0.0-alpha-119 - DateTime component Fix # 1.0.0-alpha-118 - CustomResponsive Added # 1.0.0-alpha-117 - DateTime Placeholder Selection Fix For Firefox # 1.0.0-alpha-116 - DateTime Component Issue Fix , Row Fix, YearView Fix - DateTime => i18keys prop added - TextBoxWithIcon => children prop Parent Changed to Box # 1.0.0-alpha-115 - DropBox => isDarkMode added - DropDownHeading => isDarkMode added - ListItem => palette dark added - ListItemWithAvatar => isDarkMode,avatarPalette added - EmptyState => isDarkMode added - MultiSelect => isDarkMode,palette added - MultiSelectWithAvatar => isDarkMode,palette added - SelectedOptions => isDarkMode added - Suggestions => isDarkMode, palette added - Stencils => dark palette added - Tag => isDarkMode prop added # 1.0.0-alpha-114 - Tab iconSize Prop Added # 1.0.0-alpha-113 - DateTime => isPadding prop added - common diabled opacity changed to 0.5 - MultiSelect => isBoxPaddingNeed needa prop added - DropBox => isBoxPaddingNeed prop added - RippleEffect => primaryDark palette added # 1.0.0-alpha-112 - Card scroll issue fix # 1.0.0-alpha-111 - AdvancedGroupMultiSelect => children,getFooter, customClass added , Loader Handled - GroupSelect => children, getFooter added - Svg package Added - RippleEffect => before zindex removed - Container , Box Performance Fix - Card ReRender Fix # 1.0.0-alpha-110 - MultiSelect DataId Fix - ToolTip Fix - RippleEffect Added # 1.0.0-alpha-109 - MultiSelect Data-Id fix - Peer Dependencies Added # 1.0.0-alpha-108 - Disabling internal state support for Accordion. - Adding 'equalityCheck' function support for AccordionItem. # 1.0.0-alpha-107 - Adding onScroll support for TabContentWrapper component # 1.0.0-alpha-106 - Package Update # 1.0.0-alpha-105 - icon, variable version update - radio,checkbox,switch accessiblity changes => data-checked removed - semantic button added # 1.0.0-alpha-104 - Dropbox => isBoxPaddingNeed,isPadding Added # 1.0.0-alpha-103 - Tag Flat Removed # 1.0.0-alpha-102 - ListItemWithAvatar => avatarPalette added - AdvancedGroupMultiSelect => needBorder added - AdvancedMultiSelect => needBorder added - Suggestions => avatarPalette added - SelectWithAvatar => onRemove,avatarPalette,tagSize,groupName added - Tag => avatarPalette added # 1.0.0-alpha-101 - PortalLayer Fix Zindex # 1.0.0-alpha-100 - Listitem Data-selected attr added, tabIndex Fixed # 1.0.0-alpha-99 - Tab Click Fixed # 1.0.0-alpha-98 - Modal Zindex issue fixed - Tabs OnmouseDown Implement # 1.0.0-alpha-97 - MultiSelect Issue Fix # 1.0.0-alpha-96 - Tootltip Update - Avatar -> textPalette,customTextClass added - font-family light removed - AvatarTeam -> textPalette,customTextClass added # 1.0.0-alpha-95 - Icon Package Update # 1.0.0-alpha-94 - Tab Mapping Fix # 1.0.0-alpha-93 - Tab Fixes # 1.0.0-alpha-92 - Tab Custom Element Fix - Avatar xlarge size changes # 1.0.0-alpha-91 - Tab Click Prevent Fix # 1.0.0-alpha-90 - Switch,CheckBox,Radio => data-checked added - Tab Resize Issue Solved, setTitleForMoreOptions added for vertical, a11y tags added , gamma and zeta palatte removed - ListItem TaBIndex Added # 1.0.0-alpha-89 - Tooltip Change - Icon Version Update - For MultiSelect Based Components clearTitle prop Added - tooltip added in Tag Component # 1.0.0-alpha-88 - Datewidget/Datetime tested and docs update with @zohodesk/datetimejs package # 1.0.0-alpha-87 - Date Component TimeZone Fix - Unwanted Functions Removed from utils/Common # 1.0.0-alpha-86 - Tooltip UI Updated - DropDownFooter,DropDownHeader,DropDownMenu,SimpleDropdown Deleted - DropDownHeading => children and customClass Added - AdvancedGroupMultiSelect -> search fix - MultiSelect -> search clear fix - GroupSelect -> Keydown Fix # 1.0.0-alpha-85 - Datetime/DateWidget Component changes from @zohodesk/datetimejs package # 1.0.0-alpha-84 - ListItemWiithIcon Data-Id Fix # 1.0.0-alpha-83 - CheckBox Prop Fix Update activeStyle added # 1.0.0-alpha-82 - DateTime, DateWidget Changes => date return object Fix - autoFocus prop added in Textarea component # 1.0.0-alpha-81 - variant - secondary type removed in a Label component - customClass Added For Label component - Radio, CheckBox SVG Updated, and Palette Danger Added, isFilled Added For Transparent BG - MultiSelect Avatar DataId Changes # 1.0.0-alpha-80 - data-dottedTitle added for Tooltip # 1.0.0-alpha-79 - Tag danger, default color changed to dot_bg_hawkesBlue - MultiSelectWithAvatar size prop passed for tags Parent # 1.0.0-alpha-78 - isAbsolute,isAnimate,needAction,boxSize,className,innerClass prop added in DateTime - needBorder prop added in CalendarView - isAbsolutePositioningNeeded prop fixed in dropbox - Timezone Day light savings offset calculation fix in Date Components - isSearchClearOnClose props added for Select Based components - Radio line-heignt fix # 1.0.0-alpha-77 - TestCase Fix # 1.0.0-alpha-76 - ResizeObserver Implementation # 1.0.0-alpha-75 - Select children prop undefined issue fix # 1.0.0-alpha-74 - SelectWithIcon Component Added - getChildren,getFooter,getCustomEmptyState feature added in Select Component # 1.0.0-alpha-73 - Appcontainer eleRef Supported - Responsive TouchDevice Fix - Stencils color Update # 1.0.0-alpha-72 - BaseLine Added in Layout - hide added in CssProvider # 1.0.0-alpha-71 - disableTitle and needAvatarTitle Added For List Items - Avatar Team Title Fix # 1.0.0-alpha-70 - Leap Year Date Component Fix - Card Shrink issue Fix # 1.0.0-alpha-69 - Exporting RefElement component from PortalLayer component # 1.0.0-alpha-68 - Tab Width Calculation fix, Dotted Fix - SelectWithAvatar Fix - Select Fix - MultiSelect disableAction Fix - Variable Update # 1.0.0-alpha-67 - Adding TourId and isAbsolutePositioningNeeded key in DropBox - Adding TourId in Box, Container, and Tab components # 1.0.0-alpha-66 - Snap Update # 1.0.0-alpha-65 - isDisabled, Readonly Unified in all Form Components - Date Dropdown => Select List Border Fix - Unified All Fields # 1.0.0-alpha-64 - isDisabled Option added for List Item Based Atoms - needBorder and disableAction Option added for MultiSelect - Select BoxSize Added for DropBox # 1.0.0-alpha-62 - Switch Title Issue Fixed # 1.0.0-alpha-61 - Tab Click Issue Fixed # 1.0.0-alpha-60 - Button Title Added - Tab Disabled Added - Tooltip Fix # 1.0.0-alpha-59 - AppContainer Added # 1.0.0-alpha-58 - Tag Line Height Issue Fixed - Advanced MultiSelect Event Passed in Argument # 1.0.0-alpha-57 - Base Font Version 3 Updated - Advanced Group Multi-Select Added # 1.0.0-alpha-56 - Accordion unMount Added - Icon Package Updated - Velocity Docs Added # 1.0.0-alpha-55 - Tab Dot Color Convert # 1.0.0-alpha-54 - GroupSelect Unlimited Scroll Fix - Dropdown Header Css After 1px Fix # 1.0.0-alpha-53 - CustomScroll Make Optional - Reset Code Implemented in Portal - Icon Line-Height Remove - New Reports Icons Added # 1.0.0-alpha-52 - Advance Multi-Select Added # 1.0.0-alpha-51 - Docs Run Path Issue Fix # 1.0.0-alpha-50 - VelocityAnimation Added # 1.0.0-alpha-49 - Radio Test Cases Fixed # 1.0.0-alpha-48 - TimeZone Added in DateTime and DateWidget - Radio DataId Fix # 1.0.0-alpha-47 - DateTime Component needDefaultTime Prop Fix - Dot Variables Updated - For All ListItem Based IsTick Prop Removed - ResponsiveBox and ResponsiveContainer Removed - MultiSelect Fragment Implemented # 1.0.0-alpha-46 - ReadMe Files Removed - Style Order Fixed # 1.0.0-alpha-45 - Button RTL Issue Resolved - Unwanted Files Removed - Responsive Component Verified # 1.0.0-alpha-44 - FontIcons and Variables Reverted. # 1.0.0-alpha-43 - RTL Implemented.