@gobolt/genesis 0.0.8 → 0.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/README.md +10 -0
- package/dist/{AntdIcon-c395a1c4.js → AntdIcon-BoLh1dP8.js} +66 -68
- package/dist/CheckOutlined-CeTKr6II.js +13 -0
- package/dist/{CloseCircleFilled-ddc51e7e.js → CloseCircleFilled-DXCxlIQL.js} +8 -11
- package/dist/{CloseOutlined-14b8bba1.js → CloseOutlined-ClXDNn82.js} +9 -12
- package/dist/{Compact-c39ed20d.js → Compact-CGY560JF.js} +63 -65
- package/dist/ContextIsolator-D5x2Ih51.js +20 -0
- package/dist/{ExclamationCircleFilled-23ef9812.js → ExclamationCircleFilled-C0Kj5KQV.js} +16 -22
- package/dist/KeyCode-DM2sFh3-.js +517 -0
- package/dist/LoadingOutlined-8EnJdZ7I.js +13 -0
- package/dist/{Overflow-a570fa69.js → Overflow-PBZD-PFm.js} +63 -64
- package/dist/{DownOutlined-64a4732a.js → PurePanel-BqPLRtc2.js} +67 -70
- package/dist/{SearchOutlined-a9014e08.js → SearchOutlined-BP3Z2K6j.js} +8 -11
- package/dist/{TextArea-20825221.js → TextArea-DKwCct3i.js} +583 -588
- package/dist/Typography-aGoDUl4R.js +710 -0
- package/dist/bundle.css +1204 -0
- package/dist/{button-fa1c119c.js → button-CDQgO1OK.js} +274 -278
- package/dist/{collapse-345bc884.js → collapse-Dtpt-6W_.js} +2 -2
- package/dist/compact-item-DH13cl8A.js +61 -0
- package/dist/components/Badge/Badge.d.ts +2 -2
- package/dist/components/Badge/Badge.js +63 -62
- package/dist/components/Badge/__tests__/Badge.test.js +11 -65
- package/dist/components/Badge/index.js +2 -21
- package/dist/components/Badge/styles.js +7 -8
- package/dist/components/Breadcrumb/Breadcrumb.js +8 -24
- package/dist/components/Breadcrumb/Breadcrumb.types.d.ts +21 -7
- package/dist/components/Breadcrumb/__tests__/Breadcrumb.test.js +13 -60
- package/dist/components/Breadcrumb/index.js +2 -25
- package/dist/components/Breadcrumb/styles.d.ts +10 -6
- package/dist/components/Breadcrumb/styles.js +787 -808
- package/dist/components/Button/Button.d.ts +6 -4
- package/dist/components/Button/Button.js +20 -40
- package/dist/components/Button/__tests__/Button.test.js +9 -54
- package/dist/components/Button/index.js +2 -20
- package/dist/components/Button/styles.d.ts +9 -5
- package/dist/components/Button/styles.js +19 -30
- package/dist/components/Checkbox/Checkbox.js +8 -38
- package/dist/components/Checkbox/__tests__/Checkbox.test.js +16 -62
- package/dist/components/Checkbox/index.js +2 -47
- package/dist/components/Checkbox/styles.d.ts +8 -1
- package/dist/components/Checkbox/styles.js +181 -188
- package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.d.ts +2 -4
- package/dist/components/ErrorBoundaryFallback/ErrorBoundaryFallback.js +19 -51
- package/dist/components/ErrorBoundaryFallback/index.d.ts +1 -0
- package/dist/components/ErrorBoundaryFallback/index.js +2 -49
- package/dist/components/ErrorBoundaryFallback/styles.d.ts +1 -3
- package/dist/components/ErrorBoundaryFallback/styles.js +34 -37
- package/dist/components/Form/Form.d.ts +18 -5
- package/dist/components/Form/Form.js +4 -45
- package/dist/components/Form/__stories__/FormStory.js +44 -81
- package/dist/components/Form/__tests__/form.test.d.ts +1 -0
- package/dist/components/Form/__tests__/form.test.js +18 -0
- package/dist/components/Form/index.js +2 -46
- package/dist/components/Form/styles.d.ts +3 -0
- package/dist/components/Form/styles.js +5 -0
- package/dist/components/Input/Input.js +6 -29
- package/dist/components/Input/__tests__/Input.test.js +21 -66
- package/dist/components/Input/index.js +2 -29
- package/dist/components/Input/styles.d.ts +5 -2
- package/dist/components/Input/styles.js +319 -332
- package/dist/components/Message/Message.d.ts +4 -4
- package/dist/components/Message/Message.js +53 -80
- package/dist/components/Message/__tests__/Message.test.js +24 -70
- package/dist/components/Message/index.js +2 -48
- package/dist/components/Message/styles.d.ts +4 -1
- package/dist/components/Message/styles.js +24 -18
- package/dist/components/Notification/Notification.d.ts +11 -10
- package/dist/components/Notification/Notification.js +306 -372
- package/dist/components/Notification/NotificationRightChevron.d.ts +2 -0
- package/dist/components/Notification/NotificationRightChevron.js +23 -0
- package/dist/components/Notification/__tests__/Notification.test.js +8 -69
- package/dist/components/Notification/index.js +2 -59
- package/dist/components/Notification/styles.d.ts +13 -3
- package/dist/components/Notification/styles.js +36 -20
- package/dist/components/Radio/Radio.js +20 -106
- package/dist/components/Radio/RadioGroup.js +18 -71
- package/dist/components/Radio/__stories__/RadioGroup.stories.d.ts +1 -1
- package/dist/components/Radio/__tests__/RadioGroup.test.js +15 -70
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/Radio/index.js +2 -56
- package/dist/components/Select/DropdownChevron.d.ts +2 -0
- package/dist/components/Select/DropdownChevron.js +23 -0
- package/dist/components/Select/Select.d.ts +9 -4
- package/dist/components/Select/Select.js +29 -41
- package/dist/components/Select/__tests__/Select.test.js +10752 -93
- package/dist/components/Select/index.js +2 -28
- package/dist/components/Select/styles.d.ts +20 -6
- package/dist/components/Select/styles.js +1381 -1370
- package/dist/components/Toast/Toast.d.ts +4 -4
- package/dist/components/Toast/Toast.js +8 -37
- package/dist/components/Toast/__stories__/Toast.stories.d.ts +1 -0
- package/dist/components/Toast/__tests__/Toast.test.js +10 -55
- package/dist/components/Toast/index.js +2 -46
- package/dist/components/Toast/styles.d.ts +6 -1
- package/dist/components/Toast/styles.js +36 -21
- package/dist/components/Typography/Typography.d.ts +7 -4
- package/dist/components/Typography/Typography.js +2 -42
- package/dist/components/Typography/__stories__/Typography.stories.d.ts +1 -0
- package/dist/components/Typography/__tests__/Typography.test.js +19 -56
- package/dist/components/Typography/index.js +2 -46
- package/dist/components/Typography/styles.d.ts +18 -4
- package/dist/components/Typography/styles.js +36 -43
- package/dist/components/index.d.ts +13 -5
- package/dist/components/index.js +24 -70
- package/dist/{context-3b8a39af.js → context-BMW3aJEf.js} +538 -548
- package/dist/genesis/GenesisThemeBreakdown.js +38 -55
- package/dist/genesis/GenesisThemeDemo.js +3 -53
- package/dist/genesis/styles.d.ts +6 -2
- package/dist/genesis/styles.js +496 -521
- package/dist/{index-e2b72ca8.js → index-1CBpubM3.js} +97 -102
- package/dist/index-BZAhCB_K.js +97 -0
- package/dist/{index-501fc13d.js → index-C0SmxWLS.js} +367 -392
- package/dist/index-C8haFnXI.js +1112 -0
- package/dist/index-CfDY25LP.js +873 -0
- package/dist/index-DPW8XdWj.js +952 -0
- package/dist/{index-8c8d2d0c.js → index-bKlRxQp4.js} +114 -114
- package/dist/index-oK7z6jnz.js +22795 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +31 -77
- package/dist/{isVisible-729780f5.js → isVisible-A-IfeFoT.js} +67 -94
- package/dist/{magic-string.es-b7491176.js → magic-string.es-D2FWSwU3.js} +56 -103
- package/dist/{pickAttrs-00ba4687.js → pickAttrs-B0YTfcV1.js} +1 -1
- package/dist/providers/GenesisProvider.d.ts +0 -5
- package/dist/providers/GenesisProvider.js +9 -59
- package/dist/providers/ThemeProvider.d.ts +1 -2
- package/dist/providers/ThemeProvider.js +11 -13
- package/dist/providers/ToastProvider.d.ts +11 -4
- package/dist/providers/ToastProvider.js +10 -39
- package/dist/providers/index.d.ts +2 -3
- package/dist/providers/index.js +4 -51
- package/dist/providers/useGenesis.d.ts +7 -0
- package/dist/providers/useGenesis.js +6 -0
- package/dist/setup-BvfREoHl.js +33891 -0
- package/dist/{styled-components.browser.esm-02f500bc.js → styled-components.browser.esm-CZ1XM4o4.js} +72 -134
- package/dist/styles/design-tokens/border-tokens/BorderTokenList.js +15 -45
- package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js +15 -45
- package/dist/styles/design-tokens/{typography → typography-tokens}/TypographyTokens.stories.d.ts +1 -0
- package/dist/styles/design-tokens/variables.d.ts +10 -10
- package/dist/styles/design-tokens/variables.js +1 -1
- package/dist/styles/global-styles.d.ts +1 -0
- package/dist/styles/global-styles.js +14 -31
- package/dist/styles/theme/genesis-theme.js +257 -212
- package/dist/styles/theme/genesis-theme.types.d.ts +46 -0
- package/dist/styles/theme/index.js +4 -5
- package/dist/styles-CT_fyXBd.js +1808 -0
- package/dist/test/setup.js +3 -46
- package/dist/useLocale-DT-z_vQ6.js +16 -0
- package/dist/useVariants-DvhXfgJY.js +30 -0
- package/dist/utils/isAllEnglishString.js +1 -2
- package/dist/{presets-83ccb923.js → warning-C63HNL9U.js} +358 -356
- package/package.json +35 -35
- package/dist/CheckOutlined-52d9ac25.js +0 -29
- package/dist/ContextIsolator-b09b2c52.js +0 -20
- package/dist/EllipsisOutlined-60122660.js +0 -1115
- package/dist/InfoCircleFilled-c5f90c20.js +0 -16
- package/dist/RightOutlined-83515eb4.js +0 -16
- package/dist/compact-item-b8f85aa6.js +0 -75
- package/dist/index-0a886e53.js +0 -100
- package/dist/index-0b9ee239.js +0 -955
- package/dist/index-1a33c134.js +0 -1389
- package/dist/index-4003d75b.js +0 -3748
- package/dist/index-89035ea5.js +0 -3242
- package/dist/providers/ToastWrapper.d.ts +0 -7
- package/dist/providers/ToastWrapper.js +0 -56
- package/dist/setup-aaca7b6f.js +0 -21158
- package/dist/styles/theme/global-styles.d.ts +0 -1
- package/dist/styles/theme/global-styles.js +0 -36
- package/dist/useVariants-a0d64298.js +0 -30
- /package/dist/{presetColors-ccf8cb4c.js → presetColors-Cl8UP3Nw.js} +0 -0
- /package/dist/{reactNode-f4391605.js → reactNode-sKPeiqPL.js} +0 -0
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
function m(e, t, i) {
|
|
2
|
+
const {
|
|
3
|
+
focusElCls: n,
|
|
4
|
+
focus: o,
|
|
5
|
+
borderElCls: c
|
|
6
|
+
} = i, s = c ? "> *" : "", r = ["hover", o ? "focus" : null, "active"].filter(Boolean).map((a) => `&:${a} ${s}`).join(",");
|
|
7
|
+
return {
|
|
8
|
+
[`&-item:not(${t}-last-item)`]: {
|
|
9
|
+
marginInlineEnd: e.calc(e.lineWidth).mul(-1).equal()
|
|
10
|
+
},
|
|
11
|
+
"&-item": Object.assign(Object.assign({
|
|
12
|
+
[r]: {
|
|
13
|
+
zIndex: 2
|
|
14
|
+
}
|
|
15
|
+
}, n ? {
|
|
16
|
+
[`&${n}`]: {
|
|
17
|
+
zIndex: 2
|
|
18
|
+
}
|
|
19
|
+
} : {}), {
|
|
20
|
+
[`&[disabled] ${s}`]: {
|
|
21
|
+
zIndex: 0
|
|
22
|
+
}
|
|
23
|
+
})
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
function d(e, t, i) {
|
|
27
|
+
const {
|
|
28
|
+
borderElCls: n
|
|
29
|
+
} = i, o = n ? `> ${n}` : "";
|
|
30
|
+
return {
|
|
31
|
+
[`&-item:not(${t}-first-item):not(${t}-last-item) ${o}`]: {
|
|
32
|
+
borderRadius: 0
|
|
33
|
+
},
|
|
34
|
+
[`&-item:not(${t}-last-item)${t}-first-item`]: {
|
|
35
|
+
[`& ${o}, &${e}-sm ${o}, &${e}-lg ${o}`]: {
|
|
36
|
+
borderStartEndRadius: 0,
|
|
37
|
+
borderEndEndRadius: 0
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
[`&-item:not(${t}-first-item)${t}-last-item`]: {
|
|
41
|
+
[`& ${o}, &${e}-sm ${o}, &${e}-lg ${o}`]: {
|
|
42
|
+
borderStartStartRadius: 0,
|
|
43
|
+
borderEndStartRadius: 0
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
function u(e) {
|
|
49
|
+
let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
50
|
+
focus: !0
|
|
51
|
+
};
|
|
52
|
+
const {
|
|
53
|
+
componentCls: i
|
|
54
|
+
} = e, n = `${i}-compact`;
|
|
55
|
+
return {
|
|
56
|
+
[n]: Object.assign(Object.assign({}, m(e, n, t)), d(i, n, t))
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
export {
|
|
60
|
+
u as g
|
|
61
|
+
};
|
|
@@ -1,43 +1,44 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import { jsx as r, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import g from "./icons/Appointment.js";
|
|
3
|
+
import v from "./icons/ASN.js";
|
|
4
|
+
import C from "./icons/Inventory.js";
|
|
5
|
+
import h from "./icons/Parcel.js";
|
|
6
6
|
import S from "./icons/Product.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import I from "./icons/Route.js";
|
|
8
|
+
import z from "./icons/Shipment.js";
|
|
9
9
|
import y from "./icons/ShoppingCart.js";
|
|
10
10
|
import B from "./icons/System.js";
|
|
11
|
-
import { BADGE as
|
|
12
|
-
import { n as
|
|
13
|
-
import { BadgeWrapper as
|
|
14
|
-
import {
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return /* @__PURE__ */ i.createElement(u, l({}, e, {
|
|
24
|
-
ref: n,
|
|
25
|
-
icon: R
|
|
11
|
+
import { BADGE as n, STATE as t } from "../../constants/index.js";
|
|
12
|
+
import { n as F } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
13
|
+
import { BadgeWrapper as R, Badge as w, BadgeState as E } from "./styles.js";
|
|
14
|
+
import { a as i } from "../../warning-C63HNL9U.js";
|
|
15
|
+
import * as c from "react";
|
|
16
|
+
import { I as l } from "../../AntdIcon-BoLh1dP8.js";
|
|
17
|
+
import { R as $, a as N } from "../../ExclamationCircleFilled-C0Kj5KQV.js";
|
|
18
|
+
import { R as x } from "../../CloseCircleFilled-DXCxlIQL.js";
|
|
19
|
+
var M = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm176.5 585.7l-28.6 39a7.99 7.99 0 01-11.2 1.7L483.3 569.8a7.92 7.92 0 01-3.3-6.5V288c0-4.4 3.6-8 8-8h48.1c4.4 0 8 3.6 8 8v247.5l142.6 103.1c3.6 2.5 4.4 7.5 1.8 11.1z" } }] }, name: "clock-circle", theme: "filled" }, k = function(e, a) {
|
|
20
|
+
return /* @__PURE__ */ c.createElement(l, i({}, e, {
|
|
21
|
+
ref: a,
|
|
22
|
+
icon: M
|
|
26
23
|
}));
|
|
27
|
-
},
|
|
28
|
-
process.env.NODE_ENV !== "production" && (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var _ = function(e, n) {
|
|
33
|
-
return /* @__PURE__ */ i.createElement(u, l({}, e, {
|
|
34
|
-
ref: n,
|
|
24
|
+
}, u = /* @__PURE__ */ c.forwardRef(k);
|
|
25
|
+
process.env.NODE_ENV !== "production" && (u.displayName = "ClockCircleFilled");
|
|
26
|
+
var V = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "info-circle", theme: "filled" }, b = function(e, a) {
|
|
27
|
+
return /* @__PURE__ */ c.createElement(l, i({}, e, {
|
|
28
|
+
ref: a,
|
|
35
29
|
icon: V
|
|
36
30
|
}));
|
|
37
|
-
},
|
|
31
|
+
}, m = /* @__PURE__ */ c.forwardRef(b);
|
|
32
|
+
process.env.NODE_ENV !== "production" && (m.displayName = "InfoCircleFilled");
|
|
33
|
+
var D = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h368c4.4 0 8 3.6 8 8v48z" } }] }, name: "minus-circle", theme: "filled" }, _ = function(e, a) {
|
|
34
|
+
return /* @__PURE__ */ c.createElement(l, i({}, e, {
|
|
35
|
+
ref: a,
|
|
36
|
+
icon: D
|
|
37
|
+
}));
|
|
38
|
+
}, d = /* @__PURE__ */ c.forwardRef(_);
|
|
38
39
|
process.env.NODE_ENV !== "production" && (d.displayName = "MinusCircleFilled");
|
|
39
|
-
const
|
|
40
|
-
switch (
|
|
40
|
+
const s = 14, A = (o, e) => {
|
|
41
|
+
switch (o) {
|
|
41
42
|
case t.error:
|
|
42
43
|
return e.colors.status.error.onsurface;
|
|
43
44
|
case t.success:
|
|
@@ -52,51 +53,51 @@ const j = d, c = 14, O = (s, e) => {
|
|
|
52
53
|
default:
|
|
53
54
|
return e.colors.status.info.onsurface;
|
|
54
55
|
}
|
|
55
|
-
},
|
|
56
|
-
switch (
|
|
56
|
+
}, O = (o, e) => {
|
|
57
|
+
switch (o) {
|
|
57
58
|
case t.warning:
|
|
58
|
-
return /* @__PURE__ */ r(
|
|
59
|
+
return /* @__PURE__ */ r(N, { style: { color: e, fontSize: s } });
|
|
59
60
|
case t.error:
|
|
60
|
-
return /* @__PURE__ */ r(
|
|
61
|
+
return /* @__PURE__ */ r(x, { style: { color: e, fontSize: s } });
|
|
61
62
|
case t.success:
|
|
62
|
-
return /* @__PURE__ */ r(
|
|
63
|
+
return /* @__PURE__ */ r($, { style: { color: e, fontSize: s } });
|
|
63
64
|
case t.progress:
|
|
64
|
-
return /* @__PURE__ */ r(
|
|
65
|
+
return /* @__PURE__ */ r(u, { style: { color: e, fontSize: s } });
|
|
65
66
|
case t.removed:
|
|
66
|
-
return /* @__PURE__ */ r(
|
|
67
|
+
return /* @__PURE__ */ r(d, { style: { color: e, fontSize: s } });
|
|
67
68
|
case t.info:
|
|
68
69
|
default:
|
|
69
|
-
return /* @__PURE__ */ r(
|
|
70
|
+
return /* @__PURE__ */ r(m, { style: { color: e, fontSize: s } });
|
|
70
71
|
}
|
|
71
|
-
},
|
|
72
|
-
switch (
|
|
73
|
-
case
|
|
74
|
-
return /* @__PURE__ */ r(p, {});
|
|
75
|
-
case o.asn:
|
|
76
|
-
return /* @__PURE__ */ r(C, {});
|
|
77
|
-
case o.inventory:
|
|
72
|
+
}, j = (o) => {
|
|
73
|
+
switch (o) {
|
|
74
|
+
case n.appointment:
|
|
78
75
|
return /* @__PURE__ */ r(g, {});
|
|
79
|
-
case
|
|
76
|
+
case n.asn:
|
|
80
77
|
return /* @__PURE__ */ r(v, {});
|
|
81
|
-
case
|
|
82
|
-
return /* @__PURE__ */ r(
|
|
83
|
-
case
|
|
84
|
-
return /* @__PURE__ */ r(F, {});
|
|
85
|
-
case o.shipment:
|
|
78
|
+
case n.inventory:
|
|
79
|
+
return /* @__PURE__ */ r(C, {});
|
|
80
|
+
case n.parcel:
|
|
86
81
|
return /* @__PURE__ */ r(h, {});
|
|
87
|
-
case
|
|
82
|
+
case n.product:
|
|
83
|
+
return /* @__PURE__ */ r(S, {});
|
|
84
|
+
case n.route:
|
|
85
|
+
return /* @__PURE__ */ r(I, {});
|
|
86
|
+
case n.shipment:
|
|
87
|
+
return /* @__PURE__ */ r(z, {});
|
|
88
|
+
case n.shoppingCart:
|
|
88
89
|
return /* @__PURE__ */ r(y, {});
|
|
89
|
-
case
|
|
90
|
+
case n.system:
|
|
90
91
|
default:
|
|
91
92
|
return /* @__PURE__ */ r(B, {});
|
|
92
93
|
}
|
|
93
|
-
},
|
|
94
|
-
const
|
|
95
|
-
return /* @__PURE__ */ r(
|
|
96
|
-
/* @__PURE__ */ r(
|
|
97
|
-
|
|
94
|
+
}, oe = ({ badge: o = n.product, state: e = t.info }) => {
|
|
95
|
+
const a = F(), f = A(e, a);
|
|
96
|
+
return /* @__PURE__ */ r(R, { children: /* @__PURE__ */ p(w, { "data-testid": "Badge", children: [
|
|
97
|
+
/* @__PURE__ */ r(E, { "data-testid": "BadgeState", color: f, children: O(e, f) }),
|
|
98
|
+
j(o)
|
|
98
99
|
] }) });
|
|
99
100
|
};
|
|
100
101
|
export {
|
|
101
|
-
|
|
102
|
+
oe as default
|
|
102
103
|
};
|
|
@@ -1,72 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { BADGE as
|
|
4
|
-
import {
|
|
5
|
-
import "../icons/Appointment.js";
|
|
6
|
-
import "../icons/ASN.js";
|
|
7
|
-
import "../icons/Inventory.js";
|
|
8
|
-
import "../icons/Parcel.js";
|
|
9
|
-
import "../icons/Product.js";
|
|
10
|
-
import "../icons/Route.js";
|
|
11
|
-
import "../icons/Shipment.js";
|
|
12
|
-
import "../icons/ShoppingCart.js";
|
|
13
|
-
import "../icons/System.js";
|
|
14
|
-
import "../../../styled-components.browser.esm-02f500bc.js";
|
|
15
|
-
import "react";
|
|
16
|
-
import "../styles.js";
|
|
17
|
-
import "../../../InfoCircleFilled-c5f90c20.js";
|
|
18
|
-
import "../../../presets-83ccb923.js";
|
|
19
|
-
import "../../../AntdIcon-c395a1c4.js";
|
|
20
|
-
import "../../../ExclamationCircleFilled-23ef9812.js";
|
|
21
|
-
import "../../../CloseCircleFilled-ddc51e7e.js";
|
|
22
|
-
import "@testing-library/react";
|
|
23
|
-
import "../../../providers/GenesisProvider.js";
|
|
24
|
-
import "../../../providers/ThemeProvider.js";
|
|
25
|
-
import "../../../styles/theme/genesis-theme.js";
|
|
26
|
-
import "../../../styles/design-tokens/variables.js";
|
|
27
|
-
import "../../../index-89035ea5.js";
|
|
28
|
-
import "../../Button/styles.js";
|
|
29
|
-
import "../../../button-fa1c119c.js";
|
|
30
|
-
import "../../../isVisible-729780f5.js";
|
|
31
|
-
import "../../../index-4003d75b.js";
|
|
32
|
-
import "react-dom";
|
|
33
|
-
import "../../../index-e2b72ca8.js";
|
|
34
|
-
import "../../../reactNode-f4391605.js";
|
|
35
|
-
import "../../../Compact-c39ed20d.js";
|
|
36
|
-
import "../../../presetColors-ccf8cb4c.js";
|
|
37
|
-
import "../../../compact-item-b8f85aa6.js";
|
|
38
|
-
import "../../Checkbox/styles.js";
|
|
39
|
-
import "../../../context-3b8a39af.js";
|
|
40
|
-
import "../../ErrorBoundaryFallback/styles.js";
|
|
41
|
-
import "../../Input/styles.js";
|
|
42
|
-
import "../../../TextArea-20825221.js";
|
|
43
|
-
import "../../../index-8c8d2d0c.js";
|
|
44
|
-
import "../../../useVariants-a0d64298.js";
|
|
45
|
-
import "../../../ContextIsolator-b09b2c52.js";
|
|
46
|
-
import "../../../pickAttrs-00ba4687.js";
|
|
47
|
-
import "../../../SearchOutlined-a9014e08.js";
|
|
48
|
-
import "../../Select/styles.js";
|
|
49
|
-
import "../../../index-1a33c134.js";
|
|
50
|
-
import "../../../Overflow-a570fa69.js";
|
|
51
|
-
import "../../../DownOutlined-64a4732a.js";
|
|
52
|
-
import "../../../CheckOutlined-52d9ac25.js";
|
|
53
|
-
import "../../../CloseOutlined-14b8bba1.js";
|
|
54
|
-
import "../../Typography/styles.js";
|
|
55
|
-
import "../../../index-501fc13d.js";
|
|
56
|
-
import "../../../index-0b9ee239.js";
|
|
57
|
-
import "../../Toast/styles.js";
|
|
58
|
-
import "../../../collapse-345bc884.js";
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import d from "../Badge.js";
|
|
3
|
+
import { BADGE as n, STATE as a } from "../../../constants/index.js";
|
|
4
|
+
import { a as m } from "../../../setup-BvfREoHl.js";
|
|
59
5
|
describe("<Badge />", () => {
|
|
60
|
-
let
|
|
6
|
+
let e;
|
|
61
7
|
beforeEach(() => {
|
|
62
|
-
|
|
63
|
-
badge:
|
|
64
|
-
state:
|
|
8
|
+
e = {
|
|
9
|
+
badge: n.product,
|
|
10
|
+
state: a.info
|
|
65
11
|
};
|
|
66
12
|
});
|
|
67
|
-
const
|
|
13
|
+
const o = () => m(/* @__PURE__ */ r(d, { ...e }));
|
|
68
14
|
it("should render badge and state elements", () => {
|
|
69
|
-
const { getByTestId:
|
|
70
|
-
expect(
|
|
15
|
+
const { getByTestId: t } = o();
|
|
16
|
+
expect(t("Badge")).toBeInTheDocument(), expect(t("BadgeState")).toBeInTheDocument();
|
|
71
17
|
});
|
|
72
18
|
});
|
|
@@ -1,23 +1,4 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import "react/jsx-runtime";
|
|
3
|
-
import "./icons/Appointment.js";
|
|
4
|
-
import "./icons/ASN.js";
|
|
5
|
-
import "./icons/Inventory.js";
|
|
6
|
-
import "./icons/Parcel.js";
|
|
7
|
-
import "./icons/Product.js";
|
|
8
|
-
import "./icons/Route.js";
|
|
9
|
-
import "./icons/Shipment.js";
|
|
10
|
-
import "./icons/ShoppingCart.js";
|
|
11
|
-
import "./icons/System.js";
|
|
12
|
-
import "../../constants/index.js";
|
|
13
|
-
import "../../styled-components.browser.esm-02f500bc.js";
|
|
14
|
-
import "react";
|
|
15
|
-
import "./styles.js";
|
|
16
|
-
import "../../InfoCircleFilled-c5f90c20.js";
|
|
17
|
-
import "../../presets-83ccb923.js";
|
|
18
|
-
import "../../AntdIcon-c395a1c4.js";
|
|
19
|
-
import "../../ExclamationCircleFilled-23ef9812.js";
|
|
20
|
-
import "../../CloseCircleFilled-ddc51e7e.js";
|
|
1
|
+
import { default as o } from "./Badge.js";
|
|
21
2
|
export {
|
|
22
|
-
|
|
3
|
+
o as default
|
|
23
4
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { d as o } from "../../styled-components.browser.esm-
|
|
2
|
-
|
|
3
|
-
const r = o.div`
|
|
1
|
+
import { d as o } from "../../styled-components.browser.esm-CZ1XM4o4.js";
|
|
2
|
+
const i = o.div`
|
|
4
3
|
position: relative;
|
|
5
4
|
display: flex;
|
|
6
5
|
position: absolute;
|
|
@@ -14,10 +13,10 @@ const r = o.div`
|
|
|
14
13
|
border-radius: 50%;
|
|
15
14
|
box-sizing: border-box;
|
|
16
15
|
background-color: white;
|
|
17
|
-
`,
|
|
16
|
+
`, r = o.div`
|
|
18
17
|
display: flex;
|
|
19
18
|
position: relative;
|
|
20
|
-
`,
|
|
19
|
+
`, d = o.div`
|
|
21
20
|
display: flex;
|
|
22
21
|
justify-content: center;
|
|
23
22
|
align-items: center;
|
|
@@ -29,7 +28,7 @@ const r = o.div`
|
|
|
29
28
|
background-color: ${({ theme: e }) => e.colors.surface.default};
|
|
30
29
|
`;
|
|
31
30
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
r as Badge,
|
|
32
|
+
i as BadgeState,
|
|
33
|
+
d as BadgeWrapper
|
|
35
34
|
};
|
|
@@ -1,27 +1,11 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { BreadcrumbWrapper as
|
|
3
|
-
import "../../
|
|
4
|
-
import "
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import "../../pickAttrs-00ba4687.js";
|
|
10
|
-
import "../../reactNode-f4391605.js";
|
|
11
|
-
import "../../DownOutlined-64a4732a.js";
|
|
12
|
-
import "../../index-1a33c134.js";
|
|
13
|
-
import "../../index-8c8d2d0c.js";
|
|
14
|
-
import "../../AntdIcon-c395a1c4.js";
|
|
15
|
-
import "../../RightOutlined-83515eb4.js";
|
|
16
|
-
import "../../EllipsisOutlined-60122660.js";
|
|
17
|
-
import "../../Overflow-a570fa69.js";
|
|
18
|
-
import "../../index-0b9ee239.js";
|
|
19
|
-
import "../../ContextIsolator-b09b2c52.js";
|
|
20
|
-
import "../../context-3b8a39af.js";
|
|
21
|
-
import "../../Compact-c39ed20d.js";
|
|
22
|
-
import "../../presetColors-ccf8cb4c.js";
|
|
23
|
-
import "../../collapse-345bc884.js";
|
|
24
|
-
const y = ({ items: o, isDisabled: i = !1 }) => /* @__PURE__ */ r(m, { $isDisabled: i, role: "navigation", children: /* @__PURE__ */ r(t, { items: o, role: "link" }) });
|
|
2
|
+
import { BreadcrumbWrapper as s, Breadcrumb as i } from "./styles.js";
|
|
3
|
+
import "../../providers/ThemeProvider.js";
|
|
4
|
+
import { u as m } from "../../Typography-aGoDUl4R.js";
|
|
5
|
+
const c = ({ items: e, isDisabled: a = !1 }) => {
|
|
6
|
+
const { breakpoint: o } = m();
|
|
7
|
+
return /* @__PURE__ */ r(s, { $isDisabled: a, children: /* @__PURE__ */ r(i, { items: e, breakpoint: o, role: "navigation" }) });
|
|
8
|
+
};
|
|
25
9
|
export {
|
|
26
|
-
|
|
10
|
+
c as default
|
|
27
11
|
};
|
|
@@ -1,8 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
import { MenuProps } from 'antd';
|
|
2
|
+
|
|
3
|
+
export interface BreadcrumbRoute {
|
|
2
4
|
key: string;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
title: React.ReactNode;
|
|
6
|
+
path?: string;
|
|
7
|
+
menu?: Omit<MenuProps, "items"> & {
|
|
8
|
+
items?: MenuProps["items"];
|
|
9
|
+
};
|
|
10
|
+
href?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface BreadcrumbMenuItem {
|
|
13
|
+
key: string;
|
|
14
|
+
label: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export interface BreadcrumbItem {
|
|
17
|
+
title: React.ReactNode;
|
|
18
|
+
menu?: Omit<MenuProps, "items"> & {
|
|
19
|
+
items?: MenuProps["items"];
|
|
20
|
+
};
|
|
21
|
+
href?: string;
|
|
22
|
+
}
|
|
@@ -1,70 +1,23 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import "../../../providers/ThemeProvider.js";
|
|
9
|
-
import "../../../styled-components.browser.esm-02f500bc.js";
|
|
10
|
-
import "../../../styles/theme/genesis-theme.js";
|
|
11
|
-
import "../../../styles/design-tokens/variables.js";
|
|
12
|
-
import "../../../index-89035ea5.js";
|
|
13
|
-
import "../../../constants/index.js";
|
|
14
|
-
import "../../Button/styles.js";
|
|
15
|
-
import "../../../button-fa1c119c.js";
|
|
16
|
-
import "../../../isVisible-729780f5.js";
|
|
17
|
-
import "../../../index-4003d75b.js";
|
|
18
|
-
import "react-dom";
|
|
19
|
-
import "../../../index-e2b72ca8.js";
|
|
20
|
-
import "../../../reactNode-f4391605.js";
|
|
21
|
-
import "../../../Compact-c39ed20d.js";
|
|
22
|
-
import "../../../presetColors-ccf8cb4c.js";
|
|
23
|
-
import "../../../compact-item-b8f85aa6.js";
|
|
24
|
-
import "../../../AntdIcon-c395a1c4.js";
|
|
25
|
-
import "../../Checkbox/styles.js";
|
|
26
|
-
import "../../../context-3b8a39af.js";
|
|
27
|
-
import "../../ErrorBoundaryFallback/styles.js";
|
|
28
|
-
import "../../../ExclamationCircleFilled-23ef9812.js";
|
|
29
|
-
import "../../../CloseCircleFilled-ddc51e7e.js";
|
|
30
|
-
import "../../Input/styles.js";
|
|
31
|
-
import "../../../TextArea-20825221.js";
|
|
32
|
-
import "../../../index-8c8d2d0c.js";
|
|
33
|
-
import "../../../useVariants-a0d64298.js";
|
|
34
|
-
import "../../../ContextIsolator-b09b2c52.js";
|
|
35
|
-
import "../../../pickAttrs-00ba4687.js";
|
|
36
|
-
import "../../../SearchOutlined-a9014e08.js";
|
|
37
|
-
import "../../Select/styles.js";
|
|
38
|
-
import "../../../index-1a33c134.js";
|
|
39
|
-
import "../../../Overflow-a570fa69.js";
|
|
40
|
-
import "../../../DownOutlined-64a4732a.js";
|
|
41
|
-
import "../../../CheckOutlined-52d9ac25.js";
|
|
42
|
-
import "../../../CloseOutlined-14b8bba1.js";
|
|
43
|
-
import "../../Typography/styles.js";
|
|
44
|
-
import "../../../index-501fc13d.js";
|
|
45
|
-
import "../../../index-0b9ee239.js";
|
|
46
|
-
import "../../Badge/styles.js";
|
|
47
|
-
import "../../../InfoCircleFilled-c5f90c20.js";
|
|
48
|
-
import "../../Toast/styles.js";
|
|
49
|
-
import "../../../collapse-345bc884.js";
|
|
50
|
-
import "../styles.js";
|
|
51
|
-
import "../../../RightOutlined-83515eb4.js";
|
|
52
|
-
import "../../../EllipsisOutlined-60122660.js";
|
|
53
|
-
const e = [
|
|
54
|
-
{ breadcrumbName: "Home", path: "/" },
|
|
55
|
-
{ breadcrumbName: "Products", path: "/products" },
|
|
56
|
-
{ breadcrumbName: "Current Page", path: "/products/current" }
|
|
2
|
+
import { s, a as c } from "../../../setup-BvfREoHl.js";
|
|
3
|
+
import m from "../Breadcrumb.js";
|
|
4
|
+
const n = [
|
|
5
|
+
{ title: "Home", href: "/" },
|
|
6
|
+
{ title: "Products", href: "/products" },
|
|
7
|
+
{ title: "Current Page", href: "/products/current" }
|
|
57
8
|
];
|
|
58
9
|
describe("<Breadcrumb />", () => {
|
|
59
|
-
let
|
|
10
|
+
let e;
|
|
60
11
|
beforeEach(() => {
|
|
61
|
-
|
|
62
|
-
items:
|
|
12
|
+
e = {
|
|
13
|
+
items: n,
|
|
63
14
|
isDisabled: !1
|
|
64
15
|
};
|
|
65
16
|
});
|
|
66
|
-
const
|
|
17
|
+
const r = () => c(/* @__PURE__ */ o(m, { ...e }));
|
|
67
18
|
it("should render the Breadcrumb component", () => {
|
|
68
|
-
|
|
19
|
+
r();
|
|
20
|
+
const t = s.getByRole("navigation");
|
|
21
|
+
expect(t).toBeInTheDocument();
|
|
69
22
|
});
|
|
70
23
|
});
|
|
@@ -1,27 +1,4 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import "react/jsx-runtime";
|
|
3
|
-
import "./styles.js";
|
|
4
|
-
import "../../styled-components.browser.esm-02f500bc.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "../../presets-83ccb923.js";
|
|
7
|
-
import "../../isVisible-729780f5.js";
|
|
8
|
-
import "../../index-4003d75b.js";
|
|
9
|
-
import "react-dom";
|
|
10
|
-
import "../../pickAttrs-00ba4687.js";
|
|
11
|
-
import "../../reactNode-f4391605.js";
|
|
12
|
-
import "../../DownOutlined-64a4732a.js";
|
|
13
|
-
import "../../index-1a33c134.js";
|
|
14
|
-
import "../../index-8c8d2d0c.js";
|
|
15
|
-
import "../../AntdIcon-c395a1c4.js";
|
|
16
|
-
import "../../RightOutlined-83515eb4.js";
|
|
17
|
-
import "../../EllipsisOutlined-60122660.js";
|
|
18
|
-
import "../../Overflow-a570fa69.js";
|
|
19
|
-
import "../../index-0b9ee239.js";
|
|
20
|
-
import "../../ContextIsolator-b09b2c52.js";
|
|
21
|
-
import "../../context-3b8a39af.js";
|
|
22
|
-
import "../../Compact-c39ed20d.js";
|
|
23
|
-
import "../../presetColors-ccf8cb4c.js";
|
|
24
|
-
import "../../collapse-345bc884.js";
|
|
1
|
+
import { default as o } from "./Breadcrumb.js";
|
|
25
2
|
export {
|
|
26
|
-
|
|
3
|
+
o as default
|
|
27
4
|
};
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { GenesisTheme } from '@styles/theme/genesis-theme.types';
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
3
2
|
|
|
4
3
|
interface StyledBreadcrumbProps {
|
|
5
4
|
theme?: GenesisTheme;
|
|
6
|
-
|
|
7
|
-
isDisabled?: boolean;
|
|
5
|
+
$isDisabled?: boolean;
|
|
8
6
|
}
|
|
9
|
-
|
|
7
|
+
interface StyledBreadcrumbComponentProps extends StyledBreadcrumbProps {
|
|
8
|
+
type?: string;
|
|
9
|
+
state?: string;
|
|
10
|
+
breakpoint?: string;
|
|
11
|
+
role?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const getGenesisClass: ({ colors, typography }: GenesisTheme, breakpoint?: string) => string;
|
|
10
14
|
export declare const BreadcrumbWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBreadcrumbProps>> & string;
|
|
11
|
-
export declare const Breadcrumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').BreadcrumbProps<import('antd/es/_util/type').AnyObject>,
|
|
15
|
+
export declare const Breadcrumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').BreadcrumbProps<import('antd/es/_util/type').AnyObject>, StyledBreadcrumbComponentProps>> & string & Omit<{
|
|
12
16
|
<T extends import('antd/es/_util/type').AnyObject = import('antd/es/_util/type').AnyObject>(props: import('antd').BreadcrumbProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
13
17
|
Item: React.FC<import('antd').BreadcrumbItemProps> & {
|
|
14
18
|
__ANT_BREADCRUMB_ITEM: boolean;
|