@zohodesk/components 1.0.0-temp-84 → 1.0.0-temp-107
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 +1102 -1102
- package/assets/Appearance/dark/mode/darkMode.module.css +168 -168
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +32 -32
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +32 -32
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +32 -32
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +32 -32
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +32 -32
- package/assets/Appearance/default/mode/defaultMode.module.css +164 -164
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +32 -32
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +32 -32
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +32 -32
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +32 -32
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +32 -32
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +170 -170
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +32 -32
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +32 -32
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +32 -32
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +32 -32
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +32 -32
- package/docs/external/active-line.js +72 -72
- package/docs/external/autorefresh.js +47 -47
- package/docs/external/codemirror.js +9681 -9681
- package/docs/external/css/hopscotch.css +576 -576
- package/docs/external/css/styleGuide.css +1100 -1100
- package/docs/external/css.js +466 -466
- package/docs/external/designTokens.js +1 -1
- package/docs/external/foldcode.js +151 -151
- package/docs/external/format.js +129 -129
- package/docs/external/htmlmixed.js +84 -84
- package/docs/external/index.html +127 -127
- package/docs/external/javascript.js +422 -422
- package/docs/external/jsx.js +147 -147
- package/docs/external/matchbrackets.js +145 -145
- package/docs/external/xml.js +322 -322
- package/docs/package.json +41 -41
- package/docs/src/index.js +1311 -1311
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +12 -10
- package/es/Avatar/Avatar.module.css +123 -135
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +147 -161
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -0
- package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -0
- package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -0
- package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -0
- package/es/Button/Button.js +4 -4
- package/es/Button/Button.module.css +448 -521
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/es/Button/docs/Button__custom.docs.js +0 -0
- package/es/Button/docs/Button__default.docs.js +0 -0
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +60 -89
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/es/Card/Card.js +4 -4
- package/es/Card/Card.module.css +20 -20
- package/es/Card/docs/Card__Custom.docs.js +0 -0
- package/es/Card/docs/Card__Default.docs.js +0 -0
- package/es/Card/docs/Card__Scroll.docs.js +0 -0
- package/es/CheckBox/CheckBox.js +0 -0
- package/es/CheckBox/CheckBox.module.css +151 -157
- package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -0
- package/es/CheckBox/docs/CheckBox__default.docs.js +0 -0
- package/es/DateTime/CalendarView.js +4 -2
- package/es/DateTime/DateTime.js +0 -0
- package/es/DateTime/DateTime.module.css +201 -232
- package/es/DateTime/DateTimePopupHeader.js +24 -9
- package/es/DateTime/DateWidget.js +4 -2
- package/es/DateTime/DateWidget.module.css +34 -38
- package/es/DateTime/DaysRow.js +5 -2
- package/es/DateTime/YearView.js +12 -4
- package/es/DateTime/YearView.module.css +86 -81
- package/es/DateTime/common.js +0 -0
- package/es/DateTime/docs/DateTime__default.docs.js +0 -0
- package/es/DateTime/docs/DateWidget__default.docs.js +0 -0
- package/es/DateTime/index.js +0 -0
- package/es/DateTime/objectUtils.js +0 -0
- package/es/DateTime/typeChecker.js +0 -0
- package/es/DateTime/validator.js +0 -0
- package/es/DropBox/DropBox.js +0 -0
- package/es/DropBox/DropBox.module.css +370 -406
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- package/es/DropDown/DropDown.js +0 -0
- package/es/DropDown/DropDown.module.css +5 -5
- package/es/DropDown/DropDownHeading.js +3 -1
- package/es/DropDown/DropDownHeading.module.css +49 -53
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +68 -94
- package/es/DropDown/DropDownSearch.js +0 -0
- package/es/DropDown/DropDownSearch.module.css +14 -14
- package/es/DropDown/DropDownSeparator.js +0 -0
- package/es/DropDown/DropDownSeparator.module.css +7 -7
- package/es/DropDown/props/propTypes.js +2 -1
- package/es/FramerAnimation/FramerAnimation.js +206 -0
- package/es/FramerAnimation/docs/FramerAnimation__default.docs.js +123 -0
- package/es/Heading/Heading.module.css +4 -4
- package/es/Label/Label.js +6 -4
- package/es/Label/Label.module.css +52 -52
- package/es/Label/LabelColors.module.css +20 -20
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
- package/es/Label/docs/Label__clipped.docs.js +0 -0
- package/es/Label/docs/Label__custom.docs.js +0 -0
- package/es/Label/docs/Label__palette.docs.js +0 -0
- package/es/Label/docs/Label__size.docs.js +0 -0
- package/es/Label/docs/Label__type.docs.js +0 -0
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/Layout.module.css +335 -335
- package/es/Layout/docs/Layout__default.docs.js +0 -0
- package/es/Layout/utils.js +0 -0
- package/es/LightNightMode/Colors.json +496 -496
- package/es/ListItem/ListContainer.js +4 -2
- package/es/ListItem/ListItem.js +2 -1
- package/es/ListItem/ListItem.module.css +177 -209
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/MultiSelect/MultiSelect.js +9 -7
- package/es/MultiSelect/MultiSelect.module.css +188 -205
- package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/MultiSelect/SelectedOptions.module.css +9 -15
- package/es/MultiSelect/Suggestions.js +2 -1
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/es/PopOver/PopOver.module.css +8 -8
- package/es/Popup/Popup.js +0 -0
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Provider.js +7 -21
- package/es/Radio/Radio.js +0 -0
- package/es/Radio/Radio.module.css +106 -112
- package/es/Radio/docs/Radio__custom.docs.js +0 -0
- package/es/Radio/docs/Radio__default.docs.js +0 -0
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/Responsive/docs/Responsive__Custom.docs.js +0 -0
- package/es/Responsive/docs/style.module.css +46 -55
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +311 -376
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -0
- package/es/Ribbon/docs/Ribbon__default.docs.js +0 -0
- package/es/RippleEffect/RippleEffect.module.css +110 -92
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +7 -4
- package/es/Select/Select.module.css +98 -108
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.js +2 -1
- package/es/Select/__tests__/Select.spec.js +0 -0
- package/es/Select/docs/SelectWithIcon__default.docs.js +0 -0
- package/es/Select/docs/Select__default.docs.js +0 -0
- package/es/Stencils/Stencils.js +0 -0
- package/es/Stencils/Stencils.module.css +78 -96
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/es/Switch/Switch.js +0 -0
- package/es/Switch/Switch.module.css +111 -110
- package/es/Switch/docs/Switch__custom.docs.js +0 -0
- package/es/Switch/docs/Switch__default.docs.js +0 -0
- package/es/Tab/Tab.js +2 -1
- package/es/Tab/Tab.module.css +92 -101
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/Tabs.js +24 -20
- package/es/Tab/Tabs.module.css +107 -141
- package/es/Tab/docs/tabdocs.module.css +29 -29
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +232 -254
- package/es/Tag/docs/Tag__custom.docs.js +0 -0
- package/es/Tag/docs/Tag__default.docs.js +0 -0
- package/es/TextBox/TextBox.js +0 -0
- package/es/TextBox/TextBox.module.css +161 -157
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/es/TextBox/docs/TextBox__custom.docs.js +0 -0
- package/es/TextBox/docs/TextBox__default.docs.js +0 -0
- package/es/TextBox/docs/TextBox__variant.docs.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.module.css +71 -78
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -0
- package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -0
- package/es/Textarea/Textarea.js +0 -0
- package/es/Textarea/Textarea.module.css +140 -139
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/es/Textarea/docs/Textarea__custom.docs.js +0 -0
- package/es/Textarea/docs/Textarea__default.docs.js +0 -0
- package/es/Textarea/docs/Textarea__disabled.docs.js +0 -0
- package/es/Tooltip/Tooltip.module.css +108 -109
- package/es/common/animation.module.css +426 -624
- package/es/common/avatarsizes.module.css +44 -44
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +50 -40
- package/es/common/common.module.css +478 -524
- package/es/common/customscroll.module.css +93 -89
- package/es/common/docStyle.module.css +719 -887
- package/es/common/reset.module.css +12 -12
- package/es/common/transition.module.css +106 -146
- package/es/deprecated/AdvancedMultiSelect.module.css +112 -126
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +0 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/package.json +81 -86
- package/assets/Contrast/darkContrastLightness.module.css +0 -25
- package/assets/Contrast/defaultContrastLightness.module.css +0 -25
- package/assets/Contrast/pureDarkContrastLightness.module.css +0 -25
- package/lib/Accordion/Accordion.js +0 -102
- package/lib/Accordion/AccordionItem.js +0 -84
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -82
- package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -104
- package/lib/Accordion/index.js +0 -20
- package/lib/Accordion/props/defaultProps.js +0 -16
- package/lib/Accordion/props/propTypes.js +0 -39
- package/lib/Animation/Animation.js +0 -161
- package/lib/Animation/__tests__/Animation.spec.js +0 -19
- package/lib/Animation/docs/Animation__default.docs.js +0 -61
- package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -61
- package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -61
- package/lib/Animation/docs/Animation__skewIn.docs.js +0 -61
- package/lib/Animation/docs/Animation__slideDown.docs.js +0 -61
- package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -61
- package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -61
- package/lib/Animation/props/defaultProps.js +0 -14
- package/lib/Animation/props/propTypes.js +0 -20
- package/lib/AppContainer/AppContainer.js +0 -156
- package/lib/AppContainer/AppContainer.module.css +0 -18
- package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -47
- package/lib/AppContainer/props/defaultProps.js +0 -15
- package/lib/AppContainer/props/propTypes.js +0 -23
- package/lib/Avatar/Avatar.js +0 -199
- package/lib/Avatar/Avatar.module.css +0 -135
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -164
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
- package/lib/Avatar/docs/Avatar__custom.docs.js +0 -62
- package/lib/Avatar/docs/Avatar__default.docs.js +0 -60
- package/lib/Avatar/docs/Avatar__palette.docs.js +0 -82
- package/lib/Avatar/docs/Avatar__text.docs.js +0 -61
- package/lib/Avatar/props/defaultProps.js +0 -21
- package/lib/Avatar/props/propTypes.js +0 -31
- package/lib/AvatarTeam/AvatarTeam.js +0 -99
- package/lib/AvatarTeam/AvatarTeam.module.css +0 -161
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -79
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
- package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -100
- package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -58
- package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -77
- package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -76
- package/lib/AvatarTeam/props/defaultProps.js +0 -20
- package/lib/AvatarTeam/props/propTypes.js +0 -31
- package/lib/Button/Button.js +0 -90
- package/lib/Button/Button.module.css +0 -522
- package/lib/Button/__tests__/Button.spec.js +0 -193
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
- package/lib/Button/docs/Button__custom.docs.js +0 -800
- package/lib/Button/docs/Button__default.docs.js +0 -565
- package/lib/Button/props/defaultProps.js +0 -22
- package/lib/Button/props/propTypes.js +0 -30
- package/lib/Buttongroup/Buttongroup.js +0 -69
- package/lib/Buttongroup/Buttongroup.module.css +0 -89
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -76
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
- package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -64
- package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -60
- package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -71
- package/lib/Buttongroup/props/defaultProps.js +0 -11
- package/lib/Buttongroup/props/propTypes.js +0 -15
- package/lib/Card/Card.js +0 -301
- package/lib/Card/Card.module.css +0 -20
- package/lib/Card/__tests__/Card.spec.js +0 -47
- package/lib/Card/docs/Card__Custom.docs.js +0 -63
- package/lib/Card/docs/Card__Default.docs.js +0 -66
- package/lib/Card/docs/Card__Scroll.docs.js +0 -87
- package/lib/Card/index.js +0 -33
- package/lib/Card/props/defaultProps.js +0 -23
- package/lib/Card/props/propTypes.js +0 -54
- package/lib/CheckBox/CheckBox.js +0 -183
- package/lib/CheckBox/CheckBox.module.css +0 -157
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -15
- package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -323
- package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -249
- package/lib/CheckBox/props/defaultProps.js +0 -25
- package/lib/CheckBox/props/propTypes.js +0 -49
- package/lib/DateTime/CalendarView.js +0 -227
- package/lib/DateTime/DateTime.js +0 -779
- package/lib/DateTime/DateTime.module.css +0 -233
- package/lib/DateTime/DateTimePopupFooter.js +0 -65
- package/lib/DateTime/DateTimePopupHeader.js +0 -117
- package/lib/DateTime/DateWidget.js +0 -1015
- package/lib/DateTime/DateWidget.module.css +0 -38
- package/lib/DateTime/DaysRow.js +0 -52
- package/lib/DateTime/Time.js +0 -205
- package/lib/DateTime/YearView.js +0 -267
- package/lib/DateTime/YearView.module.css +0 -81
- package/lib/DateTime/__tests__/CalendarView.spec.js +0 -37
- package/lib/DateTime/__tests__/DateTime.spec.js +0 -113
- package/lib/DateTime/__tests__/DateWidget.spec.js +0 -79
- package/lib/DateTime/common.js +0 -30
- package/lib/DateTime/constants.js +0 -76
- package/lib/DateTime/dateFormatUtils/dateFormat.js +0 -551
- package/lib/DateTime/dateFormatUtils/dayChange.js +0 -74
- package/lib/DateTime/dateFormatUtils/index.js +0 -225
- package/lib/DateTime/dateFormatUtils/monthChange.js +0 -84
- package/lib/DateTime/dateFormatUtils/timeChange.js +0 -208
- package/lib/DateTime/dateFormatUtils/yearChange.js +0 -108
- package/lib/DateTime/docs/DateTime__default.docs.js +0 -119
- package/lib/DateTime/docs/DateWidget__default.docs.js +0 -212
- package/lib/DateTime/docs/timezonedata.json +0 -1
- package/lib/DateTime/index.js +0 -13
- package/lib/DateTime/objectUtils.js +0 -72
- package/lib/DateTime/props/defaultProps.js +0 -61
- package/lib/DateTime/props/propTypes.js +0 -144
- package/lib/DateTime/typeChecker.js +0 -22
- package/lib/DateTime/validator.js +0 -290
- package/lib/DropBox/DropBox.js +0 -266
- package/lib/DropBox/DropBox.module.css +0 -406
- package/lib/DropBox/DropBoxPositionMapping.json +0 -145
- package/lib/DropBox/__tests__/DropBox.spec.js +0 -83
- package/lib/DropBox/docs/DropBox__custom.docs.js +0 -97
- package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -114
- package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -113
- package/lib/DropBox/docs/DropBox__position.docs.js +0 -118
- package/lib/DropBox/docs/DropBox__size.docs.js +0 -92
- package/lib/DropBox/props/defaultProps.js +0 -27
- package/lib/DropBox/props/propTypes.js +0 -55
- package/lib/DropDown/DropDown.js +0 -127
- package/lib/DropDown/DropDown.module.css +0 -5
- package/lib/DropDown/DropDownHeading.js +0 -64
- package/lib/DropDown/DropDownHeading.module.css +0 -53
- package/lib/DropDown/DropDownItem.js +0 -102
- package/lib/DropDown/DropDownItem.module.css +0 -94
- package/lib/DropDown/DropDownSearch.js +0 -88
- package/lib/DropDown/DropDownSearch.module.css +0 -14
- package/lib/DropDown/DropDownSeparator.js +0 -42
- package/lib/DropDown/DropDownSeparator.module.css +0 -7
- package/lib/DropDown/__tests__/DropDown.spec.js +0 -44
- package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -46
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -14
- package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -50
- package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -48
- package/lib/DropDown/props/defaultProps.js +0 -28
- package/lib/DropDown/props/propTypes.js +0 -89
- package/lib/Heading/Heading.js +0 -64
- package/lib/Heading/Heading.module.css +0 -5
- package/lib/Heading/docs/Heading__default.docs.js +0 -50
- package/lib/Heading/props/defaultProps.js +0 -12
- package/lib/Heading/props/propTypes.js +0 -19
- package/lib/Label/Label.js +0 -65
- package/lib/Label/Label.module.css +0 -52
- package/lib/Label/LabelColors.module.css +0 -21
- package/lib/Label/__tests__/Label.spec.js +0 -124
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
- package/lib/Label/docs/Label__clipped.docs.js +0 -56
- package/lib/Label/docs/Label__custom.docs.js +0 -59
- package/lib/Label/docs/Label__palette.docs.js +0 -71
- package/lib/Label/docs/Label__size.docs.js +0 -58
- package/lib/Label/docs/Label__type.docs.js +0 -66
- package/lib/Label/props/defaultProps.js +0 -17
- package/lib/Label/props/propTypes.js +0 -22
- package/lib/Layout/Box.js +0 -104
- package/lib/Layout/Container.js +0 -122
- package/lib/Layout/Layout.module.css +0 -336
- package/lib/Layout/__tests__/Box.spec.js +0 -105
- package/lib/Layout/__tests__/Container.spec.js +0 -110
- package/lib/Layout/docs/Layout__Hidden.docs.js +0 -105
- package/lib/Layout/docs/Layout__default.docs.js +0 -77
- package/lib/Layout/docs/Layout__four_Column.docs.js +0 -107
- package/lib/Layout/docs/Layout__three_Column.docs.js +0 -104
- package/lib/Layout/docs/Layout__two_Column.docs.js +0 -97
- package/lib/Layout/index.js +0 -30
- package/lib/Layout/props/defaultProps.js +0 -20
- package/lib/Layout/props/propTypes.js +0 -51
- package/lib/Layout/utils.js +0 -45
- package/lib/LightNightMode/Colors.json +0 -497
- package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -128
- package/lib/ListItem/ListContainer.js +0 -93
- package/lib/ListItem/ListItem.js +0 -153
- package/lib/ListItem/ListItem.module.css +0 -209
- package/lib/ListItem/ListItemWithAvatar.js +0 -175
- package/lib/ListItem/ListItemWithCheckBox.js +0 -141
- package/lib/ListItem/ListItemWithIcon.js +0 -158
- package/lib/ListItem/ListItemWithRadio.js +0 -143
- package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -182
- package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -139
- package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -118
- package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -92
- package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -95
- package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -89
- package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -118
- package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -92
- package/lib/ListItem/docs/ListItem__custom.docs.js +0 -141
- package/lib/ListItem/docs/ListItem__default.docs.js +0 -109
- package/lib/ListItem/props/defaultProps.js +0 -97
- package/lib/ListItem/props/propTypes.js +0 -176
- package/lib/Modal/Modal.js +0 -174
- package/lib/Modal/__docs__/Modal__default.docs.js +0 -65
- package/lib/Modal/props/defaultProps.js +0 -10
- package/lib/Modal/props/propTypes.js +0 -14
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +0 -1032
- package/lib/MultiSelect/AdvancedMultiSelect.js +0 -552
- package/lib/MultiSelect/EmptyState.js +0 -85
- package/lib/MultiSelect/MultiSelect.js +0 -1044
- package/lib/MultiSelect/MultiSelect.module.css +0 -206
- package/lib/MultiSelect/MultiSelectHeader.js +0 -55
- package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -304
- package/lib/MultiSelect/SelectedOptions.js +0 -97
- package/lib/MultiSelect/SelectedOptions.module.css +0 -15
- package/lib/MultiSelect/Suggestions.js +0 -158
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -159
- package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -154
- package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -140
- package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -165
- package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -186
- package/lib/MultiSelect/props/defaultProps.js +0 -158
- package/lib/MultiSelect/props/propTypes.js +0 -377
- package/lib/PopOver/PopOver.js +0 -252
- package/lib/PopOver/PopOver.module.css +0 -8
- package/lib/PopOver/__tests__/PopOver.spec.js +0 -17
- package/lib/PopOver/docs/PopOver__default.docs.js +0 -61
- package/lib/PopOver/props/defaultProps.js +0 -15
- package/lib/PopOver/props/propTypes.js +0 -63
- package/lib/Popup/Popup.js +0 -640
- package/lib/Popup/PositionMapping.json +0 -74
- package/lib/Popup/__tests__/Popup.spec.js +0 -155
- package/lib/Popup/viewPort.js +0 -354
- package/lib/Provider/AvatarSize.js +0 -19
- package/lib/Provider/Config.js +0 -25
- package/lib/Provider/CssProvider.js +0 -23
- package/lib/Provider/IdProvider.js +0 -68
- package/lib/Provider/LibraryContext.js +0 -54
- package/lib/Provider/LibraryContextInit.js +0 -11
- package/lib/Provider/NumberGenerator/NumberGenerator.js +0 -145
- package/lib/Provider/ZindexProvider.js +0 -57
- package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -56
- package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -24
- package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -59
- package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -29
- package/lib/Provider.js +0 -134
- package/lib/Radio/Radio.js +0 -146
- package/lib/Radio/Radio.module.css +0 -112
- package/lib/Radio/__tests__/Radiospec.js +0 -25
- package/lib/Radio/docs/Radio__custom.docs.js +0 -273
- package/lib/Radio/docs/Radio__default.docs.js +0 -197
- package/lib/Radio/props/defaultProps.js +0 -21
- package/lib/Radio/props/propTypes.js +0 -40
- package/lib/Responsive/CustomResponsive.js +0 -192
- package/lib/Responsive/RefWrapper.js +0 -47
- package/lib/Responsive/ResizeComponent.js +0 -237
- package/lib/Responsive/ResizeObserver.js +0 -151
- package/lib/Responsive/Responsive.js +0 -222
- package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -247
- package/lib/Responsive/docs/Responsive__default.docs.js +0 -118
- package/lib/Responsive/docs/style.module.css +0 -56
- package/lib/Responsive/index.js +0 -28
- package/lib/Responsive/props/defaultProps.js +0 -23
- package/lib/Responsive/props/propTypes.js +0 -36
- package/lib/Responsive/sizeObservers.js +0 -176
- package/lib/Responsive/utils/index.js +0 -62
- package/lib/Responsive/utils/shallowCompare.js +0 -29
- package/lib/Responsive/windowResizeObserver.js +0 -55
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +0 -94
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +0 -6
- package/lib/ResponsiveDropBox/props/defaultProps.js +0 -11
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -15
- package/lib/Ribbon/Ribbon.js +0 -71
- package/lib/Ribbon/Ribbon.module.css +0 -377
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -171
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
- package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -414
- package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -370
- package/lib/Ribbon/props/defaultProps.js +0 -15
- package/lib/Ribbon/props/propTypes.js +0 -18
- package/lib/RippleEffect/RippleEffect.js +0 -35
- package/lib/RippleEffect/RippleEffect.module.css +0 -92
- package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -462
- package/lib/RippleEffect/props/defaultProps.js +0 -16
- package/lib/RippleEffect/props/propTypes.js +0 -19
- package/lib/Select/GroupSelect.js +0 -771
- package/lib/Select/Select.js +0 -910
- package/lib/Select/Select.module.css +0 -109
- package/lib/Select/SelectWithAvatar.js +0 -340
- package/lib/Select/SelectWithIcon.js +0 -530
- package/lib/Select/__tests__/Select.spec.js +0 -341
- package/lib/Select/docs/GroupSelect__default.docs.js +0 -173
- package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -124
- package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -165
- package/lib/Select/docs/Select__default.docs.js +0 -313
- package/lib/Select/props/defaultProps.js +0 -112
- package/lib/Select/props/propTypes.js +0 -280
- package/lib/Stencils/Stencils.js +0 -57
- package/lib/Stencils/Stencils.module.css +0 -96
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -72
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
- package/lib/Stencils/docs/Stencils__custom.docs.js +0 -72
- package/lib/Stencils/docs/Stencils__default.docs.js +0 -77
- package/lib/Stencils/props/defaultProps.js +0 -13
- package/lib/Stencils/props/propTypes.js +0 -15
- package/lib/Switch/Switch.js +0 -123
- package/lib/Switch/Switch.module.css +0 -111
- package/lib/Switch/docs/Switch__custom.docs.js +0 -180
- package/lib/Switch/docs/Switch__default.docs.js +0 -134
- package/lib/Switch/props/defaultProps.js +0 -17
- package/lib/Switch/props/propTypes.js +0 -35
- package/lib/Tab/Tab.js +0 -116
- package/lib/Tab/Tab.module.css +0 -101
- package/lib/Tab/TabContent.js +0 -33
- package/lib/Tab/TabContent.module.css +0 -4
- package/lib/Tab/TabContentWrapper.js +0 -33
- package/lib/Tab/TabWrapper.js +0 -69
- package/lib/Tab/Tabs.js +0 -581
- package/lib/Tab/Tabs.module.css +0 -141
- package/lib/Tab/__tests__/Tab.spec.js +0 -119
- package/lib/Tab/__tests__/TabContent.spec.js +0 -18
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -51
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -88
- package/lib/Tab/__tests__/Tabs.spec.js +0 -109
- package/lib/Tab/docs/Tab__default.docs.js +0 -283
- package/lib/Tab/docs/tabdocs.module.css +0 -29
- package/lib/Tab/index.js +0 -41
- package/lib/Tab/props/defaultProps.js +0 -50
- package/lib/Tab/props/propTypes.js +0 -114
- package/lib/Tag/Tag.js +0 -177
- package/lib/Tag/Tag.module.css +0 -255
- package/lib/Tag/__tests__/Tag.spec.js +0 -29
- package/lib/Tag/docs/Tag__custom.docs.js +0 -397
- package/lib/Tag/docs/Tag__default.docs.js +0 -352
- package/lib/Tag/props/defaultProps.js +0 -20
- package/lib/Tag/props/propTypes.js +0 -42
- package/lib/TextBox/TextBox.js +0 -193
- package/lib/TextBox/TextBox.module.css +0 -157
- package/lib/TextBox/__tests__/TextBox.spec.js +0 -195
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
- package/lib/TextBox/docs/TextBox__custom.docs.js +0 -72
- package/lib/TextBox/docs/TextBox__default.docs.js +0 -69
- package/lib/TextBox/docs/TextBox__size.docs.js +0 -67
- package/lib/TextBox/docs/TextBox__variant.docs.js +0 -67
- package/lib/TextBox/props/defaultProps.js +0 -26
- package/lib/TextBox/props/propTypes.js +0 -57
- package/lib/TextBoxIcon/TextBoxIcon.js +0 -187
- package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -78
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -219
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
- package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -118
- package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -90
- package/lib/TextBoxIcon/props/defaultProps.js +0 -28
- package/lib/TextBoxIcon/props/propTypes.js +0 -57
- package/lib/Textarea/Textarea.js +0 -130
- package/lib/Textarea/Textarea.module.css +0 -139
- package/lib/Textarea/__tests__/Textarea.spec.js +0 -174
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
- package/lib/Textarea/docs/Textarea__animated.docs.js +0 -70
- package/lib/Textarea/docs/Textarea__custom.docs.js +0 -111
- package/lib/Textarea/docs/Textarea__default.docs.js +0 -105
- package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -58
- package/lib/Textarea/props/defaultProps.js +0 -23
- package/lib/Textarea/props/propTypes.js +0 -39
- package/lib/Tooltip/Tooltip.js +0 -519
- package/lib/Tooltip/Tooltip.module.css +0 -109
- package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -75
- package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -402
- package/lib/Tooltip/props/defaultProps.js +0 -11
- package/lib/Tooltip/props/propTypes.js +0 -16
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -100
- package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -123
- package/lib/VelocityAnimation/VelocityAnimation/props/defaultProps.js +0 -14
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -20
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -131
- package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -174
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +0 -22
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -27
- package/lib/common/animation.module.css +0 -624
- package/lib/common/avatarsizes.module.css +0 -45
- package/lib/common/basic.module.css +0 -33
- package/lib/common/basicReset.module.css +0 -40
- package/lib/common/common.module.css +0 -525
- package/lib/common/customscroll.module.css +0 -89
- package/lib/common/docStyle.module.css +0 -887
- package/lib/common/reset.module.css +0 -12
- package/lib/common/transition.module.css +0 -146
- package/lib/css.js +0 -42
- package/lib/deprecated/AdvancedMultiSelect.module.css +0 -127
- package/lib/deprecated/PortalLayer/PortalLayer.js +0 -126
- package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -111
- package/lib/deprecated/PortalLayer/props/defaultProps.js +0 -12
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -19
- package/lib/deprecated/advancedMultiSelectVariableJson.js +0 -82
- package/lib/index.js +0 -1245
- package/lib/semantic/Button/Button.js +0 -81
- package/lib/semantic/Button/docs/Button__default.docs.js +0 -43
- package/lib/semantic/Button/props/defaultProps.js +0 -19
- package/lib/semantic/Button/props/propTypes.js +0 -34
- package/lib/semantic/Button/semanticButton.module.css +0 -9
- package/lib/utils/Common.js +0 -391
- package/lib/utils/ContextOptimizer.js +0 -43
- package/lib/utils/__tests__/constructFullName.spec.js +0 -11
- package/lib/utils/__tests__/debounce.spec.js +0 -39
- package/lib/utils/__tests__/getInitial.spec.js +0 -25
- package/lib/utils/constant.js +0 -10
- package/lib/utils/constructFullName.js +0 -25
- package/lib/utils/datetime/common.js +0 -206
- package/lib/utils/debounce.js +0 -25
- package/lib/utils/dropDownUtils.js +0 -491
- package/lib/utils/dummyFunction.js +0 -8
- package/lib/utils/getHTMLFontSize.js +0 -10
- package/lib/utils/getInitial.js +0 -27
- package/lib/utils/scrollTo.js +0 -20
- package/lib/utils/shallowEqual.js +0 -33
package/package.json
CHANGED
|
@@ -1,86 +1,81 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@zohodesk/components",
|
|
3
|
-
"version": "1.0.0-temp-
|
|
4
|
-
"main": "es/index.js",
|
|
5
|
-
"module": "es/index.js",
|
|
6
|
-
"private": false,
|
|
7
|
-
"publishConfig": {
|
|
8
|
-
"access": "public"
|
|
9
|
-
},
|
|
10
|
-
"author": "Z Team",
|
|
11
|
-
"homepage":
|
|
12
|
-
"license": "ISC",
|
|
13
|
-
"keywords":
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"build
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"build": " react-cli build:
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
"@zohodesk/
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
"
|
|
54
|
-
"react-
|
|
55
|
-
"
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
"
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
"
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
],
|
|
83
|
-
"hasRTL": true
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@zohodesk/components",
|
|
3
|
+
"version": "1.0.0-temp-107",
|
|
4
|
+
"main": "es/index.js",
|
|
5
|
+
"module": "es/index.js",
|
|
6
|
+
"private": false,
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"access": "public"
|
|
9
|
+
},
|
|
10
|
+
"author": "Z Team",
|
|
11
|
+
"homepage":"https://www.npmjs.com/search?q=@zohodesk",
|
|
12
|
+
"license": "ISC",
|
|
13
|
+
"keywords":["DOT","ZOHODESK","ZTEAM","LIBRARY"],
|
|
14
|
+
"scripts": {
|
|
15
|
+
"build:docs": "react-cli build:docs",
|
|
16
|
+
"lint": "react-cli lint",
|
|
17
|
+
"lintAll": "react-cli lint ./src",
|
|
18
|
+
"lintAllFix": "npm run lintAll --eslint:fix=true",
|
|
19
|
+
"clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
|
|
20
|
+
"dubCheck": "node dubFinder node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
|
|
21
|
+
"init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
|
|
22
|
+
"build:variables": "node ./preprocess/index",
|
|
23
|
+
"rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
|
|
24
|
+
"common_package_build": "cd ../common && npm run build && cd ../components",
|
|
25
|
+
"start": "react-cli start",
|
|
26
|
+
"docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
|
|
27
|
+
"build": " react-cli build:component:cmjs",
|
|
28
|
+
"buildlocal": " react-cli build:component:cmjs && npm run rtl",
|
|
29
|
+
"build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
|
|
30
|
+
"build:es": "react-cli build:library:es",
|
|
31
|
+
"rtl:watch": "react-cli rtl ./src ./es -w",
|
|
32
|
+
"build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
|
|
33
|
+
"coverage": "react-cli coverage",
|
|
34
|
+
"prepare": "react-cli clean assets && npm run init && npm run build && npm run build:es && npm run rtl",
|
|
35
|
+
"postpublish": "react-cli postpublish",
|
|
36
|
+
"report": "react-cli publish:report",
|
|
37
|
+
"test": "react-cli test",
|
|
38
|
+
"sstest": "npm run init && react-cli sstest",
|
|
39
|
+
"build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
|
|
40
|
+
"download": "rm package-lock.json && rm -rf node_modules/ && npm install",
|
|
41
|
+
"expublish": "npm publish --tag experimental-version"
|
|
42
|
+
},
|
|
43
|
+
"devDependencies": {
|
|
44
|
+
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
45
|
+
"@zohodesk/variables": "1.0.0-beta.29",
|
|
46
|
+
"@zohodesk/icons": "1.0.0-beta.109",
|
|
47
|
+
"@zohodesk/virtualizer": "1.0.3",
|
|
48
|
+
"velocity-react": "1.4.3",
|
|
49
|
+
"react-sortable-hoc": "^0.8.3",
|
|
50
|
+
"@zohodesk/svg": "1.0.0-beta.48"
|
|
51
|
+
},
|
|
52
|
+
"dependencies": {
|
|
53
|
+
"hoist-non-react-statics": "3.0.1",
|
|
54
|
+
"react-transition-group": "2.5.0",
|
|
55
|
+
"reselect": "4.0.0",
|
|
56
|
+
"selectn": "1.1.2"
|
|
57
|
+
},
|
|
58
|
+
"peerDependencies": {
|
|
59
|
+
"@zohodesk/icons": "1.0.0-beta.109",
|
|
60
|
+
"@zohodesk/variables": "1.0.0-beta.29",
|
|
61
|
+
"@zohodesk/svg": "1.0.0-beta.49",
|
|
62
|
+
"@zohodesk/virtualizer": "1.0.3",
|
|
63
|
+
"velocity-react": "1.4.3",
|
|
64
|
+
"react-sortable-hoc": "^0.8.3"
|
|
65
|
+
},
|
|
66
|
+
"react-cli": {
|
|
67
|
+
"preprocess": {
|
|
68
|
+
"runner": "./preprocess/index.js"
|
|
69
|
+
},
|
|
70
|
+
"docs": {
|
|
71
|
+
"disableES5Transpile": true,
|
|
72
|
+
"componentFolder": "./src",
|
|
73
|
+
"cssUniqueness": "false",
|
|
74
|
+
"rtlExclude": [
|
|
75
|
+
"@zohodesk/icons",
|
|
76
|
+
"@zohodesk/variables"
|
|
77
|
+
],
|
|
78
|
+
"hasRTL": true
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
:root [data-mode='dark'] {
|
|
2
|
-
--zd_dark_bg_lValue: 0%;
|
|
3
|
-
--zd_dark_buttonBg_lValue: 0%;
|
|
4
|
-
--zd_dark_emboseBg_lValue: 0%;
|
|
5
|
-
--zd_dark_text_lValue: 0%;
|
|
6
|
-
--zd_dark_buttonText_lValue: 0%;
|
|
7
|
-
--zd_dark_elementText_lValue: 0%;
|
|
8
|
-
--zd_dark_border_lValue: 0%;
|
|
9
|
-
--zd_dark_boxShadow_lValue: 0%;
|
|
10
|
-
--zd_alpha: 0;
|
|
11
|
-
--zd_bg_alpha: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[data-mode='dark']:global(.contrast) {
|
|
15
|
-
--zd_dark_bg_lValue: -10%;
|
|
16
|
-
--zd_dark_buttonBg_lValue: -10%;
|
|
17
|
-
--zd_dark_emboseBg_lValue: 10%;
|
|
18
|
-
--zd_dark_text_lValue: 10%;
|
|
19
|
-
--zd_dark_buttonText_lValue: 10%;
|
|
20
|
-
--zd_dark_elementText_lValue: -10%;
|
|
21
|
-
--zd_dark_border_lValue: 10%;
|
|
22
|
-
--zd_dark_boxShadow_lValue: 0%;
|
|
23
|
-
--zd_alpha: 1;
|
|
24
|
-
--zd_bg_alpha: 0;
|
|
25
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
:root [data-mode='default'] {
|
|
2
|
-
--zd_default_bg_lValue: 0%;
|
|
3
|
-
--zd_default_buttonBg_lValue: 0%;
|
|
4
|
-
--zd_default_emboseBg_lValue: 0%;
|
|
5
|
-
--zd_default_text_lValue: 0%;
|
|
6
|
-
--zd_default_buttonText_lValue: 0%;
|
|
7
|
-
--zd_default_elementText_lValue: 0%;
|
|
8
|
-
--zd_default_border_lValue: 0%;
|
|
9
|
-
--zd_default_boxShadow_lValue: 0%;
|
|
10
|
-
--zd_alpha: 0;
|
|
11
|
-
--zd_bg_alpha: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[data-mode='default']:global(.contrast) {
|
|
15
|
-
--zd_default_bg_lValue: 10%;
|
|
16
|
-
--zd_default_buttonBg_lValue: -10%;
|
|
17
|
-
--zd_default_emboseBg_lValue: -10%;
|
|
18
|
-
--zd_default_text_lValue: -10%;
|
|
19
|
-
--zd_default_buttonText_lValue: 10%;
|
|
20
|
-
--zd_default_elementText_lValue: 10%;
|
|
21
|
-
--zd_default_border_lValue: -10%;
|
|
22
|
-
--zd_default_boxShadow_lValue: 0%;
|
|
23
|
-
--zd_alpha: 1;
|
|
24
|
-
--zd_bg_alpha: 0;
|
|
25
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
:root [data-mode='pureDark'] {
|
|
2
|
-
--zd_pureDark_bg_lValue: 0%;
|
|
3
|
-
--zd_pureDark_buttonBg_lValue: 0%;
|
|
4
|
-
--zd_pureDark_emboseBg_lValue: 0%;
|
|
5
|
-
--zd_pureDark_text_lValue: 0%;
|
|
6
|
-
--zd_pureDark_buttonText_lValue: 0%;
|
|
7
|
-
--zd_pureDark_elementText_lValue: 0%;
|
|
8
|
-
--zd_pureDark_border_lValue: 0%;
|
|
9
|
-
--zd_pureDark_boxShadow_lValue: 0%;
|
|
10
|
-
--zd_alpha: 0;
|
|
11
|
-
--zd_bg_alpha: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
[data-mode='pureDark']:global(.contrast) {
|
|
15
|
-
--zd_pureDark_bg_lValue: -10%;
|
|
16
|
-
--zd_pureDark_buttonBg_lValue: -10%;
|
|
17
|
-
--zd_pureDark_emboseBg_lValue: 10%;
|
|
18
|
-
--zd_pureDark_text_lValue: 10%;
|
|
19
|
-
--zd_pureDark_buttonText_lValue: 10%;
|
|
20
|
-
--zd_pureDark_elementText_lValue: -10%;
|
|
21
|
-
--zd_pureDark_border_lValue: 10%;
|
|
22
|
-
--zd_pureDark_boxShadow_lValue: 0%;
|
|
23
|
-
--zd_alpha: 1;
|
|
24
|
-
--zd_bg_alpha: 0;
|
|
25
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _defaultProps = require("./props/defaultProps");
|
|
10
|
-
var _propTypes = require("./props/propTypes");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
13
|
-
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); } }
|
|
14
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
15
|
-
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); }
|
|
16
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
17
|
-
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); }; }
|
|
18
|
-
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); }
|
|
19
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
20
|
-
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; } }
|
|
21
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
-
var Accordion = /*#__PURE__*/function (_React$Component) {
|
|
23
|
-
_inherits(Accordion, _React$Component);
|
|
24
|
-
var _super = _createSuper(Accordion);
|
|
25
|
-
function Accordion(props) {
|
|
26
|
-
var _this;
|
|
27
|
-
_classCallCheck(this, Accordion);
|
|
28
|
-
_this = _super.call(this, props);
|
|
29
|
-
_this.state = {
|
|
30
|
-
selectedItem: _this.props.selectedItem
|
|
31
|
-
};
|
|
32
|
-
_this.selectMenu = _this.selectMenu.bind(_assertThisInitialized(_this));
|
|
33
|
-
return _this;
|
|
34
|
-
}
|
|
35
|
-
_createClass(Accordion, [{
|
|
36
|
-
key: "selectMenu",
|
|
37
|
-
value: function selectMenu(selectedItem) {
|
|
38
|
-
var _this$props = this.props,
|
|
39
|
-
onSelect = _this$props.onSelect,
|
|
40
|
-
disableInternalState = _this$props.disableInternalState;
|
|
41
|
-
if (onSelect) {
|
|
42
|
-
onSelect(selectedItem);
|
|
43
|
-
}
|
|
44
|
-
!disableInternalState && this.setState({
|
|
45
|
-
selectedItem: selectedItem
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
}, {
|
|
49
|
-
key: "componentWillReceiveProps",
|
|
50
|
-
value: function componentWillReceiveProps(nextProps) {
|
|
51
|
-
if (this.props.selectedItem !== nextProps.selectedItem && !this.props.disableInternalState) {
|
|
52
|
-
this.setState({
|
|
53
|
-
selectedItem: nextProps.selectedItem
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}, {
|
|
58
|
-
key: "render",
|
|
59
|
-
value: function render() {
|
|
60
|
-
var _this2 = this;
|
|
61
|
-
var _this$props2 = this.props,
|
|
62
|
-
className = _this$props2.className,
|
|
63
|
-
height = _this$props2.height,
|
|
64
|
-
unMount = _this$props2.unMount,
|
|
65
|
-
disableInternalState = _this$props2.disableInternalState,
|
|
66
|
-
propSelectedItem = _this$props2.selectedItem,
|
|
67
|
-
a11y = _this$props2.a11y;
|
|
68
|
-
var selectedItem = this.state.selectedItem;
|
|
69
|
-
var children = _react["default"].Children.map(this.props.children, function (child) {
|
|
70
|
-
if (child) {
|
|
71
|
-
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
72
|
-
selectedItem: disableInternalState ? propSelectedItem : selectedItem,
|
|
73
|
-
selectMenu: _this2.selectMenu,
|
|
74
|
-
unMount: unMount
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
var role = a11y.role,
|
|
79
|
-
ariaExpanded = a11y.ariaExpanded,
|
|
80
|
-
ariaHaspopup = a11y.ariaHaspopup;
|
|
81
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
82
|
-
className: className ? className : '',
|
|
83
|
-
style: {
|
|
84
|
-
height: height
|
|
85
|
-
},
|
|
86
|
-
role: role,
|
|
87
|
-
"aria-expanded": ariaExpanded,
|
|
88
|
-
"aria-haspopup": ariaHaspopup
|
|
89
|
-
}, children);
|
|
90
|
-
}
|
|
91
|
-
}]);
|
|
92
|
-
return Accordion;
|
|
93
|
-
}(_react["default"].Component);
|
|
94
|
-
exports["default"] = Accordion;
|
|
95
|
-
Accordion.propTypes = _propTypes.Accordion_propTypes;
|
|
96
|
-
Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
|
|
97
|
-
if (false) {
|
|
98
|
-
Accordion.docs = {
|
|
99
|
-
componentGroup: 'Animation',
|
|
100
|
-
folderName: 'Style Guide'
|
|
101
|
-
};
|
|
102
|
-
}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _defaultProps = require("./props/defaultProps");
|
|
10
|
-
var _propTypes = require("./props/propTypes");
|
|
11
|
-
var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
|
|
12
|
-
var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
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); } }
|
|
16
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
-
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); }
|
|
18
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
19
|
-
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); }; }
|
|
20
|
-
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); }
|
|
21
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
22
|
-
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; } }
|
|
23
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
24
|
-
var AccordionItem = /*#__PURE__*/function (_React$Component) {
|
|
25
|
-
_inherits(AccordionItem, _React$Component);
|
|
26
|
-
var _super = _createSuper(AccordionItem);
|
|
27
|
-
function AccordionItem(props) {
|
|
28
|
-
var _this;
|
|
29
|
-
_classCallCheck(this, AccordionItem);
|
|
30
|
-
_this = _super.call(this, props);
|
|
31
|
-
_this.equalityCheck = _this.equalityCheck.bind(_assertThisInitialized(_this));
|
|
32
|
-
return _this;
|
|
33
|
-
}
|
|
34
|
-
_createClass(AccordionItem, [{
|
|
35
|
-
key: "equalityCheck",
|
|
36
|
-
value: function equalityCheck() {
|
|
37
|
-
var _this$props = this.props,
|
|
38
|
-
equalityCheck = _this$props.equalityCheck,
|
|
39
|
-
selectedItem = _this$props.selectedItem,
|
|
40
|
-
id = _this$props.id;
|
|
41
|
-
return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
|
|
42
|
-
}
|
|
43
|
-
}, {
|
|
44
|
-
key: "render",
|
|
45
|
-
value: function render() {
|
|
46
|
-
var _this$props2 = this.props,
|
|
47
|
-
id = _this$props2.id,
|
|
48
|
-
selectMenu = _this$props2.selectMenu,
|
|
49
|
-
className = _this$props2.className,
|
|
50
|
-
children = _this$props2.children,
|
|
51
|
-
dataId = _this$props2.dataId,
|
|
52
|
-
unMount = _this$props2.unMount,
|
|
53
|
-
unMountItem = _this$props2.unMountItem,
|
|
54
|
-
a11y = _this$props2.a11y,
|
|
55
|
-
innerClass = _this$props2.innerClass;
|
|
56
|
-
unMountItem = unMountItem !== undefined ? unMountItem : unMount;
|
|
57
|
-
var role = a11y.role;
|
|
58
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
59
|
-
className: className ? className : '',
|
|
60
|
-
"data-id": dataId,
|
|
61
|
-
role: role
|
|
62
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
63
|
-
className: innerClass ? innerClass : '',
|
|
64
|
-
onClick: selectMenu.bind(this, id)
|
|
65
|
-
}, children[0]), unMountItem ? /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
|
|
66
|
-
name: "slideDown",
|
|
67
|
-
isActive: this.equalityCheck()
|
|
68
|
-
}, children[1]) : /*#__PURE__*/_react["default"].createElement(_VelocityAnimation["default"], {
|
|
69
|
-
name: "slideDown",
|
|
70
|
-
isActive: this.equalityCheck()
|
|
71
|
-
}, children[1]));
|
|
72
|
-
}
|
|
73
|
-
}]);
|
|
74
|
-
return AccordionItem;
|
|
75
|
-
}(_react["default"].Component);
|
|
76
|
-
exports["default"] = AccordionItem;
|
|
77
|
-
AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
|
|
78
|
-
AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
|
|
79
|
-
if (false) {
|
|
80
|
-
AccordionItem.docs = {
|
|
81
|
-
componentGroup: 'Animation',
|
|
82
|
-
folderName: 'Style Guide'
|
|
83
|
-
};
|
|
84
|
-
}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
var _index = require("../index");
|
|
5
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
6
|
-
describe('Accordion component specification', function () {
|
|
7
|
-
it('open accordion item id 1 ', function () {
|
|
8
|
-
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
|
|
9
|
-
selectedItem: "1",
|
|
10
|
-
height: "100px",
|
|
11
|
-
maxheight: "100px"
|
|
12
|
-
}, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
13
|
-
id: "1"
|
|
14
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
15
|
-
"data-id": "data"
|
|
16
|
-
}, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
17
|
-
id: "2"
|
|
18
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
19
|
-
"data-id": "data"
|
|
20
|
-
}, "Data2"))));
|
|
21
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
|
|
22
|
-
});
|
|
23
|
-
it('open accordion item id 1 ', function () {
|
|
24
|
-
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
|
|
25
|
-
selectedItem: "2",
|
|
26
|
-
height: "100px",
|
|
27
|
-
maxheight: "100px"
|
|
28
|
-
}, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
29
|
-
id: "1"
|
|
30
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
-
"data-id": "data"
|
|
32
|
-
}, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
33
|
-
id: "2"
|
|
34
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
-
"data-id": "data"
|
|
36
|
-
}, "Data2"))));
|
|
37
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
|
|
38
|
-
});
|
|
39
|
-
it('accordion item 2 click check', function () {
|
|
40
|
-
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
|
|
41
|
-
selectedItem: "1",
|
|
42
|
-
height: "100px",
|
|
43
|
-
maxheight: "100px"
|
|
44
|
-
}, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
45
|
-
id: "1"
|
|
46
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
47
|
-
"data-id": "data"
|
|
48
|
-
}, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
49
|
-
id: "2"
|
|
50
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
51
|
-
"data-id": "ah2"
|
|
52
|
-
}, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
53
|
-
"data-id": "data1"
|
|
54
|
-
}, "Data2"))));
|
|
55
|
-
var acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
|
|
56
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
|
|
57
|
-
TestUtils.Simulate.click(acc2);
|
|
58
|
-
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
|
|
59
|
-
});
|
|
60
|
-
it('accordion click callback check ', function () {
|
|
61
|
-
var mockfn = jest.fn();
|
|
62
|
-
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
|
|
63
|
-
selectedItem: "1",
|
|
64
|
-
height: "100px",
|
|
65
|
-
maxheight: "100px",
|
|
66
|
-
onSelect: mockfn
|
|
67
|
-
}, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
68
|
-
id: "1"
|
|
69
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
|
-
"data-id": "data"
|
|
71
|
-
}, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
|
|
72
|
-
id: "2"
|
|
73
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
74
|
-
"data-id": "ah2"
|
|
75
|
-
}, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
|
-
"data-id": "data"
|
|
77
|
-
}, "Data2"))));
|
|
78
|
-
var acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
|
|
79
|
-
TestUtils.Simulate.click(acc2);
|
|
80
|
-
expect(mockfn.mock.calls.length).toBe(1);
|
|
81
|
-
});
|
|
82
|
-
});
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
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
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _ = require("../");
|
|
10
|
-
var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
13
|
-
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); } }
|
|
14
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
15
|
-
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); }
|
|
16
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
17
|
-
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); }; }
|
|
18
|
-
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); }
|
|
19
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
20
|
-
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; } }
|
|
21
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
-
var Accordion__Demo = /*#__PURE__*/function (_React$Component) {
|
|
23
|
-
_inherits(Accordion__Demo, _React$Component);
|
|
24
|
-
var _super = _createSuper(Accordion__Demo);
|
|
25
|
-
function Accordion__Demo(props) {
|
|
26
|
-
_classCallCheck(this, Accordion__Demo);
|
|
27
|
-
return _super.call(this, props);
|
|
28
|
-
}
|
|
29
|
-
_createClass(Accordion__Demo, [{
|
|
30
|
-
key: "render",
|
|
31
|
-
value: function render() {
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_.Accordion, {
|
|
33
|
-
selectedItem: "1",
|
|
34
|
-
onSelect: function onSelect(id) {
|
|
35
|
-
'selected id', id;
|
|
36
|
-
},
|
|
37
|
-
unMount: false
|
|
38
|
-
}, /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
|
|
39
|
-
id: "1"
|
|
40
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
41
|
-
key: "title",
|
|
42
|
-
style: {
|
|
43
|
-
padding: '10px',
|
|
44
|
-
backgroundColor: '#ddd'
|
|
45
|
-
}
|
|
46
|
-
}, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
47
|
-
key: "content",
|
|
48
|
-
style: {
|
|
49
|
-
padding: '80px 10px',
|
|
50
|
-
backgroundColor: '#ddffee'
|
|
51
|
-
}
|
|
52
|
-
}, "Data1")), /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
|
|
53
|
-
id: "2"
|
|
54
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
55
|
-
key: "title",
|
|
56
|
-
style: {
|
|
57
|
-
padding: '10px',
|
|
58
|
-
backgroundColor: '#ddd'
|
|
59
|
-
}
|
|
60
|
-
}, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
|
-
key: "content",
|
|
62
|
-
style: {
|
|
63
|
-
padding: '80px 10px',
|
|
64
|
-
backgroundColor: '#ddffee'
|
|
65
|
-
}
|
|
66
|
-
}, "Data2")), /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
|
|
67
|
-
id: "3",
|
|
68
|
-
unMountItem: true
|
|
69
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
70
|
-
key: "title",
|
|
71
|
-
style: {
|
|
72
|
-
padding: '10px',
|
|
73
|
-
backgroundColor: '#ddd'
|
|
74
|
-
}
|
|
75
|
-
}, "Acc-3"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
|
-
key: "content",
|
|
77
|
-
style: {
|
|
78
|
-
padding: '80px 10px',
|
|
79
|
-
backgroundColor: '#ddffee'
|
|
80
|
-
}
|
|
81
|
-
}, "Data3")), /*#__PURE__*/_react["default"].createElement(_.AccordionItem, {
|
|
82
|
-
id: "4"
|
|
83
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
84
|
-
key: "title",
|
|
85
|
-
style: {
|
|
86
|
-
padding: '10px',
|
|
87
|
-
backgroundColor: '#ddd'
|
|
88
|
-
}
|
|
89
|
-
}, "Acc-4"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
90
|
-
key: "content",
|
|
91
|
-
style: {
|
|
92
|
-
padding: '80px 10px',
|
|
93
|
-
backgroundColor: '#ddffee'
|
|
94
|
-
}
|
|
95
|
-
}, "Data4")))));
|
|
96
|
-
}
|
|
97
|
-
}]);
|
|
98
|
-
return Accordion__Demo;
|
|
99
|
-
}(_react["default"].Component);
|
|
100
|
-
exports["default"] = Accordion__Demo;
|
|
101
|
-
Accordion__Demo.docs = {
|
|
102
|
-
componentGroup: 'Animation',
|
|
103
|
-
folderName: 'Style Guide'
|
|
104
|
-
};
|