abrplus-ui-kit 1.0.7 → 1.0.9
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/dist/types/components/molecules/noResult/index.d.ts +1 -1
- package/dist/types/components/organisms/avatarGroup/index.d.ts +2 -2
- package/dist/types/components/organisms/table/components/cell/currencyCell.d.ts +1 -1
- package/dist/types/components/organisms/table/components/cell/dateCell.d.ts +1 -1
- package/dist/types/components/organisms/table/components/cell/status.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
|
-
};
|