@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-252
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 +18 -0
- package/assets/Appearance/dark/mode/darkMode.module.css +2 -1
- package/assets/Appearance/default/mode/defaultMode.module.css +2 -1
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +2 -1
- package/es/Accordion/Accordion.js +0 -7
- package/es/Accordion/AccordionItem.js +0 -4
- package/es/Accordion/docs/Accordion__Demo.docs.js +0 -2
- package/es/Animation/Animation.js +0 -3
- package/es/Animation/docs/Animation__default.docs.js +0 -2
- package/es/Animation/docs/Animation__fadeIn.docs.js +0 -2
- package/es/Animation/docs/Animation__scaleIn.docs.js +0 -2
- package/es/Animation/docs/Animation__skewIn.docs.js +0 -2
- package/es/Animation/docs/Animation__slideDown.docs.js +0 -2
- package/es/Animation/docs/Animation__slideLeft.docs.js +0 -2
- package/es/Animation/docs/Animation__zoomIn.docs.js +0 -2
- package/es/AppContainer/AppContainer.js +2 -13
- package/es/AppContainer/docs/AppContainer__default.docs.js +0 -2
- package/es/Avatar/Avatar.js +7 -21
- package/es/Avatar/docs/Avatar__custom.docs.js +1 -3
- package/es/Avatar/docs/Avatar__default.docs.js +1 -3
- package/es/Avatar/docs/Avatar__palette.docs.js +1 -3
- package/es/Avatar/docs/Avatar__text.docs.js +1 -3
- package/es/AvatarTeam/AvatarTeam.js +0 -3
- package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -2
- package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -2
- package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -2
- package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -2
- package/es/Button/Button.js +0 -4
- package/es/Button/docs/Button__custom.docs.js +11 -13
- package/es/Button/docs/Button__default.docs.js +11 -13
- package/es/Buttongroup/Buttongroup.js +0 -3
- package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -2
- package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -2
- package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -2
- package/es/Card/Card.js +7 -22
- package/es/Card/docs/Card__Custom.docs.js +0 -2
- package/es/Card/docs/Card__Default.docs.js +0 -2
- package/es/Card/docs/Card__Scroll.docs.js +0 -3
- package/es/CheckBox/CheckBox.js +0 -5
- package/es/CheckBox/docs/CheckBox__custom.docs.js +12 -16
- package/es/CheckBox/docs/CheckBox__default.docs.js +12 -16
- package/es/DateTime/CalendarView.js +26 -34
- package/es/DateTime/DateTime.js +22 -77
- package/es/DateTime/DateTime.module.css +50 -5
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +2 -8
- package/es/DateTime/DateWidget.js +34 -101
- package/es/DateTime/DaysRow.js +2 -4
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +4 -28
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
- package/es/DateTime/__tests__/DateTime.spec.js +0 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
- package/es/DateTime/common.js +0 -3
- package/es/DateTime/constants.js +0 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
- package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -28
- package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
- package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
- package/es/DateTime/docs/DateTime__default.docs.js +6 -9
- package/es/DateTime/docs/DateWidget__default.docs.js +0 -5
- package/es/DateTime/objectUtils.js +20 -14
- package/es/DateTime/props/propTypes.js +4 -2
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +5 -28
- package/es/DropBox/docs/DropBox__custom.docs.js +25 -27
- package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -7
- package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -7
- package/es/DropBox/docs/DropBox__position.docs.js +35 -37
- package/es/DropBox/docs/DropBox__size.docs.js +28 -30
- package/es/DropDown/DropDown.js +1 -9
- package/es/DropDown/DropDownHeading.js +2 -4
- package/es/DropDown/DropDownItem.js +0 -6
- package/es/DropDown/DropDownSearch.js +0 -4
- package/es/DropDown/DropDownSeparator.js +0 -1
- package/es/DropDown/__tests__/DropDown.spec.js +2 -1
- package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -2
- package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -2
- package/es/Heading/Heading.js +0 -2
- package/es/Heading/Heading.module.css +3 -3
- package/es/Heading/docs/Heading__default.docs.js +0 -2
- package/es/Label/Label.js +0 -2
- package/es/Label/docs/Label__clipped.docs.js +0 -2
- package/es/Label/docs/Label__custom.docs.js +0 -2
- package/es/Label/docs/Label__palette.docs.js +0 -2
- package/es/Label/docs/Label__size.docs.js +0 -2
- package/es/Label/docs/Label__type.docs.js +0 -2
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/docs/Layout__Hidden.docs.js +0 -1
- package/es/Layout/docs/Layout__default.docs.js +0 -1
- package/es/Layout/docs/Layout__four_Column.docs.js +0 -1
- package/es/Layout/docs/Layout__three_Column.docs.js +0 -1
- package/es/Layout/docs/Layout__two_Column.docs.js +0 -1
- package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -2
- package/es/ListItem/ListContainer.js +0 -8
- package/es/ListItem/ListItem.js +0 -9
- package/es/ListItem/ListItemWithAvatar.js +1 -9
- package/es/ListItem/ListItemWithCheckBox.js +0 -7
- package/es/ListItem/ListItemWithIcon.js +0 -8
- package/es/ListItem/ListItemWithRadio.js +0 -7
- package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -2
- package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -2
- package/es/ListItem/docs/ListItem__custom.docs.js +0 -2
- package/es/ListItem/docs/ListItem__default.docs.js +0 -2
- package/es/Modal/Modal.js +8 -28
- package/es/Modal/__docs__/Modal__default.docs.js +1 -5
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +11 -90
- package/es/MultiSelect/AdvancedMultiSelect.js +21 -39
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +49 -112
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +16 -17
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/Suggestions.js +3 -7
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -7
- package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +1 -7
- package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +1 -5
- package/es/MultiSelect/docs/MultiSelect__default.docs.js +1 -6
- package/es/MultiSelect/props/defaultProps.js +8 -4
- package/es/MultiSelect/props/propTypes.js +8 -6
- package/es/PopOver/PopOver.js +0 -18
- package/es/PopOver/__tests__/PopOver.spec.js +1 -2
- package/es/PopOver/docs/PopOver__default.docs.js +0 -2
- package/es/Popup/Popup.js +24 -77
- package/es/Popup/__tests__/Popup.spec.js +5 -17
- package/es/Popup/viewPort.js +4 -16
- package/es/Provider/IdProvider.js +2 -9
- package/es/Provider/LibraryContext.js +4 -6
- package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
- package/es/Provider/ZindexProvider.js +2 -9
- package/es/Provider/docs/Provider_Id__Class.docs.js +3 -4
- package/es/Provider/docs/Provider_Id__Function.docs.js +0 -1
- package/es/Provider/docs/Provider_Zindex__Class.docs.js +3 -4
- package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -1
- package/es/Provider.js +3 -7
- package/es/Radio/Radio.js +0 -4
- package/es/Radio/docs/Radio__custom.docs.js +12 -16
- package/es/Radio/docs/Radio__default.docs.js +12 -16
- package/es/Responsive/CustomResponsive.js +18 -28
- package/es/Responsive/RefWrapper.js +7 -6
- package/es/Responsive/ResizeComponent.js +25 -35
- package/es/Responsive/ResizeObserver.js +6 -26
- package/es/Responsive/Responsive.js +20 -34
- package/es/Responsive/docs/Responsive__Custom.docs.js +22 -14
- package/es/Responsive/docs/Responsive__default.docs.js +1 -3
- package/es/Responsive/sizeObservers.js +7 -28
- package/es/Responsive/utils/index.js +5 -7
- package/es/Responsive/utils/shallowCompare.js +2 -7
- package/es/Responsive/windowResizeObserver.js +0 -7
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
- package/es/Ribbon/Ribbon.js +0 -3
- package/es/Ribbon/docs/Ribbon__custom.docs.js +13 -14
- package/es/Ribbon/docs/Ribbon__default.docs.js +13 -14
- package/es/RippleEffect/RippleEffect.js +0 -1
- package/es/RippleEffect/docs/RippleEffect__default.docs.js +12 -14
- package/es/Select/GroupSelect.js +28 -67
- package/es/Select/Select.js +47 -97
- package/es/Select/Select.module.css +3 -0
- package/es/Select/SelectWithAvatar.js +15 -24
- package/es/Select/SelectWithIcon.js +73 -53
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/docs/GroupSelect__default.docs.js +1 -6
- package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -4
- package/es/Select/docs/SelectWithIcon__default.docs.js +0 -4
- package/es/Select/docs/Select__default.docs.js +0 -5
- package/es/Select/props/defaultProps.js +8 -4
- package/es/Select/props/propTypes.js +8 -5
- package/es/Stencils/Stencils.js +0 -3
- package/es/Stencils/docs/Stencils__custom.docs.js +0 -2
- package/es/Stencils/docs/Stencils__default.docs.js +0 -2
- package/es/Switch/Switch.js +0 -5
- package/es/Switch/docs/Switch__custom.docs.js +12 -14
- package/es/Switch/docs/Switch__default.docs.js +12 -14
- package/es/Tab/Tab.js +1 -4
- package/es/Tab/TabContent.js +0 -1
- package/es/Tab/TabContentWrapper.js +0 -2
- package/es/Tab/TabWrapper.js +2 -5
- package/es/Tab/Tabs.js +7 -54
- package/es/Tab/__tests__/Tab.spec.js +2 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tab/docs/Tab__default.docs.js +0 -5
- package/es/Tag/Tag.js +1 -6
- package/es/Tag/docs/Tag__custom.docs.js +11 -13
- package/es/Tag/docs/Tag__default.docs.js +11 -13
- package/es/TextBox/TextBox.js +0 -15
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBox/docs/TextBox__custom.docs.js +0 -2
- package/es/TextBox/docs/TextBox__default.docs.js +0 -2
- package/es/TextBox/docs/TextBox__size.docs.js +0 -2
- package/es/TextBox/docs/TextBox__variant.docs.js +0 -2
- package/es/TextBoxIcon/TextBoxIcon.js +0 -7
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -2
- package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -2
- package/es/Textarea/Textarea.js +0 -12
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Textarea/docs/Textarea__animated.docs.js +0 -2
- package/es/Textarea/docs/Textarea__custom.docs.js +0 -2
- package/es/Textarea/docs/Textarea__default.docs.js +0 -2
- package/es/Textarea/docs/Textarea__disabled.docs.js +0 -2
- package/es/Tooltip/Tooltip.js +11 -58
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/Tooltip/docs/Tooltip__default.docs.js +63 -67
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -3
- package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -5
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +2 -7
- package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +17 -28
- package/es/deprecated/PortalLayer/PortalLayer.js +17 -25
- package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -7
- package/es/index.js +2 -1
- package/es/semantic/Button/Button.js +0 -3
- package/es/semantic/Button/docs/Button__default.docs.js +0 -3
- package/es/utils/Common.js +23 -47
- package/es/utils/ContextOptimizer.js +5 -4
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +0 -2
- package/es/utils/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -67
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +10 -39
- package/lib/Accordion/AccordionItem.js +12 -38
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
- package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -22
- package/lib/Accordion/index.js +0 -3
- package/lib/Accordion/props/propTypes.js +0 -3
- package/lib/Animation/Animation.js +12 -37
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/docs/Animation__default.docs.js +0 -24
- package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -24
- package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -24
- package/lib/Animation/docs/Animation__skewIn.docs.js +0 -24
- package/lib/Animation/docs/Animation__slideDown.docs.js +0 -24
- package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -24
- package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -24
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +14 -52
- package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -23
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +27 -71
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/docs/Avatar__custom.docs.js +1 -26
- package/lib/Avatar/docs/Avatar__default.docs.js +1 -24
- package/lib/Avatar/docs/Avatar__palette.docs.js +1 -26
- package/lib/Avatar/docs/Avatar__text.docs.js +1 -26
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +20 -47
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -24
- package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -24
- package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -24
- package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -24
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +19 -44
- package/lib/Button/__tests__/Button.spec.js +0 -40
- package/lib/Button/docs/Button__custom.docs.js +11 -37
- package/lib/Button/docs/Button__default.docs.js +11 -36
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +5 -31
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -25
- package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -25
- package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -27
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +41 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/docs/Card__Custom.docs.js +0 -27
- package/lib/Card/docs/Card__Default.docs.js +0 -26
- package/lib/Card/docs/Card__Scroll.docs.js +3 -30
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/propTypes.js +0 -3
- package/lib/CheckBox/CheckBox.js +40 -69
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/docs/CheckBox__custom.docs.js +12 -37
- package/lib/CheckBox/docs/CheckBox__default.docs.js +12 -36
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +40 -79
- package/lib/DateTime/DateTime.js +164 -245
- package/lib/DateTime/DateTime.module.css +50 -5
- package/lib/DateTime/DateTimePopupFooter.js +5 -30
- package/lib/DateTime/DateTimePopupHeader.js +13 -45
- package/lib/DateTime/DateWidget.js +243 -349
- package/lib/DateTime/DaysRow.js +2 -26
- package/lib/DateTime/Time.js +29 -72
- package/lib/DateTime/YearView.js +25 -75
- package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
- package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
- package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
- package/lib/DateTime/common.js +0 -6
- package/lib/DateTime/constants.js +0 -1
- package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
- package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +12 -61
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +20 -52
- package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
- package/lib/DateTime/docs/DateTime__default.docs.js +10 -33
- package/lib/DateTime/docs/DateWidget__default.docs.js +2 -30
- package/lib/DateTime/index.js +0 -2
- package/lib/DateTime/objectUtils.js +20 -24
- package/lib/DateTime/props/propTypes.js +4 -5
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +6 -69
- package/lib/DropBox/DropBox.js +58 -119
- package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
- package/lib/DropBox/docs/DropBox__custom.docs.js +25 -50
- package/lib/DropBox/docs/DropBox__customOrder.docs.js +9 -36
- package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +9 -36
- package/lib/DropBox/docs/DropBox__position.docs.js +35 -59
- package/lib/DropBox/docs/DropBox__size.docs.js +28 -52
- package/lib/DropBox/props/propTypes.js +0 -3
- package/lib/DropDown/DropDown.js +3 -53
- package/lib/DropDown/DropDownHeading.js +11 -35
- package/lib/DropDown/DropDownItem.js +17 -41
- package/lib/DropDown/DropDownSearch.js +15 -41
- package/lib/DropDown/DropDownSeparator.js +1 -23
- package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
- package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
- package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
- package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -22
- package/lib/DropDown/props/propTypes.js +0 -5
- package/lib/Heading/Heading.js +8 -35
- package/lib/Heading/Heading.module.css +3 -3
- package/lib/Heading/docs/Heading__default.docs.js +0 -24
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +11 -36
- package/lib/Label/__tests__/Label.spec.js +1 -14
- package/lib/Label/docs/Label__clipped.docs.js +0 -25
- package/lib/Label/docs/Label__custom.docs.js +0 -26
- package/lib/Label/docs/Label__palette.docs.js +0 -25
- package/lib/Label/docs/Label__size.docs.js +0 -25
- package/lib/Label/docs/Label__type.docs.js +0 -25
- package/lib/Label/props/propTypes.js +0 -3
- package/lib/Layout/Box.js +11 -31
- package/lib/Layout/Container.js +10 -29
- package/lib/Layout/__tests__/Box.spec.js +49 -65
- package/lib/Layout/__tests__/Container.spec.js +50 -67
- package/lib/Layout/docs/Layout__Hidden.docs.js +0 -22
- package/lib/Layout/docs/Layout__default.docs.js +0 -21
- package/lib/Layout/docs/Layout__four_Column.docs.js +0 -22
- package/lib/Layout/docs/Layout__three_Column.docs.js +0 -22
- package/lib/Layout/docs/Layout__two_Column.docs.js +0 -22
- package/lib/Layout/index.js +0 -4
- package/lib/Layout/props/propTypes.js +0 -3
- package/lib/Layout/utils.js +0 -10
- package/lib/LightNightMode/docs/AlternativeColors.docs.js +1 -26
- package/lib/ListItem/ListContainer.js +25 -46
- package/lib/ListItem/ListItem.js +37 -66
- package/lib/ListItem/ListItemWithAvatar.js +41 -72
- package/lib/ListItem/ListItemWithCheckBox.js +32 -61
- package/lib/ListItem/ListItemWithIcon.js +36 -65
- package/lib/ListItem/ListItemWithRadio.js +33 -62
- package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -24
- package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -23
- package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -24
- package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -23
- package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -24
- package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -23
- package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -24
- package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -23
- package/lib/ListItem/docs/ListItem__custom.docs.js +0 -23
- package/lib/ListItem/docs/ListItem__default.docs.js +0 -22
- package/lib/ListItem/props/propTypes.js +0 -5
- package/lib/Modal/Modal.js +4 -44
- package/lib/Modal/__docs__/Modal__default.docs.js +0 -23
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +157 -289
- package/lib/MultiSelect/AdvancedMultiSelect.js +130 -203
- package/lib/MultiSelect/EmptyState.js +21 -44
- package/lib/MultiSelect/MultiSelect.js +213 -325
- package/lib/MultiSelect/MultiSelectHeader.js +5 -29
- package/lib/MultiSelect/MultiSelectWithAvatar.js +61 -98
- package/lib/MultiSelect/SelectedOptions.js +15 -44
- package/lib/MultiSelect/Suggestions.js +26 -59
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -23
- package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +3 -28
- package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +2 -28
- package/lib/MultiSelect/docs/MultiSelect__default.docs.js +2 -30
- package/lib/MultiSelect/props/defaultProps.js +8 -6
- package/lib/MultiSelect/props/propTypes.js +8 -9
- package/lib/PopOver/PopOver.js +44 -94
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/docs/PopOver__default.docs.js +0 -25
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +77 -156
- package/lib/Popup/__tests__/Popup.spec.js +5 -42
- package/lib/Popup/viewPort.js +14 -28
- package/lib/Provider/AvatarSize.js +0 -4
- package/lib/Provider/Config.js +0 -2
- package/lib/Provider/CssProvider.js +0 -4
- package/lib/Provider/IdProvider.js +3 -17
- package/lib/Provider/LibraryContext.js +10 -32
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +14 -43
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Provider/docs/Provider_Id__Class.docs.js +3 -24
- package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -5
- package/lib/Provider/docs/Provider_Zindex__Class.docs.js +3 -24
- package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -5
- package/lib/Provider.js +2 -61
- package/lib/Radio/Radio.js +33 -60
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/docs/Radio__custom.docs.js +12 -38
- package/lib/Radio/docs/Radio__default.docs.js +12 -37
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +23 -67
- package/lib/Responsive/RefWrapper.js +7 -15
- package/lib/Responsive/ResizeComponent.js +27 -58
- package/lib/Responsive/ResizeObserver.js +6 -23
- package/lib/Responsive/Responsive.js +24 -76
- package/lib/Responsive/docs/Responsive__Custom.docs.js +29 -54
- package/lib/Responsive/docs/Responsive__default.docs.js +4 -28
- package/lib/Responsive/index.js +0 -2
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +13 -51
- package/lib/Responsive/utils/index.js +3 -11
- package/lib/Responsive/utils/shallowCompare.js +2 -11
- package/lib/Responsive/windowResizeObserver.js +0 -8
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +14 -44
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +7 -31
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/docs/Ribbon__custom.docs.js +13 -36
- package/lib/Ribbon/docs/Ribbon__default.docs.js +13 -35
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +7 -18
- package/lib/RippleEffect/docs/RippleEffect__default.docs.js +12 -34
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +138 -230
- package/lib/Select/Select.js +213 -297
- package/lib/Select/Select.module.css +3 -0
- package/lib/Select/SelectWithAvatar.js +61 -104
- package/lib/Select/SelectWithIcon.js +149 -143
- package/lib/Select/__tests__/Select.spec.js +89 -131
- package/lib/Select/docs/GroupSelect__default.docs.js +0 -26
- package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -28
- package/lib/Select/docs/SelectWithIcon__default.docs.js +4 -29
- package/lib/Select/docs/Select__default.docs.js +0 -27
- package/lib/Select/props/defaultProps.js +7 -8
- package/lib/Select/props/propTypes.js +8 -8
- package/lib/Stencils/Stencils.js +4 -28
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/docs/Stencils__custom.docs.js +0 -24
- package/lib/Stencils/docs/Stencils__default.docs.js +0 -24
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +27 -55
- package/lib/Switch/docs/Switch__custom.docs.js +12 -35
- package/lib/Switch/docs/Switch__default.docs.js +12 -34
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +23 -39
- package/lib/Tab/TabContent.js +4 -11
- package/lib/Tab/TabContentWrapper.js +5 -12
- package/lib/Tab/TabWrapper.js +16 -34
- package/lib/Tab/Tabs.js +85 -166
- package/lib/Tab/__tests__/Tab.spec.js +63 -74
- package/lib/Tab/__tests__/TabContent.spec.js +6 -10
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
- package/lib/Tab/__tests__/Tabs.spec.js +39 -53
- package/lib/Tab/docs/Tab__default.docs.js +0 -25
- package/lib/Tab/index.js +0 -6
- package/lib/Tab/props/propTypes.js +0 -3
- package/lib/Tag/Tag.js +37 -70
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/docs/Tag__custom.docs.js +11 -37
- package/lib/Tag/docs/Tag__default.docs.js +11 -36
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +52 -83
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/docs/TextBox__custom.docs.js +0 -26
- package/lib/TextBox/docs/TextBox__default.docs.js +0 -26
- package/lib/TextBox/docs/TextBox__size.docs.js +0 -26
- package/lib/TextBox/docs/TextBox__variant.docs.js +0 -26
- package/lib/TextBox/props/propTypes.js +0 -5
- package/lib/TextBoxIcon/TextBoxIcon.js +48 -80
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -27
- package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -27
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +22 -52
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/docs/Textarea__animated.docs.js +0 -25
- package/lib/Textarea/docs/Textarea__custom.docs.js +0 -26
- package/lib/Textarea/docs/Textarea__default.docs.js +0 -25
- package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -25
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +25 -92
- package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -23
- package/lib/Tooltip/docs/Tooltip__default.docs.js +63 -91
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +11 -39
- package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -29
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +18 -51
- package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +22 -54
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/css.js +0 -39
- package/lib/deprecated/PortalLayer/PortalLayer.js +17 -45
- package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +2 -36
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +0 -158
- package/lib/semantic/Button/Button.js +17 -41
- package/lib/semantic/Button/docs/Button__default.docs.js +0 -23
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/utils/Common.js +29 -95
- package/lib/utils/ContextOptimizer.js +10 -16
- package/lib/utils/__tests__/constructFullName.spec.js +0 -1
- package/lib/utils/__tests__/debounce.spec.js +2 -3
- package/lib/utils/__tests__/getInitial.spec.js +0 -1
- package/lib/utils/constructFullName.js +2 -11
- package/lib/utils/datetime/common.js +5 -32
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +54 -171
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +1 -1
|
@@ -1,74 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
8
|
-
|
|
9
6
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
|
|
11
7
|
var _Popup = _interopRequireDefault(require("../Popup"));
|
|
12
|
-
|
|
13
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
-
|
|
15
9
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
16
|
-
|
|
17
10
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
18
|
-
|
|
19
11
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
20
|
-
|
|
21
12
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
22
|
-
|
|
23
13
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
24
|
-
|
|
25
14
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
26
|
-
|
|
27
15
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
28
|
-
|
|
29
16
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
30
|
-
|
|
31
17
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
32
|
-
|
|
33
18
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
34
|
-
|
|
35
19
|
var SamplePopup = /*#__PURE__*/function (_React$Component) {
|
|
36
20
|
_inherits(SamplePopup, _React$Component);
|
|
37
|
-
|
|
38
21
|
var _super = _createSuper(SamplePopup);
|
|
39
|
-
|
|
40
22
|
function SamplePopup(props) {
|
|
41
23
|
_classCallCheck(this, SamplePopup);
|
|
42
|
-
|
|
43
24
|
return _super.call(this, props);
|
|
44
25
|
}
|
|
45
|
-
|
|
46
26
|
_createClass(SamplePopup, [{
|
|
47
27
|
key: "render",
|
|
48
28
|
value: function render() {
|
|
49
29
|
return /*#__PURE__*/_react["default"].createElement("div", null, "Sample Popup");
|
|
50
30
|
}
|
|
51
31
|
}]);
|
|
52
|
-
|
|
53
32
|
return SamplePopup;
|
|
54
33
|
}(_react["default"].Component);
|
|
55
|
-
|
|
56
34
|
var SamplePopupCopy = /*#__PURE__*/function (_React$Component2) {
|
|
57
35
|
_inherits(SamplePopupCopy, _React$Component2);
|
|
58
|
-
|
|
59
36
|
var _super2 = _createSuper(SamplePopupCopy);
|
|
60
|
-
|
|
61
37
|
function SamplePopupCopy(props) {
|
|
62
38
|
_classCallCheck(this, SamplePopupCopy);
|
|
63
|
-
|
|
64
39
|
return _super2.call(this, props);
|
|
65
40
|
}
|
|
66
|
-
|
|
67
41
|
_createClass(SamplePopupCopy, [{
|
|
68
42
|
key: "render",
|
|
69
43
|
value: function render() {
|
|
70
44
|
var _this = this;
|
|
71
|
-
|
|
72
45
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
73
46
|
"data-id": "samplePopup",
|
|
74
47
|
onClick: function onClick(ev) {
|
|
@@ -77,25 +50,18 @@ var SamplePopupCopy = /*#__PURE__*/function (_React$Component2) {
|
|
|
77
50
|
}, "Sample Popup");
|
|
78
51
|
}
|
|
79
52
|
}]);
|
|
80
|
-
|
|
81
53
|
return SamplePopupCopy;
|
|
82
54
|
}(_react["default"].Component);
|
|
83
|
-
|
|
84
55
|
SamplePopupCopy.propTypes = {
|
|
85
56
|
removeClose: _propTypes["default"].func
|
|
86
57
|
};
|
|
87
|
-
|
|
88
58
|
var SamplePopupCopy1 = /*#__PURE__*/function (_React$Component3) {
|
|
89
59
|
_inherits(SamplePopupCopy1, _React$Component3);
|
|
90
|
-
|
|
91
60
|
var _super3 = _createSuper(SamplePopupCopy1);
|
|
92
|
-
|
|
93
61
|
function SamplePopupCopy1(props) {
|
|
94
62
|
_classCallCheck(this, SamplePopupCopy1);
|
|
95
|
-
|
|
96
63
|
return _super3.call(this, props);
|
|
97
64
|
}
|
|
98
|
-
|
|
99
65
|
_createClass(SamplePopupCopy1, [{
|
|
100
66
|
key: "render",
|
|
101
67
|
value: function render() {
|
|
@@ -104,21 +70,17 @@ var SamplePopupCopy1 = /*#__PURE__*/function (_React$Component3) {
|
|
|
104
70
|
}, "Sample Popup");
|
|
105
71
|
}
|
|
106
72
|
}]);
|
|
107
|
-
|
|
108
73
|
return SamplePopupCopy1;
|
|
109
74
|
}(_react["default"].Component);
|
|
110
|
-
|
|
111
75
|
describe('Popup component conditions', function () {
|
|
112
76
|
it('should click same popup with removeClose', function () {
|
|
113
77
|
var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy);
|
|
114
78
|
var div = document.createElement('div');
|
|
115
79
|
document.body.append(div);
|
|
116
80
|
/*eslint-disable */
|
|
117
|
-
|
|
118
81
|
var popupDom = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null), div);
|
|
119
82
|
/*eslint-enable */
|
|
120
83
|
|
|
121
|
-
|
|
122
84
|
popupDom.togglePopup();
|
|
123
85
|
expect(popupDom.state.isPopupOpen).toBeTruthy();
|
|
124
86
|
var popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
|
|
@@ -158,11 +120,9 @@ describe('Popup component conditions', function () {
|
|
|
158
120
|
var div = document.createElement('div');
|
|
159
121
|
document.body.append(div);
|
|
160
122
|
/*eslint-disable */
|
|
161
|
-
|
|
162
123
|
var popupDom = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null), div);
|
|
163
124
|
/*eslint-enable */
|
|
164
125
|
|
|
165
|
-
|
|
166
126
|
popupDom.togglePopup();
|
|
167
127
|
expect(popupDom.state.isPopupOpen).toBeTruthy();
|
|
168
128
|
var popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
|
|
@@ -181,12 +141,15 @@ describe('Popup component conditions', function () {
|
|
|
181
141
|
var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy1);
|
|
182
142
|
var popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null));
|
|
183
143
|
popupDom.togglePopup();
|
|
184
|
-
expect(popupDom.state.isPopupOpen).toBeTruthy();
|
|
144
|
+
expect(popupDom.state.isPopupOpen).toBeTruthy();
|
|
185
145
|
|
|
146
|
+
//TestUtils.Simulate.keyUp(document, {keyCode:27});
|
|
186
147
|
var e = document.createEvent('HTMLEvents');
|
|
187
148
|
e.initEvent('keyup', false, true);
|
|
188
149
|
e.keyCode = 27;
|
|
189
150
|
document.dispatchEvent(e);
|
|
190
151
|
expect(popupDom.state.isPopupOpen).toBeFalsy();
|
|
191
152
|
});
|
|
192
|
-
});
|
|
153
|
+
});
|
|
154
|
+
|
|
155
|
+
//Group Popup Handling Open and close
|
package/lib/Popup/viewPort.js
CHANGED
|
@@ -10,7 +10,6 @@ var viewPort = {
|
|
|
10
10
|
if (!el) {
|
|
11
11
|
return;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
13
|
var rectTemp = el.getBoundingClientRect();
|
|
15
14
|
var rect = {
|
|
16
15
|
height: rectTemp.height || el.clientHeight,
|
|
@@ -33,11 +32,9 @@ var viewPort = {
|
|
|
33
32
|
x: 0,
|
|
34
33
|
y: 0
|
|
35
34
|
};
|
|
36
|
-
|
|
37
35
|
if (customFrame) {
|
|
38
36
|
customFrameRect = customFrame.getBoundingClientRect();
|
|
39
37
|
}
|
|
40
|
-
|
|
41
38
|
var newRect = {
|
|
42
39
|
top: rect.top - customFrameRect.top,
|
|
43
40
|
left: rect.left - customFrameRect.left,
|
|
@@ -70,7 +67,6 @@ var viewPort = {
|
|
|
70
67
|
if (!el) {
|
|
71
68
|
return;
|
|
72
69
|
}
|
|
73
|
-
|
|
74
70
|
var elRects = viewPort.frameRelativeRects(el, customFrame);
|
|
75
71
|
var rect = elRects.rect;
|
|
76
72
|
var frameRect = elRects.frameRect;
|
|
@@ -81,27 +77,26 @@ var viewPort = {
|
|
|
81
77
|
},
|
|
82
78
|
possibilities: function possibilities(el, relativeBox, customFrame) {
|
|
83
79
|
var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
80
|
+
needArrow = _ref.needArrow,
|
|
81
|
+
isAbsolute = _ref.isAbsolute;
|
|
87
82
|
if (!el) {
|
|
88
83
|
return;
|
|
89
84
|
}
|
|
90
|
-
|
|
91
85
|
var elViewPortEle = viewPort.getViewPortEle(el);
|
|
92
86
|
var elRects = viewPort.frameRelativeRects(el, customFrame, elViewPortEle);
|
|
93
87
|
var rect = elRects.rect;
|
|
94
88
|
var relativeBoxViewPortEle = viewPort.getViewPortEle(relativeBox);
|
|
95
89
|
var relativeBoxRects = viewPort.frameRelativeRects(relativeBox, customFrame, relativeBoxViewPortEle);
|
|
96
90
|
var relativeBoxGap = relativeBoxRects.rectGap,
|
|
97
|
-
|
|
91
|
+
relativeBoxRect = relativeBoxRects.rect;
|
|
98
92
|
var relativeBoxDocumentRects = viewPort.frameRelativeRects(relativeBox, customFrame);
|
|
99
|
-
var documentGap = relativeBoxDocumentRects.rectGap;
|
|
93
|
+
var documentGap = relativeBoxDocumentRects.rectGap;
|
|
94
|
+
|
|
95
|
+
//rect => PopOverContainer, relativeBoxGap => PopOverTarget
|
|
96
|
+
|
|
100
97
|
//Horizontal ~ ----- X axis
|
|
101
98
|
//Vertical ~ ||||||| Y axis
|
|
102
|
-
|
|
103
99
|
var paddingSpace = 5; // space between target and relative element
|
|
104
|
-
|
|
105
100
|
var arrowSize = needArrow ? 10 : 0;
|
|
106
101
|
rect.height = rect.height + (needArrow ? arrowSize : paddingSpace);
|
|
107
102
|
rect.width = rect.width + (needArrow ? arrowSize : paddingSpace);
|
|
@@ -284,7 +279,6 @@ var viewPort = {
|
|
|
284
279
|
if (!el) {
|
|
285
280
|
return;
|
|
286
281
|
}
|
|
287
|
-
|
|
288
282
|
var elRects = viewPort.frameRelativeRects(el, customFrame);
|
|
289
283
|
var rectGap = elRects.rectGap;
|
|
290
284
|
var relativeBoxRects = viewPort.frameRelativeRects(relativeBox, customFrame);
|
|
@@ -299,35 +293,29 @@ var viewPort = {
|
|
|
299
293
|
betterView: function betterView(popup, relativeBox) {
|
|
300
294
|
var defaultView = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
301
295
|
var customFrame = arguments.length > 3 ? arguments[3] : undefined;
|
|
302
|
-
|
|
303
296
|
var _ref2 = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
297
|
+
needArrow = _ref2.needArrow,
|
|
298
|
+
isAbsolute = _ref2.isAbsolute,
|
|
299
|
+
_ref2$customOrder = _ref2.customOrder,
|
|
300
|
+
customOrder = _ref2$customOrder === void 0 ? [] : _ref2$customOrder;
|
|
309
301
|
var customScrollFrame = isAbsolute ? customFrame : '';
|
|
310
302
|
var viewPortPossibilities = viewPort.possibilities(popup, relativeBox, customScrollFrame, {
|
|
311
303
|
needArrow: needArrow,
|
|
312
304
|
isAbsolute: isAbsolute
|
|
313
305
|
});
|
|
314
|
-
|
|
315
306
|
if (!viewPortPossibilities) {
|
|
316
307
|
return;
|
|
317
308
|
}
|
|
318
|
-
|
|
319
309
|
var views = viewPortPossibilities.views,
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
310
|
+
viewsOffset = viewPortPossibilities.viewsOffset,
|
|
311
|
+
targetOffset = viewPortPossibilities.targetOffset,
|
|
312
|
+
popupOffset = viewPortPossibilities.popupOffset;
|
|
323
313
|
var view = null;
|
|
324
314
|
var isViewFound = false;
|
|
325
|
-
|
|
326
315
|
if (!isViewFound && defaultView && views[defaultView]) {
|
|
327
316
|
view = defaultView;
|
|
328
317
|
isViewFound = true;
|
|
329
318
|
}
|
|
330
|
-
|
|
331
319
|
if (!isViewFound) {
|
|
332
320
|
if (customOrder.length > 0) {
|
|
333
321
|
isViewFound = customOrder.some(function (position) {
|
|
@@ -345,11 +333,9 @@ var viewPort = {
|
|
|
345
333
|
});
|
|
346
334
|
}
|
|
347
335
|
}
|
|
348
|
-
|
|
349
336
|
if (!isViewFound) {
|
|
350
337
|
view = defaultView;
|
|
351
338
|
}
|
|
352
|
-
|
|
353
339
|
return {
|
|
354
340
|
view: view,
|
|
355
341
|
views: views,
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = CssProvider;
|
|
7
|
-
|
|
8
7
|
var _avatarsizesModule = _interopRequireDefault(require("../common/avatarsizes.module.css"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var styleList = {
|
|
13
10
|
small: _avatarsizesModule["default"].small,
|
|
14
11
|
xsmall: _avatarsizesModule["default"].xsmall,
|
|
@@ -17,7 +14,6 @@ var styleList = {
|
|
|
17
14
|
large: _avatarsizesModule["default"].large,
|
|
18
15
|
xlarge: _avatarsizesModule["default"].xlarge
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
function CssProvider(name) {
|
|
22
18
|
return styleList[name] || '';
|
|
23
19
|
}
|
package/lib/Provider/Config.js
CHANGED
|
@@ -17,11 +17,9 @@ var id = {
|
|
|
17
17
|
getTooltipContainer: function getTooltipContainer() {},
|
|
18
18
|
autoComplete: false
|
|
19
19
|
};
|
|
20
|
-
|
|
21
20
|
function getLibraryConfig(key) {
|
|
22
21
|
return id[key];
|
|
23
22
|
}
|
|
24
|
-
|
|
25
23
|
function setLibraryConfig(configObj) {
|
|
26
24
|
id = Object.assign({}, id, configObj);
|
|
27
25
|
}
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = CssProvider;
|
|
7
|
-
|
|
8
7
|
var _commonModule = _interopRequireDefault(require("../common/common.module.css"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var styleList = {
|
|
13
10
|
hide: _commonModule["default"].hide,
|
|
14
11
|
isDisabled: _commonModule["default"].disabled,
|
|
@@ -21,7 +18,6 @@ var styleList = {
|
|
|
21
18
|
smooth: _commonModule["default"].ftsmooth,
|
|
22
19
|
clamp: _commonModule["default"].clamp
|
|
23
20
|
};
|
|
24
|
-
|
|
25
21
|
function CssProvider(name) {
|
|
26
22
|
return styleList[name] || '';
|
|
27
23
|
}
|
|
@@ -8,50 +8,38 @@ exports.getUniqueId = getUniqueId;
|
|
|
8
8
|
exports.removeGlobalIdPrefix = removeGlobalIdPrefix;
|
|
9
9
|
exports.setGlobalIdPrefix = setGlobalIdPrefix;
|
|
10
10
|
exports.useUniqueId = useUniqueId;
|
|
11
|
-
|
|
12
11
|
var _NumberGenerator = require("./NumberGenerator/NumberGenerator");
|
|
13
|
-
|
|
14
12
|
var _Config = require("./Config");
|
|
15
|
-
|
|
16
13
|
var globalId = (0, _Config.getLibraryConfig)('idCounter'),
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
deletedIndexes = [],
|
|
15
|
+
globalPrefix;
|
|
20
16
|
function setGlobalIdPrefix(value) {
|
|
21
17
|
globalPrefix = value;
|
|
22
18
|
}
|
|
23
|
-
|
|
24
19
|
function removeGlobalIdPrefix() {
|
|
25
20
|
globalPrefix = undefined;
|
|
26
21
|
}
|
|
27
|
-
|
|
28
22
|
function getGlobalIdPrefix() {
|
|
29
23
|
return globalPrefix;
|
|
30
24
|
}
|
|
31
|
-
|
|
32
25
|
function setGlobalId(id) {
|
|
33
26
|
globalId = id;
|
|
34
27
|
}
|
|
35
|
-
|
|
36
28
|
function getGlobalId() {
|
|
37
29
|
return globalId;
|
|
38
30
|
}
|
|
39
|
-
|
|
40
31
|
function setDeletedIndexes(array) {
|
|
41
32
|
deletedIndexes = array;
|
|
42
33
|
}
|
|
43
|
-
|
|
44
34
|
function getDeletedIndexes() {
|
|
45
35
|
return deletedIndexes;
|
|
46
36
|
}
|
|
47
|
-
|
|
48
37
|
function callback(_ref) {
|
|
49
38
|
var globalId = _ref.globalId,
|
|
50
|
-
|
|
39
|
+
deletedIndexes = _ref.deletedIndexes;
|
|
51
40
|
setGlobalId(globalId);
|
|
52
41
|
setDeletedIndexes(deletedIndexes);
|
|
53
42
|
}
|
|
54
|
-
|
|
55
43
|
function useUniqueId(prefix) {
|
|
56
44
|
return (0, _NumberGenerator.useNumberGenerator)({
|
|
57
45
|
getGlobalId: getGlobalId,
|
|
@@ -61,7 +49,6 @@ function useUniqueId(prefix) {
|
|
|
61
49
|
callback: callback
|
|
62
50
|
});
|
|
63
51
|
}
|
|
64
|
-
|
|
65
52
|
function getUniqueId(Component, prefix) {
|
|
66
53
|
return (0, _NumberGenerator.getNumberGenerators)({
|
|
67
54
|
Component: Component,
|
|
@@ -72,7 +59,6 @@ function getUniqueId(Component, prefix) {
|
|
|
72
59
|
callback: callback
|
|
73
60
|
});
|
|
74
61
|
}
|
|
75
|
-
|
|
76
62
|
var Provider = {
|
|
77
63
|
docs: {
|
|
78
64
|
componentGroup: 'Provider',
|
|
@@ -1,72 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _LibraryContextInit = _interopRequireDefault(require("./LibraryContextInit"));
|
|
15
|
-
|
|
16
11
|
var _Config = require("./Config");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
-
|
|
26
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
-
|
|
32
19
|
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."); }
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
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; }
|
|
39
|
-
|
|
40
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
-
|
|
42
24
|
var LibraryContextProvider = function LibraryContextProvider(_ref) {
|
|
43
25
|
var _ref$isReducedMotion = _ref.isReducedMotion,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
26
|
+
isReducedMotion = _ref$isReducedMotion === void 0 ? (0, _Config.getLibraryConfig)('isReducedMotion') : _ref$isReducedMotion,
|
|
27
|
+
_ref$direction = _ref.direction,
|
|
28
|
+
direction = _ref$direction === void 0 ? (0, _Config.getLibraryConfig)('direction') : _ref$direction,
|
|
29
|
+
children = _ref.children;
|
|
49
30
|
var _useState = (0, _react.useState)({
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
31
|
+
isReducedMotion: isReducedMotion,
|
|
32
|
+
direction: direction
|
|
33
|
+
}),
|
|
34
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
+
value = _useState2[0],
|
|
36
|
+
setValue = _useState2[1];
|
|
57
37
|
function setGlobalContext(key, data) {
|
|
58
38
|
if (value[key] != data) {
|
|
59
39
|
setValue(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, data)));
|
|
60
40
|
}
|
|
61
41
|
}
|
|
62
|
-
|
|
63
42
|
return /*#__PURE__*/_react["default"].createElement(_LibraryContextInit["default"].Provider, {
|
|
64
43
|
value: _objectSpread(_objectSpread({}, value), {}, {
|
|
65
44
|
setGlobalContext: setGlobalContext
|
|
66
45
|
})
|
|
67
46
|
}, children);
|
|
68
47
|
};
|
|
69
|
-
|
|
70
48
|
LibraryContextProvider.propTypes = {
|
|
71
49
|
children: _propTypes["default"].node.isRequired,
|
|
72
50
|
isReducedMotion: _propTypes["default"].bool,
|
|
@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var LibraryContext = /*#__PURE__*/_react["default"].createContext();
|
|
13
|
-
|
|
14
10
|
var _default = LibraryContext;
|
|
15
11
|
exports["default"] = _default;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,35 +8,23 @@ exports.addGlobalId = addGlobalId;
|
|
|
9
8
|
exports.decreaseGlobalIds = decreaseGlobalIds;
|
|
10
9
|
exports.getNumberGenerators = getNumberGenerators;
|
|
11
10
|
exports.useNumberGenerator = useNumberGenerator;
|
|
12
|
-
|
|
13
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
|
|
15
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
-
|
|
17
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
|
|
19
14
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
20
|
-
|
|
21
15
|
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."); }
|
|
22
|
-
|
|
23
16
|
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); }
|
|
24
|
-
|
|
25
17
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
26
|
-
|
|
27
18
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
28
|
-
|
|
29
19
|
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; }
|
|
30
|
-
|
|
31
20
|
function addGlobalId(globalId) {
|
|
32
21
|
if (Number.isSafeInteger(Number(globalId)) && Number.isSafeInteger(Number(globalId) + 1)) {
|
|
33
22
|
globalId = Number(globalId) + 1;
|
|
34
23
|
} else {
|
|
35
24
|
globalId = "".concat(globalId, "1");
|
|
36
25
|
}
|
|
37
|
-
|
|
38
26
|
return globalId;
|
|
39
27
|
}
|
|
40
|
-
|
|
41
28
|
function decreaseGlobalId(number, globalId) {
|
|
42
29
|
if ("".concat(number) == "".concat(globalId)) {
|
|
43
30
|
if (Number.isSafeInteger(Number(globalId)) && Number.isSafeInteger(Number(globalId) - 1)) {
|
|
@@ -46,28 +33,23 @@ function decreaseGlobalId(number, globalId) {
|
|
|
46
33
|
globalId = "".concat(globalId);
|
|
47
34
|
globalId = globalId.substring(0, globalId.length - 1);
|
|
48
35
|
}
|
|
49
|
-
|
|
50
36
|
return {
|
|
51
37
|
isDeleted: true,
|
|
52
38
|
globalId: globalId
|
|
53
39
|
};
|
|
54
40
|
}
|
|
55
|
-
|
|
56
41
|
return {
|
|
57
42
|
isDeleted: false,
|
|
58
43
|
globalId: globalId
|
|
59
44
|
};
|
|
60
45
|
}
|
|
61
|
-
|
|
62
46
|
function decreaseGlobalIds(numbers, deletedIndexes, globalId) {
|
|
63
47
|
deletedIndexes = _toConsumableArray(deletedIndexes);
|
|
64
|
-
|
|
65
48
|
_toConsumableArray(numbers).reverse().map(function (number) {
|
|
66
49
|
var result = decreaseGlobalId(number, globalId);
|
|
67
50
|
globalId = result.globalId;
|
|
68
51
|
!result.isDeleted && deletedIndexes.push(number);
|
|
69
52
|
});
|
|
70
|
-
|
|
71
53
|
var _loop = function _loop() {
|
|
72
54
|
var presentHighValue = globalId;
|
|
73
55
|
var result = decreaseGlobalId(globalId, globalId);
|
|
@@ -76,28 +58,24 @@ function decreaseGlobalIds(numbers, deletedIndexes, globalId) {
|
|
|
76
58
|
return "".concat(ele) != "".concat(presentHighValue);
|
|
77
59
|
});
|
|
78
60
|
};
|
|
79
|
-
|
|
80
61
|
for (; deletedIndexes.indexOf(globalId) != -1;) {
|
|
81
62
|
_loop();
|
|
82
63
|
}
|
|
83
|
-
|
|
84
64
|
return {
|
|
85
65
|
globalId: globalId,
|
|
86
66
|
deletedIndexes: deletedIndexes
|
|
87
67
|
};
|
|
88
68
|
}
|
|
89
|
-
|
|
90
69
|
function useNumberGenerator(_ref) {
|
|
91
70
|
var getGlobalId = _ref.getGlobalId,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
71
|
+
prefix = _ref.prefix,
|
|
72
|
+
getGlobalPrefix = _ref.getGlobalPrefix,
|
|
73
|
+
getDeletedIndexes = _ref.getDeletedIndexes,
|
|
74
|
+
callback = _ref.callback;
|
|
96
75
|
var presentValues = (0, _react.useRef)([]),
|
|
97
|
-
|
|
76
|
+
presentIndex = (0, _react.useRef)(0);
|
|
98
77
|
prefix = typeof prefix === 'undefined' ? '' : "".concat(prefix, "_");
|
|
99
78
|
var globalPrefix = typeof getGlobalPrefix() === 'undefined' ? '' : "".concat(getGlobalPrefix(), "_");
|
|
100
|
-
|
|
101
79
|
function getNextId() {
|
|
102
80
|
presentIndex.current = presentIndex.current + 1;
|
|
103
81
|
var currentIndex = presentIndex.current;
|
|
@@ -109,7 +87,6 @@ function useNumberGenerator(_ref) {
|
|
|
109
87
|
});
|
|
110
88
|
return "".concat(globalPrefix).concat(prefix).concat(presentValues.current[currentIndex]);
|
|
111
89
|
}
|
|
112
|
-
|
|
113
90
|
(0, _react.useEffect)(function () {
|
|
114
91
|
presentValues.current = presentValues.current.filter(function (value, index) {
|
|
115
92
|
return index <= presentIndex.current;
|
|
@@ -123,40 +100,35 @@ function useNumberGenerator(_ref) {
|
|
|
123
100
|
presentIndex.current = -1;
|
|
124
101
|
return getNextId;
|
|
125
102
|
}
|
|
126
|
-
|
|
127
103
|
function getNumberGenerators(_ref2) {
|
|
128
104
|
var Component = _ref2.Component,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
105
|
+
prefix = _ref2.prefix,
|
|
106
|
+
getGlobalPrefix = _ref2.getGlobalPrefix,
|
|
107
|
+
getGlobalId = _ref2.getGlobalId,
|
|
108
|
+
getDeletedIndexes = _ref2.getDeletedIndexes,
|
|
109
|
+
callback = _ref2.callback;
|
|
134
110
|
var presentIndex = 0,
|
|
135
|
-
|
|
136
|
-
|
|
111
|
+
presentValues = [],
|
|
112
|
+
name = Component.props.name;
|
|
137
113
|
var didUpdateRef = Component.componentDidUpdate ? Component.componentDidUpdate.bind(Component) : undefined,
|
|
138
|
-
|
|
139
|
-
|
|
114
|
+
renderRef = Component.render.bind(Component),
|
|
115
|
+
willUnMountRef = Component.componentWillUnmount ? Component.componentWillUnmount.bind(Component) : undefined;
|
|
140
116
|
prefix = typeof prefix !== 'undefined' ? "".concat(prefix, "_") : '';
|
|
141
|
-
|
|
142
117
|
Component.componentDidUpdate = function () {
|
|
143
118
|
didUpdateRef && didUpdateRef.apply(void 0, arguments);
|
|
144
119
|
presentValues = presentValues.filter(function (value, index) {
|
|
145
120
|
return index <= presentIndex;
|
|
146
121
|
});
|
|
147
122
|
};
|
|
148
|
-
|
|
149
123
|
Component.componentWillUnmount = function () {
|
|
150
124
|
callback(decreaseGlobalIds(presentValues, getDeletedIndexes(), getGlobalId()));
|
|
151
125
|
willUnMountRef && willUnMountRef();
|
|
152
126
|
didUpdateRef = null, renderRef = null, willUnMountRef = null;
|
|
153
127
|
};
|
|
154
|
-
|
|
155
128
|
Component.render = function () {
|
|
156
129
|
presentIndex = -1;
|
|
157
130
|
return renderRef();
|
|
158
131
|
};
|
|
159
|
-
|
|
160
132
|
function getNextId() {
|
|
161
133
|
presentIndex += 1;
|
|
162
134
|
var isValuePresent = typeof presentValues[presentIndex] !== 'undefined';
|
|
@@ -169,6 +141,5 @@ function getNumberGenerators(_ref2) {
|
|
|
169
141
|
});
|
|
170
142
|
return "".concat(globalPrefix).concat(prefix).concat(result);
|
|
171
143
|
}
|
|
172
|
-
|
|
173
144
|
return getNextId;
|
|
174
145
|
}
|