@elliemae/ds-form 2.0.0-alpha.5 → 2.0.0-alpha.9
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 +3 -3
- package/cjs/Input/InputAddonWrapper.js +4 -4
- package/cjs/Input/InputImpl.js +55 -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 +7 -7
- 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 +4 -4
- 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/InputImpl.js +2 -2
- package/esm/Radio/DSRadio.js +1 -1
- package/package.json +17 -17
|
@@ -27,7 +27,7 @@ const _excluded = ["className", "onChange", "checked", "innerRef", "onKeyDown",
|
|
|
27
27
|
|
|
28
28
|
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; }
|
|
29
29
|
|
|
30
|
-
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[
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
32
|
function Checkbox(_ref) {
|
|
33
33
|
let {
|
|
@@ -48,7 +48,7 @@ function Checkbox(_ref) {
|
|
|
48
48
|
instanceUID,
|
|
49
49
|
labelText
|
|
50
50
|
} = _ref,
|
|
51
|
-
rest = _objectWithoutProperties__default[
|
|
51
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
52
52
|
|
|
53
53
|
const checkRef = React.useRef(null);
|
|
54
54
|
const handleClick = React.useCallback(e => {
|
|
@@ -59,7 +59,7 @@ function Checkbox(_ref) {
|
|
|
59
59
|
onChange(e);
|
|
60
60
|
}
|
|
61
61
|
}, [onChange, readOnly]);
|
|
62
|
-
return /*#__PURE__*/_jsx__default[
|
|
62
|
+
return /*#__PURE__*/_jsx__default["default"]("span", {
|
|
63
63
|
onMouseEnter: onMouseEnter,
|
|
64
64
|
onMouseLeave: onMouseLeave
|
|
65
65
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(CheckMark, _objectSpread(_objectSpread({}, rest), {}, {
|
|
@@ -120,7 +120,7 @@ const DSCheckbox = _ref2 => {
|
|
|
120
120
|
innerRef,
|
|
121
121
|
name
|
|
122
122
|
} = _ref2,
|
|
123
|
-
otherProps = _objectWithoutProperties__default[
|
|
123
|
+
otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
|
|
124
124
|
|
|
125
125
|
const {
|
|
126
126
|
cssClassName,
|
|
@@ -149,13 +149,13 @@ const DSCheckbox = _ref2 => {
|
|
|
149
149
|
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
|
|
150
150
|
className: `${cssClassName} ${variant}`
|
|
151
151
|
}, containerProps), {}, {
|
|
152
|
-
children: [/*#__PURE__*/_jsx__default[
|
|
152
|
+
children: [/*#__PURE__*/_jsx__default["default"]("label", {
|
|
153
153
|
"data-testid": "ds-checkbox-label",
|
|
154
154
|
className: classNameElement('label'),
|
|
155
155
|
htmlFor: `${instanceUID}-${labelText}`
|
|
156
|
-
}, void 0, checkbox, /*#__PURE__*/_jsx__default[
|
|
156
|
+
}, void 0, checkbox, /*#__PURE__*/_jsx__default["default"]("span", {
|
|
157
157
|
className: classNameElement('label-text')
|
|
158
|
-
}, void 0, labelText)), children && /*#__PURE__*/_jsx__default[
|
|
158
|
+
}, void 0, labelText)), children && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
159
159
|
className: classNameElement('checkbox-children')
|
|
160
160
|
}, void 0, children)]
|
|
161
161
|
}));
|
|
@@ -167,10 +167,8 @@ CheckboxWithSchema.propTypes = props.checkboxProps;
|
|
|
167
167
|
|
|
168
168
|
Object.defineProperty(exports, 'CHECKBOX_VARIANT', {
|
|
169
169
|
enumerable: true,
|
|
170
|
-
get: function () {
|
|
171
|
-
return propTypes.CHECKBOX_VARIANT;
|
|
172
|
-
}
|
|
170
|
+
get: function () { return propTypes.CHECKBOX_VARIANT; }
|
|
173
171
|
});
|
|
174
172
|
exports.CheckboxWithSchema = CheckboxWithSchema;
|
|
175
173
|
exports.DSCheckbox = DSCheckbox;
|
|
176
|
-
exports[
|
|
174
|
+
exports["default"] = DSCheckbox;
|
|
@@ -6,7 +6,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
6
6
|
|
|
7
7
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
8
8
|
|
|
9
|
-
const CheckMark = /*#__PURE__*/styled__default[
|
|
9
|
+
const CheckMark = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
10
10
|
componentId: "sc-1rrft2r-0"
|
|
11
11
|
})([""]);
|
|
12
12
|
|
package/cjs/Checkbox/index.js
CHANGED
|
@@ -9,10 +9,8 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
|
9
9
|
|
|
10
10
|
exports.CheckboxWithSchema = DSCheckbox.CheckboxWithSchema;
|
|
11
11
|
exports.DSCheckbox = DSCheckbox.DSCheckbox;
|
|
12
|
-
exports
|
|
12
|
+
exports["default"] = DSCheckbox.DSCheckbox;
|
|
13
13
|
Object.defineProperty(exports, 'CHECKBOX_VARIANT', {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () {
|
|
16
|
-
return propTypes.CHECKBOX_VARIANT;
|
|
17
|
-
}
|
|
15
|
+
get: function () { return propTypes.CHECKBOX_VARIANT; }
|
|
18
16
|
});
|
|
@@ -25,11 +25,11 @@ var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
|
|
|
25
25
|
|
|
26
26
|
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; }
|
|
27
27
|
|
|
28
|
-
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[
|
|
28
|
+
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; }
|
|
29
29
|
const emClassPrefix = 'em-ds';
|
|
30
30
|
const baseClass = `${emClassPrefix}-checkbox-group`;
|
|
31
31
|
|
|
32
|
-
const CheckboxItem = props => /*#__PURE__*/_jsx__default[
|
|
32
|
+
const CheckboxItem = props => /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
|
|
33
33
|
render: context => /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread(_objectSpread({}, props), {}, {
|
|
34
34
|
checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
|
|
35
35
|
disabled: context.disabled || props.disabled,
|
|
@@ -48,7 +48,7 @@ const DSCheckboxGroup = ({
|
|
|
48
48
|
containerProps
|
|
49
49
|
}) => {
|
|
50
50
|
const checkRefs = [];
|
|
51
|
-
const count = React__default[
|
|
51
|
+
const count = React__default["default"].Children.count(children);
|
|
52
52
|
|
|
53
53
|
const onKeyDown = (e, index) => {
|
|
54
54
|
if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
|
|
@@ -60,7 +60,7 @@ const DSCheckboxGroup = ({
|
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
|
|
63
|
-
const group = /*#__PURE__*/_jsx__default[
|
|
63
|
+
const group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
|
|
64
64
|
activeValue: activeValue,
|
|
65
65
|
disabled: disabled,
|
|
66
66
|
multiple: true,
|
|
@@ -69,7 +69,7 @@ const DSCheckboxGroup = ({
|
|
|
69
69
|
className: `${baseClass} ${baseClass}--${orientation}`
|
|
70
70
|
}, labelProps && labelProps.labelText ? {} : containerProps), {}, {
|
|
71
71
|
role: "group",
|
|
72
|
-
children: React__default[
|
|
72
|
+
children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(CheckboxItem, _objectSpread(_objectSpread({}, child.props), {}, {
|
|
73
73
|
innerRef: t => {
|
|
74
74
|
checkRefs.push(t);
|
|
75
75
|
},
|
|
@@ -82,7 +82,7 @@ const DSCheckboxGroup = ({
|
|
|
82
82
|
className: `${baseClass}-form-item-layout-wrapper`
|
|
83
83
|
}, containerProps), {}, {
|
|
84
84
|
role: "group",
|
|
85
|
-
children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout[
|
|
85
|
+
children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout["default"], _objectSpread(_objectSpread({}, labelProps), {}, {
|
|
86
86
|
inputComponent: group,
|
|
87
87
|
onChange: onChange,
|
|
88
88
|
truncateText: truncateText
|
|
@@ -106,4 +106,4 @@ CheckboxItem.defaultProps = {
|
|
|
106
106
|
|
|
107
107
|
exports.DSCheckboxGroup = DSCheckboxGroup;
|
|
108
108
|
exports.DSCheckboxGroupWithSchema = DSCheckboxGroupWithSchema;
|
|
109
|
-
exports[
|
|
109
|
+
exports["default"] = DSCheckboxGroup;
|
|
@@ -8,4 +8,4 @@ var DSCheckboxGroup = require('./DSCheckboxGroup.js');
|
|
|
8
8
|
|
|
9
9
|
exports.DSCheckboxGroup = DSCheckboxGroup.DSCheckboxGroup;
|
|
10
10
|
exports.DSCheckboxGroupWithSchema = DSCheckboxGroup.DSCheckboxGroupWithSchema;
|
|
11
|
-
exports
|
|
11
|
+
exports["default"] = DSCheckboxGroup.DSCheckboxGroup;
|
|
@@ -10,16 +10,12 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
exports.DSComboBox2 = Combobox.DSComboBox2;
|
|
13
|
-
exports
|
|
13
|
+
exports["default"] = Combobox.DSComboBox2;
|
|
14
14
|
Object.defineProperty(exports, 'components', {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return Select.components;
|
|
18
|
-
}
|
|
16
|
+
get: function () { return Select.components; }
|
|
19
17
|
});
|
|
20
18
|
Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
|
|
21
19
|
enumerable: true,
|
|
22
|
-
get: function () {
|
|
23
|
-
return propTypes.COMBOBOX_VARIANT;
|
|
24
|
-
}
|
|
20
|
+
get: function () { return propTypes.COMBOBOX_VARIANT; }
|
|
25
21
|
});
|
package/cjs/ComboBox/index.js
CHANGED
|
@@ -11,16 +11,12 @@ var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
|
11
11
|
|
|
12
12
|
exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
|
|
13
13
|
exports.DSComboBox2 = Combobox.DSComboBox2;
|
|
14
|
-
exports
|
|
14
|
+
exports["default"] = Combobox.DSComboBox2;
|
|
15
15
|
Object.defineProperty(exports, 'components', {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () {
|
|
18
|
-
return Select.components;
|
|
19
|
-
}
|
|
17
|
+
get: function () { return Select.components; }
|
|
20
18
|
});
|
|
21
19
|
Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
|
|
22
20
|
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return propTypes.COMBOBOX_VARIANT;
|
|
25
|
-
}
|
|
21
|
+
get: function () { return propTypes.COMBOBOX_VARIANT; }
|
|
26
22
|
});
|
|
@@ -39,7 +39,7 @@ const _excluded = ["hideSelectedOptions", "autoFocus", "className", "hasError",
|
|
|
39
39
|
|
|
40
40
|
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; }
|
|
41
41
|
|
|
42
|
-
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[
|
|
42
|
+
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; }
|
|
43
43
|
const ThemeConstants = {
|
|
44
44
|
prefix: 'em-ds'
|
|
45
45
|
};
|
|
@@ -54,39 +54,39 @@ const getValues = (option, isMulti, valueProperty) => {
|
|
|
54
54
|
return isMulti ? option.map(mOption => mOption[valueProperty]) : option[valueProperty];
|
|
55
55
|
};
|
|
56
56
|
|
|
57
|
-
class DSComboBox extends React__default[
|
|
57
|
+
class DSComboBox extends React__default["default"].Component {
|
|
58
58
|
constructor(props) {
|
|
59
59
|
super(props);
|
|
60
60
|
|
|
61
|
-
_defineProperty__default[
|
|
61
|
+
_defineProperty__default["default"](this, "forceFocus", false);
|
|
62
62
|
|
|
63
|
-
_defineProperty__default[
|
|
63
|
+
_defineProperty__default["default"](this, "isHover", undefined);
|
|
64
64
|
|
|
65
|
-
_defineProperty__default[
|
|
65
|
+
_defineProperty__default["default"](this, "handleHover", lodash.debounce(value => {
|
|
66
66
|
if (this.state.isHover === this.isHover) return;
|
|
67
67
|
if (!this.unmount) this.setState({
|
|
68
68
|
isHover: value
|
|
69
69
|
});
|
|
70
70
|
}, 0));
|
|
71
71
|
|
|
72
|
-
_defineProperty__default[
|
|
72
|
+
_defineProperty__default["default"](this, "state", {
|
|
73
73
|
focus: null,
|
|
74
74
|
isHover: undefined
|
|
75
75
|
});
|
|
76
76
|
|
|
77
|
-
_defineProperty__default[
|
|
77
|
+
_defineProperty__default["default"](this, "handleOutsideScroll", () => {
|
|
78
78
|
if (this.isHover !== true && !this.unmount) {
|
|
79
79
|
this.isHover = false;
|
|
80
80
|
this.handleHover(false);
|
|
81
81
|
}
|
|
82
82
|
});
|
|
83
83
|
|
|
84
|
-
_defineProperty__default[
|
|
84
|
+
_defineProperty__default["default"](this, "handleHoverRef", value => {
|
|
85
85
|
this.isHover = value;
|
|
86
86
|
this.handleHover(value);
|
|
87
87
|
});
|
|
88
88
|
|
|
89
|
-
_defineProperty__default[
|
|
89
|
+
_defineProperty__default["default"](this, "onKeyDownClear", e => {
|
|
90
90
|
// if (e.key === 'ArrowRight') {
|
|
91
91
|
// this.arrow.focus()
|
|
92
92
|
// } else if (e.key === 'ArrowLeft') {
|
|
@@ -97,7 +97,7 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
97
97
|
}
|
|
98
98
|
});
|
|
99
99
|
|
|
100
|
-
_defineProperty__default[
|
|
100
|
+
_defineProperty__default["default"](this, "handleKeyDown", e => {
|
|
101
101
|
// if (e.key === 'ArrowRight') e.preventDefault()
|
|
102
102
|
// if (e.target.type === 'text' && e.key === 'ArrowRight') {
|
|
103
103
|
// if (this.clear && this.clear.focus) {
|
|
@@ -119,9 +119,9 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
119
119
|
};
|
|
120
120
|
});
|
|
121
121
|
|
|
122
|
-
this.clear = /*#__PURE__*/React__default[
|
|
123
|
-
this.arrow = /*#__PURE__*/React__default[
|
|
124
|
-
this.select = /*#__PURE__*/React__default[
|
|
122
|
+
this.clear = /*#__PURE__*/React__default["default"].createRef();
|
|
123
|
+
this.arrow = /*#__PURE__*/React__default["default"].createRef();
|
|
124
|
+
this.select = /*#__PURE__*/React__default["default"].createRef();
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
componentDidMount() {
|
|
@@ -166,7 +166,7 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
166
166
|
labelProperty = 'label',
|
|
167
167
|
menuIsOpen = undefined,
|
|
168
168
|
inlineMenu = false,
|
|
169
|
-
noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx__default[
|
|
169
|
+
noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "No options")),
|
|
170
170
|
components: customComponents = {},
|
|
171
171
|
measureRef,
|
|
172
172
|
contentRect,
|
|
@@ -182,7 +182,7 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
182
182
|
containerProps = {},
|
|
183
183
|
zIndex = 11
|
|
184
184
|
} = _this$props,
|
|
185
|
-
restPropsToCustomizeSelect = _objectWithoutProperties__default[
|
|
185
|
+
restPropsToCustomizeSelect = _objectWithoutProperties__default["default"](_this$props, _excluded);
|
|
186
186
|
|
|
187
187
|
const {
|
|
188
188
|
focus
|
|
@@ -198,14 +198,14 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
198
198
|
internalValue = [allOption, ...value];
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
-
return /*#__PURE__*/_jsx__default[
|
|
201
|
+
return /*#__PURE__*/_jsx__default["default"](reactPopper.Manager, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
202
202
|
ref: measureRef,
|
|
203
203
|
className: utils.cx(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${propTypes.COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
|
|
204
204
|
}, containerProps), {}, {
|
|
205
205
|
onMouseEnter: () => {
|
|
206
206
|
this.handleHoverRef(undefined);
|
|
207
207
|
},
|
|
208
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Select__default[
|
|
208
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread({
|
|
209
209
|
ref: ref => {
|
|
210
210
|
this.select = ref;
|
|
211
211
|
},
|
|
@@ -213,7 +213,7 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
213
213
|
classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
|
|
214
214
|
components: _objectSpread({
|
|
215
215
|
Control,
|
|
216
|
-
Menu: !options || options.length === 0 ? SelectMenu : props => /*#__PURE__*/_jsx__default[
|
|
216
|
+
Menu: !options || options.length === 0 ? SelectMenu : props => /*#__PURE__*/_jsx__default["default"]("div", {
|
|
217
217
|
className: `select-menu-combo ${isMulti && 'select-menu-combo-multi'}`,
|
|
218
218
|
onMouseLeave: () => {
|
|
219
219
|
this.isHover = undefined;
|
|
@@ -225,7 +225,7 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
225
225
|
}
|
|
226
226
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(SelectMenu, _objectSpread({}, props))),
|
|
227
227
|
// Menu: SelectMenu,
|
|
228
|
-
DropdownIndicator: () => /*#__PURE__*/_jsx__default[
|
|
228
|
+
DropdownIndicator: () => /*#__PURE__*/_jsx__default["default"](DropdownIndicator, {
|
|
229
229
|
innerRef: ref => {
|
|
230
230
|
this.arrow = ref;
|
|
231
231
|
},
|
|
@@ -328,21 +328,17 @@ class DSComboBox extends React__default['default'].Component {
|
|
|
328
328
|
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
_defineProperty__default[
|
|
331
|
+
_defineProperty__default["default"](DSComboBox, "defaultProps", {
|
|
332
332
|
showAllOption: false
|
|
333
333
|
});
|
|
334
334
|
var DSComboBox$1 = withSelectStringValueConverter(reactMeasure.withContentRect('bounds')(DSComboBox));
|
|
335
335
|
|
|
336
336
|
Object.defineProperty(exports, 'components', {
|
|
337
337
|
enumerable: true,
|
|
338
|
-
get: function () {
|
|
339
|
-
return Select.components;
|
|
340
|
-
}
|
|
338
|
+
get: function () { return Select.components; }
|
|
341
339
|
});
|
|
342
340
|
Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
|
|
343
341
|
enumerable: true,
|
|
344
|
-
get: function () {
|
|
345
|
-
return propTypes.COMBOBOX_VARIANT;
|
|
346
|
-
}
|
|
342
|
+
get: function () { return propTypes.COMBOBOX_VARIANT; }
|
|
347
343
|
});
|
|
348
|
-
exports[
|
|
344
|
+
exports["default"] = DSComboBox$1;
|
|
@@ -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"
|
|
@@ -26,11 +26,11 @@ const ClearIndicator = props => {
|
|
|
26
26
|
ref: ref,
|
|
27
27
|
"aria-hidden": "false",
|
|
28
28
|
style: getStyles('clearIndicator', props),
|
|
29
|
-
children: /*#__PURE__*/_jsx__default[
|
|
29
|
+
children: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
30
30
|
"aria-label": "clear-indicator",
|
|
31
31
|
buttonType: "text",
|
|
32
32
|
className: "clear-indicator",
|
|
33
|
-
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default[
|
|
33
|
+
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](CloseCircle__default["default"], {
|
|
34
34
|
size: "m"
|
|
35
35
|
})),
|
|
36
36
|
innerRef: innerRef,
|
|
@@ -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,
|
|
@@ -15,7 +15,7 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
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 CustomOption = ({
|
|
21
21
|
index,
|
|
@@ -40,14 +40,14 @@ const CustomOption = ({
|
|
|
40
40
|
});
|
|
41
41
|
|
|
42
42
|
if (useTruncatedText && !isScrolling && lodash.get(option, 'props.selectProps.menuIsOpen')) {
|
|
43
|
-
return /*#__PURE__*/React__default[
|
|
43
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
44
44
|
innerProps: optionProps
|
|
45
|
-
}), /*#__PURE__*/_jsx__default[
|
|
45
|
+
}), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
46
46
|
value: option.props.children
|
|
47
47
|
}));
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
return /*#__PURE__*/React__default[
|
|
50
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
51
51
|
innerProps: optionProps
|
|
52
52
|
}));
|
|
53
53
|
};
|
|
@@ -15,7 +15,7 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
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,
|
|
@@ -40,9 +40,9 @@ const CustomOptionMulti = ({
|
|
|
40
40
|
});
|
|
41
41
|
|
|
42
42
|
if (useTruncatedText && !isScrolling) {
|
|
43
|
-
return /*#__PURE__*/React__default[
|
|
43
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
44
44
|
innerProps: optionProps
|
|
45
|
-
}), /*#__PURE__*/_jsx__default[
|
|
45
|
+
}), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
|
|
46
46
|
value: option.props.children
|
|
47
47
|
}));
|
|
48
48
|
}
|
|
@@ -55,9 +55,9 @@ const CustomOptionMulti = ({
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
return /*#__PURE__*/React__default[
|
|
58
|
+
return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
|
|
59
59
|
innerProps: optionProps,
|
|
60
|
-
children: /*#__PURE__*/_jsx__default[
|
|
60
|
+
children: /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
|
|
61
61
|
checked: option.props.isSelected || allSelected,
|
|
62
62
|
labelText: option.props.children
|
|
63
63
|
}))
|
|
@@ -22,7 +22,7 @@ const _excluded = ["innerRef", "onKeyDown", "clearValue", "getStyles", "getValue
|
|
|
22
22
|
|
|
23
23
|
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; }
|
|
24
24
|
|
|
25
|
-
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
|
+
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; }
|
|
26
26
|
|
|
27
27
|
const DropdownIndicator = _ref => {
|
|
28
28
|
let {
|
|
@@ -42,13 +42,13 @@ const DropdownIndicator = _ref => {
|
|
|
42
42
|
selectProps,
|
|
43
43
|
innerProps
|
|
44
44
|
} = _ref,
|
|
45
|
-
rest = _objectWithoutProperties__default[
|
|
45
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
46
46
|
|
|
47
|
-
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default[
|
|
47
|
+
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
48
48
|
"aria-label": "dropdown-indicator",
|
|
49
49
|
buttonType: "text",
|
|
50
50
|
className: "dropdown-indicator",
|
|
51
|
-
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default[
|
|
51
|
+
icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](ChevronSmallDown__default["default"], {})),
|
|
52
52
|
innerRef: innerRef,
|
|
53
53
|
onKeyDown: onKeyDown
|
|
54
54
|
}, rest));
|
|
@@ -20,8 +20,8 @@ var memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
|
|
|
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[
|
|
24
|
-
const createItemData = memoize__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
|
+
const createItemData = memoize__default["default"]((items, options) => ({
|
|
25
25
|
items,
|
|
26
26
|
options
|
|
27
27
|
}));
|
|
@@ -75,7 +75,7 @@ const MenuList = props => {
|
|
|
75
75
|
scrollToKeyword(listRef, 'center'); // use autoScroll
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
return /*#__PURE__*/_jsx__default[
|
|
78
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
79
79
|
onMouseLeave: () => {
|
|
80
80
|
setInside(false);
|
|
81
81
|
}
|
|
@@ -9,7 +9,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
9
9
|
|
|
10
10
|
const MultiSelectHeader = props => {
|
|
11
11
|
const count = props.children.filter(child => child.props.isSelected).length;
|
|
12
|
-
return /*#__PURE__*/_jsx__default[
|
|
12
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
13
13
|
className: "combobox-multi-select-header"
|
|
14
14
|
}, void 0, `${count} selected`);
|
|
15
15
|
};
|
|
@@ -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
|
});
|
|
@@ -12,7 +12,7 @@ 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
|
|
|
17
17
|
function MultiValueRemove(props) {
|
|
18
18
|
const value = lodash.get(props, 'selectProps.value');
|
|
@@ -20,8 +20,8 @@ var DSOverlay__default = /*#__PURE__*/_interopDefaultLegacy(DSOverlay);
|
|
|
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[
|
|
24
|
-
const SelectMenu = /*#__PURE__*/React__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
|
+
const SelectMenu = /*#__PURE__*/React__default["default"].memo(props => {
|
|
25
25
|
const {
|
|
26
26
|
inlineMenu,
|
|
27
27
|
selectMeasure: {
|
|
@@ -44,12 +44,12 @@ const SelectMenu = /*#__PURE__*/React__default['default'].memo(props => {
|
|
|
44
44
|
styleMenu.width = 'auto';
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
return /*#__PURE__*/_jsx__default[
|
|
47
|
+
return /*#__PURE__*/_jsx__default["default"](DSOverlay__default["default"], {
|
|
48
48
|
containerProps: {
|
|
49
49
|
className: 'combobox-menu-overlay'
|
|
50
50
|
},
|
|
51
51
|
isOpen: true
|
|
52
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
52
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Popper, {
|
|
53
53
|
containerProps: {
|
|
54
54
|
className: 'combobox-menu-overlay-popper'
|
|
55
55
|
},
|
|
@@ -72,7 +72,7 @@ const SelectMenu = /*#__PURE__*/React__default['default'].memo(props => {
|
|
|
72
72
|
}, style), expandMenuOutsideContainer ? {
|
|
73
73
|
width: 'auto'
|
|
74
74
|
} : {}),
|
|
75
|
-
children: /*#__PURE__*/_jsx__default[
|
|
75
|
+
children: /*#__PURE__*/_jsx__default["default"](dsMenu.Menu, {
|
|
76
76
|
className: utils.cx('combobox-menu-menu', expandMenuOutsideContainer && 'combobox-menu-menu-external-outside-container'),
|
|
77
77
|
style: styleMenu,
|
|
78
78
|
visible: true
|
|
@@ -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,14 +19,14 @@ 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
|
-
return /*#__PURE__*/_jsx__default[
|
|
29
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
30
30
|
className: "combobox-value-container"
|
|
31
31
|
}, void 0, /*#__PURE__*/jsxRuntime.jsx(Select.components.ValueContainer, _objectSpread(_objectSpread({}, rest), {}, {
|
|
32
32
|
children: children
|
|
@@ -34,4 +34,4 @@ function ValueContainer(_ref) {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
exports.ValueContainer = ValueContainer;
|
|
37
|
-
exports[
|
|
37
|
+
exports["default"] = ValueContainer;
|