armtek-uikit-react 1.0.148 → 1.0.150
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/assets/BackDrop.scss +3 -1
- package/assets/styles.min.css +1 -1
- package/assets/styles.min.css.map +1 -1
- package/index.js +2 -1
- package/lib/const/styles.js +5 -1
- package/lib/helpers/genericForwardRef.js +7 -3
- package/lib/helpers/getColorClasses.js +10 -6
- package/lib/helpers/getSizeClasses.js +9 -5
- package/lib/helpers/getVariantClasses.js +9 -5
- package/lib/helpers/helpers.js +19 -10
- package/lib/helpers/index.js +9 -1
- package/lib/hooks/useClickOutside.js +8 -4
- package/lib/hooks/useEnhancedEffect.js +8 -3
- package/lib/hooks/useEventCallback.js +11 -4
- package/lib/hooks/useLazyRef.js +8 -4
- package/lib/hooks/useTimeout.js +12 -6
- package/lib/services/DateService.js +7 -2
- package/package.json +1 -1
- package/types/theme.js +3 -1
- package/ui/Accordion/Accordion.classes.js +19 -14
- package/ui/Accordion/Accordion.js +38 -35
- package/ui/Accordion/index.js +16 -2
- package/ui/Adornment/Adornment.js +16 -11
- package/ui/Adornment/index.js +9 -2
- package/ui/Alert/Alert.js +20 -16
- package/ui/Alert/index.js +16 -2
- package/ui/Avatar/Avatar.js +22 -18
- package/ui/Avatar/index.js +16 -2
- package/ui/AvatarGroup/AvatarGroup.js +18 -14
- package/ui/AvatarGroup/index.js +16 -2
- package/ui/BackDrop/BackDrop.js +13 -9
- package/ui/BackDrop/BackDropBase.js +15 -11
- package/ui/BackDrop/index.js +16 -2
- package/ui/Badge/Badge.js +16 -12
- package/ui/Badge/index.js +16 -2
- package/ui/Button/Button.js +19 -15
- package/ui/Button/index.js +16 -2
- package/ui/ButtonGroup/ButtonGroup.js +15 -10
- package/ui/ButtonGroup/index.js +16 -2
- package/ui/ButtonIcon/ButtonIcon.js +16 -11
- package/ui/ButtonIcon/index.js +16 -2
- package/ui/Card/Card.js +12 -7
- package/ui/Card/index.js +16 -2
- package/ui/Chip/Chip.js +19 -15
- package/ui/Chip/index.js +16 -2
- package/ui/Dropdown/Dropdown.js +20 -16
- package/ui/Dropdown/index.js +16 -2
- package/ui/Form/Checkbox/Checkbox.js +22 -19
- package/ui/Form/Checkbox/index.js +16 -2
- package/ui/Form/DateField/DateField.js +28 -25
- package/ui/Form/DateField/index.js +16 -2
- package/ui/Form/DatePicker/DatePicker.js +21 -13
- package/ui/Form/DatePicker/index.js +16 -2
- package/ui/Form/FormControls/FormControls.js +19 -15
- package/ui/Form/FormControls/index.js +16 -2
- package/ui/Form/Interval/Interval.js +23 -20
- package/ui/Form/Interval/IntervalSlide.js +16 -13
- package/ui/Form/Interval/index.js +20 -3
- package/ui/Form/Password/Password.js +17 -14
- package/ui/Form/Password/index.js +16 -2
- package/ui/Form/Period/Period.js +24 -21
- package/ui/Form/Period/index.js +16 -2
- package/ui/Form/PeriodSelect/PeriodSelect.js +13 -9
- package/ui/Form/PeriodSelect/index.js +16 -2
- package/ui/Form/Radio/Radio.js +13 -8
- package/ui/Form/Radio/index.js +16 -2
- package/ui/Form/Rating/Rating.js +16 -13
- package/ui/Form/Rating/index.js +16 -2
- package/ui/Form/Select/Select.js +50 -49
- package/ui/Form/Select/SelectOptionList.js +13 -8
- package/ui/Form/Select/SelectOptionsContainer.js +11 -6
- package/ui/Form/Select/SelectSummary.js +37 -32
- package/ui/Form/Select/index.js +23 -3
- package/ui/Form/Switch/Switch.js +14 -10
- package/ui/Form/Switch/index.js +16 -2
- package/ui/Form/TextArea/TextArea.js +19 -15
- package/ui/Form/TextArea/index.js +16 -2
- package/ui/Form/TextField/TextField.js +39 -34
- package/ui/Form/TextField/index.js +16 -2
- package/ui/Form/TimeField/TimeField.js +13 -8
- package/ui/Form/TimeField/index.js +16 -2
- package/ui/Form/TimePicker/TimePicker.js +12 -8
- package/ui/Form/TimePicker/index.js +16 -2
- package/ui/HelperText/HelperText.js +12 -7
- package/ui/HelperText/index.js +16 -2
- package/ui/Icon/Icon.js +14 -9
- package/ui/Icon/Mi.js +15 -10
- package/ui/Icon/Mis.js +11 -7
- package/ui/Icon/index.js +22 -4
- package/ui/Link/Link.js +12 -7
- package/ui/Link/index.js +16 -2
- package/ui/List/ListItem.js +26 -20
- package/ui/List/index.js +16 -2
- package/ui/Loader/Loader.js +12 -7
- package/ui/Loader/index.js +16 -2
- package/ui/Logo/Logo.js +29 -25
- package/ui/Logo/index.js +16 -2
- package/ui/Modal/BaseModal.js +28 -24
- package/ui/Modal/Modal.js +13 -8
- package/ui/Modal/index.js +16 -2
- package/ui/Pagination/Pagination.js +39 -36
- package/ui/Pagination/index.js +16 -2
- package/ui/Paper/Paper.js +12 -7
- package/ui/Paper/index.js +16 -2
- package/ui/Popover/Popover.js +16 -11
- package/ui/Popover/index.js +16 -2
- package/ui/Popper/Popper.js +12 -8
- package/ui/Popper/PopperBase.js +14 -11
- package/ui/Popper/index.js +16 -2
- package/ui/Skeleton/Skeleton.js +11 -5
- package/ui/Skeleton/index.js +16 -2
- package/ui/Slider/RcSlider.js +1 -0
- package/ui/Slider/Slider.js +19 -15
- package/ui/Slider/index.js +16 -2
- package/ui/Stack/Stack.js +17 -12
- package/ui/Stack/index.js +16 -2
- package/ui/Status/Status.js +15 -11
- package/ui/Status/index.js +16 -2
- package/ui/Stepper/StepItem.js +22 -18
- package/ui/Stepper/StepItemIcon.js +16 -11
- package/ui/Stepper/Stepper.js +17 -13
- package/ui/Stepper/index.js +16 -2
- package/ui/Table/Table.js +19 -17
- package/ui/Table/TableBase.js +11 -6
- package/ui/Table/TableCell.js +15 -10
- package/ui/Table/TableRow.js +13 -8
- package/ui/Table/index.js +10 -3
- package/ui/Tooltip/Tooltip.js +23 -20
- package/ui/Tooltip/index.js +16 -2
package/lib/helpers/helpers.js
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.getVariants = exports.getStatusColors = exports.getSizes = exports.getCssPrefix = exports.getColors = exports.SizeEnum = exports.ColorEnum = void 0;
|
|
5
|
+
var _styles = require("../const/styles");
|
|
6
|
+
let SizeEnum = exports.SizeEnum = /*#__PURE__*/function (SizeEnum) {
|
|
3
7
|
SizeEnum["SMALL"] = "small";
|
|
4
8
|
SizeEnum["MEDIUM"] = "meidum";
|
|
5
9
|
SizeEnum["LARGE"] = "large";
|
|
6
10
|
SizeEnum["EXTRA_LARGE"] = "extraLarge";
|
|
7
11
|
return SizeEnum;
|
|
8
12
|
}({});
|
|
9
|
-
|
|
13
|
+
let ColorEnum = exports.ColorEnum = /*#__PURE__*/function (ColorEnum) {
|
|
10
14
|
ColorEnum["PRIMARY"] = "primary";
|
|
11
15
|
ColorEnum["SECONDARY"] = "secondary";
|
|
12
16
|
ColorEnum["NEUTRAL"] = "neutral";
|
|
@@ -16,7 +20,7 @@ export let ColorEnum = /*#__PURE__*/function (ColorEnum) {
|
|
|
16
20
|
ColorEnum["INFO"] = "info";
|
|
17
21
|
return ColorEnum;
|
|
18
22
|
}({});
|
|
19
|
-
|
|
23
|
+
const getVariants = except => {
|
|
20
24
|
let variants = {
|
|
21
25
|
contained: 'Заливка',
|
|
22
26
|
outlined: 'С границами',
|
|
@@ -25,14 +29,16 @@ export const getVariants = except => {
|
|
|
25
29
|
if (except) variants = filter(variants, except);
|
|
26
30
|
return variants;
|
|
27
31
|
};
|
|
28
|
-
|
|
32
|
+
exports.getVariants = getVariants;
|
|
33
|
+
const getColors = () => {
|
|
29
34
|
return {
|
|
30
35
|
[ColorEnum.PRIMARY]: 'Основной',
|
|
31
36
|
[ColorEnum.SECONDARY]: 'Второстепенный',
|
|
32
37
|
[ColorEnum.NEUTRAL]: 'Нейтральный'
|
|
33
38
|
};
|
|
34
39
|
};
|
|
35
|
-
|
|
40
|
+
exports.getColors = getColors;
|
|
41
|
+
const getStatusColors = () => {
|
|
36
42
|
return {
|
|
37
43
|
[ColorEnum.INFO]: 'Инфо',
|
|
38
44
|
[ColorEnum.ERROR]: 'Ошибка',
|
|
@@ -40,7 +46,8 @@ export const getStatusColors = () => {
|
|
|
40
46
|
[ColorEnum.WARNING]: 'Уведомление'
|
|
41
47
|
};
|
|
42
48
|
};
|
|
43
|
-
|
|
49
|
+
exports.getStatusColors = getStatusColors;
|
|
50
|
+
const getSizes = except => {
|
|
44
51
|
let sizes = {
|
|
45
52
|
[SizeEnum.SMALL]: 'Маленький',
|
|
46
53
|
[SizeEnum.MEDIUM]: 'Средний',
|
|
@@ -50,15 +57,17 @@ export const getSizes = except => {
|
|
|
50
57
|
if (except) sizes = filter(sizes, except);
|
|
51
58
|
return sizes;
|
|
52
59
|
};
|
|
60
|
+
exports.getSizes = getSizes;
|
|
53
61
|
const filter = (obj, arr) => {
|
|
54
62
|
return Object.entries(obj).filter(item => !arr.includes(item[0])).reduce((prev, current) => {
|
|
55
63
|
prev[current[0]] = current[1];
|
|
56
64
|
return prev;
|
|
57
65
|
}, {});
|
|
58
66
|
};
|
|
59
|
-
|
|
67
|
+
const getCssPrefix = classes => {
|
|
60
68
|
return classes.reduce((prev, current) => {
|
|
61
|
-
prev[current] = CSS_PREFIX + current;
|
|
69
|
+
prev[current] = _styles.CSS_PREFIX + current;
|
|
62
70
|
return prev;
|
|
63
71
|
}, {});
|
|
64
|
-
};
|
|
72
|
+
};
|
|
73
|
+
exports.getCssPrefix = getCssPrefix;
|
package/lib/helpers/index.js
CHANGED
|
@@ -1 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _genericForwardRef = require("./genericForwardRef");
|
|
5
|
+
Object.keys(_genericForwardRef).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _genericForwardRef[key]) return;
|
|
8
|
+
exports[key] = _genericForwardRef[key];
|
|
9
|
+
});
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _react = require("react");
|
|
4
7
|
const useClickOutside = callback => {
|
|
5
|
-
const ref = useRef(null);
|
|
6
|
-
useEffect(() => {
|
|
8
|
+
const ref = (0, _react.useRef)(null);
|
|
9
|
+
(0, _react.useEffect)(() => {
|
|
7
10
|
function handleClickOutside(event) {
|
|
8
11
|
if (ref.current && !ref.current.contains(event.target)) callback();
|
|
9
12
|
}
|
|
@@ -14,4 +17,5 @@ const useClickOutside = callback => {
|
|
|
14
17
|
}, [ref]);
|
|
15
18
|
return ref;
|
|
16
19
|
};
|
|
17
|
-
|
|
20
|
+
var _default = exports.default = useClickOutside;
|
|
21
|
+
module.exports = exports.default;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var React = _interopRequireWildcard(require("react"));
|
|
7
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
8
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
5
9
|
/**
|
|
6
10
|
* A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
|
|
7
11
|
* This is useful for effects that are only needed for client-side rendering but not for SSR.
|
|
@@ -10,4 +14,5 @@ import * as React from 'react';
|
|
|
10
14
|
* and confirm it doesn't apply to your use-case.
|
|
11
15
|
*/
|
|
12
16
|
const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
13
|
-
|
|
17
|
+
var _default = exports.default = useEnhancedEffect;
|
|
18
|
+
module.exports = exports.default;
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _useEnhancedEffect = _interopRequireDefault(require("./useEnhancedEffect"));
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
5
11
|
function useEventCallback(fn) {
|
|
6
12
|
const ref = React.useRef(fn);
|
|
7
|
-
|
|
13
|
+
(0, _useEnhancedEffect.default)(() => {
|
|
8
14
|
ref.current = fn;
|
|
9
15
|
});
|
|
10
16
|
return React.useRef((...args) =>
|
|
11
17
|
// @ts-expect-error hide `this`
|
|
12
18
|
(0, ref.current)(...args)).current;
|
|
13
19
|
}
|
|
14
|
-
|
|
20
|
+
var _default = exports.default = useEventCallback;
|
|
21
|
+
module.exports = exports.default;
|
package/lib/hooks/useLazyRef.js
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = useLazyRef;
|
|
6
|
+
var _react = require("react");
|
|
4
7
|
const UNINITIALIZED = {};
|
|
5
|
-
|
|
6
|
-
const ref = useRef(UNINITIALIZED);
|
|
8
|
+
function useLazyRef(init, initArg) {
|
|
9
|
+
const ref = (0, _react.useRef)(UNINITIALIZED);
|
|
7
10
|
if (ref.current === UNINITIALIZED) {
|
|
8
11
|
ref.current = init(initArg);
|
|
9
12
|
}
|
|
10
13
|
return ref;
|
|
11
|
-
}
|
|
14
|
+
}
|
|
15
|
+
module.exports = exports.default;
|
package/lib/hooks/useTimeout.js
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.Timeout = void 0;
|
|
7
|
+
exports.default = useTimeout;
|
|
8
|
+
var _useLazyRef = _interopRequireDefault(require("./useLazyRef"));
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
class Timeout {
|
|
6
11
|
constructor() {
|
|
7
12
|
this.currentId = 0;
|
|
8
13
|
this.clear = () => {
|
|
@@ -29,8 +34,9 @@ export class Timeout {
|
|
|
29
34
|
}, delay);
|
|
30
35
|
}
|
|
31
36
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
37
|
+
exports.Timeout = Timeout;
|
|
38
|
+
function useTimeout() {
|
|
39
|
+
const timeout = (0, _useLazyRef.default)(Timeout.create).current;
|
|
40
|
+
(0, _react.useEffect)(timeout.disposeEffect, []);
|
|
35
41
|
return timeout;
|
|
36
42
|
}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = exports.DateService = void 0;
|
|
1
5
|
class DateClass {
|
|
2
6
|
constructor(date) {
|
|
3
7
|
this.date = date;
|
|
@@ -36,7 +40,8 @@ class DateClass {
|
|
|
36
40
|
return DateClass.getDisplayValue(m);
|
|
37
41
|
}
|
|
38
42
|
}
|
|
39
|
-
|
|
43
|
+
const DateService = date => {
|
|
40
44
|
return new DateClass(date);
|
|
41
45
|
};
|
|
42
|
-
|
|
46
|
+
exports.DateService = DateService;
|
|
47
|
+
var _default = exports.default = DateClass;
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"armtek-uikit-react","version":"1.0.
|
|
1
|
+
{"name":"armtek-uikit-react","version":"1.0.150","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
|
package/types/theme.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _styles = require("../../lib/const/styles");
|
|
6
|
+
var _getSizeClasses = require("../../lib/helpers/getSizeClasses");
|
|
7
|
+
var _getColorClasses = require("../../lib/helpers/getColorClasses");
|
|
8
|
+
var _getVariantClasses = require("../../lib/helpers/getVariantClasses");
|
|
5
9
|
const BASE_CLASS_NAME = 'accordion';
|
|
6
10
|
const BASE_CLASSES = {
|
|
7
11
|
'accordion': BASE_CLASS_NAME,
|
|
@@ -14,16 +18,17 @@ const BASE_CLASSES = {
|
|
|
14
18
|
const variants = ['blockquote', 'alert', 'section', 'contained'];
|
|
15
19
|
const classes = {
|
|
16
20
|
...Object.entries(BASE_CLASSES).reduce((prev, current) => {
|
|
17
|
-
prev[current[0]] = CSS_PREFIX + current[1];
|
|
21
|
+
prev[current[0]] = _styles.CSS_PREFIX + current[1];
|
|
18
22
|
return prev;
|
|
19
23
|
}, {}),
|
|
20
|
-
...getSizeClasses(BASE_CLASSES.accordion),
|
|
21
|
-
...getColorClasses(BASE_CLASSES.accordion),
|
|
22
|
-
...getColorClasses(BASE_CLASSES.accordion_head),
|
|
23
|
-
...getColorClasses(BASE_CLASSES.accordion_body),
|
|
24
|
-
...getVariantClasses(BASE_CLASSES.accordion, variants),
|
|
25
|
-
...getVariantClasses(BASE_CLASSES.accordion_title, variants),
|
|
26
|
-
...getVariantClasses(BASE_CLASSES.accordion_head, variants),
|
|
27
|
-
...getVariantClasses(BASE_CLASSES.accordion_body, variants)
|
|
24
|
+
...(0, _getSizeClasses.getSizeClasses)(BASE_CLASSES.accordion),
|
|
25
|
+
...(0, _getColorClasses.getColorClasses)(BASE_CLASSES.accordion),
|
|
26
|
+
...(0, _getColorClasses.getColorClasses)(BASE_CLASSES.accordion_head),
|
|
27
|
+
...(0, _getColorClasses.getColorClasses)(BASE_CLASSES.accordion_body),
|
|
28
|
+
...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion, variants),
|
|
29
|
+
...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion_title, variants),
|
|
30
|
+
...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion_head, variants),
|
|
31
|
+
...(0, _getVariantClasses.getVariantClasses)(BASE_CLASSES.accordion_body, variants)
|
|
28
32
|
};
|
|
29
|
-
|
|
33
|
+
var _default = exports.default = classes;
|
|
34
|
+
module.exports = exports.default;
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
+
var _Dropdown = _interopRequireDefault(require("../Dropdown"));
|
|
10
|
+
var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
|
|
11
|
+
var _Accordion = _interopRequireDefault(require("./Accordion.classes"));
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
13
|
const Accordion = props => {
|
|
12
14
|
let {
|
|
13
15
|
title,
|
|
@@ -24,9 +26,9 @@ const Accordion = props => {
|
|
|
24
26
|
size,
|
|
25
27
|
...divPops
|
|
26
28
|
} = props;
|
|
27
|
-
const [isExpanded, setIsExpanded] = useState(!!defaultExpanded);
|
|
29
|
+
const [isExpanded, setIsExpanded] = (0, _react.useState)(!!defaultExpanded);
|
|
28
30
|
const openProp = expanded !== undefined ? expanded : isExpanded;
|
|
29
|
-
const [contentHidden, setContentHidden] = useState(!openProp);
|
|
31
|
+
const [contentHidden, setContentHidden] = (0, _react.useState)(!openProp);
|
|
30
32
|
const iconCode = openProp ? 'expand_less' : 'expand_more';
|
|
31
33
|
const handleExpand = () => {
|
|
32
34
|
if (expanded === undefined) setIsExpanded(prev => !prev);
|
|
@@ -57,49 +59,49 @@ const Accordion = props => {
|
|
|
57
59
|
buttonTheme = 'dark';
|
|
58
60
|
}
|
|
59
61
|
}
|
|
60
|
-
return /*#__PURE__*/
|
|
61
|
-
children: /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
62
64
|
...divPops,
|
|
63
|
-
className:
|
|
64
|
-
[
|
|
65
|
-
[
|
|
66
|
-
[
|
|
65
|
+
className: (0, _clsx.default)(_Accordion.default.accordion, className, {
|
|
66
|
+
[_Accordion.default['accordion_' + size]]: !!size,
|
|
67
|
+
[_Accordion.default['accordion_' + variant]]: !!variant,
|
|
68
|
+
[_Accordion.default['accordion_' + color]]: !!color
|
|
67
69
|
}),
|
|
68
|
-
children: [/*#__PURE__*/
|
|
69
|
-
className:
|
|
70
|
-
[
|
|
71
|
-
[
|
|
70
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
71
|
+
className: (0, _clsx.default)(_Accordion.default.accordion_head, classNames == null ? void 0 : classNames.AccordionHead, {
|
|
72
|
+
[_Accordion.default['accordion__head_' + variant]]: !!variant,
|
|
73
|
+
[_Accordion.default['accordion__head_' + color]]: !!color,
|
|
72
74
|
'py-1': size === 'small',
|
|
73
75
|
'py-2': size === 'medium',
|
|
74
76
|
'py-3': size === 'large',
|
|
75
77
|
'py-4': size === 'extraLarge'
|
|
76
78
|
}),
|
|
77
79
|
onClick: handleHeadClick,
|
|
78
|
-
children: [/*#__PURE__*/
|
|
79
|
-
className:
|
|
80
|
-
[
|
|
80
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
81
|
+
className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionTitle, {
|
|
82
|
+
[_Accordion.default['accordion__title_' + variant]]: !!variant
|
|
81
83
|
}),
|
|
82
84
|
children: title
|
|
83
|
-
}), /*#__PURE__*/
|
|
84
|
-
className:
|
|
85
|
-
children: /*#__PURE__*/
|
|
85
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
86
|
+
className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionTitle, _Accordion.default.accordion_toggle),
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
86
88
|
onClick: handleIconClick,
|
|
87
89
|
size: 'small',
|
|
88
90
|
color: buttonColor,
|
|
89
91
|
theme: buttonTheme,
|
|
90
92
|
variant: 'transparent',
|
|
91
|
-
children: /*#__PURE__*/
|
|
93
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
92
94
|
className: "mi",
|
|
93
95
|
children: iconCode
|
|
94
96
|
})
|
|
95
97
|
})
|
|
96
98
|
})]
|
|
97
|
-
}), /*#__PURE__*/
|
|
98
|
-
className:
|
|
99
|
-
[
|
|
100
|
-
[
|
|
99
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
100
|
+
className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionBody, _Accordion.default.accordion__body, {
|
|
101
|
+
[_Accordion.default['accordion__body_' + variant]]: !!variant,
|
|
102
|
+
[_Accordion.default['accordion__body_' + color]]: !!color
|
|
101
103
|
}),
|
|
102
|
-
children: /*#__PURE__*/
|
|
104
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
|
|
103
105
|
transitionProps: {
|
|
104
106
|
unmountOnExit: true,
|
|
105
107
|
...transitionProps,
|
|
@@ -107,8 +109,8 @@ const Accordion = props => {
|
|
|
107
109
|
onEnter: handleEnter
|
|
108
110
|
},
|
|
109
111
|
expanded: openProp,
|
|
110
|
-
children: /*#__PURE__*/
|
|
111
|
-
className:
|
|
112
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
113
|
+
className: (0, _clsx.default)(classNames == null ? void 0 : classNames.AccordionContent, _Accordion.default.accordion_content),
|
|
112
114
|
style: {
|
|
113
115
|
display: contentHidden ? 'none' : 'block'
|
|
114
116
|
},
|
|
@@ -119,4 +121,5 @@ const Accordion = props => {
|
|
|
119
121
|
})
|
|
120
122
|
});
|
|
121
123
|
};
|
|
122
|
-
|
|
124
|
+
var _default = exports.default = Accordion;
|
|
125
|
+
module.exports = exports.default;
|
package/ui/Accordion/index.js
CHANGED
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _exportNames = {};
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _Accordion = _interopRequireWildcard(require("./Accordion"));
|
|
7
|
+
exports.default = _Accordion.default;
|
|
8
|
+
Object.keys(_Accordion).forEach(function (key) {
|
|
9
|
+
if (key === "default" || key === "__esModule") return;
|
|
10
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
11
|
+
if (key in exports && exports[key] === _Accordion[key]) return;
|
|
12
|
+
exports[key] = _Accordion[key];
|
|
13
|
+
});
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
module.exports = exports.default;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = exports.AdornmentContainer = void 0;
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
8
|
// import { getCssPrefix } from 'lib/helpers/helpers'
|
|
5
9
|
|
|
6
10
|
const AdornmentClasses = ['adornmentContainer', 'adornmentContainer_end', 'adornment_start', 'adornment_end'];
|
|
@@ -14,10 +18,10 @@ const Adornment = props => {
|
|
|
14
18
|
className,
|
|
15
19
|
...spanProps
|
|
16
20
|
} = props;
|
|
17
|
-
return /*#__PURE__*/
|
|
18
|
-
children: /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
22
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
19
23
|
...spanProps,
|
|
20
|
-
className:
|
|
24
|
+
className: (0, _clsx.default)(className, 'arm-adornment', {
|
|
21
25
|
'arm-adornment_start': position === 'start',
|
|
22
26
|
'arm-adornment_end': position !== 'start'
|
|
23
27
|
}),
|
|
@@ -25,21 +29,22 @@ const Adornment = props => {
|
|
|
25
29
|
})
|
|
26
30
|
});
|
|
27
31
|
};
|
|
28
|
-
|
|
32
|
+
const AdornmentContainer = props => {
|
|
29
33
|
let {
|
|
30
34
|
position = 'start',
|
|
31
35
|
className,
|
|
32
36
|
children,
|
|
33
37
|
...inputProps
|
|
34
38
|
} = props;
|
|
35
|
-
return /*#__PURE__*/
|
|
36
|
-
children: /*#__PURE__*/
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
40
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
37
41
|
...inputProps,
|
|
38
|
-
className:
|
|
42
|
+
className: (0, _clsx.default)('arm-adornment__container', {
|
|
39
43
|
'arm-adornment__container_end': position !== 'start'
|
|
40
44
|
}, className),
|
|
41
45
|
children: children
|
|
42
46
|
})
|
|
43
47
|
});
|
|
44
48
|
};
|
|
45
|
-
|
|
49
|
+
exports.AdornmentContainer = AdornmentContainer;
|
|
50
|
+
var _default = exports.default = Adornment;
|
package/ui/Adornment/index.js
CHANGED
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = exports.AdornmentContainer = void 0;
|
|
5
|
+
var _Adornment = _interopRequireWildcard(require("./Adornment"));
|
|
6
|
+
exports.default = _Adornment.default;
|
|
7
|
+
exports.AdornmentContainer = _Adornment.AdornmentContainer;
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
package/ui/Alert/Alert.js
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _clsx = _interopRequireDefault(require("clsx"));
|
|
7
|
+
var _ButtonIcon = _interopRequireDefault(require("../ButtonIcon"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
9
|
const AlertClasses = ['alert', 'alert__title', 'alert__close', 'alert__icon', 'alert_success', 'alert_warning', 'alert_info', 'alert_error'];
|
|
7
10
|
|
|
8
11
|
// const css = getCssPrefix(AlertClasses)
|
|
@@ -21,30 +24,30 @@ const Alert = props => {
|
|
|
21
24
|
if (icon === undefined) {
|
|
22
25
|
if (color === 'error') icon = 'bolt';else if (color === 'warning') icon = 'warning';else if (color === 'success') icon = 'task_alt';
|
|
23
26
|
}
|
|
24
|
-
return /*#__PURE__*/
|
|
25
|
-
children: /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
28
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
26
29
|
...restProps,
|
|
27
|
-
className:
|
|
30
|
+
className: (0, _clsx.default)('arm-alert', {
|
|
28
31
|
['arm-alert_' + color]: !!color,
|
|
29
32
|
['arm-alert_' + variant]: !!variant,
|
|
30
33
|
'arm-alert_no_icon': icon === null
|
|
31
34
|
}, className),
|
|
32
|
-
children: [icon !== null && /*#__PURE__*/
|
|
33
|
-
className:
|
|
35
|
+
children: [icon !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
36
|
+
className: (0, _clsx.default)('arm-alert__icon', 'material_icon'),
|
|
34
37
|
children: icon
|
|
35
|
-
}), /*#__PURE__*/
|
|
38
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
36
39
|
className: 'arm-alert__title',
|
|
37
40
|
children: props.title
|
|
38
|
-
}), /*#__PURE__*/
|
|
41
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
39
42
|
className: 'arm-alert__body',
|
|
40
43
|
children: props.children
|
|
41
|
-
}), !!onClose && /*#__PURE__*/
|
|
44
|
+
}), !!onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonIcon.default, {
|
|
42
45
|
onClick: onClose,
|
|
43
46
|
size: 'small',
|
|
44
47
|
color: 'neutral',
|
|
45
48
|
variant: 'transparent',
|
|
46
|
-
className:
|
|
47
|
-
children: /*#__PURE__*/
|
|
49
|
+
className: (0, _clsx.default)('arm-alert__close', 'material_icon'),
|
|
50
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
48
51
|
className: 'material_icon',
|
|
49
52
|
children: "close"
|
|
50
53
|
})
|
|
@@ -52,4 +55,5 @@ const Alert = props => {
|
|
|
52
55
|
})
|
|
53
56
|
});
|
|
54
57
|
};
|
|
55
|
-
|
|
58
|
+
var _default = exports.default = Alert;
|
|
59
|
+
module.exports = exports.default;
|
package/ui/Alert/index.js
CHANGED
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _exportNames = {};
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _Alert = _interopRequireWildcard(require("./Alert"));
|
|
7
|
+
exports.default = _Alert.default;
|
|
8
|
+
Object.keys(_Alert).forEach(function (key) {
|
|
9
|
+
if (key === "default" || key === "__esModule") return;
|
|
10
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
11
|
+
if (key in exports && exports[key] === _Alert[key]) return;
|
|
12
|
+
exports[key] = _Alert[key];
|
|
13
|
+
});
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
module.exports = exports.default;
|