@bitrise/bitkit-v2 0.3.123 → 0.3.125
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/BitkitCalendar/components/CalendarSelect.js +21 -25
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js +18 -18
- package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js +23 -23
- package/dist/components/BitkitSelect/BitkitSelect.js +21 -21
- package/dist/icons/24x24/index.d.ts +0 -1
- package/dist/main.js +1072 -1074
- package/dist/theme/slot-recipes/index.js +1 -1
- package/dist/utilities/AssetSelectChevron.d.ts +2 -4
- package/dist/utilities/AssetSelectChevron.js +29 -5
- package/package.json +2 -2
- package/dist/icons/24x24/IconSelectChevron24.d.ts +0 -3
- package/dist/icons/24x24/IconSelectChevron24.js +0 -16
|
@@ -1,39 +1,35 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { Portal as g } from "@chakra-ui/react/portal";
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { createListCollection as u } from "@chakra-ui/react/collection";
|
|
3
|
+
import { Portal as h } from "@chakra-ui/react/portal";
|
|
5
4
|
import { Select as r } from "@chakra-ui/react/select";
|
|
6
|
-
import { useSlotRecipe as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
const
|
|
10
|
-
const { contentProps: c, controlProps: l, defaultValue:
|
|
11
|
-
items:
|
|
12
|
-
groupBy: (
|
|
13
|
-
}),
|
|
14
|
-
return /* @__PURE__ */
|
|
5
|
+
import { useSlotRecipe as f } from "@chakra-ui/react/styled-system";
|
|
6
|
+
import g from "../../../utilities/AssetSelectChevron.js";
|
|
7
|
+
import S from "../../BitkitSelectMenu/BitkitSelectMenu.js";
|
|
8
|
+
const C = (i) => {
|
|
9
|
+
const { contentProps: c, controlProps: l, defaultValue: n, items: s, onValueChange: a, value: d } = i, p = u({
|
|
10
|
+
items: s,
|
|
11
|
+
groupBy: (m) => m.group || ""
|
|
12
|
+
}), t = f({ key: "datePickerSelect" })();
|
|
13
|
+
return /* @__PURE__ */ o(
|
|
15
14
|
r.Root,
|
|
16
15
|
{
|
|
17
16
|
collection: p,
|
|
18
|
-
defaultValue:
|
|
19
|
-
onValueChange:
|
|
17
|
+
defaultValue: n,
|
|
18
|
+
onValueChange: a,
|
|
20
19
|
size: "md",
|
|
21
|
-
value:
|
|
20
|
+
value: d,
|
|
22
21
|
children: [
|
|
23
22
|
/* @__PURE__ */ e(r.HiddenSelect, {}),
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */ e(r.Trigger, { css:
|
|
26
|
-
/* @__PURE__ */ e(r.IndicatorGroup, { css:
|
|
27
|
-
const u = t.open;
|
|
28
|
-
return /* @__PURE__ */ e(f, { transform: u ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.2s ease", children: /* @__PURE__ */ e(S, {}) });
|
|
29
|
-
} }) }) })
|
|
23
|
+
/* @__PURE__ */ o(r.Control, { ...l, children: [
|
|
24
|
+
/* @__PURE__ */ e(r.Trigger, { css: t.trigger, children: /* @__PURE__ */ e(r.ValueText, {}) }),
|
|
25
|
+
/* @__PURE__ */ e(r.IndicatorGroup, { css: t.indicatorGroup, children: /* @__PURE__ */ e(r.Indicator, { asChild: !0, css: t.indicator, children: /* @__PURE__ */ e(g, { width: "20", height: "20" }) }) })
|
|
30
26
|
] }),
|
|
31
|
-
/* @__PURE__ */ e(
|
|
27
|
+
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(S, { contentProps: c }) }) })
|
|
32
28
|
]
|
|
33
29
|
}
|
|
34
30
|
);
|
|
35
31
|
};
|
|
36
|
-
|
|
32
|
+
C.displayName = "CalendarSelect";
|
|
37
33
|
export {
|
|
38
|
-
|
|
34
|
+
C as default
|
|
39
35
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { Box as
|
|
1
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { Box as r } from "@chakra-ui/react/box";
|
|
3
3
|
import { Card as y } from "@chakra-ui/react/card";
|
|
4
|
-
import { Collapsible as
|
|
4
|
+
import { Collapsible as t } from "@chakra-ui/react/collapsible";
|
|
5
5
|
import { useSlotRecipe as b } from "@chakra-ui/react/styled-system";
|
|
6
|
-
import { Text as
|
|
7
|
-
import
|
|
8
|
-
const T = (
|
|
9
|
-
const { children:
|
|
10
|
-
return /* @__PURE__ */ e(y.Root, { css:
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
|
|
16
|
-
!!
|
|
6
|
+
import { Text as d } from "@chakra-ui/react/text";
|
|
7
|
+
import I from "../../utilities/AssetSelectChevron.js";
|
|
8
|
+
const T = (a) => {
|
|
9
|
+
const { children: p, defaultExpanded: f, expanded: h, icon: s, onChange: l, secdText: o, size: m = "lg", suffix: c, title: x, ...C } = a, i = b({ key: "expandableCard" })({ size: m }), g = l ? (u) => l(u.open) : void 0;
|
|
10
|
+
return /* @__PURE__ */ e(y.Root, { css: i.root, children: /* @__PURE__ */ n(t.Root, { defaultOpen: f, open: h, onOpenChange: g, ...C, children: [
|
|
11
|
+
/* @__PURE__ */ n(t.Trigger, { css: i.header, children: [
|
|
12
|
+
/* @__PURE__ */ n(r, { display: "flex", alignItems: "center", gap: "8", children: [
|
|
13
|
+
s && /* @__PURE__ */ e(r, { css: i.icon, children: s }),
|
|
14
|
+
/* @__PURE__ */ n(r, { display: "flex", alignItems: "flex-start", flexDirection: "column", children: [
|
|
15
|
+
x,
|
|
16
|
+
!!o && /* @__PURE__ */ e(d, { css: i.secdText, children: o })
|
|
17
17
|
] })
|
|
18
18
|
] }),
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
!!
|
|
21
|
-
/* @__PURE__ */ e(
|
|
19
|
+
/* @__PURE__ */ n(r, { display: "flex", alignItems: "center", children: [
|
|
20
|
+
!!c && /* @__PURE__ */ e(d, { css: i.suffix, children: c }),
|
|
21
|
+
/* @__PURE__ */ e(t.Indicator, { asChild: !0, children: /* @__PURE__ */ e(I, {}) })
|
|
22
22
|
] })
|
|
23
23
|
] }),
|
|
24
|
-
/* @__PURE__ */ e(
|
|
24
|
+
/* @__PURE__ */ e(t.Content, { css: i.collapsible, children: /* @__PURE__ */ e(r, { css: i.body, children: p }) })
|
|
25
25
|
] }) });
|
|
26
26
|
};
|
|
27
27
|
T.displayName = "BitkitExpandableCard";
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { NativeSelect as
|
|
1
|
+
import { jsx as e, jsxs as x } from "react/jsx-runtime";
|
|
2
|
+
import { NativeSelect as l } from "@chakra-ui/react/native-select";
|
|
3
3
|
import { useSlotRecipe as S } from "@chakra-ui/react/styled-system";
|
|
4
4
|
import { forwardRef as y } from "react";
|
|
5
5
|
import N from "../../icons/16x16/IconErrorCircleFilled16.js";
|
|
6
6
|
import k from "../../icons/16x16/IconWarningYellow16.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
7
|
+
import C from "../../icons/24x24/IconErrorCircleFilled24.js";
|
|
8
|
+
import F from "../../icons/24x24/IconWarningYellow24.js";
|
|
9
|
+
import b from "../../utilities/AssetSelectChevron.js";
|
|
10
|
+
import B from "../BitkitField/BitkitField.js";
|
|
11
11
|
const R = y(
|
|
12
12
|
(a, d) => {
|
|
13
13
|
const {
|
|
14
|
-
errorText:
|
|
14
|
+
errorText: n,
|
|
15
15
|
helperText: m,
|
|
16
16
|
label: p,
|
|
17
17
|
optional: f,
|
|
18
18
|
placeholder: g,
|
|
19
19
|
selectProps: I,
|
|
20
20
|
size: t = "md",
|
|
21
|
-
state:
|
|
22
|
-
tooltip:
|
|
23
|
-
warningText:
|
|
24
|
-
children:
|
|
21
|
+
state: o,
|
|
22
|
+
tooltip: u,
|
|
23
|
+
warningText: s,
|
|
24
|
+
children: v,
|
|
25
25
|
...h
|
|
26
|
-
} = a, r = S({ key: "nativeSelect" })(), w =
|
|
26
|
+
} = a, r = S({ key: "nativeSelect" })(), w = o === "warning" || !!s, c = o === "error" || !!n;
|
|
27
27
|
let i;
|
|
28
|
-
return
|
|
29
|
-
|
|
28
|
+
return c ? i = t === "lg" ? /* @__PURE__ */ e(C, { css: r.statusIcon, color: "icon/negative" }) : /* @__PURE__ */ e(N, { css: r.statusIcon, color: "icon/negative" }) : w && (i = t === "lg" ? /* @__PURE__ */ e(F, { css: r.statusIcon, color: "icon/warning" }) : /* @__PURE__ */ e(k, { css: r.statusIcon, color: "icon/warning" })), /* @__PURE__ */ e(
|
|
29
|
+
B,
|
|
30
30
|
{
|
|
31
|
-
disabled:
|
|
32
|
-
errorText:
|
|
31
|
+
disabled: o === "disabled",
|
|
32
|
+
errorText: n,
|
|
33
33
|
helperText: m,
|
|
34
|
-
invalid:
|
|
34
|
+
invalid: c,
|
|
35
35
|
label: p,
|
|
36
36
|
optional: f,
|
|
37
|
-
readOnly:
|
|
37
|
+
readOnly: o === "readOnly",
|
|
38
38
|
ref: d,
|
|
39
|
-
tooltip:
|
|
40
|
-
warningText:
|
|
39
|
+
tooltip: u,
|
|
40
|
+
warningText: s,
|
|
41
41
|
...h,
|
|
42
|
-
children: /* @__PURE__ */ x(
|
|
43
|
-
/* @__PURE__ */
|
|
42
|
+
children: /* @__PURE__ */ x(l.Root, { size: t, ...I, className: "group", children: [
|
|
43
|
+
/* @__PURE__ */ e(l.Field, { placeholder: g, children: v }),
|
|
44
44
|
i,
|
|
45
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ e(l.Indicator, { asChild: !0, children: /* @__PURE__ */ e(b, {}) })
|
|
46
46
|
] })
|
|
47
47
|
}
|
|
48
48
|
);
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { createListCollection as k } from "@chakra-ui/react/collection";
|
|
3
|
-
import { Portal as
|
|
3
|
+
import { Portal as b } from "@chakra-ui/react/portal";
|
|
4
4
|
import { Select as r } from "@chakra-ui/react/select";
|
|
5
|
-
import { forwardRef as
|
|
6
|
-
import
|
|
5
|
+
import { forwardRef as F } from "react";
|
|
6
|
+
import O from "../../icons/16x16/IconErrorCircleFilled16.js";
|
|
7
7
|
import j from "../../icons/16x16/IconWarningYellow16.js";
|
|
8
8
|
import E from "../../icons/24x24/IconErrorCircleFilled24.js";
|
|
9
9
|
import L from "../../icons/24x24/IconWarningYellow24.js";
|
|
10
10
|
import R from "../../utilities/AssetSelectChevron.js";
|
|
11
11
|
import W from "../BitkitField/BitkitField.js";
|
|
12
12
|
import Y from "../BitkitSelectMenu/BitkitSelectMenu.js";
|
|
13
|
-
const z =
|
|
13
|
+
const z = F((d, h) => {
|
|
14
14
|
const {
|
|
15
15
|
contentProps: s,
|
|
16
16
|
defaultValue: n,
|
|
17
17
|
errorText: a,
|
|
18
|
-
hasSearch:
|
|
19
|
-
helperText:
|
|
18
|
+
hasSearch: m,
|
|
19
|
+
helperText: p,
|
|
20
20
|
isLoading: g,
|
|
21
21
|
items: f,
|
|
22
22
|
label: u,
|
|
@@ -24,40 +24,40 @@ const z = b((d, h) => {
|
|
|
24
24
|
onValueChange: v,
|
|
25
25
|
optional: C,
|
|
26
26
|
placeholder: I,
|
|
27
|
-
selectProps:
|
|
28
|
-
size:
|
|
27
|
+
selectProps: w,
|
|
28
|
+
size: i = "md",
|
|
29
29
|
state: o,
|
|
30
|
-
tooltip:
|
|
30
|
+
tooltip: x,
|
|
31
31
|
triggerProps: y,
|
|
32
32
|
value: c,
|
|
33
33
|
warningText: B,
|
|
34
34
|
...P
|
|
35
35
|
} = d, T = o === "error" || !!a, V = k({
|
|
36
36
|
items: f,
|
|
37
|
-
groupBy: (
|
|
37
|
+
groupBy: (t) => t.group || ""
|
|
38
38
|
});
|
|
39
39
|
return /* @__PURE__ */ e(
|
|
40
40
|
W,
|
|
41
41
|
{
|
|
42
42
|
disabled: o === "disabled",
|
|
43
43
|
errorText: a,
|
|
44
|
-
helperText:
|
|
44
|
+
helperText: p,
|
|
45
45
|
invalid: T,
|
|
46
46
|
label: u,
|
|
47
47
|
optional: C,
|
|
48
48
|
readOnly: o === "readOnly",
|
|
49
49
|
ref: h,
|
|
50
|
-
tooltip:
|
|
50
|
+
tooltip: x,
|
|
51
51
|
warningText: B,
|
|
52
52
|
...P,
|
|
53
53
|
children: /* @__PURE__ */ l(
|
|
54
54
|
r.Root,
|
|
55
55
|
{
|
|
56
56
|
collection: V,
|
|
57
|
-
size:
|
|
58
|
-
...
|
|
57
|
+
size: i,
|
|
58
|
+
...w,
|
|
59
59
|
defaultValue: n ? [n] : void 0,
|
|
60
|
-
onValueChange: (
|
|
60
|
+
onValueChange: (t) => v?.(t.value[0]),
|
|
61
61
|
value: c ? [c] : void 0,
|
|
62
62
|
children: [
|
|
63
63
|
/* @__PURE__ */ e(r.HiddenSelect, {}),
|
|
@@ -69,18 +69,18 @@ const z = b((d, h) => {
|
|
|
69
69
|
}
|
|
70
70
|
) }),
|
|
71
71
|
/* @__PURE__ */ l(r.IndicatorGroup, { children: [
|
|
72
|
-
o === "error" && /* @__PURE__ */ e(r.Indicator, { children:
|
|
73
|
-
o === "warning" && /* @__PURE__ */ e(r.Indicator, { children:
|
|
74
|
-
/* @__PURE__ */ e(r.Indicator, {
|
|
72
|
+
o === "error" && /* @__PURE__ */ e(r.Indicator, { children: i === "lg" ? /* @__PURE__ */ e(E, { color: "icon/negative" }) : /* @__PURE__ */ e(O, { color: "icon/negative", height: "16", width: "16" }) }),
|
|
73
|
+
o === "warning" && /* @__PURE__ */ e(r.Indicator, { children: i === "lg" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(j, { height: "16", width: "16" }) }),
|
|
74
|
+
/* @__PURE__ */ e(r.Indicator, { asChild: !0, children: /* @__PURE__ */ e(R, {}) })
|
|
75
75
|
] })
|
|
76
76
|
] }),
|
|
77
|
-
/* @__PURE__ */ e(
|
|
77
|
+
/* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(
|
|
78
78
|
Y,
|
|
79
79
|
{
|
|
80
80
|
contentProps: s,
|
|
81
81
|
isLoading: g,
|
|
82
|
-
...
|
|
83
|
-
size:
|
|
82
|
+
...m ? { hasSearch: !0, onSearchChange: S } : { hasSearch: !1 },
|
|
83
|
+
size: i
|
|
84
84
|
}
|
|
85
85
|
) }) })
|
|
86
86
|
]
|
|
@@ -220,7 +220,6 @@ export { default as IconRuby24 } from './IconRuby24';
|
|
|
220
220
|
export { default as IconRubyColor24 } from './IconRubyColor24';
|
|
221
221
|
export { default as IconSave24 } from './IconSave24';
|
|
222
222
|
export { default as IconSecurityShield24 } from './IconSecurityShield24';
|
|
223
|
-
export { default as IconSelectChevron24 } from './IconSelectChevron24';
|
|
224
223
|
export { default as IconSettings24 } from './IconSettings24';
|
|
225
224
|
export { default as IconSettingsFilled24 } from './IconSettingsFilled24';
|
|
226
225
|
export { default as IconShuffle24 } from './IconShuffle24';
|