@elliemae/ds-form 2.0.0-alpha.4 → 2.0.0-alpha.8
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/cjs/Checkbox/DSCheckbox.js +9 -11
- package/cjs/Checkbox/elements/CheckMark.js +1 -1
- package/cjs/Checkbox/index.js +2 -4
- package/cjs/CheckboxGroup/DSCheckboxGroup.js +7 -7
- package/cjs/CheckboxGroup/index.js +1 -1
- package/cjs/ComboBox/DSComboBox.js +3 -7
- package/cjs/ComboBox/index.js +3 -7
- package/cjs/ComboBox/v1/DSComboBox.js +23 -27
- package/cjs/ComboBox/v1/components/AllOption.js +3 -3
- package/cjs/ComboBox/v1/components/ClearIndicator.js +2 -2
- package/cjs/ComboBox/v1/components/Control.js +2 -2
- package/cjs/ComboBox/v1/components/CustomOption.js +4 -4
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js +5 -5
- package/cjs/ComboBox/v1/components/DropdownIndicator.js +4 -4
- package/cjs/ComboBox/v1/components/MenuList.js +3 -3
- package/cjs/ComboBox/v1/components/MultiSelectHeader.js +1 -1
- package/cjs/ComboBox/v1/components/MultiValueLabel.js +1 -1
- package/cjs/ComboBox/v1/components/MultiValueRemove.js +1 -1
- package/cjs/ComboBox/v1/components/SelectMenu.js +5 -5
- package/cjs/ComboBox/v1/components/SingleValueLabel.js +1 -1
- package/cjs/ComboBox/v1/components/ValueContainer.js +4 -4
- package/cjs/ComboBox/v1/index.js +3 -7
- package/cjs/ComboBox/v1/withSelectStringValueConverter.js +3 -3
- package/cjs/ComboBox/v2/Combobox.js +9 -9
- package/cjs/ComboBox/v2/components/AllOption.js +3 -3
- package/cjs/ComboBox/v2/components/ClearIndicator.js +4 -4
- package/cjs/ComboBox/v2/components/Content.js +3 -3
- package/cjs/ComboBox/v2/components/Control.js +2 -2
- package/cjs/ComboBox/v2/components/CustomOption.js +6 -6
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js +9 -9
- package/cjs/ComboBox/v2/components/DropdownIndicator.js +4 -4
- package/cjs/ComboBox/v2/components/GroupHeading.js +4 -4
- package/cjs/ComboBox/v2/components/IndicatorSeparator.js +2 -2
- package/cjs/ComboBox/v2/components/LoadingIndicator.js +3 -3
- package/cjs/ComboBox/v2/components/MenuList.js +4 -4
- package/cjs/ComboBox/v2/components/MultiSelectHeader.js +11 -11
- package/cjs/ComboBox/v2/components/MultiValueLabel.js +1 -1
- package/cjs/ComboBox/v2/components/MultiValueRemove.js +2 -2
- package/cjs/ComboBox/v2/components/SelectMenu.js +4 -4
- package/cjs/ComboBox/v2/components/SingleValueLabel.js +1 -1
- package/cjs/ComboBox/v2/components/ValueContainer.js +3 -3
- package/cjs/ComboBox/v2/context.js +1 -1
- package/cjs/ComboBox/v2/index.js +1 -1
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +2 -2
- package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js +5 -5
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +3 -3
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js +2 -2
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +3 -3
- package/cjs/DateInput/DSDateInput.js +4 -4
- package/cjs/DateInput/components/DateInputImpl.js +2 -2
- package/cjs/DateInput/components/DateInputs.js +7 -7
- package/cjs/DateInput/components/utils.js +1 -1
- package/cjs/DateInput/index.js +1 -1
- package/cjs/DateInputV2/components/DSDateInput.js +2 -2
- package/cjs/DateInputV2/components/DateInputs.js +13 -13
- package/cjs/DateInputV2/components/propsTypes.js +17 -17
- package/cjs/DateInputV2/components/styled.js +4 -4
- package/cjs/DateInputV2/components/utils.js +1 -1
- package/cjs/DateInputV2/index.js +1 -1
- package/cjs/ExpandableInput/DSExpandableInput.js +1 -1
- package/cjs/ExpandableInput/ExpandableInputImpl.js +3 -3
- package/cjs/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +15 -15
- package/cjs/FormItem/DSFormItemLayout.js +13 -13
- package/cjs/FormItem/Error/DSError.js +2 -2
- package/cjs/FormItem/Feedback.js +1 -1
- package/cjs/FormItem/Label/DSLabel.js +3 -3
- package/cjs/FormItem/Suffix/Suffix.js +4 -4
- package/cjs/FormItem/ValidationFieldWrapper.js +2 -2
- package/cjs/FormItem/defaultProps.js +1 -1
- package/cjs/FormItem/index.js +2 -2
- package/cjs/Input/DSInput.js +4 -3
- package/cjs/Input/InputAddonWrapper.js +4 -4
- package/cjs/Input/InputImpl.js +56 -55
- package/cjs/Input/index.js +1 -1
- package/cjs/InputGroup/AddonWrapper.js +4 -4
- package/cjs/InputGroup/DSInputGroup.js +1 -1
- package/cjs/InputGroup/index.js +1 -1
- package/cjs/InputMask/DSInputMask.js +3 -3
- package/cjs/InputMask/DSInputMaskDeprecated.js +10 -10
- package/cjs/InputMask/InputMaskContext.js +1 -1
- package/cjs/InputMask/MaskTypes.js +1 -1
- package/cjs/InputMask/index.js +1 -1
- package/cjs/InputMask/mask_types/DateInputMask.js +3 -3
- package/cjs/InputMask/mask_types/DateTimeInputMask.js +3 -3
- package/cjs/InputMask/mask_types/DictionaryInputMask.js +3 -3
- package/cjs/InputMask/mask_types/NumberInputMask.js +3 -3
- package/cjs/InputMask/mask_types/PhoneInputMask.js +3 -3
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +3 -3
- package/cjs/InputMask/mask_types/SsnInputMask.js +3 -3
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js +3 -3
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +3 -3
- package/cjs/InputMask/mask_types/index.js +4 -4
- package/cjs/InputProtected/DSInputProtected.js +10 -10
- package/cjs/InputProtected/index.js +1 -1
- package/cjs/LargeInputText/DSLargeInputText.js +4 -4
- package/cjs/LargeInputText/index.js +1 -1
- package/cjs/Radio/Circle.js +2 -2
- package/cjs/Radio/DSRadio.js +8 -8
- package/cjs/Radio/index.js +1 -1
- package/cjs/RadioGroup/DSRadioGroup.js +8 -8
- package/cjs/RadioGroup/index.js +1 -1
- package/cjs/RequiredMark/RequiredMark.js +2 -2
- package/cjs/SearchBox/DSSearchBox.js +11 -8
- package/cjs/SearchBox/NavSearchBox.js +19 -19
- package/cjs/SearchBox/SButton.js +2 -2
- package/cjs/SearchBox/SearchBoxToggle.js +7 -7
- package/cjs/SearchBox/index.js +1 -1
- package/cjs/SearchBox/styled.js +1 -1
- package/cjs/SearchBox/withSearchable.js +4 -4
- package/cjs/TextBox/DSTextBox.js +11 -8
- package/cjs/TextBox/index.js +1 -1
- package/cjs/TimeInput/DSTimeInput.js +4 -4
- package/cjs/TimeInput/TimeInputImpl.js +3 -3
- package/cjs/TimeInput/TimeInputs.js +8 -8
- package/cjs/TimeInput/index.js +1 -1
- package/cjs/Toggle/DSToggle.js +3 -3
- package/cjs/Toggle/DSToggleImpl.js +17 -17
- package/cjs/Toggle/DSToggleRender.js +7 -7
- package/cjs/Toggle/index.js +1 -1
- package/cjs/Toggle/props.js +11 -11
- package/cjs/index.js +14 -18
- package/esm/Input/DSInput.js +1 -0
- package/esm/Input/InputImpl.js +3 -2
- package/esm/Radio/DSRadio.js +1 -1
- package/esm/SearchBox/DSSearchBox.js +5 -2
- package/esm/TextBox/DSTextBox.js +7 -4
- package/package.json +17 -17
- package/types/FloatingLabelInput/DSFloatingLabelInput.d.ts +2 -1
- package/types/FormItem/DSFormItemLayout.d.ts +2 -1
- package/types/FormItem/defaultProps.d.ts +2 -1
- package/types/SearchBox/styled.d.ts +2 -1
- package/types/TextBox/DSTextBox.d.ts +2 -1
package/cjs/ComboBox/v1/index.js
CHANGED
|
@@ -8,16 +8,12 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports
|
|
11
|
+
exports["default"] = DSComboBox["default"];
|
|
12
12
|
Object.defineProperty(exports, 'components', {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return Select.components;
|
|
16
|
-
}
|
|
14
|
+
get: function () { return Select.components; }
|
|
17
15
|
});
|
|
18
16
|
Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
|
|
19
17
|
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return propTypes.COMBOBOX_VARIANT;
|
|
22
|
-
}
|
|
18
|
+
get: function () { return propTypes.COMBOBOX_VARIANT; }
|
|
23
19
|
});
|
|
@@ -10,7 +10,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
10
10
|
|
|
11
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
12
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14
14
|
|
|
15
15
|
const findOption = (options, valueProperty = 'value') => value => {
|
|
16
16
|
if (typeof value === 'object') return value;
|
|
@@ -38,7 +38,7 @@ const withSelectStringValueConverter = WrappedComponent => {
|
|
|
38
38
|
constructor(...args) {
|
|
39
39
|
super(...args);
|
|
40
40
|
|
|
41
|
-
_defineProperty__default[
|
|
41
|
+
_defineProperty__default["default"](this, "state", {});
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
@@ -61,7 +61,7 @@ const withSelectStringValueConverter = WrappedComponent => {
|
|
|
61
61
|
}));
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
}, _defineProperty__default[
|
|
64
|
+
}, _defineProperty__default["default"](_class, "defaultProps", {
|
|
65
65
|
valueProperty: 'value',
|
|
66
66
|
labelProperty: 'label'
|
|
67
67
|
}), _temp;
|
|
@@ -65,7 +65,7 @@ const _excluded = ["hideSelectedOptions", "autoFocus", "className", "hasError",
|
|
|
65
65
|
|
|
66
66
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
67
67
|
|
|
68
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
68
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
69
69
|
const blockName = 'em-ds-combobox';
|
|
70
70
|
const container = `${blockName}-container`;
|
|
71
71
|
|
|
@@ -134,7 +134,7 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
134
134
|
componentsStyle,
|
|
135
135
|
keepTypedValue = true
|
|
136
136
|
} = _ref,
|
|
137
|
-
restPropsToCustomizeSelect = _objectWithoutProperties__default[
|
|
137
|
+
restPropsToCustomizeSelect = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
138
138
|
|
|
139
139
|
const theme = dsSystem.useTheme();
|
|
140
140
|
const select = React.useRef();
|
|
@@ -145,9 +145,9 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
145
145
|
const [handleOpening, setHandleOpening] = React.useState(false);
|
|
146
146
|
const [menuOpen, setMenuOpen] = React.useState(menuIsOpen);
|
|
147
147
|
const [isMultipleKeyPressed, setIsMultipleKeyPressed] = React.useState(false);
|
|
148
|
-
const prevOptions = usePrevious__default[
|
|
149
|
-
const optionsChanged = useShouldRecalculate__default[
|
|
150
|
-
const SelectComponent = React.useMemo(() => isFreeSolo ? Creatable__default[
|
|
148
|
+
const prevOptions = usePrevious__default["default"](options);
|
|
149
|
+
const optionsChanged = useShouldRecalculate__default["default"](utils.isEqual(prevOptions, options));
|
|
150
|
+
const SelectComponent = React.useMemo(() => isFreeSolo ? Creatable__default["default"] : Select__default["default"], [isFreeSolo]);
|
|
151
151
|
React.useEffect(() => {
|
|
152
152
|
var _select$current;
|
|
153
153
|
|
|
@@ -274,9 +274,9 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
274
274
|
removeDropdownIndicator: customComponents.DropdownIndicator === null,
|
|
275
275
|
select
|
|
276
276
|
}), [inputInFocus, value, isMulti, menuOpen, handleOpening, selectAll, selectAllDisabled, clearable, customComponents.DropdownIndicator, select]);
|
|
277
|
-
return /*#__PURE__*/_jsx__default[
|
|
277
|
+
return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](context.DropDownContext.Provider, {
|
|
278
278
|
value: ctx
|
|
279
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
279
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
280
280
|
ref: measureRef,
|
|
281
281
|
className: utils.cx(`${container}`, inputInFocus && 'in-focus', hasError && 'with-error', disabled && 'is-disabled', className),
|
|
282
282
|
onBlur: handleBlur,
|
|
@@ -322,7 +322,7 @@ const DSComboBox2HOCLess = _ref => {
|
|
|
322
322
|
isSearchable: readOnly ? false : searchable,
|
|
323
323
|
menuIsOpen: menuIsOpen === true ? menuIsOpen : menuOpen,
|
|
324
324
|
onMenuClose: onMenuClose,
|
|
325
|
-
noOptionsMessage: () => loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default[
|
|
325
|
+
noOptionsMessage: () => loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {})) : noOptionsMessage,
|
|
326
326
|
onChange: handleOnChange,
|
|
327
327
|
onCreateOption: handleCreateNewOption,
|
|
328
328
|
onFocus: handleFocus,
|
|
@@ -443,4 +443,4 @@ ComboBoxWithSchema.propTypes = comboBoxProps;
|
|
|
443
443
|
|
|
444
444
|
exports.ComboBoxWithSchema = ComboBoxWithSchema;
|
|
445
445
|
exports.DSComboBox2 = DSComboBox2;
|
|
446
|
-
exports[
|
|
446
|
+
exports["default"] = DSComboBox2;
|
|
@@ -17,12 +17,12 @@ const _excluded = ["children"];
|
|
|
17
17
|
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
19
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
21
|
|
|
22
22
|
const MultiSelectHeader = _ref => {
|
|
23
|
-
let rest = _objectWithoutProperties__default[
|
|
23
|
+
let rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
24
24
|
|
|
25
|
-
return /*#__PURE__*/_jsx__default[
|
|
25
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
26
26
|
className: "combobox-multi-select-all"
|
|
27
27
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread({
|
|
28
28
|
labelText: "All"
|
|
@@ -24,7 +24,7 @@ const _excluded = ["ref"];
|
|
|
24
24
|
|
|
25
25
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
28
28
|
|
|
29
29
|
const ClearIndicator = props => {
|
|
30
30
|
const {
|
|
@@ -34,20 +34,20 @@ const ClearIndicator = props => {
|
|
|
34
34
|
},
|
|
35
35
|
innerRef
|
|
36
36
|
} = props,
|
|
37
|
-
restInnerProps = _objectWithoutProperties__default[
|
|
37
|
+
restInnerProps = _objectWithoutProperties__default["default"](props.innerProps, _excluded);
|
|
38
38
|
|
|
39
39
|
const c = React.useContext(context.DropDownContext);
|
|
40
40
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, restInnerProps), {}, {
|
|
41
41
|
ref: ref,
|
|
42
42
|
"aria-hidden": "false",
|
|
43
43
|
style: getStyles('clearIndicator', props),
|
|
44
|
-
children: /*#__PURE__*/jsxRuntime.jsx(DSButton__default[
|
|
44
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
45
45
|
"data-testid": "combobox-clear-btn",
|
|
46
46
|
"aria-label": "clear-indicator",
|
|
47
47
|
buttonType: "text",
|
|
48
48
|
tabOrder: "2",
|
|
49
49
|
className: "clear-indicator",
|
|
50
|
-
icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default[
|
|
50
|
+
icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {
|
|
51
51
|
size: "m"
|
|
52
52
|
})),
|
|
53
53
|
innerRef: innerRef,
|
|
@@ -17,7 +17,7 @@ const _excluded = ["scheduleUpdate", "styleMenu"];
|
|
|
17
17
|
|
|
18
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
19
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
21
|
|
|
22
22
|
const Content = _ref => {
|
|
23
23
|
var _rest$selectProps;
|
|
@@ -26,13 +26,13 @@ const Content = _ref => {
|
|
|
26
26
|
scheduleUpdate,
|
|
27
27
|
styleMenu
|
|
28
28
|
} = _ref,
|
|
29
|
-
rest = _objectWithoutProperties__default[
|
|
29
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
30
30
|
|
|
31
31
|
React.useEffect(() => {
|
|
32
32
|
// trigger popper update on input change PUI-4069
|
|
33
33
|
scheduleUpdate();
|
|
34
34
|
}, [rest === null || rest === void 0 ? void 0 : (_rest$selectProps = rest.selectProps) === null || _rest$selectProps === void 0 ? void 0 : _rest$selectProps.inputValue]);
|
|
35
|
-
return /*#__PURE__*/_jsx__default[
|
|
35
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
36
36
|
style: styleMenu,
|
|
37
37
|
"data-testid": "combobox-menu"
|
|
38
38
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, rest)));
|
|
@@ -14,9 +14,9 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
14
14
|
|
|
15
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
16
16
|
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
18
18
|
|
|
19
|
-
const Control = props => /*#__PURE__*/_jsx__default[
|
|
19
|
+
const Control = props => /*#__PURE__*/_jsx__default["default"](reactPopper.Reference, {}, void 0, ({
|
|
20
20
|
ref
|
|
21
21
|
}) => /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
22
22
|
ref: ref,
|
|
@@ -18,7 +18,7 @@ var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
|
|
|
18
18
|
|
|
19
19
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
22
|
|
|
23
23
|
const isOptionAGroup = option => option && option.type && option.type.name === 'Group';
|
|
24
24
|
|
|
@@ -60,27 +60,27 @@ const CustomOption = ({
|
|
|
60
60
|
});
|
|
61
61
|
|
|
62
62
|
if (useTruncatedText && lodash.get(option, 'props.selectProps.menuIsOpen')) {
|
|
63
|
-
return /*#__PURE__*/React__default[
|
|
63
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
64
64
|
innerProps: optionProps,
|
|
65
65
|
tabIndex: 0
|
|
66
66
|
}), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
67
|
-
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default[
|
|
67
|
+
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
|
|
68
68
|
margin: "none",
|
|
69
69
|
style: {
|
|
70
70
|
zIndex: -2
|
|
71
71
|
},
|
|
72
72
|
type: "non-form"
|
|
73
|
-
}), /*#__PURE__*/_jsx__default[
|
|
73
|
+
}), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
74
74
|
value: option.props.children
|
|
75
75
|
})]
|
|
76
76
|
}));
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
return /*#__PURE__*/React__default[
|
|
79
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
80
80
|
tabIndex: 0,
|
|
81
81
|
innerProps: optionProps
|
|
82
82
|
}), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
83
|
-
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default[
|
|
83
|
+
children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
|
|
84
84
|
margin: "none",
|
|
85
85
|
style: {
|
|
86
86
|
zIndex: -2
|
|
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
15
15
|
|
|
16
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
17
17
|
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
19
|
|
|
20
20
|
const CustomOptionMulti = ({
|
|
21
21
|
index,
|
|
@@ -51,25 +51,25 @@ const CustomOptionMulti = ({
|
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
if (useTruncatedText) {
|
|
54
|
-
return /*#__PURE__*/React__default[
|
|
54
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
55
55
|
innerProps: optionProps
|
|
56
|
-
}), /*#__PURE__*/_jsx__default[
|
|
56
|
+
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
57
57
|
className: "combobox-v2-option-multiple-container"
|
|
58
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
58
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
|
|
59
59
|
checked: option.props.isSelected,
|
|
60
60
|
labelText: " "
|
|
61
|
-
}), /*#__PURE__*/_jsx__default[
|
|
61
|
+
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
62
62
|
className: "combobox-v2-option-multiple-truncated-label"
|
|
63
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
63
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
64
64
|
value: option.props.children
|
|
65
65
|
}))));
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
return /*#__PURE__*/React__default[
|
|
68
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
69
69
|
innerProps: optionProps,
|
|
70
|
-
children: /*#__PURE__*/_jsx__default[
|
|
70
|
+
children: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
71
71
|
className: "combobox-v2-option-multiple-container"
|
|
72
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
72
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
|
|
73
73
|
checked: option.props.isSelected,
|
|
74
74
|
labelText: option.props.children
|
|
75
75
|
}))
|
|
@@ -24,7 +24,7 @@ const _excluded = ["innerRef", "onKeyDown", "options", "theme", "clearValue", "g
|
|
|
24
24
|
|
|
25
25
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
28
28
|
|
|
29
29
|
const DropdownIndicator = _ref => {
|
|
30
30
|
let {
|
|
@@ -47,7 +47,7 @@ const DropdownIndicator = _ref => {
|
|
|
47
47
|
innerProps,
|
|
48
48
|
cx
|
|
49
49
|
} = _ref,
|
|
50
|
-
rest = _objectWithoutProperties__default[
|
|
50
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
51
51
|
|
|
52
52
|
const {
|
|
53
53
|
changeHandleOpening,
|
|
@@ -72,12 +72,12 @@ const DropdownIndicator = _ref => {
|
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
|
|
75
|
-
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default[
|
|
75
|
+
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
76
76
|
"data-testid": "combobox-dropdown-btn",
|
|
77
77
|
"aria-label": "dropdown-indicator",
|
|
78
78
|
buttonType: "text",
|
|
79
79
|
className: `dropdown-indicator ${lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`,
|
|
80
|
-
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default[
|
|
80
|
+
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
|
|
81
81
|
innerRef: innerRef,
|
|
82
82
|
onClick: handleOnClick,
|
|
83
83
|
onKeyDown: handleOnKeyDown,
|
|
@@ -20,22 +20,22 @@ var _StyledSeparator;
|
|
|
20
20
|
|
|
21
21
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22
22
|
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
24
24
|
|
|
25
25
|
const GroupHeading = props => {
|
|
26
26
|
const headerPosition = utils.getGroupHeaderPosition(props.id);
|
|
27
27
|
const {
|
|
28
28
|
hasSeparator
|
|
29
29
|
} = props.selectProps.options[headerPosition];
|
|
30
|
-
return /*#__PURE__*/_jsx__default[
|
|
30
|
+
return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, hasSeparator && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
|
|
31
31
|
type: "non-form"
|
|
32
32
|
}))), /*#__PURE__*/jsxRuntime.jsx(Select.components.GroupHeading, _objectSpread({}, props)));
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
const StyledSeparator = /*#__PURE__*/styled__default[
|
|
35
|
+
const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
|
|
36
36
|
componentId: "sc-1bw0sto-0"
|
|
37
37
|
})(["width:auto;margin:", ";margin-top:unset;"], props => props.theme.space.xs);
|
|
38
|
-
const Wrapper = /*#__PURE__*/styled__default[
|
|
38
|
+
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
39
39
|
componentId: "sc-1bw0sto-1"
|
|
40
40
|
})(["display:flex;flex-direction:column;"]);
|
|
41
41
|
|
|
@@ -12,10 +12,10 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
12
12
|
|
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
14
14
|
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
16
16
|
const IndicatorSeparator = ({
|
|
17
17
|
innerProps
|
|
18
18
|
}) => /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread({}, innerProps));
|
|
19
19
|
|
|
20
20
|
exports.IndicatorSeparator = IndicatorSeparator;
|
|
21
|
-
exports[
|
|
21
|
+
exports["default"] = IndicatorSeparator;
|
|
@@ -11,13 +11,13 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
13
|
var _Wrapper;
|
|
14
|
-
const Wrapper = /*#__PURE__*/styled__default[
|
|
14
|
+
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
15
15
|
componentId: "sc-m7hflj-0"
|
|
16
16
|
})(["display:flex;justify-content:center;margin-top:12px;"]);
|
|
17
17
|
|
|
18
|
-
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default[
|
|
18
|
+
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
|
|
19
19
|
"data-testid": "ds-combobox_loading-indicator"
|
|
20
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
20
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
|
|
21
21
|
size: "m"
|
|
22
22
|
})));
|
|
23
23
|
|
|
@@ -21,8 +21,8 @@ var memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
|
|
|
21
21
|
|
|
22
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
25
|
-
const createItemData = memoize__default[
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
+
const createItemData = memoize__default["default"]((items, options) => {
|
|
26
26
|
if (items !== null && items !== void 0 && items.findIndex) {
|
|
27
27
|
const index = items.findIndex(item => item.props.isFocused);
|
|
28
28
|
if (index > -1) return {
|
|
@@ -55,7 +55,7 @@ const scrollTo = (listRef, type) => {
|
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
|
|
58
|
-
const MenuList = /*#__PURE__*/React__default[
|
|
58
|
+
const MenuList = /*#__PURE__*/React__default["default"].memo(props => {
|
|
59
59
|
const {
|
|
60
60
|
children: options,
|
|
61
61
|
selectProps,
|
|
@@ -101,7 +101,7 @@ const MenuList = /*#__PURE__*/React__default['default'].memo(props => {
|
|
|
101
101
|
|
|
102
102
|
React.useEffect(() => setInsideFalseAtClosing, []);
|
|
103
103
|
if (!options.length) return /*#__PURE__*/jsxRuntime.jsx(Select.components.MenuList, _objectSpread({}, props));
|
|
104
|
-
return /*#__PURE__*/_jsx__default[
|
|
104
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
105
105
|
role: "list",
|
|
106
106
|
"data-testid": "combobox-menu-list"
|
|
107
107
|
}, void 0, isMulti && /*#__PURE__*/jsxRuntime.jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
|
|
@@ -26,9 +26,9 @@ const MultiSelectHeader = props => {
|
|
|
26
26
|
} = React.useContext(context.DropDownContext);
|
|
27
27
|
const isClearButtonDisabled = selectedItems === 0;
|
|
28
28
|
const isAllButtonDisabled = selectedItems === totalItems;
|
|
29
|
-
return /*#__PURE__*/_jsx__default[
|
|
29
|
+
return /*#__PURE__*/_jsx__default["default"](HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](ContentWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
30
30
|
value: `${selectedItems} selected`
|
|
31
|
-
})), !selectAllDisabled && /*#__PURE__*/_jsx__default[
|
|
31
|
+
})), !selectAllDisabled && /*#__PURE__*/_jsx__default["default"](ActionButtons, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledButton, {
|
|
32
32
|
"data-testid": "combobox-all-btn",
|
|
33
33
|
buttonType: "text",
|
|
34
34
|
labelText: "All",
|
|
@@ -37,12 +37,12 @@ const MultiSelectHeader = props => {
|
|
|
37
37
|
disabled: isAllButtonDisabled,
|
|
38
38
|
"aria-disabled": isAllButtonDisabled ? 'true' : 'false',
|
|
39
39
|
variant: isAllButtonDisabled && DSButton.BUTTON_VARIANT.DISABLED
|
|
40
|
-
}), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default[
|
|
40
|
+
}), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
|
|
41
41
|
orientation: "vertical",
|
|
42
42
|
position: "center",
|
|
43
43
|
type: "group-level",
|
|
44
44
|
margin: "none"
|
|
45
|
-
})), /*#__PURE__*/_jsx__default[
|
|
45
|
+
})), /*#__PURE__*/_jsx__default["default"](StyledButton, {
|
|
46
46
|
"data-testid": "combobox-clear-btn",
|
|
47
47
|
buttonType: "text",
|
|
48
48
|
labelText: "Clear",
|
|
@@ -51,29 +51,29 @@ const MultiSelectHeader = props => {
|
|
|
51
51
|
disabled: isClearButtonDisabled,
|
|
52
52
|
"aria-disabled": isClearButtonDisabled ? 'true' : 'false',
|
|
53
53
|
variant: isClearButtonDisabled && DSButton.BUTTON_VARIANT.DISABLED
|
|
54
|
-
}))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default[
|
|
54
|
+
}))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
|
|
55
55
|
position: "center",
|
|
56
56
|
type: "non-form",
|
|
57
57
|
margin: "none"
|
|
58
58
|
})));
|
|
59
59
|
};
|
|
60
60
|
|
|
61
|
-
const HeaderWrapper = /*#__PURE__*/styled__default[
|
|
61
|
+
const HeaderWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
62
62
|
componentId: "sc-zjm4r5-0"
|
|
63
63
|
})(["display:flex;flex-direction:column;padding:0 ", ";"], props => props.theme.space.xs);
|
|
64
|
-
const ContentWrapper = /*#__PURE__*/styled__default[
|
|
64
|
+
const ContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
65
65
|
componentId: "sc-zjm4r5-1"
|
|
66
66
|
})(["display:grid;align-items:flex-end;justify-content:space-between;height:", ";padding-bottom:4px;grid-template-columns:minmax(0,1fr) 104px;"], props => props.theme.space.s);
|
|
67
|
-
const HeaderTitle = /*#__PURE__*/styled__default[
|
|
67
|
+
const HeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
68
68
|
componentId: "sc-zjm4r5-2"
|
|
69
69
|
})(["color:", ";text-overflow:ellipsis;"], props => props.theme.colors.neutral[500]);
|
|
70
|
-
const ActionButtons = /*#__PURE__*/styled__default[
|
|
70
|
+
const ActionButtons = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
71
71
|
componentId: "sc-zjm4r5-3"
|
|
72
72
|
})(["display:inline-flex;color:", ";"], props => props.theme.colors.neutral[500]);
|
|
73
|
-
const StyledSeparator = /*#__PURE__*/styled__default[
|
|
73
|
+
const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
|
|
74
74
|
componentId: "sc-zjm4r5-4"
|
|
75
75
|
})(["height:auto;width:auto;"]);
|
|
76
|
-
const StyledButton = /*#__PURE__*/styled__default[
|
|
76
|
+
const StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
|
|
77
77
|
componentId: "sc-zjm4r5-5"
|
|
78
78
|
})(["padding:0 ", ";"], props => props.theme.space.xxs);
|
|
79
79
|
|
|
@@ -13,7 +13,7 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
13
13
|
function MultiValueLabel({
|
|
14
14
|
children
|
|
15
15
|
}) {
|
|
16
|
-
return /*#__PURE__*/_jsx__default[
|
|
16
|
+
return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
17
17
|
tooltipPlacement: DSPopper.PopperPositions.TOP,
|
|
18
18
|
value: children
|
|
19
19
|
});
|
|
@@ -15,13 +15,13 @@ const _excluded = ["innerProps"];
|
|
|
15
15
|
|
|
16
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
17
17
|
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
19
|
|
|
20
20
|
function MultiValueRemove(_ref) {
|
|
21
21
|
let {
|
|
22
22
|
innerProps
|
|
23
23
|
} = _ref,
|
|
24
|
-
rest = _objectWithoutProperties__default[
|
|
24
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
25
25
|
|
|
26
26
|
const innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
|
|
27
27
|
onClick: () => {},
|
|
@@ -19,7 +19,7 @@ var _TriggerComponent, _TriggerComponent2;
|
|
|
19
19
|
|
|
20
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
23
|
const TriggerComponent = dsClassnames.aggregatedClasses('div')('combobox-trigger', null);
|
|
24
24
|
|
|
25
25
|
const SelectMenu = props => {
|
|
@@ -45,15 +45,15 @@ const SelectMenu = props => {
|
|
|
45
45
|
styleMenu.width = 'auto';
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
return /*#__PURE__*/_jsx__default[
|
|
48
|
+
return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
|
|
49
49
|
contentComponent: /*#__PURE__*/jsxRuntime.jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
|
|
50
50
|
styleMenu: styleMenu
|
|
51
51
|
})),
|
|
52
52
|
isOpen: true,
|
|
53
53
|
placement: DSPopper.PopperPositions.BOTTOM_START,
|
|
54
|
-
preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx__default[
|
|
54
|
+
preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
|
|
55
55
|
showArrow: false,
|
|
56
|
-
triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx__default[
|
|
56
|
+
triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
|
|
57
57
|
zIndex: zIndex
|
|
58
58
|
});
|
|
59
59
|
};
|
|
@@ -13,7 +13,7 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
13
13
|
function SingleValueLabel({
|
|
14
14
|
children
|
|
15
15
|
}) {
|
|
16
|
-
return /*#__PURE__*/_jsx__default[
|
|
16
|
+
return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
17
17
|
tooltipPlacement: DSPopper.PopperPositions.TOP,
|
|
18
18
|
value: children
|
|
19
19
|
});
|
|
@@ -19,12 +19,12 @@ const _excluded = ["children"];
|
|
|
19
19
|
|
|
20
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
23
|
function ValueContainer(_ref) {
|
|
24
24
|
let {
|
|
25
25
|
children
|
|
26
26
|
} = _ref,
|
|
27
|
-
rest = _objectWithoutProperties__default[
|
|
27
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
28
28
|
|
|
29
29
|
const valueContainerRef = React.useRef(null);
|
|
30
30
|
const {
|
|
@@ -55,4 +55,4 @@ function ValueContainer(_ref) {
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
exports.ValueContainer = ValueContainer;
|
|
58
|
-
exports[
|
|
58
|
+
exports["default"] = ValueContainer;
|
|
@@ -8,6 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
|
|
11
|
-
const DropDownContext = /*#__PURE__*/React__default[
|
|
11
|
+
const DropDownContext = /*#__PURE__*/React__default["default"].createContext();
|
|
12
12
|
|
|
13
13
|
exports.DropDownContext = DropDownContext;
|
package/cjs/ComboBox/v2/index.js
CHANGED