@dreamcommerce/aurora 2.1.10-2 → 2.1.10-4
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/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js +1 -6
- package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +8 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js +0 -6
- package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +2 -7
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/index.js +1 -3
- package/build/cjs/packages/aurora/src/components/dropdown/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/input/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input.js +6 -6
- package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +10 -15
- package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/textarea.js +5 -5
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +8 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +1 -4
- package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +3 -8
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/index.js +1 -3
- package/build/esm/packages/aurora/src/components/dropdown/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +1 -6
- package/build/esm/packages/aurora/src/css/input/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js +0 -16
- package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js.map +0 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js +0 -8
- package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js.map +0 -1
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder,
|
|
16
|
+
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
|
|
17
17
|
const { errors } = context.useControlContext();
|
|
18
18
|
const classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], {
|
|
19
19
|
[main_module['default'][css_classes.cssControlS]]: size === 'small',
|
|
@@ -22,14 +22,9 @@ const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preEleme
|
|
|
22
22
|
[main_module['default'][css_classes.cssControlReadonly]]: isReadOnly,
|
|
23
23
|
[main_module['default'][css_classes.cssControlError]]: errors
|
|
24
24
|
});
|
|
25
|
-
const handleOnClick = (ev) => {
|
|
26
|
-
ev.stopPropagation();
|
|
27
|
-
onRemoveOptions && onRemoveOptions();
|
|
28
|
-
};
|
|
29
25
|
return (React__default['default'].createElement("div", { ...props, className: classes },
|
|
30
26
|
preElements,
|
|
31
27
|
React__default['default'].createElement("input", { type: "text", className: main_module['default'][css_classes.cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
|
|
32
|
-
shouldShowRemoveButton && (React__default['default'].createElement("button", { className: main_module['default'][css_classes.cssControlRemoveButton], onClick: handleOnClick }, removeButtonContent)),
|
|
33
28
|
postElements));
|
|
34
29
|
};
|
|
35
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -24,7 +24,7 @@ const cssControlDisabled = 'control_disabled';
|
|
|
24
24
|
const cssControlReadonly = 'control_readonly';
|
|
25
25
|
const cssControlError = 'control_error';
|
|
26
26
|
const cssControlInput = 'control__input';
|
|
27
|
-
const
|
|
27
|
+
const cssControlInputRemoveButton = 'control__remove-button';
|
|
28
28
|
const checkbox = 'checkbox';
|
|
29
29
|
const checkboxDisabled = `${checkbox}_disabled`;
|
|
30
30
|
const checkboxControl = `${checkbox}__control`;
|
|
@@ -67,8 +67,8 @@ exports.cssControlDisabled = cssControlDisabled;
|
|
|
67
67
|
exports.cssControlError = cssControlError;
|
|
68
68
|
exports.cssControlFocus = cssControlFocus;
|
|
69
69
|
exports.cssControlInput = cssControlInput;
|
|
70
|
+
exports.cssControlInputRemoveButton = cssControlInputRemoveButton;
|
|
70
71
|
exports.cssControlReadonly = cssControlReadonly;
|
|
71
|
-
exports.cssControlRemoveButton = cssControlRemoveButton;
|
|
72
72
|
exports.cssControlS = cssControlS;
|
|
73
73
|
exports.cssControlWrapper = cssControlWrapper;
|
|
74
74
|
exports.cssControls = cssControls;
|
|
@@ -26,14 +26,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
26
26
|
* />
|
|
27
27
|
* )
|
|
28
28
|
*/
|
|
29
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll,
|
|
29
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
|
|
30
30
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
31
31
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
32
32
|
label,
|
|
33
33
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Element, null,
|
|
36
|
-
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll,
|
|
36
|
+
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
|
|
37
37
|
React__default['default'].createElement(index['default'].Errors, null),
|
|
38
38
|
additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)));
|
|
39
39
|
};
|
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../context/index.js');
|
|
7
|
+
var css_classes = require('../../controls/css_classes.js');
|
|
8
|
+
var main_module$1 = require('../../../css/input/main.module.less.js');
|
|
7
9
|
var input_wrapper = require('../../controls/components/input_wrapper.js');
|
|
8
10
|
var main_module = require('../../../css/dropdown/main.module.less.js');
|
|
9
11
|
var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
|
|
@@ -51,8 +53,13 @@ selectedOptions, placeholder, onRemoveOptions }) => {
|
|
|
51
53
|
const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
|
|
52
54
|
const $hiddenInputs = notDisabled.map((option) => (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
|
|
53
55
|
use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
56
|
+
const handleOnClick = (ev) => {
|
|
57
|
+
ev.stopPropagation();
|
|
58
|
+
onRemoveOptions && onRemoveOptions();
|
|
59
|
+
};
|
|
54
60
|
return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
55
|
-
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder,
|
|
61
|
+
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React__default['default'].createElement("button", { className: main_module$1['default'][css_classes.cssControlInputRemoveButton], onClick: handleOnClick },
|
|
62
|
+
React__default['default'].createElement(icon_close['default'], { size: "s" }))) }),
|
|
56
63
|
$hiddenInputs));
|
|
57
64
|
};
|
|
58
65
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,9 +11,6 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
|
|
|
11
11
|
const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
|
|
12
12
|
const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
|
|
13
13
|
const cssDropdownList = `${cssDropdown}__list`;
|
|
14
|
-
const cssDropdownError = `${cssDropdown}__error`;
|
|
15
|
-
const cssDropdownErrorIcon = `${cssDropdownError}-icon`;
|
|
16
|
-
const cssDropdownAdditionalInfo = `${cssDropdown}__additional-info`;
|
|
17
14
|
const cssDropdownSearch = `${cssDropdown}__search`;
|
|
18
15
|
const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
|
|
19
16
|
const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
|
|
@@ -24,12 +21,9 @@ const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
|
|
|
24
21
|
const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
|
|
25
22
|
|
|
26
23
|
exports.cssDropdown = cssDropdown;
|
|
27
|
-
exports.cssDropdownAdditionalInfo = cssDropdownAdditionalInfo;
|
|
28
24
|
exports.cssDropdownArrowHorizontalDirectionRight = cssDropdownArrowHorizontalDirectionRight;
|
|
29
25
|
exports.cssDropdownArrowVerticalDirectionBottom = cssDropdownArrowVerticalDirectionBottom;
|
|
30
26
|
exports.cssDropdownContent = cssDropdownContent;
|
|
31
|
-
exports.cssDropdownError = cssDropdownError;
|
|
32
|
-
exports.cssDropdownErrorIcon = cssDropdownErrorIcon;
|
|
33
27
|
exports.cssDropdownHeader = cssDropdownHeader;
|
|
34
28
|
exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
|
|
35
29
|
exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -11,7 +11,6 @@ var use_value = require('../../hooks/use_value.js');
|
|
|
11
11
|
var use_toggle = require('../../hooks/use_toggle.js');
|
|
12
12
|
var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
|
|
13
13
|
var index$1 = require('../../index.js');
|
|
14
|
-
var icon_warning = require('../../../../assets/icon_warning.js');
|
|
15
14
|
|
|
16
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
16
|
|
|
@@ -84,7 +83,7 @@ onChange,
|
|
|
84
83
|
* Place where portal should be placed, by default to body
|
|
85
84
|
* this can be used to put modal inside modal
|
|
86
85
|
*/
|
|
87
|
-
portalContainer, placeholder, onScroll,
|
|
86
|
+
portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
88
87
|
/**
|
|
89
88
|
* reference to dropdown wrapper element
|
|
90
89
|
*/
|
|
@@ -122,11 +121,7 @@ portalContainer, placeholder, onScroll, scrollErrors, innerAdditionalInfo }) =>
|
|
|
122
121
|
var _a, _b;
|
|
123
122
|
return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
|
|
124
123
|
}),
|
|
125
|
-
|
|
126
|
-
scrollErrors.map((scrollError, index) => (React__default['default'].createElement("p", { className: main_module['default'][css_classes.cssDropdownError], key: `${index}-${scrollError}` },
|
|
127
|
-
React__default['default'].createElement(icon_warning['default'], { size: "m", className: main_module['default'][css_classes.cssDropdownErrorIcon] }),
|
|
128
|
-
" ",
|
|
129
|
-
scrollError))))))));
|
|
124
|
+
innerAdditionalContent)))));
|
|
130
125
|
};
|
|
131
126
|
|
|
132
127
|
exports.default = Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('./context/index.js');
|
|
7
|
-
var additional_info = require('./components/additional_info.js');
|
|
8
7
|
var main_module = require('../../css/dropdown/main.module.less.js');
|
|
9
8
|
var content = require('./components/content.js');
|
|
10
9
|
var custom_label = require('./components/custom_label.js');
|
|
@@ -64,8 +63,7 @@ Dropdown.OptionMultiple = option_multiple['default'];
|
|
|
64
63
|
Dropdown.Link = link['default'];
|
|
65
64
|
Dropdown.Label = label['default'];
|
|
66
65
|
Dropdown.CustomLabel = custom_label['default'];
|
|
67
|
-
Dropdown.Item = item['default'];
|
|
68
|
-
Dropdown.AdditionalInfo = additional_info['default'];
|
|
66
|
+
Dropdown.Item = item['default'];
|
|
69
67
|
|
|
70
68
|
exports.default = Dropdown;
|
|
71
69
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
7
|
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n width: 100%;\n padding: 0.715em;\n display: block;\n outline: 0;\n font-family: inherit;\n color: #2d3748;\n font-size: 14px;\n font-size: 1rem;\n transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n background-color: #ececec;\n border-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n background-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n padding-right: 2rem;\n display: flex;\n}\n.main-module_control__input__sYzjo {\n cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n background-color: transparent;\n padding-right: 11px;\n border-right: 1px solid #abb4cd;\n cursor: pointer;\n}\n::-moz-placeholder {\n color: #abb4cd;\n}\n:-ms-input-placeholder {\n color: #abb4cd;\n}\n::placeholder {\n color: #abb4cd;\n}\n";
|
|
8
|
-
var
|
|
8
|
+
var inputCssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
|
-
exports.default =
|
|
11
|
+
exports.default = inputCssClasses;
|
|
12
12
|
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -50,6 +50,7 @@ var flash_messages_list = require('./components/flash_messenger/components/flash
|
|
|
50
50
|
var index$B = require('./components/flash_messenger/index.js');
|
|
51
51
|
var index$f = require('./components/gallery/index.js');
|
|
52
52
|
var index$l = require('./components/heading/index.js');
|
|
53
|
+
var icon_warning = require('./assets/icon_warning.js');
|
|
53
54
|
var index$E = require('./components/link/index.js');
|
|
54
55
|
var index$C = require('./components/loader/index.js');
|
|
55
56
|
var index$m = require('./components/modal/index.js');
|
|
@@ -112,6 +113,7 @@ exports.FlashMessagesList = flash_messages_list['default'];
|
|
|
112
113
|
exports.FlashMessenger = index$B['default'];
|
|
113
114
|
exports.Gallery = index$f['default'];
|
|
114
115
|
exports.Heading = index$l['default'];
|
|
116
|
+
exports.IconWarning = icon_warning['default'];
|
|
115
117
|
exports.Link = index$E['default'];
|
|
116
118
|
exports.Loader = index$C['default'];
|
|
117
119
|
exports.Modal = index$m['default'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { cssControl, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
|
|
4
|
-
import
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
5
|
import { useControlContext } from '../context.js';
|
|
6
6
|
|
|
7
7
|
const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
|
|
8
8
|
const { errors } = useControlContext();
|
|
9
|
-
const inputClasses = classnames(
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
9
|
+
const inputClasses = classnames(inputCssClasses[cssControl], {
|
|
10
|
+
[inputCssClasses[cssControlS]]: padding === 'small',
|
|
11
|
+
[inputCssClasses[cssControlError]]: errors,
|
|
12
|
+
[inputCssClasses[cssControlDisabled]]: disabled,
|
|
13
|
+
[inputCssClasses[cssControlReadonly]]: readOnly
|
|
14
14
|
});
|
|
15
15
|
return (React.createElement("input", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }));
|
|
16
16
|
};
|
|
@@ -1,26 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput
|
|
4
|
-
import
|
|
3
|
+
import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput } from '../css_classes.js';
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
5
|
import { useControlContext } from '../context.js';
|
|
6
6
|
|
|
7
|
-
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder,
|
|
7
|
+
const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
|
|
8
8
|
const { errors } = useControlContext();
|
|
9
|
-
const classes = classnames(
|
|
10
|
-
[
|
|
11
|
-
[
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[
|
|
9
|
+
const classes = classnames(inputCssClasses[cssControl], inputCssClasses[cssControlWrapper], {
|
|
10
|
+
[inputCssClasses[cssControlS]]: size === 'small',
|
|
11
|
+
[inputCssClasses[cssControlFocus]]: isFocused,
|
|
12
|
+
[inputCssClasses[cssControlDisabled]]: isDisabled,
|
|
13
|
+
[inputCssClasses[cssControlReadonly]]: isReadOnly,
|
|
14
|
+
[inputCssClasses[cssControlError]]: errors
|
|
15
15
|
});
|
|
16
|
-
const handleOnClick = (ev) => {
|
|
17
|
-
ev.stopPropagation();
|
|
18
|
-
onRemoveOptions && onRemoveOptions();
|
|
19
|
-
};
|
|
20
16
|
return (React.createElement("div", { ...props, className: classes },
|
|
21
17
|
preElements,
|
|
22
|
-
React.createElement("input", { type: "text", className:
|
|
23
|
-
shouldShowRemoveButton && (React.createElement("button", { className: cssClasses[cssControlRemoveButton], onClick: handleOnClick }, removeButtonContent)),
|
|
18
|
+
React.createElement("input", { type: "text", className: inputCssClasses[cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
|
|
24
19
|
postElements));
|
|
25
20
|
};
|
|
26
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
|
|
4
|
-
import
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
5
|
|
|
6
6
|
const Textarea = React.forwardRef(({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }, ref) => {
|
|
7
|
-
const inputClasses = classnames(
|
|
8
|
-
[
|
|
9
|
-
[
|
|
10
|
-
[
|
|
7
|
+
const inputClasses = classnames(inputCssClasses[cssControl], {
|
|
8
|
+
[inputCssClasses[cssControlS]]: padding === 'small',
|
|
9
|
+
[inputCssClasses[cssControlDisabled]]: disabled,
|
|
10
|
+
[inputCssClasses[cssControlReadonly]]: readOnly
|
|
11
11
|
});
|
|
12
12
|
return (React.createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, ref: ref }));
|
|
13
13
|
});
|
|
@@ -20,7 +20,7 @@ export declare const cssControlDisabled = "control_disabled";
|
|
|
20
20
|
export declare const cssControlReadonly = "control_readonly";
|
|
21
21
|
export declare const cssControlError = "control_error";
|
|
22
22
|
export declare const cssControlInput = "control__input";
|
|
23
|
-
export declare const
|
|
23
|
+
export declare const cssControlInputRemoveButton = "control__remove-button";
|
|
24
24
|
export declare const checkbox = "checkbox";
|
|
25
25
|
export declare const checkboxDisabled: string;
|
|
26
26
|
export declare const checkboxControl: string;
|
|
@@ -20,7 +20,7 @@ const cssControlDisabled = 'control_disabled';
|
|
|
20
20
|
const cssControlReadonly = 'control_readonly';
|
|
21
21
|
const cssControlError = 'control_error';
|
|
22
22
|
const cssControlInput = 'control__input';
|
|
23
|
-
const
|
|
23
|
+
const cssControlInputRemoveButton = 'control__remove-button';
|
|
24
24
|
const checkbox = 'checkbox';
|
|
25
25
|
const checkboxDisabled = `${checkbox}_disabled`;
|
|
26
26
|
const checkboxControl = `${checkbox}__control`;
|
|
@@ -43,5 +43,5 @@ const cellSelectorCellActive = `${cellSelectorCell}_active`;
|
|
|
43
43
|
const cssHelper = 'helper';
|
|
44
44
|
const cssHelperError = `${cssHelper}_error`;
|
|
45
45
|
|
|
46
|
-
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput,
|
|
46
|
+
export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, radio, radioControl, radioDisabled, radioLabel };
|
|
47
47
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
|
|
|
18
18
|
* />
|
|
19
19
|
* )
|
|
20
20
|
*/
|
|
21
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll,
|
|
21
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
|
|
22
22
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
23
23
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
24
24
|
label,
|
|
25
25
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, null,
|
|
28
|
-
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll,
|
|
28
|
+
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
|
|
29
29
|
React.createElement(Control.Errors, null),
|
|
30
30
|
additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
|
|
31
31
|
};
|
|
@@ -86,9 +86,6 @@ export interface IInputWrapperProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
86
86
|
preElements?: ReactNode;
|
|
87
87
|
postElements?: ReactNode;
|
|
88
88
|
placeholder?: string;
|
|
89
|
-
shouldShowRemoveButton?: boolean;
|
|
90
|
-
removeButtonContent?: JSX.Element;
|
|
91
|
-
onRemoveOptions?: (...args: any[]) => any;
|
|
92
89
|
}
|
|
93
90
|
export interface IControlLabelProps {
|
|
94
91
|
id?: string;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import { useDropdownContext } from '../context/index.js';
|
|
3
|
+
import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
|
|
4
|
+
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
3
5
|
import InputWrapper from '../../controls/components/input_wrapper.js';
|
|
4
6
|
import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
5
7
|
import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
|
|
@@ -43,8 +45,13 @@ selectedOptions, placeholder, onRemoveOptions }) => {
|
|
|
43
45
|
const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
|
|
44
46
|
const $hiddenInputs = notDisabled.map((option) => (React.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
|
|
45
47
|
useKeyboardOpenClose(toggleDropdown, isOpen, ref);
|
|
48
|
+
const handleOnClick = (ev) => {
|
|
49
|
+
ev.stopPropagation();
|
|
50
|
+
onRemoveOptions && onRemoveOptions();
|
|
51
|
+
};
|
|
46
52
|
return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
47
|
-
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder,
|
|
53
|
+
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length && (React.createElement("button", { className: inputCssClasses[cssControlInputRemoveButton], onClick: handleOnClick },
|
|
54
|
+
React.createElement(IconClose, { size: "s" }))) }),
|
|
48
55
|
$hiddenInputs));
|
|
49
56
|
};
|
|
50
57
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -9,9 +9,6 @@ export declare const cssDropdownHeaderContent: string;
|
|
|
9
9
|
export declare const cssDropdownItemWithHover: string;
|
|
10
10
|
export declare const cssDropdownInput: string;
|
|
11
11
|
export declare const cssDropdownList: string;
|
|
12
|
-
export declare const cssDropdownError: string;
|
|
13
|
-
export declare const cssDropdownErrorIcon: string;
|
|
14
|
-
export declare const cssDropdownAdditionalInfo: string;
|
|
15
12
|
export declare const cssDropdownSearch: string;
|
|
16
13
|
export declare const cssDropdownWithScroll: string;
|
|
17
14
|
export declare const cssDropdownListWithGroup: string;
|
|
@@ -7,9 +7,6 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
|
|
|
7
7
|
const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
|
|
8
8
|
const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
|
|
9
9
|
const cssDropdownList = `${cssDropdown}__list`;
|
|
10
|
-
const cssDropdownError = `${cssDropdown}__error`;
|
|
11
|
-
const cssDropdownErrorIcon = `${cssDropdownError}-icon`;
|
|
12
|
-
const cssDropdownAdditionalInfo = `${cssDropdown}__additional-info`;
|
|
13
10
|
const cssDropdownSearch = `${cssDropdown}__search`;
|
|
14
11
|
const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
|
|
15
12
|
const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
|
|
@@ -19,5 +16,5 @@ const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;
|
|
|
19
16
|
const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
|
|
20
17
|
const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
|
|
21
18
|
|
|
22
|
-
export { cssDropdown,
|
|
19
|
+
export { cssDropdown, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
|
|
23
20
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { DropdownContext } from '../../context/index.js';
|
|
3
|
-
import { cssDropdown
|
|
3
|
+
import { cssDropdown } from '../../css_classes.js';
|
|
4
4
|
import cssClasses from '../../../../css/dropdown/main.module.less.js';
|
|
5
5
|
import { handleSearchKeyUp, isSelected, handleItemClick } from '../../utilities.js';
|
|
6
6
|
import { useValue } from '../../hooks/use_value.js';
|
|
7
7
|
import { useToggle } from '../../hooks/use_toggle.js';
|
|
8
8
|
import { useSetOptionsOnClose } from '../../hooks/use_set_options_on_close.js';
|
|
9
9
|
import Dropdown from '../../index.js';
|
|
10
|
-
import IconWarning from '../../../../assets/icon_warning.js';
|
|
11
10
|
|
|
12
11
|
/**
|
|
13
12
|
* Select component. Build with Dropdown composed components.
|
|
@@ -76,7 +75,7 @@ onChange,
|
|
|
76
75
|
* Place where portal should be placed, by default to body
|
|
77
76
|
* this can be used to put modal inside modal
|
|
78
77
|
*/
|
|
79
|
-
portalContainer, placeholder, onScroll,
|
|
78
|
+
portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
80
79
|
/**
|
|
81
80
|
* reference to dropdown wrapper element
|
|
82
81
|
*/
|
|
@@ -114,11 +113,7 @@ portalContainer, placeholder, onScroll, scrollErrors, innerAdditionalInfo }) =>
|
|
|
114
113
|
var _a, _b;
|
|
115
114
|
return option.isHeader ? (React.createElement(Dropdown.Header, { key: option.text, text: option.text })) : (React.createElement(Dropdown.Option, { key: option.value, option: option, isSelected: isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
|
|
116
115
|
}),
|
|
117
|
-
|
|
118
|
-
scrollErrors.map((scrollError, index) => (React.createElement("p", { className: cssClasses[cssDropdownError], key: `${index}-${scrollError}` },
|
|
119
|
-
React.createElement(IconWarning, { size: "m", className: cssClasses[cssDropdownErrorIcon] }),
|
|
120
|
-
" ",
|
|
121
|
-
scrollError))))))));
|
|
116
|
+
innerAdditionalContent)))));
|
|
122
117
|
};
|
|
123
118
|
|
|
124
119
|
export default Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import { DropdownContext } from './context/index.js';
|
|
3
|
-
import AdditionalInfo from './components/additional_info.js';
|
|
4
3
|
import cssClasses from '../../css/dropdown/main.module.less.js';
|
|
5
4
|
import Content from './components/content.js';
|
|
6
5
|
import CustomLabel from './components/custom_label.js';
|
|
@@ -56,8 +55,7 @@ Dropdown.OptionMultiple = OptionMultiple;
|
|
|
56
55
|
Dropdown.Link = Link;
|
|
57
56
|
Dropdown.Label = Label;
|
|
58
57
|
Dropdown.CustomLabel = CustomLabel;
|
|
59
|
-
Dropdown.Item = Item;
|
|
60
|
-
Dropdown.AdditionalInfo = AdditionalInfo;
|
|
58
|
+
Dropdown.Item = Item;
|
|
61
59
|
|
|
62
60
|
export default Dropdown;
|
|
63
61
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -20,7 +20,6 @@ export interface IDropdownComposition {
|
|
|
20
20
|
Option: React.FC<IDropdownOptionProps>;
|
|
21
21
|
OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
|
|
22
22
|
Link: React.FC<IDropdownLinkProps>;
|
|
23
|
-
AdditionalInfo: React.FC<IDropdownAdditionalInfoProps>;
|
|
24
23
|
}
|
|
25
24
|
export interface IDropdownSelectProps {
|
|
26
25
|
name: string | undefined;
|
|
@@ -96,8 +95,7 @@ export interface ISelectProps extends IDropdownProps {
|
|
|
96
95
|
isDisabled?: boolean;
|
|
97
96
|
isWithSearch?: boolean;
|
|
98
97
|
placeholder?: string;
|
|
99
|
-
|
|
100
|
-
innerAdditionalInfo?: React.ReactNode;
|
|
98
|
+
innerAdditionalContent?: React.ReactNode;
|
|
101
99
|
onChange?: (selectedOption: ISelectOption) => void;
|
|
102
100
|
onScroll?: (event: React.UIEvent<HTMLElement>) => void;
|
|
103
101
|
}
|
|
@@ -116,6 +114,3 @@ export interface ISelectOptionAttributes {
|
|
|
116
114
|
isDisabled?: boolean;
|
|
117
115
|
isReadonly?: boolean;
|
|
118
116
|
}
|
|
119
|
-
export interface IDropdownAdditionalInfoProps {
|
|
120
|
-
className?: string;
|
|
121
|
-
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
3
|
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n width: 100%;\n padding: 0.715em;\n display: block;\n outline: 0;\n font-family: inherit;\n color: #2d3748;\n font-size: 14px;\n font-size: 1rem;\n transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-color: #ffffff;\n border: 1px solid #abb4cd;\n border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n border-color: #3c83ec;\n box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n background-color: #ececec;\n border-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n background-color: #ececec;\n color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n padding-right: 2rem;\n display: flex;\n}\n.main-module_control__input__sYzjo {\n cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n background-color: transparent;\n padding-right: 11px;\n border-right: 1px solid #abb4cd;\n cursor: pointer;\n}\n::-moz-placeholder {\n color: #abb4cd;\n}\n:-ms-input-placeholder {\n color: #abb4cd;\n}\n::placeholder {\n color: #abb4cd;\n}\n";
|
|
4
|
-
var
|
|
4
|
+
var inputCssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
|
-
export default
|
|
7
|
+
export default inputCssClasses;
|
|
8
8
|
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -61,6 +61,7 @@ import IconArrow from "./assets/icon_arrow";
|
|
|
61
61
|
*/
|
|
62
62
|
import IconCalendar from "./assets/icon_calendar";
|
|
63
63
|
import IconTick from "./assets/icon_tick";
|
|
64
|
+
import IconWarning from "./assets/icon_warning";
|
|
64
65
|
import Label from "./components/label";
|
|
65
66
|
import Link from "./components/link";
|
|
66
67
|
import Loader from "./components/loader";
|
|
@@ -87,7 +88,7 @@ import { useFlashMessenger } from "./components/flash_messenger/context";
|
|
|
87
88
|
/**
|
|
88
89
|
* export components
|
|
89
90
|
*/
|
|
90
|
-
export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, ContentTabsWrapper, ContentTabs, ContentTabsItem, ContentTabsItemList, ContentTabsPanel, ContentTabsPanelList, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link };
|
|
91
|
+
export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, ContentTabsWrapper, ContentTabs, ContentTabsItem, ContentTabsItemList, ContentTabsPanel, ContentTabsPanelList, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconWarning };
|
|
91
92
|
/**
|
|
92
93
|
* export types
|
|
93
94
|
*/
|
|
@@ -46,6 +46,7 @@ export { default as FlashMessagesList } from './components/flash_messenger/compo
|
|
|
46
46
|
export { default as FlashMessenger } from './components/flash_messenger/index.js';
|
|
47
47
|
export { default as Gallery } from './components/gallery/index.js';
|
|
48
48
|
export { default as Heading } from './components/heading/index.js';
|
|
49
|
+
export { default as IconWarning } from './assets/icon_warning.js';
|
|
49
50
|
export { default as Link } from './components/link/index.js';
|
|
50
51
|
export { default as Loader } from './components/loader/index.js';
|
|
51
52
|
export { default as Modal } from './components/modal/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
|
-
const AdditionalInfo = ({ className, children }) => {
|
|
12
|
-
return React__default['default'].createElement("div", { className: className }, children);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
exports.default = AdditionalInfo;
|
|
16
|
-
//# sourceMappingURL=additional_info.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|