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