@laerdal/life-react-components 3.5.2 → 3.6.0-dev.1.full
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/dist/Chips/ChoiceChips.cjs +1 -0
- package/dist/Chips/ChoiceChips.cjs.map +1 -1
- package/dist/Chips/ChoiceChips.js +1 -0
- package/dist/Chips/ChoiceChips.js.map +1 -1
- package/dist/ChipsInput/ChipDropdownInput.cjs +1 -1
- package/dist/ChipsInput/ChipDropdownInput.cjs.map +1 -1
- package/dist/ChipsInput/ChipDropdownInput.js +1 -1
- package/dist/ChipsInput/ChipDropdownInput.js.map +1 -1
- package/dist/Dropdown/BasicDropdown.cjs +2 -0
- package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
- package/dist/Dropdown/BasicDropdown.js +2 -0
- package/dist/Dropdown/BasicDropdown.js.map +1 -1
- package/dist/Dropdown/CommonStyling.cjs +1 -1
- package/dist/Dropdown/CommonStyling.cjs.map +1 -1
- package/dist/Dropdown/CommonStyling.js +1 -1
- package/dist/Dropdown/CommonStyling.js.map +1 -1
- package/dist/Dropdown/DropdownButton.cjs +4 -0
- package/dist/Dropdown/DropdownButton.cjs.map +1 -1
- package/dist/Dropdown/DropdownButton.js +4 -0
- package/dist/Dropdown/DropdownButton.js.map +1 -1
- package/dist/Dropdown/DropdownContent.cjs +1 -1
- package/dist/Dropdown/DropdownContent.cjs.map +1 -1
- package/dist/Dropdown/DropdownContent.js +1 -1
- package/dist/Dropdown/DropdownContent.js.map +1 -1
- package/dist/Dropdown/DropdownFilter.cjs +2 -0
- package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
- package/dist/Dropdown/DropdownFilter.js +2 -0
- package/dist/Dropdown/DropdownFilter.js.map +1 -1
- package/dist/Dropdown/index.cjs +0 -12
- package/dist/Dropdown/index.cjs.map +1 -1
- package/dist/Dropdown/index.d.ts +0 -1
- package/dist/Dropdown/index.js +0 -1
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs +0 -1
- package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs.map +1 -1
- package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js +0 -1
- package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js.map +1 -1
- package/dist/GlobalNavigationBar/desktop/SubMenu.cjs +0 -1
- package/dist/GlobalNavigationBar/desktop/SubMenu.cjs.map +1 -1
- package/dist/GlobalNavigationBar/desktop/SubMenu.js +0 -1
- package/dist/GlobalNavigationBar/desktop/SubMenu.js.map +1 -1
- package/dist/InputFields/QuickSearch.cjs +1 -1
- package/dist/InputFields/QuickSearch.cjs.map +1 -1
- package/dist/InputFields/QuickSearch.js +1 -1
- package/dist/InputFields/QuickSearch.js.map +1 -1
- package/dist/List/ListRow.cjs +1 -1
- package/dist/List/ListRow.cjs.map +1 -1
- package/dist/List/ListRow.d.ts +1 -1
- package/dist/List/ListRow.js +1 -1
- package/dist/List/ListRow.js.map +1 -1
- package/dist/Table/TableBody.cjs +1 -1
- package/dist/Table/TableBody.cjs.map +1 -1
- package/dist/Table/TableBody.js +1 -1
- package/dist/Table/TableBody.js.map +1 -1
- package/dist/Table/TableFooter.cjs +2 -0
- package/dist/Table/TableFooter.cjs.map +1 -1
- package/dist/Table/TableFooter.js +2 -0
- package/dist/Table/TableFooter.js.map +1 -1
- package/dist/styles/typography.cjs +59 -35
- package/dist/styles/typography.cjs.map +1 -1
- package/dist/styles/typography.d.ts +1 -1
- package/dist/styles/typography.js +59 -35
- package/dist/styles/typography.js.map +1 -1
- package/dist/test-utils.cjs +42 -0
- package/dist/test-utils.cjs.map +1 -0
- package/dist/test-utils.d.ts +5 -0
- package/dist/test-utils.js +22 -0
- package/dist/test-utils.js.map +1 -0
- package/package.json +34 -10
|
@@ -84,6 +84,7 @@ var ChoiceChips = function ChoiceChips(_ref) {
|
|
|
84
84
|
tabIndex: disabled ? -1 : 0,
|
|
85
85
|
className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selectedChip === value ? 'default' : 'outline', " interactive ").concat(className || ''),
|
|
86
86
|
onMouseDown: _common.defaultOnMouseDownHandler,
|
|
87
|
+
"aria-checked": selectedChip === value,
|
|
87
88
|
onClick: function onClick() {
|
|
88
89
|
return !disabled && onSelectChip(item);
|
|
89
90
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceChips.cjs","names":["React","_interopRequireWildcard","require","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","_React$useState","useState","_React$useState2","_slicedToArray2","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","key","jsx","role","children","map","item","_item$size","size","Size","Medium","label","className","rest","_objectWithoutProperties2","ChipContainer","tabIndex","concat","onMouseDown","defaultOnMouseDownHandler","onKeyDown","ChipContentContainer","ChipContent","_default","exports"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n selected,\r\n disabled,\r\n onClick,\r\n values,\r\n dataTestId\r\n }: ChoiceChipProps) => {\r\n /**\r\n * Globally used variables within the component.\r\n */\r\n const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n /**\r\n * Set the selected value for the chip.\r\n */\r\n React.useEffect(() => {\r\n setSelectedChip(selected);\r\n }, [selected]);\r\n\r\n /**\r\n * Sets selected chip and fires an event to parent component.\r\n * @param value - Chip which was selected.\r\n */\r\n const onSelectChip = (value: ChipValue) => {\r\n // Update selected chip\r\n setSelectedChip(value.value);\r\n\r\n // Fire the event\r\n onClick && onClick(value);\r\n };\r\n\r\n const handleKeyDown = (e: any, value: ChipValue) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n onSelectChip(value);\r\n }\r\n };\r\n\r\n /**\r\n * Return Choice Chip component.\r\n */\r\n return (\r\n <div role=\"radiogroup\" data-testid={dataTestId}>\r\n {values.map((item: ChipValue) => {\r\n const {value, size = Size.Medium, label, className, ...rest } = item;\r\n return (\r\n <ChipContainer\r\n role=\"radio\"\r\n key={value}\r\n tabIndex={disabled ? -1 : 0}\r\n className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n onMouseDown={defaultOnMouseDownHandler}\r\n onClick={() => !disabled && onSelectChip(item)}\r\n onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n {...rest}>\r\n <ChipContentContainer>\r\n <ChipContent>\r\n {label}\r\n </ChipContent>\r\n </ChipContentContainer>\r\n </ChipContainer>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ChoiceChips.cjs","names":["React","_interopRequireWildcard","require","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","_React$useState","useState","_React$useState2","_slicedToArray2","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","key","jsx","role","children","map","item","_item$size","size","Size","Medium","label","className","rest","_objectWithoutProperties2","ChipContainer","tabIndex","concat","onMouseDown","defaultOnMouseDownHandler","onKeyDown","ChipContentContainer","ChipContent","_default","exports"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n selected,\r\n disabled,\r\n onClick,\r\n values,\r\n dataTestId\r\n }: ChoiceChipProps) => {\r\n /**\r\n * Globally used variables within the component.\r\n */\r\n const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n /**\r\n * Set the selected value for the chip.\r\n */\r\n React.useEffect(() => {\r\n setSelectedChip(selected);\r\n }, [selected]);\r\n\r\n /**\r\n * Sets selected chip and fires an event to parent component.\r\n * @param value - Chip which was selected.\r\n */\r\n const onSelectChip = (value: ChipValue) => {\r\n // Update selected chip\r\n setSelectedChip(value.value);\r\n\r\n // Fire the event\r\n onClick && onClick(value);\r\n };\r\n\r\n const handleKeyDown = (e: any, value: ChipValue) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n onSelectChip(value);\r\n }\r\n };\r\n\r\n /**\r\n * Return Choice Chip component.\r\n */\r\n return (\r\n <div role=\"radiogroup\" data-testid={dataTestId}>\r\n {values.map((item: ChipValue) => {\r\n const {value, size = Size.Medium, label, className, ...rest } = item;\r\n return (\r\n <ChipContainer\r\n role=\"radio\"\r\n key={value}\r\n tabIndex={disabled ? -1 : 0}\r\n className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n onMouseDown={defaultOnMouseDownHandler}\r\n aria-checked={selectedChip === value}\r\n onClick={() => !disabled && onSelectChip(item)}\r\n onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n {...rest}>\r\n <ChipContentContainer>\r\n <ChipContent>\r\n {label}\r\n </ChipContent>\r\n </ChipContentContainer>\r\n </ChipContainer>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -77,6 +77,7 @@ var ChoiceChips = function ChoiceChips(_ref) {
|
|
|
77
77
|
tabIndex: disabled ? -1 : 0,
|
|
78
78
|
className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selectedChip === value ? 'default' : 'outline', " interactive ").concat(className || ''),
|
|
79
79
|
onMouseDown: defaultOnMouseDownHandler,
|
|
80
|
+
"aria-checked": selectedChip === value,
|
|
80
81
|
onClick: function onClick() {
|
|
81
82
|
return !disabled && onSelectChip(item);
|
|
82
83
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceChips.js","names":["React","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","Size","jsx","_jsx","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","_React$useState","useState","_React$useState2","_slicedToArray","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","e","key","role","children","map","item","_item$size","size","Medium","label","className","rest","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","concat","onMouseDown","onKeyDown"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n selected,\r\n disabled,\r\n onClick,\r\n values,\r\n dataTestId\r\n }: ChoiceChipProps) => {\r\n /**\r\n * Globally used variables within the component.\r\n */\r\n const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n /**\r\n * Set the selected value for the chip.\r\n */\r\n React.useEffect(() => {\r\n setSelectedChip(selected);\r\n }, [selected]);\r\n\r\n /**\r\n * Sets selected chip and fires an event to parent component.\r\n * @param value - Chip which was selected.\r\n */\r\n const onSelectChip = (value: ChipValue) => {\r\n // Update selected chip\r\n setSelectedChip(value.value);\r\n\r\n // Fire the event\r\n onClick && onClick(value);\r\n };\r\n\r\n const handleKeyDown = (e: any, value: ChipValue) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n onSelectChip(value);\r\n }\r\n };\r\n\r\n /**\r\n * Return Choice Chip component.\r\n */\r\n return (\r\n <div role=\"radiogroup\" data-testid={dataTestId}>\r\n {values.map((item: ChipValue) => {\r\n const {value, size = Size.Medium, label, className, ...rest } = item;\r\n return (\r\n <ChipContainer\r\n role=\"radio\"\r\n key={value}\r\n tabIndex={disabled ? -1 : 0}\r\n className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n onMouseDown={defaultOnMouseDownHandler}\r\n onClick={() => !disabled && onSelectChip(item)}\r\n onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n {...rest}>\r\n <ChipContentContainer>\r\n <ChipContent>\r\n {label}\r\n </ChipContent>\r\n </ChipContentContainer>\r\n </ChipContainer>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AACnD,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,IAAMC,WAAqD,GAAG,SAAxDA,WAAqDA,CAAAC,IAAA,EAM2B;EAAA,IALrBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,UAAU,GAAAL,IAAA,CAAVK,UAAU;EAEzE;AACF;AACA;EACE,IAAAC,eAAA,GAAwCf,KAAK,CAACgB,QAAQ,CAAS,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA3DI,YAAY,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;;EAEpC;AACF;AACA;EACEjB,KAAK,CAACqB,SAAS,CAAC,YAAM;IACpBD,eAAe,CAACV,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;AACF;AACA;AACA;EACE,IAAMY,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAgB,EAAK;IACzC;IACAH,eAAe,CAACG,KAAK,CAACA,KAAK,CAAC;;IAE5B;IACAX,OAAO,IAAIA,OAAO,CAACW,KAAK,CAAC;EAC3B,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,CAAM,EAAEF,KAAgB,EAAK;IAClD,IAAIE,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACtCJ,YAAY,CAACC,KAAK,CAAC;IACrB;EACF,CAAC;;EAED;AACF;AACA;EACE,oBACEhB,IAAA;IAAKoB,IAAI,EAAC,YAAY;IAAC,eAAab,UAAW;IAAAc,QAAA,EAC5Cf,MAAM,CAACgB,GAAG,CAAC,UAACC,IAAe,EAAK;MAC/B,IAAOP,KAAK,GAAoDO,IAAI,CAA7DP,KAAK;QAAAQ,UAAA,GAAoDD,IAAI,CAAtDE,IAAI;QAAJA,IAAI,GAAAD,UAAA,cAAG1B,IAAI,CAAC4B,MAAM,GAAAF,UAAA;QAAEG,KAAK,GAAyBJ,IAAI,CAAlCI,KAAK;QAAEC,SAAS,GAAcL,IAAI,CAA3BK,SAAS;QAAKC,IAAI,GAAAC,wBAAA,CAAKP,IAAI,EAAAQ,SAAA;MACpE,oBACE/B,IAAA,CAACN,aAAa,EAAAsC,aAAA,CAAAA,aAAA;QACZZ,IAAI,EAAC,OAAO;QAEZa,QAAQ,EAAE7B,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5BwB,SAAS,KAAAM,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAI9B,QAAQ,GAAG,UAAU,GAAG,EAAE,OAAA8B,MAAA,CAAItB,YAAY,KAAKI,KAAK,GAAG,SAAS,GAAG,SAAS,mBAAAkB,MAAA,CAAgBN,SAAS,IAAI,EAAE,CAAG;QACpIO,WAAW,EAAEtC,yBAA0B;
|
|
1
|
+
{"version":3,"file":"ChoiceChips.js","names":["React","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","Size","jsx","_jsx","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","_React$useState","useState","_React$useState2","_slicedToArray","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","e","key","role","children","map","item","_item$size","size","Medium","label","className","rest","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","concat","onMouseDown","onKeyDown"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n selected,\r\n disabled,\r\n onClick,\r\n values,\r\n dataTestId\r\n }: ChoiceChipProps) => {\r\n /**\r\n * Globally used variables within the component.\r\n */\r\n const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n /**\r\n * Set the selected value for the chip.\r\n */\r\n React.useEffect(() => {\r\n setSelectedChip(selected);\r\n }, [selected]);\r\n\r\n /**\r\n * Sets selected chip and fires an event to parent component.\r\n * @param value - Chip which was selected.\r\n */\r\n const onSelectChip = (value: ChipValue) => {\r\n // Update selected chip\r\n setSelectedChip(value.value);\r\n\r\n // Fire the event\r\n onClick && onClick(value);\r\n };\r\n\r\n const handleKeyDown = (e: any, value: ChipValue) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n onSelectChip(value);\r\n }\r\n };\r\n\r\n /**\r\n * Return Choice Chip component.\r\n */\r\n return (\r\n <div role=\"radiogroup\" data-testid={dataTestId}>\r\n {values.map((item: ChipValue) => {\r\n const {value, size = Size.Medium, label, className, ...rest } = item;\r\n return (\r\n <ChipContainer\r\n role=\"radio\"\r\n key={value}\r\n tabIndex={disabled ? -1 : 0}\r\n className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n onMouseDown={defaultOnMouseDownHandler}\r\n aria-checked={selectedChip === value}\r\n onClick={() => !disabled && onSelectChip(item)}\r\n onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n {...rest}>\r\n <ChipContentContainer>\r\n <ChipContent>\r\n {label}\r\n </ChipContent>\r\n </ChipContentContainer>\r\n </ChipContainer>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -215,7 +215,7 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
215
215
|
return function () {
|
|
216
216
|
document.removeEventListener('click', handleClickOutside);
|
|
217
217
|
};
|
|
218
|
-
}
|
|
218
|
+
});
|
|
219
219
|
|
|
220
220
|
/**
|
|
221
221
|
* update dropdown items when filtered list changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipDropdownInput.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ChipInputField","_types","_Dropdown","_common","_styles","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Wrapper","styled","div","_taggedTemplateLiteral2","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","_ref$multiLine","multiLine","_ref$size","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","useClickOutsideRef","useFocusOutsideRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","find","b","label","index","variant","States","Default","newList","options","_toConsumableArray2","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","jsxs","children","jsx","ChipInputField","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","DropdownContent","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","exports","propTypes","_propTypes","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {Size, States} from '../types';\r\nimport {DropdownContent, DropdownItem} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {Z_INDEXES} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n\r\n ${ChipInputContainer} {\r\n position: relative;\r\n\r\n &:focus, &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n }\r\n }\r\n`;\r\n\r\n\r\ninterface ListItem extends ChipItem {\r\n secondaryLabel?: string;\r\n value: string;\r\n}\r\n\r\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\r\n /** Array of items available. */\r\n list: ListItem[] | string[];\r\n /** On input selected/unselected. */\r\n onInputChange?: (input: string) => void;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n messageOnNoResults?: string;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n suggestion?: ListItem;\r\n /** If flag is set then loader will be shown in the input field. */\r\n loading?: boolean;\r\n /** Max number of chips that user can select. */\r\n maxSelectedItems?: number;\r\n /** Disable sorting of options in the dropdown. */\r\n disableSorting?: boolean;\r\n /** Disable filtering of options depending on user input in the dropdown. */\r\n disableFiltering?: boolean;\r\n}\r\n\r\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\r\n list,\r\n onInputChange,\r\n disableSorting,\r\n messageOnNoResults,\r\n values,\r\n inputId,\r\n variants,\r\n placeholder,\r\n validationMessage,\r\n onValueChange,\r\n suggestion,\r\n loading,\r\n maxSelectedItems,\r\n multiLine = true,\r\n size = Size.Medium,\r\n icon,\r\n disableFiltering,\r\n disabled,\r\n altPlaceholder,\r\n required,\r\n ...rest\r\n }: ChipDropdownInputProps, ref) => {\r\n // Initiate states\r\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\r\n const [chips, setChips] = React.useState<ListItem[]>([]);\r\n\r\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n const [value, setValue] = React.useState<string>('');\r\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\r\n\r\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\r\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\r\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\r\n\r\n const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\r\n const inputRef = React.useRef<any>();\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n\r\n /**\r\n * Sets initial values for the chips.\r\n */\r\n React.useEffect(() => {\r\n\r\n const list =\r\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\r\n label: a,\r\n value: a,\r\n icon: icon\r\n })\r\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\r\n .map((a, index) => ({...a, icon: a.icon || icon}));\r\n\r\n setChips(list);\r\n }, [values, variants, icon, givenList]);\r\n\r\n /**\r\n * Convert string[] to List[] if necessary\r\n */\r\n React.useEffect(() => {\r\n if (typeof list[0] === 'string') {\r\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\r\n setGivenList(newList);\r\n } else {\r\n setGivenList(list as ListItem[]);\r\n }\r\n }, [list]);\r\n\r\n /**\r\n * filter and sort list if remoteOperations is false\r\n * */\r\n React.useEffect(() => {\r\n let options = [...givenList];\r\n if (!disableFiltering) {\r\n if (!restartFilter && value !== '') {\r\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\r\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\r\n }\r\n }\r\n\r\n if (!disableSorting) {\r\n options = options.sort();\r\n }\r\n\r\n suggestion && options.push(suggestion);\r\n\r\n options = options.filter((o) => !chips.find(a => a.value === o.value));\r\n setFilteredList(options);\r\n }, [value, givenList, chips, disableFiltering, disableSorting]);\r\n\r\n /**\r\n * if there is only one active item in dropdown mark it as focused\r\n * */\r\n React.useEffect(() => {\r\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\r\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\r\n } else {\r\n setDropdownValue('');\r\n }\r\n }, [dropdownList, dropdownIsOpen, value]);\r\n\r\n const handleClickOutside = (e: any) => {\r\n if (!containerRef.current?.contains(e.target)) {\r\n if (dropdownIsOpen) {\r\n setDropdownIsOpen(false);\r\n if (!givenList.find((e) => e.value === value)) {\r\n setValue('');\r\n }\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * register click outside event listener\r\n * */\r\n React.useEffect(() => {\r\n document.addEventListener('click', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('click', handleClickOutside);\r\n };\r\n }, []);\r\n\r\n /**\r\n * update dropdown items when filtered list changes\r\n * */\r\n React.useEffect(() => {\r\n setDropdownList(filteredList?.map(x => ({\r\n value: x.value,\r\n displayLabel: x.label,\r\n noteLabel: x.secondaryLabel,\r\n icon: (x.icon ?? icon),\r\n disabled: x.disabled,\r\n })) ?? []);\r\n }, [filteredList]);\r\n\r\n const addChip = (newChip: ListItem) => {\r\n const newList = [...chips, newChip];\r\n // Let's add the chip\r\n setChips(newList);\r\n onValueChange(newList.map(a => a.value));\r\n\r\n setValue('');\r\n };\r\n\r\n const handleInputValueChange = (value: string) => {\r\n setValue(value);\r\n setRestartFilter(false);\r\n setDropdownIsOpen(true);\r\n onInputChange && onInputChange(value);\r\n }\r\n\r\n /**\r\n * Add chip from dropdown\r\n * */\r\n const handleValueUpdate = (values: string[]) => {\r\n const item = filteredList?.find(a => a.value === values[0]);\r\n item && addChip(item);\r\n setRestartFilter(true);\r\n inputRef?.current?.focus();\r\n }\r\n\r\n /**\r\n * Adds a chip to the chip list.\r\n * @param event - Event handler from the key down event.\r\n */\r\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n // Let's trigger only on enter, comma and space key press\r\n if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\r\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\r\n event.stopPropagation();\r\n }\r\n }\r\n\r\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\r\n setDropdownIsOpen(true);\r\n }\r\n };\r\n\r\n /**\r\n * Removes a specific chip from the chip list.\r\n * @param index - Index of the chip that needs to be removed.\r\n */\r\n const handleOnChipRemoved = (index: number): void => {\r\n // Let's copy the chips\r\n const newChips = [...chips];\r\n\r\n // Let's delete the chip\r\n // If necessary, let's replace it with a different chip\r\n newChips.splice(index, 1);\r\n\r\n // Let's update the chip list\r\n setChips([...newChips]);\r\n onValueChange(newChips.map((e) => e.value));\r\n };\r\n\r\n return (\r\n <Wrapper ref={containerRef}>\r\n <ChipInputField inputId={inputId}\r\n ref={inputRef}\r\n items={chips}\r\n required={required}\r\n inputValue={value}\r\n role=\"combobox\"\r\n aria-activedescendant={activeDescendant}\r\n size={size}\r\n placeholder={placeholder}\r\n altPlaceholder={altPlaceholder}\r\n disabled={disabled}\r\n multiLine={multiLine}\r\n validationMessage={validationMessage}\r\n loading={loading}\r\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\r\n onInputValueChange={handleInputValueChange}\r\n onInputKeyDown={handleInputKeyDown}\r\n onActivationChange={(value) => setDropdownIsOpen(value)}\r\n {...rest}/>\r\n <DropdownContent\r\n containerRef={containerRef}\r\n customizationProps={{\r\n action: () => {\r\n },\r\n pinTopItem: true,\r\n\r\n itemsType: 'normal',\r\n scrollable: true,\r\n actionLabel: '',\r\n multiSelect: false,\r\n onValueUpdate: handleValueUpdate,\r\n items: dropdownList,\r\n }}\r\n ariaRolesType=\"input\"\r\n focused={focused}\r\n setFocused={setFocused}\r\n onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n selectedValues={[dropdownValue]}\r\n messageOnNoResults={messageOnNoResults ?? ''}\r\n setSelectedValues={() => {\r\n }}\r\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\r\n setIsOpen={setDropdownIsOpen}\r\n filter={''}\r\n isButton={false}\r\n id={`${inputId}_dropdowncontent`}/>\r\n\r\n </Wrapper>\r\n );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ChipDropdownInput.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ChipInputField","_types","_Dropdown","_common","_styles","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Wrapper","styled","div","_taggedTemplateLiteral2","ChipInputContainer","Z_INDEXES","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","_ref$multiLine","multiLine","_ref$size","size","Size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","useClickOutsideRef","useFocusOutsideRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","find","b","label","index","variant","States","Default","newList","options","_toConsumableArray2","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","jsxs","children","jsx","ChipInputField","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","DropdownContent","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","exports","propTypes","_propTypes","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {Size, States} from '../types';\r\nimport {DropdownContent, DropdownItem} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {Z_INDEXES} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n\r\n ${ChipInputContainer} {\r\n position: relative;\r\n\r\n &:focus, &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n }\r\n }\r\n`;\r\n\r\n\r\ninterface ListItem extends ChipItem {\r\n secondaryLabel?: string;\r\n value: string;\r\n}\r\n\r\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\r\n /** Array of items available. */\r\n list: ListItem[] | string[];\r\n /** On input selected/unselected. */\r\n onInputChange?: (input: string) => void;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n messageOnNoResults?: string;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n suggestion?: ListItem;\r\n /** If flag is set then loader will be shown in the input field. */\r\n loading?: boolean;\r\n /** Max number of chips that user can select. */\r\n maxSelectedItems?: number;\r\n /** Disable sorting of options in the dropdown. */\r\n disableSorting?: boolean;\r\n /** Disable filtering of options depending on user input in the dropdown. */\r\n disableFiltering?: boolean;\r\n}\r\n\r\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\r\n list,\r\n onInputChange,\r\n disableSorting,\r\n messageOnNoResults,\r\n values,\r\n inputId,\r\n variants,\r\n placeholder,\r\n validationMessage,\r\n onValueChange,\r\n suggestion,\r\n loading,\r\n maxSelectedItems,\r\n multiLine = true,\r\n size = Size.Medium,\r\n icon,\r\n disableFiltering,\r\n disabled,\r\n altPlaceholder,\r\n required,\r\n ...rest\r\n }: ChipDropdownInputProps, ref) => {\r\n // Initiate states\r\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\r\n const [chips, setChips] = React.useState<ListItem[]>([]);\r\n\r\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n const [value, setValue] = React.useState<string>('');\r\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\r\n\r\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\r\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\r\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\r\n\r\n const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\r\n const inputRef = React.useRef<any>();\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n\r\n /**\r\n * Sets initial values for the chips.\r\n */\r\n React.useEffect(() => {\r\n\r\n const list =\r\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\r\n label: a,\r\n value: a,\r\n icon: icon\r\n })\r\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\r\n .map((a, index) => ({...a, icon: a.icon || icon}));\r\n\r\n setChips(list);\r\n }, [values, variants, icon, givenList]);\r\n\r\n /**\r\n * Convert string[] to List[] if necessary\r\n */\r\n React.useEffect(() => {\r\n if (typeof list[0] === 'string') {\r\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\r\n setGivenList(newList);\r\n } else {\r\n setGivenList(list as ListItem[]);\r\n }\r\n }, [list]);\r\n\r\n /**\r\n * filter and sort list if remoteOperations is false\r\n * */\r\n React.useEffect(() => {\r\n let options = [...givenList];\r\n if (!disableFiltering) {\r\n if (!restartFilter && value !== '') {\r\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\r\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\r\n }\r\n }\r\n\r\n if (!disableSorting) {\r\n options = options.sort();\r\n }\r\n\r\n suggestion && options.push(suggestion);\r\n\r\n options = options.filter((o) => !chips.find(a => a.value === o.value));\r\n setFilteredList(options);\r\n }, [value, givenList, chips, disableFiltering, disableSorting]);\r\n\r\n /**\r\n * if there is only one active item in dropdown mark it as focused\r\n * */\r\n React.useEffect(() => {\r\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\r\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\r\n } else {\r\n setDropdownValue('');\r\n }\r\n }, [dropdownList, dropdownIsOpen, value]);\r\n\r\n const handleClickOutside = (e: any) => {\r\n if (!containerRef.current?.contains(e.target)) {\r\n if (dropdownIsOpen) {\r\n setDropdownIsOpen(false);\r\n if (!givenList.find((e) => e.value === value)) {\r\n setValue('');\r\n }\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * register click outside event listener\r\n * */\r\n React.useEffect(() => {\r\n document.addEventListener('click', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('click', handleClickOutside);\r\n };\r\n });\r\n\r\n /**\r\n * update dropdown items when filtered list changes\r\n * */\r\n React.useEffect(() => {\r\n setDropdownList(filteredList?.map(x => ({\r\n value: x.value,\r\n displayLabel: x.label,\r\n noteLabel: x.secondaryLabel,\r\n icon: (x.icon ?? icon),\r\n disabled: x.disabled,\r\n })) ?? []);\r\n }, [filteredList]);\r\n\r\n const addChip = (newChip: ListItem) => {\r\n const newList = [...chips, newChip];\r\n // Let's add the chip\r\n setChips(newList);\r\n onValueChange(newList.map(a => a.value));\r\n\r\n setValue('');\r\n };\r\n\r\n const handleInputValueChange = (value: string) => {\r\n setValue(value);\r\n setRestartFilter(false);\r\n setDropdownIsOpen(true);\r\n onInputChange && onInputChange(value);\r\n }\r\n\r\n /**\r\n * Add chip from dropdown\r\n * */\r\n const handleValueUpdate = (values: string[]) => {\r\n const item = filteredList?.find(a => a.value === values[0]);\r\n item && addChip(item);\r\n setRestartFilter(true);\r\n inputRef?.current?.focus();\r\n }\r\n\r\n /**\r\n * Adds a chip to the chip list.\r\n * @param event - Event handler from the key down event.\r\n */\r\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n // Let's trigger only on enter, comma and space key press\r\n if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\r\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\r\n event.stopPropagation();\r\n }\r\n }\r\n\r\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\r\n setDropdownIsOpen(true);\r\n }\r\n };\r\n\r\n /**\r\n * Removes a specific chip from the chip list.\r\n * @param index - Index of the chip that needs to be removed.\r\n */\r\n const handleOnChipRemoved = (index: number): void => {\r\n // Let's copy the chips\r\n const newChips = [...chips];\r\n\r\n // Let's delete the chip\r\n // If necessary, let's replace it with a different chip\r\n newChips.splice(index, 1);\r\n\r\n // Let's update the chip list\r\n setChips([...newChips]);\r\n onValueChange(newChips.map((e) => e.value));\r\n };\r\n\r\n return (\r\n <Wrapper ref={containerRef}>\r\n <ChipInputField inputId={inputId}\r\n ref={inputRef}\r\n items={chips}\r\n required={required}\r\n inputValue={value}\r\n role=\"combobox\"\r\n aria-activedescendant={activeDescendant}\r\n size={size}\r\n placeholder={placeholder}\r\n altPlaceholder={altPlaceholder}\r\n disabled={disabled}\r\n multiLine={multiLine}\r\n validationMessage={validationMessage}\r\n loading={loading}\r\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\r\n onInputValueChange={handleInputValueChange}\r\n onInputKeyDown={handleInputKeyDown}\r\n onActivationChange={(value) => setDropdownIsOpen(value)}\r\n {...rest}/>\r\n <DropdownContent\r\n containerRef={containerRef}\r\n customizationProps={{\r\n action: () => {\r\n },\r\n pinTopItem: true,\r\n\r\n itemsType: 'normal',\r\n scrollable: true,\r\n actionLabel: '',\r\n multiSelect: false,\r\n onValueUpdate: handleValueUpdate,\r\n items: dropdownList,\r\n }}\r\n ariaRolesType=\"input\"\r\n focused={focused}\r\n setFocused={setFocused}\r\n onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n selectedValues={[dropdownValue]}\r\n messageOnNoResults={messageOnNoResults ?? ''}\r\n setSelectedValues={() => {\r\n }}\r\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\r\n setIsOpen={setDropdownIsOpen}\r\n filter={''}\r\n isButton={false}\r\n id={`${inputId}_dropdowncontent`}/>\r\n\r\n </Wrapper>\r\n );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -208,7 +208,7 @@ export var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref
|
|
|
208
208
|
return function () {
|
|
209
209
|
document.removeEventListener('click', handleClickOutside);
|
|
210
210
|
};
|
|
211
|
-
}
|
|
211
|
+
});
|
|
212
212
|
|
|
213
213
|
/**
|
|
214
214
|
* update dropdown items when filtered list changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","_ref$multiLine","multiLine","_ref$size","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","_objectSpread","variant","Default","newList","e","options","_toConsumableArray","filter","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","children","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","propTypes","_pt","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {Size, States} from '../types';\r\nimport {DropdownContent, DropdownItem} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {Z_INDEXES} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n\r\n ${ChipInputContainer} {\r\n position: relative;\r\n\r\n &:focus, &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n }\r\n }\r\n`;\r\n\r\n\r\ninterface ListItem extends ChipItem {\r\n secondaryLabel?: string;\r\n value: string;\r\n}\r\n\r\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\r\n /** Array of items available. */\r\n list: ListItem[] | string[];\r\n /** On input selected/unselected. */\r\n onInputChange?: (input: string) => void;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n messageOnNoResults?: string;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n suggestion?: ListItem;\r\n /** If flag is set then loader will be shown in the input field. */\r\n loading?: boolean;\r\n /** Max number of chips that user can select. */\r\n maxSelectedItems?: number;\r\n /** Disable sorting of options in the dropdown. */\r\n disableSorting?: boolean;\r\n /** Disable filtering of options depending on user input in the dropdown. */\r\n disableFiltering?: boolean;\r\n}\r\n\r\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\r\n list,\r\n onInputChange,\r\n disableSorting,\r\n messageOnNoResults,\r\n values,\r\n inputId,\r\n variants,\r\n placeholder,\r\n validationMessage,\r\n onValueChange,\r\n suggestion,\r\n loading,\r\n maxSelectedItems,\r\n multiLine = true,\r\n size = Size.Medium,\r\n icon,\r\n disableFiltering,\r\n disabled,\r\n altPlaceholder,\r\n required,\r\n ...rest\r\n }: ChipDropdownInputProps, ref) => {\r\n // Initiate states\r\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\r\n const [chips, setChips] = React.useState<ListItem[]>([]);\r\n\r\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n const [value, setValue] = React.useState<string>('');\r\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\r\n\r\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\r\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\r\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\r\n\r\n const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\r\n const inputRef = React.useRef<any>();\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n\r\n /**\r\n * Sets initial values for the chips.\r\n */\r\n React.useEffect(() => {\r\n\r\n const list =\r\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\r\n label: a,\r\n value: a,\r\n icon: icon\r\n })\r\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\r\n .map((a, index) => ({...a, icon: a.icon || icon}));\r\n\r\n setChips(list);\r\n }, [values, variants, icon, givenList]);\r\n\r\n /**\r\n * Convert string[] to List[] if necessary\r\n */\r\n React.useEffect(() => {\r\n if (typeof list[0] === 'string') {\r\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\r\n setGivenList(newList);\r\n } else {\r\n setGivenList(list as ListItem[]);\r\n }\r\n }, [list]);\r\n\r\n /**\r\n * filter and sort list if remoteOperations is false\r\n * */\r\n React.useEffect(() => {\r\n let options = [...givenList];\r\n if (!disableFiltering) {\r\n if (!restartFilter && value !== '') {\r\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\r\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\r\n }\r\n }\r\n\r\n if (!disableSorting) {\r\n options = options.sort();\r\n }\r\n\r\n suggestion && options.push(suggestion);\r\n\r\n options = options.filter((o) => !chips.find(a => a.value === o.value));\r\n setFilteredList(options);\r\n }, [value, givenList, chips, disableFiltering, disableSorting]);\r\n\r\n /**\r\n * if there is only one active item in dropdown mark it as focused\r\n * */\r\n React.useEffect(() => {\r\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\r\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\r\n } else {\r\n setDropdownValue('');\r\n }\r\n }, [dropdownList, dropdownIsOpen, value]);\r\n\r\n const handleClickOutside = (e: any) => {\r\n if (!containerRef.current?.contains(e.target)) {\r\n if (dropdownIsOpen) {\r\n setDropdownIsOpen(false);\r\n if (!givenList.find((e) => e.value === value)) {\r\n setValue('');\r\n }\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * register click outside event listener\r\n * */\r\n React.useEffect(() => {\r\n document.addEventListener('click', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('click', handleClickOutside);\r\n };\r\n }, []);\r\n\r\n /**\r\n * update dropdown items when filtered list changes\r\n * */\r\n React.useEffect(() => {\r\n setDropdownList(filteredList?.map(x => ({\r\n value: x.value,\r\n displayLabel: x.label,\r\n noteLabel: x.secondaryLabel,\r\n icon: (x.icon ?? icon),\r\n disabled: x.disabled,\r\n })) ?? []);\r\n }, [filteredList]);\r\n\r\n const addChip = (newChip: ListItem) => {\r\n const newList = [...chips, newChip];\r\n // Let's add the chip\r\n setChips(newList);\r\n onValueChange(newList.map(a => a.value));\r\n\r\n setValue('');\r\n };\r\n\r\n const handleInputValueChange = (value: string) => {\r\n setValue(value);\r\n setRestartFilter(false);\r\n setDropdownIsOpen(true);\r\n onInputChange && onInputChange(value);\r\n }\r\n\r\n /**\r\n * Add chip from dropdown\r\n * */\r\n const handleValueUpdate = (values: string[]) => {\r\n const item = filteredList?.find(a => a.value === values[0]);\r\n item && addChip(item);\r\n setRestartFilter(true);\r\n inputRef?.current?.focus();\r\n }\r\n\r\n /**\r\n * Adds a chip to the chip list.\r\n * @param event - Event handler from the key down event.\r\n */\r\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n // Let's trigger only on enter, comma and space key press\r\n if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\r\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\r\n event.stopPropagation();\r\n }\r\n }\r\n\r\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\r\n setDropdownIsOpen(true);\r\n }\r\n };\r\n\r\n /**\r\n * Removes a specific chip from the chip list.\r\n * @param index - Index of the chip that needs to be removed.\r\n */\r\n const handleOnChipRemoved = (index: number): void => {\r\n // Let's copy the chips\r\n const newChips = [...chips];\r\n\r\n // Let's delete the chip\r\n // If necessary, let's replace it with a different chip\r\n newChips.splice(index, 1);\r\n\r\n // Let's update the chip list\r\n setChips([...newChips]);\r\n onValueChange(newChips.map((e) => e.value));\r\n };\r\n\r\n return (\r\n <Wrapper ref={containerRef}>\r\n <ChipInputField inputId={inputId}\r\n ref={inputRef}\r\n items={chips}\r\n required={required}\r\n inputValue={value}\r\n role=\"combobox\"\r\n aria-activedescendant={activeDescendant}\r\n size={size}\r\n placeholder={placeholder}\r\n altPlaceholder={altPlaceholder}\r\n disabled={disabled}\r\n multiLine={multiLine}\r\n validationMessage={validationMessage}\r\n loading={loading}\r\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\r\n onInputValueChange={handleInputValueChange}\r\n onInputKeyDown={handleInputKeyDown}\r\n onActivationChange={(value) => setDropdownIsOpen(value)}\r\n {...rest}/>\r\n <DropdownContent\r\n containerRef={containerRef}\r\n customizationProps={{\r\n action: () => {\r\n },\r\n pinTopItem: true,\r\n\r\n itemsType: 'normal',\r\n scrollable: true,\r\n actionLabel: '',\r\n multiSelect: false,\r\n onValueUpdate: handleValueUpdate,\r\n items: dropdownList,\r\n }}\r\n ariaRolesType=\"input\"\r\n focused={focused}\r\n setFocused={setFocused}\r\n onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n selectedValues={[dropdownValue]}\r\n messageOnNoResults={messageOnNoResults ?? ''}\r\n setSelectedValues={() => {\r\n }}\r\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\r\n setIsOpen={setDropdownIsOpen}\r\n filter={''}\r\n isButton={false}\r\n id={`${inputId}_dropdowncontent`}/>\r\n\r\n </Wrapper>\r\n );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ChipDropdownInput.js","names":["React","styled","ChipInputContainer","ChipInputField","Size","States","DropdownContent","useClickOutsideRef","useFocusOutsideRef","Z_INDEXES","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","dropdown","ChipDropdownInput","forwardRef","_ref","ref","list","onInputChange","disableSorting","messageOnNoResults","values","inputId","variants","placeholder","validationMessage","onValueChange","suggestion","loading","maxSelectedItems","_ref$multiLine","multiLine","_ref$size","size","Medium","icon","disableFiltering","disabled","altPlaceholder","required","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","givenList","setGivenList","_React$useState3","_React$useState4","chips","setChips","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","value","setValue","_React$useState9","_React$useState10","restartFilter","setRestartFilter","_React$useState11","_React$useState12","filteredList","setFilteredList","_React$useState13","_React$useState14","dropdownIsOpen","setDropdownIsOpen","_React$useState15","_React$useState16","dropdownList","setDropdownList","_React$useState17","_React$useState18","dropdownValue","setDropdownValue","_React$useState19","_React$useState20","focused","setFocused","containerRef","inputRef","useRef","useImperativeHandle","current","useEffect","map","a","find","b","label","index","_objectSpread","variant","Default","newList","e","options","_toConsumableArray","filter","option","_option$secondaryLabe","toUpperCase","indexOf","secondaryLabel","sort","push","o","length","handleClickOutside","_containerRef$current","contains","target","document","addEventListener","removeEventListener","_filteredList$map","x","_x$icon","displayLabel","noteLabel","addChip","newChip","concat","handleInputValueChange","handleValueUpdate","_inputRef$current","item","focus","handleInputKeyDown","event","key","stopPropagation","handleOnChipRemoved","newChips","splice","children","items","inputValue","role","onRemoveItem","chip","onInputValueChange","onInputKeyDown","onActivationChange","customizationProps","action","pinTopItem","itemsType","scrollable","actionLabel","multiSelect","onValueUpdate","ariaRolesType","onActiveDescendantChanged","selectedValues","setSelectedValues","isOpen","setIsOpen","isButton","id","propTypes","_pt","oneOfType","arrayOf","shape","string","isRequired","func","bool","number"],"sources":["../../src/ChipsInput/ChipDropdownInput.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {ChipInputContainer, ChipInputField} from './ChipInputField';\r\nimport {Size, States} from '../types';\r\nimport {DropdownContent, DropdownItem} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {ChipInputProps, ChipItem} from './ChipInputTypes';\r\nimport {useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {Z_INDEXES} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n\r\n ${ChipInputContainer} {\r\n position: relative;\r\n\r\n &:focus, &.focus-visible-within {\r\n z-index: ${Z_INDEXES.dropdown + 1} !important;\r\n }\r\n }\r\n`;\r\n\r\n\r\ninterface ListItem extends ChipItem {\r\n secondaryLabel?: string;\r\n value: string;\r\n}\r\n\r\nexport interface ChipDropdownInputProps extends Omit<ChipInputProps, 'autoSave'> {\r\n /** Array of items available. */\r\n list: ListItem[] | string[];\r\n /** On input selected/unselected. */\r\n onInputChange?: (input: string) => void;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n messageOnNoResults?: string;\r\n /** Message to show in the dropdown if none of the chips fits user input. */\r\n suggestion?: ListItem;\r\n /** If flag is set then loader will be shown in the input field. */\r\n loading?: boolean;\r\n /** Max number of chips that user can select. */\r\n maxSelectedItems?: number;\r\n /** Disable sorting of options in the dropdown. */\r\n disableSorting?: boolean;\r\n /** Disable filtering of options depending on user input in the dropdown. */\r\n disableFiltering?: boolean;\r\n}\r\n\r\nexport const ChipDropdownInput = React.forwardRef<HTMLInputElement | undefined, ChipDropdownInputProps>(({\r\n list,\r\n onInputChange,\r\n disableSorting,\r\n messageOnNoResults,\r\n values,\r\n inputId,\r\n variants,\r\n placeholder,\r\n validationMessage,\r\n onValueChange,\r\n suggestion,\r\n loading,\r\n maxSelectedItems,\r\n multiLine = true,\r\n size = Size.Medium,\r\n icon,\r\n disableFiltering,\r\n disabled,\r\n altPlaceholder,\r\n required,\r\n ...rest\r\n }: ChipDropdownInputProps, ref) => {\r\n // Initiate states\r\n const [givenList, setGivenList] = React.useState<ListItem[]>([]);\r\n const [chips, setChips] = React.useState<ListItem[]>([]);\r\n\r\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n const [value, setValue] = React.useState<string>('');\r\n const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n const [filteredList, setFilteredList] = React.useState<ListItem[]>();\r\n\r\n const [dropdownIsOpen, setDropdownIsOpen] = React.useState<boolean>(false);\r\n const [dropdownList, setDropdownList] = React.useState<DropdownItem[]>([]);\r\n const [dropdownValue, setDropdownValue] = React.useState<string>('');\r\n\r\n const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n const containerRef = useClickOutsideRef(() => setDropdownIsOpen(false), [], useFocusOutsideRef(() => setDropdownIsOpen(false)));\r\n const inputRef = React.useRef<any>();\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n\r\n /**\r\n * Sets initial values for the chips.\r\n */\r\n React.useEffect(() => {\r\n\r\n const list =\r\n values.map((a) => chips.find(b => b.value === a) || givenList.find(b => b.value === a) || {\r\n label: a,\r\n value: a,\r\n icon: icon\r\n })\r\n .map((a, index) => ({...a, variant: a.variant || (variants && variants[index]) || States.Default}))\r\n .map((a, index) => ({...a, icon: a.icon || icon}));\r\n\r\n setChips(list);\r\n }, [values, variants, icon, givenList]);\r\n\r\n /**\r\n * Convert string[] to List[] if necessary\r\n */\r\n React.useEffect(() => {\r\n if (typeof list[0] === 'string') {\r\n const newList: ListItem[] = (list as string[]).map((e: string) => ({label: e, value: e}));\r\n setGivenList(newList);\r\n } else {\r\n setGivenList(list as ListItem[]);\r\n }\r\n }, [list]);\r\n\r\n /**\r\n * filter and sort list if remoteOperations is false\r\n * */\r\n React.useEffect(() => {\r\n let options = [...givenList];\r\n if (!disableFiltering) {\r\n if (!restartFilter && value !== '') {\r\n options = options.filter((option) => option.label.toUpperCase().indexOf(value.toUpperCase()) !== -1 ||\r\n (option.secondaryLabel && option.secondaryLabel?.toUpperCase().indexOf(value.toUpperCase()) !== -1));\r\n }\r\n }\r\n\r\n if (!disableSorting) {\r\n options = options.sort();\r\n }\r\n\r\n suggestion && options.push(suggestion);\r\n\r\n options = options.filter((o) => !chips.find(a => a.value === o.value));\r\n setFilteredList(options);\r\n }, [value, givenList, chips, disableFiltering, disableSorting]);\r\n\r\n /**\r\n * if there is only one active item in dropdown mark it as focused\r\n * */\r\n React.useEffect(() => {\r\n if (dropdownIsOpen && !!value && dropdownList?.filter(a => !a.disabled).length === 1) {\r\n setDropdownValue(dropdownList.find(a => !a.disabled)!.value);\r\n } else {\r\n setDropdownValue('');\r\n }\r\n }, [dropdownList, dropdownIsOpen, value]);\r\n\r\n const handleClickOutside = (e: any) => {\r\n if (!containerRef.current?.contains(e.target)) {\r\n if (dropdownIsOpen) {\r\n setDropdownIsOpen(false);\r\n if (!givenList.find((e) => e.value === value)) {\r\n setValue('');\r\n }\r\n }\r\n }\r\n };\r\n\r\n /**\r\n * register click outside event listener\r\n * */\r\n React.useEffect(() => {\r\n document.addEventListener('click', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('click', handleClickOutside);\r\n };\r\n });\r\n\r\n /**\r\n * update dropdown items when filtered list changes\r\n * */\r\n React.useEffect(() => {\r\n setDropdownList(filteredList?.map(x => ({\r\n value: x.value,\r\n displayLabel: x.label,\r\n noteLabel: x.secondaryLabel,\r\n icon: (x.icon ?? icon),\r\n disabled: x.disabled,\r\n })) ?? []);\r\n }, [filteredList]);\r\n\r\n const addChip = (newChip: ListItem) => {\r\n const newList = [...chips, newChip];\r\n // Let's add the chip\r\n setChips(newList);\r\n onValueChange(newList.map(a => a.value));\r\n\r\n setValue('');\r\n };\r\n\r\n const handleInputValueChange = (value: string) => {\r\n setValue(value);\r\n setRestartFilter(false);\r\n setDropdownIsOpen(true);\r\n onInputChange && onInputChange(value);\r\n }\r\n\r\n /**\r\n * Add chip from dropdown\r\n * */\r\n const handleValueUpdate = (values: string[]) => {\r\n const item = filteredList?.find(a => a.value === values[0]);\r\n item && addChip(item);\r\n setRestartFilter(true);\r\n inputRef?.current?.focus();\r\n }\r\n\r\n /**\r\n * Adds a chip to the chip list.\r\n * @param event - Event handler from the key down event.\r\n */\r\n const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n // Let's trigger only on enter, comma and space key press\r\n if ((event.key === 'Enter' || event.key === ' ') && value) {\r\n if (dropdownList?.filter(a => !a.disabled).length === 1) {\r\n handleValueUpdate([dropdownList!.find(a => !a.disabled)!.value]);\r\n event.stopPropagation();\r\n }\r\n }\r\n\r\n if ((event.key === 'ArrowDown' || event.key === 'Down' || event.key === 'ArrowUp' || event.key === 'Up') && !!dropdownList?.length) {\r\n setDropdownIsOpen(true);\r\n }\r\n };\r\n\r\n /**\r\n * Removes a specific chip from the chip list.\r\n * @param index - Index of the chip that needs to be removed.\r\n */\r\n const handleOnChipRemoved = (index: number): void => {\r\n // Let's copy the chips\r\n const newChips = [...chips];\r\n\r\n // Let's delete the chip\r\n // If necessary, let's replace it with a different chip\r\n newChips.splice(index, 1);\r\n\r\n // Let's update the chip list\r\n setChips([...newChips]);\r\n onValueChange(newChips.map((e) => e.value));\r\n };\r\n\r\n return (\r\n <Wrapper ref={containerRef}>\r\n <ChipInputField inputId={inputId}\r\n ref={inputRef}\r\n items={chips}\r\n required={required}\r\n inputValue={value}\r\n role=\"combobox\"\r\n aria-activedescendant={activeDescendant}\r\n size={size}\r\n placeholder={placeholder}\r\n altPlaceholder={altPlaceholder}\r\n disabled={disabled}\r\n multiLine={multiLine}\r\n validationMessage={validationMessage}\r\n loading={loading}\r\n onRemoveItem={(chip, index) => handleOnChipRemoved(index)}\r\n onInputValueChange={handleInputValueChange}\r\n onInputKeyDown={handleInputKeyDown}\r\n onActivationChange={(value) => setDropdownIsOpen(value)}\r\n {...rest}/>\r\n <DropdownContent\r\n containerRef={containerRef}\r\n customizationProps={{\r\n action: () => {\r\n },\r\n pinTopItem: true,\r\n\r\n itemsType: 'normal',\r\n scrollable: true,\r\n actionLabel: '',\r\n multiSelect: false,\r\n onValueUpdate: handleValueUpdate,\r\n items: dropdownList,\r\n }}\r\n ariaRolesType=\"input\"\r\n focused={focused}\r\n setFocused={setFocused}\r\n onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n selectedValues={[dropdownValue]}\r\n messageOnNoResults={messageOnNoResults ?? ''}\r\n setSelectedValues={() => {\r\n }}\r\n isOpen={(!maxSelectedItems || (!!maxSelectedItems && chips.length < maxSelectedItems)) && dropdownIsOpen}\r\n setIsOpen={setDropdownIsOpen}\r\n filter={''}\r\n isButton={false}\r\n id={`${inputId}_dropdowncontent`}/>\r\n\r\n </Wrapper>\r\n );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -226,9 +226,11 @@ var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
226
226
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
227
227
|
className: 'icon dropdown-arrow',
|
|
228
228
|
children: isOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropUp, {
|
|
229
|
+
"aria-label": "Expanded",
|
|
229
230
|
size: "24px",
|
|
230
231
|
className: size ? size : ''
|
|
231
232
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropDown, {
|
|
233
|
+
"aria-label": "Collapsed",
|
|
232
234
|
size: "24px",
|
|
233
235
|
className: size ? size : ''
|
|
234
236
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicDropdown.cjs","names":["React","_interopRequireWildcard","require","_styles","_icons","_LoadingIndicator","_CommonStyling","_DropdownContent","_interopRequireDefault","_InputFields","_TooltipOverflow","_types","_common","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BasicDropdown","forwardRef","props","ref","id","list","placeholder","messageOnNoResults","_props$itemsType","itemsType","action","actionLabel","actionVariant","actionIcon","actionLoading","actionDisabled","pinTopItem","_props$scrollable","scrollable","maxHeight","disabled","readOnly","isButton","activeValidationMessage","autofilledMessage","size","margin","minWidth","className","overflowTooltipPosition","onBlur","dataTestId","onSelect","_props$textOverflow","textOverflow","rest","_objectWithoutProperties2","theme","useTheme","_React$useState","useState","_React$useState2","_slicedToArray2","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","isLoading","setIsLoading","_React$useState7","_React$useState8","input","setInput","_React$useState9","_React$useState10","focused","setFocused","_React$useState11","_React$useState12","keyboardNavigated","setKeyboardNavigated","inputRef","useRef","styledFieldRef","useFocusVisibleRef","dropdownRef","resetDropdown","containerRef","useFocusOutsideRef","useClickOutsideRef","handleKeyDown","key","handleValueSelect","values","join","multiSelect","undefined","_styledFieldRef$curre","current","focus","focusVisible","useEffect","value","useImperativeHandle","customSetIsOpen","getDisplayItems","split","map","val","trim","listDisplayLabels","item","includes","l","displayLabel","handleBlur","currentTarget","contains","relatedTarget","cls","concat","jsxs","Fragment","children","DropdownContainer","role","DropdownInputFieldStyles","onMouseDown","defaultOnMouseDownHandler","onClick","stopPropagation","_inputRef$current","blur","_inputRef$current2","tabIndex","isPlaceholder","showValidationMessage","onKeyDown","jsx","DropdownInputField","type","ellipsis","position","withArrow","maxWidth","align","LoadingIndicator","Size","Small","color","COLORS","getColor","SystemIcons","ArrowDropUp","ArrowDropDown","onActiveDescendantChanged","customizationProps","onValueUpdate","items","ariaRolesType","outline","selectedValues","setSelectedValues","ErrorMessage","TechnicalWarning","AutofilledMessage","Information","propTypes","_propTypes","array","isRequired","oneOf","func","string","node","bool","disableSorting","_default","exports"],"sources":["../../src/Dropdown/BasicDropdown.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {COLORS} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {DropdownContainer, DropdownInputFieldStyles, DropdownInputField} from './CommonStyling';\r\nimport DropdownContent, {DropdownItem} from './DropdownContent';\r\nimport {AutofilledMessage, ErrorMessage} from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport {Size, Testable} from '../types';\r\nimport {defaultOnMouseDownHandler, useClickOutsideRef, useFocusVisibleRef} from '../common';\r\nimport {useFocusOutsideRef} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'>{\r\n /**\r\n * Required. An array of DropdownItem objects representing the items in the dropdown.\r\n */\r\n list: DropdownItem[];\r\n /**\r\n * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.\r\n */\r\n itemsType?: 'normal' | 'checkbox' | 'radio';\r\n /**\r\n * Optional. A function to be called when the action button in the dropdown is clicked.\r\n */\r\n action?: () => void;\r\n /**\r\n * Optional. The label for the action button in the dropdown.\r\n */\r\n actionLabel?: string;\r\n /**\r\n * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.\r\n */\r\n actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n /**\r\n * Optional. The icon for the action button in the dropdown.\r\n */\r\n actionIcon?: React.ReactNode;\r\n /**\r\n * Optional. A boolean indicating whether the action button in the dropdown is loading.\r\n */\r\n actionLoading?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the action button in the dropdown is disabled.\r\n */\r\n actionDisabled?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the top item in the dropdown should be pinned.\r\n */\r\n pinTopItem?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown content is scrollable.\r\n */\r\n scrollable?: boolean;\r\n /**\r\n * Optional. The maximum height of the dropdown.\r\n */\r\n maxHeight?: string;\r\n /*\r\n * Optional. Placeholder text to be shown when none of the items is selected is selected\r\n */\r\n placeholder?: string;\r\n /**\r\n * Optional. A boolean indicating whether sorting is disabled in the dropdown.\r\n */\r\n disableSorting?: boolean;\r\n /**\r\n * Optional. The message to be displayed when there are no results in the dropdown.\r\n */\r\n messageOnNoResults?: string;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown is disabled.\r\n */\r\n disabled?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown is read-only.\r\n */\r\n readOnly?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown is a button.\r\n */\r\n isButton?: boolean;\r\n /**\r\n * Optional. The validation message to be displayed when the dropdown is active.\r\n */\r\n activeValidationMessage?: string;\r\n /**\r\n * Optional. The message to be displayed when the dropdown is autofilled.\r\n */\r\n autofilledMessage?: string;\r\n /**\r\n * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.\r\n */ \r\n size?: Size.Small | Size.Medium;\r\n /**\r\n * Optional. The margin of the dropdown. Can be any valid CSS margin value.\r\n */\r\n margin?: string;\r\n /**\r\n * Optional. The minimum width of the dropdown.\r\n */\r\n minWidth?: string;\r\n /**\r\n * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.\r\n */\r\n textOverflow?: 'ellipsis' | 'default';\r\n /**\r\n * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.\r\n */\r\n overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nexport type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {\r\n /** Required. If this flag is set then user can select multiple items. */\r\n multiSelect: true;\r\n /** Required. Selected items. */\r\n value?: string[];\r\n /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */\r\n onSelect: (value: string[]) => void;\r\n}\r\n\r\nexport type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {\r\n /** Required. If this flag is set then user can select multiple items. */\r\n multiSelect?: false;\r\n /** Required. Selected item. */\r\n value?: string;\r\n /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */\r\n onSelect: (value: string) => void;\r\n}\r\n\r\nexport type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;\r\n\r\nconst BasicDropdown = React.forwardRef((props: BasicDropdownProps, ref) => {\r\n const {\r\n id,\r\n list,\r\n placeholder,\r\n messageOnNoResults,\r\n itemsType = 'normal',\r\n action,\r\n actionLabel,\r\n actionVariant,\r\n actionIcon,\r\n actionLoading,\r\n actionDisabled,\r\n pinTopItem,\r\n scrollable = true,\r\n maxHeight,\r\n disabled,\r\n readOnly,\r\n isButton,\r\n activeValidationMessage,\r\n autofilledMessage,\r\n size,\r\n margin,\r\n minWidth,\r\n className,\r\n overflowTooltipPosition,\r\n onBlur,\r\n dataTestId,\r\n onSelect,\r\n textOverflow = 'ellipsis',\r\n ...rest\r\n } = props;\r\n\r\n const theme = useTheme();\r\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n const [isLoading, setIsLoading] = React.useState<boolean>(false);\r\n const [input, setInput] = React.useState<string>('');\r\n const [focused, setFocused] = React.useState<number | null>(null);\r\n \r\n const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n\r\n const inputRef = React.useRef<HTMLInputElement>(null);\r\n const styledFieldRef = useFocusVisibleRef([inputRef]);\r\n const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n const resetDropdown = () => {\r\n setIsOpen(false);\r\n setFocused(null);\r\n };\r\n\r\n const containerRef = useFocusOutsideRef(resetDropdown, [dropdownRef]);\r\n\r\n useClickOutsideRef(resetDropdown, [], containerRef);\r\n\r\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n setIsOpen(!isOpen);\r\n setKeyboardNavigated(true);\r\n }\r\n };\r\n\r\n const handleValueSelect = (values: string[]) => {\r\n setInput(values.join(', '));\r\n\r\n if (props.multiSelect === true) {\r\n props.onSelect(values);\r\n } else if (props.multiSelect === false || props.multiSelect === undefined) {\r\n props.onSelect(values[0]);\r\n }\r\n\r\n //don't close dropdown on item select if have custom action or multiselect\r\n if (actionLabel || props.multiSelect) return;\r\n\r\n if (keyboardNavigated) {\r\n styledFieldRef.current?.focus({focusVisible: true} as any);\r\n }\r\n setIsOpen(false);\r\n setFocused(null);\r\n };\r\n\r\n React.useEffect(() => {\r\n if (props.value) {\r\n if (props.multiSelect) {\r\n setInput(props.value.join(', '));\r\n } else if (props.multiSelect === false || props.multiSelect === undefined) {\r\n setInput(props.value);\r\n }\r\n } else {\r\n setInput('');\r\n }\r\n }, [props.value, props.multiSelect]);\r\n\r\n React.useEffect(() => {\r\n setIsLoading(false);\r\n }, [input]);\r\n\r\n React.useEffect(() => {\r\n !isOpen && setKeyboardNavigated(false);\r\n }, [isOpen]);\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n const customSetIsOpen = (isOpen: boolean) => {\r\n setIsOpen(isOpen);\r\n };\r\n\r\n const getDisplayItems = () => {\r\n const values = input.split(',').map((val) => val.trim());\r\n const listDisplayLabels = list.filter((item) => values.includes(item.value)).map((l) => l.displayLabel);\r\n return listDisplayLabels.join(', ');\r\n };\r\n\r\n const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {\r\n // @ts-ignore\r\n if (!e.currentTarget.contains(e.relatedTarget)) {\r\n onBlur && onBlur(e);\r\n }\r\n };\r\n\r\n const cls = (isOpen ? 'expanded ' : '').concat(size ? size : '').concat(isButton ? ' button ' : '').concat(className ? ` ${className}` : '');\r\n \r\n return (\r\n <>\r\n <DropdownContainer ref={containerRef}\r\n aria-expanded={isOpen ? true : false}\r\n aria-activedescendant={activeDescendant}\r\n aria-controls={`${id}_dropdowncontent`}\r\n role=\"listbox\"\r\n aria-multiselectable={props.multiSelect}\r\n isButton={isButton || false}\r\n className={size ? size : ''}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n margin={margin}\r\n onBlur={handleBlur}\r\n minWidth={minWidth}>\r\n <DropdownInputFieldStyles\r\n ref={styledFieldRef}\r\n className={cls}\r\n onMouseDown={defaultOnMouseDownHandler}\r\n onClick={(e) => {\r\n if (!readOnly && !disabled) {\r\n e.stopPropagation();\r\n setIsOpen(!isOpen);\r\n if (isOpen) {\r\n inputRef.current?.blur();\r\n } else {\r\n inputRef.current?.focus();\r\n }\r\n }\r\n }}\r\n tabIndex={disabled || readOnly ? -1 : 0}\r\n disabled={disabled || false}\r\n readOnly={readOnly || false}\r\n isPlaceholder={!input}\r\n showValidationMessage={!!activeValidationMessage}\r\n onKeyDown={handleKeyDown}\r\n minWidth={minWidth}\r\n {...rest}>\r\n <DropdownInputField\r\n ref={inputRef}\r\n type=\"search\"\r\n ellipsis={textOverflow == 'ellipsis'}\r\n id={id}\r\n data-testid={dataTestId}\r\n readOnly\r\n placeholder={placeholder}\r\n value={getDisplayItems()}\r\n className={size ? `${size} value` : 'value'}\r\n tabIndex={-1}\r\n disabled={disabled || false}\r\n />\r\n {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n {getDisplayItems()}\r\n </TooltipOverflow> : null}\r\n {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/> : null}\r\n <div className={'icon dropdown-arrow'}>\r\n {isOpen ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''}/> :\r\n <SystemIcons.ArrowDropDown size=\"24px\" className={size ? size : ''}/>}\r\n </div>\r\n </DropdownInputFieldStyles>\r\n {!readOnly && !disabled && (\r\n <DropdownContent\r\n ref={dropdownRef}\r\n containerRef={containerRef}\r\n onActiveDescendantChanged={(id) => setActiveDescendant(id)}\r\n customizationProps={{\r\n itemsType: itemsType,\r\n action: action ?? (() => {\r\n }),\r\n actionLabel: actionLabel,\r\n actionVariant: actionVariant,\r\n actionDisabled: actionDisabled,\r\n scrollable: scrollable,\r\n onValueUpdate: handleValueSelect,\r\n items: list,\r\n multiSelect: props.multiSelect,\r\n pinTopItem: pinTopItem,\r\n maxHeight: maxHeight,\r\n actionIcon: actionIcon,\r\n actionLoading: actionLoading,\r\n }}\r\n ariaRolesType=\"input\"\r\n focused={focused}\r\n setFocused={setFocused}\r\n size={size ?? Size.Small}\r\n filter={''}\r\n isOpen={isOpen}\r\n setIsOpen={customSetIsOpen}\r\n messageOnNoResults={messageOnNoResults ?? ''}\r\n outline={keyboardNavigated}\r\n isButton={isButton || false}\r\n selectedValues={props.multiSelect ? props.value || [] : [props.value || '']}\r\n setSelectedValues={handleValueSelect}\r\n id={`${id}_dropdowncontent`}\r\n />\r\n )}\r\n </DropdownContainer>\r\n {activeValidationMessage && (\r\n <ErrorMessage>\r\n <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n <span>{activeValidationMessage}</span>\r\n </ErrorMessage>\r\n )}\r\n {autofilledMessage && (\r\n <AutofilledMessage>\r\n <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)}/>\r\n <span>{autofilledMessage}</span>\r\n </AutofilledMessage>\r\n )}\r\n </>\r\n );\r\n});\r\n\r\nexport default BasicDropdown;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"BasicDropdown.cjs","names":["React","_interopRequireWildcard","require","_styles","_icons","_LoadingIndicator","_CommonStyling","_DropdownContent","_interopRequireDefault","_InputFields","_TooltipOverflow","_types","_common","_styledComponents","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BasicDropdown","forwardRef","props","ref","id","list","placeholder","messageOnNoResults","_props$itemsType","itemsType","action","actionLabel","actionVariant","actionIcon","actionLoading","actionDisabled","pinTopItem","_props$scrollable","scrollable","maxHeight","disabled","readOnly","isButton","activeValidationMessage","autofilledMessage","size","margin","minWidth","className","overflowTooltipPosition","onBlur","dataTestId","onSelect","_props$textOverflow","textOverflow","rest","_objectWithoutProperties2","theme","useTheme","_React$useState","useState","_React$useState2","_slicedToArray2","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","isLoading","setIsLoading","_React$useState7","_React$useState8","input","setInput","_React$useState9","_React$useState10","focused","setFocused","_React$useState11","_React$useState12","keyboardNavigated","setKeyboardNavigated","inputRef","useRef","styledFieldRef","useFocusVisibleRef","dropdownRef","resetDropdown","containerRef","useFocusOutsideRef","useClickOutsideRef","handleKeyDown","key","handleValueSelect","values","join","multiSelect","undefined","_styledFieldRef$curre","current","focus","focusVisible","useEffect","value","useImperativeHandle","customSetIsOpen","getDisplayItems","split","map","val","trim","listDisplayLabels","item","includes","l","displayLabel","handleBlur","currentTarget","contains","relatedTarget","cls","concat","jsxs","Fragment","children","DropdownContainer","role","DropdownInputFieldStyles","onMouseDown","defaultOnMouseDownHandler","onClick","stopPropagation","_inputRef$current","blur","_inputRef$current2","tabIndex","isPlaceholder","showValidationMessage","onKeyDown","jsx","DropdownInputField","type","ellipsis","position","withArrow","maxWidth","align","LoadingIndicator","Size","Small","color","COLORS","getColor","SystemIcons","ArrowDropUp","ArrowDropDown","onActiveDescendantChanged","customizationProps","onValueUpdate","items","ariaRolesType","outline","selectedValues","setSelectedValues","ErrorMessage","TechnicalWarning","AutofilledMessage","Information","propTypes","_propTypes","array","isRequired","oneOf","func","string","node","bool","disableSorting","_default","exports"],"sources":["../../src/Dropdown/BasicDropdown.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {COLORS} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport {DropdownContainer, DropdownInputFieldStyles, DropdownInputField} from './CommonStyling';\r\nimport DropdownContent, {DropdownItem} from './DropdownContent';\r\nimport {AutofilledMessage, ErrorMessage} from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport {Size, Testable} from '../types';\r\nimport {defaultOnMouseDownHandler, useClickOutsideRef, useFocusVisibleRef} from '../common';\r\nimport {useFocusOutsideRef} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'>{\r\n /**\r\n * Required. An array of DropdownItem objects representing the items in the dropdown.\r\n */\r\n list: DropdownItem[];\r\n /**\r\n * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.\r\n */\r\n itemsType?: 'normal' | 'checkbox' | 'radio';\r\n /**\r\n * Optional. A function to be called when the action button in the dropdown is clicked.\r\n */\r\n action?: () => void;\r\n /**\r\n * Optional. The label for the action button in the dropdown.\r\n */\r\n actionLabel?: string;\r\n /**\r\n * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.\r\n */\r\n actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n /**\r\n * Optional. The icon for the action button in the dropdown.\r\n */\r\n actionIcon?: React.ReactNode;\r\n /**\r\n * Optional. A boolean indicating whether the action button in the dropdown is loading.\r\n */\r\n actionLoading?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the action button in the dropdown is disabled.\r\n */\r\n actionDisabled?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the top item in the dropdown should be pinned.\r\n */\r\n pinTopItem?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown content is scrollable.\r\n */\r\n scrollable?: boolean;\r\n /**\r\n * Optional. The maximum height of the dropdown.\r\n */\r\n maxHeight?: string;\r\n /*\r\n * Optional. Placeholder text to be shown when none of the items is selected is selected\r\n */\r\n placeholder?: string;\r\n /**\r\n * Optional. A boolean indicating whether sorting is disabled in the dropdown.\r\n */\r\n disableSorting?: boolean;\r\n /**\r\n * Optional. The message to be displayed when there are no results in the dropdown.\r\n */\r\n messageOnNoResults?: string;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown is disabled.\r\n */\r\n disabled?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown is read-only.\r\n */\r\n readOnly?: boolean;\r\n /**\r\n * Optional. A boolean indicating whether the dropdown is a button.\r\n */\r\n isButton?: boolean;\r\n /**\r\n * Optional. The validation message to be displayed when the dropdown is active.\r\n */\r\n activeValidationMessage?: string;\r\n /**\r\n * Optional. The message to be displayed when the dropdown is autofilled.\r\n */\r\n autofilledMessage?: string;\r\n /**\r\n * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.\r\n */ \r\n size?: Size.Small | Size.Medium;\r\n /**\r\n * Optional. The margin of the dropdown. Can be any valid CSS margin value.\r\n */\r\n margin?: string;\r\n /**\r\n * Optional. The minimum width of the dropdown.\r\n */\r\n minWidth?: string;\r\n /**\r\n * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.\r\n */\r\n textOverflow?: 'ellipsis' | 'default';\r\n /**\r\n * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.\r\n */\r\n overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nexport type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {\r\n /** Required. If this flag is set then user can select multiple items. */\r\n multiSelect: true;\r\n /** Required. Selected items. */\r\n value?: string[];\r\n /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */\r\n onSelect: (value: string[]) => void;\r\n}\r\n\r\nexport type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {\r\n /** Required. If this flag is set then user can select multiple items. */\r\n multiSelect?: false;\r\n /** Required. Selected item. */\r\n value?: string;\r\n /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */\r\n onSelect: (value: string) => void;\r\n}\r\n\r\nexport type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;\r\n\r\nconst BasicDropdown = React.forwardRef((props: BasicDropdownProps, ref) => {\r\n const {\r\n id,\r\n list,\r\n placeholder,\r\n messageOnNoResults,\r\n itemsType = 'normal',\r\n action,\r\n actionLabel,\r\n actionVariant,\r\n actionIcon,\r\n actionLoading,\r\n actionDisabled,\r\n pinTopItem,\r\n scrollable = true,\r\n maxHeight,\r\n disabled,\r\n readOnly,\r\n isButton,\r\n activeValidationMessage,\r\n autofilledMessage,\r\n size,\r\n margin,\r\n minWidth,\r\n className,\r\n overflowTooltipPosition,\r\n onBlur,\r\n dataTestId,\r\n onSelect,\r\n textOverflow = 'ellipsis',\r\n ...rest\r\n } = props;\r\n\r\n const theme = useTheme();\r\n const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n const [isLoading, setIsLoading] = React.useState<boolean>(false);\r\n const [input, setInput] = React.useState<string>('');\r\n const [focused, setFocused] = React.useState<number | null>(null);\r\n \r\n const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n\r\n const inputRef = React.useRef<HTMLInputElement>(null);\r\n const styledFieldRef = useFocusVisibleRef([inputRef]);\r\n const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n const resetDropdown = () => {\r\n setIsOpen(false);\r\n setFocused(null);\r\n };\r\n\r\n const containerRef = useFocusOutsideRef(resetDropdown, [dropdownRef]);\r\n\r\n useClickOutsideRef(resetDropdown, [], containerRef);\r\n\r\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n setIsOpen(!isOpen);\r\n setKeyboardNavigated(true);\r\n }\r\n };\r\n\r\n const handleValueSelect = (values: string[]) => {\r\n setInput(values.join(', '));\r\n\r\n if (props.multiSelect === true) {\r\n props.onSelect(values);\r\n } else if (props.multiSelect === false || props.multiSelect === undefined) {\r\n props.onSelect(values[0]);\r\n }\r\n\r\n //don't close dropdown on item select if have custom action or multiselect\r\n if (actionLabel || props.multiSelect) return;\r\n\r\n if (keyboardNavigated) {\r\n styledFieldRef.current?.focus({focusVisible: true} as any);\r\n }\r\n setIsOpen(false);\r\n setFocused(null);\r\n };\r\n\r\n React.useEffect(() => {\r\n if (props.value) {\r\n if (props.multiSelect) {\r\n setInput(props.value.join(', '));\r\n } else if (props.multiSelect === false || props.multiSelect === undefined) {\r\n setInput(props.value);\r\n }\r\n } else {\r\n setInput('');\r\n }\r\n }, [props.value, props.multiSelect]);\r\n\r\n React.useEffect(() => {\r\n setIsLoading(false);\r\n }, [input]);\r\n\r\n React.useEffect(() => {\r\n !isOpen && setKeyboardNavigated(false);\r\n }, [isOpen]);\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n const customSetIsOpen = (isOpen: boolean) => {\r\n setIsOpen(isOpen);\r\n };\r\n\r\n const getDisplayItems = () => {\r\n const values = input.split(',').map((val) => val.trim());\r\n const listDisplayLabels = list.filter((item) => values.includes(item.value)).map((l) => l.displayLabel);\r\n return listDisplayLabels.join(', ');\r\n };\r\n\r\n const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {\r\n // @ts-ignore\r\n if (!e.currentTarget.contains(e.relatedTarget)) {\r\n onBlur && onBlur(e);\r\n }\r\n };\r\n\r\n const cls = (isOpen ? 'expanded ' : '').concat(size ? size : '').concat(isButton ? ' button ' : '').concat(className ? ` ${className}` : '');\r\n \r\n return (\r\n <>\r\n <DropdownContainer ref={containerRef}\r\n aria-expanded={isOpen ? true : false}\r\n aria-activedescendant={activeDescendant}\r\n aria-controls={`${id}_dropdowncontent`}\r\n role=\"listbox\"\r\n aria-multiselectable={props.multiSelect}\r\n isButton={isButton || false}\r\n className={size ? size : ''}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n margin={margin}\r\n onBlur={handleBlur}\r\n minWidth={minWidth}>\r\n <DropdownInputFieldStyles\r\n ref={styledFieldRef}\r\n className={cls}\r\n onMouseDown={defaultOnMouseDownHandler}\r\n onClick={(e) => {\r\n if (!readOnly && !disabled) {\r\n e.stopPropagation();\r\n setIsOpen(!isOpen);\r\n if (isOpen) {\r\n inputRef.current?.blur();\r\n } else {\r\n inputRef.current?.focus();\r\n }\r\n }\r\n }}\r\n tabIndex={disabled || readOnly ? -1 : 0}\r\n disabled={disabled || false}\r\n readOnly={readOnly || false}\r\n isPlaceholder={!input}\r\n showValidationMessage={!!activeValidationMessage}\r\n onKeyDown={handleKeyDown}\r\n minWidth={minWidth}\r\n {...rest}>\r\n <DropdownInputField\r\n ref={inputRef}\r\n type=\"search\"\r\n ellipsis={textOverflow == 'ellipsis'}\r\n id={id}\r\n data-testid={dataTestId}\r\n readOnly\r\n placeholder={placeholder}\r\n value={getDisplayItems()}\r\n className={size ? `${size} value` : 'value'}\r\n tabIndex={-1}\r\n disabled={disabled || false}\r\n />\r\n {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n {getDisplayItems()}\r\n </TooltipOverflow> : null}\r\n {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)}/> : null}\r\n <div className={'icon dropdown-arrow'}>\r\n {isOpen ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\" className={size ? size : ''}/> :\r\n <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\" className={size ? size : ''}/>}\r\n </div>\r\n </DropdownInputFieldStyles>\r\n {!readOnly && !disabled && (\r\n <DropdownContent\r\n ref={dropdownRef}\r\n containerRef={containerRef}\r\n onActiveDescendantChanged={(id) => setActiveDescendant(id)}\r\n customizationProps={{\r\n itemsType: itemsType,\r\n action: action ?? (() => {\r\n }),\r\n actionLabel: actionLabel,\r\n actionVariant: actionVariant,\r\n actionDisabled: actionDisabled,\r\n scrollable: scrollable,\r\n onValueUpdate: handleValueSelect,\r\n items: list,\r\n multiSelect: props.multiSelect,\r\n pinTopItem: pinTopItem,\r\n maxHeight: maxHeight,\r\n actionIcon: actionIcon,\r\n actionLoading: actionLoading,\r\n }}\r\n ariaRolesType=\"input\"\r\n focused={focused}\r\n setFocused={setFocused}\r\n size={size ?? Size.Small}\r\n filter={''}\r\n isOpen={isOpen}\r\n setIsOpen={customSetIsOpen}\r\n messageOnNoResults={messageOnNoResults ?? ''}\r\n outline={keyboardNavigated}\r\n isButton={isButton || false}\r\n selectedValues={props.multiSelect ? props.value || [] : [props.value || '']}\r\n setSelectedValues={handleValueSelect}\r\n id={`${id}_dropdowncontent`}\r\n />\r\n )}\r\n </DropdownContainer>\r\n {activeValidationMessage && (\r\n <ErrorMessage>\r\n <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n <span>{activeValidationMessage}</span>\r\n </ErrorMessage>\r\n )}\r\n {autofilledMessage && (\r\n <AutofilledMessage>\r\n <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)}/>\r\n <span>{autofilledMessage}</span>\r\n </AutofilledMessage>\r\n )}\r\n </>\r\n );\r\n});\r\n\r\nexport default BasicDropdown;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -219,9 +219,11 @@ var BasicDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
219
219
|
}) : null, /*#__PURE__*/_jsx("div", {
|
|
220
220
|
className: 'icon dropdown-arrow',
|
|
221
221
|
children: isOpen ? /*#__PURE__*/_jsx(SystemIcons.ArrowDropUp, {
|
|
222
|
+
"aria-label": "Expanded",
|
|
222
223
|
size: "24px",
|
|
223
224
|
className: size ? size : ''
|
|
224
225
|
}) : /*#__PURE__*/_jsx(SystemIcons.ArrowDropDown, {
|
|
226
|
+
"aria-label": "Collapsed",
|
|
225
227
|
size: "24px",
|
|
226
228
|
className: size ? size : ''
|
|
227
229
|
})
|