@simpli-route/apollo-ds 0.1.65 → 0.1.66

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 (258) hide show
  1. package/dist/components/TextField/types.d.ts +5 -0
  2. package/dist/index.cjs10.js +1 -1
  3. package/dist/index.cjs100.js +1 -1
  4. package/dist/index.cjs101.js +1 -1
  5. package/dist/index.cjs11.js +1 -1
  6. package/dist/index.cjs119.js +1 -1
  7. package/dist/index.cjs12.js +1 -1
  8. package/dist/index.cjs120.js +1 -1
  9. package/dist/index.cjs121.js +1 -1
  10. package/dist/index.cjs122.js +1 -1
  11. package/dist/index.cjs123.js +1 -1
  12. package/dist/index.cjs124.js +1 -1
  13. package/dist/index.cjs125.js +1 -1
  14. package/dist/index.cjs126.js +1 -1
  15. package/dist/index.cjs127.js +1 -1
  16. package/dist/index.cjs128.js +1 -1
  17. package/dist/index.cjs129.js +1 -1
  18. package/dist/index.cjs13.js +1 -1
  19. package/dist/index.cjs130.js +1 -1
  20. package/dist/index.cjs131.js +1 -1
  21. package/dist/index.cjs14.js +1 -1
  22. package/dist/index.cjs144.js +1 -1
  23. package/dist/index.cjs147.js +1 -1
  24. package/dist/index.cjs15.js +1 -1
  25. package/dist/index.cjs150.js +1 -1
  26. package/dist/index.cjs151.js +1 -1
  27. package/dist/index.cjs16.js +1 -1
  28. package/dist/index.cjs166.js +1 -1
  29. package/dist/index.cjs17.js +1 -1
  30. package/dist/index.cjs171.js +1 -1
  31. package/dist/index.cjs172.js +1 -1
  32. package/dist/index.cjs173.js +1 -1
  33. package/dist/index.cjs174.js +1 -1
  34. package/dist/index.cjs175.js +1 -1
  35. package/dist/index.cjs176.js +1 -1
  36. package/dist/index.cjs179.js +1 -1
  37. package/dist/index.cjs18.js +1 -1
  38. package/dist/index.cjs180.js +1 -1
  39. package/dist/index.cjs181.js +1 -1
  40. package/dist/index.cjs184.js +1 -1
  41. package/dist/index.cjs185.js +1 -1
  42. package/dist/index.cjs186.js +1 -1
  43. package/dist/index.cjs188.js +1 -1
  44. package/dist/index.cjs189.js +1 -1
  45. package/dist/index.cjs19.js +1 -1
  46. package/dist/index.cjs190.js +1 -1
  47. package/dist/index.cjs2.js +1 -1
  48. package/dist/index.cjs20.js +1 -1
  49. package/dist/index.cjs21.js +1 -1
  50. package/dist/index.cjs22.js +1 -1
  51. package/dist/index.cjs23.js +1 -1
  52. package/dist/index.cjs24.js +1 -1
  53. package/dist/index.cjs25.js +1 -1
  54. package/dist/index.cjs26.js +1 -1
  55. package/dist/index.cjs27.js +1 -1
  56. package/dist/index.cjs28.js +1 -1
  57. package/dist/index.cjs29.js +1 -1
  58. package/dist/index.cjs3.js +1 -1
  59. package/dist/index.cjs30.js +1 -1
  60. package/dist/index.cjs31.js +1 -1
  61. package/dist/index.cjs32.js +1 -1
  62. package/dist/index.cjs35.js +1 -1
  63. package/dist/index.cjs36.js +1 -1
  64. package/dist/index.cjs37.js +1 -1
  65. package/dist/index.cjs38.js +1 -1
  66. package/dist/index.cjs39.js +2 -2
  67. package/dist/index.cjs4.js +1 -1
  68. package/dist/index.cjs40.js +1 -1
  69. package/dist/index.cjs41.js +1 -1
  70. package/dist/index.cjs43.js +1 -1
  71. package/dist/index.cjs44.js +1 -1
  72. package/dist/index.cjs45.js +1 -1
  73. package/dist/index.cjs46.js +1 -1
  74. package/dist/index.cjs48.js +1 -1
  75. package/dist/index.cjs49.js +1 -1
  76. package/dist/index.cjs50.js +1 -1
  77. package/dist/index.cjs51.js +1 -1
  78. package/dist/index.cjs52.js +1 -1
  79. package/dist/index.cjs53.js +1 -1
  80. package/dist/index.cjs54.js +1 -1
  81. package/dist/index.cjs55.js +1 -1
  82. package/dist/index.cjs56.js +1 -1
  83. package/dist/index.cjs57.js +1 -1
  84. package/dist/index.cjs58.js +1 -1
  85. package/dist/index.cjs59.js +1 -1
  86. package/dist/index.cjs6.js +1 -1
  87. package/dist/index.cjs60.js +1 -1
  88. package/dist/index.cjs61.js +1 -1
  89. package/dist/index.cjs62.js +1 -1
  90. package/dist/index.cjs63.js +1 -1
  91. package/dist/index.cjs64.js +1 -1
  92. package/dist/index.cjs65.js +1 -1
  93. package/dist/index.cjs66.js +1 -1
  94. package/dist/index.cjs67.js +1 -1
  95. package/dist/index.cjs68.js +1 -1
  96. package/dist/index.cjs69.js +1 -1
  97. package/dist/index.cjs7.js +1 -1
  98. package/dist/index.cjs70.js +1 -1
  99. package/dist/index.cjs71.js +1 -1
  100. package/dist/index.cjs72.js +1 -1
  101. package/dist/index.cjs73.js +1 -1
  102. package/dist/index.cjs74.js +1 -1
  103. package/dist/index.cjs75.js +1 -1
  104. package/dist/index.cjs76.js +1 -1
  105. package/dist/index.cjs77.js +1 -1
  106. package/dist/index.cjs78.js +1 -1
  107. package/dist/index.cjs79.js +1 -1
  108. package/dist/index.cjs8.js +1 -1
  109. package/dist/index.cjs80.js +1 -1
  110. package/dist/index.cjs81.js +1 -1
  111. package/dist/index.cjs82.js +1 -1
  112. package/dist/index.cjs83.js +1 -3
  113. package/dist/index.cjs84.js +1 -1
  114. package/dist/index.cjs85.js +1 -1
  115. package/dist/index.cjs86.js +1 -1
  116. package/dist/index.cjs87.js +1 -1
  117. package/dist/index.cjs88.js +1 -1
  118. package/dist/index.cjs89.js +1 -1
  119. package/dist/index.cjs9.js +1 -1
  120. package/dist/index.cjs90.js +1 -1
  121. package/dist/index.cjs91.js +1 -1
  122. package/dist/index.cjs92.js +1 -1
  123. package/dist/index.cjs93.js +3 -1
  124. package/dist/index.cjs94.js +1 -1
  125. package/dist/index.cjs95.js +1 -1
  126. package/dist/index.cjs96.js +1 -1
  127. package/dist/index.cjs97.js +1 -1
  128. package/dist/index.cjs98.js +1 -1
  129. package/dist/index.es10.js +4 -4
  130. package/dist/index.es100.js +1 -1
  131. package/dist/index.es101.js +1 -1
  132. package/dist/index.es11.js +5 -5
  133. package/dist/index.es119.js +57 -5
  134. package/dist/index.es12.js +3 -3
  135. package/dist/index.es120.js +2 -4
  136. package/dist/index.es121.js +2 -3
  137. package/dist/index.es122.js +4 -19
  138. package/dist/index.es123.js +28 -6
  139. package/dist/index.es124.js +4 -28
  140. package/dist/index.es125.js +8 -2
  141. package/dist/index.es126.js +340 -8
  142. package/dist/index.es127.js +162 -336
  143. package/dist/index.es128.js +5 -166
  144. package/dist/index.es129.js +4 -57
  145. package/dist/index.es13.js +3 -3
  146. package/dist/index.es130.js +3 -2
  147. package/dist/index.es131.js +19 -2
  148. package/dist/index.es14.js +2 -2
  149. package/dist/index.es144.js +2 -2
  150. package/dist/index.es147.js +2 -2
  151. package/dist/index.es15.js +2 -2
  152. package/dist/index.es150.js +6 -6
  153. package/dist/index.es151.js +2 -2
  154. package/dist/index.es16.js +2 -2
  155. package/dist/index.es166.js +3 -3
  156. package/dist/index.es17.js +3 -3
  157. package/dist/index.es171.js +10 -61
  158. package/dist/index.es172.js +61 -4
  159. package/dist/index.es173.js +4 -14
  160. package/dist/index.es174.js +10 -307
  161. package/dist/index.es175.js +304 -19
  162. package/dist/index.es176.js +26 -4
  163. package/dist/index.es179.js +4 -94
  164. package/dist/index.es18.js +3 -3
  165. package/dist/index.es180.js +94 -4
  166. package/dist/index.es181.js +2 -8
  167. package/dist/index.es184.js +4 -51
  168. package/dist/index.es185.js +47 -15
  169. package/dist/index.es186.js +19 -4
  170. package/dist/index.es187.js +2 -2
  171. package/dist/index.es188.js +4 -753
  172. package/dist/index.es189.js +753 -4
  173. package/dist/index.es19.js +3 -3
  174. package/dist/index.es190.js +2 -2
  175. package/dist/index.es2.js +1 -1
  176. package/dist/index.es20.js +4 -4
  177. package/dist/index.es21.js +2 -2
  178. package/dist/index.es22.js +1 -1
  179. package/dist/index.es23.js +1 -1
  180. package/dist/index.es24.js +2 -2
  181. package/dist/index.es25.js +4 -4
  182. package/dist/index.es26.js +4 -4
  183. package/dist/index.es27.js +19 -19
  184. package/dist/index.es28.js +3 -3
  185. package/dist/index.es29.js +7 -7
  186. package/dist/index.es3.js +2 -2
  187. package/dist/index.es30.js +4 -4
  188. package/dist/index.es31.js +3 -3
  189. package/dist/index.es32.js +3 -3
  190. package/dist/index.es35.js +5 -5
  191. package/dist/index.es36.js +4 -4
  192. package/dist/index.es37.js +4 -4
  193. package/dist/index.es38.js +2 -2
  194. package/dist/index.es39.js +83 -82
  195. package/dist/index.es4.js +2 -2
  196. package/dist/index.es40.js +2 -2
  197. package/dist/index.es41.js +3 -3
  198. package/dist/index.es43.js +3 -3
  199. package/dist/index.es44.js +2 -2
  200. package/dist/index.es45.js +2 -2
  201. package/dist/index.es46.js +2 -2
  202. package/dist/index.es48.js +33 -6
  203. package/dist/index.es49.js +6 -33
  204. package/dist/index.es50.js +44 -17
  205. package/dist/index.es51.js +171 -17
  206. package/dist/index.es52.js +43 -16
  207. package/dist/index.es53.js +30 -41
  208. package/dist/index.es54.js +59 -149
  209. package/dist/index.es55.js +108 -21
  210. package/dist/index.es56.js +81 -31
  211. package/dist/index.es57.js +3 -81
  212. package/dist/index.es58.js +14 -116
  213. package/dist/index.es59.js +119 -53
  214. package/dist/index.es6.js +3 -3
  215. package/dist/index.es60.js +130 -3
  216. package/dist/index.es61.js +103 -16
  217. package/dist/index.es62.js +84 -120
  218. package/dist/index.es63.js +24 -120
  219. package/dist/index.es64.js +7 -114
  220. package/dist/index.es65.js +48 -45
  221. package/dist/index.es66.js +56 -31
  222. package/dist/index.es67.js +159 -7
  223. package/dist/index.es68.js +79 -104
  224. package/dist/index.es69.js +66 -41
  225. package/dist/index.es7.js +22 -22
  226. package/dist/index.es70.js +58 -125
  227. package/dist/index.es71.js +17 -87
  228. package/dist/index.es72.js +29 -83
  229. package/dist/index.es73.js +77 -91
  230. package/dist/index.es74.js +161 -20
  231. package/dist/index.es75.js +10 -30
  232. package/dist/index.es76.js +16 -77
  233. package/dist/index.es77.js +17 -10
  234. package/dist/index.es78.js +16 -12
  235. package/dist/index.es79.js +10 -10
  236. package/dist/index.es8.js +3 -3
  237. package/dist/index.es80.js +12 -163
  238. package/dist/index.es81.js +36 -74
  239. package/dist/index.es82.js +10 -13
  240. package/dist/index.es83.js +9 -149
  241. package/dist/index.es84.js +45 -12
  242. package/dist/index.es85.js +18 -6
  243. package/dist/index.es86.js +19 -41
  244. package/dist/index.es87.js +101 -20
  245. package/dist/index.es88.js +12 -9
  246. package/dist/index.es89.js +7 -10
  247. package/dist/index.es9.js +2 -2
  248. package/dist/index.es90.js +17 -44
  249. package/dist/index.es91.js +149 -7
  250. package/dist/index.es92.js +13 -18
  251. package/dist/index.es93.js +146 -145
  252. package/dist/index.es94.js +12 -19
  253. package/dist/index.es95.js +7 -20
  254. package/dist/index.es96.js +38 -97
  255. package/dist/index.es97.js +20 -13
  256. package/dist/index.es98.js +74 -36
  257. package/dist/stories/MultiTextField.stories.d.ts +2 -0
  258. package/package.json +1 -1
@@ -1,80 +1,42 @@
1
- import { j as t } from "./index.es47.js";
2
- import { Button as g, SelectValue as j } from "react-aria-components";
3
- import { cn as i } from "./index.es48.js";
4
- import { Badge as w } from "./index.es4.js";
5
- import "./index.es5.js";
6
- import { selectInputButtonVariants as v } from "./index.es57.js";
7
- const b = ({
8
- ref: C,
9
- isOpen: l,
10
- setIsOpen: m,
11
- size: o,
12
- isDisabled: n,
13
- classNameButton: x,
14
- selectionMode: c,
15
- maxLengthTextOption: f,
16
- handleDeleteOptionSelected: p,
17
- placeholder: u
18
- }) => /* @__PURE__ */ t.jsxs(
19
- g,
1
+ import { cva as e } from "class-variance-authority";
2
+ const t = 'after:content-[""] after:absolute after:border-8 after:border-x-transparent', o = `${t} after:left-4 after:top-[100%] after:border-b-transparent`, a = `${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`, b = `${t} after:right-4 after:top-[100%] after:border-b-transparent`, l = `${t} after:left-4 after:bottom-[100%] after:border-t-transparent`, f = `${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`, n = `${t} after:right-4 after:bottom-[100%] after:border-t-transparent`, r = 'before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent', s = `${r} before:right-[100%] before:border-l-transparent`, p = `${r} before:left-[100%] before:border-r-transparent`, u = e(
3
+ "absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A] py-2 px-3",
20
4
  {
21
- ref: C,
22
- className: ({ isFocusVisible: e, isHovered: a }) => i(
23
- v({
24
- size: o,
25
- isDisabled: n,
26
- isFocusVisible: e || l,
27
- isHovered: a
28
- }),
29
- x
30
- ),
31
- onPress: () => m(!l),
32
- children: [
33
- /* @__PURE__ */ t.jsx(j, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: e, selectedText: a, isPlaceholder: h }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: c === "multiple" && e && e.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.filter((r) => r != null).map((r) => {
34
- const d = r.label, s = r.value;
35
- return /* @__PURE__ */ t.jsx(
36
- w,
37
- {
38
- label: d,
39
- size: o,
40
- isDisabled: n,
41
- maxLength: f,
42
- onDelete: () => p(s)
43
- },
44
- s
45
- );
46
- }) }) : /* @__PURE__ */ t.jsx(
47
- "span",
48
- {
49
- className: i(
50
- "flex-1 truncate text-left",
51
- h ? "text-neutral-600" : "",
52
- n ? "text-neutral-700" : ""
53
- ),
54
- children: a || u
55
- }
56
- ) }) }),
57
- /* @__PURE__ */ t.jsx(
58
- "svg",
59
- {
60
- className: `${l ? "rotate-180" : ""} transition-transform duration-100`,
61
- width: "20",
62
- height: "10",
63
- viewBox: "0 0 20 10",
64
- fill: "none",
65
- xmlns: "http://www.w3.org/2000/svg",
66
- children: /* @__PURE__ */ t.jsx(
67
- "path",
68
- {
69
- 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",
70
- fill: "#73768C"
71
- }
72
- )
73
- }
74
- )
5
+ variants: {
6
+ mode: {
7
+ light: "bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",
8
+ dark: "bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"
9
+ },
10
+ hasSupportText: {
11
+ true: "",
12
+ false: ""
13
+ },
14
+ placement: {
15
+ none: "bottom-full left-1/2 mb-3 -translate-x-1/2",
16
+ "top-start": `bottom-full left-0 mb-3 ${o}`,
17
+ top: `bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,
18
+ "top-end": `bottom-full right-0 mb-3 ${b}`,
19
+ right: `left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,
20
+ "bottom-start": `left-0 top-full mt-3 ${l}`,
21
+ bottom: `left-1/2 top-full mt-3 -translate-x-1/2 ${f}`,
22
+ "bottom-end": `right-0 top-full mt-3 ${n}`,
23
+ left: `right-full top-1/2 mr-3 -translate-y-1/2 ${p}`
24
+ }
25
+ },
26
+ compoundVariants: [
27
+ {
28
+ hasSupportText: !0,
29
+ mode: "dark",
30
+ class: "text-[16px] text-blue-50 font-semibold leading-5"
31
+ },
32
+ {
33
+ hasSupportText: !0,
34
+ mode: "light",
35
+ class: "text-[16px] text-neutral-900 font-semibold leading-5"
36
+ }
75
37
  ]
76
38
  }
77
39
  );
78
40
  export {
79
- b as SelectContent
41
+ u as tooltipVariants
80
42
  };
@@ -1,15 +1,12 @@
1
- import { useState as r, useEffect as c } from "react";
2
- function d(e, t = 300) {
3
- const [u, o] = r(e);
4
- return c(() => {
5
- const n = setTimeout(() => {
6
- o(e);
7
- }, t);
8
- return () => {
9
- clearTimeout(n);
10
- };
11
- }, [e, t]), u;
12
- }
1
+ import { j as p } from "./index.es47.js";
2
+ import { useRef as f } from "react";
3
+ import { useTab as u } from "react-aria";
4
+ import { cn as x } from "./index.es49.js";
5
+ import { tabVariants as y } from "./index.es84.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
+ };
13
10
  export {
14
- d as useDebouncedValue
11
+ D as Tab
15
12
  };
@@ -1,152 +1,12 @@
1
- import { j as n } from "./index.es47.js";
2
- import { useState as q, useMemo as D, useRef as _ } from "react";
3
- import { ComboBox as G, Input as J } from "react-aria-components";
4
- import { useDebouncedValue as Q } from "./index.es82.js";
5
- import { Badge as U } from "./index.es4.js";
6
- import "./index.es5.js";
7
- import "./index.es15.js";
8
- import { Label as W } from "./index.es16.js";
9
- import { SearchFieldIconContainer as X } from "./index.es84.js";
10
- import { SearchFieldMessages as Y } from "./index.es85.js";
11
- import { SearchFieldPopover as Z } from "./index.es86.js";
12
- import { getSearchFieldDefaultProps as $, getHighlightedParts as ee } from "./index.es87.js";
13
- import { multiSearchFieldContainerVariants as te } from "./index.es69.js";
14
- const pe = (b) => {
15
- const {
16
- label: w,
17
- onReset: p,
18
- placeholder: R,
19
- isDisabled: f,
20
- delay: x,
21
- searchIcon: F,
22
- clearIcon: y,
23
- size: C,
24
- description: P,
25
- inputValue: d,
26
- isInvalid: I,
27
- errorMessage: N,
28
- items: u,
29
- noResultsText: v,
30
- selectedValues: S,
31
- onSelectedValuesChange: a,
32
- onInputChange: i,
33
- ...z
34
- } = $(b), [B, h] = q([]), m = S !== void 0, s = m ? S : B, o = Q(d, x ?? x), M = !!(o && p), E = (e) => {
35
- const t = s.filter((l) => l !== e);
36
- m || h(t), a && a(t);
37
- }, V = (e) => {
38
- if (!s.includes(e)) {
39
- const t = [...s, e];
40
- m || h(t), a && a(t);
41
- }
42
- }, T = () => {
43
- p && p(), m || h([]), a && a([]);
44
- }, A = (e) => {
45
- const t = u.find((l) => l.id === e);
46
- t && !s.includes(t.label) && (V(t.label), i && i(""));
47
- }, H = (e) => {
48
- if (e.key !== "Enter" || !(d != null && d.trim()))
49
- return;
50
- const t = d.trim(), l = u.filter(
51
- (r) => r.label.toLowerCase().includes(t.toLowerCase()) && !s.includes(r.label)
52
- );
53
- l.length === 1 && (e.preventDefault(), e.stopPropagation(), V(l[0].label), i && i(""));
54
- }, K = (e) => {
55
- const t = e.clipboardData.getData("text");
56
- if (!t.includes(`
57
- `))
58
- return;
59
- e.preventDefault();
60
- const l = t.split(`
61
- `).map((c) => c.trim()).filter((c) => c && !s.includes(c)), r = [...new Set(l)];
62
- if (r.length > 0) {
63
- const c = [...s, ...r];
64
- m || h(c), a && a(c);
65
- }
66
- i && i("");
67
- }, O = D(() => {
68
- const e = [...s];
69
- return o && e.push(o), u.filter((t) => {
70
- const l = t.label.toLowerCase();
71
- return e.some((r) => l.includes(r.toLowerCase()));
72
- }).map((t) => {
73
- const l = o ? t.label.toLowerCase().includes(o.toLowerCase()) : !1, r = o ? ee(t.label, o) : [{ text: t.label, highlight: !1 }];
74
- return { ...t, shouldHighlight: l, highlightedParts: r };
75
- });
76
- }, [o, u, s]), k = D(() => o ? !u.some(
77
- (e) => e.label.toLowerCase().includes(o.toLowerCase()) && !s.includes(e.label)
78
- ) : !1, [o, u, s]), g = s.length > 0, L = C ?? C, j = _(null);
79
- return /* @__PURE__ */ n.jsxs(
80
- G,
81
- {
82
- inputValue: d,
83
- isDisabled: f,
84
- isInvalid: I,
85
- allowsEmptyCollection: !0,
86
- onInputChange: i,
87
- ...z,
88
- children: [
89
- w && /* @__PURE__ */ n.jsx(W, { children: w }),
90
- /* @__PURE__ */ n.jsxs(
91
- "div",
92
- {
93
- ref: j,
94
- "data-testid": "multi-search-field-container",
95
- className: te({
96
- size: L,
97
- isDisabled: f
98
- }),
99
- children: [
100
- g && /* @__PURE__ */ n.jsx(n.Fragment, { children: s.map((e) => /* @__PURE__ */ n.jsx(
101
- U,
102
- {
103
- label: e,
104
- size: L,
105
- isDisabled: f,
106
- onDelete: () => E(e)
107
- },
108
- e
109
- )) }),
110
- /* @__PURE__ */ n.jsx(
111
- J,
112
- {
113
- placeholder: g ? void 0 : R,
114
- className: "min-w-[120px] flex-1 border-0 bg-transparent p-0 outline-none focus:ring-0",
115
- disabled: f,
116
- readOnly: b.isReadOnly,
117
- onKeyDown: H,
118
- onPaste: K
119
- }
120
- ),
121
- /* @__PURE__ */ n.jsx(
122
- X,
123
- {
124
- showClearIcon: M,
125
- hasBadges: g,
126
- clearIcon: y,
127
- searchIcon: F,
128
- isDisabled: f,
129
- onReset: T
130
- }
131
- )
132
- ]
133
- }
134
- ),
135
- /* @__PURE__ */ n.jsx(Y, { description: P, isInvalid: I, errorMessage: N }),
136
- /* @__PURE__ */ n.jsx(
137
- Z,
138
- {
139
- triggerRef: j,
140
- hasNoResults: k,
141
- noResultsText: v,
142
- items: O,
143
- onItemSelect: A
144
- }
145
- )
146
- ]
147
- }
148
- );
1
+ import { j as m } from "./index.es47.js";
2
+ import { useRef as l } from "react";
3
+ import { useTabPanel as p } from "react-aria";
4
+ import { cn as i } from "./index.es49.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 });
149
9
  };
150
10
  export {
151
- pe as MultiSearchField
11
+ P as TabPanel
152
12
  };
@@ -1,14 +1,47 @@
1
- import { j as r } from "./index.es47.js";
2
- import { cn as c } from "./index.es48.js";
3
- import { ClearIconButton as i } from "./index.es119.js";
4
- import { SearchIcon as a } from "./index.es120.js";
5
- const f = ({
6
- showClearIcon: t,
7
- clearIcon: n,
8
- searchIcon: e,
9
- isDisabled: s,
10
- onReset: o
11
- }) => /* @__PURE__ */ r.jsx("span", { className: c("absolute right-2 top-1/2 flex -translate-y-1/2 items-center"), children: t && o ? /* @__PURE__ */ r.jsx(i, { icon: n, isDisabled: s, onPress: o }) : /* @__PURE__ */ r.jsx(a, { icon: e }) });
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
+ );
12
44
  export {
13
- f as SearchFieldIconContainer
45
+ a as tabVariants,
46
+ t as tabsVariants
14
47
  };
@@ -1,9 +1,21 @@
1
- import { j as e } from "./index.es47.js";
2
- import { Text as x, FieldError as l } from "react-aria-components";
3
- const n = ({ description: t, isInvalid: r, errorMessage: s }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
4
- t && !r && /* @__PURE__ */ e.jsx(x, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: t }),
5
- s && r && /* @__PURE__ */ e.jsx(l, { className: "text-sm leading-6 text-error-500", children: s })
1
+ import { j as t } from "./index.es47.js";
2
+ import { cn as c } from "./index.es49.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 })
6
18
  ] });
7
19
  export {
8
- n as SearchFieldMessages
20
+ i as ContentSwitch
9
21
  };
@@ -1,44 +1,22 @@
1
- import { j as e } from "./index.es47.js";
2
- import { useState as m, useEffect as u } from "react";
3
- import { Popover as v } from "react-aria-components";
4
- import { NoResultsMessage as a } from "./index.es121.js";
5
- import { SearchListBox as h } from "./index.es122.js";
6
- import { popoverVariants as x } from "./index.es69.js";
7
- const z = ({
8
- triggerRef: o,
9
- hasNoResults: n,
10
- noResultsText: i,
11
- items: p,
12
- onItemSelect: c
13
- }) => {
14
- const [s, d] = m(void 0);
15
- return u(() => {
16
- if (!(o != null && o.current))
17
- return;
18
- const r = () => {
19
- if (o.current) {
20
- const t = o.current.offsetWidth;
21
- d(t);
22
- }
23
- };
24
- if (r(), typeof ResizeObserver < "u") {
25
- const t = new ResizeObserver(() => {
26
- r();
27
- });
28
- return o.current && t.observe(o.current), () => {
29
- t.disconnect();
30
- };
1
+ import { j as i } from "./index.es47.js";
2
+ import { cn as m } from "./index.es49.js";
3
+ import { indicatorVariants as n } from "./index.es68.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`
31
17
  }
32
- }, [o]), /* @__PURE__ */ e.jsx(
33
- v,
34
- {
35
- className: x(),
36
- triggerRef: o,
37
- style: s !== void 0 ? { width: `${s}px`, minWidth: `${s}px` } : void 0,
38
- children: n ? /* @__PURE__ */ e.jsx(a, { text: i }) : /* @__PURE__ */ e.jsx(h, { items: p, onItemSelect: c })
39
- }
40
- );
41
- };
18
+ }
19
+ );
42
20
  export {
43
- z as SearchFieldPopover
21
+ c as SwitchIndicator
44
22
  };
@@ -1,22 +1,103 @@
1
- function i(e) {
2
- return {
3
- delay: e.delay ?? 300,
4
- size: e.size ?? "md",
5
- noResultsText: e.noResultsText ?? "No results found",
6
- allowMultipleValues: e.allowMultipleValues ?? !1,
7
- ...e
8
- };
9
- }
10
- function n(e, t) {
11
- if (!t.trim())
12
- return [{ text: e, highlight: !1 }];
13
- const s = new RegExp(`(${t})`, "gi");
14
- return e.split(s).filter(Boolean).map((l) => ({
15
- text: l,
16
- highlight: l.toLowerCase() === t.toLowerCase()
17
- }));
18
- }
1
+ import { j as l } from "./index.es47.js";
2
+ import { cn as P } from "./index.es49.js";
3
+ import { SliderThumb as j } from "./index.es119.js";
4
+ const T = ({
5
+ state: r,
6
+ type: n,
7
+ showTypeValue: t,
8
+ suffix: c,
9
+ classNameFilled: a,
10
+ classNameUnfilled: m,
11
+ modeTooltip: b,
12
+ positionTooltip: h,
13
+ classNameThumb: d,
14
+ isHiddenValue: v,
15
+ suffixRangeCustom: e
16
+ }) => /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
17
+ t === "default" && !v ? /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between", children: [
18
+ /* @__PURE__ */ l.jsxs(
19
+ "div",
20
+ {
21
+ className: "absolute top-4 text-sm text-neutral-900",
22
+ style: { left: `${r.getThumbPercent(0) * 100}%`, transform: "translateX(-50%)" },
23
+ children: [
24
+ r.values[0],
25
+ n === "range" && (e == null ? void 0 : e.left) || c
26
+ ]
27
+ }
28
+ ),
29
+ n === "range" && /* @__PURE__ */ l.jsxs(
30
+ "div",
31
+ {
32
+ className: "absolute top-4 text-sm text-neutral-900",
33
+ style: { left: `${r.getThumbPercent(1) * 100}%`, transform: "translateX(-50%)" },
34
+ children: [
35
+ r.values[1],
36
+ (e == null ? void 0 : e.right) || c
37
+ ]
38
+ }
39
+ )
40
+ ] }) : null,
41
+ /* @__PURE__ */ l.jsx(
42
+ "div",
43
+ {
44
+ className: P("absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-primary-100", m)
45
+ }
46
+ ),
47
+ /* @__PURE__ */ l.jsx(
48
+ "div",
49
+ {
50
+ className: P("absolute top-1/2 h-2 -translate-y-1/2 rounded-full bg-primary-500", a),
51
+ style: {
52
+ width: `${n === "range" ? r.getThumbPercent(1) * 100 - r.getThumbPercent(0) * 100 : r.getThumbPercent(0) * 100}%`,
53
+ left: n === "range" ? `${r.getThumbPercent(0) * 100}%` : "0%"
54
+ }
55
+ }
56
+ ),
57
+ n === "range" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
58
+ /* @__PURE__ */ l.jsx(
59
+ j,
60
+ {
61
+ index: 0,
62
+ valuePercent: r.getThumbPercent(0),
63
+ value: r.values[0],
64
+ suffix: (e == null ? void 0 : e.left) || c,
65
+ modeTooltip: b,
66
+ positionTooltip: h,
67
+ showTypeValue: t,
68
+ isHiddenValue: v,
69
+ classNameThumb: d
70
+ }
71
+ ),
72
+ /* @__PURE__ */ l.jsx(
73
+ j,
74
+ {
75
+ index: 1,
76
+ valuePercent: r.getThumbPercent(1),
77
+ value: r.values[1],
78
+ suffix: (e == null ? void 0 : e.right) || c,
79
+ modeTooltip: b,
80
+ positionTooltip: h,
81
+ showTypeValue: t,
82
+ isHiddenValue: v,
83
+ classNameThumb: d
84
+ }
85
+ )
86
+ ] }) : /* @__PURE__ */ l.jsx(
87
+ j,
88
+ {
89
+ index: 0,
90
+ valuePercent: r.getThumbPercent(0),
91
+ value: r.values[0],
92
+ suffix: c,
93
+ modeTooltip: b,
94
+ positionTooltip: h,
95
+ showTypeValue: t,
96
+ isHiddenValue: v,
97
+ classNameThumb: d
98
+ }
99
+ )
100
+ ] });
19
101
  export {
20
- n as getHighlightedParts,
21
- i as getSearchFieldDefaultProps
102
+ T as SliderContainerTrack
22
103
  };
@@ -1,12 +1,15 @@
1
- import { j as p } from "./index.es47.js";
2
- import { useRef as f } from "react";
3
- import { useTab as u } from "react-aria";
4
- import { cn as x } from "./index.es48.js";
5
- import { tabVariants as y } from "./index.es90.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 });
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
+ }
10
+ }
11
+ return e;
9
12
  };
10
13
  export {
11
- D as Tab
14
+ o as validateMinDistance
12
15
  };
@@ -1,12 +1,9 @@
1
- import { j as m } from "./index.es47.js";
2
- import { useRef as l } from "react";
3
- import { useTabPanel as p } from "react-aria";
4
- import { cn as i } from "./index.es48.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 { getDefaultExportFromCjs as e } from "./index.es122.js";
2
+ import "./index.es123.js";
3
+ import { __exports as r } from "./index.es124.js";
4
+ let o = r;
5
+ var t = (o.__esModule ? o : { default: o }).default;
6
+ const a = /* @__PURE__ */ e(t);
10
7
  export {
11
- P as TabPanel
8
+ a as default
12
9
  };
package/dist/index.es9.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as r } from "./index.es47.js";
2
2
  import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
3
- import { cn as N } from "./index.es48.js";
4
- import { assistChipVariants as C } from "./index.es56.js";
3
+ import { cn as N } from "./index.es49.js";
4
+ import { assistChipVariants as C } from "./index.es53.js";
5
5
  const q = (i) => {
6
6
  const {
7
7
  style: t = "square",