@simpli-route/apollo-ds 0.1.43 → 0.1.44

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 (181) hide show
  1. package/dist/components/FilterButton/FilterButton.d.ts +1 -1
  2. package/dist/components/FilterButton/FilterButton.test.d.ts +1 -0
  3. package/dist/components/FilterButton/index.d.ts +1 -0
  4. package/dist/components/FilterButton/types.d.ts +45 -10
  5. package/dist/index.cjs10.js +1 -1
  6. package/dist/index.cjs100.js +1 -1
  7. package/dist/index.cjs101.js +1 -1
  8. package/dist/index.cjs102.js +1 -1
  9. package/dist/index.cjs11.js +1 -1
  10. package/dist/index.cjs12.js +1 -1
  11. package/dist/index.cjs121.js +1 -1
  12. package/dist/index.cjs124.js +1 -1
  13. package/dist/index.cjs127.js +1 -1
  14. package/dist/index.cjs128.js +1 -1
  15. package/dist/index.cjs14.js +1 -1
  16. package/dist/index.cjs143.js +1 -1
  17. package/dist/index.cjs148.js +1 -1
  18. package/dist/index.cjs149.js +1 -1
  19. package/dist/index.cjs15.js +1 -1
  20. package/dist/index.cjs150.js +1 -1
  21. package/dist/index.cjs151.js +1 -1
  22. package/dist/index.cjs152.js +1 -1
  23. package/dist/index.cjs153.js +1 -1
  24. package/dist/index.cjs156.js +1 -1
  25. package/dist/index.cjs157.js +1 -1
  26. package/dist/index.cjs158.js +1 -1
  27. package/dist/index.cjs16.js +1 -1
  28. package/dist/index.cjs161.js +1 -1
  29. package/dist/index.cjs162.js +1 -1
  30. package/dist/index.cjs163.js +1 -1
  31. package/dist/index.cjs165.js +1 -1
  32. package/dist/index.cjs166.js +1 -1
  33. package/dist/index.cjs167.js +1 -1
  34. package/dist/index.cjs17.js +1 -1
  35. package/dist/index.cjs18.js +1 -1
  36. package/dist/index.cjs21.js +1 -1
  37. package/dist/index.cjs22.js +1 -1
  38. package/dist/index.cjs23.js +1 -1
  39. package/dist/index.cjs24.js +1 -1
  40. package/dist/index.cjs25.js +1 -1
  41. package/dist/index.cjs26.js +1 -1
  42. package/dist/index.cjs27.js +1 -1
  43. package/dist/index.cjs28.js +1 -1
  44. package/dist/index.cjs32.js +1 -1
  45. package/dist/index.cjs33.js +1 -1
  46. package/dist/index.cjs34.js +1 -1
  47. package/dist/index.cjs35.js +1 -1
  48. package/dist/index.cjs36.js +1 -1
  49. package/dist/index.cjs37.js +1 -1
  50. package/dist/index.cjs42.js +1 -1
  51. package/dist/index.cjs44.js +1 -1
  52. package/dist/index.cjs45.js +1 -1
  53. package/dist/index.cjs46.js +1 -1
  54. package/dist/index.cjs47.js +1 -1
  55. package/dist/index.cjs48.js +1 -1
  56. package/dist/index.cjs49.js +1 -1
  57. package/dist/index.cjs5.js +1 -1
  58. package/dist/index.cjs50.js +1 -1
  59. package/dist/index.cjs51.js +1 -1
  60. package/dist/index.cjs52.js +1 -1
  61. package/dist/index.cjs53.js +1 -1
  62. package/dist/index.cjs54.js +1 -1
  63. package/dist/index.cjs55.js +1 -1
  64. package/dist/index.cjs56.js +1 -1
  65. package/dist/index.cjs57.js +1 -1
  66. package/dist/index.cjs58.js +1 -1
  67. package/dist/index.cjs59.js +1 -1
  68. package/dist/index.cjs6.js +1 -1
  69. package/dist/index.cjs60.js +1 -1
  70. package/dist/index.cjs61.js +1 -1
  71. package/dist/index.cjs62.js +1 -1
  72. package/dist/index.cjs63.js +1 -1
  73. package/dist/index.cjs64.js +1 -1
  74. package/dist/index.cjs65.js +1 -1
  75. package/dist/index.cjs66.js +1 -1
  76. package/dist/index.cjs67.js +1 -1
  77. package/dist/index.cjs68.js +1 -1
  78. package/dist/index.cjs69.js +1 -1
  79. package/dist/index.cjs7.js +1 -1
  80. package/dist/index.cjs70.js +1 -1
  81. package/dist/index.cjs71.js +1 -1
  82. package/dist/index.cjs75.js +1 -1
  83. package/dist/index.cjs76.js +1 -1
  84. package/dist/index.cjs77.js +1 -1
  85. package/dist/index.cjs78.js +1 -1
  86. package/dist/index.cjs79.js +1 -1
  87. package/dist/index.cjs8.js +1 -1
  88. package/dist/index.cjs82.js +1 -1
  89. package/dist/index.cjs83.js +1 -1
  90. package/dist/index.cjs9.js +1 -1
  91. package/dist/index.cjs99.js +1 -1
  92. package/dist/index.es10.js +1 -1
  93. package/dist/index.es100.js +30 -2
  94. package/dist/index.es101.js +2 -30
  95. package/dist/index.es102.js +2 -57
  96. package/dist/index.es11.js +1 -1
  97. package/dist/index.es12.js +1 -1
  98. package/dist/index.es121.js +2 -2
  99. package/dist/index.es124.js +2 -2
  100. package/dist/index.es127.js +6 -6
  101. package/dist/index.es128.js +2 -2
  102. package/dist/index.es14.js +1 -1
  103. package/dist/index.es143.js +3 -3
  104. package/dist/index.es148.js +10 -61
  105. package/dist/index.es149.js +61 -4
  106. package/dist/index.es15.js +2 -2
  107. package/dist/index.es150.js +4 -14
  108. package/dist/index.es151.js +10 -307
  109. package/dist/index.es152.js +304 -19
  110. package/dist/index.es153.js +26 -4
  111. package/dist/index.es156.js +4 -94
  112. package/dist/index.es157.js +94 -4
  113. package/dist/index.es158.js +2 -8
  114. package/dist/index.es16.js +1 -1
  115. package/dist/index.es161.js +4 -51
  116. package/dist/index.es162.js +47 -15
  117. package/dist/index.es163.js +19 -4
  118. package/dist/index.es164.js +2 -2
  119. package/dist/index.es165.js +4 -753
  120. package/dist/index.es166.js +753 -4
  121. package/dist/index.es167.js +2 -2
  122. package/dist/index.es17.js +2 -2
  123. package/dist/index.es18.js +1 -1
  124. package/dist/index.es21.js +1 -1
  125. package/dist/index.es22.js +2 -2
  126. package/dist/index.es23.js +3 -3
  127. package/dist/index.es24.js +17 -16
  128. package/dist/index.es25.js +3 -3
  129. package/dist/index.es26.js +3 -3
  130. package/dist/index.es27.js +2 -2
  131. package/dist/index.es28.js +1 -1
  132. package/dist/index.es32.js +3 -3
  133. package/dist/index.es33.js +3 -3
  134. package/dist/index.es34.js +1 -1
  135. package/dist/index.es35.js +1 -1
  136. package/dist/index.es36.js +1 -1
  137. package/dist/index.es37.js +1 -1
  138. package/dist/index.es42.js +30 -171
  139. package/dist/index.es44.js +17 -33
  140. package/dist/index.es45.js +16 -122
  141. package/dist/index.es46.js +15 -83
  142. package/dist/index.es47.js +25 -136
  143. package/dist/index.es48.js +149 -114
  144. package/dist/index.es49.js +58 -93
  145. package/dist/index.es5.js +18 -17
  146. package/dist/index.es50.js +90 -81
  147. package/dist/index.es51.js +82 -32
  148. package/dist/index.es52.js +112 -84
  149. package/dist/index.es53.js +118 -22
  150. package/dist/index.es54.js +115 -3
  151. package/dist/index.es55.js +85 -131
  152. package/dist/index.es56.js +28 -86
  153. package/dist/index.es57.js +109 -14
  154. package/dist/index.es58.js +40 -30
  155. package/dist/index.es59.js +3 -18
  156. package/dist/index.es6.js +1 -1
  157. package/dist/index.es60.js +159 -16
  158. package/dist/index.es61.js +90 -14
  159. package/dist/index.es62.js +20 -161
  160. package/dist/index.es63.js +101 -10
  161. package/dist/index.es64.js +13 -10
  162. package/dist/index.es65.js +163 -12
  163. package/dist/index.es66.js +65 -13
  164. package/dist/index.es67.js +10 -65
  165. package/dist/index.es68.js +10 -88
  166. package/dist/index.es69.js +12 -80
  167. package/dist/index.es7.js +1 -1
  168. package/dist/index.es70.js +13 -101
  169. package/dist/index.es71.js +87 -12
  170. package/dist/index.es75.js +19 -10
  171. package/dist/index.es76.js +20 -10
  172. package/dist/index.es77.js +10 -45
  173. package/dist/index.es78.js +10 -19
  174. package/dist/index.es79.js +42 -17
  175. package/dist/index.es8.js +3 -3
  176. package/dist/index.es82.js +1 -1
  177. package/dist/index.es83.js +1 -1
  178. package/dist/index.es9.js +107 -57
  179. package/dist/index.es99.js +57 -2
  180. package/dist/style.css +9 -0
  181. package/package.json +1 -1
@@ -1,15 +1,90 @@
1
- const o = (e, g, r = 1) => {
2
- if (g === "range" && Array.isArray(e) && e.length === 2) {
3
- const [t, f] = e;
4
- if (f - t < r) {
5
- if (t > f - r)
6
- return [f - r, f];
7
- if (f < t + r)
8
- return [t, t + r];
9
- }
1
+ import { j as e } from "./index.es38.js";
2
+ import { CrossCircleIcon as w } from "./index.es40.js";
3
+ import { Button as C, SelectValue as N } from "react-aria-components";
4
+ import { cn as r } from "./index.es39.js";
5
+ import { selectInputButtonVariants as v, selectInputBadgeVariants as B } from "./index.es49.js";
6
+ const $ = ({
7
+ ref: i,
8
+ isOpen: c,
9
+ setIsOpen: u,
10
+ size: n,
11
+ isDisabled: t,
12
+ classNameButton: p,
13
+ selectionMode: f,
14
+ maxLengthTextOption: m,
15
+ handleDeleteOptionSelected: h,
16
+ placeholder: d
17
+ }) => /* @__PURE__ */ e.jsxs(
18
+ C,
19
+ {
20
+ ref: i,
21
+ className: ({ isFocusVisible: l, isHovered: a }) => r(
22
+ v({
23
+ size: n,
24
+ isDisabled: t,
25
+ isFocusVisible: l,
26
+ isHovered: a
27
+ }),
28
+ p
29
+ ),
30
+ onPress: () => u(!c),
31
+ children: [
32
+ /* @__PURE__ */ e.jsx(N, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: l, selectedText: a, isPlaceholder: j }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: f === "multiple" && l && l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: l.filter((s) => s != null).map((s) => {
33
+ const o = s.label, g = o.length > m ? `${o.slice(0, m)}...` : o, x = s.value;
34
+ return /* @__PURE__ */ e.jsxs("div", { className: r(B({ size: n, isDisabled: t })), children: [
35
+ /* @__PURE__ */ e.jsx("span", { children: g }),
36
+ /* @__PURE__ */ e.jsx(
37
+ C,
38
+ {
39
+ className: r("outline-none", t ? "cursor-not-allowed" : ""),
40
+ isDisabled: t,
41
+ slot: null,
42
+ onPress: () => h(x),
43
+ children: /* @__PURE__ */ e.jsx(
44
+ w,
45
+ {
46
+ className: r(
47
+ "text-primary-800",
48
+ t ? "text-neutral-600" : "",
49
+ n === "xs" || n === "sm" ? "size-3" : "size-4"
50
+ )
51
+ }
52
+ )
53
+ }
54
+ )
55
+ ] }, x);
56
+ }) }) : /* @__PURE__ */ e.jsx(
57
+ "span",
58
+ {
59
+ className: r(
60
+ "flex-1 truncate text-left",
61
+ j ? "text-neutral-600" : "",
62
+ t ? "text-neutral-700" : ""
63
+ ),
64
+ children: a || d
65
+ }
66
+ ) }) }),
67
+ /* @__PURE__ */ e.jsx(
68
+ "svg",
69
+ {
70
+ className: `${c ? "rotate-180" : ""} transition-transform duration-100`,
71
+ width: "20",
72
+ height: "10",
73
+ viewBox: "0 0 20 10",
74
+ fill: "none",
75
+ xmlns: "http://www.w3.org/2000/svg",
76
+ children: /* @__PURE__ */ e.jsx(
77
+ "path",
78
+ {
79
+ d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
80
+ fill: "#73768C"
81
+ }
82
+ )
83
+ }
84
+ )
85
+ ]
10
86
  }
11
- return e;
12
- };
87
+ );
13
88
  export {
14
- o as validateMinDistance
89
+ $ as SelectContent
15
90
  };
@@ -1,12 +1,21 @@
1
- import { j as p } from "./index.es38.js";
2
- import { useRef as f } from "react";
3
- import { useTab as u } from "react-aria";
4
- import { cn as x } from "./index.es39.js";
5
- import { tabVariants as y } from "./index.es77.js";
6
- const D = (t) => {
7
- const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
8
- return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
9
- };
1
+ import { j as t } from "./index.es38.js";
2
+ import { cn as c } from "./index.es39.js";
3
+ const i = ({
4
+ label: e,
5
+ description: x,
6
+ errorMessage: s,
7
+ isDisabled: l,
8
+ isInvalid: r,
9
+ children: n,
10
+ renderLabelIcon: m
11
+ }) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
12
+ e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
13
+ /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
14
+ m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
15
+ ] }) : n,
16
+ x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
17
+ r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
18
+ ] });
10
19
  export {
11
- D as Tab
20
+ i as ContentSwitch
12
21
  };
@@ -1,12 +1,22 @@
1
- import { j as m } from "./index.es38.js";
2
- import { useRef as l } from "react";
3
- import { useTabPanel as p } from "react-aria";
4
- import { cn as i } from "./index.es39.js";
5
- const P = (r) => {
6
- var t;
7
- const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
- return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
9
- };
1
+ import { j as i } from "./index.es38.js";
2
+ import { cn as m } from "./index.es39.js";
3
+ import { indicatorVariants as n } from "./index.es61.js";
4
+ const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
+ "div",
6
+ {
7
+ className: m(
8
+ n({
9
+ isSelected: r,
10
+ isDisabled: o,
11
+ size: a,
12
+ isHoveredWhenOff: f && !r
13
+ })
14
+ ),
15
+ style: {
16
+ left: r ? `${t.onLeft}px` : `${t.offLeft}px`
17
+ }
18
+ }
19
+ );
10
20
  export {
11
- P as TabPanel
21
+ c as SwitchIndicator
12
22
  };
@@ -1,47 +1,12 @@
1
- import { cva as r } from "class-variance-authority";
2
- const t = r("flex h-full max-h-12", {
3
- variants: {
4
- orientation: {
5
- horizontal: "flex-col",
6
- vertical: "flex-row"
7
- }
8
- }
9
- }), a = r(
10
- "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
11
- {
12
- variants: {
13
- isActive: {
14
- true: "bg-primary-50 text-primary-500 ",
15
- false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
16
- },
17
- isDisabledTab: {
18
- true: "",
19
- false: ""
20
- },
21
- orientation: {
22
- horizontal: "border-b-2 border-transparent",
23
- vertical: "border-r-2 border-transparent"
24
- }
25
- },
26
- compoundVariants: [
27
- {
28
- isDisabledTab: !0,
29
- orientation: "horizontal",
30
- class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
31
- },
32
- {
33
- isDisabledTab: !0,
34
- orientation: "vertical",
35
- class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
36
- },
37
- { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
38
- { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
39
- { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
40
- { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
41
- ]
42
- }
43
- );
1
+ import { j as p } from "./index.es38.js";
2
+ import { useRef as f } from "react";
3
+ import { useTab as u } from "react-aria";
4
+ import { cn as x } from "./index.es39.js";
5
+ import { tabVariants as y } from "./index.es79.js";
6
+ const D = (t) => {
7
+ const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
8
+ return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
9
+ };
44
10
  export {
45
- a as tabVariants,
46
- t as tabsVariants
11
+ D as Tab
47
12
  };
@@ -1,21 +1,12 @@
1
- import { j as t } from "./index.es38.js";
2
- import { cn as c } from "./index.es39.js";
3
- const i = ({
4
- label: e,
5
- description: x,
6
- errorMessage: s,
7
- isDisabled: l,
8
- isInvalid: r,
9
- children: n,
10
- renderLabelIcon: m
11
- }) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
12
- e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
13
- /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
14
- m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
15
- ] }) : n,
16
- x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
17
- r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
18
- ] });
1
+ import { j as m } from "./index.es38.js";
2
+ import { useRef as l } from "react";
3
+ import { useTabPanel as p } from "react-aria";
4
+ import { cn as i } from "./index.es39.js";
5
+ const P = (r) => {
6
+ var t;
7
+ const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
+ return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
9
+ };
19
10
  export {
20
- i as ContentSwitch
11
+ P as TabPanel
21
12
  };
@@ -1,22 +1,47 @@
1
- import { j as i } from "./index.es38.js";
2
- import { cn as m } from "./index.es39.js";
3
- import { indicatorVariants as n } from "./index.es56.js";
4
- const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
- "div",
6
- {
7
- className: m(
8
- n({
9
- isSelected: r,
10
- isDisabled: o,
11
- size: a,
12
- isHoveredWhenOff: f && !r
13
- })
14
- ),
15
- style: {
16
- left: r ? `${t.onLeft}px` : `${t.offLeft}px`
1
+ import { cva as r } from "class-variance-authority";
2
+ const t = r("flex h-full max-h-12", {
3
+ variants: {
4
+ orientation: {
5
+ horizontal: "flex-col",
6
+ vertical: "flex-row"
17
7
  }
18
8
  }
9
+ }), a = r(
10
+ "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
11
+ {
12
+ variants: {
13
+ isActive: {
14
+ true: "bg-primary-50 text-primary-500 ",
15
+ false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
16
+ },
17
+ isDisabledTab: {
18
+ true: "",
19
+ false: ""
20
+ },
21
+ orientation: {
22
+ horizontal: "border-b-2 border-transparent",
23
+ vertical: "border-r-2 border-transparent"
24
+ }
25
+ },
26
+ compoundVariants: [
27
+ {
28
+ isDisabledTab: !0,
29
+ orientation: "horizontal",
30
+ class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
31
+ },
32
+ {
33
+ isDisabledTab: !0,
34
+ orientation: "vertical",
35
+ class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
36
+ },
37
+ { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
38
+ { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
39
+ { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
40
+ { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
41
+ ]
42
+ }
19
43
  );
20
44
  export {
21
- c as SwitchIndicator
45
+ a as tabVariants,
46
+ t as tabsVariants
22
47
  };
package/dist/index.es8.js CHANGED
@@ -3,9 +3,9 @@ import { parseColor as h } from "@react-stately/color";
3
3
  import { useState as a, useEffect as w } from "react";
4
4
  import { ColorPicker as L, Label as R, DialogTrigger as T, Button as W, ColorSwatch as $, Popover as q, Dialog as G } from "react-aria-components";
5
5
  import { cn as J } from "./index.es39.js";
6
- import { ColorArea as K } from "./index.es59.js";
7
- import { ColorField as M } from "./index.es60.js";
8
- import { ColorSlider as Q } from "./index.es61.js";
6
+ import { ColorArea as K } from "./index.es44.js";
7
+ import { ColorField as M } from "./index.es45.js";
8
+ import { ColorSlider as Q } from "./index.es46.js";
9
9
  const ne = (v) => {
10
10
  const {
11
11
  value: l,
@@ -1,4 +1,4 @@
1
- import { __exports as t } from "./index.es99.js";
1
+ import { __exports as t } from "./index.es101.js";
2
2
  import R from "react";
3
3
  /**
4
4
  * @license React
@@ -1,4 +1,4 @@
1
- import { __exports as R } from "./index.es100.js";
1
+ import { __exports as R } from "./index.es102.js";
2
2
  import tr from "react";
3
3
  /**
4
4
  * @license React
package/dist/index.es9.js CHANGED
@@ -1,87 +1,137 @@
1
1
  import { j as e } from "./index.es38.js";
2
- import { OptionsIcon as v } from "./index.es40.js";
3
- import { Button as B } from "react-aria-components";
4
- import { cn as f } from "./index.es39.js";
5
- import { Loader as N } from "./index.es20.js";
6
- import { filterButtonVariants as g, filterButtonBadgeVariants as w } from "./index.es45.js";
7
- const I = ({
8
- renderPosition: r,
9
- leftIcon: t,
10
- rightIcon: l,
11
- isLoading: a,
12
- loaderPosition: s,
13
- loaderProps: m
14
- }) => {
15
- const o = r === "left" ? t : r === "right" ? l : null;
16
- return o || a && s === r ? /* @__PURE__ */ e.jsx("span", { className: r === "left" ? "mr-1" : "ml-1", children: a && s === r ? /* @__PURE__ */ e.jsx(N, { size: "sm", ...m }) : o }) : null;
17
- }, E = ({
2
+ import { OptionsIcon as q } from "./index.es40.js";
3
+ import { useState as N } from "react";
4
+ import { useFilter as G, Button as J, Select as K, Popover as Q } from "react-aria-components";
5
+ import { cn as i } from "./index.es39.js";
6
+ import { Loader as T } from "./index.es20.js";
7
+ import { PopoverContent as U } from "./index.es66.js";
8
+ import { selectInputPopoverVariants as W } from "./index.es49.js";
9
+ import { filterButtonVariants as X, filterButtonBadgeVariants as Y } from "./index.es50.js";
10
+ const Z = ({
11
+ renderPosition: t,
18
12
  leftIcon: r,
19
- isDisabled: t,
20
- children: l,
21
- className: a,
22
- isLoading: s,
23
- loaderPosition: m = "left",
24
- loaderProps: o,
25
- unstyled: c = !1,
26
- isMobileFullWidth: u = !1,
27
- filterSelected: p = 0,
28
- hideBadgeFilterSelected: x = !1,
29
- ...i
13
+ rightIcon: p,
14
+ isLoading: l,
15
+ loaderPosition: o,
16
+ loaderProps: f
30
17
  }) => {
31
- const n = p > 0;
32
- return /* @__PURE__ */ e.jsxs(
33
- B,
18
+ const a = t === "left" ? r : t === "right" ? p : null;
19
+ return a || l && o === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: l && o === t ? /* @__PURE__ */ e.jsx(T, { size: "sm", ...f }) : a }) : null;
20
+ }, ne = ({
21
+ leftIcon: t,
22
+ isDisabled: r,
23
+ children: p,
24
+ className: l,
25
+ isLoading: o,
26
+ loaderPosition: f = "left",
27
+ loaderProps: a,
28
+ unstyled: C = !1,
29
+ isMobileFullWidth: F = !1,
30
+ hideBadgeFilterSelected: S = !1,
31
+ items: s,
32
+ value: x,
33
+ onChange: j,
34
+ enableSearch: V = !1,
35
+ placeholderSearch: y = "Search",
36
+ classNameSearchField: O,
37
+ classNameSearchFieldInput: b,
38
+ classNamePopover: w,
39
+ "aria-label": v = "Filter",
40
+ classNameBadge: A,
41
+ ...P
42
+ }) => {
43
+ const { contains: z } = G({ sensitivity: "base" }), [m, u] = N(!1), [R, E] = N([]), g = x !== void 0, d = g ? x : R, B = s && d ? d.length : 0, h = B > 0, H = (n) => {
44
+ const c = n instanceof Set ? Array.from(n) : n;
45
+ g || E(c), j && j(c), u(!1);
46
+ }, M = () => {
47
+ s && u(!m);
48
+ }, I = /* @__PURE__ */ e.jsxs(
49
+ J,
34
50
  {
35
- "data-disabled": t || void 0,
36
- "data-loading": s || void 0,
37
- isDisabled: t,
38
- className: ({ isPressed: h, isHovered: j, isFocusVisible: d }) => f(
39
- c ? "" : g({
40
- isActive: n,
41
- isHovered: j,
42
- isFocused: d,
43
- isPressed: h,
44
- isDisabled: t
51
+ "data-disabled": r || void 0,
52
+ "data-loading": o || void 0,
53
+ isDisabled: r,
54
+ ...s ? {} : { "aria-label": v },
55
+ className: ({ isHovered: n, isFocusVisible: c }) => i(
56
+ C ? "" : X({
57
+ isActive: h,
58
+ isHovered: n,
59
+ isFocused: c,
60
+ isPressed: s ? m : !1,
61
+ isDisabled: r
45
62
  }),
46
- a
63
+ l
47
64
  ),
48
- ...i,
65
+ onPress: M,
66
+ ...P,
49
67
  children: [
50
68
  /* @__PURE__ */ e.jsx(
51
- I,
69
+ Z,
52
70
  {
53
71
  renderPosition: "left",
54
- loaderPosition: m,
55
- loaderProps: o,
56
- isLoading: s,
57
- leftIcon: r || /* @__PURE__ */ e.jsx(v, { className: "size-[18px]" })
72
+ loaderPosition: f,
73
+ loaderProps: a,
74
+ isLoading: o,
75
+ leftIcon: t || /* @__PURE__ */ e.jsx(q, { className: "size-[18px]" })
58
76
  }
59
77
  ),
60
78
  /* @__PURE__ */ e.jsx(
61
79
  "span",
62
80
  {
63
- className: f("flex h-full items-center overflow-hidden whitespace-nowrap", u ? "w-full" : ""),
64
- children: l
81
+ className: i("flex h-full items-center overflow-hidden whitespace-nowrap", F ? "w-full" : ""),
82
+ children: p
65
83
  }
66
84
  ),
67
- n && !x && /* @__PURE__ */ e.jsx(
85
+ h && !S && /* @__PURE__ */ e.jsx(
68
86
  "span",
69
87
  {
70
- className: f(
71
- w({
72
- isActive: n,
88
+ className: i(
89
+ Y({
90
+ isActive: h,
73
91
  isHovered: !1,
74
- isDisabled: t
92
+ isDisabled: r
75
93
  }),
76
- !t && "group-hover:bg-primary-500 group-hover:text-primary-100"
94
+ !r && "group-hover:bg-primary-500 group-hover:text-primary-100",
95
+ A
77
96
  ),
78
- children: p
97
+ children: B
79
98
  }
80
99
  )
81
100
  ]
82
101
  }
83
102
  );
103
+ if (!s)
104
+ return I;
105
+ const k = {
106
+ selectionMode: "multiple",
107
+ value: d,
108
+ onChange: H,
109
+ "aria-label": v
110
+ };
111
+ return /* @__PURE__ */ e.jsxs(K, { ...k, children: [
112
+ I,
113
+ /* @__PURE__ */ e.jsx(
114
+ Q,
115
+ {
116
+ className: i(W(), "min-w-[200px]", w),
117
+ isOpen: m,
118
+ placement: "bottom start",
119
+ onOpenChange: u,
120
+ children: /* @__PURE__ */ e.jsx(
121
+ U,
122
+ {
123
+ enableSearch: V,
124
+ contains: z,
125
+ classNameSearchField: O,
126
+ classNameSearchFieldInput: b,
127
+ placeholderSearch: y,
128
+ items: s
129
+ }
130
+ )
131
+ }
132
+ )
133
+ ] });
84
134
  };
85
135
  export {
86
- E as FilterButton
136
+ ne as FilterButton
87
137
  };
@@ -1,4 +1,59 @@
1
- var r = {};
1
+ import { j as r } from "./index.es38.js";
2
+ import { SliderThumb as m } from "react-aria-components";
3
+ import { cn as i } from "./index.es39.js";
4
+ import { Tooltip as c } from "./index.es34.js";
5
+ import { TooltipTrigger as d } from "./index.es35.js";
6
+ const y = ({
7
+ index: o,
8
+ valuePercent: n,
9
+ value: a,
10
+ suffix: p,
11
+ modeTooltip: g,
12
+ positionTooltip: t,
13
+ showTypeValue: s,
14
+ classNameThumb: e,
15
+ isHiddenValue: l
16
+ }) => /* @__PURE__ */ r.jsx(
17
+ "div",
18
+ {
19
+ className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
20
+ style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
21
+ children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
22
+ /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
23
+ m,
24
+ {
25
+ index: o,
26
+ className: i(
27
+ "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
28
+ e
29
+ )
30
+ }
31
+ ) }),
32
+ /* @__PURE__ */ r.jsxs(
33
+ c,
34
+ {
35
+ mode: g,
36
+ placement: t,
37
+ size: "sm",
38
+ className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
39
+ children: [
40
+ a,
41
+ p
42
+ ]
43
+ }
44
+ )
45
+ ] }) : /* @__PURE__ */ r.jsx(
46
+ m,
47
+ {
48
+ index: o,
49
+ className: i(
50
+ "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
51
+ e
52
+ )
53
+ }
54
+ )
55
+ }
56
+ );
2
57
  export {
3
- r as __exports
58
+ y as SliderThumb
4
59
  };
package/dist/style.css CHANGED
@@ -831,6 +831,9 @@ select {
831
831
  .m-1 {
832
832
  margin: 0.25rem;
833
833
  }
834
+ .m-2 {
835
+ margin: 0.5rem;
836
+ }
834
837
  .m-4 {
835
838
  margin: 1rem;
836
839
  }
@@ -1184,6 +1187,9 @@ select {
1184
1187
  .min-w-\[120px\] {
1185
1188
  min-width: 120px;
1186
1189
  }
1190
+ .min-w-\[200px\] {
1191
+ min-width: 200px;
1192
+ }
1187
1193
  .min-w-full {
1188
1194
  min-width: 100%;
1189
1195
  }
@@ -1823,6 +1829,9 @@ select {
1823
1829
  .p-0 {
1824
1830
  padding: 0px;
1825
1831
  }
1832
+ .p-0\.5 {
1833
+ padding: 0.125rem;
1834
+ }
1826
1835
  .p-1 {
1827
1836
  padding: 0.25rem;
1828
1837
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simpli-route/apollo-ds",
3
- "version": "0.1.43",
3
+ "version": "0.1.44",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"