abrplus-ui-kit 1.0.7 → 1.0.8
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/dist/antOverrides.cjs.js +1 -127
- package/dist/antOverrides.es.js +70 -98
- package/dist/atoms.cjs.js +1 -391
- package/dist/atoms.es.js +252 -306
- package/dist/colors-BDQwGpaB.cjs +5 -0
- package/dist/{colors-CztsZ6e_.js → colors-BW-NR0oP.js} +30 -34
- package/dist/deepMerge-2zqLIrFM.cjs +1 -0
- package/dist/deepMerge-Dm_AZi0Z.js +14 -0
- package/dist/index-B1HRk2-g.cjs +1 -0
- package/dist/index-BCH1vT85.js +8 -0
- package/dist/index-BJmt8SSx.cjs +1 -0
- package/dist/index-BPqX2Hsu.js +75 -0
- package/dist/{index-B02Mlfa4.js → index-BRLLsEKX.js} +19905 -19821
- package/dist/index-BeP9-mrf.js +200 -0
- package/dist/index-Bpx-uyOR.cjs +1 -0
- package/dist/index-CpGdrWps.js +19 -0
- package/dist/index-CwKyw6uN.cjs +1 -0
- package/dist/index-CzPs2mPX.js +478 -0
- package/dist/index-QraJKad8.cjs +1 -0
- package/dist/index-R9oQ5kp6.js +1569 -0
- package/dist/index-bNh4-ggT.cjs +1 -0
- package/dist/index-lDQ4dr86.cjs +1 -0
- package/dist/index.cjs.js +1 -109
- package/dist/index.css +1 -1519
- package/dist/index.es.js +5 -5
- package/dist/index2.css +1 -3
- package/dist/molecules.cjs.js +8 -7826
- package/dist/molecules.es.js +4270 -6306
- package/dist/organisms.cjs.js +1 -940
- package/dist/organisms.es.js +651 -758
- package/dist/provider.cjs.js +1 -48
- package/dist/provider.es.js +29 -34
- package/dist/sortable.esm-BSCvBWLi.js +2943 -0
- package/dist/sortable.esm-CA8VbUF-.cjs +5 -0
- package/dist/theme.css +1 -102
- package/dist/types/components/atoms/icon/constants/iconNames.d.ts +1 -1
- package/package.json +4 -4
- package/dist/colors-TPZkyKI4.cjs +0 -2212
- package/dist/deepMerge-CG1he8ZD.js +0 -20
- package/dist/deepMerge-Cn27K7-s.cjs +0 -19
- package/dist/index-B1Z0XlNV.cjs +0 -542
- package/dist/index-CCvWoynu.cjs +0 -12
- package/dist/index-CVNEow23.js +0 -543
- package/dist/index-Cbtrrxcv.js +0 -90
- package/dist/index-CiSH4Pqy.js +0 -266
- package/dist/index-Crz4ws0L.js +0 -1630
- package/dist/index-D-q_-bu0.cjs +0 -1629
- package/dist/index-DLUd_0LP.js +0 -13
- package/dist/index-DM-zAoQS.cjs +0 -89
- package/dist/index-DPvG_H_Y.cjs +0 -27
- package/dist/index-DdzyIn4u.js +0 -28
- package/dist/index-DsPAgC23.cjs +0 -37937
- package/dist/index-PyheoujP.cjs +0 -265
- package/dist/sortable.esm-BPjdpL-J.cjs +0 -3872
- package/dist/sortable.esm-C7oRJuPU.js +0 -3873
package/dist/index-DLUd_0LP.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Avatar as Avatar$1 } from "antd";
|
|
3
|
-
import { twMerge } from "tailwind-merge";
|
|
4
|
-
const Avatar = ({ className, ...props }) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(Avatar$1, { ...props, className: twMerge("bg-light-7 border-primary-light-3", className) });
|
|
6
|
-
};
|
|
7
|
-
const Group = ({ className, max, ...props }) => {
|
|
8
|
-
return /* @__PURE__ */ jsx(Avatar$1.Group, { max, ...props, className: twMerge(className) });
|
|
9
|
-
};
|
|
10
|
-
Avatar.Group = Group;
|
|
11
|
-
export {
|
|
12
|
-
Avatar as A
|
|
13
|
-
};
|
package/dist/index-DM-zAoQS.cjs
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const antd = require("antd");
|
|
4
|
-
const tailwindMerge = require("tailwind-merge");
|
|
5
|
-
const React = require("react");
|
|
6
|
-
const index = require("./index-DsPAgC23.cjs");
|
|
7
|
-
const SwitchThemeConfig = {
|
|
8
|
-
components: {
|
|
9
|
-
Dropdown: {}
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
const Dropdown = ({ className, ...props }) => {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { theme: SwitchThemeConfig, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Dropdown, { ...props, className: tailwindMerge.twMerge("bg-light-7", className) }) });
|
|
14
|
-
};
|
|
15
|
-
const Image = ({
|
|
16
|
-
preview = false,
|
|
17
|
-
width,
|
|
18
|
-
height,
|
|
19
|
-
fallback,
|
|
20
|
-
onError,
|
|
21
|
-
wrapperClassName,
|
|
22
|
-
...rest
|
|
23
|
-
}) => {
|
|
24
|
-
const [showFallBack, setShowFallBack] = React.useState(false);
|
|
25
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
26
|
-
index.Flex,
|
|
27
|
-
{
|
|
28
|
-
style: { width, height },
|
|
29
|
-
align: "center",
|
|
30
|
-
justify: "center",
|
|
31
|
-
className: wrapperClassName,
|
|
32
|
-
children: showFallBack && fallback ? fallback : /* @__PURE__ */ jsxRuntime.jsx(
|
|
33
|
-
antd.Image,
|
|
34
|
-
{
|
|
35
|
-
preview,
|
|
36
|
-
onError: (e) => {
|
|
37
|
-
setShowFallBack(true);
|
|
38
|
-
onError?.(e);
|
|
39
|
-
},
|
|
40
|
-
...{ width, height },
|
|
41
|
-
...rest
|
|
42
|
-
}
|
|
43
|
-
)
|
|
44
|
-
}
|
|
45
|
-
);
|
|
46
|
-
};
|
|
47
|
-
const getScrollableNode = (scrollableNodeId) => {
|
|
48
|
-
return document.getElementById(scrollableNodeId);
|
|
49
|
-
};
|
|
50
|
-
const debounce = (func, delay) => {
|
|
51
|
-
let timeoutId;
|
|
52
|
-
return function() {
|
|
53
|
-
clearTimeout(timeoutId);
|
|
54
|
-
timeoutId = setTimeout(func, delay);
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
const InfiniteLoader = ({
|
|
58
|
-
children,
|
|
59
|
-
indicatorColor,
|
|
60
|
-
indicatorSize,
|
|
61
|
-
className,
|
|
62
|
-
hasMore,
|
|
63
|
-
scrollableNodeId,
|
|
64
|
-
onNextPage
|
|
65
|
-
}) => {
|
|
66
|
-
React.useEffect(() => {
|
|
67
|
-
const scrollableNode = getScrollableNode(scrollableNodeId);
|
|
68
|
-
if (scrollableNode) {
|
|
69
|
-
const onScroll = () => {
|
|
70
|
-
if (hasMore) {
|
|
71
|
-
const { scrollHeight, scrollTop, clientHeight } = scrollableNode;
|
|
72
|
-
const isBottom = Math.ceil(scrollTop) + clientHeight === scrollHeight;
|
|
73
|
-
isBottom && onNextPage();
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
onScroll();
|
|
77
|
-
const debouncedOnScroll = debounce(onScroll, 1500);
|
|
78
|
-
scrollableNode.addEventListener("scroll", debouncedOnScroll);
|
|
79
|
-
return () => scrollableNode.removeEventListener("scroll", debouncedOnScroll);
|
|
80
|
-
}
|
|
81
|
-
}, [hasMore, scrollableNodeId]);
|
|
82
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge(className, "w-full"), onClick: (e) => e.stopPropagation(), children: [
|
|
83
|
-
children,
|
|
84
|
-
hasMore && /* @__PURE__ */ jsxRuntime.jsx(index.Flex, { className: "min-h-12", align: "center", justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(index.Loading, { isLoading: true, color: indicatorColor, size: indicatorSize }) })
|
|
85
|
-
] });
|
|
86
|
-
};
|
|
87
|
-
exports.Dropdown = Dropdown;
|
|
88
|
-
exports.Image = Image;
|
|
89
|
-
exports.InfiniteLoader = InfiniteLoader;
|
package/dist/index-DPvG_H_Y.cjs
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
const antd = require("antd");
|
|
4
|
-
const reactRouterDom = require("react-router-dom");
|
|
5
|
-
const index = require("./index-DsPAgC23.cjs");
|
|
6
|
-
const colors = require("./colors-TPZkyKI4.cjs");
|
|
7
|
-
const Breadcrumb = (props) => {
|
|
8
|
-
const appName = colors.AbrplusUIKit.config().getAppName();
|
|
9
|
-
const color = colors.colors[appName];
|
|
10
|
-
const actionColor = color?.action;
|
|
11
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
12
|
-
antd.Breadcrumb,
|
|
13
|
-
{
|
|
14
|
-
...props,
|
|
15
|
-
separator: /* @__PURE__ */ jsxRuntime.jsx(index.Icon, { name: "Chevron_Left", size: 22, color: actionColor }),
|
|
16
|
-
itemRender: (route, _, items) => {
|
|
17
|
-
if (!route.title) return null;
|
|
18
|
-
const last = items.indexOf(route) === items.length - 1;
|
|
19
|
-
if (last) {
|
|
20
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index.Text, { size: 16, weight: "medium", color: colors.colors.primary_dark_1, children: route.title });
|
|
21
|
-
}
|
|
22
|
-
return route.path ? /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: route.path, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { size: 16, weight: "medium", color: actionColor, children: route.title }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: route.onClick, className: "cursor-pointer", children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { size: 16, weight: "medium", color: actionColor, children: route.title }) });
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
exports.Breadcrumb = Breadcrumb;
|
package/dist/index-DdzyIn4u.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Breadcrumb as Breadcrumb$1 } from "antd";
|
|
3
|
-
import { Link } from "react-router-dom";
|
|
4
|
-
import { T as Text, I as Icon } from "./index-B02Mlfa4.js";
|
|
5
|
-
import { A as AbrplusUIKit, c as colors } from "./colors-CztsZ6e_.js";
|
|
6
|
-
const Breadcrumb = (props) => {
|
|
7
|
-
const appName = AbrplusUIKit.config().getAppName();
|
|
8
|
-
const color = colors[appName];
|
|
9
|
-
const actionColor = color?.action;
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
11
|
-
Breadcrumb$1,
|
|
12
|
-
{
|
|
13
|
-
...props,
|
|
14
|
-
separator: /* @__PURE__ */ jsx(Icon, { name: "Chevron_Left", size: 22, color: actionColor }),
|
|
15
|
-
itemRender: (route, _, items) => {
|
|
16
|
-
if (!route.title) return null;
|
|
17
|
-
const last = items.indexOf(route) === items.length - 1;
|
|
18
|
-
if (last) {
|
|
19
|
-
return /* @__PURE__ */ jsx(Text, { size: 16, weight: "medium", color: colors.primary_dark_1, children: route.title });
|
|
20
|
-
}
|
|
21
|
-
return route.path ? /* @__PURE__ */ jsx(Link, { to: route.path, children: /* @__PURE__ */ jsx(Text, { size: 16, weight: "medium", color: actionColor, children: route.title }) }) : /* @__PURE__ */ jsx("div", { onClick: route.onClick, className: "cursor-pointer", children: /* @__PURE__ */ jsx(Text, { size: 16, weight: "medium", color: actionColor, children: route.title }) });
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
Breadcrumb as B
|
|
28
|
-
};
|