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.
Files changed (55) hide show
  1. package/dist/antOverrides.cjs.js +1 -127
  2. package/dist/antOverrides.es.js +70 -98
  3. package/dist/atoms.cjs.js +1 -391
  4. package/dist/atoms.es.js +252 -306
  5. package/dist/colors-BDQwGpaB.cjs +5 -0
  6. package/dist/{colors-CztsZ6e_.js → colors-BW-NR0oP.js} +30 -34
  7. package/dist/deepMerge-2zqLIrFM.cjs +1 -0
  8. package/dist/deepMerge-Dm_AZi0Z.js +14 -0
  9. package/dist/index-B1HRk2-g.cjs +1 -0
  10. package/dist/index-BCH1vT85.js +8 -0
  11. package/dist/index-BJmt8SSx.cjs +1 -0
  12. package/dist/index-BPqX2Hsu.js +75 -0
  13. package/dist/{index-B02Mlfa4.js → index-BRLLsEKX.js} +19905 -19821
  14. package/dist/index-BeP9-mrf.js +200 -0
  15. package/dist/index-Bpx-uyOR.cjs +1 -0
  16. package/dist/index-CpGdrWps.js +19 -0
  17. package/dist/index-CwKyw6uN.cjs +1 -0
  18. package/dist/index-CzPs2mPX.js +478 -0
  19. package/dist/index-QraJKad8.cjs +1 -0
  20. package/dist/index-R9oQ5kp6.js +1569 -0
  21. package/dist/index-bNh4-ggT.cjs +1 -0
  22. package/dist/index-lDQ4dr86.cjs +1 -0
  23. package/dist/index.cjs.js +1 -109
  24. package/dist/index.css +1 -1519
  25. package/dist/index.es.js +5 -5
  26. package/dist/index2.css +1 -3
  27. package/dist/molecules.cjs.js +8 -7826
  28. package/dist/molecules.es.js +4270 -6306
  29. package/dist/organisms.cjs.js +1 -940
  30. package/dist/organisms.es.js +651 -758
  31. package/dist/provider.cjs.js +1 -48
  32. package/dist/provider.es.js +29 -34
  33. package/dist/sortable.esm-BSCvBWLi.js +2943 -0
  34. package/dist/sortable.esm-CA8VbUF-.cjs +5 -0
  35. package/dist/theme.css +1 -102
  36. package/dist/types/components/atoms/icon/constants/iconNames.d.ts +1 -1
  37. package/package.json +4 -4
  38. package/dist/colors-TPZkyKI4.cjs +0 -2212
  39. package/dist/deepMerge-CG1he8ZD.js +0 -20
  40. package/dist/deepMerge-Cn27K7-s.cjs +0 -19
  41. package/dist/index-B1Z0XlNV.cjs +0 -542
  42. package/dist/index-CCvWoynu.cjs +0 -12
  43. package/dist/index-CVNEow23.js +0 -543
  44. package/dist/index-Cbtrrxcv.js +0 -90
  45. package/dist/index-CiSH4Pqy.js +0 -266
  46. package/dist/index-Crz4ws0L.js +0 -1630
  47. package/dist/index-D-q_-bu0.cjs +0 -1629
  48. package/dist/index-DLUd_0LP.js +0 -13
  49. package/dist/index-DM-zAoQS.cjs +0 -89
  50. package/dist/index-DPvG_H_Y.cjs +0 -27
  51. package/dist/index-DdzyIn4u.js +0 -28
  52. package/dist/index-DsPAgC23.cjs +0 -37937
  53. package/dist/index-PyheoujP.cjs +0 -265
  54. package/dist/sortable.esm-BPjdpL-J.cjs +0 -3872
  55. package/dist/sortable.esm-C7oRJuPU.js +0 -3873
@@ -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
- };
@@ -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;
@@ -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;
@@ -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
- };