@zohodesk/components 1.0.0-alpha-271 → 1.0.0-alpha-272
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/es/Accordion/Accordion.js +7 -3
- package/es/Accordion/AccordionItem.js +4 -2
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +13 -5
- package/es/Avatar/Avatar.js +23 -11
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/Button/Button.js +4 -3
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Card/Card.js +21 -10
- package/es/CheckBox/CheckBox.js +5 -3
- package/es/DateTime/CalendarView.js +32 -20
- package/es/DateTime/DateTime.js +75 -10
- package/es/DateTime/DateTimePopupFooter.js +4 -2
- package/es/DateTime/DateTimePopupHeader.js +8 -2
- package/es/DateTime/DateWidget.js +98 -35
- package/es/DateTime/DaysRow.js +4 -2
- package/es/DateTime/Time.js +10 -2
- package/es/DateTime/YearView.js +28 -4
- package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
- package/es/DateTime/__tests__/DateTime.spec.js +1 -0
- package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
- package/es/DateTime/common.js +3 -0
- package/es/DateTime/constants.js +1 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
- package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +32 -2
- package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
- package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
- package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
- package/es/DateTime/objectUtils.js +14 -20
- package/es/DateTime/props/defaultProps.js +2 -1
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +6 -2
- package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
- package/es/DropBox/props/defaultProps.js +1 -2
- package/es/DropBox/props/propTypes.js +1 -2
- package/es/DropDown/DropDown.js +8 -4
- package/es/DropDown/DropDownHeading.js +4 -5
- package/es/DropDown/DropDownItem.js +6 -0
- package/es/DropDown/DropDownSearch.js +4 -0
- package/es/DropDown/DropDownSeparator.js +1 -0
- package/es/DropDown/__tests__/DropDown.spec.js +1 -2
- package/es/Heading/Heading.js +2 -3
- package/es/Label/Label.js +2 -3
- package/es/Layout/Box.js +13 -0
- package/es/Layout/Container.js +12 -1
- package/es/Layout/index.js +1 -2
- package/es/ListItem/ListContainer.js +8 -3
- package/es/ListItem/ListItem.js +9 -3
- package/es/ListItem/ListItemWithAvatar.js +9 -3
- package/es/ListItem/ListItemWithCheckBox.js +7 -2
- package/es/ListItem/ListItemWithIcon.js +8 -3
- package/es/ListItem/ListItemWithRadio.js +7 -3
- package/es/Modal/Modal.js +28 -11
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
- package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/MultiSelect/EmptyState.js +2 -0
- package/es/MultiSelect/MultiSelect.js +99 -32
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +12 -6
- package/es/MultiSelect/SelectedOptions.js +6 -3
- package/es/MultiSelect/Suggestions.js +7 -3
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
- package/es/MultiSelect/props/propTypes.js +2 -0
- package/es/PopOver/PopOver.js +18 -2
- package/es/PopOver/__tests__/PopOver.spec.js +2 -1
- package/es/Popup/Popup.js +77 -24
- package/es/Popup/__tests__/Popup.spec.js +17 -5
- package/es/Popup/viewPort.js +16 -4
- package/es/Provider/IdProvider.js +10 -5
- package/es/Provider/LibraryContext.js +6 -4
- package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/Provider/ZindexProvider.js +9 -2
- package/es/Radio/Radio.js +4 -2
- package/es/Responsive/CustomResponsive.js +30 -18
- package/es/Responsive/RefWrapper.js +6 -7
- package/es/Responsive/ResizeComponent.js +35 -25
- package/es/Responsive/ResizeObserver.js +26 -6
- package/es/Responsive/Responsive.js +34 -20
- package/es/Responsive/index.js +1 -3
- package/es/Responsive/sizeObservers.js +28 -7
- package/es/Responsive/utils/index.js +7 -5
- package/es/Responsive/utils/shallowCompare.js +7 -2
- package/es/Responsive/windowResizeObserver.js +7 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
- package/es/Ribbon/Ribbon.js +3 -2
- package/es/RippleEffect/RippleEffect.js +1 -3
- package/es/Select/GroupSelect.js +58 -14
- package/es/Select/Select.js +79 -33
- package/es/Select/SelectWithAvatar.js +17 -4
- package/es/Select/SelectWithIcon.js +46 -5
- package/es/Select/__tests__/Select.spec.js +6 -8
- package/es/Select/props/propTypes.js +1 -0
- package/es/Stencils/Stencils.js +3 -3
- package/es/Switch/Switch.js +5 -3
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/TabContent.js +1 -0
- package/es/Tab/TabContentWrapper.js +2 -0
- package/es/Tab/TabWrapper.js +5 -2
- package/es/Tab/Tabs.js +54 -7
- package/es/Tab/__tests__/Tab.spec.js +1 -3
- package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
- package/es/Tag/Tag.js +6 -3
- package/es/TextBox/TextBox.js +15 -3
- package/es/TextBox/__tests__/TextBox.spec.js +1 -4
- package/es/TextBoxIcon/TextBoxIcon.js +9 -2
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
- package/es/Textarea/Textarea.js +12 -3
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +58 -14
- package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
- package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
- package/es/semantic/Button/Button.js +3 -2
- package/es/utils/Common.js +54 -9
- package/es/utils/ContextOptimizer.js +4 -5
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +2 -0
- package/es/utils/css/compileClassNames.js +5 -0
- package/es/utils/css/mergeStyle.js +7 -6
- package/es/utils/css/utils.js +1 -0
- package/es/utils/datetime/GMTZones.js +48 -0
- package/es/utils/datetime/common.js +31 -7
- package/es/utils/debounce.js +5 -1
- package/es/utils/dropDownUtils.js +68 -11
- package/es/utils/getInitial.js +4 -0
- package/es/utils/shallowEqual.js +6 -0
- package/lib/Accordion/Accordion.js +42 -18
- package/lib/Accordion/AccordionItem.js +40 -18
- package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/propTypes.js +3 -0
- package/lib/Animation/Animation.js +38 -18
- package/lib/Animation/__tests__/Animation.spec.js +11 -7
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/AppContainer/AppContainer.js +56 -21
- package/lib/AppContainer/props/propTypes.js +3 -0
- package/lib/Avatar/Avatar.js +78 -38
- package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
- package/lib/Avatar/props/propTypes.js +3 -0
- package/lib/AvatarTeam/AvatarTeam.js +52 -30
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
- package/lib/AvatarTeam/props/propTypes.js +3 -0
- package/lib/Button/Button.js +31 -20
- package/lib/Button/css/cssJSLogic.js +18 -17
- package/lib/Button/index.js +3 -0
- package/lib/Button/props/defaultProps.js +2 -0
- package/lib/Button/props/propTypes.js +3 -0
- package/lib/Buttongroup/Buttongroup.js +32 -12
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
- package/lib/Buttongroup/props/propTypes.js +3 -0
- package/lib/Card/Card.js +102 -46
- package/lib/Card/__tests__/Card.spec.js +10 -1
- package/lib/Card/index.js +4 -0
- package/lib/Card/props/propTypes.js +3 -0
- package/lib/CheckBox/CheckBox.js +71 -47
- package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
- package/lib/CheckBox/props/propTypes.js +3 -0
- package/lib/DateTime/CalendarView.js +82 -42
- package/lib/DateTime/DateTime.js +246 -158
- package/lib/DateTime/DateTimePopupFooter.js +31 -8
- package/lib/DateTime/DateTimePopupHeader.js +48 -17
- package/lib/DateTime/DateWidget.js +352 -250
- package/lib/DateTime/DaysRow.js +27 -5
- package/lib/DateTime/Time.js +73 -32
- package/lib/DateTime/YearView.js +77 -28
- package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
- package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
- package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
- package/lib/DateTime/common.js +6 -0
- package/lib/DateTime/constants.js +1 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
- package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
- package/lib/DateTime/dateFormatUtils/index.js +74 -16
- package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
- package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
- package/lib/DateTime/index.js +2 -0
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/defaultProps.js +2 -1
- package/lib/DateTime/props/propTypes.js +11 -1
- package/lib/DateTime/typeChecker.js +4 -0
- package/lib/DateTime/validator.js +73 -10
- package/lib/DropBox/DropBox.js +34 -10
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +42 -34
- package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
- package/lib/DropBox/__tests__/DropBox.spec.js +6 -2
- package/lib/DropBox/css/cssJSLogic.js +3 -1
- package/lib/DropBox/props/defaultProps.js +8 -4
- package/lib/DropBox/props/propTypes.js +10 -4
- package/lib/DropDown/DropDown.js +52 -8
- package/lib/DropDown/DropDownHeading.js +39 -20
- package/lib/DropDown/DropDownItem.js +42 -20
- package/lib/DropDown/DropDownSearch.js +40 -17
- package/lib/DropDown/DropDownSeparator.js +24 -4
- package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
- package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
- package/lib/DropDown/index.js +9 -0
- package/lib/DropDown/props/propTypes.js +6 -4
- package/lib/Heading/Heading.js +37 -15
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +39 -19
- package/lib/Label/__tests__/Label.spec.js +14 -1
- package/lib/Label/props/propTypes.js +3 -0
- package/lib/Layout/Box.js +31 -11
- package/lib/Layout/Container.js +29 -10
- package/lib/Layout/__tests__/Box.spec.js +65 -49
- package/lib/Layout/__tests__/Container.spec.js +67 -50
- package/lib/Layout/index.js +3 -0
- package/lib/Layout/props/propTypes.js +3 -0
- package/lib/Layout/utils.js +10 -0
- package/lib/ListItem/ListContainer.js +48 -27
- package/lib/ListItem/ListItem.js +69 -45
- package/lib/ListItem/ListItemWithAvatar.js +75 -48
- package/lib/ListItem/ListItemWithCheckBox.js +64 -39
- package/lib/ListItem/ListItemWithIcon.js +68 -44
- package/lib/ListItem/ListItemWithRadio.js +65 -41
- package/lib/ListItem/index.js +7 -0
- package/lib/ListItem/props/propTypes.js +6 -4
- package/lib/Modal/Modal.js +45 -10
- package/lib/Modal/props/propTypes.js +3 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +294 -166
- package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/MultiSelect/EmptyState.js +45 -24
- package/lib/MultiSelect/MultiSelect.js +323 -206
- package/lib/MultiSelect/MultiSelectHeader.js +30 -8
- package/lib/MultiSelect/MultiSelectWithAvatar.js +105 -63
- package/lib/MultiSelect/SelectedOptions.js +43 -17
- package/lib/MultiSelect/Suggestions.js +64 -32
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
- package/lib/MultiSelect/index.js +5 -0
- package/lib/MultiSelect/props/defaultProps.js +2 -0
- package/lib/MultiSelect/props/propTypes.js +5 -0
- package/lib/PopOver/PopOver.js +95 -49
- package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
- package/lib/PopOver/index.js +4 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -81
- package/lib/Popup/__tests__/Popup.spec.js +43 -8
- package/lib/Popup/viewPort.js +28 -14
- package/lib/Provider/AvatarSize.js +4 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Provider/CssProvider.js +4 -0
- package/lib/Provider/IdProvider.js +17 -6
- package/lib/Provider/LibraryContext.js +35 -15
- package/lib/Provider/LibraryContextInit.js +4 -0
- package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/Provider/ZindexProvider.js +15 -3
- package/lib/Provider/index.js +5 -0
- package/lib/Radio/Radio.js +61 -38
- package/lib/Radio/__tests__/Radiospec.js +9 -5
- package/lib/Radio/props/propTypes.js +3 -0
- package/lib/Responsive/CustomResponsive.js +73 -29
- package/lib/Responsive/RefWrapper.js +17 -11
- package/lib/Responsive/ResizeComponent.js +62 -36
- package/lib/Responsive/ResizeObserver.js +24 -10
- package/lib/Responsive/Responsive.js +80 -30
- package/lib/Responsive/index.js +4 -0
- package/lib/Responsive/props/propTypes.js +3 -0
- package/lib/Responsive/sizeObservers.js +53 -17
- package/lib/Responsive/utils/index.js +11 -3
- package/lib/Responsive/utils/shallowCompare.js +11 -2
- package/lib/Responsive/windowResizeObserver.js +8 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
- package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
- package/lib/Ribbon/Ribbon.js +33 -13
- package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
- package/lib/Ribbon/props/propTypes.js +3 -0
- package/lib/RippleEffect/RippleEffect.js +18 -10
- package/lib/RippleEffect/props/propTypes.js +3 -0
- package/lib/Select/GroupSelect.js +229 -130
- package/lib/Select/Select.js +290 -209
- package/lib/Select/SelectWithAvatar.js +102 -56
- package/lib/Select/SelectWithIcon.js +132 -76
- package/lib/Select/__tests__/Select.spec.js +133 -91
- package/lib/Select/index.js +5 -0
- package/lib/Select/props/defaultProps.js +5 -4
- package/lib/Select/props/propTypes.js +4 -0
- package/lib/Stencils/Stencils.js +29 -10
- package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +57 -34
- package/lib/Switch/props/propTypes.js +3 -0
- package/lib/Tab/Tab.js +40 -27
- package/lib/Tab/TabContent.js +12 -5
- package/lib/Tab/TabContentWrapper.js +13 -6
- package/lib/Tab/TabWrapper.js +37 -19
- package/lib/Tab/Tabs.js +171 -91
- package/lib/Tab/__tests__/Tab.spec.js +67 -58
- package/lib/Tab/__tests__/TabContent.spec.js +10 -6
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
- package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
- package/lib/Tab/__tests__/Tabs.spec.js +53 -39
- package/lib/Tab/index.js +6 -0
- package/lib/Tab/props/propTypes.js +3 -0
- package/lib/Tag/Tag.js +72 -43
- package/lib/Tag/__tests__/Tag.spec.js +14 -8
- package/lib/Tag/props/propTypes.js +3 -0
- package/lib/TextBox/TextBox.js +85 -59
- package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
- package/lib/TextBox/props/propTypes.js +6 -4
- package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
- package/lib/TextBoxIcon/props/propTypes.js +3 -0
- package/lib/Textarea/Textarea.js +54 -29
- package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
- package/lib/Textarea/props/propTypes.js +3 -0
- package/lib/Tooltip/Tooltip.js +94 -31
- package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
- package/lib/Tooltip/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/index.js +3 -0
- package/lib/css.js +40 -0
- package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +57 -0
- package/lib/semantic/Button/Button.js +42 -22
- package/lib/semantic/Button/props/propTypes.js +3 -0
- package/lib/semantic/index.js +2 -0
- package/lib/utils/Common.js +110 -18
- package/lib/utils/ContextOptimizer.js +16 -10
- package/lib/utils/__tests__/constructFullName.spec.js +1 -0
- package/lib/utils/__tests__/debounce.spec.js +3 -2
- package/lib/utils/__tests__/getInitial.spec.js +1 -0
- package/lib/utils/constructFullName.js +13 -4
- package/lib/utils/css/compileClassNames.js +6 -0
- package/lib/utils/css/mergeStyle.js +10 -7
- package/lib/utils/css/utils.js +8 -0
- package/lib/utils/datetime/GMTZones.js +55 -0
- package/lib/utils/datetime/common.js +52 -7
- package/lib/utils/debounce.js +6 -1
- package/lib/utils/dropDownUtils.js +175 -59
- package/lib/utils/dummyFunction.js +2 -0
- package/lib/utils/getHTMLFontSize.js +1 -0
- package/lib/utils/getInitial.js +6 -0
- package/lib/utils/index.js +4 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/package.json +1 -1
|
@@ -4,26 +4,42 @@ import { getIsEmptyValue, getSearchString } from './Common';
|
|
|
4
4
|
export const dummyArray = [];
|
|
5
5
|
export const dummyObj = {};
|
|
6
6
|
export const getOptions = props => props.options || dummyArray;
|
|
7
|
+
|
|
7
8
|
const getOptionsOrder = props => props.optionsOrder || dummyArray;
|
|
9
|
+
|
|
8
10
|
const getSelectedOptionsSel = props => props.selectedOptions || dummyArray;
|
|
11
|
+
|
|
9
12
|
const getSearchStr = props => props.searchStr || '';
|
|
13
|
+
|
|
10
14
|
export const getValueField = props => props.valueField || '';
|
|
11
15
|
export const getTextField = props => props.textField || '';
|
|
12
16
|
export const getImageField = props => props.imageField || '';
|
|
13
17
|
export const getIconName = props => props.iconName || '';
|
|
14
18
|
export const getIconSize = props => props.iconSize || '';
|
|
15
19
|
export const getOptionType = props => props.optionType || '';
|
|
20
|
+
|
|
16
21
|
const getNeedSearch = props => props.needSearch;
|
|
22
|
+
|
|
17
23
|
const getIsDefaultSelectValue = props => props.isDefaultSelectValue;
|
|
24
|
+
|
|
18
25
|
const getSelectedOptionsLength = props => getIsEmptyValue(props.selectedOptionsLength) ? '' : props.selectedOptionsLength;
|
|
26
|
+
|
|
19
27
|
const getNormalizedFormatOptions = props => props.normalizedFormatOptions || dummyObj;
|
|
28
|
+
|
|
20
29
|
const getSelectedValue = props => getIsEmptyValue(props.selectedValue) ? '' : props.selectedValue;
|
|
30
|
+
|
|
21
31
|
const getSelectedFormatOptions = props => props.selectedFormatOptions || dummyObj;
|
|
32
|
+
|
|
22
33
|
export const getPrefixText = props => props.prefixText || '';
|
|
34
|
+
|
|
23
35
|
const getIsStartWithSearch = props => props.isStartsWithSearch;
|
|
36
|
+
|
|
24
37
|
const getKeepSelectedOptions = props => props.keepSelectedOptions;
|
|
38
|
+
|
|
25
39
|
const getDisabledOptions = props => props.disabledOptions || dummyArray;
|
|
40
|
+
|
|
26
41
|
const getListItemProps = props => props.listItemProps || '';
|
|
42
|
+
|
|
27
43
|
export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getKeepSelectedOptions], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) => {
|
|
28
44
|
const suggestions = [];
|
|
29
45
|
const suggestionIds = [];
|
|
@@ -35,6 +51,7 @@ export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOpti
|
|
|
35
51
|
const valueString = getSearchString(value);
|
|
36
52
|
const searchString = getSearchString(searchStr);
|
|
37
53
|
const isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
|
|
54
|
+
|
|
38
55
|
if (selectedOptions.indexOf(id) === -1 && isMatch || keepSelectedOptions) {
|
|
39
56
|
suggestions.push(option);
|
|
40
57
|
suggestionIds.push(id);
|
|
@@ -49,9 +66,11 @@ export const optionIdGrouping = (id, prefixText) => {
|
|
|
49
66
|
if (getIsEmptyValue(id)) {
|
|
50
67
|
return '';
|
|
51
68
|
}
|
|
69
|
+
|
|
52
70
|
if (getIsEmptyValue(prefixText)) {
|
|
53
71
|
return id;
|
|
54
72
|
}
|
|
73
|
+
|
|
55
74
|
const prefixType = typeof prefixText === 'number' ? 'Int' : 'Str';
|
|
56
75
|
const idType = typeof id === 'number' ? 'Int' : 'Str';
|
|
57
76
|
return `${prefixType}_${prefixText}_${idType}_${id}`;
|
|
@@ -62,15 +81,19 @@ export const extractOptionId = id => {
|
|
|
62
81
|
id: ''
|
|
63
82
|
};
|
|
64
83
|
}
|
|
84
|
+
|
|
65
85
|
if (typeof id === 'number') {
|
|
66
86
|
return {
|
|
67
87
|
id
|
|
68
88
|
};
|
|
69
89
|
}
|
|
90
|
+
|
|
70
91
|
const splitedOption = id.split && id.split('_');
|
|
92
|
+
|
|
71
93
|
if (splitedOption.length === 1) {
|
|
72
94
|
return splitedOption[0];
|
|
73
95
|
}
|
|
96
|
+
|
|
74
97
|
if (splitedOption.length === 4) {
|
|
75
98
|
let [prefixType, prefixText, idType, id] = splitedOption;
|
|
76
99
|
id = idType === 'Int' ? Number.parseInt(id) : id;
|
|
@@ -100,10 +123,10 @@ export const makeFormatOptions = () => createSelector([getOptions, getValueField
|
|
|
100
123
|
} = option;
|
|
101
124
|
let id = typeof option === 'object' ? option[impValueField || valueField] : option;
|
|
102
125
|
const value = typeof option === 'object' ? option[impTextField || textField] : option;
|
|
103
|
-
const photoURL = typeof option === 'object' ? option[impImageField || imageField] : '';
|
|
126
|
+
const photoURL = typeof option === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
|
|
104
127
|
|
|
105
|
-
// grouping options (group select/MultiSelect)
|
|
106
128
|
id = !getIsEmptyValue(id) ? optionIdGrouping(id, prefixText) : '';
|
|
129
|
+
|
|
107
130
|
if (remvampOptionIds.indexOf(id) === -1 && !getIsEmptyValue(id) && !getIsEmptyValue(value)) {
|
|
108
131
|
remvampOptionIds.push(id);
|
|
109
132
|
const optionDetails = {
|
|
@@ -111,21 +134,27 @@ export const makeFormatOptions = () => createSelector([getOptions, getValueField
|
|
|
111
134
|
value,
|
|
112
135
|
optionType: impOptionType || optionType
|
|
113
136
|
};
|
|
137
|
+
|
|
114
138
|
if (imageField) {
|
|
115
139
|
optionDetails.photoURL = photoURL;
|
|
116
140
|
}
|
|
141
|
+
|
|
117
142
|
if (impIconName || iconName) {
|
|
118
143
|
optionDetails.icon = impIconName || iconName;
|
|
119
144
|
}
|
|
145
|
+
|
|
120
146
|
if (impIconSize || iconSize) {
|
|
121
147
|
optionDetails.iconSize = impIconSize || iconSize;
|
|
122
148
|
}
|
|
149
|
+
|
|
123
150
|
if (disabledOptions.length) {
|
|
124
151
|
optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
|
|
125
152
|
}
|
|
153
|
+
|
|
126
154
|
if (listStyle || listItemProps) {
|
|
127
155
|
optionDetails.listItemProps = listStyle || listItemProps;
|
|
128
156
|
}
|
|
157
|
+
|
|
129
158
|
normalizedFormatOptions[id] = optionDetails;
|
|
130
159
|
normalizedAllOptions[id] = option;
|
|
131
160
|
revampOptions.push(optionDetails);
|
|
@@ -144,11 +173,13 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
|
|
|
144
173
|
const revampSelectedOptions = [];
|
|
145
174
|
const normalizedSelectedOptions = {};
|
|
146
175
|
selectedOptionsLength = !getIsEmptyValue(selectedOptionsLength) ? selectedOptionsLength : selectedOptions.length;
|
|
176
|
+
|
|
147
177
|
for (let i = 0; i < selectedOptionsLength; i++) {
|
|
148
178
|
const option = selectedOptions[i];
|
|
149
179
|
const {
|
|
150
180
|
id
|
|
151
181
|
} = normalizedFormatOptions[option] || {};
|
|
182
|
+
|
|
152
183
|
if (revampSelectedOptions.indexOf(id) === -1 && !getIsEmptyValue(id)) {
|
|
153
184
|
revampSelectedOptions.push(id);
|
|
154
185
|
output.push(normalizedFormatOptions[option]);
|
|
@@ -163,6 +194,7 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
|
|
|
163
194
|
revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
|
|
164
195
|
}
|
|
165
196
|
}
|
|
197
|
+
|
|
166
198
|
return {
|
|
167
199
|
formatSelectedOptions: output,
|
|
168
200
|
normalizedSelectedOptions,
|
|
@@ -172,10 +204,12 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
|
|
|
172
204
|
export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, getNormalizedFormatOptions, getSelectedValue, getSelectedFormatOptions, getIsDefaultSelectValue, getValueField, getTextField], (optionsOrder, normalizedFormatOptions, selectedValue, selectedFormatOptions, isDefaultSelectValue, valueField, textField) => {
|
|
173
205
|
let selectedValueIndex = optionsOrder.indexOf(selectedValue);
|
|
174
206
|
let isSelfValueChanged = false;
|
|
207
|
+
|
|
175
208
|
if (getIsEmptyValue(selectedValue) && isDefaultSelectValue) {
|
|
176
209
|
[selectedValue] = optionsOrder;
|
|
177
210
|
isSelfValueChanged = true;
|
|
178
211
|
}
|
|
212
|
+
|
|
179
213
|
const allOptions = Object.assign({}, selectedFormatOptions, normalizedFormatOptions);
|
|
180
214
|
const details = allOptions[selectedValue];
|
|
181
215
|
let hoverIndex = selectedValueIndex !== -1 ? selectedValueIndex : 0;
|
|
@@ -185,9 +219,8 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
|
|
|
185
219
|
let {
|
|
186
220
|
value: selectedValueText = '',
|
|
187
221
|
id: selectedId
|
|
188
|
-
} = details || dummyObj;
|
|
222
|
+
} = details || dummyObj; //selectedValue is not included in options case
|
|
189
223
|
|
|
190
|
-
//selectedValue is not included in options case
|
|
191
224
|
if (getIsEmptyValue(selectedId)) {
|
|
192
225
|
if (typeof selectedValue === 'object') {
|
|
193
226
|
const id = selectedValue[valueField];
|
|
@@ -205,6 +238,7 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
|
|
|
205
238
|
selectedId = selectedValue;
|
|
206
239
|
}
|
|
207
240
|
}
|
|
241
|
+
|
|
208
242
|
return {
|
|
209
243
|
selected: selectedValueText,
|
|
210
244
|
hoverIndex,
|
|
@@ -213,17 +247,22 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
|
|
|
213
247
|
isSelfValueChanged
|
|
214
248
|
};
|
|
215
249
|
});
|
|
250
|
+
|
|
216
251
|
const getObj1 = props => props.obj1 || dummyObj;
|
|
252
|
+
|
|
217
253
|
const getObj2 = props => props.obj2 || dummyObj;
|
|
218
|
-
export const makeObjectConcat = () => createSelector([getObj1, getObj2], (obj1, obj2) => Object.assign({}, obj1, obj2));
|
|
219
254
|
|
|
255
|
+
export const makeObjectConcat = () => createSelector([getObj1, getObj2], (obj1, obj2) => Object.assign({}, obj1, obj2));
|
|
220
256
|
/***** Group Select *****/
|
|
257
|
+
|
|
221
258
|
const getGroupedOptions = props => props.groupedOptions || dummyArray;
|
|
259
|
+
|
|
222
260
|
const getFormatOptions = makeFormatOptions();
|
|
223
261
|
export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions], groupedOptions => {
|
|
224
262
|
const revampedGroups = [];
|
|
225
263
|
let allOptionIds = [];
|
|
226
264
|
let allNormalizedOptions = {}; //all group normalized options
|
|
265
|
+
|
|
227
266
|
let allNormalizedFormatOptions = {};
|
|
228
267
|
const groupIds = [];
|
|
229
268
|
const normalizedGroupedOptions = {};
|
|
@@ -235,6 +274,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
|
|
|
235
274
|
valueField,
|
|
236
275
|
textField
|
|
237
276
|
} = group;
|
|
277
|
+
|
|
238
278
|
if (!getIsEmptyValue(groupId) && groupIds.indexOf(groupId) === -1) {
|
|
239
279
|
groupIds.push(groupId);
|
|
240
280
|
normalizedGroupedOptions[groupId] = group;
|
|
@@ -249,6 +289,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
|
|
|
249
289
|
textField,
|
|
250
290
|
prefixText: groupId
|
|
251
291
|
});
|
|
292
|
+
|
|
252
293
|
if (optionsOrder.length) {
|
|
253
294
|
revampedGroups.push({
|
|
254
295
|
id: groupId,
|
|
@@ -270,7 +311,9 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
|
|
|
270
311
|
normalizedGroupedOptions
|
|
271
312
|
};
|
|
272
313
|
});
|
|
314
|
+
|
|
273
315
|
const getGroups = props => props.revampedGroups;
|
|
316
|
+
|
|
274
317
|
const getFilterSuggestions = makeGetMultiSelectFilterSuggestions();
|
|
275
318
|
export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGroups, getSearchStr, getNeedSearch, getIsStartWithSearch], (groups, searchStr, needSearch, isStartsWithSearch) => {
|
|
276
319
|
const suggestionGroups = [];
|
|
@@ -288,6 +331,7 @@ export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGrou
|
|
|
288
331
|
searchStr,
|
|
289
332
|
isStartsWithSearch
|
|
290
333
|
});
|
|
334
|
+
|
|
291
335
|
if (suggestionIds.length) {
|
|
292
336
|
suggestionGroups.push(Object.assign({}, group, {
|
|
293
337
|
options: suggestions
|
|
@@ -305,6 +349,7 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
|
|
|
305
349
|
return options.reduce((changedOptions, option) => {
|
|
306
350
|
let newOption;
|
|
307
351
|
const id = typeof option === 'object' ? option[valueField] : option;
|
|
352
|
+
|
|
308
353
|
if (typeof option === 'object' && !getIsEmptyValue(id)) {
|
|
309
354
|
newOption = Object.assign({}, option, {
|
|
310
355
|
[valueField]: optionIdGrouping(id, prefixText),
|
|
@@ -312,9 +357,11 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
|
|
|
312
357
|
textField,
|
|
313
358
|
optionType
|
|
314
359
|
});
|
|
360
|
+
|
|
315
361
|
if (imageField) {
|
|
316
362
|
newOption.imageField = imageField;
|
|
317
363
|
}
|
|
364
|
+
|
|
318
365
|
changedOptions.push(newOption);
|
|
319
366
|
} else if (!getIsEmptyValue(id)) {
|
|
320
367
|
newOption = {
|
|
@@ -328,6 +375,7 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
|
|
|
328
375
|
};
|
|
329
376
|
changedOptions.push(newOption);
|
|
330
377
|
}
|
|
378
|
+
|
|
331
379
|
return changedOptions;
|
|
332
380
|
}, newOptions);
|
|
333
381
|
});
|
|
@@ -338,22 +386,23 @@ export const filterSelectedOptions = function () {
|
|
|
338
386
|
disabledOptions = dummyArray
|
|
339
387
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
340
388
|
// eslint-disable-next-line no-param-reassign
|
|
341
|
-
selectedOptions = selectedOptions || dummyArray;
|
|
342
|
-
|
|
343
|
-
propSelectedOptions = propSelectedOptions || dummyArray;
|
|
344
|
-
|
|
389
|
+
selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
|
|
390
|
+
|
|
391
|
+
propSelectedOptions = propSelectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
|
|
392
|
+
|
|
345
393
|
disabledOptions = disabledOptions || dummyArray;
|
|
346
|
-
const newlyAddedOptions = selectedOptions.filter(selectedOption => propSelectedOptions.indexOf(selectedOption) === -1);
|
|
394
|
+
const newlyAddedOptions = selectedOptions.filter(selectedOption => propSelectedOptions.indexOf(selectedOption) === -1); // eslint-disable-next-line max-len
|
|
347
395
|
|
|
348
|
-
// eslint-disable-next-line max-len
|
|
349
396
|
const oldValidSelectedOptions = propSelectedOptions.filter(selectedOption => {
|
|
350
397
|
const isRemoved = selectedOptions.indexOf(selectedOption) === -1;
|
|
351
398
|
const isDisabled = disabledOptions.indexOf(selectedOption) >= 0;
|
|
399
|
+
|
|
352
400
|
if (isDisabled) {
|
|
353
401
|
return true;
|
|
354
402
|
} else if (isRemoved) {
|
|
355
403
|
return false;
|
|
356
404
|
}
|
|
405
|
+
|
|
357
406
|
return true;
|
|
358
407
|
});
|
|
359
408
|
return {
|
|
@@ -364,28 +413,36 @@ export const makeGetIsShowClearIcon = () => createSelector([getSelectedOptionsSe
|
|
|
364
413
|
let countForShowClear = 2;
|
|
365
414
|
let enabledOptionsLength = 0;
|
|
366
415
|
let isShowClearIcon = selectedOptions.length >= countForShowClear;
|
|
416
|
+
|
|
367
417
|
if (disabledOptions.length) {
|
|
368
418
|
let isHaveEnabledOptions = false;
|
|
369
419
|
let isAllDisabled = disabledOptions.length === selectedOptions.length;
|
|
420
|
+
|
|
370
421
|
if (!isAllDisabled) {
|
|
371
422
|
isHaveEnabledOptions = selectedOptions.some(option => {
|
|
372
423
|
let {
|
|
373
424
|
isDisabled = false
|
|
374
425
|
} = option || {};
|
|
426
|
+
|
|
375
427
|
if (!isDisabled) {
|
|
376
428
|
enabledOptionsLength += 1;
|
|
429
|
+
|
|
377
430
|
if (enabledOptionsLength === countForShowClear) {
|
|
378
431
|
return true;
|
|
379
432
|
}
|
|
433
|
+
|
|
380
434
|
return false;
|
|
381
435
|
}
|
|
436
|
+
|
|
382
437
|
return false;
|
|
383
438
|
});
|
|
384
439
|
}
|
|
440
|
+
|
|
385
441
|
return {
|
|
386
442
|
isShowClearIcon: isAllDisabled ? !isAllDisabled : isHaveEnabledOptions
|
|
387
443
|
};
|
|
388
444
|
}
|
|
445
|
+
|
|
389
446
|
return {
|
|
390
447
|
isShowClearIcon
|
|
391
448
|
};
|
package/es/utils/getInitial.js
CHANGED
|
@@ -2,19 +2,23 @@ export function getInitial() {
|
|
|
2
2
|
let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
3
3
|
let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
4
4
|
let initial = '';
|
|
5
|
+
|
|
5
6
|
if (firstName) {
|
|
6
7
|
firstName = firstName.trim();
|
|
7
8
|
initial = firstName[0];
|
|
8
9
|
}
|
|
10
|
+
|
|
9
11
|
if (lastName) {
|
|
10
12
|
lastName = lastName.trim();
|
|
11
13
|
initial += initial ? lastName[0] : lastName.substring(0, 2);
|
|
12
14
|
}
|
|
15
|
+
|
|
13
16
|
return initial ? initial.toUpperCase() : initial;
|
|
14
17
|
}
|
|
15
18
|
export function getInitialByPattern(firstName, lastName, pattern) {
|
|
16
19
|
if (pattern[0] === 'FIRST_NAME') {
|
|
17
20
|
return getInitial(firstName, lastName);
|
|
18
21
|
}
|
|
22
|
+
|
|
19
23
|
return getInitial(lastName, firstName);
|
|
20
24
|
}
|
package/es/utils/shallowEqual.js
CHANGED
|
@@ -5,22 +5,28 @@ function is(x, y) {
|
|
|
5
5
|
return x !== x && y !== y;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
+
|
|
8
9
|
export default function shallowEqual(objA, objB) {
|
|
9
10
|
if (is(objA, objB)) {
|
|
10
11
|
return true;
|
|
11
12
|
}
|
|
13
|
+
|
|
12
14
|
if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
|
|
13
15
|
return false;
|
|
14
16
|
}
|
|
17
|
+
|
|
15
18
|
const keysA = Object.keys(objA);
|
|
16
19
|
const keysB = Object.keys(objB);
|
|
20
|
+
|
|
17
21
|
if (keysA.length !== keysB.length) {
|
|
18
22
|
return false;
|
|
19
23
|
}
|
|
24
|
+
|
|
20
25
|
for (let i = 0; i < keysA.length; i++) {
|
|
21
26
|
if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
|
|
22
27
|
return false;
|
|
23
28
|
}
|
|
24
29
|
}
|
|
30
|
+
|
|
25
31
|
return true;
|
|
26
32
|
}
|
|
@@ -1,32 +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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
+
|
|
10
14
|
var _propTypes = require("./props/propTypes");
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
12
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
13
|
-
|
|
19
|
+
|
|
20
|
+
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); } }
|
|
21
|
+
|
|
14
22
|
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
|
-
|
|
16
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
23
|
+
|
|
17
24
|
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); }
|
|
25
|
+
|
|
18
26
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
+
|
|
19
28
|
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); }; }
|
|
29
|
+
|
|
20
30
|
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); }
|
|
31
|
+
|
|
21
32
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
33
|
+
|
|
22
34
|
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; } }
|
|
35
|
+
|
|
23
36
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
37
|
+
|
|
24
38
|
var Accordion = /*#__PURE__*/function (_React$Component) {
|
|
25
39
|
_inherits(Accordion, _React$Component);
|
|
40
|
+
|
|
26
41
|
var _super = _createSuper(Accordion);
|
|
42
|
+
|
|
27
43
|
function Accordion(props) {
|
|
28
44
|
var _this;
|
|
45
|
+
|
|
29
46
|
_classCallCheck(this, Accordion);
|
|
47
|
+
|
|
30
48
|
_this = _super.call(this, props);
|
|
31
49
|
_this.state = {
|
|
32
50
|
selectedItem: _this.props.selectedItem
|
|
@@ -34,15 +52,18 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
|
|
|
34
52
|
_this.selectMenu = _this.selectMenu.bind(_assertThisInitialized(_this));
|
|
35
53
|
return _this;
|
|
36
54
|
}
|
|
55
|
+
|
|
37
56
|
_createClass(Accordion, [{
|
|
38
57
|
key: "selectMenu",
|
|
39
58
|
value: function selectMenu(selectedItem) {
|
|
40
59
|
var _this$props = this.props,
|
|
41
|
-
|
|
42
|
-
|
|
60
|
+
onSelect = _this$props.onSelect,
|
|
61
|
+
disableInternalState = _this$props.disableInternalState;
|
|
62
|
+
|
|
43
63
|
if (onSelect) {
|
|
44
64
|
onSelect(selectedItem);
|
|
45
65
|
}
|
|
66
|
+
|
|
46
67
|
!disableInternalState && this.setState({
|
|
47
68
|
selectedItem: selectedItem
|
|
48
69
|
});
|
|
@@ -60,16 +81,18 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
|
|
|
60
81
|
key: "render",
|
|
61
82
|
value: function render() {
|
|
62
83
|
var _this2 = this;
|
|
84
|
+
|
|
63
85
|
var _this$props2 = this.props,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
86
|
+
className = _this$props2.className,
|
|
87
|
+
height = _this$props2.height,
|
|
88
|
+
unMount = _this$props2.unMount,
|
|
89
|
+
disableInternalState = _this$props2.disableInternalState,
|
|
90
|
+
propSelectedItem = _this$props2.selectedItem,
|
|
91
|
+
a11y = _this$props2.a11y,
|
|
92
|
+
dataId = _this$props2.dataId,
|
|
93
|
+
dataSelectorId = _this$props2.dataSelectorId;
|
|
72
94
|
var selectedItem = this.state.selectedItem;
|
|
95
|
+
|
|
73
96
|
var children = _react["default"].Children.map(this.props.children, function (child) {
|
|
74
97
|
if (child) {
|
|
75
98
|
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
@@ -79,9 +102,10 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
|
|
|
79
102
|
});
|
|
80
103
|
}
|
|
81
104
|
});
|
|
105
|
+
|
|
82
106
|
var role = a11y.role,
|
|
83
|
-
|
|
84
|
-
|
|
107
|
+
ariaExpanded = a11y.ariaExpanded,
|
|
108
|
+
ariaHaspopup = a11y.ariaHaspopup;
|
|
85
109
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
86
110
|
className: className ? className : '',
|
|
87
111
|
style: {
|
|
@@ -95,13 +119,13 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
|
|
|
95
119
|
}, children);
|
|
96
120
|
}
|
|
97
121
|
}]);
|
|
122
|
+
|
|
98
123
|
return Accordion;
|
|
99
124
|
}(_react["default"].Component);
|
|
125
|
+
|
|
100
126
|
exports["default"] = Accordion;
|
|
101
127
|
Accordion.propTypes = _propTypes.Accordion_propTypes;
|
|
102
|
-
Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
|
|
103
|
-
|
|
104
|
-
// if (__DOCS__) {
|
|
128
|
+
Accordion.defaultProps = _defaultProps.Accordion_defaultProps; // if (__DOCS__) {
|
|
105
129
|
// Accordion.docs = {
|
|
106
130
|
// componentGroup: 'Animation',
|
|
107
131
|
// folderName: 'Style Guide'
|
|
@@ -1,61 +1,82 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
+
|
|
10
14
|
var _propTypes = require("./props/propTypes");
|
|
15
|
+
|
|
11
16
|
var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
|
|
17
|
+
|
|
12
18
|
var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
14
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
|
|
23
|
+
|
|
24
|
+
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); } }
|
|
25
|
+
|
|
16
26
|
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
|
-
|
|
18
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
27
|
+
|
|
19
28
|
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); }
|
|
29
|
+
|
|
20
30
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
+
|
|
21
32
|
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); }; }
|
|
33
|
+
|
|
22
34
|
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); }
|
|
35
|
+
|
|
23
36
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
37
|
+
|
|
24
38
|
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; } }
|
|
39
|
+
|
|
25
40
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
+
|
|
26
42
|
var AccordionItem = /*#__PURE__*/function (_React$Component) {
|
|
27
43
|
_inherits(AccordionItem, _React$Component);
|
|
44
|
+
|
|
28
45
|
var _super = _createSuper(AccordionItem);
|
|
46
|
+
|
|
29
47
|
function AccordionItem(props) {
|
|
30
48
|
var _this;
|
|
49
|
+
|
|
31
50
|
_classCallCheck(this, AccordionItem);
|
|
51
|
+
|
|
32
52
|
_this = _super.call(this, props);
|
|
33
53
|
_this.equalityCheck = _this.equalityCheck.bind(_assertThisInitialized(_this));
|
|
34
54
|
return _this;
|
|
35
55
|
}
|
|
56
|
+
|
|
36
57
|
_createClass(AccordionItem, [{
|
|
37
58
|
key: "equalityCheck",
|
|
38
59
|
value: function equalityCheck() {
|
|
39
60
|
var _this$props = this.props,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
61
|
+
equalityCheck = _this$props.equalityCheck,
|
|
62
|
+
selectedItem = _this$props.selectedItem,
|
|
63
|
+
id = _this$props.id;
|
|
43
64
|
return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
|
|
44
65
|
}
|
|
45
66
|
}, {
|
|
46
67
|
key: "render",
|
|
47
68
|
value: function render() {
|
|
48
69
|
var _this$props2 = this.props,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
70
|
+
id = _this$props2.id,
|
|
71
|
+
selectMenu = _this$props2.selectMenu,
|
|
72
|
+
className = _this$props2.className,
|
|
73
|
+
children = _this$props2.children,
|
|
74
|
+
dataId = _this$props2.dataId,
|
|
75
|
+
dataSelectorId = _this$props2.dataSelectorId,
|
|
76
|
+
unMount = _this$props2.unMount,
|
|
77
|
+
unMountItem = _this$props2.unMountItem,
|
|
78
|
+
a11y = _this$props2.a11y,
|
|
79
|
+
innerClass = _this$props2.innerClass;
|
|
59
80
|
unMountItem = unMountItem !== undefined ? unMountItem : unMount;
|
|
60
81
|
var role = a11y.role;
|
|
61
82
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -75,12 +96,13 @@ var AccordionItem = /*#__PURE__*/function (_React$Component) {
|
|
|
75
96
|
}, children[1]));
|
|
76
97
|
}
|
|
77
98
|
}]);
|
|
99
|
+
|
|
78
100
|
return AccordionItem;
|
|
79
101
|
}(_react["default"].Component);
|
|
102
|
+
|
|
80
103
|
exports["default"] = AccordionItem;
|
|
81
104
|
AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
|
|
82
|
-
AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
|
|
83
|
-
// if (__DOCS__) {
|
|
105
|
+
AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps; // if (__DOCS__) {
|
|
84
106
|
// AccordionItem.docs = {
|
|
85
107
|
// componentGroup: 'Animation',
|
|
86
108
|
// folderName: 'Style Guide'
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
4
5
|
var _index = require("../index");
|
|
6
|
+
|
|
5
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
|
+
|
|
6
9
|
describe('Accordion component specification', function () {
|
|
7
10
|
it('open accordion item id 1 ', function () {
|
|
8
11
|
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
|
package/lib/Accordion/index.js
CHANGED
|
@@ -15,6 +15,9 @@ Object.defineProperty(exports, "AccordionItem", {
|
|
|
15
15
|
return _AccordionItem["default"];
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
|
|
18
19
|
var _Accordion = _interopRequireDefault(require("./Accordion"));
|
|
20
|
+
|
|
19
21
|
var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
|
|
22
|
+
|
|
20
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Accordion_propTypes = exports.AccordionItem_propTypes = void 0;
|
|
7
|
+
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
9
12
|
var Accordion_propTypes = {
|
|
10
13
|
children: _propTypes["default"].node,
|
|
11
14
|
className: _propTypes["default"].string,
|