@bookjane2/bookjane-design-library 8.0.2 → 8.0.3
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAajD,OAAO,EAAE,gBAAgB,EAA2B,MAAM,yBAAyB,CAAC;AA0JpF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,gBAAgB,CA4BhD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createElement as _createElement } from "react";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Fragment, forwardRef
|
|
3
|
+
import { Fragment, forwardRef } from 'react';
|
|
4
4
|
import { BKJChip, BKJIcon } from '../index.js';
|
|
5
5
|
import { Flex } from '../Flex/index.js';
|
|
6
6
|
import { BKJPillDropdownProvider, useBKJPillDropdownContext } from './BKJPillDropdown.context.js';
|
|
@@ -12,42 +12,41 @@ const InputComponent = forwardRef(({ onInputChange, value, isFocused, onIsOpenCh
|
|
|
12
12
|
const BKJPillDropdownComponent = (props) => {
|
|
13
13
|
const { value, label, required, disabled, description, name, error, max, options, placeholder, showSelectAll, ...rest } = props;
|
|
14
14
|
const { wrapperRef, inputRef, uuid, onChipRemove, onInputFocused, onInputChange, onInputBlur, isMaxLimitReached, onIsOpenChange, isFocused, } = useBKJPillDropdownContext();
|
|
15
|
-
const dropdownListOptions =
|
|
15
|
+
const dropdownListOptions = showSelectAll ? [{
|
|
16
16
|
name: 'select_all',
|
|
17
17
|
id: 'select_all',
|
|
18
18
|
key: 'select_all',
|
|
19
19
|
label: i18next.t('translations:SELECT_ALL'),
|
|
20
20
|
value: 'select_all',
|
|
21
|
-
}, ...options] : options
|
|
22
|
-
const handleInputChange = useCallback((event) => {
|
|
23
|
-
if (showSelectAll && event.target.value.includes('select_all')) {
|
|
24
|
-
// Select All
|
|
25
|
-
if (event.target.id === 'select_all') {
|
|
26
|
-
const allValues = dropdownListOptions.map(({ value }) => value);
|
|
27
|
-
return onInputChange({ ...event, target: { ...event.target, name, value: allValues } });
|
|
28
|
-
// On change with Select All unchecked
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
const filteredValue = event.target.value.filter((value) => value !== 'select_all');
|
|
32
|
-
return onInputChange({ ...event, target: { ...event.target, name, value: filteredValue } });
|
|
33
|
-
}
|
|
34
|
-
// Unselect All
|
|
35
|
-
}
|
|
36
|
-
else if (showSelectAll && event.target.id === 'select_all') {
|
|
37
|
-
return onInputChange({ ...event, target: { ...event.target, value: [] } });
|
|
38
|
-
// On change with Select All unchecked
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
return onInputChange(event);
|
|
42
|
-
}
|
|
43
|
-
}, []);
|
|
21
|
+
}, ...options] : options;
|
|
44
22
|
return (_jsxs(BKJPillDropdownWrapper, { children: [label && (_jsxs(InputLabel, { disabled: disabled, children: [label, required && _jsx(RequiredAsterisk, { children: "\u00A0*" })] })), value.length !== 0 && (_createElement(TextAreaWrapper, { ...rest, key: `BKJPillDropdown_${uuid}`, id: `BKJPillDropdown_${uuid}_TextAreaWrapper`, ref: wrapperRef, error: !!error || isMaxLimitReached, disabled: disabled, onMouseDown: onInputFocused, hasValue: value.length > 0, isFocused: isFocused },
|
|
45
23
|
_jsxs(Flex, { flexWrap: "wrap", gap: "4px", padding: value.length > 0 ? '8px 8px 0' : '8px 8px', margin: "0 17px 0 0", children: [value.map((strValue) => {
|
|
46
24
|
const MATCHED = options.find(({ value }) => value === strValue);
|
|
47
25
|
if (!MATCHED)
|
|
48
26
|
return _jsx(Fragment, {});
|
|
49
27
|
return (_jsx(BKJChip, { onClose: onChipRemove(MATCHED.value), variant: "Purple", children: MATCHED.label }, MATCHED.value));
|
|
50
|
-
}), _jsx(ArrowIconWrapper, { children: _jsx(BKJIcon, { iconName: isFocused ? 'ArrowUp' : 'ArrowDown' }) })] }))), _jsx(InputComponent, { ref: inputRef, options: dropdownListOptions, isFocused: isFocused, value: value, onInputChange:
|
|
28
|
+
}), _jsx(ArrowIconWrapper, { children: _jsx(BKJIcon, { iconName: isFocused ? 'ArrowUp' : 'ArrowDown' }) })] }))), _jsx(InputComponent, { ref: inputRef, options: dropdownListOptions, isFocused: isFocused, value: value, onInputChange: (event) => {
|
|
29
|
+
if (showSelectAll && event.target.value.includes('select_all')) {
|
|
30
|
+
// Select All
|
|
31
|
+
if (event.target.id === 'select_all') {
|
|
32
|
+
const allValues = dropdownListOptions.map(({ value }) => value);
|
|
33
|
+
return onInputChange({ ...event, target: { ...event.target, name, value: allValues } });
|
|
34
|
+
// On change with Select All unchecked
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
const filteredValue = event.target.value.filter((value) => value !== 'select_all');
|
|
38
|
+
return onInputChange({ ...event, target: { ...event.target, name, value: filteredValue } });
|
|
39
|
+
}
|
|
40
|
+
// Unselect All
|
|
41
|
+
}
|
|
42
|
+
else if (showSelectAll && event.target.id === 'select_all') {
|
|
43
|
+
return onInputChange({ ...event, target: { ...event.target, value: [] } });
|
|
44
|
+
// On change with Select All unchecked
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
return onInputChange(event);
|
|
48
|
+
}
|
|
49
|
+
}, onBlur: onInputBlur, onIsOpenChange: onIsOpenChange, placeholder: placeholder }), description && _jsx(InputMessage, { children: description })] }));
|
|
51
50
|
};
|
|
52
51
|
export const BKJPillDropdown = ({ value = [], onChange, name, validations, max = 10, placeholder = '', showSelectAll = false, ...rest }) => {
|
|
53
52
|
return (_jsx(BKJPillDropdownProvider, { value: value, onChange: onChange, name: name, validations: validations, max: max, children: _jsx(BKJPillDropdownComponent, { name: name, value: value, max: max, ...rest, showSelectAll: showSelectAll, placeholder: placeholder }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJPillDropdown.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAM,QAAQ,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"BKJPillDropdown.js","sourceRoot":"","sources":["../../../src/components/BKJPillDropdown/BKJPillDropdown.tsx"],"names":[],"mappings":"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"}
|