@pibit.ai/cure-design-system 0.3.20 → 0.3.23

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 (61) hide show
  1. package/README.md +1 -0
  2. package/dist/applications/schedule-calendar/schedule-calendar.d.ts.map +1 -1
  3. package/dist/applications/schedule-calendar/schedule-calendar.js +24 -22
  4. package/dist/applications/schedule-calendar/utils.d.ts +13 -3
  5. package/dist/applications/schedule-calendar/utils.d.ts.map +1 -1
  6. package/dist/applications/schedule-calendar/utils.js +136 -117
  7. package/dist/index.d.ts +1 -0
  8. package/dist/index.d.ts.map +1 -1
  9. package/dist/index.js +92 -88
  10. package/dist/patterns/table/TableWrapper.d.ts.map +1 -1
  11. package/dist/patterns/table/TableWrapper.js +784 -665
  12. package/dist/patterns/table/index.d.ts +1 -1
  13. package/dist/patterns/table/index.d.ts.map +1 -1
  14. package/dist/patterns/table/storyHelpers/useMockTableState.d.ts.map +1 -1
  15. package/dist/patterns/table/table.d.ts.map +1 -1
  16. package/dist/patterns/table/table.js +44 -43
  17. package/dist/patterns/table/toolbar/AlignDropdown.d.ts.map +1 -1
  18. package/dist/patterns/table/toolbar/AlignDropdown.js +19 -25
  19. package/dist/patterns/table/toolbar/ColumnHeaderMenu.d.ts +9 -0
  20. package/dist/patterns/table/toolbar/ColumnHeaderMenu.d.ts.map +1 -1
  21. package/dist/patterns/table/toolbar/ColumnHeaderMenu.js +115 -81
  22. package/dist/patterns/table/toolbar/GroupByDropdown.d.ts.map +1 -1
  23. package/dist/patterns/table/toolbar/GroupByDropdown.js +48 -43
  24. package/dist/patterns/table/toolbar/SummaryFooter.d.ts.map +1 -1
  25. package/dist/patterns/table/toolbar/SummaryFooter.js +34 -27
  26. package/dist/patterns/table/toolbar/TableToolbar.d.ts +2 -0
  27. package/dist/patterns/table/toolbar/TableToolbar.d.ts.map +1 -1
  28. package/dist/patterns/table/toolbar/TableToolbar.js +2 -1
  29. package/dist/patterns/table/toolbar/index.d.ts +2 -2
  30. package/dist/patterns/table/toolbar/index.d.ts.map +1 -1
  31. package/dist/patterns/table/toolbar/tableToolbarHelpers.d.ts +10 -1
  32. package/dist/patterns/table/toolbar/tableToolbarHelpers.d.ts.map +1 -1
  33. package/dist/patterns/table/toolbar/tableToolbarHelpers.js +117 -117
  34. package/dist/patterns/table/types.d.ts +1 -0
  35. package/dist/patterns/table/types.d.ts.map +1 -1
  36. package/dist/primitives/multi-chips-select/MultiChipsSelect.d.ts +20 -0
  37. package/dist/primitives/multi-chips-select/MultiChipsSelect.d.ts.map +1 -0
  38. package/dist/primitives/multi-chips-select/MultiChipsSelect.js +233 -0
  39. package/dist/primitives/multi-chips-select/index.d.ts +3 -0
  40. package/dist/primitives/multi-chips-select/index.d.ts.map +1 -0
  41. package/dist/primitives/multi-chips-select/tagKeyFromLabel.d.ts +3 -0
  42. package/dist/primitives/multi-chips-select/tagKeyFromLabel.d.ts.map +1 -0
  43. package/dist/primitives/multi-chips-select/tagKeyFromLabel.js +6 -0
  44. package/dist/primitives/select/ExpandableSearchInput.d.ts +3 -1
  45. package/dist/primitives/select/ExpandableSearchInput.d.ts.map +1 -1
  46. package/dist/primitives/select/ExpandableSearchInput.js +100 -78
  47. package/dist/primitives/select/SearchInput.d.ts +5 -1
  48. package/dist/primitives/select/SearchInput.d.ts.map +1 -1
  49. package/dist/primitives/select/SearchInput.js +94 -74
  50. package/dist/primitives/select/searchable-select.d.ts +5 -3
  51. package/dist/primitives/select/searchable-select.d.ts.map +1 -1
  52. package/dist/primitives/select/searchable-select.js +196 -177
  53. package/dist/primitives/select/select-item.d.ts.map +1 -1
  54. package/dist/primitives/select/select-item.js +70 -54
  55. package/dist/primitives/select/select.d.ts +7 -2
  56. package/dist/primitives/select/select.d.ts.map +1 -1
  57. package/dist/primitives/select/select.js +161 -137
  58. package/dist/primitives/tooltip/ellipsis-content.d.ts.map +1 -1
  59. package/dist/primitives/tooltip/ellipsis-content.js +46 -43
  60. package/dist/styles/components.css +1 -1
  61. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAU5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAAyB,IAAI,GAAG,IAAI,GAAG,IAAI;EAEnE,CAAC;AAEH,QAAA,MAAM,MAAM,GAAI,yIAcb,WAAW,4CAwDb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/primitives/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUjF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC3D,aAAa,CAAC,cAAc,CAAC,EAC7B,WAAW;IACb,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uHAAuH;IACvH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiBD,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAIjB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AA4IF,eAAO,MAAM,aAAa;UAClB,IAAI,GAAG,IAAI,GAAG,IAAI;qBACP,OAAO;kBACV,GAAG,GAAG,IAAI;wBACJ,MAAM,IAAI;EACd,CAAC;AAEnB,QAAA,MAAM,MAAM,GAAI,yJAeb,WAAW,4CA+Fb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACrC,CAAC;AAKF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
@@ -1,119 +1,119 @@
1
- import { jsx as e, jsxs as f, Fragment as B } from "react/jsx-runtime";
2
- import { createContext as j, isValidElement as T } from "react";
3
- import { ChevronDown as V, XClose as _ } from "@untitledui/icons";
4
- import { Select as k, ListBox as R, Button as z, SelectValue as K } from "react-aria-components";
5
- import { Avatar as L } from "../avatar/avatar.js";
6
- import { HintText as P } from "../input/hint-text.js";
7
- import { Label as U } from "../input/label.js";
8
- import { ComboBox as $ } from "./combobox.js";
9
- import { Popover as A } from "./popover.js";
10
- import { SelectItem as E } from "./select-item.js";
11
- import { SearchableSelect as F } from "./searchable-select.js";
12
- import { cx as o } from "../../utils/cn.js";
13
- import { isReactComponent as H } from "../../utils/is-react-component.js";
14
- const X = {
1
+ import { jsx as e, jsxs as b, Fragment as K } from "react/jsx-runtime";
2
+ import { useRef as T, useCallback as j, createContext as V, isValidElement as _ } from "react";
3
+ import { ChevronDown as k, XClose as z } from "@untitledui/icons";
4
+ import { Select as L, ListBox as O, Button as P, SelectValue as U } from "react-aria-components";
5
+ import { Avatar as $ } from "../avatar/avatar.js";
6
+ import { HintText as A } from "../input/hint-text.js";
7
+ import { Label as E } from "../input/label.js";
8
+ import { ComboBox as F } from "./combobox.js";
9
+ import { Popover as H } from "./popover.js";
10
+ import { SelectItem as M } from "./select-item.js";
11
+ import { SearchableSelect as X } from "./searchable-select.js";
12
+ import { cx as i } from "../../utils/cn.js";
13
+ import { isReactComponent as G } from "../../utils/is-react-component.js";
14
+ const J = {
15
15
  sm: { root: "py-1.5 px-2 h-8", shortcut: "pr-2" },
16
16
  md: { root: "py-1.5 px-3 h-9", shortcut: "pr-2.5" },
17
17
  lg: { root: "py-2.5 px-3.5 h-11", shortcut: "pr-3" }
18
- }, G = {
18
+ }, Q = {
19
19
  sm: "rounded-md",
20
20
  md: "rounded-md",
21
21
  lg: "rounded-lg"
22
- }, b = {
22
+ }, w = {
23
23
  sm: "text-xs",
24
24
  md: "text-sm",
25
25
  lg: "text-md"
26
- }, S = {
26
+ }, R = {
27
27
  sm: "size-4",
28
28
  md: "size-4",
29
29
  lg: "size-5"
30
- }, J = {
30
+ }, W = {
31
31
  sm: "text-xs",
32
32
  md: "text-xs",
33
33
  lg: "text-sm"
34
- }, M = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", O = ({
35
- isOpen: x,
36
- isFocused: y,
37
- isDisabled: n,
38
- size: l,
39
- placeholder: a,
40
- placeholderIcon: d,
41
- ref: m,
42
- textStyles: h,
43
- showChevron: s = !0,
44
- isClearable: g = !1,
45
- onClear: c,
46
- selectedItem: u
34
+ }, Y = "relative flex w-full cursor-pointer items-center bg-primary ring-1 ring-secondary outline-hidden transition duration-100 ease-linear ring-inset", Z = ({
35
+ isOpen: y,
36
+ isFocused: B,
37
+ isDisabled: c,
38
+ size: n,
39
+ placeholder: u,
40
+ placeholderIcon: p,
41
+ ref: x,
42
+ textStyles: I,
43
+ showChevron: f = !0,
44
+ isClearable: N = !1,
45
+ onClear: a,
46
+ selectedItem: h
47
47
  }) => {
48
- const r = g && u && !n && c, i = /* @__PURE__ */ e(
49
- z,
48
+ const d = N && h && !c && a, g = /* @__PURE__ */ e(
49
+ P,
50
50
  {
51
- ref: m,
52
- className: o(
53
- M,
54
- G[l],
55
- (y || x) && "ring-1 ring-brand",
56
- n && "cursor-not-allowed bg-disabled_subtle text-disabled"
51
+ ref: x,
52
+ className: i(
53
+ Y,
54
+ Q[n],
55
+ (B || y) && "ring-1 ring-brand",
56
+ c && "cursor-not-allowed bg-disabled_subtle text-disabled"
57
57
  ),
58
58
  children: /* @__PURE__ */ e(
59
- K,
59
+ U,
60
60
  {
61
- className: o(
61
+ className: i(
62
62
  "flex h-max w-full items-center justify-start gap-2 truncate text-left align-middle",
63
63
  // Icon styles
64
64
  "*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled",
65
- X[l].root
65
+ J[n].root
66
66
  ),
67
- children: (t) => {
68
- var I, N, C, w, q;
69
- const p = ((I = t.selectedItem) == null ? void 0 : I.icon) || d;
70
- return /* @__PURE__ */ f(B, { children: [
71
- (N = t.selectedItem) != null && N.avatarUrl ? /* @__PURE__ */ e(
72
- L,
67
+ children: (r) => {
68
+ var o, m, s, v, S;
69
+ const t = ((o = r.selectedItem) == null ? void 0 : o.icon) || p;
70
+ return /* @__PURE__ */ b(K, { children: [
71
+ (m = r.selectedItem) != null && m.avatarUrl ? /* @__PURE__ */ e(
72
+ $,
73
73
  {
74
74
  size: "sm",
75
- src: t.selectedItem.avatarUrl,
76
- alt: t.selectedItem.label
75
+ src: r.selectedItem.avatarUrl,
76
+ alt: r.selectedItem.label
77
77
  }
78
- ) : H(p) ? /* @__PURE__ */ e(
79
- p,
78
+ ) : G(t) ? /* @__PURE__ */ e(
79
+ t,
80
80
  {
81
81
  "data-icon": !0,
82
82
  "aria-hidden": "true",
83
- className: S[l]
83
+ className: R[n]
84
84
  }
85
- ) : T(p) ? p : null,
86
- t.selectedItem ? /* @__PURE__ */ f("section", { className: "flex w-full gap-2 truncate", children: [
85
+ ) : _(t) ? t : null,
86
+ r.selectedItem ? /* @__PURE__ */ b("section", { className: "flex w-full gap-2 truncate", children: [
87
87
  /* @__PURE__ */ e(
88
88
  "p",
89
89
  {
90
- className: o(
90
+ className: i(
91
91
  "truncate font-medium text-primary",
92
- b[l],
93
- h
92
+ w[n],
93
+ I
94
94
  ),
95
- children: (C = t.selectedItem) == null ? void 0 : C.label
95
+ children: (s = r.selectedItem) == null ? void 0 : s.label
96
96
  }
97
97
  ),
98
- ((w = t.selectedItem) == null ? void 0 : w.supportingText) && /* @__PURE__ */ e("p", { className: o("text-tertiary", b[l]), children: (q = t.selectedItem) == null ? void 0 : q.supportingText })
98
+ ((v = r.selectedItem) == null ? void 0 : v.supportingText) && /* @__PURE__ */ e("p", { className: i("text-tertiary", w[n]), children: (S = r.selectedItem) == null ? void 0 : S.supportingText })
99
99
  ] }) : /* @__PURE__ */ e(
100
100
  "p",
101
101
  {
102
- className: o(
102
+ className: i(
103
103
  "text-placeholder_subtle",
104
- b[l],
105
- n && "text-disabled"
104
+ w[n],
105
+ c && "text-disabled"
106
106
  ),
107
- children: a
107
+ children: u
108
108
  }
109
109
  ),
110
- s && /* @__PURE__ */ e(
111
- V,
110
+ f && /* @__PURE__ */ e(
111
+ k,
112
112
  {
113
113
  "aria-hidden": "true",
114
- className: o(
114
+ className: i(
115
115
  "ml-auto shrink-0 text-fg-quaternary",
116
- S[l]
116
+ R[n]
117
117
  )
118
118
  }
119
119
  )
@@ -123,86 +123,110 @@ const X = {
123
123
  )
124
124
  }
125
125
  );
126
- return r ? /* @__PURE__ */ f("div", { className: "relative flex w-full items-stretch", children: [
127
- i,
126
+ return d ? /* @__PURE__ */ b("div", { className: "relative flex w-full items-stretch", children: [
127
+ g,
128
128
  /* @__PURE__ */ e(
129
129
  "button",
130
130
  {
131
131
  type: "button",
132
132
  tabIndex: -1,
133
133
  "aria-label": "Clear selection",
134
- onClick: () => c == null ? void 0 : c(),
135
- className: o(
134
+ onClick: () => a == null ? void 0 : a(),
135
+ className: i(
136
136
  "absolute right-8 top-1/2 cursor-pointer flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-fg-quaternary outline-hidden transition hover:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring"
137
137
  ),
138
- children: /* @__PURE__ */ e(_, { "aria-hidden": !0, className: S[l] })
138
+ children: /* @__PURE__ */ e(z, { "aria-hidden": !0, className: R[n] })
139
139
  }
140
140
  )
141
- ] }) : i;
142
- }, Q = j({
143
- size: "sm"
144
- }), W = ({
145
- placeholder: x = "Select",
146
- placeholderIcon: y,
147
- size: n = "sm",
148
- children: l,
149
- items: a,
150
- label: d,
151
- hint: m,
152
- tooltip: h,
153
- className: s,
154
- textStyles: g,
155
- showChevron: c = !0,
156
- isClearable: u = !1,
157
- ...r
158
- }) => /* @__PURE__ */ e(Q.Provider, { value: { size: n }, children: /* @__PURE__ */ e(
159
- k,
160
- {
161
- ...r,
162
- className: (i) => o(
163
- "flex flex-col gap-1.5",
164
- typeof s == "function" ? s(i) : s
165
- ),
166
- children: (i) => /* @__PURE__ */ f(B, { children: [
167
- d && /* @__PURE__ */ e(
168
- U,
169
- {
170
- isRequired: i.isRequired,
171
- tooltip: h,
172
- className: J[n],
173
- children: d
174
- }
175
- ),
176
- /* @__PURE__ */ e(
177
- O,
141
+ ] }) : g;
142
+ }, D = V({ size: "sm" }), ee = ({
143
+ placeholder: y = "Select",
144
+ placeholderIcon: B,
145
+ size: c = "sm",
146
+ children: n,
147
+ items: u,
148
+ label: p,
149
+ hint: x,
150
+ tooltip: I,
151
+ className: f,
152
+ textStyles: N,
153
+ showChevron: a = !0,
154
+ isClearable: h = !1,
155
+ isDeselectable: d = !1,
156
+ ...g
157
+ }) => {
158
+ const { selectedKey: r, onSelectionChange: t, ...o } = g, m = T(!1), s = r === void 0 ? void 0 : r == null || String(r) === "" ? null : r, v = j(() => {
159
+ var l;
160
+ !d || s == null || (m.current = !0, t == null || t(null), (l = o.onOpenChange) == null || l.call(o, !1), queueMicrotask(() => {
161
+ m.current = !1;
162
+ }));
163
+ }, [o.onOpenChange, d, t, s]), S = j(
164
+ (l) => {
165
+ if (m.current) return;
166
+ const C = l == null || String(l) === "" ? null : l;
167
+ t == null || t(C);
168
+ },
169
+ [t]
170
+ );
171
+ return /* @__PURE__ */ e(
172
+ D.Provider,
173
+ {
174
+ value: {
175
+ size: c,
176
+ isDeselectable: d,
177
+ selectedKey: s,
178
+ onReselectCurrent: d ? v : void 0
179
+ },
180
+ children: /* @__PURE__ */ e(
181
+ L,
178
182
  {
179
- ...i,
180
- size: n,
181
- placeholder: x,
182
- placeholderIcon: null,
183
- textStyles: g,
184
- showChevron: c,
185
- isClearable: u,
186
- onClear: u && r.onSelectionChange ? () => {
187
- var t;
188
- return (t = r.onSelectionChange) == null ? void 0 : t.call(r, null);
189
- } : void 0,
190
- selectedItem: r.selectedKey != null && a ? a.find(
191
- (t) => String(t.id) === String(r.selectedKey)
192
- ) ?? null : null
183
+ ...o,
184
+ selectedKey: s,
185
+ onSelectionChange: S,
186
+ className: (l) => i(
187
+ "flex flex-col gap-1.5",
188
+ typeof f == "function" ? f(l) : f
189
+ ),
190
+ children: (l) => /* @__PURE__ */ b(K, { children: [
191
+ p && /* @__PURE__ */ e(
192
+ E,
193
+ {
194
+ isRequired: l.isRequired,
195
+ tooltip: I,
196
+ className: W[c],
197
+ children: p
198
+ }
199
+ ),
200
+ /* @__PURE__ */ e(
201
+ Z,
202
+ {
203
+ ...l,
204
+ size: c,
205
+ placeholder: y,
206
+ placeholderIcon: null,
207
+ textStyles: N,
208
+ showChevron: a,
209
+ isClearable: h,
210
+ onClear: h && t ? () => t(null) : void 0,
211
+ selectedItem: s != null && u ? u.find(
212
+ (C) => String(C.id) === String(s)
213
+ ) ?? null : null
214
+ }
215
+ ),
216
+ /* @__PURE__ */ e(H, { size: c, className: i(o.popoverClassName), children: /* @__PURE__ */ e(O, { items: u, className: "size-full outline-hidden ", children: n }) }),
217
+ x && /* @__PURE__ */ e(A, { isInvalid: l.isInvalid, children: x })
218
+ ] })
193
219
  }
194
- ),
195
- /* @__PURE__ */ e(A, { size: n, className: o(r.popoverClassName), children: /* @__PURE__ */ e(R, { items: a, className: "size-full outline-hidden ", children: l }) }),
196
- m && /* @__PURE__ */ e(P, { isInvalid: i.isInvalid, children: m })
197
- ] })
198
- }
199
- ) }), v = W;
200
- v.ComboBox = $;
201
- v.Item = E;
202
- v.Searchable = F;
220
+ )
221
+ }
222
+ );
223
+ }, q = ee;
224
+ q.ComboBox = F;
225
+ q.Item = M;
226
+ q.Searchable = X;
203
227
  export {
204
- v as Select,
205
- Q as SelectContext,
206
- b as fontSizes,
207
- X as sizes
228
+ q as Select,
229
+ D as SelectContext,
230
+ w as fontSizes,
231
+ J as sizes
208
232
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ellipsis-content.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/ellipsis-content.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,gEAMxC,+BAA+B,4CA4HjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAQ,GAAG,KAAe,EACrD,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,EACtB,mBAAmB,MAAM,4CAmB1B,CAAC"}
1
+ {"version":3,"file":"ellipsis-content.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/ellipsis-content.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,gEAMxC,+BAA+B,4CA4HjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAQ,GAAG,KAAe,EACrD,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,EACtB,mBAAmB,MAAM,4CAmB1B,CAAC"}
@@ -1,25 +1,28 @@
1
- import { jsxs as v, Fragment as y, jsx as u } from "react/jsx-runtime";
1
+ import { jsxs as v, Fragment as y, jsx as c } from "react/jsx-runtime";
2
2
  import { useState as w, useRef as x, useEffect as b } from "react";
3
3
  import { createPortal as P } from "react-dom";
4
- import { computePosition as M, offset as $, autoPlacement as E, size as R, shift as W } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
4
+ import { computePosition as $, offset as E, autoPlacement as M, size as W, shift as k } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
5
5
  import { cx as T } from "../../utils/cn.js";
6
- const j = ({
7
- content: e,
8
- className: c = "",
6
+ const z = (t) => {
7
+ const e = t.trim();
8
+ return e ? /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(e) || e.startsWith("//") ? e : `https://${e}` : "";
9
+ }, R = ({
10
+ content: t,
11
+ className: e = "",
9
12
  link: f = !1,
10
13
  textClassName: m = "",
11
14
  tooltipClassName: h = ""
12
15
  }) => {
13
- const [i, a] = w(!1), [p, g] = w({ top: -9999, left: -9999 }), o = x(null), s = x(null), n = x(null);
16
+ const [a, s] = w(!1), [p, g] = w({ top: -9999, left: -9999 }), n = x(null), u = x(null), i = x(null);
14
17
  return b(() => () => {
15
- n.current != null && clearTimeout(n.current);
18
+ i.current != null && clearTimeout(i.current);
16
19
  }, []), b(() => {
17
- if (!i || !o.current || !s.current) return;
18
- let t = !1;
19
- return M(o.current, s.current, {
20
+ if (!a || !n.current || !u.current) return;
21
+ let r = !1;
22
+ return $(n.current, u.current, {
20
23
  middleware: [
21
- $(8),
22
- E({
24
+ E(8),
25
+ M({
23
26
  allowedPlacements: [
24
27
  "top-start",
25
28
  "top",
@@ -29,53 +32,53 @@ const j = ({
29
32
  "bottom-end"
30
33
  ]
31
34
  }),
32
- R({
35
+ W({
33
36
  padding: 8,
34
- apply({ availableWidth: r, availableHeight: l, elements: d }) {
37
+ apply({ availableWidth: o, availableHeight: l, elements: d }) {
35
38
  Object.assign(d.floating.style, {
36
- maxWidth: `${Math.min(r, 512)}px`,
39
+ maxWidth: `${Math.min(o, 512)}px`,
37
40
  maxHeight: `${Math.min(l, window.innerHeight * 0.4)}px`
38
41
  });
39
42
  }
40
43
  }),
41
- W({ padding: 8 })
44
+ k({ padding: 8 })
42
45
  ]
43
- }).then(({ x: r, y: l }) => {
44
- t || g({ top: l, left: r });
46
+ }).then(({ x: o, y: l }) => {
47
+ r || g({ top: l, left: o });
45
48
  }), () => {
46
- t = !0;
49
+ r = !0;
47
50
  };
48
- }, [i]), /* @__PURE__ */ v(y, { children: [
49
- /* @__PURE__ */ u(
51
+ }, [a]), /* @__PURE__ */ v(y, { children: [
52
+ /* @__PURE__ */ c(
50
53
  "span",
51
54
  {
52
- ref: o,
55
+ ref: n,
53
56
  className: T(
54
57
  "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
55
58
  m,
56
- c,
59
+ e,
57
60
  f ? "!text-[var(--color-brand-600)]" : ""
58
61
  ),
59
62
  onMouseEnter: () => {
60
- !o.current || !(o.current.scrollWidth > o.current.clientWidth) || (g({ top: -9999, left: -9999 }), a(!0));
63
+ !n.current || !(n.current.scrollWidth > n.current.clientWidth) || (g({ top: -9999, left: -9999 }), s(!0));
61
64
  },
62
- onMouseLeave: (t) => {
63
- var r;
64
- (r = s.current) != null && r.contains(t.relatedTarget) || (n.current != null && clearTimeout(n.current), n.current = setTimeout(() => {
65
+ onMouseLeave: (r) => {
66
+ var o;
67
+ (o = u.current) != null && o.contains(r.relatedTarget) || (i.current != null && clearTimeout(i.current), i.current = setTimeout(() => {
65
68
  var l, d;
66
- n.current = null, !((l = s.current) != null && l.matches(":hover")) && !((d = o.current) != null && d.matches(":hover")) && a(!1);
69
+ i.current = null, !((l = u.current) != null && l.matches(":hover")) && !((d = n.current) != null && d.matches(":hover")) && s(!1);
67
70
  }, 100));
68
71
  },
69
- children: f ? /* @__PURE__ */ u("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: e }) : e
72
+ children: f ? /* @__PURE__ */ c("a", { href: z(t), target: "_blank", rel: "noopener noreferrer", children: t }) : t
70
73
  }
71
74
  ),
72
- i && P(
73
- /* @__PURE__ */ u(
75
+ a && P(
76
+ /* @__PURE__ */ c(
74
77
  "div",
75
78
  {
76
79
  "data-react-aria-top-layer": "true",
77
80
  role: "tooltip",
78
- ref: s,
81
+ ref: u,
79
82
  className: T(
80
83
  "fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg z-[9999] max-w-lg max-h-[40vh] overflow-y-auto break-words whitespace-normal",
81
84
  h
@@ -84,30 +87,30 @@ const j = ({
84
87
  top: `${p.top}px`,
85
88
  left: `${p.left}px`
86
89
  },
87
- onClick: (t) => t.stopPropagation(),
88
- onMouseLeave: (t) => {
89
- var r;
90
- (r = o.current) != null && r.contains(t.relatedTarget) || a(!1);
90
+ onClick: (r) => r.stopPropagation(),
91
+ onMouseLeave: (r) => {
92
+ var o;
93
+ (o = n.current) != null && o.contains(r.relatedTarget) || s(!1);
91
94
  },
92
- children: e
95
+ children: t
93
96
  }
94
97
  ),
95
98
  document.body
96
99
  )
97
100
  ] });
98
- }, N = (e, c = "", f, m = "start", h, i, a, p) => e === "" || e === "-" ? /* @__PURE__ */ u("span", { className: `text-left ${c}`, children: e || i || "-" }) : /* @__PURE__ */ u(
99
- j,
101
+ }, N = (t, e = "", f, m = "start", h, a, s, p) => t === "" || t === "-" ? /* @__PURE__ */ c("span", { className: `text-left ${e}`, children: t || a || "-" }) : /* @__PURE__ */ c(
102
+ R,
100
103
  {
101
- content: e,
102
- className: c,
104
+ content: t,
105
+ className: e,
103
106
  link: f,
104
107
  tooltipPosition: m,
105
108
  tooltipSide: h,
106
- textClassName: a,
109
+ textClassName: s,
107
110
  tooltipClassName: p
108
111
  }
109
112
  );
110
113
  export {
111
- j as EllipsisContentWithTooltip,
114
+ R as EllipsisContentWithTooltip,
112
115
  N as createEllipsisContent
113
116
  };