@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.
- package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +17 -1
- package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js +7 -2
- package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +2 -9
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -6
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +6 -10
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +0 -6
- package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +31 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
- package/build/cjs/packages/aurora/src/components/hint/index.js +2 -2
- package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +2 -1
- package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/message-box/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/hooks/use_click_outside.js +1 -1
- package/build/cjs/packages/aurora/src/index.js +10 -10
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.d.ts +4 -2
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +17 -1
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -1
- package/build/esm/packages/aurora/src/components/breadcrumbs/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/breadcrumbs/index.js +7 -2
- package/build/esm/packages/aurora/src/components/breadcrumbs/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +25 -45
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +29 -46
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +0 -7
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js +0 -6
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js +4 -8
- package/build/esm/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +1 -4
- package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js +32 -2
- package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/index.js +1 -1
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
- package/build/esm/packages/aurora/src/components/hint/index.js +2 -2
- package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +2 -1
- package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/css/message-box/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/hooks/use_click_outside.js +1 -1
- package/build/esm/packages/aurora/src/index.js +5 -5
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js +0 -55
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +0 -57
- 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
|
|
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
|
|
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;
|
|
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;
|
|
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
|
|
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure-color-picker.js
CHANGED
|
@@ -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
|
|
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(
|
|
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
|
-
}))
|
|
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
|
|
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))
|
|
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,
|
|
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;
|
|
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:
|
|
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;"}
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -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 }; }
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js
CHANGED
|
@@ -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
|
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -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
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
19
|
-
var
|
|
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$
|
|
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.
|
|
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.
|
|
110
|
-
exports.
|
|
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.
|
|
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'];
|
|
@@ -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;
|
|
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
|
-
|
|
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
|