@zohodesk/components 1.0.0-test-252 → 1.0.0
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 +161 -1
- package/assets/Appearance/dark/mode/darkMode.module.css +181 -179
- package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +31 -31
- package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/default/mode/defaultMode.module.css +177 -175
- package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +31 -31
- package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +182 -180
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +31 -31
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +3 -0
- package/assets/Contrast/darkContrastLightness.module.css +39 -0
- package/assets/Contrast/defaultContrastLightness.module.css +39 -0
- package/assets/Contrast/pureDarkContrastLightness.module.css +39 -0
- package/css_error.log +1 -0
- package/es/Accordion/Accordion.js +19 -9
- package/es/Accordion/AccordionItem.js +13 -8
- package/es/Accordion/props/defaultProps.js +6 -2
- package/es/Accordion/props/propTypes.js +3 -0
- package/es/Animation/Animation.js +10 -9
- package/es/AppContainer/AppContainer.js +38 -15
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/AppContainer/props/defaultProps.js +3 -1
- package/es/AppContainer/props/propTypes.js +2 -0
- package/es/Avatar/Avatar.js +48 -25
- package/es/Avatar/Avatar.module.css +59 -18
- package/es/Avatar/props/defaultProps.js +4 -1
- package/es/Avatar/props/propTypes.js +5 -2
- package/es/AvatarTeam/AvatarTeam.js +21 -11
- package/es/AvatarTeam/AvatarTeam.module.css +49 -21
- package/es/AvatarTeam/props/defaultProps.js +5 -1
- package/es/AvatarTeam/props/propTypes.js +5 -1
- package/es/Button/Button.js +55 -51
- package/{lib/Button → es/Button/css}/Button.module.css +62 -58
- package/es/Button/css/cssJSLogic.js +53 -0
- package/es/Button/index.js +2 -0
- package/es/Button/props/defaultProps.js +3 -1
- package/es/Button/props/propTypes.js +6 -2
- package/es/Buttongroup/Buttongroup.js +24 -16
- package/es/Buttongroup/Buttongroup.module.css +45 -28
- package/es/Buttongroup/props/defaultProps.js +3 -1
- package/es/Buttongroup/props/propTypes.js +3 -1
- package/es/Card/Card.js +48 -26
- package/es/Card/props/defaultProps.js +12 -2
- package/es/Card/props/propTypes.js +2 -2
- package/es/CheckBox/CheckBox.js +13 -9
- package/es/CheckBox/CheckBox.module.css +16 -16
- package/es/CheckBox/props/propTypes.js +1 -0
- package/es/DateTime/CalendarView.js +46 -19
- package/es/DateTime/DateTime.js +139 -77
- package/es/DateTime/DateTime.module.css +51 -48
- package/es/DateTime/DateTimePopupFooter.js +4 -2
- package/es/DateTime/DateTimePopupHeader.js +30 -11
- package/es/DateTime/DateWidget.js +122 -51
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +6 -3
- package/es/DateTime/Time.js +10 -2
- package/es/DateTime/YearView.js +41 -9
- package/es/DateTime/YearView.module.css +33 -15
- package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
- package/es/DateTime/__tests__/DateTime.spec.js +1 -0
- package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
- package/es/DateTime/common.js +3 -0
- package/es/DateTime/constants.js +1 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
- package/es/DateTime/dateFormatUtils/dateFormats.js +42 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +59 -2
- 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/index.js +1 -1
- package/es/DateTime/objectUtils.js +14 -20
- package/es/DateTime/props/defaultProps.js +2 -1
- package/es/DateTime/props/propTypes.js +5 -2
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +82 -218
- package/es/DropBox/DropBoxElement/DropBoxElement.js +132 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +435 -0
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +91 -0
- package/es/DropBox/DropBoxElement/props/defaultProps.js +18 -0
- package/es/DropBox/DropBoxElement/props/propTypes.js +45 -0
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +54 -0
- package/es/DropBox/__tests__/DropBox.spec.js +2 -2
- package/es/DropBox/css/DropBox.module.css +59 -0
- package/es/DropBox/css/cssJSLogic.js +14 -0
- package/es/DropBox/props/defaultProps.js +9 -15
- package/es/DropBox/props/propTypes.js +9 -41
- package/es/DropDown/DropDown.js +16 -9
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +18 -11
- package/es/DropDown/DropDownHeading.module.css +3 -3
- package/es/DropDown/DropDownItem.js +8 -1
- package/es/DropDown/DropDownItem.module.css +9 -9
- package/es/DropDown/DropDownSearch.js +4 -0
- package/es/DropDown/DropDownSeparator.js +1 -0
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/DropDown/__tests__/DropDown.spec.js +1 -2
- package/es/DropDown/index.js +7 -0
- package/es/DropDown/props/defaultProps.js +3 -1
- package/es/DropDown/props/propTypes.js +2 -1
- package/es/Heading/Heading.js +8 -7
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +14 -9
- package/es/Label/Label.module.css +1 -1
- package/es/Label/props/defaultProps.js +2 -1
- package/es/Label/props/propTypes.js +1 -0
- package/es/Layout/Box.js +19 -4
- package/es/Layout/Container.js +18 -5
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +9 -10
- package/es/Layout/props/defaultProps.js +6 -2
- package/es/Layout/props/propTypes.js +7 -3
- package/es/Layout/utils.js +5 -1
- package/es/ListItem/ListContainer.js +21 -9
- package/es/ListItem/ListItem.js +30 -14
- package/es/ListItem/ListItem.module.css +37 -30
- package/es/ListItem/ListItemWithAvatar.js +30 -15
- package/es/ListItem/ListItemWithCheckBox.js +22 -10
- package/es/ListItem/ListItemWithIcon.js +29 -14
- package/es/ListItem/ListItemWithRadio.js +22 -10
- package/es/ListItem/index.js +6 -0
- package/es/ListItem/props/defaultProps.js +18 -6
- package/es/ListItem/props/propTypes.js +13 -1
- package/es/Modal/Modal.js +35 -17
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +100 -20
- package/es/MultiSelect/AdvancedMultiSelect.js +45 -19
- package/es/MultiSelect/EmptyState.js +6 -0
- package/es/MultiSelect/MultiSelect.js +129 -46
- package/es/MultiSelect/MultiSelect.module.css +32 -31
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +43 -19
- package/es/MultiSelect/SelectedOptions.js +6 -3
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +13 -6
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
- package/es/MultiSelect/index.js +4 -0
- package/es/MultiSelect/props/defaultProps.js +11 -4
- package/es/MultiSelect/props/propTypes.js +17 -5
- package/es/PopOver/PopOver.js +25 -9
- package/es/PopOver/__tests__/PopOver.spec.js +2 -1
- package/es/PopOver/index.js +3 -0
- package/es/Popup/Popup.js +80 -31
- package/es/Popup/__tests__/Popup.spec.js +17 -5
- package/es/Popup/viewPort.js +16 -4
- package/es/Provider/AvatarSize.js +1 -0
- package/es/Provider/IdProvider.js +16 -10
- package/es/Provider/LibraryContext.js +6 -4
- package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/Provider/ZindexProvider.js +9 -2
- package/es/Provider/index.js +4 -0
- package/es/Radio/Radio.js +9 -7
- package/es/Radio/Radio.module.css +3 -3
- package/es/Responsive/CustomResponsive.js +37 -21
- 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 +9 -8
- 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/Ribbon/Ribbon.js +21 -15
- package/es/Ribbon/Ribbon.module.css +133 -55
- package/es/Ribbon/props/defaultProps.js +2 -1
- package/es/Ribbon/props/propTypes.js +2 -1
- package/es/RippleEffect/RippleEffect.js +6 -7
- package/es/Select/GroupSelect.js +71 -23
- package/es/Select/Select.js +115 -50
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +31 -12
- package/es/Select/SelectWithIcon.js +60 -14
- package/es/Select/__tests__/Select.spec.js +6 -8
- package/es/Select/index.js +4 -0
- package/es/Select/props/defaultProps.js +6 -1
- package/es/Select/props/propTypes.js +10 -4
- package/es/Stencils/Stencils.js +10 -9
- package/es/Stencils/Stencils.module.css +2 -2
- package/es/Switch/Switch.js +14 -8
- package/es/Switch/Switch.module.css +49 -32
- package/es/Switch/props/defaultProps.js +2 -1
- package/es/Switch/props/propTypes.js +1 -0
- package/es/Tab/Tab.js +14 -11
- package/es/Tab/Tab.module.css +14 -15
- package/es/Tab/TabContent.js +6 -3
- package/es/Tab/TabContentWrapper.js +6 -2
- package/es/Tab/TabWrapper.js +9 -4
- package/es/Tab/Tabs.js +85 -21
- package/es/Tab/Tabs.module.css +36 -40
- package/es/Tab/__tests__/Tab.spec.js +4 -12
- package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
- package/es/Tab/props/defaultProps.js +10 -5
- package/es/Tab/props/propTypes.js +10 -5
- package/es/Tag/Tag.js +16 -10
- package/es/Tag/Tag.module.css +10 -10
- package/es/Tag/props/defaultProps.js +2 -1
- package/es/Tag/props/propTypes.js +2 -1
- package/es/TextBox/TextBox.js +26 -10
- package/es/TextBox/TextBox.module.css +6 -5
- package/es/TextBox/__tests__/TextBox.spec.js +1 -4
- package/es/TextBox/props/defaultProps.js +2 -1
- package/es/TextBox/props/propTypes.js +2 -1
- package/es/TextBoxIcon/TextBoxIcon.js +39 -13
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -6
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
- package/es/TextBoxIcon/props/defaultProps.js +2 -1
- package/es/TextBoxIcon/props/propTypes.js +1 -0
- package/es/Textarea/Textarea.js +23 -10
- package/es/Textarea/Textarea.module.css +6 -6
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Textarea/props/defaultProps.js +2 -1
- package/es/Textarea/props/propTypes.js +1 -0
- package/es/Tooltip/Tooltip.js +67 -21
- package/es/Tooltip/Tooltip.module.css +40 -8
- package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +7 -6
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +11 -8
- package/es/VelocityAnimation/index.js +2 -0
- package/es/common/a11y.module.css +4 -0
- package/es/common/animation.module.css +8 -8
- package/es/common/avatarsizes.module.css +6 -2
- package/es/common/basicReset.module.css +3 -3
- package/es/common/boxShadow.module.css +34 -0
- package/es/common/common.module.css +24 -24
- package/es/common/customscroll.module.css +4 -2
- package/es/common/reset.module.css +1 -0
- package/es/css.js +2 -1
- package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/es/deprecated/PortalLayer/PortalLayer.js +30 -24
- package/es/index.js +30 -146
- package/es/semantic/Button/Button.js +9 -7
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/semantic/index.js +1 -0
- package/es/utils/Common.js +74 -7
- package/es/utils/ContextOptimizer.js +4 -5
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +2 -0
- package/es/utils/css/compileClassNames.js +28 -0
- package/es/utils/css/mergeStyle.js +57 -0
- package/es/utils/css/utils.js +24 -0
- package/es/utils/datetime/GMTZones.js +48 -0
- package/es/utils/datetime/common.js +31 -7
- package/es/utils/debounce.js +5 -1
- package/es/utils/dropDownUtils.js +71 -13
- package/es/utils/getInitial.js +4 -0
- package/es/utils/index.js +3 -0
- package/es/utils/shallowEqual.js +6 -0
- package/install.md +10 -0
- package/lib/Accordion/Accordion.js +50 -18
- package/lib/Accordion/AccordionItem.js +47 -20
- package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/defaultProps.js +6 -2
- package/lib/Accordion/props/propTypes.js +6 -0
- package/lib/Animation/Animation.js +44 -21
- package/lib/Animation/__tests__/Animation.spec.js +11 -7
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/AppContainer/AppContainer.js +75 -27
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/defaultProps.js +3 -1
- package/lib/AppContainer/props/propTypes.js +5 -0
- package/lib/Avatar/Avatar.js +97 -44
- package/lib/Avatar/Avatar.module.css +59 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
- package/lib/Avatar/props/defaultProps.js +4 -1
- package/lib/Avatar/props/propTypes.js +8 -2
- package/lib/AvatarTeam/AvatarTeam.js +64 -30
- package/lib/AvatarTeam/AvatarTeam.module.css +49 -21
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
- package/lib/AvatarTeam/props/defaultProps.js +5 -1
- package/lib/AvatarTeam/props/propTypes.js +8 -1
- package/lib/Button/Button.js +64 -74
- package/{es/Button → lib/Button/css}/Button.module.css +62 -58
- package/lib/Button/css/cssJSLogic.js +41 -0
- package/lib/Button/index.js +23 -0
- package/lib/Button/props/defaultProps.js +5 -1
- package/lib/Button/props/propTypes.js +11 -3
- package/lib/Buttongroup/Buttongroup.js +49 -19
- package/lib/Buttongroup/Buttongroup.module.css +45 -28
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
- package/lib/Buttongroup/props/defaultProps.js +3 -1
- package/lib/Buttongroup/props/propTypes.js +6 -1
- package/lib/Card/Card.js +119 -55
- package/lib/Card/__tests__/Card.spec.js +10 -1
- package/lib/Card/index.js +4 -0
- package/lib/Card/props/defaultProps.js +16 -4
- package/lib/Card/props/propTypes.js +5 -2
- package/lib/CheckBox/CheckBox.js +76 -48
- package/lib/CheckBox/CheckBox.module.css +16 -16
- package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
- package/lib/CheckBox/props/propTypes.js +4 -0
- package/lib/DateTime/CalendarView.js +95 -38
- package/lib/DateTime/DateTime.js +309 -216
- package/lib/DateTime/DateTime.module.css +51 -48
- package/lib/DateTime/DateTimePopupFooter.js +30 -5
- package/lib/DateTime/DateTimePopupHeader.js +69 -23
- package/lib/DateTime/DateWidget.js +370 -260
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +28 -3
- package/lib/DateTime/Time.js +72 -29
- package/lib/DateTime/YearView.js +89 -30
- package/lib/DateTime/YearView.module.css +33 -15
- package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
- package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
- package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
- package/lib/DateTime/common.js +6 -0
- package/lib/DateTime/constants.js +1 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
- package/lib/DateTime/dateFormatUtils/dateFormats.js +50 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
- package/lib/DateTime/dateFormatUtils/index.js +99 -13
- package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +52 -20
- package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
- package/lib/DateTime/index.js +3 -1
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/defaultProps.js +2 -1
- package/lib/DateTime/props/propTypes.js +21 -2
- package/lib/DateTime/typeChecker.js +4 -0
- package/lib/DateTime/validator.js +69 -6
- package/lib/DropBox/DropBox.js +102 -249
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +145 -0
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +435 -0
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +81 -0
- package/lib/DropBox/DropBoxElement/props/defaultProps.js +25 -0
- package/lib/DropBox/DropBoxElement/props/propTypes.js +56 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +60 -0
- package/lib/DropBox/__tests__/DropBox.spec.js +8 -4
- package/lib/DropBox/css/DropBox.module.css +59 -0
- package/lib/DropBox/css/cssJSLogic.js +20 -0
- package/lib/DropBox/props/defaultProps.js +20 -17
- package/lib/DropBox/props/propTypes.js +22 -43
- package/lib/DropDown/DropDown.js +58 -10
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +47 -18
- package/lib/DropDown/DropDownHeading.module.css +3 -3
- package/lib/DropDown/DropDownItem.js +43 -18
- package/lib/DropDown/DropDownItem.module.css +9 -9
- package/lib/DropDown/DropDownSearch.js +39 -14
- package/lib/DropDown/DropDownSeparator.js +23 -1
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
- package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
- package/lib/DropDown/index.js +65 -0
- package/lib/DropDown/props/defaultProps.js +3 -1
- package/lib/DropDown/props/propTypes.js +7 -1
- package/lib/Heading/Heading.js +42 -16
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +47 -19
- package/lib/Label/Label.module.css +1 -1
- package/lib/Label/__tests__/Label.spec.js +14 -1
- package/lib/Label/props/defaultProps.js +2 -1
- package/lib/Label/props/propTypes.js +4 -0
- package/lib/Layout/Box.js +41 -16
- package/lib/Layout/Container.js +39 -15
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/Layout/__tests__/Box.spec.js +65 -49
- package/lib/Layout/__tests__/Container.spec.js +67 -50
- package/lib/Layout/index.js +4 -11
- package/lib/Layout/props/defaultProps.js +6 -2
- package/lib/Layout/props/propTypes.js +10 -3
- package/lib/Layout/utils.js +15 -1
- package/lib/ListItem/ListContainer.js +61 -34
- package/lib/ListItem/ListItem.js +92 -50
- package/lib/ListItem/ListItem.module.css +37 -30
- package/lib/ListItem/ListItemWithAvatar.js +98 -54
- package/lib/ListItem/ListItemWithCheckBox.js +82 -41
- package/lib/ListItem/ListItemWithIcon.js +92 -50
- package/lib/ListItem/ListItemWithRadio.js +83 -42
- package/lib/ListItem/index.js +55 -0
- package/lib/ListItem/props/defaultProps.js +18 -6
- package/lib/ListItem/props/propTypes.js +18 -3
- package/lib/Modal/Modal.js +51 -13
- package/lib/Modal/props/propTypes.js +3 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +300 -167
- package/lib/MultiSelect/AdvancedMultiSelect.js +212 -130
- package/lib/MultiSelect/EmptyState.js +48 -21
- package/lib/MultiSelect/MultiSelect.js +341 -205
- package/lib/MultiSelect/MultiSelect.module.css +32 -31
- package/lib/MultiSelect/MultiSelectHeader.js +29 -5
- package/lib/MultiSelect/MultiSelectWithAvatar.js +126 -65
- package/lib/MultiSelect/SelectedOptions.js +42 -14
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +66 -29
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
- package/lib/MultiSelect/index.js +39 -0
- package/lib/MultiSelect/props/defaultProps.js +13 -4
- package/lib/MultiSelect/props/propTypes.js +20 -5
- package/lib/PopOver/PopOver.js +101 -53
- package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
- package/lib/PopOver/index.js +31 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -83
- package/lib/Popup/__tests__/Popup.spec.js +42 -5
- package/lib/Popup/viewPort.js +28 -14
- package/lib/Provider/AvatarSize.js +5 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Provider/CssProvider.js +4 -0
- package/lib/Provider/IdProvider.js +23 -12
- package/lib/Provider/LibraryContext.js +32 -10
- package/lib/Provider/LibraryContextInit.js +4 -0
- package/lib/Provider/NumberGenerator/NumberGenerator.js +43 -14
- package/lib/Provider/ZindexProvider.js +15 -3
- package/lib/Provider/index.js +81 -0
- package/lib/Radio/Radio.js +65 -40
- package/lib/Radio/Radio.module.css +3 -3
- package/lib/Radio/__tests__/Radiospec.js +9 -5
- package/lib/Radio/props/propTypes.js +3 -0
- package/lib/Responsive/CustomResponsive.js +76 -26
- package/lib/Responsive/RefWrapper.js +15 -7
- package/lib/Responsive/ResizeComponent.js +58 -27
- package/lib/Responsive/ResizeObserver.js +23 -6
- package/lib/Responsive/Responsive.js +76 -24
- package/lib/Responsive/index.js +49 -22
- package/lib/Responsive/props/propTypes.js +3 -0
- package/lib/Responsive/sizeObservers.js +51 -13
- 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 +44 -14
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
- package/lib/Ribbon/Ribbon.js +48 -21
- package/lib/Ribbon/Ribbon.module.css +133 -55
- package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
- package/lib/Ribbon/props/defaultProps.js +2 -1
- package/lib/Ribbon/props/propTypes.js +5 -1
- package/lib/RippleEffect/RippleEffect.js +23 -14
- package/lib/RippleEffect/props/propTypes.js +3 -0
- package/lib/Select/GroupSelect.js +240 -137
- package/lib/Select/Select.js +320 -220
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +112 -59
- package/lib/Select/SelectWithIcon.js +145 -82
- package/lib/Select/__tests__/Select.spec.js +131 -89
- package/lib/Select/index.js +39 -0
- package/lib/Select/props/defaultProps.js +10 -2
- package/lib/Select/props/propTypes.js +13 -4
- package/lib/Stencils/Stencils.js +35 -13
- package/lib/Stencils/Stencils.module.css +2 -2
- package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +64 -35
- package/lib/Switch/Switch.module.css +49 -32
- package/lib/Switch/props/defaultProps.js +2 -1
- package/lib/Switch/props/propTypes.js +4 -0
- package/lib/Tab/Tab.js +49 -33
- package/lib/Tab/Tab.module.css +14 -15
- package/lib/Tab/TabContent.js +15 -6
- package/lib/Tab/TabContentWrapper.js +15 -6
- package/lib/Tab/TabWrapper.js +37 -17
- package/lib/Tab/Tabs.js +193 -94
- package/lib/Tab/Tabs.module.css +36 -40
- package/lib/Tab/__tests__/Tab.spec.js +74 -70
- package/lib/Tab/__tests__/TabContent.spec.js +10 -6
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
- package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
- package/lib/Tab/__tests__/Tabs.spec.js +53 -39
- package/lib/Tab/index.js +6 -0
- package/lib/Tab/props/defaultProps.js +10 -5
- package/lib/Tab/props/propTypes.js +13 -5
- package/lib/Tag/Tag.js +82 -48
- package/lib/Tag/Tag.module.css +10 -10
- package/lib/Tag/__tests__/Tag.spec.js +14 -8
- package/lib/Tag/props/defaultProps.js +2 -1
- package/lib/Tag/props/propTypes.js +5 -1
- package/lib/TextBox/TextBox.js +93 -61
- package/lib/TextBox/TextBox.module.css +6 -5
- package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
- package/lib/TextBox/props/defaultProps.js +2 -1
- package/lib/TextBox/props/propTypes.js +6 -1
- package/lib/TextBoxIcon/TextBoxIcon.js +108 -60
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -6
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
- package/lib/TextBoxIcon/props/defaultProps.js +2 -1
- package/lib/TextBoxIcon/props/propTypes.js +4 -0
- package/lib/Textarea/Textarea.js +63 -32
- package/lib/Textarea/Textarea.module.css +6 -6
- package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
- package/lib/Textarea/props/defaultProps.js +2 -1
- package/lib/Textarea/props/propTypes.js +4 -0
- package/lib/Tooltip/Tooltip.js +102 -35
- package/lib/Tooltip/Tooltip.module.css +40 -8
- package/lib/Tooltip/__tests__/Tooltip.spec.js +23 -0
- package/lib/Tooltip/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +43 -17
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +55 -24
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/index.js +23 -0
- package/lib/common/a11y.module.css +4 -0
- package/lib/common/animation.module.css +8 -8
- package/lib/common/avatarsizes.module.css +6 -2
- package/lib/common/basicReset.module.css +3 -3
- package/lib/common/boxShadow.module.css +34 -0
- package/lib/common/common.module.css +24 -24
- package/lib/common/customscroll.module.css +4 -2
- package/lib/common/reset.module.css +1 -0
- package/lib/css.js +42 -1
- package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/lib/deprecated/PortalLayer/PortalLayer.js +50 -24
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +214 -210
- package/lib/semantic/Button/Button.js +47 -24
- package/lib/semantic/Button/props/propTypes.js +3 -0
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +15 -0
- package/lib/utils/Common.js +136 -17
- package/lib/utils/ContextOptimizer.js +16 -10
- package/lib/utils/__tests__/constructFullName.spec.js +1 -0
- package/lib/utils/__tests__/debounce.spec.js +3 -2
- package/lib/utils/__tests__/getInitial.spec.js +1 -0
- package/lib/utils/constructFullName.js +11 -2
- package/lib/utils/css/compileClassNames.js +37 -0
- package/lib/utils/css/mergeStyle.js +69 -0
- package/lib/utils/css/utils.js +41 -0
- package/lib/utils/datetime/GMTZones.js +55 -0
- package/lib/utils/datetime/common.js +52 -7
- package/lib/utils/debounce.js +6 -1
- package/lib/utils/dropDownUtils.js +177 -56
- 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 +121 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/package.json +61 -26
- package/postPublish.js +8 -0
- package/prePublish.js +70 -0
- package/docs/external/active-line.js +0 -72
- package/docs/external/autorefresh.js +0 -47
- package/docs/external/codemirror.js +0 -9681
- package/docs/external/css/hopscotch.css +0 -576
- package/docs/external/css/styleGuide.css +0 -1100
- package/docs/external/css.js +0 -466
- package/docs/external/designTokens.js +0 -1
- package/docs/external/foldcode.js +0 -152
- package/docs/external/format.js +0 -129
- package/docs/external/htmlmixed.js +0 -84
- package/docs/external/images/bottom.png +0 -0
- package/docs/external/images/bottombg.jpg +0 -0
- package/docs/external/images/desk.png +0 -0
- package/docs/external/images/desklogo.png +0 -0
- package/docs/external/images/menu.png +0 -0
- package/docs/external/index.html +0 -127
- package/docs/external/javascript.js +0 -422
- package/docs/external/jsx.js +0 -148
- package/docs/external/matchbrackets.js +0 -145
- package/docs/external/xml.js +0 -322
- package/docs/package.json +0 -41
- package/docs/src/index.js +0 -1311
- package/es/Button/__tests__/Button.spec.js +0 -190
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
- package/es/DropBox/DropBox.module.css +0 -406
- package/lib/Button/__tests__/Button.spec.js +0 -193
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
- package/lib/DropBox/DropBox.module.css +0 -406
|
@@ -4,104 +4,153 @@ 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); }
|
|
19
|
+
|
|
13
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
|
+
|
|
14
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
|
+
|
|
15
24
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
+
|
|
16
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
|
+
|
|
17
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); }
|
|
29
|
+
|
|
18
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
|
+
|
|
19
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
|
+
|
|
20
34
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
+
|
|
21
36
|
var dummyArray = [];
|
|
22
37
|
exports.dummyArray = dummyArray;
|
|
23
38
|
var dummyObj = {};
|
|
24
39
|
exports.dummyObj = dummyObj;
|
|
40
|
+
|
|
25
41
|
var getOptions = function getOptions(props) {
|
|
26
42
|
return props.options || dummyArray;
|
|
27
43
|
};
|
|
44
|
+
|
|
28
45
|
exports.getOptions = getOptions;
|
|
46
|
+
|
|
29
47
|
var getOptionsOrder = function getOptionsOrder(props) {
|
|
30
48
|
return props.optionsOrder || dummyArray;
|
|
31
49
|
};
|
|
50
|
+
|
|
32
51
|
var getSelectedOptionsSel = function getSelectedOptionsSel(props) {
|
|
33
52
|
return props.selectedOptions || dummyArray;
|
|
34
53
|
};
|
|
54
|
+
|
|
35
55
|
var getSearchStr = function getSearchStr(props) {
|
|
36
56
|
return props.searchStr || '';
|
|
37
57
|
};
|
|
58
|
+
|
|
38
59
|
var getValueField = function getValueField(props) {
|
|
39
60
|
return props.valueField || '';
|
|
40
61
|
};
|
|
62
|
+
|
|
41
63
|
exports.getValueField = getValueField;
|
|
64
|
+
|
|
42
65
|
var getTextField = function getTextField(props) {
|
|
43
66
|
return props.textField || '';
|
|
44
67
|
};
|
|
68
|
+
|
|
45
69
|
exports.getTextField = getTextField;
|
|
70
|
+
|
|
46
71
|
var getImageField = function getImageField(props) {
|
|
47
72
|
return props.imageField || '';
|
|
48
73
|
};
|
|
74
|
+
|
|
49
75
|
exports.getImageField = getImageField;
|
|
76
|
+
|
|
50
77
|
var getIconName = function getIconName(props) {
|
|
51
78
|
return props.iconName || '';
|
|
52
79
|
};
|
|
80
|
+
|
|
53
81
|
exports.getIconName = getIconName;
|
|
82
|
+
|
|
54
83
|
var getIconSize = function getIconSize(props) {
|
|
55
84
|
return props.iconSize || '';
|
|
56
85
|
};
|
|
86
|
+
|
|
57
87
|
exports.getIconSize = getIconSize;
|
|
88
|
+
|
|
58
89
|
var getOptionType = function getOptionType(props) {
|
|
59
90
|
return props.optionType || '';
|
|
60
91
|
};
|
|
92
|
+
|
|
61
93
|
exports.getOptionType = getOptionType;
|
|
94
|
+
|
|
62
95
|
var getNeedSearch = function getNeedSearch(props) {
|
|
63
96
|
return props.needSearch;
|
|
64
97
|
};
|
|
98
|
+
|
|
65
99
|
var getIsDefaultSelectValue = function getIsDefaultSelectValue(props) {
|
|
66
100
|
return props.isDefaultSelectValue;
|
|
67
101
|
};
|
|
102
|
+
|
|
68
103
|
var getSelectedOptionsLength = function getSelectedOptionsLength(props) {
|
|
69
104
|
return (0, _Common.getIsEmptyValue)(props.selectedOptionsLength) ? '' : props.selectedOptionsLength;
|
|
70
105
|
};
|
|
106
|
+
|
|
71
107
|
var getNormalizedFormatOptions = function getNormalizedFormatOptions(props) {
|
|
72
108
|
return props.normalizedFormatOptions || dummyObj;
|
|
73
109
|
};
|
|
110
|
+
|
|
74
111
|
var getSelectedValue = function getSelectedValue(props) {
|
|
75
112
|
return (0, _Common.getIsEmptyValue)(props.selectedValue) ? '' : props.selectedValue;
|
|
76
113
|
};
|
|
114
|
+
|
|
77
115
|
var getSelectedFormatOptions = function getSelectedFormatOptions(props) {
|
|
78
116
|
return props.selectedFormatOptions || dummyObj;
|
|
79
117
|
};
|
|
118
|
+
|
|
80
119
|
var getPrefixText = function getPrefixText(props) {
|
|
81
120
|
return props.prefixText || '';
|
|
82
121
|
};
|
|
122
|
+
|
|
83
123
|
exports.getPrefixText = getPrefixText;
|
|
124
|
+
|
|
84
125
|
var getIsStartWithSearch = function getIsStartWithSearch(props) {
|
|
85
126
|
return props.isStartsWithSearch;
|
|
86
127
|
};
|
|
128
|
+
|
|
129
|
+
var getKeepSelectedOptions = function getKeepSelectedOptions(props) {
|
|
130
|
+
return props.keepSelectedOptions;
|
|
131
|
+
};
|
|
132
|
+
|
|
87
133
|
var getDisabledOptions = function getDisabledOptions(props) {
|
|
88
134
|
return props.disabledOptions || dummyArray;
|
|
89
135
|
};
|
|
136
|
+
|
|
90
137
|
var getListItemProps = function getListItemProps(props) {
|
|
91
138
|
return props.listItemProps || '';
|
|
92
139
|
};
|
|
140
|
+
|
|
93
141
|
var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSuggestions() {
|
|
94
|
-
return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch) {
|
|
142
|
+
return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getKeepSelectedOptions], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) {
|
|
95
143
|
var suggestions = [];
|
|
96
144
|
var suggestionIds = [];
|
|
97
145
|
options.forEach(function (option) {
|
|
98
146
|
var id = option.id,
|
|
99
|
-
|
|
100
|
-
|
|
147
|
+
_option$value = option.value,
|
|
148
|
+
value = _option$value === void 0 ? '' : _option$value;
|
|
101
149
|
var valueString = (0, _Common.getSearchString)(value);
|
|
102
150
|
var searchString = (0, _Common.getSearchString)(searchStr);
|
|
103
151
|
var isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
|
|
104
|
-
|
|
152
|
+
|
|
153
|
+
if (selectedOptions.indexOf(id) === -1 && isMatch || keepSelectedOptions) {
|
|
105
154
|
suggestions.push(option);
|
|
106
155
|
suggestionIds.push(id);
|
|
107
156
|
}
|
|
@@ -112,40 +161,51 @@ var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSugge
|
|
|
112
161
|
};
|
|
113
162
|
});
|
|
114
163
|
};
|
|
164
|
+
|
|
115
165
|
exports.makeGetMultiSelectFilterSuggestions = makeGetMultiSelectFilterSuggestions;
|
|
166
|
+
|
|
116
167
|
var optionIdGrouping = function optionIdGrouping(id, prefixText) {
|
|
117
168
|
if ((0, _Common.getIsEmptyValue)(id)) {
|
|
118
169
|
return '';
|
|
119
170
|
}
|
|
171
|
+
|
|
120
172
|
if ((0, _Common.getIsEmptyValue)(prefixText)) {
|
|
121
173
|
return id;
|
|
122
174
|
}
|
|
175
|
+
|
|
123
176
|
var prefixType = typeof prefixText === 'number' ? 'Int' : 'Str';
|
|
124
177
|
var idType = typeof id === 'number' ? 'Int' : 'Str';
|
|
125
178
|
return "".concat(prefixType, "_").concat(prefixText, "_").concat(idType, "_").concat(id);
|
|
126
179
|
};
|
|
180
|
+
|
|
127
181
|
exports.optionIdGrouping = optionIdGrouping;
|
|
182
|
+
|
|
128
183
|
var extractOptionId = function extractOptionId(id) {
|
|
129
184
|
if ((0, _Common.getIsEmptyValue)(id)) {
|
|
130
185
|
return {
|
|
131
186
|
id: ''
|
|
132
187
|
};
|
|
133
188
|
}
|
|
189
|
+
|
|
134
190
|
if (typeof id === 'number') {
|
|
135
191
|
return {
|
|
136
192
|
id: id
|
|
137
193
|
};
|
|
138
194
|
}
|
|
195
|
+
|
|
139
196
|
var splitedOption = id.split && id.split('_');
|
|
197
|
+
|
|
140
198
|
if (splitedOption.length === 1) {
|
|
141
199
|
return splitedOption[0];
|
|
142
200
|
}
|
|
201
|
+
|
|
143
202
|
if (splitedOption.length === 4) {
|
|
144
203
|
var _splitedOption = _slicedToArray(splitedOption, 4),
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
204
|
+
prefixType = _splitedOption[0],
|
|
205
|
+
prefixText = _splitedOption[1],
|
|
206
|
+
idType = _splitedOption[2],
|
|
207
|
+
_id = _splitedOption[3];
|
|
208
|
+
|
|
149
209
|
_id = idType === 'Int' ? Number.parseInt(_id) : _id;
|
|
150
210
|
prefixText = prefixType === 'Int' ? Number.parseInt(prefixText) : prefixText;
|
|
151
211
|
return {
|
|
@@ -154,7 +214,9 @@ var extractOptionId = function extractOptionId(id) {
|
|
|
154
214
|
};
|
|
155
215
|
}
|
|
156
216
|
};
|
|
217
|
+
|
|
157
218
|
exports.extractOptionId = extractOptionId;
|
|
219
|
+
|
|
158
220
|
var makeFormatOptions = function makeFormatOptions() {
|
|
159
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) {
|
|
160
222
|
var revampOptions = [];
|
|
@@ -165,18 +227,18 @@ var makeFormatOptions = function makeFormatOptions() {
|
|
|
165
227
|
if (!(0, _Common.getIsEmptyValue)(option)) {
|
|
166
228
|
//For group multiSelect - grouping selectedOptions case
|
|
167
229
|
var impValueField = option.valueField,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
230
|
+
impTextField = option.textField,
|
|
231
|
+
impImageField = option.imageField,
|
|
232
|
+
impOptionType = option.optionType,
|
|
233
|
+
impIconName = option.iconName,
|
|
234
|
+
impIconSize = option.iconSize,
|
|
235
|
+
listStyle = option.listItemProps;
|
|
174
236
|
var id = _typeof(option) === 'object' ? option[impValueField || valueField] : option;
|
|
175
237
|
var value = _typeof(option) === 'object' ? option[impTextField || textField] : option;
|
|
176
|
-
var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : '';
|
|
238
|
+
var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
|
|
177
239
|
|
|
178
|
-
// grouping options (group select/MultiSelect)
|
|
179
240
|
id = !(0, _Common.getIsEmptyValue)(id) ? optionIdGrouping(id, prefixText) : '';
|
|
241
|
+
|
|
180
242
|
if (remvampOptionIds.indexOf(id) === -1 && !(0, _Common.getIsEmptyValue)(id) && !(0, _Common.getIsEmptyValue)(value)) {
|
|
181
243
|
remvampOptionIds.push(id);
|
|
182
244
|
var optionDetails = {
|
|
@@ -184,21 +246,27 @@ var makeFormatOptions = function makeFormatOptions() {
|
|
|
184
246
|
value: value,
|
|
185
247
|
optionType: impOptionType || optionType
|
|
186
248
|
};
|
|
249
|
+
|
|
187
250
|
if (imageField) {
|
|
188
251
|
optionDetails.photoURL = photoURL;
|
|
189
252
|
}
|
|
253
|
+
|
|
190
254
|
if (impIconName || iconName) {
|
|
191
255
|
optionDetails.icon = impIconName || iconName;
|
|
192
256
|
}
|
|
257
|
+
|
|
193
258
|
if (impIconSize || iconSize) {
|
|
194
259
|
optionDetails.iconSize = impIconSize || iconSize;
|
|
195
260
|
}
|
|
261
|
+
|
|
196
262
|
if (disabledOptions.length) {
|
|
197
263
|
optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
|
|
198
264
|
}
|
|
265
|
+
|
|
199
266
|
if (listStyle || listItemProps) {
|
|
200
267
|
optionDetails.listItemProps = listStyle || listItemProps;
|
|
201
268
|
}
|
|
269
|
+
|
|
202
270
|
normalizedFormatOptions[id] = optionDetails;
|
|
203
271
|
normalizedAllOptions[id] = option;
|
|
204
272
|
revampOptions.push(optionDetails);
|
|
@@ -213,17 +281,22 @@ var makeFormatOptions = function makeFormatOptions() {
|
|
|
213
281
|
};
|
|
214
282
|
});
|
|
215
283
|
};
|
|
284
|
+
|
|
216
285
|
exports.makeFormatOptions = makeFormatOptions;
|
|
286
|
+
|
|
217
287
|
var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptions() {
|
|
218
288
|
return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength) {
|
|
219
289
|
var output = [];
|
|
220
290
|
var revampSelectedOptions = [];
|
|
221
291
|
var normalizedSelectedOptions = {};
|
|
222
292
|
selectedOptionsLength = !(0, _Common.getIsEmptyValue)(selectedOptionsLength) ? selectedOptionsLength : selectedOptions.length;
|
|
293
|
+
|
|
223
294
|
for (var i = 0; i < selectedOptionsLength; i++) {
|
|
224
295
|
var option = selectedOptions[i];
|
|
296
|
+
|
|
225
297
|
var _ref = normalizedFormatOptions[option] || {},
|
|
226
|
-
|
|
298
|
+
id = _ref.id;
|
|
299
|
+
|
|
227
300
|
if (revampSelectedOptions.indexOf(id) === -1 && !(0, _Common.getIsEmptyValue)(id)) {
|
|
228
301
|
revampSelectedOptions.push(id);
|
|
229
302
|
output.push(normalizedFormatOptions[option]);
|
|
@@ -238,6 +311,7 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
|
|
|
238
311
|
revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
|
|
239
312
|
}
|
|
240
313
|
}
|
|
314
|
+
|
|
241
315
|
return {
|
|
242
316
|
formatSelectedOptions: output,
|
|
243
317
|
normalizedSelectedOptions: normalizedSelectedOptions,
|
|
@@ -245,26 +319,32 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
|
|
|
245
319
|
};
|
|
246
320
|
});
|
|
247
321
|
};
|
|
322
|
+
|
|
248
323
|
exports.makeGetMultiSelectSelectedOptions = makeGetMultiSelectSelectedOptions;
|
|
324
|
+
|
|
249
325
|
var makeGetSelectedValueText = function makeGetSelectedValueText() {
|
|
250
326
|
return (0, _reselect.createSelector)([getOptionsOrder, getNormalizedFormatOptions, getSelectedValue, getSelectedFormatOptions, getIsDefaultSelectValue, getValueField, getTextField], function (optionsOrder, normalizedFormatOptions, selectedValue, selectedFormatOptions, isDefaultSelectValue, valueField, textField) {
|
|
251
327
|
var selectedValueIndex = optionsOrder.indexOf(selectedValue);
|
|
252
328
|
var isSelfValueChanged = false;
|
|
329
|
+
|
|
253
330
|
if ((0, _Common.getIsEmptyValue)(selectedValue) && isDefaultSelectValue) {
|
|
254
331
|
var _optionsOrder = _slicedToArray(optionsOrder, 1);
|
|
332
|
+
|
|
255
333
|
selectedValue = _optionsOrder[0];
|
|
256
334
|
isSelfValueChanged = true;
|
|
257
335
|
}
|
|
336
|
+
|
|
258
337
|
var allOptions = Object.assign({}, selectedFormatOptions, normalizedFormatOptions);
|
|
259
338
|
var details = allOptions[selectedValue];
|
|
260
339
|
var hoverIndex = selectedValueIndex !== -1 ? selectedValueIndex : 0;
|
|
261
340
|
var selectedValueDetails = details ? _defineProperty({}, selectedValue, details) : dummyObj;
|
|
341
|
+
|
|
262
342
|
var _ref3 = details || dummyObj,
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
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
|
+
|
|
266
347
|
|
|
267
|
-
//selectedValue is not included in options case
|
|
268
348
|
if ((0, _Common.getIsEmptyValue)(selectedId)) {
|
|
269
349
|
if (_typeof(selectedValue) === 'object') {
|
|
270
350
|
var id = selectedValue[valueField];
|
|
@@ -282,6 +362,7 @@ var makeGetSelectedValueText = function makeGetSelectedValueText() {
|
|
|
282
362
|
selectedId = selectedValue;
|
|
283
363
|
}
|
|
284
364
|
}
|
|
365
|
+
|
|
285
366
|
return {
|
|
286
367
|
selected: selectedValueText,
|
|
287
368
|
hoverIndex: hoverIndex,
|
|
@@ -291,52 +372,64 @@ var makeGetSelectedValueText = function makeGetSelectedValueText() {
|
|
|
291
372
|
};
|
|
292
373
|
});
|
|
293
374
|
};
|
|
375
|
+
|
|
294
376
|
exports.makeGetSelectedValueText = makeGetSelectedValueText;
|
|
377
|
+
|
|
295
378
|
var getObj1 = function getObj1(props) {
|
|
296
379
|
return props.obj1 || dummyObj;
|
|
297
380
|
};
|
|
381
|
+
|
|
298
382
|
var getObj2 = function getObj2(props) {
|
|
299
383
|
return props.obj2 || dummyObj;
|
|
300
384
|
};
|
|
385
|
+
|
|
301
386
|
var makeObjectConcat = function makeObjectConcat() {
|
|
302
387
|
return (0, _reselect.createSelector)([getObj1, getObj2], function (obj1, obj2) {
|
|
303
388
|
return Object.assign({}, obj1, obj2);
|
|
304
389
|
});
|
|
305
390
|
};
|
|
306
|
-
|
|
307
391
|
/***** Group Select *****/
|
|
392
|
+
|
|
393
|
+
|
|
308
394
|
exports.makeObjectConcat = makeObjectConcat;
|
|
395
|
+
|
|
309
396
|
var getGroupedOptions = function getGroupedOptions(props) {
|
|
310
397
|
return props.groupedOptions || dummyArray;
|
|
311
398
|
};
|
|
399
|
+
|
|
312
400
|
var getFormatOptions = makeFormatOptions();
|
|
401
|
+
|
|
313
402
|
var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
|
|
314
403
|
return (0, _reselect.createSelector)([getGroupedOptions], function (groupedOptions) {
|
|
315
404
|
var revampedGroups = [];
|
|
316
405
|
var allOptionIds = [];
|
|
317
406
|
var allNormalizedOptions = {}; //all group normalized options
|
|
407
|
+
|
|
318
408
|
var allNormalizedFormatOptions = {};
|
|
319
409
|
var groupIds = [];
|
|
320
410
|
var normalizedGroupedOptions = {};
|
|
321
411
|
groupedOptions.forEach(function (group) {
|
|
322
412
|
var options = group.options,
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
413
|
+
groupId = group.id,
|
|
414
|
+
name = group.name,
|
|
415
|
+
valueField = group.valueField,
|
|
416
|
+
textField = group.textField;
|
|
417
|
+
|
|
327
418
|
if (!(0, _Common.getIsEmptyValue)(groupId) && groupIds.indexOf(groupId) === -1) {
|
|
328
419
|
groupIds.push(groupId);
|
|
329
420
|
normalizedGroupedOptions[groupId] = group;
|
|
421
|
+
|
|
330
422
|
var _getFormatOptions = getFormatOptions({
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
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
|
+
|
|
340
433
|
if (optionsOrder.length) {
|
|
341
434
|
revampedGroups.push({
|
|
342
435
|
id: groupId,
|
|
@@ -359,25 +452,31 @@ var makeGetGroupSelectOptions = function makeGetGroupSelectOptions() {
|
|
|
359
452
|
};
|
|
360
453
|
});
|
|
361
454
|
};
|
|
455
|
+
|
|
362
456
|
exports.makeGetGroupSelectOptions = makeGetGroupSelectOptions;
|
|
457
|
+
|
|
363
458
|
var getGroups = function getGroups(props) {
|
|
364
459
|
return props.revampedGroups;
|
|
365
460
|
};
|
|
461
|
+
|
|
366
462
|
var getFilterSuggestions = makeGetMultiSelectFilterSuggestions();
|
|
463
|
+
|
|
367
464
|
var makeGetGroupSelectFilterSuggestions = function makeGetGroupSelectFilterSuggestions() {
|
|
368
465
|
return (0, _reselect.createSelector)([getGroups, getSearchStr, getNeedSearch, getIsStartWithSearch], function (groups, searchStr, needSearch, isStartsWithSearch) {
|
|
369
466
|
var suggestionGroups = [];
|
|
370
467
|
var suggestionOptionIds = [];
|
|
371
468
|
groups.forEach(function (group) {
|
|
372
469
|
var options = group.options;
|
|
470
|
+
|
|
373
471
|
var _getFilterSuggestions = getFilterSuggestions({
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
472
|
+
options: options,
|
|
473
|
+
needSearch: needSearch,
|
|
474
|
+
searchStr: searchStr,
|
|
475
|
+
isStartsWithSearch: isStartsWithSearch
|
|
476
|
+
}),
|
|
477
|
+
suggestions = _getFilterSuggestions.suggestions,
|
|
478
|
+
suggestionIds = _getFilterSuggestions.suggestionIds;
|
|
479
|
+
|
|
381
480
|
if (suggestionIds.length) {
|
|
382
481
|
suggestionGroups.push(Object.assign({}, group, {
|
|
383
482
|
options: suggestions
|
|
@@ -391,19 +490,25 @@ var makeGetGroupSelectFilterSuggestions = function makeGetGroupSelectFilterSugge
|
|
|
391
490
|
};
|
|
392
491
|
});
|
|
393
492
|
};
|
|
493
|
+
|
|
394
494
|
exports.makeGetGroupSelectFilterSuggestions = makeGetGroupSelectFilterSuggestions;
|
|
495
|
+
|
|
395
496
|
var makeGetOptionIdChange = function makeGetOptionIdChange() {
|
|
396
497
|
return (0, _reselect.createSelector)([getOptions, getValueField, getPrefixText, getTextField, getImageField, getIconName, getIconSize, getOptionType], function (options, valueField, prefixText, textField, imageField, iconName, iconSize, optionType) {
|
|
397
498
|
var newOptions = [];
|
|
398
499
|
return options.reduce(function (changedOptions, option) {
|
|
399
500
|
var newOption;
|
|
400
501
|
var id = _typeof(option) === 'object' ? option[valueField] : option;
|
|
502
|
+
|
|
401
503
|
if (_typeof(option) === 'object' && !(0, _Common.getIsEmptyValue)(id)) {
|
|
402
504
|
var _Object$assign;
|
|
505
|
+
|
|
403
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
|
+
|
|
404
508
|
if (imageField) {
|
|
405
509
|
newOption.imageField = imageField;
|
|
406
510
|
}
|
|
511
|
+
|
|
407
512
|
changedOptions.push(newOption);
|
|
408
513
|
} else if (!(0, _Common.getIsEmptyValue)(id)) {
|
|
409
514
|
newOption = {
|
|
@@ -417,75 +522,91 @@ var makeGetOptionIdChange = function makeGetOptionIdChange() {
|
|
|
417
522
|
};
|
|
418
523
|
changedOptions.push(newOption);
|
|
419
524
|
}
|
|
525
|
+
|
|
420
526
|
return changedOptions;
|
|
421
527
|
}, newOptions);
|
|
422
528
|
});
|
|
423
529
|
};
|
|
530
|
+
|
|
424
531
|
exports.makeGetOptionIdChange = makeGetOptionIdChange;
|
|
532
|
+
|
|
425
533
|
var filterSelectedOptions = function filterSelectedOptions() {
|
|
426
534
|
var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
selectedOptions = selectedOptions || dummyArray;
|
|
435
|
-
// eslint-disable-next-line no-param-reassign
|
|
436
|
-
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
|
+
|
|
437
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
|
+
|
|
438
547
|
disabledOptions = disabledOptions || dummyArray;
|
|
439
548
|
var newlyAddedOptions = selectedOptions.filter(function (selectedOption) {
|
|
440
549
|
return propSelectedOptions.indexOf(selectedOption) === -1;
|
|
441
|
-
});
|
|
550
|
+
}); // eslint-disable-next-line max-len
|
|
442
551
|
|
|
443
|
-
// eslint-disable-next-line max-len
|
|
444
552
|
var oldValidSelectedOptions = propSelectedOptions.filter(function (selectedOption) {
|
|
445
553
|
var isRemoved = selectedOptions.indexOf(selectedOption) === -1;
|
|
446
554
|
var isDisabled = disabledOptions.indexOf(selectedOption) >= 0;
|
|
555
|
+
|
|
447
556
|
if (isDisabled) {
|
|
448
557
|
return true;
|
|
449
558
|
} else if (isRemoved) {
|
|
450
559
|
return false;
|
|
451
560
|
}
|
|
561
|
+
|
|
452
562
|
return true;
|
|
453
563
|
});
|
|
454
564
|
return {
|
|
455
565
|
newSelectedOptions: [].concat(_toConsumableArray(oldValidSelectedOptions), _toConsumableArray(newlyAddedOptions))
|
|
456
566
|
};
|
|
457
567
|
};
|
|
568
|
+
|
|
458
569
|
exports.filterSelectedOptions = filterSelectedOptions;
|
|
570
|
+
|
|
459
571
|
var makeGetIsShowClearIcon = function makeGetIsShowClearIcon() {
|
|
460
572
|
return (0, _reselect.createSelector)([getSelectedOptionsSel, getDisabledOptions], function (selectedOptions, disabledOptions) {
|
|
461
573
|
var countForShowClear = 2;
|
|
462
574
|
var enabledOptionsLength = 0;
|
|
463
575
|
var isShowClearIcon = selectedOptions.length >= countForShowClear;
|
|
576
|
+
|
|
464
577
|
if (disabledOptions.length) {
|
|
465
578
|
var isHaveEnabledOptions = false;
|
|
466
579
|
var isAllDisabled = disabledOptions.length === selectedOptions.length;
|
|
580
|
+
|
|
467
581
|
if (!isAllDisabled) {
|
|
468
582
|
isHaveEnabledOptions = selectedOptions.some(function (option) {
|
|
469
583
|
var _ref5 = option || {},
|
|
470
|
-
|
|
471
|
-
|
|
584
|
+
_ref5$isDisabled = _ref5.isDisabled,
|
|
585
|
+
isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
|
|
586
|
+
|
|
472
587
|
if (!isDisabled) {
|
|
473
588
|
enabledOptionsLength += 1;
|
|
589
|
+
|
|
474
590
|
if (enabledOptionsLength === countForShowClear) {
|
|
475
591
|
return true;
|
|
476
592
|
}
|
|
593
|
+
|
|
477
594
|
return false;
|
|
478
595
|
}
|
|
596
|
+
|
|
479
597
|
return false;
|
|
480
598
|
});
|
|
481
599
|
}
|
|
600
|
+
|
|
482
601
|
return {
|
|
483
602
|
isShowClearIcon: isAllDisabled ? !isAllDisabled : isHaveEnabledOptions
|
|
484
603
|
};
|
|
485
604
|
}
|
|
605
|
+
|
|
486
606
|
return {
|
|
487
607
|
isShowClearIcon: isShowClearIcon
|
|
488
608
|
};
|
|
489
609
|
});
|
|
490
610
|
};
|
|
611
|
+
|
|
491
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
|
}
|