@vkzstudio/muza-ui 1.0.32 → 1.0.33
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/components/ButtonArrow/ButtonArrow.d.ts +20 -0
- package/dist/components/ButtonArrow/ButtonArrow.d.ts.map +1 -0
- package/dist/components/ButtonArrow/ButtonArrow.js +63 -0
- package/dist/components/ButtonArrow/ButtonArrow.stories.d.ts +37 -0
- package/dist/components/ButtonArrow/ButtonArrow.stories.d.ts.map +1 -0
- package/dist/components/ButtonArrow/index.d.ts +2 -0
- package/dist/components/ButtonArrow/index.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.js +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.d.ts +17 -1
- package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.js +273 -192
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +3 -1
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
- package/dist/components/ExpandableTable/Table.d.ts +3 -7
- package/dist/components/ExpandableTable/Table.d.ts.map +1 -1
- package/dist/components/ExpandableTable/Table.js +52 -59
- package/dist/components/FileUpload/FileItem.d.ts +5 -2
- package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.js +91 -69
- package/dist/components/FileUpload/FileUpload.d.ts +12 -2
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.js +94 -91
- package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -0
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +1 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +47 -44
- package/dist/components/Input/Input.d.ts +2 -2
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +47 -46
- package/dist/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts +61 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.js +213 -0
- package/dist/components/Pagination/Pagination.stories.d.ts +12 -0
- package/dist/components/Pagination/Pagination.stories.d.ts.map +1 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/ReorderableTable/ReorderableTable.js +13 -13
- package/dist/components/Searchbar/Searchbar.d.ts +1 -1
- package/dist/components/Searchbar/Searchbar.d.ts.map +1 -1
- package/dist/components/Searchbar/Searchbar.stories.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Select/utils.d.ts +1 -1
- package/dist/components/Select/utils.d.ts.map +1 -1
- package/dist/components/Select/utils.js +5 -4
- package/dist/components/Typography/Typography.d.ts.map +1 -1
- package/dist/components/Typography/Typography.js +1 -2
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.js +223 -218
- package/dist/muza-ui.css +1 -1
- package/dist/styles/animations.css +0 -20
- package/dist/styles/token-colors.css +1 -0
- package/dist/styles/token-sizes.css +30 -6
- package/dist/translations/locales/cs.d.ts.map +1 -1
- package/dist/translations/locales/cs.js +10 -0
- package/dist/translations/locales/en.d.ts.map +1 -1
- package/dist/translations/locales/en.js +10 -0
- package/dist/translations/locales/sk.d.ts.map +1 -1
- package/dist/translations/locales/sk.js +10 -0
- package/dist/translations/types.d.ts +22 -0
- package/dist/translations/types.d.ts.map +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +8 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
1
|
+
import { jsx as s, jsxs as $ } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as z, useId as A, useRef as C, useEffect as y } from "react";
|
|
3
3
|
import { cva as E } from "class-variance-authority";
|
|
4
4
|
import "../../node_modules/imask/esm/index.js";
|
|
5
5
|
import "../../node_modules/imask/esm/controls/input.js";
|
|
@@ -22,14 +22,15 @@ const Y = E(
|
|
|
22
22
|
"hover:border-comp-input-stroke-hover",
|
|
23
23
|
"focus-within:border-comp-input-icon-brand-focused",
|
|
24
24
|
"has-[:disabled]:cursor-not-allowed has-[:disabled]:border-comp-input-stroke-disabled has-[:disabled]:bg-comp-input-fill-disabled",
|
|
25
|
-
"flex items-center gap-comp-input-gap
|
|
25
|
+
"flex items-center gap-comp-input-gap"
|
|
26
26
|
],
|
|
27
27
|
{
|
|
28
28
|
variants: {
|
|
29
29
|
size: {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
xs: "h-comp-input-h-xsm px-comp-input-p-xsm",
|
|
31
|
+
sm: "h-comp-input-h-small px-comp-input-p-hor",
|
|
32
|
+
base: "h-comp-input-h-def px-comp-input-p-hor",
|
|
33
|
+
lg: "h-comp-input-h-large px-comp-input-p-hor"
|
|
33
34
|
},
|
|
34
35
|
error: {
|
|
35
36
|
true: "border-comp-input-stroke-error-def"
|
|
@@ -40,9 +41,9 @@ const Y = E(
|
|
|
40
41
|
error: !1
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
|
-
), B = (
|
|
44
|
+
), B = (p) => u(
|
|
44
45
|
U({
|
|
45
|
-
size:
|
|
46
|
+
size: p === "xs" || p === "sm" ? "input" : "base",
|
|
46
47
|
weight: "medium",
|
|
47
48
|
fixY: !0
|
|
48
49
|
}),
|
|
@@ -51,17 +52,17 @@ const Y = E(
|
|
|
51
52
|
"placeholder:font-regular",
|
|
52
53
|
"disabled:cursor-not-allowed",
|
|
53
54
|
"w-full"
|
|
54
|
-
), D =
|
|
55
|
+
), D = z(
|
|
55
56
|
({
|
|
56
|
-
className:
|
|
57
|
+
className: p,
|
|
57
58
|
type: w = "text",
|
|
58
59
|
prefix: m,
|
|
59
60
|
suffix: f,
|
|
60
|
-
label:
|
|
61
|
-
hint:
|
|
61
|
+
label: h,
|
|
62
|
+
hint: b,
|
|
62
63
|
size: x,
|
|
63
|
-
error:
|
|
64
|
-
mask:
|
|
64
|
+
error: d,
|
|
65
|
+
mask: o,
|
|
65
66
|
onChange: a,
|
|
66
67
|
id: I,
|
|
67
68
|
required: l,
|
|
@@ -69,64 +70,64 @@ const Y = E(
|
|
|
69
70
|
labelExtra: R,
|
|
70
71
|
infoTooltip: V,
|
|
71
72
|
...v
|
|
72
|
-
},
|
|
73
|
-
const F = A(),
|
|
73
|
+
}, i) => {
|
|
74
|
+
const F = A(), c = I ?? F, g = b ? `${c}-hint` : void 0, k = h ? `${c}-label` : void 0, t = C(null), r = M(
|
|
74
75
|
{
|
|
75
|
-
mask:
|
|
76
|
+
mask: o || "",
|
|
76
77
|
// Pattern like 'aaaaa-aaaaa' where 'a' = alphanumeric, '0' = digit
|
|
77
|
-
prepare: (
|
|
78
|
+
prepare: (e) => e.toUpperCase()
|
|
78
79
|
// Auto-uppercase all typed characters
|
|
79
80
|
},
|
|
80
81
|
{
|
|
81
|
-
ref:
|
|
82
|
+
ref: t
|
|
82
83
|
}
|
|
83
84
|
);
|
|
84
85
|
y(() => {
|
|
85
|
-
if (
|
|
86
|
-
const
|
|
87
|
-
const
|
|
88
|
-
target: { value:
|
|
86
|
+
if (o && (r != null && r.maskRef.current) && a) {
|
|
87
|
+
const e = r.maskRef.current, n = () => {
|
|
88
|
+
const W = {
|
|
89
|
+
target: { value: e.value }
|
|
89
90
|
};
|
|
90
|
-
a(
|
|
91
|
+
a(W);
|
|
91
92
|
};
|
|
92
|
-
return
|
|
93
|
-
|
|
93
|
+
return e.on("accept", n), () => {
|
|
94
|
+
e.off("accept", n);
|
|
94
95
|
};
|
|
95
96
|
}
|
|
96
|
-
}, [
|
|
97
|
-
|
|
98
|
-
}, [
|
|
99
|
-
const j = (
|
|
97
|
+
}, [o, r, a]), y(() => {
|
|
98
|
+
i && (typeof i == "function" ? i(t.current) : i.current = t.current);
|
|
99
|
+
}, [t, i]);
|
|
100
|
+
const j = (e) => {
|
|
100
101
|
var n;
|
|
101
|
-
v.disabled ||
|
|
102
|
+
v.disabled || e.target !== t.current && ((n = t.current) == null || n.focus());
|
|
102
103
|
};
|
|
103
|
-
return /* @__PURE__ */
|
|
104
|
+
return /* @__PURE__ */ s(
|
|
104
105
|
T,
|
|
105
106
|
{
|
|
106
|
-
label:
|
|
107
|
-
hint:
|
|
108
|
-
error:
|
|
107
|
+
label: h,
|
|
108
|
+
hint: b,
|
|
109
|
+
error: d,
|
|
109
110
|
required: l,
|
|
110
111
|
disableRequiredAsterisk: N,
|
|
111
|
-
htmlFor:
|
|
112
|
+
htmlFor: c,
|
|
112
113
|
labelId: k,
|
|
113
114
|
hintId: g,
|
|
114
115
|
labelExtra: R,
|
|
115
116
|
infoTooltip: V,
|
|
116
|
-
children: /* @__PURE__ */
|
|
117
|
+
children: /* @__PURE__ */ $(
|
|
117
118
|
"div",
|
|
118
119
|
{
|
|
119
120
|
className: u(
|
|
120
121
|
Y({
|
|
121
122
|
size: x,
|
|
122
|
-
error:
|
|
123
|
+
error: d
|
|
123
124
|
}),
|
|
124
|
-
|
|
125
|
+
p
|
|
125
126
|
),
|
|
126
127
|
onClick: j,
|
|
127
128
|
children: [
|
|
128
|
-
m && /* @__PURE__ */
|
|
129
|
-
/* @__PURE__ */
|
|
129
|
+
m && /* @__PURE__ */ s("div", { className: "flex items-center text-icon-dark-secondary-def", children: m }),
|
|
130
|
+
/* @__PURE__ */ s(
|
|
130
131
|
"input",
|
|
131
132
|
{
|
|
132
133
|
type: w,
|
|
@@ -136,18 +137,18 @@ const Y = E(
|
|
|
136
137
|
"[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden [&::-webkit-inner-spin-button]:hidden",
|
|
137
138
|
"[&::-webkit-datetime-edit-text]:px-3xs"
|
|
138
139
|
),
|
|
139
|
-
ref:
|
|
140
|
-
onChange:
|
|
141
|
-
id:
|
|
140
|
+
ref: o ? r.ref : t,
|
|
141
|
+
onChange: o ? void 0 : a,
|
|
142
|
+
id: c,
|
|
142
143
|
"aria-describedby": g,
|
|
143
144
|
"aria-labelledby": k,
|
|
144
|
-
"aria-invalid":
|
|
145
|
+
"aria-invalid": d,
|
|
145
146
|
"aria-required": l,
|
|
146
147
|
required: l,
|
|
147
148
|
...v
|
|
148
149
|
}
|
|
149
150
|
),
|
|
150
|
-
f && /* @__PURE__ */
|
|
151
|
+
f && /* @__PURE__ */ s("div", { className: "flex items-center text-icon-dark-secondary-def", children: f })
|
|
151
152
|
]
|
|
152
153
|
}
|
|
153
154
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}
|
|
@@ -20,7 +20,7 @@ export interface IMultiSelectProps {
|
|
|
20
20
|
/** Placeholder text shown when no options are selected. @default translations.select.placeholder */
|
|
21
21
|
placeholder?: string;
|
|
22
22
|
/** Controls height and padding. @default 'base' */
|
|
23
|
-
size?: 'sm' | 'base' | 'lg';
|
|
23
|
+
size?: 'xs' | 'sm' | 'base' | 'lg';
|
|
24
24
|
/**
|
|
25
25
|
* Array of selectable options.
|
|
26
26
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;OASG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAqMvB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAsHlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAsHlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the {@link Pagination} component.
|
|
4
|
+
*
|
|
5
|
+
* Pagination provides page navigation controls with optional page info display
|
|
6
|
+
* and items-per-page selection. Supports both controlled and uncontrolled modes.
|
|
7
|
+
*/
|
|
8
|
+
export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
|
|
9
|
+
/** Current page number (1-based). When provided, component is controlled. */
|
|
10
|
+
page?: number;
|
|
11
|
+
/** Default page for uncontrolled mode. @default 1 */
|
|
12
|
+
defaultPage?: number;
|
|
13
|
+
/** Total number of items. Used to calculate max page and page info display. */
|
|
14
|
+
totalItems: number;
|
|
15
|
+
/** Current items per page. When provided, controls the items-per-page selector. */
|
|
16
|
+
itemsPerPage?: number;
|
|
17
|
+
/** Default items per page for uncontrolled mode. @default 10 */
|
|
18
|
+
defaultItemsPerPage?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Available page size options for the items-per-page selector.
|
|
21
|
+
* @default [{value:'10',label:'10'},{value:'25',label:'25'},{value:'50',label:'50'},{value:'100',label:'100'}]
|
|
22
|
+
*/
|
|
23
|
+
pageSizeOptions?: Array<{
|
|
24
|
+
value: string;
|
|
25
|
+
label: string;
|
|
26
|
+
}>;
|
|
27
|
+
/** Callback fired when the current page changes. */
|
|
28
|
+
onPageChange?: (page: number) => void;
|
|
29
|
+
/** Callback fired when items per page changes. */
|
|
30
|
+
onItemsPerPageChange?: (itemsPerPage: number) => void;
|
|
31
|
+
/**
|
|
32
|
+
* Position of the navigation buttons (prev/next arrows + page input).
|
|
33
|
+
* @default 'left'
|
|
34
|
+
*/
|
|
35
|
+
buttonsPosition?: 'left' | 'right';
|
|
36
|
+
/**
|
|
37
|
+
* Whether to show the page info text (e.g. "20–30 of 123").
|
|
38
|
+
* @default true
|
|
39
|
+
*/
|
|
40
|
+
showPageInfo?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Whether to show the items-per-page selector.
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
showItemsPerPage?: boolean;
|
|
46
|
+
/** Override for the "of" separator text. @default translations.pagination.of */
|
|
47
|
+
ofLabel?: string;
|
|
48
|
+
/** Override for the "Rows per page" label. @default translations.pagination.rowsPerPage */
|
|
49
|
+
rowsPerPageLabel?: string;
|
|
50
|
+
/** Override for the previous page button aria label. @default translations.pagination.previousPage */
|
|
51
|
+
previousPageAriaLabel?: string;
|
|
52
|
+
/** Override for the next page button aria label. @default translations.pagination.nextPage */
|
|
53
|
+
nextPageAriaLabel?: string;
|
|
54
|
+
/** Override for the page input aria label. @default translations.pagination.currentPage */
|
|
55
|
+
currentPageAriaLabel?: string;
|
|
56
|
+
/** Override for the nav element aria label. @default translations.pagination.navigation */
|
|
57
|
+
navigationAriaLabel?: string;
|
|
58
|
+
}
|
|
59
|
+
declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
|
|
60
|
+
export { Pagination };
|
|
61
|
+
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B;;;;;GAKG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC3D,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+EAA+E;IAC/E,UAAU,EAAE,MAAM,CAAA;IAClB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzD,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,sGAAsG;IACtG,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,2FAA2F;IAC3F,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,2FAA2F;IAC3F,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,QAAA,MAAM,UAAU,qFA6Nf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import * as X from "react";
|
|
3
|
+
import { useState as S, useCallback as b, useEffect as Y } from "react";
|
|
4
|
+
import { useMuzaTranslations as C } from "../../translations/TranslationContext.js";
|
|
5
|
+
import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
|
|
6
|
+
import { Select as aa } from "../Select/Select.js";
|
|
7
|
+
import { Flex as p } from "../Flex/Flex.js";
|
|
8
|
+
import { Input as ea } from "../Input/Input.js";
|
|
9
|
+
import { Typography as v } from "../Typography/Typography.js";
|
|
10
|
+
const ta = [
|
|
11
|
+
{ value: "10", label: "10" },
|
|
12
|
+
{ value: "25", label: "25" },
|
|
13
|
+
{ value: "50", label: "50" },
|
|
14
|
+
{ value: "100", label: "100" }
|
|
15
|
+
], ra = X.forwardRef(
|
|
16
|
+
({
|
|
17
|
+
page: P,
|
|
18
|
+
defaultPage: E = 1,
|
|
19
|
+
totalItems: c,
|
|
20
|
+
itemsPerPage: M,
|
|
21
|
+
defaultItemsPerPage: T = 10,
|
|
22
|
+
pageSizeOptions: _ = ta,
|
|
23
|
+
onPageChange: r,
|
|
24
|
+
onItemsPerPageChange: m,
|
|
25
|
+
buttonsPosition: w = "left",
|
|
26
|
+
showPageInfo: f = !0,
|
|
27
|
+
showItemsPerPage: x = !0,
|
|
28
|
+
ofLabel: $,
|
|
29
|
+
rowsPerPageLabel: j,
|
|
30
|
+
previousPageAriaLabel: B,
|
|
31
|
+
nextPageAriaLabel: D,
|
|
32
|
+
currentPageAriaLabel: F,
|
|
33
|
+
navigationAriaLabel: O,
|
|
34
|
+
className: R,
|
|
35
|
+
...G
|
|
36
|
+
}, I) => {
|
|
37
|
+
const i = C(), h = $ ?? i.pagination.of, K = j ?? i.pagination.rowsPerPage, U = B ?? i.pagination.previousPage, V = D ?? i.pagination.nextPage, L = F ?? i.pagination.currentPage, Z = O ?? i.pagination.navigation, [q, N] = S(E), [H, J] = S(T), a = P ?? q, d = M ?? H, e = Math.max(1, Math.ceil(c / d)), o = b(
|
|
38
|
+
(t) => {
|
|
39
|
+
N(t), r == null || r(t);
|
|
40
|
+
},
|
|
41
|
+
[r]
|
|
42
|
+
), Q = b(
|
|
43
|
+
(t) => {
|
|
44
|
+
const s = Number(t);
|
|
45
|
+
J(s), N(1), m == null || m(s), r == null || r(1);
|
|
46
|
+
},
|
|
47
|
+
[m, r]
|
|
48
|
+
), [u, g] = S(a.toString());
|
|
49
|
+
Y(() => {
|
|
50
|
+
g(a.toString());
|
|
51
|
+
}, [a]);
|
|
52
|
+
const W = b(
|
|
53
|
+
(t) => {
|
|
54
|
+
const s = t.target.value.replace(/[^0-9]/g, "");
|
|
55
|
+
g(s), s && Number(s) > e && g(e.toString());
|
|
56
|
+
},
|
|
57
|
+
[e]
|
|
58
|
+
), y = b(() => {
|
|
59
|
+
const t = Number(u);
|
|
60
|
+
!u || t < 1 ? o(1) : t > e ? (o(e), g(e.toString())) : o(t);
|
|
61
|
+
}, [e, u, o]), A = c === 0 ? 0 : (a - 1) * d + 1, k = Math.min(a * d, c);
|
|
62
|
+
return /* @__PURE__ */ l(
|
|
63
|
+
p,
|
|
64
|
+
{
|
|
65
|
+
component: "nav",
|
|
66
|
+
ref: I,
|
|
67
|
+
align: "center",
|
|
68
|
+
justify: "between",
|
|
69
|
+
direction: w === "right" ? "row-reverse" : "row",
|
|
70
|
+
className: R,
|
|
71
|
+
"aria-label": Z,
|
|
72
|
+
...G,
|
|
73
|
+
children: [
|
|
74
|
+
/* @__PURE__ */ l(p, { align: "center", gap: "md", className: "shrink-0", children: [
|
|
75
|
+
/* @__PURE__ */ n(
|
|
76
|
+
z,
|
|
77
|
+
{
|
|
78
|
+
direction: "left",
|
|
79
|
+
size: "sm",
|
|
80
|
+
onClick: () => o(a - 1),
|
|
81
|
+
disabled: a <= 1,
|
|
82
|
+
"aria-disabled": a <= 1,
|
|
83
|
+
"aria-label": U
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
/* @__PURE__ */ l(
|
|
87
|
+
p,
|
|
88
|
+
{
|
|
89
|
+
align: "center",
|
|
90
|
+
gap: "md",
|
|
91
|
+
"aria-label": `${L}: ${a} ${h} ${e}`,
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ n(
|
|
94
|
+
ea,
|
|
95
|
+
{
|
|
96
|
+
value: u,
|
|
97
|
+
size: "xs",
|
|
98
|
+
onChange: W,
|
|
99
|
+
onBlur: y,
|
|
100
|
+
maxLength: e.toString().length,
|
|
101
|
+
onKeyDown: (t) => {
|
|
102
|
+
t.key === "Enter" && y();
|
|
103
|
+
},
|
|
104
|
+
role: "spinbutton",
|
|
105
|
+
"aria-label": L,
|
|
106
|
+
"aria-valuemin": 1,
|
|
107
|
+
"aria-valuemax": e,
|
|
108
|
+
"aria-valuenow": a,
|
|
109
|
+
className: "w-[calc(var(--spacing-comp-input-p-xsm)*2+var(--spacing-2-5-xl))] [&_input]:text-center"
|
|
110
|
+
}
|
|
111
|
+
),
|
|
112
|
+
/* @__PURE__ */ n(
|
|
113
|
+
v,
|
|
114
|
+
{
|
|
115
|
+
component: "span",
|
|
116
|
+
variant: "body",
|
|
117
|
+
size: "base",
|
|
118
|
+
className: "text-comp-pagination-text-def",
|
|
119
|
+
"aria-hidden": "true",
|
|
120
|
+
children: h
|
|
121
|
+
}
|
|
122
|
+
),
|
|
123
|
+
/* @__PURE__ */ n(
|
|
124
|
+
v,
|
|
125
|
+
{
|
|
126
|
+
component: "span",
|
|
127
|
+
variant: "body",
|
|
128
|
+
size: "base",
|
|
129
|
+
className: "text-comp-pagination-text-def",
|
|
130
|
+
"aria-hidden": "true",
|
|
131
|
+
children: e
|
|
132
|
+
}
|
|
133
|
+
)
|
|
134
|
+
]
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
/* @__PURE__ */ n(
|
|
138
|
+
z,
|
|
139
|
+
{
|
|
140
|
+
direction: "right",
|
|
141
|
+
size: "sm",
|
|
142
|
+
onClick: () => o(a + 1),
|
|
143
|
+
disabled: a >= e,
|
|
144
|
+
"aria-disabled": a >= e,
|
|
145
|
+
"aria-label": V
|
|
146
|
+
}
|
|
147
|
+
)
|
|
148
|
+
] }),
|
|
149
|
+
(f || x) && /* @__PURE__ */ l(
|
|
150
|
+
p,
|
|
151
|
+
{
|
|
152
|
+
align: "center",
|
|
153
|
+
gap: "md",
|
|
154
|
+
direction: w === "right" ? "row-reverse" : "row",
|
|
155
|
+
className: "shrink-0",
|
|
156
|
+
children: [
|
|
157
|
+
f && /* @__PURE__ */ l(
|
|
158
|
+
v,
|
|
159
|
+
{
|
|
160
|
+
component: "span",
|
|
161
|
+
variant: "body",
|
|
162
|
+
size: "sm",
|
|
163
|
+
className: "whitespace-nowrap text-text-dark-primary-def",
|
|
164
|
+
"aria-label": i.pagination.showingItems.replace("{start}", A.toString()).replace("{end}", k.toString()).replace("{total}", c.toString()),
|
|
165
|
+
children: [
|
|
166
|
+
A,
|
|
167
|
+
"–",
|
|
168
|
+
k,
|
|
169
|
+
" ",
|
|
170
|
+
h,
|
|
171
|
+
" ",
|
|
172
|
+
c
|
|
173
|
+
]
|
|
174
|
+
}
|
|
175
|
+
),
|
|
176
|
+
f && x && /* @__PURE__ */ n("div", { className: "h-6 w-px bg-comp-select-stroke-def" }),
|
|
177
|
+
x && /* @__PURE__ */ l(p, { component: "label", gap: "md", align: "center", children: [
|
|
178
|
+
/* @__PURE__ */ l(
|
|
179
|
+
v,
|
|
180
|
+
{
|
|
181
|
+
component: "span",
|
|
182
|
+
variant: "body",
|
|
183
|
+
size: "sm",
|
|
184
|
+
className: "whitespace-nowrap text-text-dark-primary-def",
|
|
185
|
+
children: [
|
|
186
|
+
K,
|
|
187
|
+
":"
|
|
188
|
+
]
|
|
189
|
+
}
|
|
190
|
+
),
|
|
191
|
+
/* @__PURE__ */ n(
|
|
192
|
+
aa,
|
|
193
|
+
{
|
|
194
|
+
value: d.toString(),
|
|
195
|
+
onChange: Q,
|
|
196
|
+
options: _,
|
|
197
|
+
size: "xs"
|
|
198
|
+
}
|
|
199
|
+
)
|
|
200
|
+
] })
|
|
201
|
+
]
|
|
202
|
+
}
|
|
203
|
+
),
|
|
204
|
+
/* @__PURE__ */ n("span", { className: "sr-only", "aria-live": "polite", role: "status", children: i.pagination.pageAnnouncement.replace("{current}", a.toString()).replace("{max}", e.toString()) })
|
|
205
|
+
]
|
|
206
|
+
}
|
|
207
|
+
);
|
|
208
|
+
}
|
|
209
|
+
);
|
|
210
|
+
ra.displayName = "Pagination";
|
|
211
|
+
export {
|
|
212
|
+
ra as Pagination
|
|
213
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Pagination } from './Pagination';
|
|
3
|
+
declare const meta: Meta<typeof Pagination>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Pagination>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ButtonsRight: Story;
|
|
8
|
+
export declare const WithoutPageInfo: Story;
|
|
9
|
+
export declare const WithoutItemsPerPage: Story;
|
|
10
|
+
export declare const MinimalButtons: Story;
|
|
11
|
+
export declare const Controlled: Story;
|
|
12
|
+
//# sourceMappingURL=Pagination.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAqBD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { forwardRef as E } from "react";
|
|
|
3
3
|
import { motion as n } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
|
|
4
4
|
import { ReorderableGroup as D, ReorderableItem as R, ReorderableHandle as j } from "../Reorderable/Reorderable.js";
|
|
5
5
|
import { Reorder as P } from "../Icons/CustomIcons.js";
|
|
6
|
-
import { cn as
|
|
6
|
+
import { cn as d } from "../../utils/cn.js";
|
|
7
7
|
import { typographyVariants as S, Typography as z } from "../Typography/Typography.js";
|
|
8
8
|
const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
9
9
|
data: y,
|
|
@@ -26,17 +26,17 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
26
26
|
"table",
|
|
27
27
|
{
|
|
28
28
|
ref: H,
|
|
29
|
-
className:
|
|
29
|
+
className: d(
|
|
30
30
|
"-my-sm w-full border-separate border-spacing-y-sm",
|
|
31
31
|
T
|
|
32
32
|
),
|
|
33
33
|
...C,
|
|
34
34
|
children: [
|
|
35
35
|
I && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
|
|
36
|
-
o.map((
|
|
36
|
+
o.map((i, r) => /* @__PURE__ */ e(
|
|
37
37
|
"th",
|
|
38
38
|
{
|
|
39
|
-
className:
|
|
39
|
+
className: d(
|
|
40
40
|
S({
|
|
41
41
|
size: "sm",
|
|
42
42
|
uppercase: !0,
|
|
@@ -44,9 +44,9 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
44
44
|
weight: "medium"
|
|
45
45
|
}),
|
|
46
46
|
"px-comp-table-p text-left text-text-dark-secondary",
|
|
47
|
-
|
|
47
|
+
i.className
|
|
48
48
|
),
|
|
49
|
-
children:
|
|
49
|
+
children: i.title
|
|
50
50
|
},
|
|
51
51
|
r
|
|
52
52
|
)),
|
|
@@ -76,7 +76,7 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
76
76
|
animatePresence: w,
|
|
77
77
|
as: "tbody",
|
|
78
78
|
className: "contents",
|
|
79
|
-
children: (
|
|
79
|
+
children: (i) => i.map((r, h) => {
|
|
80
80
|
const O = (l == null ? void 0 : l(r, h)) ?? !1, t = b || O;
|
|
81
81
|
return /* @__PURE__ */ m(
|
|
82
82
|
R,
|
|
@@ -99,8 +99,8 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
99
99
|
paddingRight: s ? G : W
|
|
100
100
|
} : void 0,
|
|
101
101
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
102
|
-
className:
|
|
103
|
-
"h-comp-table-h border-y border-stroke-base-secondary bg-surface-base-secondary align-middle",
|
|
102
|
+
className: d(
|
|
103
|
+
"h-comp-table-h-def border-y border-stroke-base-secondary bg-surface-base-secondary align-middle",
|
|
104
104
|
f ? "pl-comp-table-p" : "px-comp-table-p",
|
|
105
105
|
{
|
|
106
106
|
"rounded-l-xl border-l": k,
|
|
@@ -119,7 +119,7 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
119
119
|
size: "base",
|
|
120
120
|
weight: "regular",
|
|
121
121
|
component: "span",
|
|
122
|
-
className:
|
|
122
|
+
className: d(
|
|
123
123
|
t && "text-text-dark-disabled",
|
|
124
124
|
{
|
|
125
125
|
"line-clamp-1": a.lineClamp === !0 || a.lineClamp === 1,
|
|
@@ -141,8 +141,8 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
141
141
|
width: s ? p : u
|
|
142
142
|
},
|
|
143
143
|
transition: { duration: 0.3, ease: "easeInOut" },
|
|
144
|
-
className:
|
|
145
|
-
"h-comp-table-h min-w-[20px] rounded-r-xl border-y border-r border-stroke-base-secondary bg-surface-base-secondary align-middle",
|
|
144
|
+
className: d(
|
|
145
|
+
"h-comp-table-h-def min-w-[20px] rounded-r-xl border-y border-r border-stroke-base-secondary bg-surface-base-secondary align-middle",
|
|
146
146
|
{
|
|
147
147
|
"group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover": !t
|
|
148
148
|
}
|
|
@@ -161,7 +161,7 @@ const p = 72, u = 20, G = 24, W = 4, K = ({
|
|
|
161
161
|
j,
|
|
162
162
|
{
|
|
163
163
|
disabled: !s || t,
|
|
164
|
-
className:
|
|
164
|
+
className: d(
|
|
165
165
|
"flex h-comp-button-h-sm w-comp-button-w-sm items-center justify-center focus-visible-default",
|
|
166
166
|
t ? "text-text-dark-disabled" : "text-text-brand-def"
|
|
167
167
|
),
|
|
@@ -10,7 +10,7 @@ export interface SearchbarProps extends Omit<InputProps, 'type' | 'onSubmit' | '
|
|
|
10
10
|
/** Initial value for uncontrolled mode. */
|
|
11
11
|
defaultValue?: string;
|
|
12
12
|
/** Controls height and padding of the search input. @default 'sm' */
|
|
13
|
-
size?: 'sm' | 'base' | 'lg';
|
|
13
|
+
size?: 'xs' | 'sm' | 'base' | 'lg';
|
|
14
14
|
/** Shows clear and search icon buttons inside the input. @default true */
|
|
15
15
|
showButtons?: boolean;
|
|
16
16
|
/** Accessible label for the clear button. Defaults to translation value. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,UAAU,EACV,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D;IACD,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,sGAAsG;IACtG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;CACzD;AAED,QAAA,MAAM,SAAS,GAAI,2NAehB,cAAc,4CAuGhB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmHhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAmHhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAA"}
|
|
@@ -18,7 +18,7 @@ export interface ISelectProps {
|
|
|
18
18
|
/** Text shown when no option is selected. @default translations.select.placeholder */
|
|
19
19
|
placeholder?: string;
|
|
20
20
|
/** Controls trigger height and padding. @default 'base' */
|
|
21
|
-
size?: 'sm' | 'base' | 'lg';
|
|
21
|
+
size?: 'xs' | 'sm' | 'base' | 'lg';
|
|
22
22
|
/**
|
|
23
23
|
* Array of selectable option objects.
|
|
24
24
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFA0LlB,CAAA"}
|