@dreamcommerce/aurora 2.10.8 → 2.11.0-1
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/assets/icon_arrow_down.js +2 -2
- package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +20 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_separator.js +20 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/breadcrumb_separator.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/css_classes.js +14 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/css_classes.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js +44 -0
- package/build/cjs/packages/aurora/src/components/breadcrumbs/index.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/stack/index.js +3 -2
- package/build/cjs/packages/aurora/src/components/stack/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/breadcrumbs/main.module.less.js +12 -0
- package/build/cjs/packages/aurora/src/css/breadcrumbs/main.module.less.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +3 -0
- 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/assets/icon_arrow_down.js +2 -2
- package/build/esm/packages/aurora/src/assets/types.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js +11 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js.map +1 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_separator.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_separator.js +11 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_separator.js.map +1 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/css_classes.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/css_classes.js +10 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/css_classes.js.map +1 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/index.d.ts +11 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/index.js +35 -0
- package/build/esm/packages/aurora/src/components/breadcrumbs/index.js.map +1 -0
- package/build/esm/packages/aurora/src/components/stack/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +3 -2
- package/build/esm/packages/aurora/src/components/stack/index.js.map +1 -1
- package/build/esm/packages/aurora/src/css/breadcrumbs/main.module.less.js +8 -0
- package/build/esm/packages/aurora/src/css/breadcrumbs/main.module.less.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +3 -0
- 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
|
@@ -10,8 +10,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
13
|
-
const IconArrowDown = ({ className, size }) => (React__default['default'].createElement(icon['default'], null,
|
|
14
|
-
React__default['default'].createElement("svg", { width: "12", height: "7", viewBox: "0 0 12 7", className: `${className || ''} ${main_module['default'][`icon_${size}`]}`, xmlns: "http://www.w3.org/2000/svg" },
|
|
13
|
+
const IconArrowDown = ({ className, size, style }) => (React__default['default'].createElement(icon['default'], null,
|
|
14
|
+
React__default['default'].createElement("svg", { style: style, width: "12", height: "7", viewBox: "0 0 12 7", className: `${className || ''} ${main_module['default'][`icon_${size}`]}`, xmlns: "http://www.w3.org/2000/svg" },
|
|
15
15
|
React__default['default'].createElement("path", { d: "m6.0927 6.9733-0.15586 7e-4c-0.15777-0.01015-0.3128-0.07934-0.43316-0.20751l-5.3055-5.5041c-0.26078-0.27769-0.2601-0.72708 0.001525-1.0037 0.26162-0.27666 0.68512-0.27583 0.9459 0.001867l4.8617 5.0435 4.8196-5.0872c0.2584-0.28004 0.6818-0.2847 0.9458-0.010405 0.264 0.27429 0.2685 0.72366 0.01 1.0037l-5.2586 5.5518c-0.11927 0.12925-0.2737 0.19983-0.43138 0.21141z", clipRule: "evenodd", fillRule: "evenodd" }))));
|
|
16
16
|
|
|
17
17
|
exports.default = IconArrowDown;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var classnames = require('classnames');
|
|
7
|
+
var main_module = require('../../css/breadcrumbs/main.module.less.js');
|
|
8
|
+
var css_classes = require('./css_classes.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
|
+
|
|
15
|
+
const BreadcrumbChild = ({ children }) => {
|
|
16
|
+
return React__default['default'].createElement("li", { className: classnames__default['default'](main_module['default'][css_classes.BREADCRUMBS_CSS_CLASSES.child], css_classes.BREADCRUMBS_CSS_CLASSES.child) }, children);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.BreadcrumbChild = BreadcrumbChild;
|
|
20
|
+
//# sourceMappingURL=breadcrumb_child.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var classnames = require('classnames');
|
|
7
|
+
var main_module = require('../../css/breadcrumbs/main.module.less.js');
|
|
8
|
+
var css_classes = require('./css_classes.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
|
+
|
|
15
|
+
const BreadcrumbSeparator = ({ children }) => {
|
|
16
|
+
return (React__default['default'].createElement("li", { className: classnames__default['default'](main_module['default'][css_classes.BREADCRUMBS_CSS_CLASSES.separator], css_classes.BREADCRUMBS_CSS_CLASSES.separator), "aria-label": "hidden" }, children));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
20
|
+
//# sourceMappingURL=breadcrumb_separator.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const baseClass = 'breadcrumbs';
|
|
6
|
+
const BREADCRUMBS_CSS_CLASSES = {
|
|
7
|
+
breadcrumbs: baseClass,
|
|
8
|
+
breadcrumbsList: `${baseClass}__list`,
|
|
9
|
+
separator: `${baseClass}__separator`,
|
|
10
|
+
child: `${baseClass}__child`
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
exports.BREADCRUMBS_CSS_CLASSES = BREADCRUMBS_CSS_CLASSES;
|
|
14
|
+
//# sourceMappingURL=css_classes.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var classnames = require('classnames');
|
|
7
|
+
var index = require('../stack/index.js');
|
|
8
|
+
var main_module = require('../../css/breadcrumbs/main.module.less.js');
|
|
9
|
+
var css_classes = require('./css_classes.js');
|
|
10
|
+
var breadcrumb_child = require('./breadcrumb_child.js');
|
|
11
|
+
var breadcrumb_separator = require('./breadcrumb_separator.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
17
|
+
|
|
18
|
+
const Breadcrumbs = ({ separator = '/', cssClasses, as = 'nav', children, attributes }) => {
|
|
19
|
+
const breadcrumbRef = React.useRef();
|
|
20
|
+
const allItems = React__default['default'].Children.toArray(children).map((child, index) => React__default['default'].createElement(breadcrumb_child.BreadcrumbChild, { key: `child-${index}` }, child));
|
|
21
|
+
React.useEffect(() => {
|
|
22
|
+
if (!breadcrumbRef.current || !attributes)
|
|
23
|
+
return;
|
|
24
|
+
Object.entries(attributes).forEach(([key, value]) => {
|
|
25
|
+
var _a;
|
|
26
|
+
(_a = breadcrumbRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
|
|
27
|
+
});
|
|
28
|
+
}, []);
|
|
29
|
+
return React__default['default'].createElement(as, {
|
|
30
|
+
className: classnames__default['default'](main_module['default'][css_classes.BREADCRUMBS_CSS_CLASSES.breadcrumbs], css_classes.BREADCRUMBS_CSS_CLASSES.breadcrumbs, cssClasses)
|
|
31
|
+
}, React__default['default'].createElement(index['default'], { className: classnames__default['default'](main_module['default'][css_classes.BREADCRUMBS_CSS_CLASSES.breadcrumbsList], css_classes.BREADCRUMBS_CSS_CLASSES.breadcrumbsList), ref: breadcrumbRef, attributes: {
|
|
32
|
+
'aria-label': 'breadcrumbs'
|
|
33
|
+
}, align: "center", as: "ol", spacing: 7 }, allItems.map((item, index) => {
|
|
34
|
+
if (index === allItems.length - 1)
|
|
35
|
+
return item;
|
|
36
|
+
return (React__default['default'].createElement(React__default['default'].Fragment, { key: index },
|
|
37
|
+
item,
|
|
38
|
+
React__default['default'].createElement(breadcrumb_separator.BreadcrumbSeparator, null, separator)));
|
|
39
|
+
})));
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.Breadcrumbs = Breadcrumbs;
|
|
43
|
+
exports.default = Breadcrumbs;
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }) => {
|
|
16
|
+
const Stack = React__default['default'].forwardRef(({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }) => {
|
|
17
17
|
const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
|
|
18
18
|
const stackElRef = React.useRef(null);
|
|
19
19
|
React.useEffect(() => {
|
|
@@ -32,7 +32,8 @@ const Stack = ({ children, spacing = 0, className = '', direction = stack_consta
|
|
|
32
32
|
onMouseLeave,
|
|
33
33
|
onClick
|
|
34
34
|
}, children);
|
|
35
|
-
};
|
|
35
|
+
});
|
|
36
|
+
Stack.displayName = 'Stack';
|
|
36
37
|
|
|
37
38
|
exports.default = Stack;
|
|
38
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
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;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = ".main-module_breadcrumbs__Ny7jG {\n max-width: 100%;\n overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n list-style: none;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n";
|
|
8
|
+
var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
|
|
9
|
+
styleInject_es['default'](css_248z);
|
|
10
|
+
|
|
11
|
+
exports.default = breadcrumbsCssClasses;
|
|
12
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -43,6 +43,7 @@ var index$w = require('./components/controls/hoc/control_tags_selector/index.js'
|
|
|
43
43
|
var index$h = require('./components/controls/hoc/control_textarea/index.js');
|
|
44
44
|
var index$x = require('./components/table/index.js');
|
|
45
45
|
var dataTable = require('./components/table/hoc/data-table.js');
|
|
46
|
+
var index$P = require('./components/breadcrumbs/index.js');
|
|
46
47
|
var context = require('./components/flash_messenger/context.js');
|
|
47
48
|
var index$G = require('./components/message-box/index.js');
|
|
48
49
|
var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
|
|
@@ -131,6 +132,7 @@ exports.ControlTagsSelector = index$w['default'];
|
|
|
131
132
|
exports.ControlTextarea = index$h['default'];
|
|
132
133
|
exports.Table = index$x['default'];
|
|
133
134
|
exports.DataTable = dataTable['default'];
|
|
135
|
+
exports.Breadcrumbs = index$P.Breadcrumbs;
|
|
134
136
|
exports.FlashMessengerContext = context.FlashMessengerContext;
|
|
135
137
|
exports.useFlashMessenger = context.useFlashMessenger;
|
|
136
138
|
exports.MessageBox = index$G['default'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 +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;"}
|
|
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;"}
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import cssClasses from '../css/icons/main.module.less.js';
|
|
3
3
|
import Icon from './icon.js';
|
|
4
4
|
|
|
5
|
-
const IconArrowDown = ({ className, size }) => (React.createElement(Icon, null,
|
|
6
|
-
React.createElement("svg", { width: "12", height: "7", viewBox: "0 0 12 7", className: `${className || ''} ${cssClasses[`icon_${size}`]}`, xmlns: "http://www.w3.org/2000/svg" },
|
|
5
|
+
const IconArrowDown = ({ className, size, style }) => (React.createElement(Icon, null,
|
|
6
|
+
React.createElement("svg", { style: style, width: "12", height: "7", viewBox: "0 0 12 7", className: `${className || ''} ${cssClasses[`icon_${size}`]}`, xmlns: "http://www.w3.org/2000/svg" },
|
|
7
7
|
React.createElement("path", { d: "m6.0927 6.9733-0.15586 7e-4c-0.15777-0.01015-0.3128-0.07934-0.43316-0.20751l-5.3055-5.5041c-0.26078-0.27769-0.2601-0.72708 0.001525-1.0037 0.26162-0.27666 0.68512-0.27583 0.9459 0.001867l4.8617 5.0435 4.8196-5.0872c0.2584-0.28004 0.6818-0.2847 0.9458-0.010405 0.264 0.27429 0.2685 0.72366 0.01 1.0037l-5.2586 5.5518c-0.11927 0.12925-0.2737 0.19983-0.43138 0.21141z", clipRule: "evenodd", fillRule: "evenodd" }))));
|
|
8
8
|
|
|
9
9
|
export default IconArrowDown;
|
|
@@ -5,8 +5,9 @@ export declare type TIcon = {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
};
|
|
7
7
|
export declare type TIconSize = Any.Keys<typeof ICON_SIZES>;
|
|
8
|
-
export interface IIconProps extends Partial<SVGElement> {
|
|
8
|
+
export interface IIconProps extends Omit<Partial<SVGElement>, 'style'> {
|
|
9
9
|
className?: string;
|
|
10
10
|
onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
|
|
11
11
|
size?: TIconSize;
|
|
12
|
+
style?: React.CSSProperties;
|
|
12
13
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import breadcrumbsCssClasses from '../../css/breadcrumbs/main.module.less.js';
|
|
4
|
+
import { BREADCRUMBS_CSS_CLASSES } from './css_classes.js';
|
|
5
|
+
|
|
6
|
+
const BreadcrumbChild = ({ children }) => {
|
|
7
|
+
return React.createElement("li", { className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.child], BREADCRUMBS_CSS_CLASSES.child) }, children);
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { BreadcrumbChild };
|
|
11
|
+
//# sourceMappingURL=breadcrumb_child.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import breadcrumbsCssClasses from '../../css/breadcrumbs/main.module.less.js';
|
|
4
|
+
import { BREADCRUMBS_CSS_CLASSES } from './css_classes.js';
|
|
5
|
+
|
|
6
|
+
const BreadcrumbSeparator = ({ children }) => {
|
|
7
|
+
return (React.createElement("li", { className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.separator], BREADCRUMBS_CSS_CLASSES.separator), "aria-label": "hidden" }, children));
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { BreadcrumbSeparator };
|
|
11
|
+
//# sourceMappingURL=breadcrumb_separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
const baseClass = 'breadcrumbs';
|
|
2
|
+
const BREADCRUMBS_CSS_CLASSES = {
|
|
3
|
+
breadcrumbs: baseClass,
|
|
4
|
+
breadcrumbsList: `${baseClass}__list`,
|
|
5
|
+
separator: `${baseClass}__separator`,
|
|
6
|
+
child: `${baseClass}__child`
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { BREADCRUMBS_CSS_CLASSES };
|
|
10
|
+
//# sourceMappingURL=css_classes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type TBreadcrumbsProps = React.PropsWithChildren<{
|
|
3
|
+
separator?: string | React.ReactNode;
|
|
4
|
+
cssClasses?: string;
|
|
5
|
+
as?: string;
|
|
6
|
+
attributes?: Record<string, any>;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const Breadcrumbs: ({ separator, cssClasses, as, children, attributes }: TBreadcrumbsProps) => React.ReactElement<{
|
|
9
|
+
className: string;
|
|
10
|
+
}, string | React.JSXElementConstructor<any>>;
|
|
11
|
+
export default Breadcrumbs;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React, { useRef, useEffect } from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import Stack from '../stack/index.js';
|
|
4
|
+
import breadcrumbsCssClasses from '../../css/breadcrumbs/main.module.less.js';
|
|
5
|
+
import { BREADCRUMBS_CSS_CLASSES } from './css_classes.js';
|
|
6
|
+
import { BreadcrumbChild } from './breadcrumb_child.js';
|
|
7
|
+
import { BreadcrumbSeparator } from './breadcrumb_separator.js';
|
|
8
|
+
|
|
9
|
+
const Breadcrumbs = ({ separator = '/', cssClasses, as = 'nav', children, attributes }) => {
|
|
10
|
+
const breadcrumbRef = useRef();
|
|
11
|
+
const allItems = React.Children.toArray(children).map((child, index) => React.createElement(BreadcrumbChild, { key: `child-${index}` }, child));
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (!breadcrumbRef.current || !attributes)
|
|
14
|
+
return;
|
|
15
|
+
Object.entries(attributes).forEach(([key, value]) => {
|
|
16
|
+
var _a;
|
|
17
|
+
(_a = breadcrumbRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(key, value);
|
|
18
|
+
});
|
|
19
|
+
}, []);
|
|
20
|
+
return React.createElement(as, {
|
|
21
|
+
className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.breadcrumbs], BREADCRUMBS_CSS_CLASSES.breadcrumbs, cssClasses)
|
|
22
|
+
}, React.createElement(Stack, { className: classnames(breadcrumbsCssClasses[BREADCRUMBS_CSS_CLASSES.breadcrumbsList], BREADCRUMBS_CSS_CLASSES.breadcrumbsList), ref: breadcrumbRef, attributes: {
|
|
23
|
+
'aria-label': 'breadcrumbs'
|
|
24
|
+
}, align: "center", as: "ol", spacing: 7 }, allItems.map((item, index) => {
|
|
25
|
+
if (index === allItems.length - 1)
|
|
26
|
+
return item;
|
|
27
|
+
return (React.createElement(React.Fragment, { key: index },
|
|
28
|
+
item,
|
|
29
|
+
React.createElement(BreadcrumbSeparator, null, separator)));
|
|
30
|
+
})));
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export default Breadcrumbs;
|
|
34
|
+
export { Breadcrumbs };
|
|
35
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -4,7 +4,7 @@ import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, S
|
|
|
4
4
|
import cssClasses from '../../css/stack/main.module.less.js';
|
|
5
5
|
import { cssStack } from './css_classes.js';
|
|
6
6
|
|
|
7
|
-
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }) => {
|
|
7
|
+
const Stack = React.forwardRef(({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false, style = {}, onMouseLeave, onMouseEnter, attributes, onClick }) => {
|
|
8
8
|
const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
|
|
9
9
|
const stackElRef = useRef(null);
|
|
10
10
|
useEffect(() => {
|
|
@@ -23,7 +23,8 @@ const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECT
|
|
|
23
23
|
onMouseLeave,
|
|
24
24
|
onClick
|
|
25
25
|
}, children);
|
|
26
|
-
};
|
|
26
|
+
});
|
|
27
|
+
Stack.displayName = 'Stack';
|
|
27
28
|
|
|
28
29
|
export default Stack;
|
|
29
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
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;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".main-module_breadcrumbs__Ny7jG {\n max-width: 100%;\n overflow: auto;\n}\n.main-module_breadcrumbs__list__30iRm {\n list-style: none;\n}\n.main-module_breadcrumbs__separator__Yvcfn {\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n}\n";
|
|
4
|
+
var breadcrumbsCssClasses = {"breadcrumbs":"main-module_breadcrumbs__Ny7jG","breadcrumbs__list":"main-module_breadcrumbs__list__30iRm","breadcrumbs__separator":"main-module_breadcrumbs__separator__Yvcfn"};
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export default breadcrumbsCssClasses;
|
|
8
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -32,6 +32,7 @@ import ControlTextarea from "./components/controls/hoc/control_textarea";
|
|
|
32
32
|
import DataTable from "./components/table/hoc/data-table";
|
|
33
33
|
import Datepicker from "./components/date_picker";
|
|
34
34
|
import Dropdown from "./components/dropdown";
|
|
35
|
+
import Breadcrumbs from "./components/breadcrumbs";
|
|
35
36
|
/**
|
|
36
37
|
* import context for export
|
|
37
38
|
*/
|
|
@@ -116,7 +117,7 @@ import { useClickOutside } from "./hooks/use_click_outside";
|
|
|
116
117
|
/**
|
|
117
118
|
* export components
|
|
118
119
|
*/
|
|
119
|
-
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside };
|
|
120
|
+
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
|
|
120
121
|
/**
|
|
121
122
|
* export types
|
|
122
123
|
*/
|
|
@@ -39,6 +39,7 @@ export { default as ControlTagsSelector } from './components/controls/hoc/contro
|
|
|
39
39
|
export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
|
|
40
40
|
export { default as Table } from './components/table/index.js';
|
|
41
41
|
export { default as DataTable } from './components/table/hoc/data-table.js';
|
|
42
|
+
export { Breadcrumbs } from './components/breadcrumbs/index.js';
|
|
42
43
|
export { FlashMessengerContext, useFlashMessenger } from './components/flash_messenger/context.js';
|
|
43
44
|
export { default as MessageBox } from './components/message-box/index.js';
|
|
44
45
|
export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -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;"}
|
|
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;"}
|