highsoft-ui 1.0.134 → 1.0.136
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/{Button-K3WlRB7Q.js → Button-CTdphXmG.js} +1 -0
- package/dist/{ButtonGroup-Di8R8XMS.js → ButtonGroup-D5_sI3QL.js} +16 -11
- package/dist/{Container--5g4TI1z.js → Container-BDssaLig.js} +1 -0
- package/dist/{CookiePolicyModal-BDtX6aXU.js → CookiePolicyModal-DGM4bMoR.js} +1 -1
- package/dist/{CopyCode-CPC5QPAz.js → CopyCode-DS-3fQBn.js} +2 -1
- package/dist/{Dropdown-CMR98u7M.js → Dropdown-CgbtoeLA.js} +30 -17
- package/dist/{Footer-DJ2xOs6M.js → Footer-DSJzETEs.js} +6 -6
- package/dist/{FooterBottom-BSII1GXN.js → FooterBottom-BHQ-77CT.js} +2 -2
- package/dist/{FooterHelp-D14IrxvA.js → FooterHelp-B1zOPX-K.js} +1 -1
- package/dist/{FooterLinks-_OSgp8_1.js → FooterLinks-BxVVi8kz.js} +1 -1
- package/dist/FrameworkIcon-Ds6WrxO0.js +50 -0
- package/dist/{Header-CB4t3RmW.js → Header-4bkW4MNM.js} +5 -5
- package/dist/{Heading-pg3St8MI.js → Heading-DNDHqYWO.js} +1 -0
- package/dist/{InputGrouped-ENTLSUR_.js → InputGrouped-RLCBTqtp.js} +60 -56
- package/dist/{InputSolo-BUg1ip7e.js → InputSolo-2RPRX0wM.js} +1 -0
- package/dist/{NewsletterSignup-hFZm8H5q.js → NewsletterSignup-BawMuwkc.js} +4 -4
- package/dist/{Notification-DcC9pjzU.js → Notification-icY33paf.js} +2 -2
- package/dist/{PrefPanel-pFTxxuQW.js → PrefPanel-0iwUb8OU.js} +1 -1
- package/dist/{RoadmapDetails-Cv-T7-lm.js → RoadmapDetails-BPt5Ava0.js} +2 -2
- package/dist/{Search-DwY5daIl.js → Search-CF_Qyaff.js} +1 -1
- package/dist/{Tabs-BEpADhmv.js → Tabs-BuDaPqdN.js} +1 -1
- package/dist/{Typography-CJ7GcPcE.js → Typography-AvvBRu-u.js} +1 -0
- package/dist/components/Button/index.js +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/Container/index.js +1 -1
- package/dist/components/CopyCode/index.js +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/Footer/CookiePolicyModal.js +1 -1
- package/dist/components/Footer/FooterBottom.js +1 -1
- package/dist/components/Footer/FooterHelp.js +1 -1
- package/dist/components/Footer/FooterLinks.js +1 -1
- package/dist/components/Footer/index.js +1 -1
- package/dist/components/FrameworkIcon/icons/monochrome/Android.js +28 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Angular.js +28 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Css.js +21 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Dotnet.js +29 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Html.js +32 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Javascript.js +20 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Python.js +21 -0
- package/dist/components/FrameworkIcon/icons/monochrome/React.js +18 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Swift.js +29 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Typescript.js +29 -0
- package/dist/components/FrameworkIcon/icons/monochrome/Vue.js +31 -0
- package/dist/components/FrameworkIcon/icons/monochrome/index.js +28 -0
- package/dist/components/FrameworkIcon/icons/multi/Android.js +28 -0
- package/dist/components/FrameworkIcon/icons/multi/Angular.js +28 -0
- package/dist/components/FrameworkIcon/icons/multi/Css.js +21 -0
- package/dist/components/FrameworkIcon/icons/multi/Dotnet.js +29 -0
- package/dist/components/FrameworkIcon/icons/multi/Html.js +32 -0
- package/dist/components/FrameworkIcon/icons/multi/Javascript.js +21 -0
- package/dist/components/FrameworkIcon/icons/multi/Python.js +21 -0
- package/dist/components/FrameworkIcon/icons/multi/React.js +18 -0
- package/dist/components/FrameworkIcon/icons/multi/Swift.js +29 -0
- package/dist/components/FrameworkIcon/icons/multi/Typescript.js +29 -0
- package/dist/components/FrameworkIcon/icons/multi/Vue.js +32 -0
- package/dist/components/FrameworkIcon/icons/multi/index.js +28 -0
- package/dist/components/FrameworkIcon/index.js +2 -0
- package/dist/components/Header/index.js +1 -1
- package/dist/components/Heading/index.js +1 -1
- package/dist/components/InputGrouped/index.js +1 -1
- package/dist/components/InputSolo/index.js +1 -1
- package/dist/components/Modal/ModalContactFooter.js +2 -2
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/NewsletterSignup/index.js +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PrefPanel/index.js +1 -1
- package/dist/components/RoadmapDetails/index.js +1 -1
- package/dist/components/Search/index.js +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/Typography/index.js +1 -1
- package/dist/components/icons/MadeInNorway.js +1 -0
- package/dist/highsoft-ui.css +1 -1
- package/dist/lib/components/Box/index.d.ts +1 -1
- package/dist/lib/components/ButtonGroup/index.d.ts +9 -1
- package/dist/lib/components/Dropdown/index.d.ts +5 -1
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Android.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Angular.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Css.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Dotnet.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Html.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Javascript.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Python.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/React.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Swift.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Typescript.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/Vue.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/monochrome/index.d.ts +11 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Android.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Angular.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Css.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Dotnet.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Html.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Javascript.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Python.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/React.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Swift.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Typescript.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/Vue.d.ts +2 -0
- package/dist/lib/components/FrameworkIcon/icons/multi/index.d.ts +11 -0
- package/dist/lib/components/FrameworkIcon/index.d.ts +47 -0
- package/dist/lib/components/Notification/index.d.ts +1 -1
- package/dist/lib/main.d.ts +2 -0
- package/dist/main.js +27 -26
- package/package.json +4 -3
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import { t } from "./Button-
|
|
2
|
+
import { t } from "./Button-CTdphXmG.js";
|
|
3
3
|
import { useEffect as n, useState as r } from "react";
|
|
4
4
|
import { jsx as i } from "react/jsx-runtime";
|
|
5
5
|
var a = {
|
|
6
|
+
alt: "qkD_Ga_alt",
|
|
6
7
|
buttonGroup: "qkD_Ga_buttonGroup",
|
|
7
8
|
full: "qkD_Ga_full",
|
|
8
9
|
item: "qkD_Ga_item",
|
|
@@ -16,25 +17,29 @@ var a = {
|
|
|
16
17
|
};
|
|
17
18
|
//#endregion
|
|
18
19
|
//#region lib/components/ButtonGroup/index.tsx
|
|
19
|
-
function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200,
|
|
20
|
-
let
|
|
20
|
+
function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, variant: d = "default", fullWidth: f = !1, className: p, ...m }) {
|
|
21
|
+
let h = o.find((e) => !e.disabled)?.value, [g, _] = r(c ?? h);
|
|
21
22
|
n(() => {
|
|
22
|
-
s === void 0 && (o.some((e) => e.value ===
|
|
23
|
+
s === void 0 && (o.some((e) => e.value === g && !e.disabled) || _(h));
|
|
23
24
|
}, [
|
|
24
|
-
m,
|
|
25
25
|
h,
|
|
26
|
+
g,
|
|
26
27
|
o,
|
|
27
28
|
s
|
|
28
29
|
]);
|
|
29
|
-
let
|
|
30
|
-
t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled) && (s === void 0 &&
|
|
30
|
+
let v = s ?? g, y = (e, t) => {
|
|
31
|
+
t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled) && (s === void 0 && _(t.value), t.value !== v && l?.(t.value, t));
|
|
31
32
|
};
|
|
32
33
|
return /* @__PURE__ */ i("div", {
|
|
33
|
-
className: e("hsui-button-group", a.buttonGroup, a[`size-${u}`], {
|
|
34
|
+
className: e("hsui-button-group", a.buttonGroup, a[`size-${u}`], {
|
|
35
|
+
[a.full]: f,
|
|
36
|
+
[a.alt]: d === "alt",
|
|
37
|
+
"hsui-button-group--alt": d === "alt"
|
|
38
|
+
}, p),
|
|
34
39
|
role: "group",
|
|
35
|
-
...
|
|
40
|
+
...m,
|
|
36
41
|
children: o.map((n) => {
|
|
37
|
-
let r = n.value ===
|
|
42
|
+
let r = n.value === v;
|
|
38
43
|
return /* @__PURE__ */ i(t, {
|
|
39
44
|
...n.buttonProps,
|
|
40
45
|
className: e(a.item, n.buttonProps?.className, { [a.itemSelected]: r }),
|
|
@@ -43,7 +48,7 @@ function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, fu
|
|
|
43
48
|
iconLeft: n.iconLeft,
|
|
44
49
|
disabled: n.disabled,
|
|
45
50
|
"aria-pressed": r,
|
|
46
|
-
onClick: (e) =>
|
|
51
|
+
onClick: (e) => y(e, n),
|
|
47
52
|
children: n.label
|
|
48
53
|
}, n.value);
|
|
49
54
|
})
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./esm-Co_Guu6S.js";
|
|
2
|
-
import { t } from "./Button-
|
|
2
|
+
import { t } from "./Button-CTdphXmG.js";
|
|
3
3
|
import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
|
|
4
4
|
import { useEffect as l, useRef as u, useState as d } from "react";
|
|
5
5
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as e, s as t } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t as n } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { L as r, N as i } from "./esm-Co_Guu6S.js";
|
|
4
|
-
import { t as a } from "./Button-
|
|
4
|
+
import { t as a } from "./Button-CTdphXmG.js";
|
|
5
5
|
import { forwardRef as o, useCallback as s } from "react";
|
|
6
6
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
7
7
|
var u = {
|
|
@@ -36,5 +36,6 @@ var u = {
|
|
|
36
36
|
})]
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
|
+
d.displayName = "CopyCode";
|
|
39
40
|
//#endregion
|
|
40
41
|
export { d as t };
|
|
@@ -753,6 +753,7 @@ var Qt = Ct, $t = Tt, en = Dt, tn = kt, nn = Ft, rn = zt, an = Vt, on = Gt, $ =
|
|
|
753
753
|
content: "_0tr6ea_content",
|
|
754
754
|
"hsui-dropdown-in": "_0tr6ea_hsui-dropdown-in",
|
|
755
755
|
"hsui-dropdown-out": "_0tr6ea_hsui-dropdown-out",
|
|
756
|
+
icon: "_0tr6ea_icon",
|
|
756
757
|
item: "_0tr6ea_item",
|
|
757
758
|
label: "_0tr6ea_label",
|
|
758
759
|
noCheck: "_0tr6ea_noCheck",
|
|
@@ -762,6 +763,7 @@ function cn({ trigger: t, value: n, onValueChange: r, showCheck: i = !0, closeOn
|
|
|
762
763
|
let _ = n !== void 0 || r !== void 0, v = h === void 0 ? void 0 : h === "trigger" ? { width: "var(--radix-dropdown-menu-trigger-width)" } : { width: h }, y = o ? o.map((e) => /* @__PURE__ */ k(ln, {
|
|
763
764
|
value: e.value,
|
|
764
765
|
disabled: e.disabled,
|
|
766
|
+
icon: e.icon,
|
|
765
767
|
children: e.label
|
|
766
768
|
}, e.value)) : s;
|
|
767
769
|
return /* @__PURE__ */ k(sn.Provider, {
|
|
@@ -789,31 +791,42 @@ function cn({ trigger: t, value: n, onValueChange: r, showCheck: i = !0, closeOn
|
|
|
789
791
|
})
|
|
790
792
|
});
|
|
791
793
|
}
|
|
792
|
-
function ln({ value: r, disabled: i, children: a,
|
|
793
|
-
let { closeOnSelect:
|
|
794
|
-
|
|
795
|
-
},
|
|
794
|
+
function ln({ value: r, disabled: i, children: a, icon: o, onSelect: s, className: c }) {
|
|
795
|
+
let { closeOnSelect: l } = O(sn), u = (e) => {
|
|
796
|
+
l || e.preventDefault(), s?.();
|
|
797
|
+
}, d = e($.item, c), f = /* @__PURE__ */ k(n, {
|
|
796
798
|
name: t,
|
|
797
799
|
size: 16,
|
|
798
800
|
className: $.checkIcon
|
|
799
|
-
})
|
|
801
|
+
}), p = o ? /* @__PURE__ */ k("span", {
|
|
802
|
+
className: $.icon,
|
|
803
|
+
children: o
|
|
804
|
+
}) : null;
|
|
800
805
|
return r === void 0 ? /* @__PURE__ */ A(nn, {
|
|
801
806
|
disabled: i,
|
|
802
|
-
onSelect:
|
|
803
|
-
className:
|
|
804
|
-
children: [
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
807
|
+
onSelect: u,
|
|
808
|
+
className: d,
|
|
809
|
+
children: [
|
|
810
|
+
f,
|
|
811
|
+
p,
|
|
812
|
+
/* @__PURE__ */ k("span", {
|
|
813
|
+
className: $.label,
|
|
814
|
+
children: a
|
|
815
|
+
})
|
|
816
|
+
]
|
|
808
817
|
}) : /* @__PURE__ */ A(an, {
|
|
809
818
|
value: r,
|
|
810
819
|
disabled: i,
|
|
811
|
-
onSelect:
|
|
812
|
-
className:
|
|
813
|
-
children: [
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
820
|
+
onSelect: u,
|
|
821
|
+
className: d,
|
|
822
|
+
children: [
|
|
823
|
+
f,
|
|
824
|
+
p,
|
|
825
|
+
/* @__PURE__ */ k("span", {
|
|
826
|
+
className: $.label,
|
|
827
|
+
children: a
|
|
828
|
+
})
|
|
829
|
+
]
|
|
817
830
|
});
|
|
818
831
|
}
|
|
819
832
|
var un = ({ className: t }) => /* @__PURE__ */ k(on, { className: e($.separator, t) });
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { r as e } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { L as t, P as n } from "./esm-Co_Guu6S.js";
|
|
3
|
-
import { t as r } from "./Button-
|
|
4
|
-
import { t as i } from "./Container
|
|
3
|
+
import { t as r } from "./Button-CTdphXmG.js";
|
|
4
|
+
import { t as i } from "./Container-BDssaLig.js";
|
|
5
5
|
import { t as a } from "./DiscordInvite-CLYxexdH.js";
|
|
6
6
|
import { t as o } from "./Logo-DTfFHBgU.js";
|
|
7
|
-
import { t as s } from "./NewsletterSignup-
|
|
8
|
-
import { t as c } from "./FooterBottom-
|
|
9
|
-
import { t as l } from "./FooterHelp-
|
|
10
|
-
import { t as u } from "./FooterLinks-
|
|
7
|
+
import { t as s } from "./NewsletterSignup-BawMuwkc.js";
|
|
8
|
+
import { t as c } from "./FooterBottom-BHQ-77CT.js";
|
|
9
|
+
import { t as l } from "./FooterHelp-B1zOPX-K.js";
|
|
10
|
+
import { t as u } from "./FooterLinks-BxVVi8kz.js";
|
|
11
11
|
import { t as d } from "./YoutubeModal-CiBt7a4G.js";
|
|
12
12
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
13
13
|
var m = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as e, t } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./fa-B95RwBpz.js";
|
|
3
|
-
import { t as u } from "./Typography-
|
|
4
|
-
import { t as d } from "./CookiePolicyModal-
|
|
3
|
+
import { t as u } from "./Typography-AvvBRu-u.js";
|
|
4
|
+
import { t as d } from "./CookiePolicyModal-DGM4bMoR.js";
|
|
5
5
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
6
6
|
//#region node_modules/react-icons/fa6/index.mjs
|
|
7
7
|
function h(e) {
|
|
@@ -2,7 +2,7 @@ import { a as e, t } from "./utils-K9S_6_Eq.js";
|
|
|
2
2
|
import { f as n, s as r } from "./esm-Co_Guu6S.js";
|
|
3
3
|
import { t as i } from "./Icon-VeXJMj8Q.js";
|
|
4
4
|
import { o as a, r as o } from "./fa-B95RwBpz.js";
|
|
5
|
-
import { t as s } from "./Typography-
|
|
5
|
+
import { t as s } from "./Typography-AvvBRu-u.js";
|
|
6
6
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
7
7
|
var u = {
|
|
8
8
|
help: "vfdIHG_help",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { w as t } from "./esm-Co_Guu6S.js";
|
|
3
3
|
import { t as n } from "./Icon-VeXJMj8Q.js";
|
|
4
|
-
import { t as r } from "./Typography-
|
|
4
|
+
import { t as r } from "./Typography-AvvBRu-u.js";
|
|
5
5
|
import { t as i } from "./Label-gTAMwE0j.js";
|
|
6
6
|
import a from "./components/icons/MadeInNorway.js";
|
|
7
7
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
+
import { t } from "./components/FrameworkIcon/icons/multi/index.js";
|
|
3
|
+
import { t as n } from "./components/FrameworkIcon/icons/monochrome/index.js";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
var i = {
|
|
6
|
+
boxInner: "QbXtEG_boxInner",
|
|
7
|
+
boxOuter: "QbXtEG_boxOuter",
|
|
8
|
+
icon: "QbXtEG_icon",
|
|
9
|
+
svg: "QbXtEG_svg"
|
|
10
|
+
}, a = {
|
|
11
|
+
javascript: "Javascript",
|
|
12
|
+
typescript: "Typescript",
|
|
13
|
+
react: "React",
|
|
14
|
+
vue: "Vue",
|
|
15
|
+
angular: "Angular",
|
|
16
|
+
python: "Python",
|
|
17
|
+
swift: "Swift",
|
|
18
|
+
android: "Android",
|
|
19
|
+
html: "Html",
|
|
20
|
+
css: "Css",
|
|
21
|
+
dotnet: "Dotnet"
|
|
22
|
+
}, o = {
|
|
23
|
+
multi: t,
|
|
24
|
+
monochrome: n
|
|
25
|
+
};
|
|
26
|
+
function s({ icon: t, theme: n = "multi", size: s = 24, box: c = !1, className: l, ...u }) {
|
|
27
|
+
let d = a[t], f = o[n][d];
|
|
28
|
+
if (!f) return console.warn(`FrameworkIcon: No icon found for "${t}" with theme "${n}"`), null;
|
|
29
|
+
let p = /* @__PURE__ */ r("span", {
|
|
30
|
+
className: e("hsui-framework-icon", i.icon, l),
|
|
31
|
+
style: {
|
|
32
|
+
width: s,
|
|
33
|
+
height: s
|
|
34
|
+
},
|
|
35
|
+
children: /* @__PURE__ */ r(f, {
|
|
36
|
+
width: s,
|
|
37
|
+
height: s,
|
|
38
|
+
...u
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
return c ? /* @__PURE__ */ r("span", {
|
|
42
|
+
className: i.boxOuter,
|
|
43
|
+
children: /* @__PURE__ */ r("span", {
|
|
44
|
+
className: i.boxInner,
|
|
45
|
+
children: p
|
|
46
|
+
})
|
|
47
|
+
}) : p;
|
|
48
|
+
}
|
|
49
|
+
//#endregion
|
|
50
|
+
export { s as t };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t as a } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { B as o, O as s, R as c, U as l, b as u, c as d, h as f, l as p, r as m, t as h, y as g } from "./esm-Co_Guu6S.js";
|
|
4
|
-
import { t as _ } from "./Button-
|
|
5
|
-
import { t as v } from "./Container
|
|
4
|
+
import { t as _ } from "./Button-CTdphXmG.js";
|
|
5
|
+
import { t as v } from "./Container-BDssaLig.js";
|
|
6
6
|
import { t as y } from "./Logo-DTfFHBgU.js";
|
|
7
|
-
import { t as b } from "./PrefPanel-
|
|
8
|
-
import { t as x } from "./Search-
|
|
7
|
+
import { t as b } from "./PrefPanel-0iwUb8OU.js";
|
|
8
|
+
import { t as x } from "./Search-CF_Qyaff.js";
|
|
9
9
|
import { t as S } from "./Label-gTAMwE0j.js";
|
|
10
|
-
import { t as C } from "./Notification-
|
|
10
|
+
import { t as C } from "./Notification-icY33paf.js";
|
|
11
11
|
import { useEffect as w, useRef as T, useState as E } from "react";
|
|
12
12
|
import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
|
|
13
13
|
var A = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { A as t, F as n, j as r } from "./esm-Co_Guu6S.js";
|
|
3
|
-
import { t as i } from "./Button-
|
|
3
|
+
import { t as i } from "./Button-CTdphXmG.js";
|
|
4
4
|
import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
|
|
5
5
|
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
6
|
var f = {
|
|
@@ -34,46 +34,47 @@ var f = {
|
|
|
34
34
|
...r,
|
|
35
35
|
children: t
|
|
36
36
|
}));
|
|
37
|
+
p.displayName = "FormGroup";
|
|
37
38
|
function m({ children: t, className: n }) {
|
|
38
39
|
return /* @__PURE__ */ u("div", {
|
|
39
40
|
className: e("hsui-form-row", f.formRow, n),
|
|
40
41
|
children: t
|
|
41
42
|
});
|
|
42
43
|
}
|
|
43
|
-
var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T,
|
|
44
|
-
let
|
|
45
|
-
|
|
46
|
-
}, [w]),
|
|
47
|
-
|
|
48
|
-
}, [T]),
|
|
49
|
-
|
|
50
|
-
}, [
|
|
51
|
-
e.animationName.includes("onAutoFillStart") &&
|
|
44
|
+
var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T, onChange: E, value: D, defaultValue: O, ...k }, A) => {
|
|
45
|
+
let j = c(null), M = A || j, [N, P] = l(!1), [F, I] = l(!1), [L, R] = l(!1), z = C === "password", [B, V] = l(O === void 0 ? "" : String(O)), H = D !== void 0, U = H ? String(D).length > 0 : B.length > 0, W = o((e) => {
|
|
46
|
+
P(!0), w?.(e);
|
|
47
|
+
}, [w]), G = o((e) => {
|
|
48
|
+
P(!1), T?.(e);
|
|
49
|
+
}, [T]), K = o((e) => {
|
|
50
|
+
H || V(e.target.value), E?.(e);
|
|
51
|
+
}, [H, E]), q = o((e) => {
|
|
52
|
+
e.animationName.includes("onAutoFillStart") && I(!0);
|
|
52
53
|
}, []);
|
|
53
54
|
s(() => {
|
|
54
|
-
let e =
|
|
55
|
+
let e = M.current;
|
|
55
56
|
if (!e) return;
|
|
56
57
|
let t = () => {
|
|
57
58
|
try {
|
|
58
|
-
e.matches(":-webkit-autofill") &&
|
|
59
|
+
e.matches(":-webkit-autofill") && I(!0);
|
|
59
60
|
} catch {}
|
|
60
61
|
}, n = setTimeout(t, 100), r = setTimeout(t, 500);
|
|
61
62
|
return () => {
|
|
62
63
|
clearTimeout(n), clearTimeout(r);
|
|
63
64
|
};
|
|
64
|
-
}, [
|
|
65
|
-
let
|
|
66
|
-
!b &&
|
|
67
|
-
}, [b,
|
|
65
|
+
}, [M]);
|
|
66
|
+
let J = o(() => {
|
|
67
|
+
!b && M.current && M.current.focus();
|
|
68
|
+
}, [b, M]), Y = z && L ? "text" : C;
|
|
68
69
|
return /* @__PURE__ */ u("div", {
|
|
69
|
-
onClick:
|
|
70
|
+
onClick: J,
|
|
70
71
|
className: e("hsui-input-grouped", f.inputGrouped, {
|
|
71
|
-
[f.focus]:
|
|
72
|
+
[f.focus]: N,
|
|
72
73
|
[f.hasError]: v,
|
|
73
74
|
[f.success]: y,
|
|
74
75
|
[f.disabled]: b,
|
|
75
|
-
[f.dirty]:
|
|
76
|
-
[f.autofilled]:
|
|
76
|
+
[f.dirty]: U || F,
|
|
77
|
+
[f.autofilled]: F
|
|
77
78
|
}, S),
|
|
78
79
|
children: /* @__PURE__ */ d("div", {
|
|
79
80
|
className: f.content,
|
|
@@ -94,75 +95,77 @@ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
94
95
|
})]
|
|
95
96
|
}),
|
|
96
97
|
/* @__PURE__ */ u("input", {
|
|
97
|
-
ref:
|
|
98
|
-
type:
|
|
98
|
+
ref: M,
|
|
99
|
+
type: Y,
|
|
99
100
|
className: e(f.inputElement, x),
|
|
100
101
|
disabled: b,
|
|
101
102
|
"aria-label": n,
|
|
102
103
|
"aria-required": a,
|
|
103
104
|
"aria-invalid": v,
|
|
104
|
-
value:
|
|
105
|
-
defaultValue:
|
|
106
|
-
onFocus:
|
|
107
|
-
onBlur:
|
|
108
|
-
onChange:
|
|
109
|
-
onAnimationStart:
|
|
110
|
-
...
|
|
105
|
+
value: D,
|
|
106
|
+
defaultValue: O,
|
|
107
|
+
onFocus: W,
|
|
108
|
+
onBlur: G,
|
|
109
|
+
onChange: K,
|
|
110
|
+
onAnimationStart: q,
|
|
111
|
+
...k
|
|
111
112
|
}),
|
|
112
113
|
m && p && /* @__PURE__ */ u("span", {
|
|
113
114
|
className: f.helpText,
|
|
114
115
|
children: p
|
|
115
116
|
})
|
|
116
117
|
]
|
|
117
|
-
}), (g || _ ||
|
|
118
|
+
}), (g || _ || z) && /* @__PURE__ */ d("div", {
|
|
118
119
|
className: f.rightContent,
|
|
119
120
|
children: [
|
|
120
121
|
g && /* @__PURE__ */ u("span", {
|
|
121
122
|
className: f.iconRight,
|
|
122
123
|
children: g
|
|
123
124
|
}),
|
|
124
|
-
|
|
125
|
+
z && /* @__PURE__ */ u(i, {
|
|
125
126
|
type: "button",
|
|
126
127
|
variant: "plain",
|
|
127
128
|
size: 300,
|
|
128
129
|
onClick: (e) => {
|
|
129
|
-
e.stopPropagation(),
|
|
130
|
+
e.stopPropagation(), R((e) => !e);
|
|
130
131
|
},
|
|
131
|
-
"aria-label":
|
|
132
|
-
children: u(
|
|
132
|
+
"aria-label": L ? "Hide password" : "Show password",
|
|
133
|
+
children: u(L ? t : r, {})
|
|
133
134
|
}),
|
|
134
135
|
_
|
|
135
136
|
]
|
|
136
137
|
})]
|
|
137
138
|
})
|
|
138
139
|
});
|
|
139
|
-
})
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}, [
|
|
145
|
-
|
|
146
|
-
}, [
|
|
140
|
+
});
|
|
141
|
+
h.displayName = "InputGrouped";
|
|
142
|
+
var g = a(({ label: t, required: r = !1, helpText: i, showHelpText: a = !1, labelIcon: s, hasError: p = !1, success: m = !1, disabled: h = !1, className: g, wrapperClassName: _, placeholder: v, children: y, onFocus: b, onBlur: x, onChange: S, value: C, defaultValue: w, ...T }, E) => {
|
|
143
|
+
let D = c(null), O = E || D, [k, A] = l(!1), [j, M] = l(!1), [N, P] = l(w === void 0 ? "" : String(w)), F = C !== void 0, I = F ? String(C).length > 0 : N.length > 0, L = o((e) => {
|
|
144
|
+
A(!0), b?.(e);
|
|
145
|
+
}, [b]), R = o((e) => {
|
|
146
|
+
A(!1), M(!1), x?.(e);
|
|
147
|
+
}, [x]), z = o((e) => {
|
|
148
|
+
M(!1), F || P(e.target.value), S?.(e);
|
|
149
|
+
}, [F, S]);
|
|
147
150
|
return /* @__PURE__ */ u("div", {
|
|
148
151
|
onClick: o((e) => {
|
|
149
|
-
if (!(h || !
|
|
150
|
-
|
|
152
|
+
if (!(h || !O.current) && (M((e) => !e), e.target !== O.current)) try {
|
|
153
|
+
O.current.showPicker();
|
|
151
154
|
} catch {
|
|
152
155
|
let e = new MouseEvent("mousedown", {
|
|
153
156
|
bubbles: !0,
|
|
154
157
|
cancelable: !0
|
|
155
158
|
});
|
|
156
|
-
|
|
159
|
+
O.current.dispatchEvent(e);
|
|
157
160
|
}
|
|
158
|
-
}, [h,
|
|
161
|
+
}, [h, O]),
|
|
159
162
|
className: e("hsui-select-grouped", f.inputGrouped, f.selectGrouped, {
|
|
160
|
-
[f.focus]:
|
|
161
|
-
[f.open]:
|
|
163
|
+
[f.focus]: k,
|
|
164
|
+
[f.open]: j,
|
|
162
165
|
[f.hasError]: p,
|
|
163
166
|
[f.success]: m,
|
|
164
167
|
[f.disabled]: h,
|
|
165
|
-
[f.dirty]:
|
|
168
|
+
[f.dirty]: I
|
|
166
169
|
}, _),
|
|
167
170
|
children: /* @__PURE__ */ d("div", {
|
|
168
171
|
className: f.content,
|
|
@@ -183,18 +186,18 @@ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
183
186
|
})]
|
|
184
187
|
}),
|
|
185
188
|
/* @__PURE__ */ d("select", {
|
|
186
|
-
ref:
|
|
189
|
+
ref: O,
|
|
187
190
|
className: e(f.inputElement, f.selectElement, g),
|
|
188
191
|
disabled: h,
|
|
189
192
|
"aria-label": t,
|
|
190
193
|
"aria-required": r,
|
|
191
194
|
"aria-invalid": p,
|
|
192
|
-
value:
|
|
193
|
-
defaultValue:
|
|
194
|
-
onFocus:
|
|
195
|
-
onBlur:
|
|
196
|
-
onChange:
|
|
197
|
-
...
|
|
195
|
+
value: C,
|
|
196
|
+
defaultValue: w,
|
|
197
|
+
onFocus: L,
|
|
198
|
+
onBlur: R,
|
|
199
|
+
onChange: z,
|
|
200
|
+
...T,
|
|
198
201
|
children: [v && /* @__PURE__ */ u("option", {
|
|
199
202
|
value: "",
|
|
200
203
|
disabled: !0,
|
|
@@ -217,5 +220,6 @@ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
217
220
|
})
|
|
218
221
|
});
|
|
219
222
|
});
|
|
223
|
+
g.displayName = "SelectGrouped";
|
|
220
224
|
//#endregion
|
|
221
225
|
export { g as i, m as n, h as r, p as t };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { l as e } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { D as n, I as r, U as i } from "./esm-Co_Guu6S.js";
|
|
4
|
-
import { t as a } from "./Button-
|
|
4
|
+
import { t as a } from "./Button-CTdphXmG.js";
|
|
5
5
|
import { t as o } from "./Icon-VeXJMj8Q.js";
|
|
6
6
|
import { t as s } from "./Link-CYR92_U0.js";
|
|
7
|
-
import { t as c } from "./InputSolo-
|
|
8
|
-
import { t as l } from "./Typography-
|
|
7
|
+
import { t as c } from "./InputSolo-2RPRX0wM.js";
|
|
8
|
+
import { t as l } from "./Typography-AvvBRu-u.js";
|
|
9
9
|
import { useEffect as u, useRef as d, useState as f } from "react";
|
|
10
10
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
11
11
|
var h = {
|
|
@@ -20,7 +20,7 @@ var h = {
|
|
|
20
20
|
};
|
|
21
21
|
//#endregion
|
|
22
22
|
//#region lib/components/NewsletterSignup/index.tsx
|
|
23
|
-
function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/", endpoint: v = "https://highcharts.com/wp-json/activecampaign/v1/newsletter-signup", onSuccess: y, onError: b, initialState: x = "default", initialError: S = "Check the email format and try again" }) {
|
|
23
|
+
function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/", endpoint: v = "https://www.highcharts.com/wp-json/activecampaign/v1/newsletter-signup", onSuccess: y, onError: b, initialState: x = "default", initialError: S = "Check the email format and try again" }) {
|
|
24
24
|
let C = d(null), [w, T] = f(!1), [E, D] = f(x === "success"), [O, k] = f(x === "alreadySubscribedFlash" || x === "alreadySubscribed"), [A, j] = f(x === "alreadySubscribed"), [M, N] = f(x === "error" ? S : "");
|
|
25
25
|
u(() => {
|
|
26
26
|
if (!O || A || x === "alreadySubscribedFlash") return;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { t } from "./esm-Co_Guu6S.js";
|
|
3
|
-
import { t as n } from "./Button-
|
|
4
|
-
import { t as r } from "./Container
|
|
3
|
+
import { t as n } from "./Button-CTdphXmG.js";
|
|
4
|
+
import { t as r } from "./Container-BDssaLig.js";
|
|
5
5
|
import { t as i } from "./Label-gTAMwE0j.js";
|
|
6
6
|
import { useEffect as a, useState as o } from "react";
|
|
7
7
|
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { d as e, o as t } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t as n } from "./clsx-BWCAbrjV.js";
|
|
3
3
|
import { L as r, _ as i, a, d as o, v as s } from "./esm-Co_Guu6S.js";
|
|
4
|
-
import { t as c } from "./Button-
|
|
4
|
+
import { t as c } from "./Button-CTdphXmG.js";
|
|
5
5
|
import { _ as l, a as u, d, h as f, i as p, l as m, m as h, n as ee, o as g, p as _, r as v, t as y, u as b, y as x } from "./es2015-DWa0ZZ7A.js";
|
|
6
6
|
import { a as S, i as te, n as C, r as w, t as T } from "./dist-B04QoImH.js";
|
|
7
7
|
import * as E from "react";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
2
|
import { F as t, T as n, i as r, x as i } from "./esm-Co_Guu6S.js";
|
|
3
|
-
import { t as a } from "./Button-
|
|
4
|
-
import { t as o } from "./Typography-
|
|
3
|
+
import { t as a } from "./Button-CTdphXmG.js";
|
|
4
|
+
import { t as o } from "./Typography-AvvBRu-u.js";
|
|
5
5
|
import { useEffect as s, useRef as c } from "react";
|
|
6
6
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
7
7
|
var d = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as e, i as t, n, o as r, r as i, t as a } from "./chunk-jwUa06l-.js";
|
|
2
2
|
import { E as o, H as s, M as c, V as l, W as u, g as d, k as f, l as p, m, p as h, u as g, z as _ } from "./esm-Co_Guu6S.js";
|
|
3
|
-
import { t as v } from "./Button-
|
|
3
|
+
import { t as v } from "./Button-CTdphXmG.js";
|
|
4
4
|
import { d as y, h as b, l as x, m as S, p as C, u as w } from "./es2015-DWa0ZZ7A.js";
|
|
5
5
|
import { t as ee } from "./dist-J9cXmrDi.js";
|
|
6
6
|
import { i as T, n as E, r as D, t as O } from "./dist-CE9LFbij.js";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Button-
|
|
1
|
+
import { t as e } from "../../Button-CTdphXmG.js";
|
|
2
2
|
export { e as Button };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../ButtonGroup-
|
|
1
|
+
import { t as e } from "../../ButtonGroup-D5_sI3QL.js";
|
|
2
2
|
export { e as ButtonGroup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Container
|
|
1
|
+
import { t as e } from "../../Container-BDssaLig.js";
|
|
2
2
|
export { e as Container };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CopyCode-
|
|
1
|
+
import { t as e } from "../../CopyCode-DS-3fQBn.js";
|
|
2
2
|
export { e as CopyCode };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../../Dropdown-
|
|
1
|
+
import { n as e, r as t, t as n } from "../../Dropdown-CgbtoeLA.js";
|
|
2
2
|
export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CookiePolicyModal-
|
|
1
|
+
import { t as e } from "../../CookiePolicyModal-DGM4bMoR.js";
|
|
2
2
|
export { e as default };
|