@zohodesk/components 1.2.23 → 1.2.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/es/Accordion/Accordion.js +7 -3
- package/es/Accordion/AccordionItem.js +4 -2
- package/es/Animation/Animation.js +7 -89
- package/es/Animation/utils.js +83 -0
- package/es/AppContainer/AppContainer.js +14 -3
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/Avatar/Avatar.js +23 -11
- package/es/Avatar/Avatar.module.css +18 -18
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/AvatarTeam/AvatarTeam.module.css +35 -35
- package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -2
- package/es/Button/Button.js +4 -3
- package/es/Button/css/Button.module.css +70 -70
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/Buttongroup.module.css +13 -15
- package/es/Card/Card.js +21 -10
- package/es/CheckBox/CheckBox.js +5 -3
- package/es/CheckBox/CheckBox.module.css +15 -15
- package/es/DateTime/CalendarView.js +32 -20
- package/es/DateTime/DateTime.js +69 -6
- package/es/DateTime/DateTime.module.css +40 -40
- package/es/DateTime/DateTimePopupFooter.js +4 -1
- package/es/DateTime/DateTimePopupHeader.js +8 -2
- package/es/DateTime/DateWidget.js +98 -35
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +4 -1
- package/es/DateTime/Time.js +10 -1
- package/es/DateTime/YearView.js +28 -4
- package/es/DateTime/YearView.module.css +15 -15
- package/es/DateTime/common.js +3 -0
- package/es/DateTime/constants.js +1 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +65 -30
- package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +31 -1
- package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
- package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
- package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
- package/es/DateTime/objectUtils.js +14 -20
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +6 -2
- package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
- package/es/DropBox/css/DropBox.module.css +6 -6
- package/es/DropBox/props/defaultProps.js +1 -2
- package/es/DropBox/props/propTypes.js +1 -2
- package/es/DropDown/DropDown.js +7 -1
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +4 -5
- package/es/DropDown/DropDownHeading.module.css +6 -6
- package/es/DropDown/DropDownItem.js +6 -0
- package/es/DropDown/DropDownItem.module.css +12 -12
- package/es/DropDown/DropDownSearch.js +4 -0
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.js +1 -0
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/DropDown/props/propTypes.js +1 -2
- package/es/Heading/Heading.js +2 -3
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +2 -3
- package/es/Label/Label.module.css +5 -5
- package/es/Label/__tests__/Label.spec.js +1 -2
- package/es/Layout/Box.js +15 -2
- package/es/Layout/Container.js +14 -3
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +1 -2
- package/es/Layout/utils.js +1 -0
- package/es/ListItem/ListContainer.js +8 -3
- package/es/ListItem/ListItem.js +9 -3
- package/es/ListItem/ListItem.module.css +27 -38
- package/es/ListItem/ListItemWithAvatar.js +9 -3
- package/es/ListItem/ListItemWithCheckBox.js +7 -2
- package/es/ListItem/ListItemWithIcon.js +8 -3
- package/es/ListItem/ListItemWithRadio.js +7 -3
- package/es/Modal/Modal.js +28 -11
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
- package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/MultiSelect/EmptyState.js +2 -0
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
- package/es/MultiSelect/MultiSelect.js +99 -30
- package/es/MultiSelect/MultiSelect.module.css +31 -31
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +10 -3
- package/es/MultiSelect/SelectedOptions.js +6 -3
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +7 -3
- package/es/MultiSelect/props/propTypes.js +2 -2
- package/es/PopOver/PopOver.js +16 -0
- package/es/Popup/Popup.js +77 -24
- package/es/Popup/viewPort.js +16 -4
- package/es/Provider/IdProvider.js +10 -5
- package/es/Provider/LibraryContext.js +6 -4
- package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/Provider/ZindexProvider.js +9 -2
- package/es/Radio/Radio.js +3 -0
- package/es/Radio/Radio.module.css +9 -9
- package/es/Responsive/CustomResponsive.js +30 -18
- package/es/Responsive/RefWrapper.js +6 -7
- package/es/Responsive/ResizeComponent.js +35 -25
- package/es/Responsive/ResizeObserver.js +26 -6
- package/es/Responsive/Responsive.js +34 -20
- package/es/Responsive/index.js +1 -3
- package/es/Responsive/sizeObservers.js +28 -7
- package/es/Responsive/utils/index.js +7 -5
- package/es/Responsive/utils/shallowCompare.js +7 -2
- package/es/Responsive/windowResizeObserver.js +7 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/es/ResponsiveDropBox/props/propTypes.js +1 -2
- package/es/Ribbon/Ribbon.js +3 -2
- package/es/Ribbon/Ribbon.module.css +45 -48
- package/es/RippleEffect/RippleEffect.js +1 -3
- package/es/Select/GroupSelect.js +58 -14
- package/es/Select/Select.js +79 -33
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +17 -4
- package/es/Select/SelectWithIcon.js +46 -5
- package/es/Select/props/propTypes.js +2 -2
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +5 -3
- package/es/Switch/Switch.module.css +23 -23
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/Tab.module.css +14 -14
- package/es/Tab/TabContent.js +1 -0
- package/es/Tab/TabContentWrapper.js +3 -0
- package/es/Tab/TabWrapper.js +5 -2
- package/es/Tab/Tabs.js +54 -7
- package/es/Tab/Tabs.module.css +22 -22
- package/es/Tag/Tag.js +6 -3
- package/es/Tag/Tag.module.css +24 -25
- package/es/TextBox/TextBox.js +16 -3
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBoxIcon/TextBoxIcon.js +9 -2
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/es/TextBoxIcon/props/propTypes.js +1 -2
- package/es/Textarea/Textarea.js +12 -3
- package/es/Textarea/Textarea.module.css +21 -21
- package/es/Tooltip/Tooltip.js +58 -14
- package/es/Tooltip/Tooltip.module.css +5 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
- package/es/common/animation.module.css +8 -8
- package/es/common/avatarsizes.module.css +16 -16
- package/es/common/basicReset.module.css +3 -3
- package/es/common/common.module.css +24 -24
- package/es/common/customscroll.module.css +2 -2
- package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
- package/es/semantic/Button/Button.js +3 -2
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/utils/Common.js +54 -9
- package/es/utils/ContextOptimizer.js +4 -5
- package/es/utils/constructFullName.js +2 -0
- package/es/utils/datetime/common.js +16 -5
- package/es/utils/debounce.js +5 -1
- package/es/utils/dropDownUtils.js +68 -11
- package/es/utils/getInitial.js +4 -0
- package/es/utils/shallowEqual.js +6 -0
- package/es/v1/Accordion/Accordion.js +4 -3
- package/es/v1/Accordion/AccordionItem.js +4 -2
- package/es/v1/Animation/Animation.js +5 -89
- package/es/v1/Animation/utils.js +83 -0
- package/es/v1/AppContainer/AppContainer.js +9 -3
- package/es/v1/Avatar/Avatar.js +18 -6
- package/es/v1/AvatarTeam/AvatarTeam.js +1 -0
- package/es/v1/Button/Button.js +3 -3
- package/es/v1/Card/Card.js +16 -8
- package/es/v1/CheckBox/CheckBox.js +6 -3
- package/es/v1/DateTime/CalendarView.js +32 -20
- package/es/v1/DateTime/DateTime.js +69 -6
- package/es/v1/DateTime/DateTimePopupFooter.js +4 -1
- package/es/v1/DateTime/DateTimePopupHeader.js +8 -2
- package/es/v1/DateTime/DateWidget.js +98 -35
- package/es/v1/DateTime/DaysRow.js +4 -1
- package/es/v1/DateTime/Time.js +10 -1
- package/es/v1/DateTime/YearView.js +28 -4
- package/es/v1/DropBox/DropBox.js +6 -2
- package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/v1/DropBox/props/defaultProps.js +1 -2
- package/es/v1/DropBox/props/propTypes.js +1 -2
- package/es/v1/DropDown/DropDown.js +3 -0
- package/es/v1/DropDown/DropDownHeading.js +2 -2
- package/es/v1/DropDown/DropDownItem.js +5 -0
- package/es/v1/DropDown/DropDownSearch.js +3 -2
- package/es/v1/DropDown/props/propTypes.js +1 -2
- package/es/v1/Heading/Heading.js +1 -3
- package/es/v1/Layout/Box.js +15 -2
- package/es/v1/Layout/Container.js +14 -3
- package/es/v1/ListItem/ListContainer.js +8 -3
- package/es/v1/ListItem/ListItem.js +10 -3
- package/es/v1/ListItem/ListItemWithAvatar.js +9 -1
- package/es/v1/ListItem/ListItemWithCheckBox.js +8 -2
- package/es/v1/ListItem/ListItemWithIcon.js +9 -3
- package/es/v1/ListItem/ListItemWithRadio.js +8 -3
- package/es/v1/Modal/Modal.js +17 -1
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +90 -15
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/v1/MultiSelect/EmptyState.js +2 -0
- package/es/v1/MultiSelect/MultiSelect.js +100 -31
- package/es/v1/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +11 -3
- package/es/v1/MultiSelect/SelectedOptions.js +6 -3
- package/es/v1/MultiSelect/Suggestions.js +7 -3
- package/es/v1/MultiSelect/props/propTypes.js +2 -2
- package/es/v1/PopOver/PopOver.js +11 -0
- package/es/v1/Popup/Popup.js +77 -24
- package/es/v1/Provider/IdProvider.js +10 -5
- package/es/v1/Provider/LibraryContext.js +6 -4
- package/es/v1/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/v1/Provider/ZindexProvider.js +9 -2
- package/es/v1/Radio/Radio.js +5 -2
- package/es/v1/Responsive/CustomResponsive.js +30 -18
- package/es/v1/Responsive/RefWrapper.js +6 -7
- package/es/v1/Responsive/ResizeComponent.js +35 -25
- package/es/v1/Responsive/ResizeObserver.js +26 -6
- package/es/v1/Responsive/Responsive.js +34 -20
- package/es/v1/Responsive/index.js +1 -3
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -0
- package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -2
- package/es/v1/Select/GroupSelect.js +58 -14
- package/es/v1/Select/Select.js +81 -37
- package/es/v1/Select/SelectWithAvatar.js +17 -4
- package/es/v1/Select/SelectWithIcon.js +46 -5
- package/es/v1/Select/props/propTypes.js +2 -2
- package/es/v1/Stencils/Stencils.js +2 -0
- package/es/v1/Switch/Switch.js +6 -3
- package/es/v1/Tab/Tab.js +3 -3
- package/es/v1/Tab/TabContent.js +1 -0
- package/es/v1/Tab/TabContentWrapper.js +3 -0
- package/es/v1/Tab/TabWrapper.js +5 -2
- package/es/v1/Tab/Tabs.js +54 -9
- package/es/v1/Tab/v1Tab.module.css +14 -14
- package/es/v1/Tab/v1Tabs.module.css +22 -22
- package/es/v1/Tag/Tag.js +5 -1
- package/es/v1/TextBox/TextBox.js +14 -0
- package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -2
- package/es/v1/TextBoxIcon/props/propTypes.js +1 -2
- package/es/v1/Textarea/Textarea.js +10 -3
- package/es/v1/Tooltip/Tooltip.js +58 -14
- package/es/v1/Typography/Typography.js +2 -0
- package/es/v1/Typography/css/Typography.module.css +31 -31
- package/es/v1/Typography/css/cssJSLogic.js +3 -0
- package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -2
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -4
- package/es/v1/semantic/Button/Button.js +1 -2
- package/lib/Accordion/Accordion.js +42 -18
- package/lib/Accordion/AccordionItem.js +40 -18
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/propTypes.js +3 -0
- package/lib/Animation/Animation.js +42 -104
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/Animation/utils.js +94 -0
- package/lib/AppContainer/AppContainer.js +58 -20
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/propTypes.js +3 -0
- package/lib/Avatar/Avatar.js +78 -38
- package/lib/Avatar/Avatar.module.css +18 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +95 -71
- package/lib/Avatar/props/propTypes.js +3 -0
- package/lib/AvatarTeam/AvatarTeam.js +52 -30
- package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +77 -61
- package/lib/AvatarTeam/props/propTypes.js +3 -0
- package/lib/Button/Button.js +33 -22
- package/lib/Button/__tests__/Button.spec.js +65 -48
- package/lib/Button/css/Button.module.css +70 -70
- package/lib/Button/css/cssJSLogic.js +18 -17
- package/lib/Button/index.js +3 -0
- package/lib/Button/props/defaultProps.js +2 -0
- package/lib/Button/props/propTypes.js +3 -0
- package/lib/Buttongroup/Buttongroup.js +32 -12
- package/lib/Buttongroup/Buttongroup.module.css +13 -15
- package/lib/Buttongroup/__tests__/Buttongroup.spec.js +18 -10
- package/lib/Buttongroup/props/propTypes.js +3 -0
- package/lib/Card/Card.js +102 -46
- package/lib/Card/index.js +4 -0
- package/lib/Card/props/propTypes.js +3 -0
- package/lib/CheckBox/CheckBox.js +71 -47
- package/lib/CheckBox/CheckBox.module.css +15 -15
- package/lib/CheckBox/props/propTypes.js +3 -0
- package/lib/DateTime/CalendarView.js +82 -42
- package/lib/DateTime/DateTime.js +244 -156
- package/lib/DateTime/DateTime.module.css +40 -40
- package/lib/DateTime/DateTimePopupFooter.js +33 -8
- package/lib/DateTime/DateTimePopupHeader.js +49 -17
- package/lib/DateTime/DateWidget.js +350 -249
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +28 -5
- package/lib/DateTime/Time.js +75 -32
- package/lib/DateTime/YearView.js +76 -27
- package/lib/DateTime/YearView.module.css +15 -15
- package/lib/DateTime/common.js +6 -0
- package/lib/DateTime/constants.js +1 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +187 -122
- package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/lib/DateTime/dateFormatUtils/dayChange.js +15 -7
- package/lib/DateTime/dateFormatUtils/index.js +73 -16
- package/lib/DateTime/dateFormatUtils/monthChange.js +20 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
- package/lib/DateTime/dateFormatUtils/yearChange.js +23 -11
- package/lib/DateTime/index.js +2 -0
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/propTypes.js +11 -1
- package/lib/DateTime/typeChecker.js +4 -0
- package/lib/DateTime/validator.js +73 -10
- package/lib/DropBox/DropBox.js +45 -21
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +42 -34
- package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
- package/lib/DropBox/css/DropBox.module.css +6 -6
- package/lib/DropBox/css/cssJSLogic.js +3 -1
- package/lib/DropBox/props/defaultProps.js +8 -4
- package/lib/DropBox/props/propTypes.js +10 -4
- package/lib/DropDown/DropDown.js +51 -5
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +39 -20
- package/lib/DropDown/DropDownHeading.module.css +6 -6
- package/lib/DropDown/DropDownItem.js +42 -20
- package/lib/DropDown/DropDownItem.module.css +12 -12
- package/lib/DropDown/DropDownSearch.js +40 -17
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.js +24 -4
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/DropDown/index.js +9 -0
- package/lib/DropDown/props/propTypes.js +10 -4
- package/lib/Heading/Heading.js +37 -15
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +41 -21
- package/lib/Label/Label.module.css +5 -5
- package/lib/Label/__tests__/Label.spec.js +48 -34
- package/lib/Label/props/propTypes.js +3 -0
- package/lib/Layout/Box.js +35 -15
- package/lib/Layout/Container.js +33 -14
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/Layout/index.js +3 -0
- package/lib/Layout/props/propTypes.js +3 -0
- package/lib/Layout/utils.js +11 -0
- package/lib/ListItem/ListContainer.js +55 -30
- package/lib/ListItem/ListItem.js +74 -45
- package/lib/ListItem/ListItem.module.css +27 -38
- package/lib/ListItem/ListItemWithAvatar.js +80 -48
- package/lib/ListItem/ListItemWithCheckBox.js +70 -40
- package/lib/ListItem/ListItemWithIcon.js +73 -44
- package/lib/ListItem/ListItemWithRadio.js +71 -42
- package/lib/ListItem/index.js +7 -0
- package/lib/ListItem/props/propTypes.js +6 -4
- package/lib/Modal/Modal.js +45 -10
- package/lib/Modal/props/propTypes.js +3 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +293 -166
- package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/MultiSelect/EmptyState.js +45 -24
- package/lib/MultiSelect/MobileHeader/MobileHeader.js +14 -5
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
- package/lib/MultiSelect/MobileHeader/props/propTypes.js +3 -0
- package/lib/MultiSelect/MultiSelect.js +333 -214
- package/lib/MultiSelect/MultiSelect.module.css +31 -31
- package/lib/MultiSelect/MultiSelectHeader.js +29 -7
- package/lib/MultiSelect/MultiSelectWithAvatar.js +85 -43
- package/lib/MultiSelect/SelectedOptions.js +43 -17
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +64 -32
- package/lib/MultiSelect/index.js +5 -0
- package/lib/MultiSelect/props/defaultProps.js +2 -0
- package/lib/MultiSelect/props/propTypes.js +14 -4
- package/lib/PopOver/PopOver.js +94 -47
- package/lib/PopOver/index.js +4 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -81
- package/lib/Popup/viewPort.js +28 -14
- package/lib/Provider/AvatarSize.js +4 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Provider/CssProvider.js +4 -0
- package/lib/Provider/IdProvider.js +17 -6
- package/lib/Provider/LibraryContext.js +35 -15
- package/lib/Provider/LibraryContextInit.js +4 -0
- package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/Provider/ZindexProvider.js +15 -3
- package/lib/Provider/index.js +5 -0
- package/lib/Radio/Radio.js +60 -36
- package/lib/Radio/Radio.module.css +9 -9
- package/lib/Radio/__tests__/Radio.spec.js +134 -103
- package/lib/Radio/props/propTypes.js +3 -0
- package/lib/Responsive/CustomResponsive.js +73 -29
- package/lib/Responsive/RefWrapper.js +17 -11
- package/lib/Responsive/ResizeComponent.js +62 -36
- package/lib/Responsive/ResizeObserver.js +24 -10
- package/lib/Responsive/Responsive.js +80 -30
- package/lib/Responsive/index.js +4 -0
- package/lib/Responsive/props/propTypes.js +3 -0
- package/lib/Responsive/sizeObservers.js +53 -17
- package/lib/Responsive/utils/index.js +11 -3
- package/lib/Responsive/utils/shallowCompare.js +11 -2
- package/lib/Responsive/windowResizeObserver.js +8 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +9 -4
- package/lib/Ribbon/Ribbon.js +33 -13
- package/lib/Ribbon/Ribbon.module.css +45 -48
- package/lib/Ribbon/__tests__/Ribbon.spec.js +24 -14
- package/lib/Ribbon/props/propTypes.js +3 -0
- package/lib/RippleEffect/RippleEffect.js +18 -10
- package/lib/RippleEffect/__tests__/RippleEffect.spec.js +34 -22
- package/lib/RippleEffect/props/propTypes.js +3 -0
- package/lib/Select/GroupSelect.js +229 -130
- package/lib/Select/Select.js +295 -211
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +102 -56
- package/lib/Select/SelectWithIcon.js +131 -76
- package/lib/Select/index.js +5 -0
- package/lib/Select/props/defaultProps.js +5 -4
- package/lib/Select/props/propTypes.js +10 -4
- package/lib/Stencils/Stencils.js +29 -10
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +22 -13
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +57 -34
- package/lib/Switch/Switch.module.css +23 -23
- package/lib/Switch/__tests__/Switch.spec.js +91 -72
- package/lib/Switch/props/propTypes.js +3 -0
- package/lib/Tab/Tab.js +40 -27
- package/lib/Tab/Tab.module.css +14 -14
- package/lib/Tab/TabContent.js +12 -5
- package/lib/Tab/TabContentWrapper.js +16 -8
- package/lib/Tab/TabWrapper.js +37 -19
- package/lib/Tab/Tabs.js +171 -91
- package/lib/Tab/Tabs.module.css +22 -22
- package/lib/Tab/index.js +6 -0
- package/lib/Tab/props/propTypes.js +3 -0
- package/lib/Tag/Tag.js +72 -43
- package/lib/Tag/Tag.module.css +24 -25
- package/lib/Tag/props/propTypes.js +3 -0
- package/lib/TextBox/TextBox.js +86 -60
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBox/props/propTypes.js +6 -4
- package/lib/TextBoxIcon/TextBoxIcon.js +80 -53
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/lib/TextBoxIcon/props/propTypes.js +9 -4
- package/lib/Textarea/Textarea.js +54 -29
- package/lib/Textarea/Textarea.module.css +21 -21
- package/lib/Textarea/props/propTypes.js +3 -0
- package/lib/Tooltip/Tooltip.js +94 -31
- package/lib/Tooltip/Tooltip.module.css +5 -5
- package/lib/Tooltip/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/index.js +3 -0
- package/lib/common/animation.module.css +8 -8
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/common/basicReset.module.css +3 -3
- package/lib/common/common.module.css +24 -24
- package/lib/common/customscroll.module.css +2 -2
- package/lib/css.js +40 -0
- package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +58 -0
- package/lib/semantic/Button/Button.js +42 -22
- package/lib/semantic/Button/props/propTypes.js +3 -0
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +2 -0
- package/lib/utils/Common.js +111 -18
- package/lib/utils/ContextOptimizer.js +16 -10
- package/lib/utils/constructFullName.js +13 -4
- package/lib/utils/datetime/common.js +34 -5
- package/lib/utils/debounce.js +6 -1
- package/lib/utils/dropDownUtils.js +175 -59
- package/lib/utils/dummyFunction.js +2 -0
- package/lib/utils/getHTMLFontSize.js +1 -0
- package/lib/utils/getInitial.js +6 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/lib/v1/Accordion/Accordion.js +38 -19
- package/lib/v1/Accordion/AccordionItem.js +23 -13
- package/lib/v1/Accordion/index.js +3 -0
- package/lib/v1/Accordion/props/propTypes.js +3 -0
- package/lib/v1/Animation/Animation.js +24 -100
- package/lib/v1/Animation/props/propTypes.js +3 -0
- package/lib/v1/Animation/utils.js +94 -0
- package/lib/v1/AppContainer/AppContainer.js +46 -17
- package/lib/v1/AppContainer/props/propTypes.js +3 -0
- package/lib/v1/Avatar/Avatar.js +68 -32
- package/lib/v1/Avatar/props/propTypes.js +3 -0
- package/lib/v1/AvatarTeam/AvatarTeam.js +32 -24
- package/lib/v1/AvatarTeam/props/propTypes.js +3 -0
- package/lib/v1/Button/Button.js +32 -22
- package/lib/v1/Button/props/defaultProps.js +2 -0
- package/lib/v1/Button/props/propTypes.js +3 -0
- package/lib/v1/Buttongroup/Buttongroup.js +13 -5
- package/lib/v1/Buttongroup/props/propTypes.js +3 -0
- package/lib/v1/Card/Card.js +78 -44
- package/lib/v1/Card/index.js +4 -0
- package/lib/v1/Card/props/propTypes.js +3 -0
- package/lib/v1/CheckBox/CheckBox.js +52 -41
- package/lib/v1/CheckBox/props/propTypes.js +3 -0
- package/lib/v1/DateTime/CalendarView.js +89 -48
- package/lib/v1/DateTime/DateTime.js +246 -158
- package/lib/v1/DateTime/DateTimePopupFooter.js +33 -8
- package/lib/v1/DateTime/DateTimePopupHeader.js +49 -17
- package/lib/v1/DateTime/DateWidget.js +352 -251
- package/lib/v1/DateTime/DaysRow.js +28 -5
- package/lib/v1/DateTime/Time.js +75 -32
- package/lib/v1/DateTime/YearView.js +76 -27
- package/lib/v1/DateTime/index.js +2 -0
- package/lib/v1/DateTime/props/propTypes.js +11 -1
- package/lib/v1/DropBox/DropBox.js +45 -21
- package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/v1/DropBox/props/defaultProps.js +8 -4
- package/lib/v1/DropBox/props/propTypes.js +10 -4
- package/lib/v1/DropDown/DropDown.js +23 -3
- package/lib/v1/DropDown/DropDownHeading.js +20 -13
- package/lib/v1/DropDown/DropDownItem.js +26 -11
- package/lib/v1/DropDown/DropDownSearch.js +28 -16
- package/lib/v1/DropDown/DropDownSeparator.js +7 -1
- package/lib/v1/DropDown/props/propTypes.js +10 -4
- package/lib/v1/Heading/Heading.js +19 -14
- package/lib/v1/Heading/props/propTypes.js +3 -0
- package/lib/v1/Label/Label.js +22 -14
- package/lib/v1/Label/props/propTypes.js +3 -0
- package/lib/v1/Layout/Box.js +35 -15
- package/lib/v1/Layout/Container.js +33 -14
- package/lib/v1/Layout/index.js +3 -0
- package/lib/v1/Layout/props/propTypes.js +3 -0
- package/lib/v1/ListItem/ListContainer.js +55 -30
- package/lib/v1/ListItem/ListItem.js +53 -38
- package/lib/v1/ListItem/ListItemWithAvatar.js +62 -39
- package/lib/v1/ListItem/ListItemWithCheckBox.js +49 -34
- package/lib/v1/ListItem/ListItemWithIcon.js +52 -37
- package/lib/v1/ListItem/ListItemWithRadio.js +49 -35
- package/lib/v1/ListItem/index.js +7 -0
- package/lib/v1/ListItem/props/propTypes.js +6 -4
- package/lib/v1/Modal/Modal.js +46 -9
- package/lib/v1/Modal/props/propTypes.js +3 -0
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +294 -168
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/v1/MultiSelect/EmptyState.js +45 -24
- package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +14 -5
- package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +3 -0
- package/lib/v1/MultiSelect/MultiSelect.js +335 -216
- package/lib/v1/MultiSelect/MultiSelectHeader.js +29 -7
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +86 -43
- package/lib/v1/MultiSelect/SelectedOptions.js +43 -17
- package/lib/v1/MultiSelect/Suggestions.js +64 -32
- package/lib/v1/MultiSelect/index.js +5 -0
- package/lib/v1/MultiSelect/props/defaultProps.js +2 -0
- package/lib/v1/MultiSelect/props/propTypes.js +14 -4
- package/lib/v1/PopOver/PopOver.js +71 -40
- package/lib/v1/PopOver/props/propTypes.js +3 -0
- package/lib/v1/Popup/Popup.js +158 -81
- package/lib/v1/Provider/AvatarSize.js +4 -0
- package/lib/v1/Provider/Config.js +2 -0
- package/lib/v1/Provider/CssProvider.js +4 -0
- package/lib/v1/Provider/IdProvider.js +17 -6
- package/lib/v1/Provider/LibraryContext.js +35 -15
- package/lib/v1/Provider/LibraryContextInit.js +4 -0
- package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/v1/Provider/ZindexProvider.js +15 -3
- package/lib/v1/Provider/index.js +5 -0
- package/lib/v1/Radio/Radio.js +42 -32
- package/lib/v1/Radio/props/propTypes.js +3 -0
- package/lib/v1/Responsive/CustomResponsive.js +73 -29
- package/lib/v1/Responsive/RefWrapper.js +17 -11
- package/lib/v1/Responsive/ResizeComponent.js +62 -36
- package/lib/v1/Responsive/ResizeObserver.js +24 -10
- package/lib/v1/Responsive/Responsive.js +80 -30
- package/lib/v1/Responsive/index.js +4 -0
- package/lib/v1/Responsive/props/propTypes.js +3 -0
- package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +27 -13
- package/lib/v1/ResponsiveDropBox/props/propTypes.js +9 -4
- package/lib/v1/Ribbon/Ribbon.js +14 -7
- package/lib/v1/Ribbon/props/propTypes.js +3 -0
- package/lib/v1/RippleEffect/RippleEffect.js +17 -7
- package/lib/v1/RippleEffect/props/propTypes.js +3 -0
- package/lib/v1/Select/GroupSelect.js +229 -130
- package/lib/v1/Select/Select.js +297 -214
- package/lib/v1/Select/SelectWithAvatar.js +102 -56
- package/lib/v1/Select/SelectWithIcon.js +131 -76
- package/lib/v1/Select/index.js +5 -0
- package/lib/v1/Select/props/defaultProps.js +5 -4
- package/lib/v1/Select/props/propTypes.js +10 -4
- package/lib/v1/Stencils/Stencils.js +13 -3
- package/lib/v1/Stencils/props/propTypes.js +3 -0
- package/lib/v1/Switch/Switch.js +38 -25
- package/lib/v1/Switch/props/propTypes.js +3 -0
- package/lib/v1/Tab/Tab.js +40 -27
- package/lib/v1/Tab/TabContent.js +12 -5
- package/lib/v1/Tab/TabContentWrapper.js +16 -8
- package/lib/v1/Tab/TabWrapper.js +37 -19
- package/lib/v1/Tab/Tabs.js +170 -83
- package/lib/v1/Tab/index.js +6 -0
- package/lib/v1/Tab/props/propTypes.js +3 -0
- package/lib/v1/Tab/v1Tab.module.css +14 -14
- package/lib/v1/Tab/v1Tabs.module.css +22 -22
- package/lib/v1/Tag/Tag.js +50 -32
- package/lib/v1/Tag/props/propTypes.js +3 -0
- package/lib/v1/TextBox/TextBox.js +70 -47
- package/lib/v1/TextBox/props/propTypes.js +6 -4
- package/lib/v1/TextBoxIcon/TextBoxIcon.js +80 -55
- package/lib/v1/TextBoxIcon/props/propTypes.js +9 -4
- package/lib/v1/Textarea/Textarea.js +45 -28
- package/lib/v1/Textarea/props/propTypes.js +3 -0
- package/lib/v1/Tooltip/Tooltip.js +94 -31
- package/lib/v1/Tooltip/props/propTypes.js +3 -0
- package/lib/v1/Typography/Typography.js +26 -15
- package/lib/v1/Typography/css/Typography.module.css +31 -31
- package/lib/v1/Typography/css/cssJSLogic.js +25 -20
- package/lib/v1/Typography/props/propTypes.js +3 -0
- package/lib/v1/Typography/utils/index.js +1 -0
- package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +25 -12
- package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +38 -22
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/v1/semantic/Button/Button.js +24 -18
- package/lib/v1/semantic/Button/props/propTypes.js +3 -0
- package/lib/v1/semantic/index.js +2 -0
- package/package.json +2 -2
- package/result.json +1 -1
- package/.DS_Store +0 -0
|
@@ -4,108 +4,152 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
|
|
7
|
+
|
|
7
8
|
var _reselect = require("reselect");
|
|
9
|
+
|
|
8
10
|
var _Common = require("./Common");
|
|
11
|
+
|
|
9
12
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
13
|
+
|
|
10
14
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
+
|
|
11
16
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
17
|
+
|
|
12
18
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
19
|
+
|
|
20
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
|
|
16
22
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
23
|
+
|
|
17
24
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
+
|
|
18
26
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
+
|
|
19
28
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
|
|
21
|
-
function
|
|
29
|
+
|
|
30
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
31
|
+
|
|
32
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
33
|
+
|
|
22
34
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
+
|
|
23
36
|
var dummyArray = [];
|
|
24
37
|
exports.dummyArray = dummyArray;
|
|
25
38
|
var dummyObj = {};
|
|
26
39
|
exports.dummyObj = dummyObj;
|
|
40
|
+
|
|
27
41
|
var getOptions = function getOptions(props) {
|
|
28
42
|
return props.options || dummyArray;
|
|
29
43
|
};
|
|
44
|
+
|
|
30
45
|
exports.getOptions = getOptions;
|
|
46
|
+
|
|
31
47
|
var getOptionsOrder = function getOptionsOrder(props) {
|
|
32
48
|
return props.optionsOrder || dummyArray;
|
|
33
49
|
};
|
|
50
|
+
|
|
34
51
|
var getSelectedOptionsSel = function getSelectedOptionsSel(props) {
|
|
35
52
|
return props.selectedOptions || dummyArray;
|
|
36
53
|
};
|
|
54
|
+
|
|
37
55
|
var getSearchStr = function getSearchStr(props) {
|
|
38
56
|
return props.searchStr || '';
|
|
39
57
|
};
|
|
58
|
+
|
|
40
59
|
var getValueField = function getValueField(props) {
|
|
41
60
|
return props.valueField || '';
|
|
42
61
|
};
|
|
62
|
+
|
|
43
63
|
exports.getValueField = getValueField;
|
|
64
|
+
|
|
44
65
|
var getTextField = function getTextField(props) {
|
|
45
66
|
return props.textField || '';
|
|
46
67
|
};
|
|
68
|
+
|
|
47
69
|
exports.getTextField = getTextField;
|
|
70
|
+
|
|
48
71
|
var getImageField = function getImageField(props) {
|
|
49
72
|
return props.imageField || '';
|
|
50
73
|
};
|
|
74
|
+
|
|
51
75
|
exports.getImageField = getImageField;
|
|
76
|
+
|
|
52
77
|
var getIconName = function getIconName(props) {
|
|
53
78
|
return props.iconName || '';
|
|
54
79
|
};
|
|
80
|
+
|
|
55
81
|
exports.getIconName = getIconName;
|
|
82
|
+
|
|
56
83
|
var getIconSize = function getIconSize(props) {
|
|
57
84
|
return props.iconSize || '';
|
|
58
85
|
};
|
|
86
|
+
|
|
59
87
|
exports.getIconSize = getIconSize;
|
|
88
|
+
|
|
60
89
|
var getOptionType = function getOptionType(props) {
|
|
61
90
|
return props.optionType || '';
|
|
62
91
|
};
|
|
92
|
+
|
|
63
93
|
exports.getOptionType = getOptionType;
|
|
94
|
+
|
|
64
95
|
var getNeedSearch = function getNeedSearch(props) {
|
|
65
96
|
return props.needSearch;
|
|
66
97
|
};
|
|
98
|
+
|
|
67
99
|
var getIsDefaultSelectValue = function getIsDefaultSelectValue(props) {
|
|
68
100
|
return props.isDefaultSelectValue;
|
|
69
101
|
};
|
|
102
|
+
|
|
70
103
|
var getSelectedOptionsLength = function getSelectedOptionsLength(props) {
|
|
71
104
|
return (0, _Common.getIsEmptyValue)(props.selectedOptionsLength) ? '' : props.selectedOptionsLength;
|
|
72
105
|
};
|
|
106
|
+
|
|
73
107
|
var getNormalizedFormatOptions = function getNormalizedFormatOptions(props) {
|
|
74
108
|
return props.normalizedFormatOptions || dummyObj;
|
|
75
109
|
};
|
|
110
|
+
|
|
76
111
|
var getSelectedValue = function getSelectedValue(props) {
|
|
77
112
|
return (0, _Common.getIsEmptyValue)(props.selectedValue) ? '' : props.selectedValue;
|
|
78
113
|
};
|
|
114
|
+
|
|
79
115
|
var getSelectedFormatOptions = function getSelectedFormatOptions(props) {
|
|
80
116
|
return props.selectedFormatOptions || dummyObj;
|
|
81
117
|
};
|
|
118
|
+
|
|
82
119
|
var getPrefixText = function getPrefixText(props) {
|
|
83
120
|
return props.prefixText || '';
|
|
84
121
|
};
|
|
122
|
+
|
|
85
123
|
exports.getPrefixText = getPrefixText;
|
|
124
|
+
|
|
86
125
|
var getIsStartWithSearch = function getIsStartWithSearch(props) {
|
|
87
126
|
return props.isStartsWithSearch;
|
|
88
127
|
};
|
|
128
|
+
|
|
89
129
|
var getKeepSelectedOptions = function getKeepSelectedOptions(props) {
|
|
90
130
|
return props.keepSelectedOptions;
|
|
91
131
|
};
|
|
132
|
+
|
|
92
133
|
var getDisabledOptions = function getDisabledOptions(props) {
|
|
93
134
|
return props.disabledOptions || dummyArray;
|
|
94
135
|
};
|
|
136
|
+
|
|
95
137
|
var getListItemProps = function getListItemProps(props) {
|
|
96
138
|
return props.listItemProps || '';
|
|
97
139
|
};
|
|
140
|
+
|
|
98
141
|
var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSuggestions() {
|
|
99
142
|
return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getKeepSelectedOptions], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) {
|
|
100
143
|
var suggestions = [];
|
|
101
144
|
var suggestionIds = [];
|
|
102
145
|
options.forEach(function (option) {
|
|
103
146
|
var id = option.id,
|
|
104
|
-
|
|
105
|
-
|
|
147
|
+
_option$value = option.value,
|
|
148
|
+
value = _option$value === void 0 ? '' : _option$value;
|
|
106
149
|
var valueString = (0, _Common.getSearchString)(value);
|
|
107
150
|
var searchString = (0, _Common.getSearchString)(searchStr);
|
|
108
151
|
var isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
|
|
152
|
+
|
|
109
153
|
if (selectedOptions.indexOf(id) === -1 && isMatch || keepSelectedOptions) {
|
|
110
154
|
suggestions.push(option);
|
|
111
155
|
suggestionIds.push(id);
|
|
@@ -117,40 +161,51 @@ var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSugge
|
|
|
117
161
|
};
|
|
118
162
|
});
|
|
119
163
|
};
|
|
164
|
+
|
|
120
165
|
exports.makeGetMultiSelectFilterSuggestions = makeGetMultiSelectFilterSuggestions;
|
|
166
|
+
|
|
121
167
|
var optionIdGrouping = function optionIdGrouping(id, prefixText) {
|
|
122
168
|
if ((0, _Common.getIsEmptyValue)(id)) {
|
|
123
169
|
return '';
|
|
124
170
|
}
|
|
171
|
+
|
|
125
172
|
if ((0, _Common.getIsEmptyValue)(prefixText)) {
|
|
126
173
|
return id;
|
|
127
174
|
}
|
|
175
|
+
|
|
128
176
|
var prefixType = typeof prefixText === 'number' ? 'Int' : 'Str';
|
|
129
177
|
var idType = typeof id === 'number' ? 'Int' : 'Str';
|
|
130
178
|
return "".concat(prefixType, "_").concat(prefixText, "_").concat(idType, "_").concat(id);
|
|
131
179
|
};
|
|
180
|
+
|
|
132
181
|
exports.optionIdGrouping = optionIdGrouping;
|
|
182
|
+
|
|
133
183
|
var extractOptionId = function extractOptionId(id) {
|
|
134
184
|
if ((0, _Common.getIsEmptyValue)(id)) {
|
|
135
185
|
return {
|
|
136
186
|
id: ''
|
|
137
187
|
};
|
|
138
188
|
}
|
|
189
|
+
|
|
139
190
|
if (typeof id === 'number') {
|
|
140
191
|
return {
|
|
141
192
|
id: id
|
|
142
193
|
};
|
|
143
194
|
}
|
|
195
|
+
|
|
144
196
|
var splitedOption = id.split && id.split('_');
|
|
197
|
+
|
|
145
198
|
if (splitedOption.length === 1) {
|
|
146
199
|
return splitedOption[0];
|
|
147
200
|
}
|
|
201
|
+
|
|
148
202
|
if (splitedOption.length === 4) {
|
|
149
203
|
var _splitedOption = _slicedToArray(splitedOption, 4),
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
204
|
+
prefixType = _splitedOption[0],
|
|
205
|
+
prefixText = _splitedOption[1],
|
|
206
|
+
idType = _splitedOption[2],
|
|
207
|
+
_id = _splitedOption[3];
|
|
208
|
+
|
|
154
209
|
_id = idType === 'Int' ? Number.parseInt(_id) : _id;
|
|
155
210
|
prefixText = prefixType === 'Int' ? Number.parseInt(prefixText) : prefixText;
|
|
156
211
|
return {
|
|
@@ -159,7 +214,9 @@ var extractOptionId = function extractOptionId(id) {
|
|
|
159
214
|
};
|
|
160
215
|
}
|
|
161
216
|
};
|
|
217
|
+
|
|
162
218
|
exports.extractOptionId = extractOptionId;
|
|
219
|
+
|
|
163
220
|
var makeFormatOptions = function makeFormatOptions() {
|
|
164
221
|
return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
|
|
165
222
|
var revampOptions = [];
|
|
@@ -170,18 +227,18 @@ var makeFormatOptions = function makeFormatOptions() {
|
|
|
170
227
|
if (!(0, _Common.getIsEmptyValue)(option)) {
|
|
171
228
|
//For group multiSelect - grouping selectedOptions case
|
|
172
229
|
var impValueField = option.valueField,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
230
|
+
impTextField = option.textField,
|
|
231
|
+
impImageField = option.imageField,
|
|
232
|
+
impOptionType = option.optionType,
|
|
233
|
+
impIconName = option.iconName,
|
|
234
|
+
impIconSize = option.iconSize,
|
|
235
|
+
listStyle = option.listItemProps;
|
|
179
236
|
var id = _typeof(option) === 'object' ? option[impValueField || valueField] : option;
|
|
180
237
|
var value = _typeof(option) === 'object' ? option[impTextField || textField] : option;
|
|
181
|
-
var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : '';
|
|
238
|
+
var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
|
|
182
239
|
|
|
183
|
-
// grouping options (group select/MultiSelect)
|
|
184
240
|
id = !(0, _Common.getIsEmptyValue)(id) ? optionIdGrouping(id, prefixText) : '';
|
|
241
|
+
|
|
185
242
|
if (remvampOptionIds.indexOf(id) === -1 && !(0, _Common.getIsEmptyValue)(id) && !(0, _Common.getIsEmptyValue)(value)) {
|
|
186
243
|
remvampOptionIds.push(id);
|
|
187
244
|
var optionDetails = {
|
|
@@ -189,21 +246,27 @@ var makeFormatOptions = function makeFormatOptions() {
|
|
|
189
246
|
value: value,
|
|
190
247
|
optionType: impOptionType || optionType
|
|
191
248
|
};
|
|
249
|
+
|
|
192
250
|
if (imageField) {
|
|
193
251
|
optionDetails.photoURL = photoURL;
|
|
194
252
|
}
|
|
253
|
+
|
|
195
254
|
if (impIconName || iconName) {
|
|
196
255
|
optionDetails.icon = impIconName || iconName;
|
|
197
256
|
}
|
|
257
|
+
|
|
198
258
|
if (impIconSize || iconSize) {
|
|
199
259
|
optionDetails.iconSize = impIconSize || iconSize;
|
|
200
260
|
}
|
|
261
|
+
|
|
201
262
|
if (disabledOptions.length) {
|
|
202
263
|
optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
|
|
203
264
|
}
|
|
265
|
+
|
|
204
266
|
if (listStyle || listItemProps) {
|
|
205
267
|
optionDetails.listItemProps = listStyle || listItemProps;
|
|
206
268
|
}
|
|
269
|
+
|
|
207
270
|
normalizedFormatOptions[id] = optionDetails;
|
|
208
271
|
normalizedAllOptions[id] = option;
|
|
209
272
|
revampOptions.push(optionDetails);
|
|
@@ -218,17 +281,22 @@ var makeFormatOptions = function makeFormatOptions() {
|
|
|
218
281
|
};
|
|
219
282
|
});
|
|
220
283
|
};
|
|
284
|
+
|
|
221
285
|
exports.makeFormatOptions = makeFormatOptions;
|
|
286
|
+
|
|
222
287
|
var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptions() {
|
|
223
288
|
return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength) {
|
|
224
289
|
var output = [];
|
|
225
290
|
var revampSelectedOptions = [];
|
|
226
291
|
var normalizedSelectedOptions = {};
|
|
227
292
|
selectedOptionsLength = !(0, _Common.getIsEmptyValue)(selectedOptionsLength) ? selectedOptionsLength : selectedOptions.length;
|
|
293
|
+
|
|
228
294
|
for (var i = 0; i < selectedOptionsLength; i++) {
|
|
229
295
|
var option = selectedOptions[i];
|
|
296
|
+
|
|
230
297
|
var _ref = normalizedFormatOptions[option] || {},
|
|
231
|
-
|
|
298
|
+
id = _ref.id;
|
|
299
|
+
|
|
232
300
|
if (revampSelectedOptions.indexOf(id) === -1 && !(0, _Common.getIsEmptyValue)(id)) {
|
|
233
301
|
revampSelectedOptions.push(id);
|
|
234
302
|
output.push(normalizedFormatOptions[option]);
|
|
@@ -243,6 +311,7 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
|
|
|
243
311
|
revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
|
|
244
312
|
}
|
|
245
313
|
}
|
|
314
|
+
|
|
246
315
|
return {
|
|
247
316
|
formatSelectedOptions: output,
|
|
248
317
|
normalizedSelectedOptions: normalizedSelectedOptions,
|
|
@@ -250,26 +319,32 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
|
|
|
250
319
|
};
|
|
251
320
|
});
|
|
252
321
|
};
|
|
322
|
+
|
|
253
323
|
exports.makeGetMultiSelectSelectedOptions = makeGetMultiSelectSelectedOptions;
|
|
324
|
+
|
|
254
325
|
var makeGetSelectedValueText = function makeGetSelectedValueText() {
|
|
255
326
|
return (0, _reselect.createSelector)([getOptionsOrder, getNormalizedFormatOptions, getSelectedValue, getSelectedFormatOptions, getIsDefaultSelectValue, getValueField, getTextField], function (optionsOrder, normalizedFormatOptions, selectedValue, selectedFormatOptions, isDefaultSelectValue, valueField, textField) {
|
|
256
327
|
var selectedValueIndex = optionsOrder.indexOf(selectedValue);
|
|
257
328
|
var isSelfValueChanged = false;
|
|
329
|
+
|
|
258
330
|
if ((0, _Common.getIsEmptyValue)(selectedValue) && isDefaultSelectValue) {
|
|
259
331
|
var _optionsOrder = _slicedToArray(optionsOrder, 1);
|
|
332
|
+
|
|
260
333
|
selectedValue = _optionsOrder[0];
|
|
261
334
|
isSelfValueChanged = true;
|
|
262
335
|
}
|
|
336
|
+
|
|
263
337
|
var allOptions = Object.assign({}, selectedFormatOptions, normalizedFormatOptions);
|
|
264
338
|
var details = allOptions[selectedValue];
|
|
265
339
|
var hoverIndex = selectedValueIndex !== -1 ? selectedValueIndex : 0;
|
|
266
340
|
var selectedValueDetails = details ? _defineProperty({}, selectedValue, details) : dummyObj;
|
|
341
|
+
|
|
267
342
|
var _ref3 = details || dummyObj,
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
343
|
+
_ref3$value = _ref3.value,
|
|
344
|
+
selectedValueText = _ref3$value === void 0 ? '' : _ref3$value,
|
|
345
|
+
selectedId = _ref3.id; //selectedValue is not included in options case
|
|
346
|
+
|
|
271
347
|
|
|
272
|
-
//selectedValue is not included in options case
|
|
273
348
|
if ((0, _Common.getIsEmptyValue)(selectedId)) {
|
|
274
349
|
if (_typeof(selectedValue) === 'object') {
|
|
275
350
|
var id = selectedValue[valueField];
|
|
@@ -287,6 +362,7 @@ var makeGetSelectedValueText = function makeGetSelectedValueText() {
|
|
|
287
362
|
selectedId = selectedValue;
|
|
288
363
|
}
|
|
289
364
|
}
|
|
365
|
+
|
|
290
366
|
return {
|
|
291
367
|
selected: selectedValueText,
|
|
292
368
|
hoverIndex: hoverIndex,
|
|
@@ -296,52 +372,64 @@ var makeGetSelectedValueText = function makeGetSelectedValueText() {
|
|
|
296
372
|
};
|
|
297
373
|
});
|
|
298
374
|
};
|
|
375
|
+
|
|
299
376
|
exports.makeGetSelectedValueText = makeGetSelectedValueText;
|
|
377
|
+
|
|
300
378
|
var getObj1 = function getObj1(props) {
|
|
301
379
|
return props.obj1 || dummyObj;
|
|
302
380
|
};
|
|
381
|
+
|
|
303
382
|
var getObj2 = function getObj2(props) {
|
|
304
383
|
return props.obj2 || dummyObj;
|
|
305
384
|
};
|
|
385
|
+
|
|
306
386
|
var makeObjectConcat = function makeObjectConcat() {
|
|
307
387
|
return (0, _reselect.createSelector)([getObj1, getObj2], function (obj1, obj2) {
|
|
308
388
|
return Object.assign({}, obj1, obj2);
|
|
309
389
|
});
|
|
310
390
|
};
|
|
311
|
-
|
|
312
391
|
/***** Group Select *****/
|
|
392
|
+
|
|
393
|
+
|
|
313
394
|
exports.makeObjectConcat = makeObjectConcat;
|
|
395
|
+
|
|
314
396
|
var getGroupedOptions = function getGroupedOptions(props) {
|
|
315
397
|
return props.groupedOptions || dummyArray;
|
|
316
398
|
};
|
|
399
|
+
|
|
317
400
|
var getFormatOptions = makeFormatOptions();
|
|
401
|
+
|
|
318
402
|
var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
|
|
319
403
|
return (0, _reselect.createSelector)([getGroupedOptions], function (groupedOptions) {
|
|
320
404
|
var revampedGroups = [];
|
|
321
405
|
var allOptionIds = [];
|
|
322
406
|
var allNormalizedOptions = {}; //all group normalized options
|
|
407
|
+
|
|
323
408
|
var allNormalizedFormatOptions = {};
|
|
324
409
|
var groupIds = [];
|
|
325
410
|
var normalizedGroupedOptions = {};
|
|
326
411
|
groupedOptions.forEach(function (group) {
|
|
327
412
|
var options = group.options,
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
413
|
+
groupId = group.id,
|
|
414
|
+
name = group.name,
|
|
415
|
+
valueField = group.valueField,
|
|
416
|
+
textField = group.textField;
|
|
417
|
+
|
|
332
418
|
if (!(0, _Common.getIsEmptyValue)(groupId) && groupIds.indexOf(groupId) === -1) {
|
|
333
419
|
groupIds.push(groupId);
|
|
334
420
|
normalizedGroupedOptions[groupId] = group;
|
|
421
|
+
|
|
335
422
|
var _getFormatOptions = getFormatOptions({
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
423
|
+
options: options,
|
|
424
|
+
valueField: valueField,
|
|
425
|
+
textField: textField,
|
|
426
|
+
prefixText: groupId
|
|
427
|
+
}),
|
|
428
|
+
allOptions = _getFormatOptions.allOptions,
|
|
429
|
+
normalizedAllOptions = _getFormatOptions.normalizedAllOptions,
|
|
430
|
+
normalizedFormatOptions = _getFormatOptions.normalizedFormatOptions,
|
|
431
|
+
optionsOrder = _getFormatOptions.optionsOrder;
|
|
432
|
+
|
|
345
433
|
if (optionsOrder.length) {
|
|
346
434
|
revampedGroups.push({
|
|
347
435
|
id: groupId,
|
|
@@ -364,25 +452,31 @@ var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
|
|
|
364
452
|
};
|
|
365
453
|
});
|
|
366
454
|
};
|
|
455
|
+
|
|
367
456
|
exports.makeGetGroupSelectOptions = makeGetGroupSelectOptions;
|
|
457
|
+
|
|
368
458
|
var getGroups = function getGroups(props) {
|
|
369
459
|
return props.revampedGroups;
|
|
370
460
|
};
|
|
461
|
+
|
|
371
462
|
var getFilterSuggestions = makeGetMultiSelectFilterSuggestions();
|
|
463
|
+
|
|
372
464
|
var makeGetGroupSelectFilterSuggestions = function makeGetGroupSelectFilterSuggestions() {
|
|
373
465
|
return (0, _reselect.createSelector)([getGroups, getSearchStr, getNeedSearch, getIsStartWithSearch], function (groups, searchStr, needSearch, isStartsWithSearch) {
|
|
374
466
|
var suggestionGroups = [];
|
|
375
467
|
var suggestionOptionIds = [];
|
|
376
468
|
groups.forEach(function (group) {
|
|
377
469
|
var options = group.options;
|
|
470
|
+
|
|
378
471
|
var _getFilterSuggestions = getFilterSuggestions({
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
472
|
+
options: options,
|
|
473
|
+
needSearch: needSearch,
|
|
474
|
+
searchStr: searchStr,
|
|
475
|
+
isStartsWithSearch: isStartsWithSearch
|
|
476
|
+
}),
|
|
477
|
+
suggestions = _getFilterSuggestions.suggestions,
|
|
478
|
+
suggestionIds = _getFilterSuggestions.suggestionIds;
|
|
479
|
+
|
|
386
480
|
if (suggestionIds.length) {
|
|
387
481
|
suggestionGroups.push(Object.assign({}, group, {
|
|
388
482
|
options: suggestions
|
|
@@ -396,19 +490,25 @@ var makeGetGroupSelectFilterSuggestions = function makeGetGroupSelectFilterSugge
|
|
|
396
490
|
};
|
|
397
491
|
});
|
|
398
492
|
};
|
|
493
|
+
|
|
399
494
|
exports.makeGetGroupSelectFilterSuggestions = makeGetGroupSelectFilterSuggestions;
|
|
495
|
+
|
|
400
496
|
var makeGetOptionIdChange = function makeGetOptionIdChange() {
|
|
401
497
|
return (0, _reselect.createSelector)([getOptions, getValueField, getPrefixText, getTextField, getImageField, getIconName, getIconSize, getOptionType], function (options, valueField, prefixText, textField, imageField, iconName, iconSize, optionType) {
|
|
402
498
|
var newOptions = [];
|
|
403
499
|
return options.reduce(function (changedOptions, option) {
|
|
404
500
|
var newOption;
|
|
405
501
|
var id = _typeof(option) === 'object' ? option[valueField] : option;
|
|
502
|
+
|
|
406
503
|
if (_typeof(option) === 'object' && !(0, _Common.getIsEmptyValue)(id)) {
|
|
407
504
|
var _Object$assign;
|
|
505
|
+
|
|
408
506
|
newOption = Object.assign({}, option, (_Object$assign = {}, _defineProperty(_Object$assign, valueField, optionIdGrouping(id, prefixText)), _defineProperty(_Object$assign, "valueField", valueField), _defineProperty(_Object$assign, "textField", textField), _defineProperty(_Object$assign, "optionType", optionType), _Object$assign));
|
|
507
|
+
|
|
409
508
|
if (imageField) {
|
|
410
509
|
newOption.imageField = imageField;
|
|
411
510
|
}
|
|
511
|
+
|
|
412
512
|
changedOptions.push(newOption);
|
|
413
513
|
} else if (!(0, _Common.getIsEmptyValue)(id)) {
|
|
414
514
|
newOption = {
|
|
@@ -422,75 +522,91 @@ var makeGetOptionIdChange = function makeGetOptionIdChange() {
|
|
|
422
522
|
};
|
|
423
523
|
changedOptions.push(newOption);
|
|
424
524
|
}
|
|
525
|
+
|
|
425
526
|
return changedOptions;
|
|
426
527
|
}, newOptions);
|
|
427
528
|
});
|
|
428
529
|
};
|
|
530
|
+
|
|
429
531
|
exports.makeGetOptionIdChange = makeGetOptionIdChange;
|
|
532
|
+
|
|
430
533
|
var filterSelectedOptions = function filterSelectedOptions() {
|
|
431
534
|
var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
selectedOptions = selectedOptions || dummyArray;
|
|
440
|
-
// eslint-disable-next-line no-param-reassign
|
|
441
|
-
propSelectedOptions = propSelectedOptions || dummyArray;
|
|
535
|
+
_ref4$selectedOptions = _ref4.selectedOptions,
|
|
536
|
+
selectedOptions = _ref4$selectedOptions === void 0 ? dummyArray : _ref4$selectedOptions,
|
|
537
|
+
_ref4$propSelectedOpt = _ref4.propSelectedOptions,
|
|
538
|
+
propSelectedOptions = _ref4$propSelectedOpt === void 0 ? dummyArray : _ref4$propSelectedOpt,
|
|
539
|
+
_ref4$disabledOptions = _ref4.disabledOptions,
|
|
540
|
+
disabledOptions = _ref4$disabledOptions === void 0 ? dummyArray : _ref4$disabledOptions;
|
|
541
|
+
|
|
442
542
|
// eslint-disable-next-line no-param-reassign
|
|
543
|
+
selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
|
|
544
|
+
|
|
545
|
+
propSelectedOptions = propSelectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
|
|
546
|
+
|
|
443
547
|
disabledOptions = disabledOptions || dummyArray;
|
|
444
548
|
var newlyAddedOptions = selectedOptions.filter(function (selectedOption) {
|
|
445
549
|
return propSelectedOptions.indexOf(selectedOption) === -1;
|
|
446
|
-
});
|
|
550
|
+
}); // eslint-disable-next-line max-len
|
|
447
551
|
|
|
448
|
-
// eslint-disable-next-line max-len
|
|
449
552
|
var oldValidSelectedOptions = propSelectedOptions.filter(function (selectedOption) {
|
|
450
553
|
var isRemoved = selectedOptions.indexOf(selectedOption) === -1;
|
|
451
554
|
var isDisabled = disabledOptions.indexOf(selectedOption) >= 0;
|
|
555
|
+
|
|
452
556
|
if (isDisabled) {
|
|
453
557
|
return true;
|
|
454
558
|
} else if (isRemoved) {
|
|
455
559
|
return false;
|
|
456
560
|
}
|
|
561
|
+
|
|
457
562
|
return true;
|
|
458
563
|
});
|
|
459
564
|
return {
|
|
460
565
|
newSelectedOptions: [].concat(_toConsumableArray(oldValidSelectedOptions), _toConsumableArray(newlyAddedOptions))
|
|
461
566
|
};
|
|
462
567
|
};
|
|
568
|
+
|
|
463
569
|
exports.filterSelectedOptions = filterSelectedOptions;
|
|
570
|
+
|
|
464
571
|
var makeGetIsShowClearIcon = function makeGetIsShowClearIcon() {
|
|
465
572
|
return (0, _reselect.createSelector)([getSelectedOptionsSel, getDisabledOptions], function (selectedOptions, disabledOptions) {
|
|
466
573
|
var countForShowClear = 2;
|
|
467
574
|
var enabledOptionsLength = 0;
|
|
468
575
|
var isShowClearIcon = selectedOptions.length >= countForShowClear;
|
|
576
|
+
|
|
469
577
|
if (disabledOptions.length) {
|
|
470
578
|
var isHaveEnabledOptions = false;
|
|
471
579
|
var isAllDisabled = disabledOptions.length === selectedOptions.length;
|
|
580
|
+
|
|
472
581
|
if (!isAllDisabled) {
|
|
473
582
|
isHaveEnabledOptions = selectedOptions.some(function (option) {
|
|
474
583
|
var _ref5 = option || {},
|
|
475
|
-
|
|
476
|
-
|
|
584
|
+
_ref5$isDisabled = _ref5.isDisabled,
|
|
585
|
+
isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
|
|
586
|
+
|
|
477
587
|
if (!isDisabled) {
|
|
478
588
|
enabledOptionsLength += 1;
|
|
589
|
+
|
|
479
590
|
if (enabledOptionsLength === countForShowClear) {
|
|
480
591
|
return true;
|
|
481
592
|
}
|
|
593
|
+
|
|
482
594
|
return false;
|
|
483
595
|
}
|
|
596
|
+
|
|
484
597
|
return false;
|
|
485
598
|
});
|
|
486
599
|
}
|
|
600
|
+
|
|
487
601
|
return {
|
|
488
602
|
isShowClearIcon: isAllDisabled ? !isAllDisabled : isHaveEnabledOptions
|
|
489
603
|
};
|
|
490
604
|
}
|
|
605
|
+
|
|
491
606
|
return {
|
|
492
607
|
isShowClearIcon: isShowClearIcon
|
|
493
608
|
};
|
|
494
609
|
});
|
|
495
610
|
};
|
|
611
|
+
|
|
496
612
|
exports.makeGetIsShowClearIcon = makeGetIsShowClearIcon;
|
package/lib/utils/getInitial.js
CHANGED
|
@@ -5,23 +5,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getInitial = getInitial;
|
|
7
7
|
exports.getInitialByPattern = getInitialByPattern;
|
|
8
|
+
|
|
8
9
|
function getInitial() {
|
|
9
10
|
var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
10
11
|
var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
11
12
|
var initial = '';
|
|
13
|
+
|
|
12
14
|
if (firstName) {
|
|
13
15
|
firstName = firstName.trim();
|
|
14
16
|
initial = firstName[0];
|
|
15
17
|
}
|
|
18
|
+
|
|
16
19
|
if (lastName) {
|
|
17
20
|
lastName = lastName.trim();
|
|
18
21
|
initial += initial ? lastName[0] : lastName.substring(0, 2);
|
|
19
22
|
}
|
|
23
|
+
|
|
20
24
|
return initial ? initial.toUpperCase() : initial;
|
|
21
25
|
}
|
|
26
|
+
|
|
22
27
|
function getInitialByPattern(firstName, lastName, pattern) {
|
|
23
28
|
if (pattern[0] === 'FIRST_NAME') {
|
|
24
29
|
return getInitial(firstName, lastName);
|
|
25
30
|
}
|
|
31
|
+
|
|
26
32
|
return getInitial(lastName, firstName);
|
|
27
33
|
}
|
package/lib/utils/index.js
CHANGED
package/lib/utils/scrollTo.js
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.scrollTo = void 0;
|
|
7
|
+
|
|
7
8
|
var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
|
|
8
9
|
if (selSuggestion && suggestionContainer) {
|
|
9
10
|
if (suggestionContainer.scrollHeight === selSuggestion.offsetTop + selSuggestion.offsetHeight) {
|
|
@@ -17,4 +18,5 @@ var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
|
|
|
17
18
|
}
|
|
18
19
|
}
|
|
19
20
|
};
|
|
21
|
+
|
|
20
22
|
exports.scrollTo = scrollTo;
|