@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.
- package/dist/components/FilterButton/FilterButton.d.ts +1 -1
- package/dist/components/FilterButton/FilterButton.test.d.ts +1 -0
- package/dist/components/FilterButton/index.d.ts +1 -0
- package/dist/components/FilterButton/types.d.ts +45 -10
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs100.js +1 -1
- package/dist/index.cjs101.js +1 -1
- package/dist/index.cjs102.js +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs121.js +1 -1
- package/dist/index.cjs124.js +1 -1
- package/dist/index.cjs127.js +1 -1
- package/dist/index.cjs128.js +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs143.js +1 -1
- package/dist/index.cjs148.js +1 -1
- package/dist/index.cjs149.js +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs150.js +1 -1
- package/dist/index.cjs151.js +1 -1
- package/dist/index.cjs152.js +1 -1
- package/dist/index.cjs153.js +1 -1
- package/dist/index.cjs156.js +1 -1
- package/dist/index.cjs157.js +1 -1
- package/dist/index.cjs158.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs161.js +1 -1
- package/dist/index.cjs162.js +1 -1
- package/dist/index.cjs163.js +1 -1
- package/dist/index.cjs165.js +1 -1
- package/dist/index.cjs166.js +1 -1
- package/dist/index.cjs167.js +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs27.js +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs34.js +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs44.js +1 -1
- package/dist/index.cjs45.js +1 -1
- package/dist/index.cjs46.js +1 -1
- package/dist/index.cjs47.js +1 -1
- package/dist/index.cjs48.js +1 -1
- package/dist/index.cjs49.js +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs50.js +1 -1
- package/dist/index.cjs51.js +1 -1
- package/dist/index.cjs52.js +1 -1
- package/dist/index.cjs53.js +1 -1
- package/dist/index.cjs54.js +1 -1
- package/dist/index.cjs55.js +1 -1
- package/dist/index.cjs56.js +1 -1
- package/dist/index.cjs57.js +1 -1
- package/dist/index.cjs58.js +1 -1
- package/dist/index.cjs59.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs60.js +1 -1
- package/dist/index.cjs61.js +1 -1
- package/dist/index.cjs62.js +1 -1
- package/dist/index.cjs63.js +1 -1
- package/dist/index.cjs64.js +1 -1
- package/dist/index.cjs65.js +1 -1
- package/dist/index.cjs66.js +1 -1
- package/dist/index.cjs67.js +1 -1
- package/dist/index.cjs68.js +1 -1
- package/dist/index.cjs69.js +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs70.js +1 -1
- package/dist/index.cjs71.js +1 -1
- package/dist/index.cjs75.js +1 -1
- package/dist/index.cjs76.js +1 -1
- package/dist/index.cjs77.js +1 -1
- package/dist/index.cjs78.js +1 -1
- package/dist/index.cjs79.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs82.js +1 -1
- package/dist/index.cjs83.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.cjs99.js +1 -1
- package/dist/index.es10.js +1 -1
- package/dist/index.es100.js +30 -2
- package/dist/index.es101.js +2 -30
- package/dist/index.es102.js +2 -57
- package/dist/index.es11.js +1 -1
- package/dist/index.es12.js +1 -1
- package/dist/index.es121.js +2 -2
- package/dist/index.es124.js +2 -2
- package/dist/index.es127.js +6 -6
- package/dist/index.es128.js +2 -2
- package/dist/index.es14.js +1 -1
- package/dist/index.es143.js +3 -3
- package/dist/index.es148.js +10 -61
- package/dist/index.es149.js +61 -4
- package/dist/index.es15.js +2 -2
- package/dist/index.es150.js +4 -14
- package/dist/index.es151.js +10 -307
- package/dist/index.es152.js +304 -19
- package/dist/index.es153.js +26 -4
- package/dist/index.es156.js +4 -94
- package/dist/index.es157.js +94 -4
- package/dist/index.es158.js +2 -8
- package/dist/index.es16.js +1 -1
- package/dist/index.es161.js +4 -51
- package/dist/index.es162.js +47 -15
- package/dist/index.es163.js +19 -4
- package/dist/index.es164.js +2 -2
- package/dist/index.es165.js +4 -753
- package/dist/index.es166.js +753 -4
- package/dist/index.es167.js +2 -2
- package/dist/index.es17.js +2 -2
- package/dist/index.es18.js +1 -1
- package/dist/index.es21.js +1 -1
- package/dist/index.es22.js +2 -2
- package/dist/index.es23.js +3 -3
- package/dist/index.es24.js +17 -16
- package/dist/index.es25.js +3 -3
- package/dist/index.es26.js +3 -3
- package/dist/index.es27.js +2 -2
- package/dist/index.es28.js +1 -1
- package/dist/index.es32.js +3 -3
- package/dist/index.es33.js +3 -3
- package/dist/index.es34.js +1 -1
- package/dist/index.es35.js +1 -1
- package/dist/index.es36.js +1 -1
- package/dist/index.es37.js +1 -1
- package/dist/index.es42.js +30 -171
- package/dist/index.es44.js +17 -33
- package/dist/index.es45.js +16 -122
- package/dist/index.es46.js +15 -83
- package/dist/index.es47.js +25 -136
- package/dist/index.es48.js +149 -114
- package/dist/index.es49.js +58 -93
- package/dist/index.es5.js +18 -17
- package/dist/index.es50.js +90 -81
- package/dist/index.es51.js +82 -32
- package/dist/index.es52.js +112 -84
- package/dist/index.es53.js +118 -22
- package/dist/index.es54.js +115 -3
- package/dist/index.es55.js +85 -131
- package/dist/index.es56.js +28 -86
- package/dist/index.es57.js +109 -14
- package/dist/index.es58.js +40 -30
- package/dist/index.es59.js +3 -18
- package/dist/index.es6.js +1 -1
- package/dist/index.es60.js +159 -16
- package/dist/index.es61.js +90 -14
- package/dist/index.es62.js +20 -161
- package/dist/index.es63.js +101 -10
- package/dist/index.es64.js +13 -10
- package/dist/index.es65.js +163 -12
- package/dist/index.es66.js +65 -13
- package/dist/index.es67.js +10 -65
- package/dist/index.es68.js +10 -88
- package/dist/index.es69.js +12 -80
- package/dist/index.es7.js +1 -1
- package/dist/index.es70.js +13 -101
- package/dist/index.es71.js +87 -12
- package/dist/index.es75.js +19 -10
- package/dist/index.es76.js +20 -10
- package/dist/index.es77.js +10 -45
- package/dist/index.es78.js +10 -19
- package/dist/index.es79.js +42 -17
- package/dist/index.es8.js +3 -3
- package/dist/index.es82.js +1 -1
- package/dist/index.es83.js +1 -1
- package/dist/index.es9.js +107 -57
- package/dist/index.es99.js +57 -2
- package/dist/style.css +9 -0
- package/package.json +1 -1
package/dist/index.es71.js
CHANGED
|
@@ -1,15 +1,90 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
12
|
-
};
|
|
87
|
+
);
|
|
13
88
|
export {
|
|
14
|
-
|
|
89
|
+
$ as SelectContent
|
|
15
90
|
};
|
package/dist/index.es75.js
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
20
|
+
i as ContentSwitch
|
|
12
21
|
};
|
package/dist/index.es76.js
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
21
|
+
c as SwitchIndicator
|
|
12
22
|
};
|
package/dist/index.es77.js
CHANGED
|
@@ -1,47 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
}
|
|
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
|
-
|
|
46
|
-
t as tabsVariants
|
|
11
|
+
D as Tab
|
|
47
12
|
};
|
package/dist/index.es78.js
CHANGED
|
@@ -1,21 +1,12 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
11
|
+
P as TabPanel
|
|
21
12
|
};
|
package/dist/index.es79.js
CHANGED
|
@@ -1,22 +1,47 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
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.
|
|
7
|
-
import { ColorField as M } from "./index.
|
|
8
|
-
import { ColorSlider as Q } from "./index.
|
|
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,
|
package/dist/index.es82.js
CHANGED
package/dist/index.es83.js
CHANGED
package/dist/index.es9.js
CHANGED
|
@@ -1,87 +1,137 @@
|
|
|
1
1
|
import { j as e } from "./index.es38.js";
|
|
2
|
-
import { OptionsIcon as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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
|
|
32
|
-
return /* @__PURE__ */ e.
|
|
33
|
-
|
|
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":
|
|
36
|
-
"data-loading":
|
|
37
|
-
isDisabled:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
-
|
|
63
|
+
l
|
|
47
64
|
),
|
|
48
|
-
|
|
65
|
+
onPress: M,
|
|
66
|
+
...P,
|
|
49
67
|
children: [
|
|
50
68
|
/* @__PURE__ */ e.jsx(
|
|
51
|
-
|
|
69
|
+
Z,
|
|
52
70
|
{
|
|
53
71
|
renderPosition: "left",
|
|
54
|
-
loaderPosition:
|
|
55
|
-
loaderProps:
|
|
56
|
-
isLoading:
|
|
57
|
-
leftIcon:
|
|
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:
|
|
64
|
-
children:
|
|
81
|
+
className: i("flex h-full items-center overflow-hidden whitespace-nowrap", F ? "w-full" : ""),
|
|
82
|
+
children: p
|
|
65
83
|
}
|
|
66
84
|
),
|
|
67
|
-
|
|
85
|
+
h && !S && /* @__PURE__ */ e.jsx(
|
|
68
86
|
"span",
|
|
69
87
|
{
|
|
70
|
-
className:
|
|
71
|
-
|
|
72
|
-
isActive:
|
|
88
|
+
className: i(
|
|
89
|
+
Y({
|
|
90
|
+
isActive: h,
|
|
73
91
|
isHovered: !1,
|
|
74
|
-
isDisabled:
|
|
92
|
+
isDisabled: r
|
|
75
93
|
}),
|
|
76
|
-
!
|
|
94
|
+
!r && "group-hover:bg-primary-500 group-hover:text-primary-100",
|
|
95
|
+
A
|
|
77
96
|
),
|
|
78
|
-
children:
|
|
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
|
-
|
|
136
|
+
ne as FilterButton
|
|
87
137
|
};
|
package/dist/index.es99.js
CHANGED
|
@@ -1,4 +1,59 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
}
|