@krosoft/react 0.0.77 → 0.0.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/dist/{LoadingState-CqRLmkxn.js → LoadingState-DQjGcT2l.js} +5 -5
  2. package/dist/MetricCard-4VI9Ki0g.js +83 -0
  3. package/dist/SearchInput-Cf5NHhnz.js +698 -0
  4. package/dist/TableFilter-DgChe4aX.js +406 -0
  5. package/dist/TableSettings-4YLJSh4G.js +2064 -0
  6. package/dist/{ThemeSelector-sTd9T2OD.js → ThemeSelector-MqD5QvHl.js} +8 -8
  7. package/dist/{Topbar-BqC05zWP.js → Topbar-DifQ00kV.js} +26 -27
  8. package/dist/{badge-kADcbb2Y.js → badge-Bw-aBz_H.js} +1 -1
  9. package/dist/components/core/cards/KpiCard.d.ts +1 -1
  10. package/dist/components/core/cards/KpiCard.d.ts.map +1 -1
  11. package/dist/components/core/cards/MetricCard.d.ts +20 -8
  12. package/dist/components/core/cards/MetricCard.d.ts.map +1 -1
  13. package/dist/components/core/cards/index.js +1 -1
  14. package/dist/components/core/filters/ActiveFilters.d.ts +10 -0
  15. package/dist/components/core/filters/ActiveFilters.d.ts.map +1 -0
  16. package/dist/components/core/filters/AdvancedFilters.d.ts +11 -0
  17. package/dist/components/core/filters/AdvancedFilters.d.ts.map +1 -0
  18. package/dist/components/core/filters/FilterField.d.ts +11 -0
  19. package/dist/components/core/filters/FilterField.d.ts.map +1 -0
  20. package/dist/components/core/filters/SearchableFilterPill.d.ts +15 -0
  21. package/dist/components/core/filters/SearchableFilterPill.d.ts.map +1 -0
  22. package/dist/components/core/filters/TableFilter.d.ts +17 -0
  23. package/dist/components/core/filters/TableFilter.d.ts.map +1 -0
  24. package/dist/components/core/filters/index.d.ts +5 -0
  25. package/dist/components/core/filters/index.d.ts.map +1 -0
  26. package/dist/components/core/filters/index.js +7 -0
  27. package/dist/components/core/index.d.ts +2 -0
  28. package/dist/components/core/index.d.ts.map +1 -1
  29. package/dist/components/core/index.js +34 -26
  30. package/dist/components/core/inputs/DatePicker.d.ts +9 -0
  31. package/dist/components/core/inputs/DatePicker.d.ts.map +1 -0
  32. package/dist/components/core/inputs/MultiSelect.d.ts +17 -0
  33. package/dist/components/core/inputs/MultiSelect.d.ts.map +1 -0
  34. package/dist/components/core/inputs/SearchInput.d.ts.map +1 -1
  35. package/dist/components/core/inputs/SearchableSelect.d.ts +14 -0
  36. package/dist/components/core/inputs/SearchableSelect.d.ts.map +1 -0
  37. package/dist/components/core/inputs/index.d.ts +3 -1
  38. package/dist/components/core/inputs/index.d.ts.map +1 -1
  39. package/dist/components/core/inputs/index.js +6 -3
  40. package/dist/components/core/navbar/index.js +1 -1
  41. package/dist/components/core/states/index.js +1 -1
  42. package/dist/components/core/table/DataTable.d.ts +17 -2
  43. package/dist/components/core/table/DataTable.d.ts.map +1 -1
  44. package/dist/components/core/table/TableBody.d.ts +2 -2
  45. package/dist/components/core/table/TableBody.d.ts.map +1 -1
  46. package/dist/components/core/table/TableHeader.d.ts +1 -1
  47. package/dist/components/core/table/TableHeader.d.ts.map +1 -1
  48. package/dist/components/core/table/index.d.ts +1 -3
  49. package/dist/components/core/table/index.d.ts.map +1 -1
  50. package/dist/components/core/table/index.js +9 -9
  51. package/dist/components/core/theme/ThemeSelector.d.ts +2 -1
  52. package/dist/components/core/theme/ThemeSelector.d.ts.map +1 -1
  53. package/dist/components/core/theme/index.js +1 -1
  54. package/dist/components/index.js +86 -63
  55. package/dist/components/ui/badge.d.ts +1 -1
  56. package/dist/components/ui/badge.d.ts.map +1 -1
  57. package/dist/components/ui/button.d.ts.map +1 -1
  58. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  59. package/dist/components/ui/index.d.ts +4 -1
  60. package/dist/components/ui/index.d.ts.map +1 -1
  61. package/dist/components/ui/index.js +50 -35
  62. package/dist/components/ui/label.d.ts +6 -0
  63. package/dist/components/ui/label.d.ts.map +1 -0
  64. package/dist/components/ui/select.d.ts +1 -1
  65. package/dist/components/ui/select.d.ts.map +1 -1
  66. package/dist/components/ui/sheet.d.ts.map +1 -1
  67. package/dist/components/ui/toast.d.ts +1 -1
  68. package/dist/components/ui/toast.d.ts.map +1 -1
  69. package/dist/{floating-ui.react-dom-BPCyLQfI.js → floating-ui.react-dom-BIcsGc3t.js} +553 -526
  70. package/dist/hooks/index.js +1 -1
  71. package/dist/hooks/ui/useDataTable.d.ts +1 -1
  72. package/dist/hooks/ui/useDataTable.d.ts.map +1 -1
  73. package/dist/hooks/ui/useToast.d.ts +5 -13
  74. package/dist/hooks/ui/useToast.d.ts.map +1 -1
  75. package/dist/popover-UjRQmYGN.js +5889 -0
  76. package/dist/select-CtU681LB.js +2070 -0
  77. package/dist/tailwind/index.d.ts.map +1 -1
  78. package/dist/tooltip-DzQngJZK.js +828 -0
  79. package/dist/types/FilterFieldConfig.d.ts +16 -0
  80. package/dist/types/FilterFieldConfig.d.ts.map +1 -0
  81. package/dist/types/FilterSection.d.ts +6 -0
  82. package/dist/types/FilterSection.d.ts.map +1 -0
  83. package/dist/types/index.d.ts +0 -1
  84. package/dist/types/index.d.ts.map +1 -1
  85. package/dist/{useTheme-D__o7mLN.js → useTheme-DsHPKCDp.js} +24 -18
  86. package/package.json +5 -3
  87. package/dist/Combination-CzdDhqdB.js +0 -564
  88. package/dist/DataTable-CjFA9p4V.js +0 -2216
  89. package/dist/DateRangePicker-rrXXEYz8.js +0 -1240
  90. package/dist/MetricCard-88djqC4o.js +0 -66
  91. package/dist/calendar-BMReToKR.js +0 -3911
  92. package/dist/checkbox-BI6Lm_p-.js +0 -358
  93. package/dist/chevron-down-ki5-dwtL.js +0 -11
  94. package/dist/select-B-hcmC3K.js +0 -1468
  95. package/dist/tooltip-gI1Mp9DG.js +0 -779
  96. package/dist/types/DataTableProps.d.ts +0 -19
  97. package/dist/types/DataTableProps.d.ts.map +0 -1
@@ -1,358 +0,0 @@
1
- import { c as T } from "./createLucideIcon-CRdjzt2A.js";
2
- import { jsx as f, jsxs as H, Fragment as G } from "react/jsx-runtime";
3
- import * as a from "react";
4
- import { u as E, a as A, d as K, e as X, f as M, g as V, h as J } from "./floating-ui.react-dom-BPCyLQfI.js";
5
- import { u as Q, C as Y } from "./Combination-CzdDhqdB.js";
6
- import "react-dom";
7
- import { c as O } from "./index-gWiv5-6R.js";
8
- function Z(t, e) {
9
- return a.useReducer((r, o) => e[r][o] ?? r, t);
10
- }
11
- var L = (t) => {
12
- const { present: e, children: r } = t, o = ee(e), i = typeof r == "function" ? r({ present: o.isPresent }) : a.Children.only(r), n = E(o.ref, te(i));
13
- return typeof r == "function" || o.isPresent ? a.cloneElement(i, { ref: n }) : null;
14
- };
15
- L.displayName = "Presence";
16
- function ee(t) {
17
- const [e, r] = a.useState(), o = a.useRef(null), i = a.useRef(t), n = a.useRef("none"), m = t ? "mounted" : "unmounted", [u, s] = Z(m, {
18
- mounted: {
19
- UNMOUNT: "unmounted",
20
- ANIMATION_OUT: "unmountSuspended"
21
- },
22
- unmountSuspended: {
23
- MOUNT: "mounted",
24
- ANIMATION_END: "unmounted"
25
- },
26
- unmounted: {
27
- MOUNT: "mounted"
28
- }
29
- });
30
- return a.useEffect(() => {
31
- const c = y(o.current);
32
- n.current = u === "mounted" ? c : "none";
33
- }, [u]), A(() => {
34
- const c = o.current, p = i.current;
35
- if (p !== t) {
36
- const l = n.current, h = y(c);
37
- t ? s("MOUNT") : h === "none" || (c == null ? void 0 : c.display) === "none" ? s("UNMOUNT") : s(p && l !== h ? "ANIMATION_OUT" : "UNMOUNT"), i.current = t;
38
- }
39
- }, [t, s]), A(() => {
40
- if (e) {
41
- let c;
42
- const p = e.ownerDocument.defaultView ?? window, d = (h) => {
43
- const k = y(o.current).includes(CSS.escape(h.animationName));
44
- if (h.target === e && k && (s("ANIMATION_END"), !i.current)) {
45
- const g = e.style.animationFillMode;
46
- e.style.animationFillMode = "forwards", c = p.setTimeout(() => {
47
- e.style.animationFillMode === "forwards" && (e.style.animationFillMode = g);
48
- });
49
- }
50
- }, l = (h) => {
51
- h.target === e && (n.current = y(o.current));
52
- };
53
- return e.addEventListener("animationstart", l), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
54
- p.clearTimeout(c), e.removeEventListener("animationstart", l), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
55
- };
56
- } else
57
- s("ANIMATION_END");
58
- }, [e, s]), {
59
- isPresent: ["mounted", "unmountSuspended"].includes(u),
60
- ref: a.useCallback((c) => {
61
- o.current = c ? getComputedStyle(c) : null, r(c);
62
- }, [])
63
- };
64
- }
65
- function y(t) {
66
- return (t == null ? void 0 : t.animationName) || "none";
67
- }
68
- function te(t) {
69
- var o, i;
70
- let e = (o = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : o.get, r = e && "isReactWarning" in e && e.isReactWarning;
71
- return r ? t.ref : (e = (i = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? t.props.ref : t.props.ref || t.ref);
72
- }
73
- var ne = [
74
- "a",
75
- "button",
76
- "div",
77
- "form",
78
- "h2",
79
- "h3",
80
- "img",
81
- "input",
82
- "label",
83
- "li",
84
- "nav",
85
- "ol",
86
- "p",
87
- "select",
88
- "span",
89
- "svg",
90
- "ul"
91
- ], P = ne.reduce((t, e) => {
92
- const r = K(`Primitive.${e}`), o = a.forwardRef((i, n) => {
93
- const { asChild: m, ...u } = i, s = m ? r : e;
94
- return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(s, { ...u, ref: n });
95
- });
96
- return o.displayName = `Primitive.${e}`, { ...t, [e]: o };
97
- }, {}), x = "Checkbox", [re] = J(x), [oe, I] = re(x);
98
- function ie(t) {
99
- const {
100
- __scopeCheckbox: e,
101
- checked: r,
102
- children: o,
103
- defaultChecked: i,
104
- disabled: n,
105
- form: m,
106
- name: u,
107
- onCheckedChange: s,
108
- required: c,
109
- value: p = "on",
110
- // @ts-expect-error
111
- internal_do_not_use_render: d
112
- } = t, [l, h] = X({
113
- prop: r,
114
- defaultProp: i ?? !1,
115
- onChange: s,
116
- caller: x
117
- }), [v, k] = a.useState(null), [g, b] = a.useState(null), C = a.useRef(!1), w = v ? !!m || !!v.closest("form") : (
118
- // We set this to true by default so that events bubble to forms without JS (SSR)
119
- !0
120
- ), R = {
121
- checked: l,
122
- disabled: n,
123
- setChecked: h,
124
- control: v,
125
- setControl: k,
126
- name: u,
127
- form: m,
128
- value: p,
129
- hasConsumerStoppedPropagationRef: C,
130
- required: c,
131
- defaultChecked: N(i) ? !1 : i,
132
- isFormControl: w,
133
- bubbleInput: g,
134
- setBubbleInput: b
135
- };
136
- return /* @__PURE__ */ f(
137
- oe,
138
- {
139
- scope: e,
140
- ...R,
141
- children: ae(d) ? d(R) : o
142
- }
143
- );
144
- }
145
- var U = "CheckboxTrigger", D = a.forwardRef(
146
- ({ __scopeCheckbox: t, onKeyDown: e, onClick: r, ...o }, i) => {
147
- const {
148
- control: n,
149
- value: m,
150
- disabled: u,
151
- checked: s,
152
- required: c,
153
- setControl: p,
154
- setChecked: d,
155
- hasConsumerStoppedPropagationRef: l,
156
- isFormControl: h,
157
- bubbleInput: v
158
- } = I(U, t), k = E(i, p), g = a.useRef(s);
159
- return a.useEffect(() => {
160
- const b = n == null ? void 0 : n.form;
161
- if (b) {
162
- const C = () => d(g.current);
163
- return b.addEventListener("reset", C), () => b.removeEventListener("reset", C);
164
- }
165
- }, [n, d]), /* @__PURE__ */ f(
166
- P.button,
167
- {
168
- type: "button",
169
- role: "checkbox",
170
- "aria-checked": N(s) ? "mixed" : s,
171
- "aria-required": c,
172
- "data-state": q(s),
173
- "data-disabled": u ? "" : void 0,
174
- disabled: u,
175
- value: m,
176
- ...o,
177
- ref: k,
178
- onKeyDown: M(e, (b) => {
179
- b.key === "Enter" && b.preventDefault();
180
- }),
181
- onClick: M(r, (b) => {
182
- d((C) => N(C) ? !0 : !C), v && h && (l.current = b.isPropagationStopped(), l.current || b.stopPropagation());
183
- })
184
- }
185
- );
186
- }
187
- );
188
- D.displayName = U;
189
- var S = a.forwardRef(
190
- (t, e) => {
191
- const {
192
- __scopeCheckbox: r,
193
- name: o,
194
- checked: i,
195
- defaultChecked: n,
196
- required: m,
197
- disabled: u,
198
- value: s,
199
- onCheckedChange: c,
200
- form: p,
201
- ...d
202
- } = t;
203
- return /* @__PURE__ */ f(
204
- ie,
205
- {
206
- __scopeCheckbox: r,
207
- checked: i,
208
- defaultChecked: n,
209
- disabled: u,
210
- required: m,
211
- onCheckedChange: c,
212
- name: o,
213
- form: p,
214
- value: s,
215
- internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ H(G, { children: [
216
- /* @__PURE__ */ f(
217
- D,
218
- {
219
- ...d,
220
- ref: e,
221
- __scopeCheckbox: r
222
- }
223
- ),
224
- l && /* @__PURE__ */ f(
225
- j,
226
- {
227
- __scopeCheckbox: r
228
- }
229
- )
230
- ] })
231
- }
232
- );
233
- }
234
- );
235
- S.displayName = x;
236
- var B = "CheckboxIndicator", F = a.forwardRef(
237
- (t, e) => {
238
- const { __scopeCheckbox: r, forceMount: o, ...i } = t, n = I(B, r);
239
- return /* @__PURE__ */ f(
240
- L,
241
- {
242
- present: o || N(n.checked) || n.checked === !0,
243
- children: /* @__PURE__ */ f(
244
- P.span,
245
- {
246
- "data-state": q(n.checked),
247
- "data-disabled": n.disabled ? "" : void 0,
248
- ...i,
249
- ref: e,
250
- style: { pointerEvents: "none", ...t.style }
251
- }
252
- )
253
- }
254
- );
255
- }
256
- );
257
- F.displayName = B;
258
- var W = "CheckboxBubbleInput", j = a.forwardRef(
259
- ({ __scopeCheckbox: t, ...e }, r) => {
260
- const {
261
- control: o,
262
- hasConsumerStoppedPropagationRef: i,
263
- checked: n,
264
- defaultChecked: m,
265
- required: u,
266
- disabled: s,
267
- name: c,
268
- value: p,
269
- form: d,
270
- bubbleInput: l,
271
- setBubbleInput: h
272
- } = I(W, t), v = E(r, h), k = Q(n), g = V(o);
273
- a.useEffect(() => {
274
- const C = l;
275
- if (!C) return;
276
- const w = window.HTMLInputElement.prototype, _ = Object.getOwnPropertyDescriptor(
277
- w,
278
- "checked"
279
- ).set, z = !i.current;
280
- if (k !== n && _) {
281
- const $ = new Event("click", { bubbles: z });
282
- C.indeterminate = N(n), _.call(C, N(n) ? !1 : n), C.dispatchEvent($);
283
- }
284
- }, [l, k, n, i]);
285
- const b = a.useRef(N(n) ? !1 : n);
286
- return /* @__PURE__ */ f(
287
- P.input,
288
- {
289
- type: "checkbox",
290
- "aria-hidden": !0,
291
- defaultChecked: m ?? b.current,
292
- required: u,
293
- disabled: s,
294
- name: c,
295
- value: p,
296
- form: d,
297
- ...e,
298
- tabIndex: -1,
299
- ref: v,
300
- style: {
301
- ...e.style,
302
- ...g,
303
- position: "absolute",
304
- pointerEvents: "none",
305
- opacity: 0,
306
- margin: 0,
307
- // We transform because the input is absolutely positioned but we have
308
- // rendered it **after** the button. This pulls it back to sit on top
309
- // of the button.
310
- transform: "translateX(-100%)"
311
- }
312
- }
313
- );
314
- }
315
- );
316
- j.displayName = W;
317
- function ae(t) {
318
- return typeof t == "function";
319
- }
320
- function N(t) {
321
- return t === "indeterminate";
322
- }
323
- function q(t) {
324
- return N(t) ? "indeterminate" : t ? "checked" : "unchecked";
325
- }
326
- /**
327
- * @license lucide-react v1.16.0 - ISC
328
- *
329
- * This source code is licensed under the ISC license.
330
- * See the LICENSE file in the root directory of this source tree.
331
- */
332
- const se = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], be = T("chevron-left", se);
333
- /**
334
- * @license lucide-react v1.16.0 - ISC
335
- *
336
- * This source code is licensed under the ISC license.
337
- * See the LICENSE file in the root directory of this source tree.
338
- */
339
- const ce = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ce = T("chevron-right", ce), de = a.forwardRef(
340
- ({ className: t, ...e }, r) => /* @__PURE__ */ f(
341
- S,
342
- {
343
- ref: r,
344
- className: O(
345
- "peer size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
346
- t
347
- ),
348
- ...e,
349
- children: /* @__PURE__ */ f(F, { className: O("flex items-center justify-center text-current"), children: e.checked === "indeterminate" ? /* @__PURE__ */ f("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, className: "size-3", children: /* @__PURE__ */ f("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) }) : /* @__PURE__ */ f(Y, { className: "size-3" }) })
350
- }
351
- )
352
- );
353
- de.displayName = S.displayName;
354
- export {
355
- de as C,
356
- be as a,
357
- Ce as b
358
- };
@@ -1,11 +0,0 @@
1
- import { c as o } from "./createLucideIcon-CRdjzt2A.js";
2
- /**
3
- * @license lucide-react v1.16.0 - ISC
4
- *
5
- * This source code is licensed under the ISC license.
6
- * See the LICENSE file in the root directory of this source tree.
7
- */
8
- const n = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], e = o("chevron-down", n);
9
- export {
10
- e as C
11
- };