@gobolt/genesis 0.0.11 → 0.1.0
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/README.md +6 -0
- package/dist/ClockCircleOutlined-BaXQuLIn.js +13 -0
- package/dist/{Compact-DBh6nSYB.js → Compact-Du9689ax.js} +8 -8
- package/dist/{ContextIsolator-CwuJooYf.js → ContextIsolator-BmfhJgG0.js} +2 -2
- package/dist/{DownOutlined-5-15jS0h.js → DownOutlined-Dcq69ZKM.js} +9 -9
- package/dist/{EllipsisOutlined-CJ2pgE2d.js → EllipsisOutlined-DGMph0Bj.js} +110 -110
- package/dist/{Keyframes-sPZXYuXt.js → Keyframes-C9_aCDvn.js} +1 -1
- package/dist/{Overflow-DdNKJLQh.js → Overflow-DWf4XIal.js} +31 -31
- package/dist/{Skeleton-B3vg9CbL.js → Skeleton-BVN4pcVe.js} +2 -2
- package/dist/TextArea-Bkf9hh7l.js +708 -0
- package/dist/{Typography-DqI7RslA.js → Typography-CoZ5qD-t.js} +3 -3
- package/dist/{button-B2Rgggx2.js → button-BwqpCxVM.js} +5 -5
- package/dist/components/Avatar/Avatar.js +3 -3
- package/dist/components/Avatar/__tests__/Avatar.test.js +1 -1
- package/dist/components/Avatar/styles.js +42 -42
- package/dist/components/Badge/Badge.js +3 -3
- package/dist/components/Badge/__tests__/Badge.test.js +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/__tests__/Breadcrumb.test.js +1 -1
- package/dist/components/Breadcrumb/styles.js +4 -4
- package/dist/components/Button/__tests__/Button.test.js +1 -1
- package/dist/components/Button/styles.js +1 -1
- package/dist/components/Card/__tests__/Card.test.js +1 -1
- package/dist/components/Card/styles.js +1 -1
- package/dist/components/Checkbox/Checkbox.js +3 -3
- package/dist/components/Checkbox/__tests__/Checkbox.test.js +1 -1
- package/dist/components/Checkbox/styles.js +1 -1
- package/dist/components/Dashboard/__stories__/DashboardLayoutContent.js +8 -8
- package/dist/components/Dashboard/__stories__/DashboardLayoutHeader.js +4 -4
- package/dist/components/Dashboard/__tests__/Dashboard.test.js +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +6 -0
- package/dist/components/DatePicker/DatePicker.js +5 -0
- package/dist/components/DatePicker/__stories__/DatePicker.stories.d.ts +10 -0
- package/dist/components/DatePicker/__tests__/DatePicker.test.d.ts +1 -0
- package/dist/components/DatePicker/__tests__/DatePicker.test.js +19 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DatePicker/index.js +4 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +5 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +5 -0
- package/dist/components/DateRangePicker/__stories__/DateRangePicker.stories.d.ts +9 -0
- package/dist/components/DateRangePicker/__tests__/DateRangePicker.test.d.ts +1 -0
- package/dist/components/DateRangePicker/__tests__/DateRangePicker.test.js +23 -0
- package/dist/components/DateRangePicker/index.d.ts +2 -0
- package/dist/components/DateRangePicker/index.js +4 -0
- package/dist/components/ErrorBoundary/ErrorBoundary.js +3 -3
- package/dist/components/ErrorBoundary/__tests__/ErrorBoundary.test.js +1 -1
- package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js +3 -3
- package/dist/components/ErrorBoundaryFallback/styles.js +1 -1
- package/dist/components/Form/Form.js +2 -2
- package/dist/components/Form/__stories__/FormStory.js +4 -4
- package/dist/components/Form/__tests__/form.test.js +2 -2
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Form/styles.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/__tests__/Input.test.js +1 -1
- package/dist/components/Input/styles.js +1 -1
- package/dist/components/Layout/Content/ResponsiveContent.js +3 -3
- package/dist/components/Layout/MainLayout/MainLayout.js +1 -1
- package/dist/components/Layout/__tests__/Layout.test.js +1 -1
- package/dist/components/Message/Message.js +3 -3
- package/dist/components/Message/__tests__/Message.test.js +1 -1
- package/dist/components/Notification/Notification.js +3 -3
- package/dist/components/Notification/NotificationBadge/__tests__/NotificationBadge.test.js +1 -1
- package/dist/components/Notification/__tests__/Notification.test.js +1 -1
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/Popover/__tests__/Popover.test.js +1 -1
- package/dist/components/Popover/styles.js +1 -1
- package/dist/components/Progress/Progress.js +3 -3
- package/dist/components/Progress/Progress.util.js +3 -3
- package/dist/components/Progress/ProgressText.js +3 -3
- package/dist/components/Progress/__tests__/Progress.test.js +1 -1
- package/dist/components/Progress/styles.js +3 -3
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/Radio/RadioGroup.js +1 -1
- package/dist/components/Radio/__tests__/RadioGroup.test.js +1 -1
- package/dist/components/Row/Row.js +1 -1
- package/dist/components/Row/RowActions/RowActions.js +3 -3
- package/dist/components/Row/RowLabelValue/RowLabelValue.js +3 -3
- package/dist/components/Row/RowLabelValue/styles.js +1 -1
- package/dist/components/Row/__tests__/Row.test.js +1 -1
- package/dist/components/SegmentedControls/__tests__/SegmentedControls.test.js +1 -1
- package/dist/components/SegmentedControls/styles.js +27 -27
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/__tests__/Select.test.js +1 -1
- package/dist/components/Select/styles.js +1 -1
- package/dist/components/Shapes/__tests__/Shapes.test.js +1 -1
- package/dist/components/Switch/__tests__/Switch.test.js +1 -1
- package/dist/components/Switch/styles.js +15 -15
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/__mocks__/table-mocks.js +3 -3
- package/dist/components/Table/__tests__/Table.test.js +1 -1
- package/dist/components/Table/styles.js +1 -1
- package/dist/components/Tabs/__tests__/Tabs.test.js +1 -1
- package/dist/components/Tabs/styles.js +1 -1
- package/dist/components/Tile/__tests__/Tile.test.js +1 -1
- package/dist/components/Toast/Toast.js +3 -3
- package/dist/components/Toast/__tests__/Toast.test.js +2 -2
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -3
- package/dist/components/Tooltip/__tests__/Tooltip.test.js +1 -1
- package/dist/components/Tooltip/styles.js +1 -1
- package/dist/components/Typography/Typography.js +1 -1
- package/dist/components/Typography/__tests__/Typography.test.js +2 -2
- package/dist/components/Typography/index.js +1 -1
- package/dist/components/Typography/styles.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +46 -42
- package/dist/{context-Cx7GtZpz.js → context-DIFtNa4d.js} +70 -70
- package/dist/{dropdown-zGGFIyJ_.js → dropdown-Dp_PTQ2u.js} +60 -59
- package/dist/genesis/GenesisThemeBreakdown.js +86 -44
- package/dist/genesis/labs/Lab.stories.d.ts +6 -0
- package/dist/genesis/styles.js +2 -2
- package/dist/{index-CdiHBmVe.js → index-BPVue1Yd.js} +44 -44
- package/dist/{index-CRotrkWm.js → index-BQM5OniU.js} +7 -7
- package/dist/{index-BTGF--50.js → index-B_1Ge8na.js} +20 -19
- package/dist/{index-ByspLxrB.js → index-BbTV2Cw5.js} +32 -31
- package/dist/index-BeGv28kJ.js +5173 -0
- package/dist/{index-Dyl-ddV6.js → index-BpZSuIUV.js} +16 -16
- package/dist/{index-CodMmNWv.js → index-BvOLXELm.js} +3 -3
- package/dist/{index-hoPiccJv.js → index-CLSrpQRW.js} +9 -8
- package/dist/{index-D0P16DlX.js → index-CbVOl2U6.js} +26 -24
- package/dist/{index-DWUXwgXK.js → index-D0U6r5O7.js} +265 -294
- package/dist/{index-BW_7pvTr.js → index-DEu2PVzQ.js} +4 -4
- package/dist/{index-DmZOkMjs.js → index-DNQ-jnBx.js} +1207 -1514
- package/dist/index-DOsPeIWJ.js +1000 -0
- package/dist/{index-CSPlXIlA.js → index-DRGX1Wem.js} +7 -7
- package/dist/index-DWjq9XYj.js +899 -0
- package/dist/index.js +53 -49
- package/dist/motion-CUN72xsH.js +33 -0
- package/dist/providers/GenesisProvider.js +1 -1
- package/dist/providers/ToastProvider.js +3 -3
- package/dist/providers/index.js +1 -1
- package/dist/providers/useGenesis.js +1 -1
- package/dist/{responsiveObserver-O1kw80RG.js → responsiveObserver-dCkpy7Cb.js} +1 -1
- package/dist/roundedArrow-DI_Q-xdU.js +65 -0
- package/dist/{setup-CKu7-AfI.js → setup-CUbCc8fQ.js} +2 -2
- package/dist/styles/design-tokens/border-tokens/BorderTokenList.js +7 -7
- package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js +3 -3
- package/dist/styles/theme/genesis-theme.js +211 -349
- package/dist/styles/theme/theme-tree/ThemeTree.js +114 -113
- package/dist/{styles-BSD221S5.js → styles-CWdUpZom.js} +12 -12
- package/dist/{styles-BDbHpHsc.js → styles-D1vKDy9V.js} +9 -9
- package/dist/{styles-D9iYILpv.js → styles-qerRs7Rn.js} +493 -492
- package/dist/test/setup.js +2 -2
- package/dist/{toArray-DGvPoJP_.js → toArray-U3Az44CO.js} +1 -1
- package/dist/{useBreakpoint-CAMzKscx.js → useBreakpoint-TkMv121M.js} +2 -2
- package/dist/{useCSSVarCls-C-MlZC6a.js → useCSSVarCls-Dau77fzS.js} +1 -1
- package/dist/useIcons-Ck4JP1m9.js +321 -0
- package/dist/{useLocale-DWRfeMSS.js → useLocale-CTfNpakL.js} +1 -1
- package/dist/{useMergedState-BoELfaU9.js → useMergedState-D6toxSxh.js} +1 -1
- package/dist/{useSize-CPo2bUE3.js → useSize-DSq4r6zy.js} +1 -1
- package/dist/{useVariants-Cin23jEC.js → useVariants-DrLzUVLU.js} +2 -2
- package/dist/{useZIndex-D81lkWy4.js → useZIndex-DhyHuZTN.js} +1 -1
- package/dist/utils/icon-util.js +38 -44
- package/package.json +2 -1
- package/dist/TextArea-CKWbFr0u.js +0 -1698
- package/dist/index-CqqwGTME.js +0 -956
|
@@ -12,13 +12,13 @@ import "./components/Button/styles.js";
|
|
|
12
12
|
import "./components/Card/styles.js";
|
|
13
13
|
import "./components/Checkbox/styles.js";
|
|
14
14
|
import "./components/ErrorBoundaryFallback/styles.js";
|
|
15
|
-
import { a as J } from "./styles-
|
|
15
|
+
import { a as J } from "./styles-D1vKDy9V.js";
|
|
16
16
|
import "./components/Input/styles.js";
|
|
17
17
|
import "./components/Layout/Content/styles.js";
|
|
18
18
|
import "./components/Message/styles.js";
|
|
19
19
|
import "./components/Notification/NotificationBadge/styles.js";
|
|
20
20
|
import "./components/Notification/styles.js";
|
|
21
|
-
import "./styles-
|
|
21
|
+
import "./styles-CWdUpZom.js";
|
|
22
22
|
import "./components/Progress/styles.js";
|
|
23
23
|
import "./styles/global-styles.js";
|
|
24
24
|
import { TYPOGRAPHY_VARIANT as F, SIZE as ct, STATE as R, TYPE as Ot } from "./constants/index.js";
|
|
@@ -28,7 +28,7 @@ import "./components/Row/RowActions/styles.js";
|
|
|
28
28
|
import "./components/SegmentedControls/styles.js";
|
|
29
29
|
import "./components/Select/styles.js";
|
|
30
30
|
import "./components/Switch/styles.js";
|
|
31
|
-
import "./styles-
|
|
31
|
+
import "./styles-qerRs7Rn.js";
|
|
32
32
|
import "./components/Tabs/styles.js";
|
|
33
33
|
import "./components/Tile/styles.js";
|
|
34
34
|
import { ToastRow as $t, ToastContent as zt, ToastCloseButton as Pt } from "./components/Toast/styles.js";
|
|
@@ -2,15 +2,15 @@ import * as X from "react";
|
|
|
2
2
|
import s, { forwardRef as oe, useState as xe, useRef as j, useEffect as k, useMemo as ee, useContext as he, Children as vr } from "react";
|
|
3
3
|
import { e as N, g as Ue, _ as I, F as Je, f as yr, a as Y, b as $e, d as pe } from "./presets-Djh_L_6R.js";
|
|
4
4
|
import { o as Sr } from "./omit-B_u6A-HL.js";
|
|
5
|
-
import { C as Qe, c as xr,
|
|
6
|
-
import { W as Ir } from "./index-
|
|
7
|
-
import { u as Dr } from "./useSize-
|
|
8
|
-
import { u as Lr } from "./Compact-
|
|
5
|
+
import { C as Qe, c as xr, g as Ze, o as $r, s as Er, x as Br, y as Hr, e as Ke, _ as ke, a as er, m as ne, M as be, j as Or, f as te, r as Rr, p as Nr, N as Pr, D as jr, B as wr } from "./index-BbTV2Cw5.js";
|
|
6
|
+
import { W as Ir } from "./index-BpZSuIUV.js";
|
|
7
|
+
import { u as Dr } from "./useSize-DSq4r6zy.js";
|
|
8
|
+
import { u as Lr } from "./Compact-Du9689ax.js";
|
|
9
9
|
import "./index-DLdU7Tpd.js";
|
|
10
10
|
import { c as Tr, i as zr } from "./reactNode-sKPeiqPL.js";
|
|
11
11
|
import { P as rr } from "./presetColors-Cl8UP3Nw.js";
|
|
12
12
|
import { R as Ar } from "./LoadingOutlined-C1qu6ymP.js";
|
|
13
|
-
import { u as _r } from "./useMergedState-
|
|
13
|
+
import { u as _r } from "./useMergedState-D6toxSxh.js";
|
|
14
14
|
import { g as Mr } from "./compact-item-DH13cl8A.js";
|
|
15
15
|
var Gr = function(e, r) {
|
|
16
16
|
var t = {};
|
|
@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { Avatar as a } from "./styles.js";
|
|
3
3
|
import "../Badge/styles.js";
|
|
4
4
|
import "../../providers/BreakpointThemeProvider.js";
|
|
5
|
-
import { a as e } from "../../Typography-
|
|
5
|
+
import { a as e } from "../../Typography-CoZ5qD-t.js";
|
|
6
6
|
import "../Breadcrumb/styles.js";
|
|
7
7
|
import "../Button/styles.js";
|
|
8
8
|
import "../Card/styles.js";
|
|
@@ -14,7 +14,7 @@ import "../Layout/Content/styles.js";
|
|
|
14
14
|
import "../Message/styles.js";
|
|
15
15
|
import "../Notification/NotificationBadge/styles.js";
|
|
16
16
|
import "../Notification/styles.js";
|
|
17
|
-
import "../../styles-
|
|
17
|
+
import "../../styles-CWdUpZom.js";
|
|
18
18
|
import "../Progress/styles.js";
|
|
19
19
|
import "../../styles/global-styles.js";
|
|
20
20
|
import "../Row/styles.js";
|
|
@@ -23,7 +23,7 @@ import "../Row/RowActions/styles.js";
|
|
|
23
23
|
import "../SegmentedControls/styles.js";
|
|
24
24
|
import "../Select/styles.js";
|
|
25
25
|
import "../Switch/styles.js";
|
|
26
|
-
import "../../styles-
|
|
26
|
+
import "../../styles-qerRs7Rn.js";
|
|
27
27
|
import "../Tabs/styles.js";
|
|
28
28
|
import "../Tile/styles.js";
|
|
29
29
|
import "../Toast/styles.js";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { d as re } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
2
2
|
import * as n from "react";
|
|
3
3
|
import { e as T } from "../../presets-Djh_L_6R.js";
|
|
4
|
-
import { R as oe } from "../../index-
|
|
5
|
-
import {
|
|
6
|
-
import { r as de } from "../../responsiveObserver-
|
|
7
|
-
import { u as q } from "../../useCSSVarCls-
|
|
8
|
-
import { u as ue } from "../../useSize-
|
|
9
|
-
import { u as
|
|
4
|
+
import { R as oe } from "../../index-BQM5OniU.js";
|
|
5
|
+
import { j as se, m as ae, k as ie, f as ce, t as le, C as D, g as X } from "../../index-BbTV2Cw5.js";
|
|
6
|
+
import { r as de } from "../../responsiveObserver-dCkpy7Cb.js";
|
|
7
|
+
import { u as q } from "../../useCSSVarCls-Dau77fzS.js";
|
|
8
|
+
import { u as ue } from "../../useSize-DSq4r6zy.js";
|
|
9
|
+
import { u as fe } from "../../useBreakpoint-TkMv121M.js";
|
|
10
10
|
import "../../index-DLdU7Tpd.js";
|
|
11
|
-
import { t as
|
|
12
|
-
import { c as
|
|
13
|
-
import { a as ge } from "../../index-
|
|
11
|
+
import { t as me } from "../../toArray-U3Az44CO.js";
|
|
12
|
+
import { c as pe } from "../../reactNode-sKPeiqPL.js";
|
|
13
|
+
import { a as ge } from "../../index-CbVOl2U6.js";
|
|
14
14
|
const B = /* @__PURE__ */ n.createContext({}), ve = (e) => {
|
|
15
15
|
const {
|
|
16
16
|
antCls: r,
|
|
@@ -25,11 +25,11 @@ const B = /* @__PURE__ */ n.createContext({}), ve = (e) => {
|
|
|
25
25
|
textFontSizeLG: x,
|
|
26
26
|
textFontSizeSM: N,
|
|
27
27
|
borderRadius: u,
|
|
28
|
-
borderRadiusLG:
|
|
28
|
+
borderRadiusLG: f,
|
|
29
29
|
borderRadiusSM: O,
|
|
30
30
|
lineWidth: j,
|
|
31
31
|
lineType: R
|
|
32
|
-
} = e, E = (s,
|
|
32
|
+
} = e, E = (s, m, P) => ({
|
|
33
33
|
width: s,
|
|
34
34
|
height: s,
|
|
35
35
|
borderRadius: "50%",
|
|
@@ -37,7 +37,7 @@ const B = /* @__PURE__ */ n.createContext({}), ve = (e) => {
|
|
|
37
37
|
borderRadius: P
|
|
38
38
|
},
|
|
39
39
|
[`&${o}-icon`]: {
|
|
40
|
-
fontSize:
|
|
40
|
+
fontSize: m,
|
|
41
41
|
[`> ${t}`]: {
|
|
42
42
|
margin: 0
|
|
43
43
|
}
|
|
@@ -63,7 +63,7 @@ const B = /* @__PURE__ */ n.createContext({}), ve = (e) => {
|
|
|
63
63
|
display: "block"
|
|
64
64
|
}
|
|
65
65
|
}), E(h, g, u)), {
|
|
66
|
-
"&-lg": Object.assign({}, E(y, x,
|
|
66
|
+
"&-lg": Object.assign({}, E(y, x, f)),
|
|
67
67
|
"&-sm": Object.assign({}, E(v, N, O)),
|
|
68
68
|
"> img": {
|
|
69
69
|
display: "block",
|
|
@@ -141,7 +141,7 @@ const xe = (e, r) => {
|
|
|
141
141
|
const [o, t] = n.useState(1), [i, z] = n.useState(!1), [h, y] = n.useState(!0), v = n.useRef(null), g = n.useRef(null), x = le(r, v), {
|
|
142
142
|
getPrefixCls: N,
|
|
143
143
|
avatar: u
|
|
144
|
-
} = n.useContext(D),
|
|
144
|
+
} = n.useContext(D), f = n.useContext(B), O = () => {
|
|
145
145
|
if (!g.current || !v.current)
|
|
146
146
|
return;
|
|
147
147
|
const c = g.current.offsetWidth, l = v.current.offsetWidth;
|
|
@@ -166,9 +166,9 @@ const xe = (e, r) => {
|
|
|
166
166
|
prefixCls: R,
|
|
167
167
|
shape: E,
|
|
168
168
|
size: s,
|
|
169
|
-
src:
|
|
169
|
+
src: m,
|
|
170
170
|
srcSet: P,
|
|
171
|
-
icon:
|
|
171
|
+
icon: p,
|
|
172
172
|
className: A,
|
|
173
173
|
rootClassName: M,
|
|
174
174
|
alt: V,
|
|
@@ -177,36 +177,36 @@ const xe = (e, r) => {
|
|
|
177
177
|
crossOrigin: $
|
|
178
178
|
} = e, b = ye(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), a = ue((c) => {
|
|
179
179
|
var l, S;
|
|
180
|
-
return (S = (l = s ?? (
|
|
181
|
-
}),
|
|
180
|
+
return (S = (l = s ?? (f == null ? void 0 : f.size)) !== null && l !== void 0 ? l : c) !== null && S !== void 0 ? S : "default";
|
|
181
|
+
}), w = Object.keys(typeof a == "object" ? a || {} : {}).some((c) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(c)), G = fe(w), L = n.useMemo(() => {
|
|
182
182
|
if (typeof a != "object")
|
|
183
183
|
return {};
|
|
184
184
|
const c = de.find((S) => G[S]), l = a[c];
|
|
185
185
|
return l ? {
|
|
186
186
|
width: l,
|
|
187
187
|
height: l,
|
|
188
|
-
fontSize: l && (
|
|
188
|
+
fontSize: l && (p || C) ? l / 2 : 18
|
|
189
189
|
} : {};
|
|
190
190
|
}, [G, a]);
|
|
191
191
|
if (process.env.NODE_ENV !== "production") {
|
|
192
192
|
const c = X("Avatar");
|
|
193
|
-
process.env.NODE_ENV !== "production" && c(!(typeof
|
|
193
|
+
process.env.NODE_ENV !== "production" && c(!(typeof p == "string" && p.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${p}\` at https://ant.design/components/icon`);
|
|
194
194
|
}
|
|
195
195
|
const d = N("avatar", R), I = q(d), [K, Q, Y] = U(d, I), Z = T({
|
|
196
196
|
[`${d}-lg`]: a === "large",
|
|
197
197
|
[`${d}-sm`]: a === "small"
|
|
198
|
-
}), W = /* @__PURE__ */ n.isValidElement(
|
|
199
|
-
[`${d}-image`]: W ||
|
|
200
|
-
[`${d}-icon`]: !!
|
|
198
|
+
}), W = /* @__PURE__ */ n.isValidElement(m), ee = E || (f == null ? void 0 : f.shape) || "circle", te = T(d, Z, u == null ? void 0 : u.className, `${d}-${ee}`, {
|
|
199
|
+
[`${d}-image`]: W || m && h,
|
|
200
|
+
[`${d}-icon`]: !!p
|
|
201
201
|
}, Y, I, A, M, Q), ne = typeof a == "number" ? {
|
|
202
202
|
width: a,
|
|
203
203
|
height: a,
|
|
204
|
-
fontSize:
|
|
204
|
+
fontSize: p ? a / 2 : 18
|
|
205
205
|
} : {};
|
|
206
|
-
let
|
|
207
|
-
if (typeof
|
|
208
|
-
|
|
209
|
-
src:
|
|
206
|
+
let k;
|
|
207
|
+
if (typeof m == "string" && h)
|
|
208
|
+
k = /* @__PURE__ */ n.createElement("img", {
|
|
209
|
+
src: m,
|
|
210
210
|
draggable: _,
|
|
211
211
|
srcSet: P,
|
|
212
212
|
onError: j,
|
|
@@ -214,16 +214,16 @@ const xe = (e, r) => {
|
|
|
214
214
|
crossOrigin: $
|
|
215
215
|
});
|
|
216
216
|
else if (W)
|
|
217
|
-
|
|
218
|
-
else if (
|
|
219
|
-
|
|
217
|
+
k = m;
|
|
218
|
+
else if (p)
|
|
219
|
+
k = p;
|
|
220
220
|
else if (i || o !== 1) {
|
|
221
221
|
const c = `scale(${o})`, l = {
|
|
222
222
|
msTransform: c,
|
|
223
223
|
WebkitTransform: c,
|
|
224
224
|
transform: c
|
|
225
225
|
};
|
|
226
|
-
|
|
226
|
+
k = /* @__PURE__ */ n.createElement(oe, {
|
|
227
227
|
onResize: O
|
|
228
228
|
}, /* @__PURE__ */ n.createElement("span", {
|
|
229
229
|
className: `${d}-string`,
|
|
@@ -231,7 +231,7 @@ const xe = (e, r) => {
|
|
|
231
231
|
style: Object.assign({}, l)
|
|
232
232
|
}, C));
|
|
233
233
|
} else
|
|
234
|
-
|
|
234
|
+
k = /* @__PURE__ */ n.createElement("span", {
|
|
235
235
|
className: `${d}-string`,
|
|
236
236
|
style: {
|
|
237
237
|
opacity: 0
|
|
@@ -242,7 +242,7 @@ const xe = (e, r) => {
|
|
|
242
242
|
style: Object.assign(Object.assign(Object.assign(Object.assign({}, ne), L), u == null ? void 0 : u.style), b.style),
|
|
243
243
|
className: te,
|
|
244
244
|
ref: x
|
|
245
|
-
}),
|
|
245
|
+
}), k));
|
|
246
246
|
}, F = /* @__PURE__ */ n.forwardRef(xe);
|
|
247
247
|
process.env.NODE_ENV !== "production" && (F.displayName = "Avatar");
|
|
248
248
|
const H = (e) => {
|
|
@@ -268,7 +268,7 @@ const H = (e) => {
|
|
|
268
268
|
style: x,
|
|
269
269
|
maxCount: N,
|
|
270
270
|
maxStyle: u,
|
|
271
|
-
size:
|
|
271
|
+
size: f,
|
|
272
272
|
shape: O,
|
|
273
273
|
maxPopoverPlacement: j,
|
|
274
274
|
maxPopoverTrigger: R,
|
|
@@ -279,15 +279,15 @@ const H = (e) => {
|
|
|
279
279
|
const a = X("Avatar.Group");
|
|
280
280
|
a.deprecated(!N, "maxCount", "max={{ count: number }}"), a.deprecated(!u, "maxStyle", "max={{ style: CSSProperties }}"), a.deprecated(!j, "maxPopoverPlacement", "max={{ popover: PopoverProps }}"), a.deprecated(!R, "maxPopoverTrigger", "max={{ popover: PopoverProps }}");
|
|
281
281
|
}
|
|
282
|
-
const
|
|
282
|
+
const m = z("avatar", y), P = `${m}-group`, p = q(m), [A, M, V] = U(m, p), _ = T(P, {
|
|
283
283
|
[`${P}-rtl`]: h === "rtl"
|
|
284
|
-
}, V,
|
|
284
|
+
}, V, p, v, g, M), C = me(E).map((a, w) => pe(a, {
|
|
285
285
|
// eslint-disable-next-line react/no-array-index-key
|
|
286
|
-
key: `avatar-key-${
|
|
286
|
+
key: `avatar-key-${w}`
|
|
287
287
|
})), $ = (s == null ? void 0 : s.count) || N, b = C.length;
|
|
288
288
|
if ($ && $ < b) {
|
|
289
|
-
const a = C.slice(0, $),
|
|
290
|
-
content:
|
|
289
|
+
const a = C.slice(0, $), w = C.slice($, b), G = (s == null ? void 0 : s.style) || u, L = ((r = s == null ? void 0 : s.popover) === null || r === void 0 ? void 0 : r.trigger) || R || "hover", d = ((o = s == null ? void 0 : s.popover) === null || o === void 0 ? void 0 : o.placement) || j || "top", I = Object.assign(Object.assign({
|
|
290
|
+
content: w
|
|
291
291
|
}, s == null ? void 0 : s.popover), {
|
|
292
292
|
classNames: {
|
|
293
293
|
root: T(`${P}-popover`, (i = (t = s == null ? void 0 : s.popover) === null || t === void 0 ? void 0 : t.classNames) === null || i === void 0 ? void 0 : i.root)
|
|
@@ -302,7 +302,7 @@ const H = (e) => {
|
|
|
302
302
|
style: G
|
|
303
303
|
}, `+${b - $}`))), A(/* @__PURE__ */ n.createElement(H, {
|
|
304
304
|
shape: O,
|
|
305
|
-
size:
|
|
305
|
+
size: f
|
|
306
306
|
}, /* @__PURE__ */ n.createElement("div", {
|
|
307
307
|
className: _,
|
|
308
308
|
style: x
|
|
@@ -310,7 +310,7 @@ const H = (e) => {
|
|
|
310
310
|
}
|
|
311
311
|
return A(/* @__PURE__ */ n.createElement(H, {
|
|
312
312
|
shape: O,
|
|
313
|
-
size:
|
|
313
|
+
size: f
|
|
314
314
|
}, /* @__PURE__ */ n.createElement("div", {
|
|
315
315
|
className: _,
|
|
316
316
|
style: x
|
|
@@ -3,7 +3,7 @@ import { Badge as e } from "./styles.js";
|
|
|
3
3
|
import "../Avatar/styles.js";
|
|
4
4
|
import "../Breadcrumb/styles.js";
|
|
5
5
|
import "../../providers/BreakpointThemeProvider.js";
|
|
6
|
-
import { u as a, a as d } from "../../Typography-
|
|
6
|
+
import { u as a, a as d } from "../../Typography-CoZ5qD-t.js";
|
|
7
7
|
import "../Button/styles.js";
|
|
8
8
|
import "../Card/styles.js";
|
|
9
9
|
import "../Checkbox/styles.js";
|
|
@@ -15,7 +15,7 @@ import "../Message/styles.js";
|
|
|
15
15
|
import "../Notification/NotificationBadge/styles.js";
|
|
16
16
|
import { getBadgeStateIcon as s } from "../../utils/icon-util.js";
|
|
17
17
|
import "../Notification/styles.js";
|
|
18
|
-
import "../../styles-
|
|
18
|
+
import "../../styles-CWdUpZom.js";
|
|
19
19
|
import "../Progress/styles.js";
|
|
20
20
|
import "../../styles/global-styles.js";
|
|
21
21
|
import "../Row/styles.js";
|
|
@@ -24,7 +24,7 @@ import "../Row/RowActions/styles.js";
|
|
|
24
24
|
import "../SegmentedControls/styles.js";
|
|
25
25
|
import "../Select/styles.js";
|
|
26
26
|
import "../Switch/styles.js";
|
|
27
|
-
import "../../styles-
|
|
27
|
+
import "../../styles-qerRs7Rn.js";
|
|
28
28
|
import "../Tabs/styles.js";
|
|
29
29
|
import "../Tile/styles.js";
|
|
30
30
|
import "../Toast/styles.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { BreadcrumbWrapper as s, Breadcrumb as i } from "./styles.js";
|
|
3
3
|
import "../../providers/BreakpointThemeProvider.js";
|
|
4
|
-
import { u as m } from "../../Typography-
|
|
4
|
+
import { u as m } from "../../Typography-CoZ5qD-t.js";
|
|
5
5
|
const c = ({ items: e, isDisabled: a = !1 }) => {
|
|
6
6
|
const { breakpoint: o } = m();
|
|
7
7
|
return /* @__PURE__ */ r(s, { $isDisabled: a, children: /* @__PURE__ */ r(i, { items: e, breakpoint: o, role: "navigation" }) });
|
|
@@ -2,12 +2,12 @@ import { d as L } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
|
2
2
|
import * as o from "react";
|
|
3
3
|
import { useMemo as ne } from "react";
|
|
4
4
|
import { e as D } from "../../presets-Djh_L_6R.js";
|
|
5
|
-
import { t as T } from "../../toArray-
|
|
5
|
+
import { t as T } from "../../toArray-U3Az44CO.js";
|
|
6
6
|
import { p as U } from "../../pickAttrs-CleuMJFR.js";
|
|
7
7
|
import { c as ae } from "../../reactNode-sKPeiqPL.js";
|
|
8
|
-
import { C as X,
|
|
9
|
-
import { R as ce } from "../../DownOutlined-
|
|
10
|
-
import { D as de } from "../../dropdown-
|
|
8
|
+
import { C as X, g as F, j as oe, m as ie, k as se, f as H, p as le } from "../../index-BbTV2Cw5.js";
|
|
9
|
+
import { R as ce } from "../../DownOutlined-Dcq69ZKM.js";
|
|
10
|
+
import { D as de } from "../../dropdown-Dp_PTQ2u.js";
|
|
11
11
|
import "../../index-DLdU7Tpd.js";
|
|
12
12
|
const x = (e) => {
|
|
13
13
|
let {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { d as l } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
2
|
-
import { B as g } from "../../button-
|
|
2
|
+
import { B as g } from "../../button-BwqpCxVM.js";
|
|
3
3
|
const s = (o, d, n) => n === "small" ? `${o.utilityButton.padding.horPadding}px ${o.utilityButton.padding.verPadding}px` : d ? `${o.button.padding.verPadding}px` : `${o.button.padding.verPadding}px ${o.button.padding.horPadding}px`, c = ({ colors: o, sizing: d, borderRadius: n, components: a }, r, i, t, u, b) => `
|
|
4
4
|
&.ant-btn {
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { d as t } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
2
|
-
import { C as a } from "../../index-
|
|
2
|
+
import { C as a } from "../../index-DEu2PVzQ.js";
|
|
3
3
|
const o = ({ colors: r, borderRadius: s, sizing: e }, i = "primary", d = "active") => `
|
|
4
4
|
.class-name-here {
|
|
5
5
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { StyledCheckbox as p } from "./styles.js";
|
|
3
3
|
import "../../providers/BreakpointThemeProvider.js";
|
|
4
|
-
import { u as d, a as e } from "../../Typography-
|
|
4
|
+
import { u as d, a as e } from "../../Typography-CoZ5qD-t.js";
|
|
5
5
|
import { TYPE as a } from "../../constants/index.js";
|
|
6
6
|
import "../Avatar/styles.js";
|
|
7
7
|
import "../Badge/styles.js";
|
|
@@ -15,7 +15,7 @@ import "../Layout/Content/styles.js";
|
|
|
15
15
|
import "../Message/styles.js";
|
|
16
16
|
import "../Notification/NotificationBadge/styles.js";
|
|
17
17
|
import "../Notification/styles.js";
|
|
18
|
-
import "../../styles-
|
|
18
|
+
import "../../styles-CWdUpZom.js";
|
|
19
19
|
import "../Progress/styles.js";
|
|
20
20
|
import "../../styles/global-styles.js";
|
|
21
21
|
import "../Row/styles.js";
|
|
@@ -24,7 +24,7 @@ import "../Row/RowActions/styles.js";
|
|
|
24
24
|
import "../SegmentedControls/styles.js";
|
|
25
25
|
import "../Select/styles.js";
|
|
26
26
|
import "../Switch/styles.js";
|
|
27
|
-
import "../../styles-
|
|
27
|
+
import "../../styles-qerRs7Rn.js";
|
|
28
28
|
import "../Tabs/styles.js";
|
|
29
29
|
import "../Tile/styles.js";
|
|
30
30
|
import "../Toast/styles.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, i as o, a as t, s, g as r } from "../../../setup-
|
|
2
|
+
import { d as a, i as o, a as t, s, g as r } from "../../../setup-CUbCc8fQ.js";
|
|
3
3
|
import d from "../Checkbox.js";
|
|
4
4
|
a("Checkbox", () => {
|
|
5
5
|
o("renders checkbox component", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { d as n } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
2
|
-
import { C as a } from "../../index-
|
|
2
|
+
import { C as a } from "../../index-BPVue1Yd.js";
|
|
3
3
|
const b = ({ colors: o, borderRadius: c }, e = "primary", r = "active") => `
|
|
4
4
|
.ant-checkbox-inner {
|
|
5
5
|
background-color: #FFFFFF;
|
|
@@ -4,7 +4,7 @@ import h, { PureComponent as Ce, useState as De } from "react";
|
|
|
4
4
|
import "../../Avatar/styles.js";
|
|
5
5
|
import "../../Badge/styles.js";
|
|
6
6
|
import "../../../providers/BreakpointThemeProvider.js";
|
|
7
|
-
import { u as Pe, a as I } from "../../../Typography-
|
|
7
|
+
import { u as Pe, a as I } from "../../../Typography-CoZ5qD-t.js";
|
|
8
8
|
import { BREAKPOINTS as Ne } from "../../../constants/index.js";
|
|
9
9
|
import "../../Breadcrumb/styles.js";
|
|
10
10
|
import "../../Button/styles.js";
|
|
@@ -16,7 +16,7 @@ import "../../Layout/Content/styles.js";
|
|
|
16
16
|
import "../../Message/styles.js";
|
|
17
17
|
import "../../Notification/NotificationBadge/styles.js";
|
|
18
18
|
import "../../Notification/styles.js";
|
|
19
|
-
import "../../../styles-
|
|
19
|
+
import "../../../styles-CWdUpZom.js";
|
|
20
20
|
import "../../Progress/styles.js";
|
|
21
21
|
import "../../../styles/global-styles.js";
|
|
22
22
|
import je from "../../Radio/RadioGroup.js";
|
|
@@ -26,25 +26,25 @@ import "../../Row/RowActions/styles.js";
|
|
|
26
26
|
import "../../SegmentedControls/styles.js";
|
|
27
27
|
import "../../Select/styles.js";
|
|
28
28
|
import "../../Switch/styles.js";
|
|
29
|
-
import { S as ie, F as Te } from "../../../styles-
|
|
29
|
+
import { S as ie, F as Te } from "../../../styles-qerRs7Rn.js";
|
|
30
30
|
import "../../Tabs/styles.js";
|
|
31
31
|
import "../../Tile/styles.js";
|
|
32
32
|
import "../../Toast/styles.js";
|
|
33
33
|
import "../../Tooltip/styles.js";
|
|
34
34
|
import { columns as ke, deliveryData as J } from "../__mocks__/dashboard-data.js";
|
|
35
|
-
import { R as _e, C as Q } from "../../../styles-
|
|
36
|
-
import { a as Ie } from "../../../useBreakpoint-
|
|
35
|
+
import { R as _e, C as Q } from "../../../styles-D1vKDy9V.js";
|
|
36
|
+
import { a as Ie } from "../../../useBreakpoint-TkMv121M.js";
|
|
37
37
|
import { c as Le } from "../../../reactNode-sKPeiqPL.js";
|
|
38
38
|
import { d as ve, e as Re } from "../../../presets-Djh_L_6R.js";
|
|
39
39
|
import { p as $e } from "../../../pickAttrs-CleuMJFR.js";
|
|
40
|
-
import {
|
|
41
|
-
import { S as Fe } from "../../../Skeleton-
|
|
40
|
+
import { j as Ve, m as Me, k as Be, C as ze } from "../../../index-BbTV2Cw5.js";
|
|
41
|
+
import { S as Fe } from "../../../Skeleton-BVN4pcVe.js";
|
|
42
42
|
import "../../../index-DLdU7Tpd.js";
|
|
43
43
|
import { I as he } from "../../../AntdIcon-nCNB0J1E.js";
|
|
44
44
|
import { G as Ke, n as B, g as oe, a as se, D as We, u as Ge, b as V, L as K, o as X, C as Z, A as He, c as M, i as le, p as Xe, d as ce, h as Ue, e as Ye, j as ye, B as ee, X as U, Y, k as ge, l as ue, T as pe, m as de } from "../../../generateCategoricalChart-7ceYaiZ2.js";
|
|
45
45
|
import { c as be } from "../../../clsx-OuTLNxxd.js";
|
|
46
46
|
import { i as te } from "../../../_baseIsEqual-L0-w1QRI.js";
|
|
47
|
-
import { L as qe } from "../../../index-
|
|
47
|
+
import { L as qe } from "../../../index-BvOLXELm.js";
|
|
48
48
|
var Je = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z" } }] }, name: "arrow-down", theme: "outlined" }, Qe = function(r, n) {
|
|
49
49
|
return /* @__PURE__ */ b.createElement(he, ve({}, r, {
|
|
50
50
|
ref: n,
|
|
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as e } from "react/jsx-runtime";
|
|
|
2
2
|
import "../../Avatar/styles.js";
|
|
3
3
|
import "../../Badge/styles.js";
|
|
4
4
|
import "../../../providers/BreakpointThemeProvider.js";
|
|
5
|
-
import { u as p, a as i } from "../../../Typography-
|
|
5
|
+
import { u as p, a as i } from "../../../Typography-CoZ5qD-t.js";
|
|
6
6
|
import { BREAKPOINTS as n } from "../../../constants/index.js";
|
|
7
7
|
import "../../Breadcrumb/styles.js";
|
|
8
8
|
import "../../Button/styles.js";
|
|
@@ -15,7 +15,7 @@ import "../../Layout/Content/styles.js";
|
|
|
15
15
|
import "../../Message/styles.js";
|
|
16
16
|
import "../../Notification/NotificationBadge/styles.js";
|
|
17
17
|
import "../../Notification/styles.js";
|
|
18
|
-
import "../../../styles-
|
|
18
|
+
import "../../../styles-CWdUpZom.js";
|
|
19
19
|
import "../../Progress/styles.js";
|
|
20
20
|
import "../../../styles/global-styles.js";
|
|
21
21
|
import "../../Row/styles.js";
|
|
@@ -24,12 +24,12 @@ import "../../Row/RowActions/styles.js";
|
|
|
24
24
|
import "../../SegmentedControls/styles.js";
|
|
25
25
|
import "../../Select/styles.js";
|
|
26
26
|
import "../../Switch/styles.js";
|
|
27
|
-
import { S as t } from "../../../styles-
|
|
27
|
+
import { S as t } from "../../../styles-qerRs7Rn.js";
|
|
28
28
|
import "../../Tabs/styles.js";
|
|
29
29
|
import "../../Tile/styles.js";
|
|
30
30
|
import "../../Toast/styles.js";
|
|
31
31
|
import "../../Tooltip/styles.js";
|
|
32
|
-
import { L as d } from "../../../index-
|
|
32
|
+
import { L as d } from "../../../index-BvOLXELm.js";
|
|
33
33
|
const { Header: o, Content: q } = d, z = () => {
|
|
34
34
|
const { breakpoint: a } = p();
|
|
35
35
|
return a === n.narrow ? /* @__PURE__ */ r(
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as DatePicker } from '../';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof DatePicker>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof DatePicker>;
|
|
7
|
+
export declare const Date: Story;
|
|
8
|
+
export declare const SetDate: Story;
|
|
9
|
+
export declare const DateTime: Story;
|
|
10
|
+
export declare const Time: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { a as i } from "../../../setup-CUbCc8fQ.js";
|
|
3
|
+
import { d as a } from "../../../index-BeGv28kJ.js";
|
|
4
|
+
import n from "../DatePicker.js";
|
|
5
|
+
describe("<DatePicker />", () => {
|
|
6
|
+
let e;
|
|
7
|
+
beforeEach(() => {
|
|
8
|
+
e = {
|
|
9
|
+
value: a("2023-01-01"),
|
|
10
|
+
// Convert to dayjs object
|
|
11
|
+
onChange: vi.fn()
|
|
12
|
+
};
|
|
13
|
+
});
|
|
14
|
+
const o = () => i(/* @__PURE__ */ r(n, { ...e }));
|
|
15
|
+
it("should render with the initial value", () => {
|
|
16
|
+
const { getByDisplayValue: t } = o();
|
|
17
|
+
expect(t("2023-01-01")).toBeInTheDocument();
|
|
18
|
+
});
|
|
19
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as DateRangePicker } from '../DateRangePicker';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof DateRangePicker>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof DateRangePicker>;
|
|
7
|
+
export declare const DateRange: Story;
|
|
8
|
+
export declare const DateTimeRange: Story;
|
|
9
|
+
export declare const SetDateRange: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|