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