@dreamcommerce/aurora 2.12.1-65 → 2.12.1-68

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 (71) hide show
  1. package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +17 -1
  2. package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js +7 -2
  4. package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +2 -9
  6. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -6
  8. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +1 -1
  10. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +6 -10
  11. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +0 -6
  13. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +31 -1
  15. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  17. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  18. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +1 -1
  19. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  20. package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +1 -1
  21. package/build/cjs/packages/aurora/src/components/dropdown/index.js +1 -1
  22. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
  23. package/build/cjs/packages/aurora/src/components/hint/index.js +2 -2
  24. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +2 -1
  25. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
  26. package/build/cjs/packages/aurora/src/css/message-box/main.module.less.js +1 -1
  27. package/build/cjs/packages/aurora/src/hooks/use_click_outside.js +1 -1
  28. package/build/cjs/packages/aurora/src/index.js +10 -10
  29. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
  30. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  31. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.d.ts +4 -2
  32. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +17 -1
  33. package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -1
  34. package/build/esm/packages/aurora/src/components/breadcrumbs/index.d.ts +2 -1
  35. package/build/esm/packages/aurora/src/components/breadcrumbs/index.js +7 -2
  36. package/build/esm/packages/aurora/src/components/breadcrumbs/index.js.map +1 -1
  37. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +25 -45
  38. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +1 -1
  39. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +29 -46
  40. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +1 -1
  41. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +0 -7
  42. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
  43. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -6
  44. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
  45. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +1 -1
  46. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +4 -8
  47. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
  48. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +1 -4
  49. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +32 -2
  51. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  52. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
  53. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
  54. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +1 -1
  55. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
  56. package/build/esm/packages/aurora/src/components/dropdown/components/select.js +1 -1
  57. package/build/esm/packages/aurora/src/components/dropdown/index.js +1 -1
  58. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
  59. package/build/esm/packages/aurora/src/components/hint/index.js +2 -2
  60. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +2 -1
  61. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
  62. package/build/esm/packages/aurora/src/css/message-box/main.module.less.js +1 -1
  63. package/build/esm/packages/aurora/src/hooks/use_click_outside.js +1 -1
  64. package/build/esm/packages/aurora/src/index.js +5 -5
  65. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
  66. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  67. package/package.json +1 -1
  68. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +0 -55
  69. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +0 -1
  70. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +0 -57
  71. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +0 -1
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
7
  var classnames = require('classnames');
7
8
  var main_module = require('../../css/breadcrumbs/main.module.less.js');
8
9
  var css_classes = require('./css_classes.js');
@@ -13,8 +14,23 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
15
 
15
16
  var BreadcrumbChild = function BreadcrumbChild(_ref) {
16
- var children = _ref.children;
17
+ var children = _ref.children,
18
+ attributes = _ref.attributes;
19
+ var breadcrumbRef = React__default['default'].useRef(null);
20
+ React__default['default'].useEffect(function () {
21
+ if (!breadcrumbRef.current || !attributes) return;
22
+ Object.entries(attributes).forEach(function (_ref2) {
23
+ var _breadcrumbRef$curren;
24
+
25
+ var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
26
+ key = _ref3[0],
27
+ value = _ref3[1];
28
+
29
+ (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 || _breadcrumbRef$curren.setAttribute(key, value);
30
+ });
31
+ }, []);
17
32
  return /*#__PURE__*/React__default['default'].createElement("li", {
33
+ ref: breadcrumbRef,
18
34
  className: classnames__default['default'](main_module['default'][css_classes.BREADCRUMBS_CSS_CLASSES.child], css_classes.BREADCRUMBS_CSS_CLASSES.child)
19
35
  }, children);
20
36
  };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -23,10 +23,15 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
23
23
  _ref$as = _ref.as,
24
24
  as = _ref$as === void 0 ? 'nav' : _ref$as,
25
25
  children = _ref.children,
26
- attributes = _ref.attributes;
26
+ attributes = _ref.attributes,
27
+ _ref$withoutSeparator = _ref.withoutSeparator,
28
+ withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator;
27
29
  var breadcrumbRef = React.useRef(null);
28
30
  var allItems = React__default['default'].Children.toArray(children).map(function (child, index) {
29
31
  return /*#__PURE__*/React__default['default'].createElement(breadcrumb_child.BreadcrumbChild, {
32
+ attributes: {
33
+ 'data-test-breadcrumb-index': index
34
+ },
30
35
  key: "child-".concat(index)
31
36
  }, child);
32
37
  });
@@ -53,7 +58,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
53
58
  align: "center",
54
59
  as: "ol",
55
60
  spacing: 7
56
- }, allItems.map(function (item, index) {
61
+ }, withoutSeparator ? allItems : allItems.map(function (item, index) {
57
62
  if (index === allItems.length - 1) return item;
58
63
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
59
64
  key: index
@@ -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;"}
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;"}
@@ -6,8 +6,7 @@ var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var input = require('../../../controls/components/input.js');
8
8
  var context = require('../../context.js');
9
- var utilities$1 = require('../../utilities.js');
10
- var utilities = require('@dreamcommerce/utilities');
9
+ var utilities = require('../../utilities.js');
11
10
 
12
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
12
 
@@ -33,7 +32,7 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
33
32
  var handleOnChange = function handleOnChange(event) {
34
33
  var inputValue = event.target.value.replace('%', '');
35
34
 
36
- if (utilities$1.isHexChar(inputValue)) {
35
+ if (utilities.isHexChar(inputValue)) {
37
36
  setValue(inputValue);
38
37
  setColor(inputValue);
39
38
  }
@@ -60,12 +59,6 @@ var ColorPickerInputsHex = function ColorPickerInputsHex() {
60
59
  onChange: handleOnChange,
61
60
  onBlur: hexBlur,
62
61
  onFocus: hexFocus
63
- }), /*#__PURE__*/React__default['default'].createElement(input['default'], {
64
- padding: "small",
65
- type: "text",
66
- value: alphaValue,
67
- onChange: handleOnChangeAlpha,
68
- onKeyPress: utilities.InputUtils.preventTypingLetters
69
62
  }));
70
63
  };
71
64
 
@@ -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;"}
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;"}
@@ -44,12 +44,6 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
44
44
  return setB(Number(e.target.value));
45
45
  },
46
46
  onKeyPress: utilities.InputUtils.preventTypingLetters
47
- }), /*#__PURE__*/React__default['default'].createElement(input['default'], {
48
- padding: "small",
49
- type: "text",
50
- value: alphaValue,
51
- onChange: handleOnChangeAlpha,
52
- onKeyPress: utilities.InputUtils.preventTypingLetters
53
47
  }));
54
48
  };
55
49
 
@@ -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;"}
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;"}
@@ -6,9 +6,9 @@ var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var constants = require('../../constants.js');
8
8
  var css_classes = require('../../css_classes.js');
9
- var main_module = require('../../../../css/color_picker_new/main.module.less.js');
10
9
  var colorPickerInputsHex = require('./color-picker-inputs-hex.js');
11
10
  var colorPickerInputsRgba = require('./color-picker-inputs-rgba.js');
11
+ var main_module = require('../../../../css/color_picker_new/main.module.less.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -7,14 +7,11 @@ var context = require('../context.js');
7
7
  var constants = require('../constants.js');
8
8
  var css_classes = require('../css_classes.js');
9
9
  var colorLabelInput = require('./color-label-input.js');
10
- var index$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
10
+ var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
11
11
  var main_module = require('../../../css/color_picker_new/main.module.less.js');
12
- var colorPickerFooter = require('./color-picker-footer.js');
13
- var colorPickerHeader = require('./color-picker-header.js');
14
12
  var colorPickerInputs = require('./color-picker-inputs/color-picker-inputs.js');
15
13
  var colorPickerSwatch = require('./color-picker-swatch.js');
16
14
  var colorPickerSwatches = require('./color-picker-swatches.js');
17
- var index = require('../../dropdown/index.js');
18
15
 
19
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
17
 
@@ -31,7 +28,7 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
31
28
 
32
29
  return /*#__PURE__*/React__default['default'].createElement("div", {
33
30
  className: "".concat(main_module['default'][css_classes.cssColorPicker])
34
- }, /*#__PURE__*/React__default['default'].createElement(index['default'], null, /*#__PURE__*/React__default['default'].createElement(index['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("div", {
31
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
35
32
  className: "".concat(main_module['default'][css_classes.cssColorPickerInputContainer])
36
33
  }, /*#__PURE__*/React__default['default'].createElement("div", {
37
34
  className: "".concat(main_module['default'][css_classes.cssColorPickerInputColorSwatchContainer])
@@ -40,11 +37,9 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
40
37
  })), /*#__PURE__*/React__default['default'].createElement(colorLabelInput.ColorLabelInput, {
41
38
  id: id,
42
39
  name: name
43
- }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Content, {
44
- onClickOutside: handleCancel
45
- }, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
40
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
46
41
  className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
47
- }, /*#__PURE__*/React__default['default'].createElement(index$1.ColorPicker, {
42
+ }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
48
43
  value: color,
49
44
  onChange: setColor,
50
45
  width: constants.COLOR_PICKER_WIDTH,
@@ -55,8 +50,9 @@ var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
55
50
  hideInputType: true,
56
51
  hideInputs: true,
57
52
  hidePresets: true,
53
+ hideOpacity: true,
58
54
  className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
59
- }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null))));
55
+ }), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerSwatches.ColorPickerSwatches, null)));
60
56
  };
61
57
 
62
58
  exports.default = ColorPickerNewPure;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var cssColorPicker = 'color-picker';
6
6
  var cssColorPickerContainer = 'color-picker__container';
7
7
  var cssColorPickerRbgcp = 'color-picker__rbgcp';
8
- var cssColorPickerHeader = 'color-picker__header';
9
- var cssColorPickerCloseIcon = 'color-picker__close-icon';
10
8
  var cssColorPickerSwatches = 'color-picker__swatches';
11
9
  var cssColorPickerSwatchesHeader = 'color-picker__swatches-header';
12
10
  var cssColorPickerSwatchesContent = 'color-picker__swatches-content';
@@ -20,13 +18,9 @@ var cssColorPickerInputs = 'color-picker__inputs';
20
18
  var cssColorPickerInputsType = 'color-picker__inputs-type';
21
19
  var cssColorPickerInputsValue = 'color-picker__inputs-value';
22
20
  var cssColorPickerInputsValueContainer = 'color-picker__inputs-value-container';
23
- var cssColorPickerFooter = 'color-picker__footer';
24
21
 
25
22
  exports.cssColorPicker = cssColorPicker;
26
- exports.cssColorPickerCloseIcon = cssColorPickerCloseIcon;
27
23
  exports.cssColorPickerContainer = cssColorPickerContainer;
28
- exports.cssColorPickerFooter = cssColorPickerFooter;
29
- exports.cssColorPickerHeader = cssColorPickerHeader;
30
24
  exports.cssColorPickerInputColorSwatchContainer = cssColorPickerInputColorSwatchContainer;
31
25
  exports.cssColorPickerInputContainer = cssColorPickerInputContainer;
32
26
  exports.cssColorPickerInputs = cssColorPickerInputs;
@@ -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;"}
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;"}
@@ -24,8 +24,38 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
24
24
  onCancel: onCancel,
25
25
  onSave: onSave
26
26
  });
27
+ var color = contextValue.color,
28
+ setColor = contextValue.setColor,
29
+ hex = contextValue.hex,
30
+ hslArr = contextValue.hslArr,
31
+ handleOnChangeAlpha = contextValue.handleOnChangeAlpha,
32
+ alphaValue = contextValue.alphaValue,
33
+ rgbaArr = contextValue.rgbaArr,
34
+ setR = contextValue.setR,
35
+ setG = contextValue.setG,
36
+ setB = contextValue.setB,
37
+ handleCancel = contextValue.handleCancel,
38
+ handleSave = contextValue.handleSave,
39
+ handlePickSwatch = contextValue.handlePickSwatch;
40
+ var value = React.useMemo(function () {
41
+ return {
42
+ color: color,
43
+ setColor: setColor,
44
+ hex: hex,
45
+ hslArr: hslArr,
46
+ handleOnChangeAlpha: handleOnChangeAlpha,
47
+ alphaValue: alphaValue,
48
+ rgbaArr: rgbaArr,
49
+ setR: setR,
50
+ setG: setG,
51
+ setB: setB,
52
+ handleCancel: handleCancel,
53
+ handleSave: handleSave,
54
+ handlePickSwatch: handlePickSwatch
55
+ };
56
+ }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
27
57
  return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
28
- value: contextValue
58
+ value: value
29
59
  }, /*#__PURE__*/React__default['default'].createElement(pureColorPicker['default'], {
30
60
  id: id,
31
61
  name: name
@@ -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;"}
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;"}
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var index = require('../../index.js');
7
- var index$1 = require('../../../hint/index.js');
8
7
  var cell_selector = require('../../components/cell_selector.js');
8
+ var index$1 = require('../../../hint/index.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -8,8 +8,8 @@ var use_color_picker = require('../../../color_picker/use_color_picker.js');
8
8
  var with_translation = require('../../../../utilities/translation/with_translation.js');
9
9
  var index$4 = require('../../../color_picker/index.js');
10
10
  var index$2 = require('../../index.js');
11
- var index$3 = require('../../../hint/index.js');
12
11
  var index$1 = require('../../../dropdown/index.js');
12
+ var index$3 = require('../../../hint/index.js');
13
13
  var label = require('../../../color_picker/components/label.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var index$2 = require('../../../color_picker_new/index.js');
6
7
  var index = require('../../index.js');
7
8
  var index$1 = require('../../../hint/index.js');
8
- var index$2 = require('../../../color_picker_new/index.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var with_translation = require('../../../../utilities/translation/with_translation.js');
7
7
  var index$2 = require('../../index.js');
8
- var index$3 = require('../../../hint/index.js');
9
8
  var index$1 = require('../../../dropdown/index.js');
9
+ var index$3 = require('../../../hint/index.js');
10
10
  var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
11
11
  var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
12
12
  var range_picker = require('../../../date_picker/hoc/range_picker.js');
@@ -6,10 +6,10 @@ var React = require('react');
6
6
  var index = require('../context/index.js');
7
7
  var css_classes = require('../../controls/css_classes.js');
8
8
  var main_module$1 = require('../../../css/input/main.module.less.js');
9
- var icon_close = require('../../../assets/icon_close.js');
10
9
  var main_module = require('../../../css/dropdown/main.module.less.js');
11
10
  var utilities = require('../utilities.js');
12
11
  var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
12
+ var icon_close = require('../../../assets/icon_close.js');
13
13
  var input_wrapper = require('../../controls/components/input_wrapper.js');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,10 +15,10 @@ var label = require('./components/label.js');
15
15
  var link = require('./components/link.js');
16
16
  var list = require('./components/list.js');
17
17
  var option = require('./components/option.js');
18
- var use_toggle = require('./hooks/use_toggle.js');
19
18
  var option_multiple = require('./components/option_multiple.js');
20
19
  var search = require('./components/search.js');
21
20
  var select = require('./components/select.js');
21
+ var use_toggle = require('./hooks/use_toggle.js');
22
22
 
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var index$1 = require('../../stack/index.js');
7
- var icon_close = require('../../../assets/icon_close.js');
8
7
  var reactTransitionGroup = require('react-transition-group');
8
+ var icon_close = require('../../../assets/icon_close.js');
9
9
  var main_module = require('../../../css/flash_message/main.module.less.js');
10
10
  var context = require('../context.js');
11
11
  var index = require('../../message-box/index.js');
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var index = require('../dropdown/context/index.js');
8
- var main_module = require('../../css/hint/main.module.less.js');
9
8
  var classNames = require('../../utilities/styles/classNames.js');
10
- var icon_hint = require('../../assets/icon_hint.js');
9
+ var main_module = require('../../css/hint/main.module.less.js');
11
10
  var use_toggle = require('../dropdown/hooks/use_toggle.js');
12
11
  var index$1 = require('../dropdown/index.js');
12
+ var icon_hint = require('../../assets/icon_hint.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
15
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 250px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #ececec;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child) {\n border-right: 1px solid #ececec;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child):hover {\n border-right: 1px solid #ececec;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:last-child {\n width: 44px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 250px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 16px;\n}\n.main-module_color-picker__swatches-header__187FL {\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-content__3EFZR {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #ececec;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child) {\n border-right: 1px solid #ececec;\n}\n.main-module_color-picker__inputs-value-container__3ErVj input:not(:last-child):hover {\n border-right: 1px solid #ececec;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
8
8
  var styles = {
9
9
  "color-picker__container": "main-module_color-picker__container__14ccI",
10
10
  "color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
@@ -21,6 +21,7 @@ var styles = {
21
21
  "color-picker__input-color-swatch-container": "main-module_color-picker__input-color-swatch-container__3WX9B",
22
22
  "color-picker__inputs": "main-module_color-picker__inputs__3Cmmw",
23
23
  "color-picker__inputs-type": "main-module_color-picker__inputs-type__1loVJ",
24
+ "color-picker__inputs-value": "main-module_color-picker__inputs-value__Rig14",
24
25
  "color-picker__inputs-value-container": "main-module_color-picker__inputs-value-container__3ErVj",
25
26
  "color-picker__close-icon": "main-module_color-picker__close-icon__JcWAL"
26
27
  };
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;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,6BAA6B,8DAAkE;AAC/F;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,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3TzzF {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n}\n.main-module_link__3TzzF * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_link__3TzzF:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n.main-module_message-box__2eSFA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n padding: 1rem;\n margin-left: auto;\n margin-right: auto;\n background-color: #ebeffa;\n border-radius: 3px;\n color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_message-box__2eSFA a {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n display: inline-flex;\n margin-top: 0;\n}\n.main-module_message-box__2eSFA a * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_message-box__2eSFA a:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"] {\n align-items: baseline;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"]::after {\n font-family: 'aurora-icons';\n content: '\\E97D';\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_message-box__2eSFA ul {\n padding-left: 20px;\n}\n.main-module_message-box__2eSFA ul:not(:last-child) {\n margin-bottom: 15px;\n}\n.main-module_message-box__2eSFA ul li {\n list-style: disc;\n margin: 3px 0;\n}\n.main-module_message-box__2eSFA ul li:last-child {\n margin-bottom: 0;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n content: '\\E93E';\n color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n content: '\\E93D';\n color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n content: '';\n display: block;\n position: absolute;\n border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n top: -10px;\n left: 9px;\n border-width: 5px;\n border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n left: auto;\n right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n left: auto;\n right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n display: inline-block;\n font-family: 'aurora-icons';\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: inherit;\n text-decoration: none;\n position: relative;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n color: #abb4cd;\n margin-right: 1rem;\n content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n display: flex;\n margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n margin-right: 0;\n content: '';\n}\n.main-module_message-box__content__zxfHd {\n max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n .main-module_message-box__2eSFA {\n justify-content: center;\n }\n .main-module_message-box__content__zxfHd {\n max-width: 100%;\n }\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3TzzF {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n}\n.main-module_link__3TzzF * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_link__3TzzF:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n.main-module_message-box__2eSFA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n padding: 1rem;\n margin-left: auto;\n margin-right: auto;\n background-color: #ebeffa;\n border-radius: 3px;\n color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_message-box__2eSFA a {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n margin-top: 0.25rem;\n color: #135cc8;\n text-decoration: none;\n display: inline-flex;\n margin-top: 0;\n}\n.main-module_message-box__2eSFA a * {\n color: #135cc8;\n fill: #135cc8;\n}\n.main-module_message-box__2eSFA a:hover {\n text-decoration: underline;\n -webkit-text-decoration-color: #135cc8;\n text-decoration-color: #135cc8;\n cursor: pointer;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"] {\n display: inline;\n}\n.main-module_message-box__2eSFA a[target^=\"_blank\"]::after {\n font-family: 'aurora-icons';\n content: '\\E97D';\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n margin-left: 5px;\n}\n.main-module_message-box__2eSFA ul {\n padding-left: 20px;\n}\n.main-module_message-box__2eSFA ul:not(:last-child) {\n margin-bottom: 15px;\n}\n.main-module_message-box__2eSFA ul li {\n list-style: disc;\n margin: 3px 0;\n}\n.main-module_message-box__2eSFA ul li:last-child {\n margin-bottom: 0;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n content: '\\E93E';\n color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n content: '\\E93D';\n color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n content: '';\n display: block;\n position: absolute;\n border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n top: -10px;\n left: 9px;\n border-width: 5px;\n border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n left: auto;\n right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n left: auto;\n right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n display: inline-block;\n font-family: 'aurora-icons';\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: inherit;\n text-decoration: none;\n position: relative;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n color: #abb4cd;\n margin-right: 1rem;\n content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n display: flex;\n margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n margin-right: 0;\n content: '';\n}\n.main-module_message-box__content__zxfHd {\n max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n .main-module_message-box__2eSFA {\n justify-content: center;\n }\n .main-module_message-box__content__zxfHd {\n max-width: 100%;\n }\n}\n";
8
8
  var cssClasses = {
9
9
  "link": "main-module_link__3TzzF",
10
10
  "message-box": "main-module_message-box__2eSFA",
@@ -28,7 +28,7 @@ function useClickOutside(_ref) {
28
28
  return acc || doc.querySelector(blackListSelector);
29
29
  }, null);
30
30
  if (!$el) return acc;
31
- return acc ? acc : event.target === $el || $el.contains(event.target);
31
+ return acc ? acc : event.target === $el || $el.contains(event.target) || event.target.closest(blackListSelector) !== null;
32
32
  }, false);
33
33
  var shouldTrigger = config !== null && config !== void 0 && config.shouldTrigger ? config.shouldTrigger(event) : true;
34
34
  var callCallback = refs.every(function (ref) {
@@ -10,16 +10,16 @@ var index$1 = require('./components/button/index.js');
10
10
  var index$3 = require('./components/buttons_group/index.js');
11
11
  var index$B = require('./components/dropdown/context/index.js');
12
12
  var index$k = require('./components/color_picker/index.js');
13
- var use_click_outside = require('./hooks/use_click_outside.js');
14
- var icon_arrow = require('./assets/icon_arrow.js');
13
+ var index$l = require('./components/color_picker_new/index.js');
15
14
  var icon_tick = require('./assets/icon_tick.js');
16
15
  var index$7 = require('./components/label/index.js');
17
16
  var index$9 = require('./components/controls/index.js');
18
- var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
19
- var index$G = require('./components/hint/index.js');
17
+ var use_click_outside = require('./hooks/use_click_outside.js');
18
+ var icon_arrow = require('./assets/icon_arrow.js');
20
19
  var index$b = require('./components/controls/hoc/control_checkbox/index.js');
20
+ var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
21
21
  var index$4 = require('./components/dropdown/index.js');
22
- var index$l = require('./components/color_picker_new/index.js');
22
+ var index$G = require('./components/hint/index.js');
23
23
  var index$F = require('./components/controls/hoc/control_cell_selector/index.js');
24
24
  var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
25
25
  var index$m = require('./components/controls/hoc/control_color_picker/index.js');
@@ -101,16 +101,16 @@ exports.ButtonsGroup = index$3['default'];
101
101
  exports.DropdownContext = index$B.DropdownContext;
102
102
  exports.useDropdownContext = index$B.useDropdownContext;
103
103
  exports.ColorPicker = index$k['default'];
104
- exports.useClickOutside = use_click_outside.useClickOutside;
105
- exports.IconArrow = icon_arrow['default'];
104
+ exports.ColorPickerNew = index$l['default'];
106
105
  exports.IconTick = icon_tick['default'];
107
106
  exports.Label = index$7['default'];
108
107
  exports.Control = index$9['default'];
109
- exports.useToggle = use_toggle.useToggle;
110
- exports.Hint = index$G['default'];
108
+ exports.useClickOutside = use_click_outside.useClickOutside;
109
+ exports.IconArrow = icon_arrow['default'];
111
110
  exports.ControlCheckbox = index$b['default'];
111
+ exports.useToggle = use_toggle.useToggle;
112
112
  exports.Dropdown = index$4['default'];
113
- exports.ColorPickerNew = index$l['default'];
113
+ exports.Hint = index$G['default'];
114
114
  exports.ControlCellSelector = index$F['default'];
115
115
  exports.ControlCheckboxSwitch = index$c['default'];
116
116
  exports.ControlColorPicker = index$m['default'];
@@ -39,11 +39,6 @@ var AxiosClient = /*#__PURE__*/function () {
39
39
  cancelRequest: cancelRequest
40
40
  };
41
41
  }
42
- }, {
43
- key: "isCancelError",
44
- value: function isCancelError(error) {
45
- return index['default'].isCancel(error);
46
- }
47
42
  }]);
48
43
  }();
49
44
 
@@ -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;"}
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;"}
@@ -1,4 +1,6 @@
1
1
  import React from 'react';
2
- declare type BreadcrumbChildProps = React.PropsWithChildren<{}>;
3
- export declare const BreadcrumbChild: ({ children }: BreadcrumbChildProps) => JSX.Element;
2
+ declare type BreadcrumbChildProps = React.PropsWithChildren<{
3
+ attributes?: Record<string, any>;
4
+ }>;
5
+ export declare const BreadcrumbChild: ({ children, attributes }: BreadcrumbChildProps) => JSX.Element;
4
6
  export {};
@@ -1,11 +1,27 @@
1
1
  import React from 'react';
2
+ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
2
3
  import classnames from 'classnames';
3
4
  import breadcrumbsCssClasses from '../../css/breadcrumbs/main.module.less.js';
4
5
  import { BREADCRUMBS_CSS_CLASSES } from './css_classes.js';
5
6
 
6
7
  var BreadcrumbChild = function BreadcrumbChild(_ref) {
7
- var children = _ref.children;
8
+ var children = _ref.children,
9
+ attributes = _ref.attributes;
10
+ var breadcrumbRef = React.useRef(null);
11
+ React.useEffect(function () {
12
+ if (!breadcrumbRef.current || !attributes) return;
13
+ Object.entries(attributes).forEach(function (_ref2) {
14
+ var _breadcrumbRef$curren;
15
+
16
+ var _ref3 = _slicedToArray(_ref2, 2),
17
+ key = _ref3[0],
18
+ value = _ref3[1];
19
+
20
+ (_breadcrumbRef$curren = breadcrumbRef.current) === null || _breadcrumbRef$curren === void 0 || _breadcrumbRef$curren.setAttribute(key, value);
21
+ });
22
+ }, []);
8
23
  return /*#__PURE__*/React.createElement("li", {
24
+ ref: breadcrumbRef,
9
25
  className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.child], BREADCRUMBS_CSS_CLASSES.child)
10
26
  }, children);
11
27
  };
@@ -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;"}
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;"}
@@ -1,11 +1,12 @@
1
1
  import React from 'react';
2
2
  export declare type TBreadcrumbsProps = React.PropsWithChildren<{
3
3
  separator?: string | React.ReactNode;
4
+ withoutSeparator?: boolean;
4
5
  cssClasses?: string;
5
6
  as?: string;
6
7
  attributes?: Record<string, any>;
7
8
  }>;
8
- export declare const Breadcrumbs: ({ separator, cssClasses, as, children, attributes }: TBreadcrumbsProps) => React.ReactElement<{
9
+ export declare const Breadcrumbs: ({ separator, cssClasses, as, children, attributes, withoutSeparator }: TBreadcrumbsProps) => React.ReactElement<{
9
10
  className: string;
10
11
  }, string | React.JSXElementConstructor<any>>;
11
12
  export default Breadcrumbs;
@@ -14,10 +14,15 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
14
14
  _ref$as = _ref.as,
15
15
  as = _ref$as === void 0 ? 'nav' : _ref$as,
16
16
  children = _ref.children,
17
- attributes = _ref.attributes;
17
+ attributes = _ref.attributes,
18
+ _ref$withoutSeparator = _ref.withoutSeparator,
19
+ withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator;
18
20
  var breadcrumbRef = useRef(null);
19
21
  var allItems = React.Children.toArray(children).map(function (child, index) {
20
22
  return /*#__PURE__*/React.createElement(BreadcrumbChild, {
23
+ attributes: {
24
+ 'data-test-breadcrumb-index': index
25
+ },
21
26
  key: "child-".concat(index)
22
27
  }, child);
23
28
  });
@@ -44,7 +49,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
44
49
  align: "center",
45
50
  as: "ol",
46
51
  spacing: 7
47
- }, allItems.map(function (item, index) {
52
+ }, withoutSeparator ? allItems : allItems.map(function (item, index) {
48
53
  if (index === allItems.length - 1) return item;
49
54
  return /*#__PURE__*/React.createElement(React.Fragment, {
50
55
  key: index