@simpli-route/apollo-ds 0.1.89 → 0.1.90

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 (77) hide show
  1. package/dist/components/SearchField/types.d.ts +8 -0
  2. package/dist/index.cjs100.js +1 -1
  3. package/dist/index.cjs101.js +1 -1
  4. package/dist/index.cjs102.js +1 -1
  5. package/dist/index.cjs103.js +1 -1
  6. package/dist/index.cjs104.js +1 -1
  7. package/dist/index.cjs105.js +1 -1
  8. package/dist/index.cjs106.js +1 -1
  9. package/dist/index.cjs107.js +1 -1
  10. package/dist/index.cjs108.js +1 -1
  11. package/dist/index.cjs111.js +1 -1
  12. package/dist/index.cjs112.js +1 -1
  13. package/dist/index.cjs136.js +1 -1
  14. package/dist/index.cjs137.js +1 -1
  15. package/dist/index.cjs138.js +1 -1
  16. package/dist/index.cjs139.js +1 -1
  17. package/dist/index.cjs140.js +1 -1
  18. package/dist/index.cjs141.js +1 -1
  19. package/dist/index.cjs142.js +1 -1
  20. package/dist/index.cjs143.js +1 -1
  21. package/dist/index.cjs16.js +1 -1
  22. package/dist/index.cjs19.js +1 -1
  23. package/dist/index.cjs23.js +1 -1
  24. package/dist/index.cjs29.js +1 -1
  25. package/dist/index.cjs31.js +1 -1
  26. package/dist/index.cjs35.js +1 -1
  27. package/dist/index.cjs36.js +1 -1
  28. package/dist/index.cjs40.js +1 -1
  29. package/dist/index.cjs41.js +1 -1
  30. package/dist/index.cjs42.js +1 -1
  31. package/dist/index.cjs85.js +1 -1
  32. package/dist/index.cjs88.js +1 -1
  33. package/dist/index.cjs89.js +1 -1
  34. package/dist/index.cjs90.js +1 -1
  35. package/dist/index.cjs91.js +1 -1
  36. package/dist/index.cjs93.js +2 -2
  37. package/dist/index.cjs98.js +1 -1
  38. package/dist/index.cjs99.js +1 -1
  39. package/dist/index.es100.js +12 -78
  40. package/dist/index.es101.js +7 -10
  41. package/dist/index.es102.js +17 -9
  42. package/dist/index.es103.js +139 -35
  43. package/dist/index.es104.js +19 -7
  44. package/dist/index.es105.js +19 -17
  45. package/dist/index.es106.js +10 -149
  46. package/dist/index.es107.js +10 -19
  47. package/dist/index.es108.js +42 -17
  48. package/dist/index.es111.js +1 -1
  49. package/dist/index.es112.js +1 -1
  50. package/dist/index.es136.js +4 -2
  51. package/dist/index.es137.js +28 -4
  52. package/dist/index.es138.js +2 -4
  53. package/dist/index.es139.js +10 -28
  54. package/dist/index.es140.js +340 -2
  55. package/dist/index.es141.js +166 -8
  56. package/dist/index.es142.js +2 -340
  57. package/dist/index.es143.js +2 -166
  58. package/dist/index.es16.js +1 -1
  59. package/dist/index.es19.js +1 -1
  60. package/dist/index.es23.js +1 -1
  61. package/dist/index.es29.js +1 -1
  62. package/dist/index.es31.js +2 -2
  63. package/dist/index.es35.js +2 -2
  64. package/dist/index.es36.js +2 -2
  65. package/dist/index.es40.js +3 -3
  66. package/dist/index.es41.js +2 -2
  67. package/dist/index.es42.js +3 -3
  68. package/dist/index.es85.js +162 -43
  69. package/dist/index.es88.js +43 -162
  70. package/dist/index.es89.js +10 -10
  71. package/dist/index.es90.js +12 -10
  72. package/dist/index.es91.js +10 -12
  73. package/dist/index.es93.js +95 -87
  74. package/dist/index.es98.js +78 -100
  75. package/dist/index.es99.js +100 -12
  76. package/dist/stories/SearchField.stories.d.ts +1 -0
  77. package/package.json +1 -1
@@ -1,46 +1,165 @@
1
- import { j as e } from "./index.es52.js";
2
- import { CrossCircleIcon as m } from "./index.es54.js";
3
- import { Autocomplete as x, SearchField as p, Input as b, Button as f, Virtualizer as h, ListLayout as j } from "react-aria-components";
4
- import { cn as n } from "./index.es53.js";
5
- import { SelectListBox as s } from "./index.es129.js";
6
- const w = ({
7
- enableSearch: l,
8
- contains: i,
9
- classNameSearchField: a,
10
- classNameSearchFieldInput: u,
11
- placeholderSearch: c,
12
- items: r,
13
- virtualizedList: d = !1,
14
- renderEmptyState: t
15
- }) => {
16
- const o = d ? /* @__PURE__ */ e.jsx(h, { layout: j, children: /* @__PURE__ */ e.jsx(s, { items: r, renderEmptyState: t }) }) : /* @__PURE__ */ e.jsx(s, { items: r, renderEmptyState: t });
17
- return l ? /* @__PURE__ */ e.jsxs(x, { filter: i, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
18
- /* @__PURE__ */ e.jsxs(
19
- p,
20
- {
21
- "aria-label": "Search",
22
- className: n(
23
- "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
24
- a
25
- ),
26
- children: [
27
- /* @__PURE__ */ e.jsx(
28
- b,
29
- {
30
- placeholder: c,
31
- className: n(
32
- "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
33
- u
34
- )
35
- }
36
- ),
37
- /* @__PURE__ */ e.jsx(f, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(m, { "aria-hidden": !0, className: "size-4" }) })
38
- ]
1
+ import { cva as e } from "class-variance-authority";
2
+ const t = [
3
+ {
4
+ intent: "primary",
5
+ isHovered: !0,
6
+ isDisabled: !1,
7
+ isActive: !1,
8
+ class: "bg-primary-100"
9
+ },
10
+ {
11
+ intent: "secondary",
12
+ isHovered: !0,
13
+ isDisabled: !1,
14
+ isActive: !1,
15
+ class: "bg-primary-500 text-primary-50"
16
+ },
17
+ {
18
+ intent: "minimal",
19
+ isHovered: !0,
20
+ isDisabled: !1,
21
+ isActive: !1,
22
+ class: "bg-neutral-200 text-neutral-800"
23
+ },
24
+ {
25
+ intent: "error",
26
+ isHovered: !0,
27
+ isDisabled: !1,
28
+ isActive: !1,
29
+ class: "bg-error-100"
30
+ }
31
+ ], r = [
32
+ {
33
+ intent: "primary",
34
+ isActive: !0,
35
+ isDisabled: !1,
36
+ class: "bg-primary-500 text-primary-50"
37
+ },
38
+ {
39
+ intent: "primary",
40
+ isActive: !0,
41
+ isDisabled: !0,
42
+ class: "bg-primary-300 text-primary-100"
43
+ },
44
+ {
45
+ intent: "secondary",
46
+ isActive: !0,
47
+ isDisabled: !1,
48
+ class: "bg-primary-500 text-primary-50"
49
+ },
50
+ {
51
+ intent: "secondary",
52
+ isActive: !0,
53
+ isDisabled: !0,
54
+ class: "bg-primary-100 text-primary-300"
55
+ },
56
+ {
57
+ intent: "minimal",
58
+ isActive: !0,
59
+ isDisabled: !1,
60
+ class: "text-primary-500"
61
+ },
62
+ {
63
+ intent: "minimal",
64
+ isActive: !0,
65
+ isDisabled: !0,
66
+ class: "text-neutral-700"
67
+ },
68
+ {
69
+ intent: "error",
70
+ isActive: !0,
71
+ isDisabled: !1,
72
+ class: "bg-error-700 text-error-50"
73
+ },
74
+ {
75
+ intent: "error",
76
+ isActive: !0,
77
+ isDisabled: !0,
78
+ class: "bg-error-300 text-error-100"
79
+ }
80
+ ], i = [
81
+ {
82
+ intent: "primary",
83
+ isDisabled: !0,
84
+ isActive: !1,
85
+ class: "text-neutral-600"
86
+ },
87
+ {
88
+ intent: "primary",
89
+ isDisabled: !0,
90
+ isActive: !0,
91
+ class: "bg-primary-300 text-primary-100"
92
+ },
93
+ {
94
+ intent: "secondary",
95
+ isDisabled: !0,
96
+ isActive: !1,
97
+ class: "bg-neutral-400 text-neutral-600"
98
+ },
99
+ {
100
+ intent: "secondary",
101
+ isDisabled: !0,
102
+ isActive: !0,
103
+ class: "bg-primary-100 text-primary-300"
104
+ },
105
+ {
106
+ intent: "minimal",
107
+ isDisabled: !0,
108
+ isActive: !1,
109
+ class: "text-neutral-600"
110
+ },
111
+ {
112
+ intent: "minimal",
113
+ isDisabled: !0,
114
+ isActive: !0,
115
+ class: "text-neutral-700"
116
+ },
117
+ {
118
+ intent: "error",
119
+ isDisabled: !0,
120
+ isActive: !1,
121
+ class: "text-neutral-600"
122
+ },
123
+ {
124
+ intent: "error",
125
+ isDisabled: !0,
126
+ isActive: !0,
127
+ class: "bg-error-300 text-primary-100"
128
+ }
129
+ ], a = e(
130
+ "inline-flex items-center justify-center rounded-lg border border-transparent transition duration-150 ease-in-out focus:outline-none",
131
+ {
132
+ variants: {
133
+ intent: {
134
+ primary: "bg-transparent text-primary-500",
135
+ secondary: "bg-primary-200 text-primary-500",
136
+ minimal: "bg-transparent text-neutral-700",
137
+ error: "bg-transparent text-error-500"
138
+ },
139
+ size: {
140
+ xxs: "p-1",
141
+ xs: "p-2",
142
+ sm: "p-2.5",
143
+ md: "p-3",
144
+ lg: "p-4"
145
+ },
146
+ isDisabled: {
147
+ true: "pointer-events-none cursor-not-allowed"
148
+ },
149
+ isHovered: {
150
+ true: ""
151
+ },
152
+ isActive: {
153
+ true: ""
154
+ },
155
+ isFocused: {
156
+ false: "",
157
+ true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
39
158
  }
40
- ),
41
- o
42
- ] }) : o;
43
- };
159
+ },
160
+ compoundVariants: [...t, ...r, ...i]
161
+ }
162
+ );
44
163
  export {
45
- w as PopoverContent
164
+ a as buttonVariants
46
165
  };
@@ -1,165 +1,46 @@
1
- import { cva as e } from "class-variance-authority";
2
- const t = [
3
- {
4
- intent: "primary",
5
- isHovered: !0,
6
- isDisabled: !1,
7
- isActive: !1,
8
- class: "bg-primary-100"
9
- },
10
- {
11
- intent: "secondary",
12
- isHovered: !0,
13
- isDisabled: !1,
14
- isActive: !1,
15
- class: "bg-primary-500 text-primary-50"
16
- },
17
- {
18
- intent: "minimal",
19
- isHovered: !0,
20
- isDisabled: !1,
21
- isActive: !1,
22
- class: "bg-neutral-200 text-neutral-800"
23
- },
24
- {
25
- intent: "error",
26
- isHovered: !0,
27
- isDisabled: !1,
28
- isActive: !1,
29
- class: "bg-error-100"
30
- }
31
- ], r = [
32
- {
33
- intent: "primary",
34
- isActive: !0,
35
- isDisabled: !1,
36
- class: "bg-primary-500 text-primary-50"
37
- },
38
- {
39
- intent: "primary",
40
- isActive: !0,
41
- isDisabled: !0,
42
- class: "bg-primary-300 text-primary-100"
43
- },
44
- {
45
- intent: "secondary",
46
- isActive: !0,
47
- isDisabled: !1,
48
- class: "bg-primary-500 text-primary-50"
49
- },
50
- {
51
- intent: "secondary",
52
- isActive: !0,
53
- isDisabled: !0,
54
- class: "bg-primary-100 text-primary-300"
55
- },
56
- {
57
- intent: "minimal",
58
- isActive: !0,
59
- isDisabled: !1,
60
- class: "text-primary-500"
61
- },
62
- {
63
- intent: "minimal",
64
- isActive: !0,
65
- isDisabled: !0,
66
- class: "text-neutral-700"
67
- },
68
- {
69
- intent: "error",
70
- isActive: !0,
71
- isDisabled: !1,
72
- class: "bg-error-700 text-error-50"
73
- },
74
- {
75
- intent: "error",
76
- isActive: !0,
77
- isDisabled: !0,
78
- class: "bg-error-300 text-error-100"
79
- }
80
- ], i = [
81
- {
82
- intent: "primary",
83
- isDisabled: !0,
84
- isActive: !1,
85
- class: "text-neutral-600"
86
- },
87
- {
88
- intent: "primary",
89
- isDisabled: !0,
90
- isActive: !0,
91
- class: "bg-primary-300 text-primary-100"
92
- },
93
- {
94
- intent: "secondary",
95
- isDisabled: !0,
96
- isActive: !1,
97
- class: "bg-neutral-400 text-neutral-600"
98
- },
99
- {
100
- intent: "secondary",
101
- isDisabled: !0,
102
- isActive: !0,
103
- class: "bg-primary-100 text-primary-300"
104
- },
105
- {
106
- intent: "minimal",
107
- isDisabled: !0,
108
- isActive: !1,
109
- class: "text-neutral-600"
110
- },
111
- {
112
- intent: "minimal",
113
- isDisabled: !0,
114
- isActive: !0,
115
- class: "text-neutral-700"
116
- },
117
- {
118
- intent: "error",
119
- isDisabled: !0,
120
- isActive: !1,
121
- class: "text-neutral-600"
122
- },
123
- {
124
- intent: "error",
125
- isDisabled: !0,
126
- isActive: !0,
127
- class: "bg-error-300 text-primary-100"
128
- }
129
- ], a = e(
130
- "inline-flex items-center justify-center rounded-lg border border-transparent transition duration-150 ease-in-out focus:outline-none",
131
- {
132
- variants: {
133
- intent: {
134
- primary: "bg-transparent text-primary-500",
135
- secondary: "bg-primary-200 text-primary-500",
136
- minimal: "bg-transparent text-neutral-700",
137
- error: "bg-transparent text-error-500"
138
- },
139
- size: {
140
- xxs: "p-1",
141
- xs: "p-2",
142
- sm: "p-2.5",
143
- md: "p-3",
144
- lg: "p-4"
145
- },
146
- isDisabled: {
147
- true: "pointer-events-none cursor-not-allowed"
148
- },
149
- isHovered: {
150
- true: ""
151
- },
152
- isActive: {
153
- true: ""
154
- },
155
- isFocused: {
156
- false: "",
157
- true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
1
+ import { j as e } from "./index.es52.js";
2
+ import { CrossCircleIcon as m } from "./index.es54.js";
3
+ import { Autocomplete as x, SearchField as p, Input as b, Button as f, Virtualizer as h, ListLayout as j } from "react-aria-components";
4
+ import { cn as n } from "./index.es53.js";
5
+ import { SelectListBox as s } from "./index.es129.js";
6
+ const w = ({
7
+ enableSearch: l,
8
+ contains: i,
9
+ classNameSearchField: a,
10
+ classNameSearchFieldInput: u,
11
+ placeholderSearch: c,
12
+ items: r,
13
+ virtualizedList: d = !1,
14
+ renderEmptyState: t
15
+ }) => {
16
+ const o = d ? /* @__PURE__ */ e.jsx(h, { layout: j, children: /* @__PURE__ */ e.jsx(s, { items: r, renderEmptyState: t }) }) : /* @__PURE__ */ e.jsx(s, { items: r, renderEmptyState: t });
17
+ return l ? /* @__PURE__ */ e.jsxs(x, { filter: i, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
18
+ /* @__PURE__ */ e.jsxs(
19
+ p,
20
+ {
21
+ "aria-label": "Search",
22
+ className: n(
23
+ "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
24
+ a
25
+ ),
26
+ children: [
27
+ /* @__PURE__ */ e.jsx(
28
+ b,
29
+ {
30
+ placeholder: c,
31
+ className: n(
32
+ "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
33
+ u
34
+ )
35
+ }
36
+ ),
37
+ /* @__PURE__ */ e.jsx(f, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(m, { "aria-hidden": !0, className: "size-4" }) })
38
+ ]
158
39
  }
159
- },
160
- compoundVariants: [...t, ...r, ...i]
161
- }
162
- );
40
+ ),
41
+ o
42
+ ] }) : o;
43
+ };
163
44
  export {
164
- a as buttonVariants
45
+ w as PopoverContent
165
46
  };
@@ -1,12 +1,12 @@
1
- import { j as d } from "./index.es52.js";
2
- import { forwardRef as p } from "react";
3
- import { cn as f } from "./index.es53.js";
4
- import { overlayVariants as v } from "./index.es130.js";
5
- const y = (e, a) => {
6
- const { zIndex: s = 200, opacity: t = "md", blur: o = "sm", children: m, className: c, center: r = !0, fixed: i, ...n } = e, l = f(v({ opacity: t, fixed: i, center: r, blur: o }), `z-[${s}]`, c);
7
- return /* @__PURE__ */ d.jsx("div", { ref: a, className: l, "data-center": r || void 0, ...n, children: m });
8
- }, x = p(y);
9
- x.displayName = "Overlay";
1
+ import { j as n } from "./index.es52.js";
2
+ import { cn as x } from "./index.es53.js";
3
+ const m = ({
4
+ description: t,
5
+ descriptionClasses: i,
6
+ errorMessage: r,
7
+ errorClasses: s,
8
+ isInvalidField: e
9
+ }) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
10
10
  export {
11
- x as Overlay
11
+ m as CaptionNumberField
12
12
  };
@@ -1,12 +1,14 @@
1
- import { j as n } from "./index.es52.js";
2
- import { cn as x } from "./index.es53.js";
3
- const m = ({
4
- description: t,
5
- descriptionClasses: i,
6
- errorMessage: r,
7
- errorClasses: s,
8
- isInvalidField: e
9
- }) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
1
+ import { j as e } from "./index.es52.js";
2
+ import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es54.js";
3
+ import { Button as s } from "react-aria-components";
4
+ import { cn as c } from "./index.es53.js";
5
+ const x = ({ isDisabled: r }) => {
6
+ const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
7
+ return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
8
+ /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
9
+ /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
10
+ ] });
11
+ };
10
12
  export {
11
- m as CaptionNumberField
13
+ x as StepperButton
12
14
  };
@@ -1,14 +1,12 @@
1
- import { j as e } from "./index.es52.js";
2
- import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es54.js";
3
- import { Button as s } from "react-aria-components";
4
- import { cn as c } from "./index.es53.js";
5
- const x = ({ isDisabled: r }) => {
6
- const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
7
- return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
8
- /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
9
- /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
10
- ] });
11
- };
1
+ import { j as d } from "./index.es52.js";
2
+ import { forwardRef as p } from "react";
3
+ import { cn as f } from "./index.es53.js";
4
+ import { overlayVariants as v } from "./index.es130.js";
5
+ const y = (e, a) => {
6
+ const { zIndex: s = 200, opacity: t = "md", blur: o = "sm", children: m, className: c, center: r = !0, fixed: i, ...n } = e, l = f(v({ opacity: t, fixed: i, center: r, blur: o }), `z-[${s}]`, c);
7
+ return /* @__PURE__ */ d.jsx("div", { ref: a, className: l, "data-center": r || void 0, ...n, children: m });
8
+ }, x = p(y);
9
+ x.displayName = "Overlay";
12
10
  export {
13
- x as StepperButton
11
+ x as Overlay
14
12
  };