@dreamcommerce/aurora 2.12.1-65 → 2.12.1-66
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/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/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/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/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/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/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
|
@@ -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;"}
|
|
@@ -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;"}
|
|
@@ -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) {
|
|
@@ -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
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import { ColorPickerNewContext } from './context.js';
|
|
3
3
|
import ColorPickerNewPure from './components/pure-color-picker.js';
|
|
4
4
|
import useColorPicker from './hooks/use_color_picker.js';
|
|
@@ -16,8 +16,38 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
|
|
|
16
16
|
onCancel: onCancel,
|
|
17
17
|
onSave: onSave
|
|
18
18
|
});
|
|
19
|
+
var color = contextValue.color,
|
|
20
|
+
setColor = contextValue.setColor,
|
|
21
|
+
hex = contextValue.hex,
|
|
22
|
+
hslArr = contextValue.hslArr,
|
|
23
|
+
handleOnChangeAlpha = contextValue.handleOnChangeAlpha,
|
|
24
|
+
alphaValue = contextValue.alphaValue,
|
|
25
|
+
rgbaArr = contextValue.rgbaArr,
|
|
26
|
+
setR = contextValue.setR,
|
|
27
|
+
setG = contextValue.setG,
|
|
28
|
+
setB = contextValue.setB,
|
|
29
|
+
handleCancel = contextValue.handleCancel,
|
|
30
|
+
handleSave = contextValue.handleSave,
|
|
31
|
+
handlePickSwatch = contextValue.handlePickSwatch;
|
|
32
|
+
var value = useMemo(function () {
|
|
33
|
+
return {
|
|
34
|
+
color: color,
|
|
35
|
+
setColor: setColor,
|
|
36
|
+
hex: hex,
|
|
37
|
+
hslArr: hslArr,
|
|
38
|
+
handleOnChangeAlpha: handleOnChangeAlpha,
|
|
39
|
+
alphaValue: alphaValue,
|
|
40
|
+
rgbaArr: rgbaArr,
|
|
41
|
+
setR: setR,
|
|
42
|
+
setG: setG,
|
|
43
|
+
setB: setB,
|
|
44
|
+
handleCancel: handleCancel,
|
|
45
|
+
handleSave: handleSave,
|
|
46
|
+
handlePickSwatch: handlePickSwatch
|
|
47
|
+
};
|
|
48
|
+
}, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch]);
|
|
19
49
|
return /*#__PURE__*/React.createElement(ColorPickerNewContext.Provider, {
|
|
20
|
-
value:
|
|
50
|
+
value: value
|
|
21
51
|
}, /*#__PURE__*/React.createElement(ColorPickerNewPure, {
|
|
22
52
|
id: id,
|
|
23
53
|
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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
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
|
|
3
|
+
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";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"link": "main-module_link__3TzzF",
|
|
6
6
|
"message-box": "main-module_message-box__2eSFA",
|
|
@@ -24,7 +24,7 @@ function useClickOutside(_ref) {
|
|
|
24
24
|
return acc || doc.querySelector(blackListSelector);
|
|
25
25
|
}, null);
|
|
26
26
|
if (!$el) return acc;
|
|
27
|
-
return acc ? acc : event.target === $el || $el.contains(event.target);
|
|
27
|
+
return acc ? acc : event.target === $el || $el.contains(event.target) || event.target.closest(blackListSelector) !== null;
|
|
28
28
|
}, false);
|
|
29
29
|
var shouldTrigger = config !== null && config !== void 0 && config.shouldTrigger ? config.shouldTrigger(event) : true;
|
|
30
30
|
var callCallback = refs.every(function (ref) {
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|