@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.
Files changed (43) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js +1 -6
  2. package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  5. package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +8 -1
  6. package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js +0 -6
  8. package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +2 -7
  10. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/dropdown/index.js +1 -3
  12. package/build/cjs/packages/aurora/src/components/dropdown/index.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/css/input/main.module.less.js +2 -2
  14. package/build/cjs/packages/aurora/src/index.js +2 -0
  15. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/controls/components/input.js +6 -6
  17. package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +10 -15
  18. package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/controls/components/textarea.js +5 -5
  20. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -1
  21. package/build/esm/packages/aurora/src/components/controls/css_classes.js +2 -2
  22. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  23. package/build/esm/packages/aurora/src/components/controls/types.d.ts +0 -3
  24. package/build/esm/packages/aurora/src/components/dropdown/components/select.js +8 -1
  25. package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
  26. package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts +0 -3
  27. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +1 -4
  28. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  29. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +3 -8
  30. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  31. package/build/esm/packages/aurora/src/components/dropdown/index.js +1 -3
  32. package/build/esm/packages/aurora/src/components/dropdown/index.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +1 -6
  34. package/build/esm/packages/aurora/src/css/input/main.module.less.js +2 -2
  35. package/build/esm/packages/aurora/src/index.d.ts +2 -1
  36. package/build/esm/packages/aurora/src/index.js +1 -0
  37. package/build/esm/packages/aurora/src/index.js.map +1 -1
  38. package/package.json +1 -1
  39. package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js +0 -16
  40. package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js.map +0 -1
  41. package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.d.ts +0 -4
  42. package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js +0 -8
  43. 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, shouldShowRemoveButton, onRemoveOptions, removeButtonContent, ...props }) => {
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;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 cssControlRemoveButton = 'control__remove-button';
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, scrollErrors, innerAdditionalInfo }) => {
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, scrollErrors: scrollErrors, innerAdditionalInfo: innerAdditionalInfo }))),
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, onRemoveOptions: onRemoveOptions, shouldShowRemoveButton: !!selectedOptions.length, removeButtonContent: React__default['default'].createElement(icon_close['default'], { size: "s" }) }),
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;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, scrollErrors, innerAdditionalInfo }) => {
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
- innerAdditionalInfo && (React__default['default'].createElement(index$1['default'].AdditionalInfo, { className: main_module['default'][css_classes.cssDropdownAdditionalInfo] }, innerAdditionalInfo)), scrollErrors === null || scrollErrors === void 0 ? void 0 :
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;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;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 cssClasses = {"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-"};
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 = cssClasses;
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 cssClasses from '../../../css/input/main.module.less.js';
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(cssClasses[cssControl], {
10
- [cssClasses[cssControlS]]: padding === 'small',
11
- [cssClasses[cssControlError]]: errors,
12
- [cssClasses[cssControlDisabled]]: disabled,
13
- [cssClasses[cssControlReadonly]]: readOnly
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, cssControlRemoveButton } from '../css_classes.js';
4
- import cssClasses from '../../../css/input/main.module.less.js';
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, shouldShowRemoveButton, onRemoveOptions, removeButtonContent, ...props }) => {
7
+ const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
8
8
  const { errors } = useControlContext();
9
- const classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {
10
- [cssClasses[cssControlS]]: size === 'small',
11
- [cssClasses[cssControlFocus]]: isFocused,
12
- [cssClasses[cssControlDisabled]]: isDisabled,
13
- [cssClasses[cssControlReadonly]]: isReadOnly,
14
- [cssClasses[cssControlError]]: errors
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: cssClasses[cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
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;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 cssClasses from '../../../css/input/main.module.less.js';
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(cssClasses[cssControl], {
8
- [cssClasses[cssControlS]]: padding === 'small',
9
- [cssClasses[cssControlDisabled]]: disabled,
10
- [cssClasses[cssControlReadonly]]: readOnly
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 cssControlRemoveButton = "control__remove-button";
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 cssControlRemoveButton = 'control__remove-button';
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, cssControlReadonly, cssControlRemoveButton, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, radio, radioControl, radioDisabled, radioLabel };
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, scrollErrors, innerAdditionalInfo }) => {
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, scrollErrors: scrollErrors, innerAdditionalInfo: innerAdditionalInfo }))),
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, onRemoveOptions: onRemoveOptions, shouldShowRemoveButton: !!selectedOptions.length, removeButtonContent: React.createElement(IconClose, { size: "s" }) }),
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, cssDropdownAdditionalInfo, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownContent, cssDropdownError, cssDropdownErrorIcon, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
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;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, cssDropdownAdditionalInfo, cssDropdownError, cssDropdownErrorIcon } from '../../css_classes.js';
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, scrollErrors, innerAdditionalInfo }) => {
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
- innerAdditionalInfo && (React.createElement(Dropdown.AdditionalInfo, { className: cssClasses[cssDropdownAdditionalInfo] }, innerAdditionalInfo)), scrollErrors === null || scrollErrors === void 0 ? void 0 :
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;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;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
- scrollErrors?: string[];
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 cssClasses = {"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-"};
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 cssClasses;
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
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.1.10-2",
5
+ "version": "2.1.10-4",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -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,4 +0,0 @@
1
- import { IDropdownAdditionalInfoProps } from '../types';
2
- import React from 'react';
3
- declare const AdditionalInfo: React.FC<IDropdownAdditionalInfoProps>;
4
- export default AdditionalInfo;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
-
3
- const AdditionalInfo = ({ className, children }) => {
4
- return React.createElement("div", { className: className }, children);
5
- };
6
-
7
- export default AdditionalInfo;
8
- //# 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;"}