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