@dreamcommerce/aurora 2.25.1 → 2.26.0-2
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/accordion/constants.js +17 -0
- package/build/cjs/packages/aurora/src/components/accordion/constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordion/css_classes.js +4 -2
- package/build/cjs/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordion/index.js +37 -11
- package/build/cjs/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js +22 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +13 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/button/components/button/index.js +3 -1
- package/build/cjs/packages/aurora/src/components/button/components/button/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/input.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/label/index.js +1 -1
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +5 -3
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/button/main.module.less.js +1 -1
- package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -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/components/accordion/constants.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/accordion/constants.js +12 -0
- package/build/esm/packages/aurora/src/components/accordion/constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js +4 -2
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/index.js +37 -12
- package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/types.d.ts +9 -2
- package/build/esm/packages/aurora/src/components/accordion/types.js +3 -0
- package/build/esm/packages/aurora/src/components/accordion/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/context.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/accordions_group/context.js +18 -0
- package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +12 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +42 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +9 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/index.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/index.js +8 -0
- package/build/esm/packages/aurora/src/components/accordions_group/index.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +17 -0
- package/build/esm/packages/aurora/src/components/accordions_group/types.js +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/button/components/button/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/button/components/button/index.js +3 -1
- package/build/esm/packages/aurora/src/components/button/components/button/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/button/components/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.js +1 -1
- package/build/esm/packages/aurora/src/components/label/index.js +1 -1
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +5 -3
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/css/button/main.module.less.js +1 -1
- package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -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 +2 -2
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ACCORDION_TOGGLER_ICON_POSITION = {
|
|
6
|
+
left: 'left',
|
|
7
|
+
right: 'right'
|
|
8
|
+
};
|
|
9
|
+
var ACCORDION_VARIANTS = {
|
|
10
|
+
primary: 'primary',
|
|
11
|
+
secondary: 'secondary',
|
|
12
|
+
tertiary: 'tertiary'
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.ACCORDION_TOGGLER_ICON_POSITION = ACCORDION_TOGGLER_ICON_POSITION;
|
|
16
|
+
exports.ACCORDION_VARIANTS = ACCORDION_VARIANTS;
|
|
17
|
+
//# sourceMappingURL=constants.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;"}
|
|
@@ -5,11 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var accordionBaseCssClass = 'accordion';
|
|
6
6
|
var CSS_CLASSES = {
|
|
7
7
|
accordion: accordionBaseCssClass,
|
|
8
|
-
|
|
8
|
+
accordionToggler: "".concat(accordionBaseCssClass, "__toggler"),
|
|
9
|
+
accordionTogglerIconLeft: "".concat(accordionBaseCssClass, "__toggler-icon_left"),
|
|
9
10
|
accordionTitle: "".concat(accordionBaseCssClass, "__title"),
|
|
10
11
|
accordionContent: "".concat(accordionBaseCssClass, "__content"),
|
|
11
12
|
accordionIconRotate180: "".concat(accordionBaseCssClass, "__icon_rotate-180"),
|
|
12
|
-
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary")
|
|
13
|
+
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary"),
|
|
14
|
+
accordionTertiary: "".concat(accordionBaseCssClass, "_tertiary")
|
|
13
15
|
};
|
|
14
16
|
|
|
15
17
|
exports.default = CSS_CLASSES;
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var classnames = require('classnames');
|
|
7
8
|
var css_classes = require('./css_classes.js');
|
|
9
|
+
var constants = require('./constants.js');
|
|
8
10
|
var icon_arrow_down = require('../../assets/icon_arrow_down.js');
|
|
9
11
|
var main_module = require('../../css/accordion/main.module.less.js');
|
|
12
|
+
var use_accordions_group_api = require('../accordions_group/hooks/use_accordions_group_api.js');
|
|
10
13
|
|
|
11
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
15
|
|
|
13
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
18
|
|
|
15
19
|
var Accordion = function Accordion(_ref) {
|
|
16
20
|
var id = _ref.id,
|
|
@@ -19,24 +23,46 @@ var Accordion = function Accordion(_ref) {
|
|
|
19
23
|
isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
|
|
20
24
|
_ref$isStatic = _ref.isStatic,
|
|
21
25
|
isStatic = _ref$isStatic === void 0 ? false : _ref$isStatic,
|
|
22
|
-
|
|
26
|
+
_ref$variant = _ref.variant,
|
|
27
|
+
variant = _ref$variant === void 0 ? constants.ACCORDION_VARIANTS.primary : _ref$variant,
|
|
23
28
|
negativeIndentValue = _ref.negativeIndentValue,
|
|
24
|
-
children = _ref.children
|
|
29
|
+
children = _ref.children,
|
|
30
|
+
_ref$toggleIcon = _ref.toggleIcon,
|
|
31
|
+
ToggleIcon = _ref$toggleIcon === void 0 ? icon_arrow_down['default'] : _ref$toggleIcon,
|
|
32
|
+
_ref$toggleIconPositi = _ref.toggleIconPosition,
|
|
33
|
+
toggleIconPosition = _ref$toggleIconPositi === void 0 ? constants.ACCORDION_TOGGLER_ICON_POSITION.right : _ref$toggleIconPositi;
|
|
34
|
+
var accordionsGroupApi = use_accordions_group_api.useAccordionsGroupApi();
|
|
25
35
|
|
|
26
|
-
var _useState = React.useState(isOpened),
|
|
36
|
+
var _useState = React.useState(isStatic ? true : isOpened),
|
|
27
37
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
28
38
|
isOpen = _useState2[0],
|
|
29
39
|
setIsOpen = _useState2[1];
|
|
30
40
|
|
|
41
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
42
|
+
React.useEffect(function () {
|
|
43
|
+
accordionsGroupApi === null || accordionsGroupApi === void 0 || accordionsGroupApi.add(id, {
|
|
44
|
+
expanded: isOpen
|
|
45
|
+
});
|
|
46
|
+
}, [id]);
|
|
47
|
+
React.useEffect(function () {
|
|
48
|
+
if (accordion) setIsOpen(accordion.expanded);
|
|
49
|
+
}, [accordion]);
|
|
50
|
+
|
|
31
51
|
var handleOnClick = function handleOnClick() {
|
|
32
|
-
|
|
52
|
+
setIsOpenState(!isOpen);
|
|
33
53
|
};
|
|
34
54
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
55
|
+
var setIsOpenState = function setIsOpenState(newIsOpen) {
|
|
56
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
57
|
+
|
|
58
|
+
if (!accordion) {
|
|
59
|
+
setIsOpen(isStatic ? true : newIsOpen);
|
|
60
|
+
return;
|
|
38
61
|
}
|
|
39
|
-
|
|
62
|
+
|
|
63
|
+
newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.shrink(id);
|
|
64
|
+
};
|
|
65
|
+
|
|
40
66
|
var wrapperIndentStyles = {
|
|
41
67
|
marginLeft: "-".concat(negativeIndentValue, "px"),
|
|
42
68
|
marginRight: "-".concat(negativeIndentValue, "px")
|
|
@@ -46,17 +72,17 @@ var Accordion = function Accordion(_ref) {
|
|
|
46
72
|
paddingRight: "".concat(negativeIndentValue, "px")
|
|
47
73
|
};
|
|
48
74
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
49
|
-
className:
|
|
75
|
+
className: classnames__default['default'](main_module['default'][css_classes['default'].accordion], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes['default'].accordionSecondary], variant === constants.ACCORDION_VARIANTS.secondary), main_module['default'][css_classes['default'].accordionTertiary], variant === constants.ACCORDION_VARIANTS.tertiary)),
|
|
50
76
|
style: negativeIndentValue ? wrapperIndentStyles : undefined
|
|
51
77
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
52
|
-
className: main_module['default'][css_classes['default'].
|
|
78
|
+
className: classnames__default['default'](main_module['default'][css_classes['default'].accordionToggler], _rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes['default'].accordionTogglerIconLeft], toggleIconPosition === constants.ACCORDION_TOGGLER_ICON_POSITION.left)),
|
|
53
79
|
onClick: !isStatic ? handleOnClick : undefined,
|
|
54
80
|
"aria-expanded": isOpen,
|
|
55
81
|
"aria-controls": id,
|
|
56
82
|
style: negativeIndentValue ? contentIndentStyles : undefined
|
|
57
83
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
58
84
|
className: main_module['default'][css_classes['default'].accordionTitle]
|
|
59
|
-
}, title), !isStatic && /*#__PURE__*/React__default['default'].createElement(
|
|
85
|
+
}, title), !isStatic && /*#__PURE__*/React__default['default'].createElement(ToggleIcon, {
|
|
60
86
|
size: "m",
|
|
61
87
|
className: "".concat(isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : '')
|
|
62
88
|
})), isOpen && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var AccordionsGroupContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
expandAll: function expandAll() {},
|
|
9
|
+
shrinkAll: function shrinkAll() {},
|
|
10
|
+
expand: function expand() {},
|
|
11
|
+
shrink: function shrink() {},
|
|
12
|
+
add: function add() {},
|
|
13
|
+
remove: function remove() {},
|
|
14
|
+
get: function get() {
|
|
15
|
+
return undefined;
|
|
16
|
+
},
|
|
17
|
+
areAllExpanded: false,
|
|
18
|
+
accordions: []
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
exports.AccordionsGroupContext = AccordionsGroupContext;
|
|
22
|
+
//# sourceMappingURL=context.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;"}
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var context = require('../context.js');
|
|
7
|
+
|
|
8
|
+
var useAccordionsGroupApi = function useAccordionsGroupApi() {
|
|
9
|
+
return React.useContext(context.AccordionsGroupContext);
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.useAccordionsGroupApi = useAccordionsGroupApi;
|
|
13
|
+
//# sourceMappingURL=use_accordions_group_api.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;"}
|
|
@@ -14,8 +14,10 @@ var button = {
|
|
|
14
14
|
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
15
15
|
onClick = _ref.onClick,
|
|
16
16
|
testId = _ref.testId,
|
|
17
|
-
children = _ref.children
|
|
17
|
+
children = _ref.children,
|
|
18
|
+
disabled = _ref.disabled;
|
|
18
19
|
return /*#__PURE__*/React__default['default'].createElement("button", {
|
|
20
|
+
disabled: disabled,
|
|
19
21
|
type: type,
|
|
20
22
|
onClick: onClick,
|
|
21
23
|
className: classNames,
|
|
@@ -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;"}
|
|
@@ -35,7 +35,7 @@ var Input = function Input(_ref) {
|
|
|
35
35
|
var _useControlContext = context.useControlContext(),
|
|
36
36
|
errors = _useControlContext.errors;
|
|
37
37
|
|
|
38
|
-
var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly), main_module['default'][css_classes.cssControlPreElement], preElement));
|
|
38
|
+
var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors === null || errors === void 0 ? void 0 : errors.length), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly), main_module['default'][css_classes.cssControlPreElement], preElement));
|
|
39
39
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
40
40
|
className: inputClasses
|
|
41
41
|
}, preElement && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
@@ -30,7 +30,7 @@ var InputWrapper = function InputWrapper(_ref) {
|
|
|
30
30
|
var _useControlContext = context.useControlContext(),
|
|
31
31
|
errors = _useControlContext.errors;
|
|
32
32
|
|
|
33
|
-
var classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], size === 'small'), main_module['default'][css_classes.cssControlFocus], isFocused), main_module['default'][css_classes.cssControlDisabled], isDisabled), main_module['default'][css_classes.cssControlReadonly], isReadOnly), main_module['default'][css_classes.cssControlError], errors));
|
|
33
|
+
var classes = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module['default'][css_classes.cssControlWrapper], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], size === 'small'), main_module['default'][css_classes.cssControlFocus], isFocused), main_module['default'][css_classes.cssControlDisabled], isDisabled), main_module['default'][css_classes.cssControlReadonly], isReadOnly), main_module['default'][css_classes.cssControlError], errors === null || errors === void 0 ? void 0 : errors.length));
|
|
34
34
|
return /*#__PURE__*/React__default['default'].createElement("div", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
35
35
|
className: classes
|
|
36
36
|
}), preElements, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
@@ -35,7 +35,7 @@ var Control = function Control(_ref) {
|
|
|
35
35
|
}
|
|
36
36
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
37
37
|
onClick: onClick,
|
|
38
|
-
className: "".concat(main_module['default'][css_classes.cssControls], " ").concat(errors ? main_module['default'][css_classes.cssControlsError] : '')
|
|
38
|
+
className: "".concat(main_module['default'][css_classes.cssControls], " ").concat(errors !== null && errors !== void 0 && errors.length ? main_module['default'][css_classes.cssControlsError] : '')
|
|
39
39
|
}, children));
|
|
40
40
|
};
|
|
41
41
|
|
|
@@ -27,7 +27,7 @@ var Label = function Label(_ref) {
|
|
|
27
27
|
var _useControlContext = context.useControlContext(),
|
|
28
28
|
errors = _useControlContext.errors;
|
|
29
29
|
|
|
30
|
-
var labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssLabelRequired], isRequired), main_module['default'][css_classes.cssLabelError], errors));
|
|
30
|
+
var labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssLabelRequired], isRequired), main_module['default'][css_classes.cssLabelError], errors === null || errors === void 0 ? void 0 : errors.length));
|
|
31
31
|
return /*#__PURE__*/React__default['default'].createElement("label", _rollupPluginBabelHelpers.objectSpread2({
|
|
32
32
|
className: labelClasses
|
|
33
33
|
}, props), children, additionalInfo && /*#__PURE__*/React__default['default'].createElement(index['default'], {
|
|
@@ -4,14 +4,16 @@ 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_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"accordion": "main-module_accordion__qbc72",
|
|
10
|
-
"
|
|
10
|
+
"accordion__toggler": "main-module_accordion__toggler__1aZjG",
|
|
11
|
+
"accordion__toggler-icon_left": "main-module_accordion__toggler-icon_left__30mJs",
|
|
11
12
|
"accordion__title": "main-module_accordion__title__cZTxX",
|
|
12
13
|
"accordion__content": "main-module_accordion__content__3c3tq",
|
|
13
14
|
"accordion__icon_rotate-180": "main-module_accordion__icon_rotate-180__1tqnh",
|
|
14
|
-
"accordion_secondary": "main-module_accordion_secondary__-v9gP"
|
|
15
|
+
"accordion_secondary": "main-module_accordion_secondary__-v9gP",
|
|
16
|
+
"accordion_tertiary": "main-module_accordion_tertiary__1pu1L"
|
|
15
17
|
};
|
|
16
18
|
styleInject_es['default'](css_248z);
|
|
17
19
|
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -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_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq,\n.main-module_btn__1OX4j [disabled] {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"btn": "main-module_btn__1OX4j",
|
|
10
10
|
"btn_bg": "main-module_btn_bg__oIy2H",
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
var ACCORDION_TOGGLER_ICON_POSITION = {
|
|
2
|
+
left: 'left',
|
|
3
|
+
right: 'right'
|
|
4
|
+
};
|
|
5
|
+
var ACCORDION_VARIANTS = {
|
|
6
|
+
primary: 'primary',
|
|
7
|
+
secondary: 'secondary',
|
|
8
|
+
tertiary: 'tertiary'
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { ACCORDION_TOGGLER_ICON_POSITION, ACCORDION_VARIANTS };
|
|
12
|
+
//# sourceMappingURL=constants.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;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
accordion: string;
|
|
3
|
-
|
|
3
|
+
accordionToggler: string;
|
|
4
|
+
accordionTogglerIconLeft: string;
|
|
4
5
|
accordionTitle: string;
|
|
5
6
|
accordionContent: string;
|
|
6
7
|
accordionIconRotate180: string;
|
|
7
8
|
accordionSecondary: string;
|
|
9
|
+
accordionTertiary: string;
|
|
8
10
|
};
|
|
9
11
|
export default _default;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
var accordionBaseCssClass = 'accordion';
|
|
2
2
|
var CSS_CLASSES = {
|
|
3
3
|
accordion: accordionBaseCssClass,
|
|
4
|
-
|
|
4
|
+
accordionToggler: "".concat(accordionBaseCssClass, "__toggler"),
|
|
5
|
+
accordionTogglerIconLeft: "".concat(accordionBaseCssClass, "__toggler-icon_left"),
|
|
5
6
|
accordionTitle: "".concat(accordionBaseCssClass, "__title"),
|
|
6
7
|
accordionContent: "".concat(accordionBaseCssClass, "__content"),
|
|
7
8
|
accordionIconRotate180: "".concat(accordionBaseCssClass, "__icon_rotate-180"),
|
|
8
|
-
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary")
|
|
9
|
+
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary"),
|
|
10
|
+
accordionTertiary: "".concat(accordionBaseCssClass, "_tertiary")
|
|
9
11
|
};
|
|
10
12
|
|
|
11
13
|
export default CSS_CLASSES;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import classnames from 'classnames';
|
|
3
4
|
import CSS_CLASSES from './css_classes.js';
|
|
5
|
+
import { ACCORDION_VARIANTS, ACCORDION_TOGGLER_ICON_POSITION } from './constants.js';
|
|
4
6
|
import IconArrowDown from '../../assets/icon_arrow_down.js';
|
|
5
7
|
import cssClasses from '../../css/accordion/main.module.less.js';
|
|
8
|
+
import { useAccordionsGroupApi } from '../accordions_group/hooks/use_accordions_group_api.js';
|
|
6
9
|
|
|
7
10
|
var Accordion = function Accordion(_ref) {
|
|
8
11
|
var id = _ref.id,
|
|
@@ -11,24 +14,46 @@ var Accordion = function Accordion(_ref) {
|
|
|
11
14
|
isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
|
|
12
15
|
_ref$isStatic = _ref.isStatic,
|
|
13
16
|
isStatic = _ref$isStatic === void 0 ? false : _ref$isStatic,
|
|
14
|
-
|
|
17
|
+
_ref$variant = _ref.variant,
|
|
18
|
+
variant = _ref$variant === void 0 ? ACCORDION_VARIANTS.primary : _ref$variant,
|
|
15
19
|
negativeIndentValue = _ref.negativeIndentValue,
|
|
16
|
-
children = _ref.children
|
|
20
|
+
children = _ref.children,
|
|
21
|
+
_ref$toggleIcon = _ref.toggleIcon,
|
|
22
|
+
ToggleIcon = _ref$toggleIcon === void 0 ? IconArrowDown : _ref$toggleIcon,
|
|
23
|
+
_ref$toggleIconPositi = _ref.toggleIconPosition,
|
|
24
|
+
toggleIconPosition = _ref$toggleIconPositi === void 0 ? ACCORDION_TOGGLER_ICON_POSITION.right : _ref$toggleIconPositi;
|
|
25
|
+
var accordionsGroupApi = useAccordionsGroupApi();
|
|
17
26
|
|
|
18
|
-
var _useState = useState(isOpened),
|
|
27
|
+
var _useState = useState(isStatic ? true : isOpened),
|
|
19
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
20
29
|
isOpen = _useState2[0],
|
|
21
30
|
setIsOpen = _useState2[1];
|
|
22
31
|
|
|
32
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
accordionsGroupApi === null || accordionsGroupApi === void 0 || accordionsGroupApi.add(id, {
|
|
35
|
+
expanded: isOpen
|
|
36
|
+
});
|
|
37
|
+
}, [id]);
|
|
38
|
+
useEffect(function () {
|
|
39
|
+
if (accordion) setIsOpen(accordion.expanded);
|
|
40
|
+
}, [accordion]);
|
|
41
|
+
|
|
23
42
|
var handleOnClick = function handleOnClick() {
|
|
24
|
-
|
|
43
|
+
setIsOpenState(!isOpen);
|
|
25
44
|
};
|
|
26
45
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
46
|
+
var setIsOpenState = function setIsOpenState(newIsOpen) {
|
|
47
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
48
|
+
|
|
49
|
+
if (!accordion) {
|
|
50
|
+
setIsOpen(isStatic ? true : newIsOpen);
|
|
51
|
+
return;
|
|
30
52
|
}
|
|
31
|
-
|
|
53
|
+
|
|
54
|
+
newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.shrink(id);
|
|
55
|
+
};
|
|
56
|
+
|
|
32
57
|
var wrapperIndentStyles = {
|
|
33
58
|
marginLeft: "-".concat(negativeIndentValue, "px"),
|
|
34
59
|
marginRight: "-".concat(negativeIndentValue, "px")
|
|
@@ -38,17 +63,17 @@ var Accordion = function Accordion(_ref) {
|
|
|
38
63
|
paddingRight: "".concat(negativeIndentValue, "px")
|
|
39
64
|
};
|
|
40
65
|
return /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className:
|
|
66
|
+
className: classnames(cssClasses[CSS_CLASSES.accordion], _defineProperty(_defineProperty({}, cssClasses[CSS_CLASSES.accordionSecondary], variant === ACCORDION_VARIANTS.secondary), cssClasses[CSS_CLASSES.accordionTertiary], variant === ACCORDION_VARIANTS.tertiary)),
|
|
42
67
|
style: negativeIndentValue ? wrapperIndentStyles : undefined
|
|
43
68
|
}, /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
className: cssClasses[CSS_CLASSES.
|
|
69
|
+
className: classnames(cssClasses[CSS_CLASSES.accordionToggler], _defineProperty({}, cssClasses[CSS_CLASSES.accordionTogglerIconLeft], toggleIconPosition === ACCORDION_TOGGLER_ICON_POSITION.left)),
|
|
45
70
|
onClick: !isStatic ? handleOnClick : undefined,
|
|
46
71
|
"aria-expanded": isOpen,
|
|
47
72
|
"aria-controls": id,
|
|
48
73
|
style: negativeIndentValue ? contentIndentStyles : undefined
|
|
49
74
|
}, /*#__PURE__*/React.createElement("div", {
|
|
50
75
|
className: cssClasses[CSS_CLASSES.accordionTitle]
|
|
51
|
-
}, title), !isStatic && /*#__PURE__*/React.createElement(
|
|
76
|
+
}, title), !isStatic && /*#__PURE__*/React.createElement(ToggleIcon, {
|
|
52
77
|
size: "m",
|
|
53
78
|
className: "".concat(isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : '')
|
|
54
79
|
})), isOpen && /*#__PURE__*/React.createElement("div", {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { ACCORDION_TOGGLER_ICON_POSITION, ACCORDION_VARIANTS } from "./constants";
|
|
3
|
+
import { Any } from 'ts-toolbelt';
|
|
4
|
+
import { IIconProps } from "../../assets/types";
|
|
2
5
|
export declare type IAccordionProps = {
|
|
3
6
|
id: string;
|
|
4
7
|
title: string | ReactNode;
|
|
5
8
|
isOpened?: boolean;
|
|
6
9
|
isStatic?: boolean;
|
|
7
|
-
|
|
10
|
+
variant?: TAccordionVariant;
|
|
8
11
|
negativeIndentValue?: number;
|
|
9
12
|
children: ReactNode;
|
|
13
|
+
toggleIcon?: React.FC<IIconProps>;
|
|
14
|
+
toggleIconPosition?: TToggleIconPosition;
|
|
10
15
|
};
|
|
16
|
+
export declare type TToggleIconPosition = Any.Keys<typeof ACCORDION_TOGGLER_ICON_POSITION>;
|
|
17
|
+
export declare type TAccordionVariant = Any.Keys<typeof ACCORDION_VARIANTS>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC;AACzC,OAAoE,uCAAuC,CAAC;AAC5G,OAAoB,aAAa,CAAC;AAClC,OAA2B,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
|
|
3
|
+
var AccordionsGroupContext = /*#__PURE__*/createContext({
|
|
4
|
+
expandAll: function expandAll() {},
|
|
5
|
+
shrinkAll: function shrinkAll() {},
|
|
6
|
+
expand: function expand() {},
|
|
7
|
+
shrink: function shrink() {},
|
|
8
|
+
add: function add() {},
|
|
9
|
+
remove: function remove() {},
|
|
10
|
+
get: function get() {
|
|
11
|
+
return undefined;
|
|
12
|
+
},
|
|
13
|
+
areAllExpanded: false,
|
|
14
|
+
accordions: []
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { AccordionsGroupContext };
|
|
18
|
+
//# sourceMappingURL=context.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;"}
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TAccordion } from "../types";
|
|
2
|
+
export declare const useAccordionsGroup: () => {
|
|
3
|
+
expandAll: () => void;
|
|
4
|
+
shrinkAll: () => void;
|
|
5
|
+
expand: (id: string) => void;
|
|
6
|
+
shrink: (id: string) => void;
|
|
7
|
+
add: (id: string, config?: Pick<TAccordion, 'expanded'>) => void;
|
|
8
|
+
remove: (id: string) => void;
|
|
9
|
+
get: (id: string) => TAccordion | undefined;
|
|
10
|
+
accordions: TAccordion[];
|
|
11
|
+
areAllExpanded: boolean;
|
|
12
|
+
};
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import '@auroraComponents/accordions_group/types';
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
export const useAccordionsGroup = () => {
|
|
4
|
+
const [accordions, setAccordions] = useState([]);
|
|
5
|
+
const [areAllExpanded, setAreAllExpanded] = useState(false);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
setAreAllExpanded(accordions.every((accordion) => accordion.expanded));
|
|
8
|
+
}, []);
|
|
9
|
+
const expandAll = () => {
|
|
10
|
+
setAccordions((accordions) => accordions.map((accordion) => ({ ...accordion, expanded: true })));
|
|
11
|
+
};
|
|
12
|
+
const shrinkAll = () => {
|
|
13
|
+
setAccordions((accordions) => accordions.map((accordion) => ({ ...accordion, expanded: false })));
|
|
14
|
+
};
|
|
15
|
+
const expand = (id) => {
|
|
16
|
+
setAccordions((accordions) => accordions.map((accordion) => (accordion.id === id ? { ...accordion, expanded: true } : accordion)));
|
|
17
|
+
};
|
|
18
|
+
const shrink = (id) => {
|
|
19
|
+
setAccordions((accordions) => accordions.map((accordion) => (accordion.id === id ? { ...accordion, expanded: false } : accordion)));
|
|
20
|
+
};
|
|
21
|
+
const add = (id, config = { expanded: false }) => {
|
|
22
|
+
setAccordions((accordions) => [...accordions, { id, ...config }]);
|
|
23
|
+
};
|
|
24
|
+
const remove = (id) => {
|
|
25
|
+
setAccordions(accordions.filter((accordion) => accordion.id !== id));
|
|
26
|
+
};
|
|
27
|
+
const get = (id) => {
|
|
28
|
+
return accordions.find((accordion) => accordion.id === id);
|
|
29
|
+
};
|
|
30
|
+
return {
|
|
31
|
+
expandAll,
|
|
32
|
+
shrinkAll,
|
|
33
|
+
expand,
|
|
34
|
+
shrink,
|
|
35
|
+
add,
|
|
36
|
+
remove,
|
|
37
|
+
get,
|
|
38
|
+
accordions,
|
|
39
|
+
areAllExpanded
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=use_accordions_group.js.map
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_accordions_group.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordions_group/hooks/use_accordions_group.ts"],"names":[],"mappings":"AAAA,OAA2B,0CAA0C,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACX,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IACrG,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IACtG,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC1B,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvI,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC1B,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACxI,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,CAAC,EAAU,EAAE,SAAuC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QACnF,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC1B,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,CAAC,EAAU,EAAE,EAAE;QACvB,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO;QACH,SAAS;QACT,SAAS;QACT,MAAM;QACN,MAAM;QACN,GAAG;QACH,MAAM;QACN,GAAG;QACH,UAAU;QACV,cAAc;KACjB,CAAC;AACN,CAAC,CAAC"}
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { AccordionsGroupContext } from '../context.js';
|
|
3
|
+
|
|
4
|
+
var useAccordionsGroupApi = function useAccordionsGroupApi() {
|
|
5
|
+
return useContext(AccordionsGroupContext);
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { useAccordionsGroupApi };
|
|
9
|
+
//# sourceMappingURL=use_accordions_group_api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AccordionsGroupContext } from '@auroraComponents/accordions_group/context';
|
|
3
|
+
import { useAccordionsGroup } from '@auroraComponents/accordions_group/hooks/use_accordions_group';
|
|
4
|
+
export const AccordionsGroup = ({ children }) => {
|
|
5
|
+
const accordionsGroupApi = useAccordionsGroup();
|
|
6
|
+
return React.createElement(AccordionsGroupContext.Provider, { value: accordionsGroupApi }, children);
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+DAA+D,CAAC;AAEnG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACpE,MAAM,kBAAkB,GAAG,kBAAkB,EAAE,CAAC;IAEhD,OAAO,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,IAAG,QAAQ,CAAmC,CAAC;AACpH,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface IAccordionGroupContext {
|
|
2
|
+
expandAll(): void;
|
|
3
|
+
shrinkAll(): void;
|
|
4
|
+
expand(id: string): void;
|
|
5
|
+
shrink(id: string): void;
|
|
6
|
+
add(id: string, config?: Pick<TAccordion, 'expanded'>): void;
|
|
7
|
+
remove(id: string): void;
|
|
8
|
+
get(id: string): TAccordion | undefined;
|
|
9
|
+
accordions: TAccordion[];
|
|
10
|
+
areAllExpanded: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface IAccordionsGroupApi extends IAccordionGroupContext {
|
|
13
|
+
}
|
|
14
|
+
export declare type TAccordion = {
|
|
15
|
+
id: string;
|
|
16
|
+
expanded: boolean;
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAsButtonProps } from './types';
|
|
2
2
|
export declare const button: {
|
|
3
|
-
render({ type, onClick, testId, children }: IAsButtonProps, classNames: string): JSX.Element;
|
|
3
|
+
render({ type, onClick, testId, children, disabled }: IAsButtonProps, classNames: string): JSX.Element;
|
|
4
4
|
};
|
|
@@ -6,8 +6,10 @@ var button = {
|
|
|
6
6
|
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
7
7
|
onClick = _ref.onClick,
|
|
8
8
|
testId = _ref.testId,
|
|
9
|
-
children = _ref.children
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
disabled = _ref.disabled;
|
|
10
11
|
return /*#__PURE__*/React.createElement("button", {
|
|
12
|
+
disabled: disabled,
|
|
11
13
|
type: type,
|
|
12
14
|
onClick: onClick,
|
|
13
15
|
className: classNames,
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const buttonTypes: {
|
|
2
2
|
button: {
|
|
3
|
-
render({ type, onClick, testId, children }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
|
|
3
|
+
render({ type, onClick, testId, children, disabled }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
|
|
4
4
|
};
|
|
5
5
|
link: {
|
|
6
6
|
render({ href, target, onClick, testId, children }: import("./link/types").IAsLinkProps, classNames: string): JSX.Element;
|
|
@@ -26,7 +26,7 @@ var Input = function Input(_ref) {
|
|
|
26
26
|
var _useControlContext = useControlContext(),
|
|
27
27
|
errors = _useControlContext.errors;
|
|
28
28
|
|
|
29
|
-
var inputClasses = classnames(inputCssClasses[cssControl], cssStyles[cssControl], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, inputCssClasses[cssControlS], padding === 'small'), inputCssClasses[cssControlError], errors), inputCssClasses[cssControlDisabled], disabled), inputCssClasses[cssControlReadonly], readOnly), inputCssClasses[cssControlPreElement], preElement));
|
|
29
|
+
var inputClasses = classnames(inputCssClasses[cssControl], cssStyles[cssControl], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, inputCssClasses[cssControlS], padding === 'small'), inputCssClasses[cssControlError], errors === null || errors === void 0 ? void 0 : errors.length), inputCssClasses[cssControlDisabled], disabled), inputCssClasses[cssControlReadonly], readOnly), inputCssClasses[cssControlPreElement], preElement));
|
|
30
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
31
31
|
className: inputClasses
|
|
32
32
|
}, preElement && /*#__PURE__*/React.createElement(React.Fragment, null, preElement), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
@@ -21,7 +21,7 @@ var InputWrapper = function InputWrapper(_ref) {
|
|
|
21
21
|
var _useControlContext = useControlContext(),
|
|
22
22
|
errors = _useControlContext.errors;
|
|
23
23
|
|
|
24
|
-
var classes = classnames(inputCssClasses[cssControl], inputCssClasses[cssControlWrapper], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, inputCssClasses[cssControlS], size === 'small'), inputCssClasses[cssControlFocus], isFocused), inputCssClasses[cssControlDisabled], isDisabled), inputCssClasses[cssControlReadonly], isReadOnly), inputCssClasses[cssControlError], errors));
|
|
24
|
+
var classes = classnames(inputCssClasses[cssControl], inputCssClasses[cssControlWrapper], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, inputCssClasses[cssControlS], size === 'small'), inputCssClasses[cssControlFocus], isFocused), inputCssClasses[cssControlDisabled], isDisabled), inputCssClasses[cssControlReadonly], isReadOnly), inputCssClasses[cssControlError], errors === null || errors === void 0 ? void 0 : errors.length));
|
|
25
25
|
return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
26
26
|
className: classes
|
|
27
27
|
}), preElements, /*#__PURE__*/React.createElement("input", {
|
|
@@ -27,7 +27,7 @@ var Control = function Control(_ref) {
|
|
|
27
27
|
}
|
|
28
28
|
}, /*#__PURE__*/React.createElement("div", {
|
|
29
29
|
onClick: onClick,
|
|
30
|
-
className: "".concat(cssStyles[cssControls], " ").concat(errors ? cssStyles[cssControlsError] : '')
|
|
30
|
+
className: "".concat(cssStyles[cssControls], " ").concat(errors !== null && errors !== void 0 && errors.length ? cssStyles[cssControlsError] : '')
|
|
31
31
|
}, children));
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -18,7 +18,7 @@ var Label = function Label(_ref) {
|
|
|
18
18
|
var _useControlContext = useControlContext(),
|
|
19
19
|
errors = _useControlContext.errors;
|
|
20
20
|
|
|
21
|
-
var labelClasses = classnames(cssClasses[cssLabel], _defineProperty(_defineProperty({}, cssClasses[cssLabelRequired], isRequired), cssClasses[cssLabelError], errors));
|
|
21
|
+
var labelClasses = classnames(cssClasses[cssLabel], _defineProperty(_defineProperty({}, cssClasses[cssLabelRequired], isRequired), cssClasses[cssLabelError], errors === null || errors === void 0 ? void 0 : errors.length));
|
|
22
22
|
return /*#__PURE__*/React.createElement("label", _objectSpread2({
|
|
23
23
|
className: labelClasses
|
|
24
24
|
}, props), children, additionalInfo && /*#__PURE__*/React.createElement(Stack, {
|
|
@@ -1,13 +1,15 @@
|
|
|
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.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"accordion": "main-module_accordion__qbc72",
|
|
6
|
-
"
|
|
6
|
+
"accordion__toggler": "main-module_accordion__toggler__1aZjG",
|
|
7
|
+
"accordion__toggler-icon_left": "main-module_accordion__toggler-icon_left__30mJs",
|
|
7
8
|
"accordion__title": "main-module_accordion__title__cZTxX",
|
|
8
9
|
"accordion__content": "main-module_accordion__content__3c3tq",
|
|
9
10
|
"accordion__icon_rotate-180": "main-module_accordion__icon_rotate-180__1tqnh",
|
|
10
|
-
"accordion_secondary": "main-module_accordion_secondary__-v9gP"
|
|
11
|
+
"accordion_secondary": "main-module_accordion_secondary__-v9gP",
|
|
12
|
+
"accordion_tertiary": "main-module_accordion_tertiary__1pu1L"
|
|
11
13
|
};
|
|
12
14
|
styleInject(css_248z);
|
|
13
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;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.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq,\n.main-module_btn__1OX4j [disabled] {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"btn": "main-module_btn__1OX4j",
|
|
6
6
|
"btn_bg": "main-module_btn_bg__oIy2H",
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dreamcommerce/aurora",
|
|
3
3
|
"packageManager": "yarn@3.2.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "2.
|
|
5
|
+
"version": "2.26.0-2",
|
|
6
6
|
"description": "aurora",
|
|
7
7
|
"author": "k0ssak",
|
|
8
8
|
"license": "MIT",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@dreamcommerce/utilities": "^1.
|
|
47
|
+
"@dreamcommerce/utilities": "^1.18.0",
|
|
48
48
|
"@shoper/jest_config": "^0.0.0",
|
|
49
49
|
"@shoper/tsconfig": "^0.0.0",
|
|
50
50
|
"@storybook/react": "6.5.7",
|