@dreamcommerce/aurora 2.1.10-2 → 2.1.10-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) 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/esm/packages/aurora/src/assets/icon_warning.js +6 -7
  15. package/build/esm/packages/aurora/src/assets/icon_warning.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/package.json +1 -1
  36. package/build/cjs/packages/aurora/src/assets/icon_warning.js +0 -18
  37. package/build/cjs/packages/aurora/src/assets/icon_warning.js.map +0 -1
  38. package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js +0 -16
  39. package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js.map +0 -1
  40. package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.d.ts +0 -4
  41. package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js +0 -8
  42. package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js.map +0 -1
package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js CHANGED
@@ -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
 
package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js.map CHANGED
@@ -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;"}
package/build/cjs/packages/aurora/src/components/controls/css_classes.js CHANGED
@@ -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;
package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js CHANGED
@@ -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
  };
package/build/cjs/packages/aurora/src/components/dropdown/components/select.js CHANGED
@@ -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
 
package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map CHANGED
@@ -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;"}
package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js CHANGED
@@ -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;
package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map CHANGED
@@ -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;"}
package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js CHANGED
@@ -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;
package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map CHANGED
@@ -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;"}
package/build/cjs/packages/aurora/src/components/dropdown/index.js CHANGED
@@ -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
package/build/cjs/packages/aurora/src/components/dropdown/index.js.map CHANGED
@@ -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;"}
package/build/cjs/packages/aurora/src/css/input/main.module.less.js CHANGED
@@ -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
package/build/esm/packages/aurora/src/assets/icon_warning.js CHANGED
@@ -1,10 +1,9 @@
1
+ import './types';
2
+ import Icon from './icon';
1
3
  import React from 'react';
2
- import cssClasses from '../css/icons/main.module.less.js';
3
- import Icon from './icon.js';
4
-
5
- const IconWarning = ({ className, size }) => (React.createElement(Icon, null,
6
- React.createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
4
+ import cssClasses from '../css/icons/main.module.less';
5
+ const IconWarning = ({ className, size }) => (React.createElement(Icon, null,
6
+ React.createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
7
7
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C4.704 0 0 4.704 0 10.5C0 16.296 4.704 21 10.5 21C16.296 21 21 16.296 21 10.5C21 4.704 16.296 0 10.5 0ZM10.5 18.9C5.8695 18.9 2.1 15.1305 2.1 10.5C2.1 5.8695 5.8695 2.1 10.5 2.1C15.1305 2.1 18.9 5.8695 18.9 10.5C18.9 15.1305 15.1305 18.9 10.5 18.9ZM9.5 5H11.6396V7.55664L11.0859 12.2598H10.0674L9.5 7.55664V5ZM9.54785 13.0664H11.585V15.042H9.54785V13.0664Z" }))));
8
-
9
8
  export default IconWarning;
10
- //# sourceMappingURL=icon_warning.js.map
9
+ //# sourceMappingURL=icon_warning.js.map
package/build/esm/packages/aurora/src/assets/icon_warning.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":"icon_warning.js","sourceRoot":"","sources":["../../../../../../src/assets/icon_warning.tsx"],"names":[],"mappings":"AAAA,OAA2B,SAAS,CAAC;AACrC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,+BAA+B,CAAC;AAEvD,MAAM,WAAW,GAAyB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/D,oBAAC,IAAI;IACD,6BACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,IAAI,UAAU,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE;QAE7D,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6WAA6W,GACjX,CACA,CACH,CACV,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/build/esm/packages/aurora/src/components/controls/components/input.js CHANGED
@@ -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
  };
package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js CHANGED
@@ -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
 
package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js.map CHANGED
@@ -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;"}
package/build/esm/packages/aurora/src/components/controls/components/textarea.js CHANGED
@@ -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
  });
package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/controls/css_classes.js CHANGED
@@ -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
package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js CHANGED
@@ -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
  };
package/build/esm/packages/aurora/src/components/controls/types.d.ts CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/dropdown/components/select.js CHANGED
@@ -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
 
package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map CHANGED
@@ -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;"}
package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/dropdown/css_classes.js CHANGED
@@ -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
package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map CHANGED
@@ -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;"}
package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js CHANGED
@@ -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;
package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map CHANGED
@@ -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;"}
package/build/esm/packages/aurora/src/components/dropdown/index.js CHANGED
@@ -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
package/build/esm/packages/aurora/src/components/dropdown/index.js.map CHANGED
@@ -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;"}
package/build/esm/packages/aurora/src/components/dropdown/types.d.ts CHANGED
@@ -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
- }
package/build/esm/packages/aurora/src/css/input/main.module.less.js CHANGED
@@ -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
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-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
package/build/cjs/packages/aurora/src/assets/icon_warning.js DELETED
@@ -1,18 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var main_module = require('../css/icons/main.module.less.js');
7
- var icon = require('./icon.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- const IconWarning = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
14
- React__default['default'].createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${main_module['default'][`icon_${size}`]}` },
15
- React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C4.704 0 0 4.704 0 10.5C0 16.296 4.704 21 10.5 21C16.296 21 21 16.296 21 10.5C21 4.704 16.296 0 10.5 0ZM10.5 18.9C5.8695 18.9 2.1 15.1305 2.1 10.5C2.1 5.8695 5.8695 2.1 10.5 2.1C15.1305 2.1 18.9 5.8695 18.9 10.5C18.9 15.1305 15.1305 18.9 10.5 18.9ZM9.5 5H11.6396V7.55664L11.0859 12.2598H10.0674L9.5 7.55664V5ZM9.54785 13.0664H11.585V15.042H9.54785V13.0664Z" }))));
16
-
17
- exports.default = IconWarning;
18
- //# sourceMappingURL=icon_warning.js.map
package/build/cjs/packages/aurora/src/assets/icon_warning.js.map DELETED
@@ -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;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js DELETED
@@ -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
package/build/cjs/packages/aurora/src/components/dropdown/components/additional_info.js.map DELETED
@@ -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;"}
package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.d.ts DELETED
@@ -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;
package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js DELETED
@@ -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
package/build/esm/packages/aurora/src/components/dropdown/components/additional_info.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}