@hellobetterdigitalnz/betterui 0.0.3-116 → 0.0.3-117
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/index.es.js
CHANGED
|
@@ -968,22 +968,22 @@ const p5 = "_checkboxHolder_y95sn_1", L5 = "_error_y95sn_12", H5 = "_disabled_y9
|
|
|
968
968
|
} = e, [w, u] = j(!1), [g, H] = j(), [M, Z] = j(""), [y, b] = j(""), L = c2(null);
|
|
969
969
|
G(() => {
|
|
970
970
|
const _ = l[0];
|
|
971
|
-
_ && (i !== void 0 && l.some((
|
|
971
|
+
_ && (i !== void 0 && l.some((K) => K === i || typeof K == "object" && K.value === i) ? H(i) : H(
|
|
972
972
|
typeof _ == "object" ? _.value : _
|
|
973
973
|
), typeof _ == "object" && (Z(_.label || ""), b(
|
|
974
974
|
_.status ? m(_.status) : ""
|
|
975
975
|
)));
|
|
976
976
|
}, [i, l]), G(() => {
|
|
977
977
|
for (const _ of l) {
|
|
978
|
-
let
|
|
979
|
-
if (typeof _ == "string" ?
|
|
980
|
-
Z(
|
|
978
|
+
let K = null;
|
|
979
|
+
if (typeof _ == "string" ? K = _ === g ? _ : null : K = _.value === g ? _.label : null, K) {
|
|
980
|
+
Z(K), typeof _ == "object" && _.status ? b(m(_.status)) : b("");
|
|
981
981
|
break;
|
|
982
982
|
}
|
|
983
983
|
}
|
|
984
984
|
}, [g, l, s]), G(() => {
|
|
985
|
-
const _ = (
|
|
986
|
-
L.current && !L.current.contains(
|
|
985
|
+
const _ = (K) => {
|
|
986
|
+
L.current && !L.current.contains(K.target) && u(!1);
|
|
987
987
|
};
|
|
988
988
|
return document.addEventListener("mousedown", _), () => {
|
|
989
989
|
document.removeEventListener("mousedown", _);
|
|
@@ -1004,8 +1004,8 @@ const p5 = "_checkboxHolder_y95sn_1", L5 = "_error_y95sn_12", H5 = "_disabled_y9
|
|
|
1004
1004
|
o && v.push(o), d && v.push(Q.lock);
|
|
1005
1005
|
const E = () => {
|
|
1006
1006
|
u(!w);
|
|
1007
|
-
}, $ = (_,
|
|
1008
|
-
H(
|
|
1007
|
+
}, $ = (_, K) => {
|
|
1008
|
+
H(K), u(!1), h && h(_, K);
|
|
1009
1009
|
};
|
|
1010
1010
|
return /* @__PURE__ */ c("div", { ref: L, className: q(v), children: [
|
|
1011
1011
|
/* @__PURE__ */ c("div", { className: Q.control, onClick: d ? void 0 : E, children: [
|
|
@@ -1022,7 +1022,7 @@ const p5 = "_checkboxHolder_y95sn_1", L5 = "_error_y95sn_12", H5 = "_disabled_y9
|
|
|
1022
1022
|
!!w && /* @__PURE__ */ C(x2, {})
|
|
1023
1023
|
] }) })
|
|
1024
1024
|
] }),
|
|
1025
|
-
!!w && /* @__PURE__ */ C(n9, { children: l.map((_,
|
|
1025
|
+
!!w && /* @__PURE__ */ C(n9, { children: l.map((_, K) => /* @__PURE__ */ C(
|
|
1026
1026
|
i9,
|
|
1027
1027
|
{
|
|
1028
1028
|
handleSelect: $,
|
|
@@ -1030,7 +1030,7 @@ const p5 = "_checkboxHolder_y95sn_1", L5 = "_error_y95sn_12", H5 = "_disabled_y9
|
|
|
1030
1030
|
label: typeof _ == "object" ? _.label : _,
|
|
1031
1031
|
value: typeof _ == "object" ? _.value : _
|
|
1032
1032
|
},
|
|
1033
|
-
|
|
1033
|
+
K
|
|
1034
1034
|
)) }),
|
|
1035
1035
|
/* @__PURE__ */ C(
|
|
1036
1036
|
"input",
|
|
@@ -4637,7 +4637,7 @@ const p5 = "_checkboxHolder_y95sn_1", L5 = "_error_y95sn_12", H5 = "_disabled_y9
|
|
|
4637
4637
|
...y
|
|
4638
4638
|
} = e, [b, L] = j(!1), [m, v] = j(""), [E, $] = j([]), _ = [h2.dropdown];
|
|
4639
4639
|
s && _.push(h2.error), n && _.push(n), a && _.push(h2.disabled);
|
|
4640
|
-
const
|
|
4640
|
+
const K = () => {
|
|
4641
4641
|
L(!b);
|
|
4642
4642
|
}, M2 = (U, r2, d2) => {
|
|
4643
4643
|
v(d2), L(!1), u && u(U, r2);
|
|
@@ -4658,7 +4658,7 @@ const p5 = "_checkboxHolder_y95sn_1", L5 = "_error_y95sn_12", H5 = "_disabled_y9
|
|
|
4658
4658
|
M && M(m, U);
|
|
4659
4659
|
};
|
|
4660
4660
|
return /* @__PURE__ */ c("div", { className: q(_), children: [
|
|
4661
|
-
/* @__PURE__ */ c("div", { className: h2.control, onClick:
|
|
4661
|
+
/* @__PURE__ */ c("div", { className: h2.control, onClick: K, children: [
|
|
4662
4662
|
/* @__PURE__ */ C(
|
|
4663
4663
|
"input",
|
|
4664
4664
|
{
|
|
@@ -4944,7 +4944,7 @@ function M6() {
|
|
|
4944
4944
|
}
|
|
4945
4945
|
}
|
|
4946
4946
|
}
|
|
4947
|
-
var v = s, E = d, $ = a, _ = n,
|
|
4947
|
+
var v = s, E = d, $ = a, _ = n, K = r, M2 = h, L2 = i, U = H, r2 = g, d2 = t, T2 = o, i2 = l, w2 = w, y2 = !1;
|
|
4948
4948
|
function k2(V) {
|
|
4949
4949
|
return y2 || (y2 = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), p(V) || m(V) === s;
|
|
4950
4950
|
}
|
|
@@ -4984,7 +4984,7 @@ function M6() {
|
|
|
4984
4984
|
function t2(V) {
|
|
4985
4985
|
return m(V) === w;
|
|
4986
4986
|
}
|
|
4987
|
-
z.AsyncMode = v, z.ConcurrentMode = E, z.ContextConsumer = $, z.ContextProvider = _, z.Element =
|
|
4987
|
+
z.AsyncMode = v, z.ConcurrentMode = E, z.ContextConsumer = $, z.ContextProvider = _, z.Element = K, z.ForwardRef = M2, z.Fragment = L2, z.Lazy = U, z.Memo = r2, z.Portal = d2, z.Profiler = T2, z.StrictMode = i2, z.Suspense = w2, z.isAsyncMode = k2, z.isConcurrentMode = p, z.isContextConsumer = x, z.isContextProvider = T, z.isElement = I, z.isForwardRef = B, z.isFragment = P, z.isLazy = N, z.isMemo = S, z.isPortal = O, z.isProfiler = F, z.isStrictMode = A, z.isSuspense = t2, z.isValidElementType = L, z.typeOf = m;
|
|
4988
4988
|
}()), z;
|
|
4989
4989
|
}
|
|
4990
4990
|
var l1;
|
|
@@ -5147,7 +5147,7 @@ function m6() {
|
|
|
5147
5147
|
node: M2(),
|
|
5148
5148
|
objectOf: _,
|
|
5149
5149
|
oneOf: $,
|
|
5150
|
-
oneOfType:
|
|
5150
|
+
oneOfType: K,
|
|
5151
5151
|
shape: U,
|
|
5152
5152
|
exact: r2
|
|
5153
5153
|
};
|
|
@@ -5282,7 +5282,7 @@ function m6() {
|
|
|
5282
5282
|
}
|
|
5283
5283
|
return Z(x);
|
|
5284
5284
|
}
|
|
5285
|
-
function
|
|
5285
|
+
function K(p) {
|
|
5286
5286
|
if (!Array.isArray(p))
|
|
5287
5287
|
return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), n;
|
|
5288
5288
|
for (var x = 0; x < p.length; x++) {
|
|
@@ -6481,7 +6481,7 @@ const M3 = (e) => {
|
|
|
6481
6481
|
]
|
|
6482
6482
|
}
|
|
6483
6483
|
);
|
|
6484
|
-
}, Q6 = "_notificationPanel_1y2of_1", C7 = "_notificationheader_1y2of_10", e7 = "_notificationHeaderWrapper_1y2of_13", r7 = "_notificationMarkAllAction_1y2of_24", t7 = "_notificationGrouplistHolder_1y2of_35", n7 = "_spacing_1y2of_39", i7 = "_notificationGrouplist_1y2of_35", l7 = "_notificationGroup_1y2of_35", o7 = "_notificationNone_1y2of_72", a7 = "_notificationList_1y2of_86", s7 = "_notificationListPip_1y2of_94", c7 = "_notificationListCloseIcon_1y2of_97", d7 = "_notificationListWrapper_1y2of_100", h7 = "_notificationListIcon_1y2of_126", w7 = "_notificationListContent_1y2of_135", u7 = "_notificationListInitial_1y2of_140", f7 = "_notificationListInitialWrapper_1y2of_152", g7 = "_notificationListDesc_1y2of_158", v7 = "_boldText_1y2of_163", p7 = "_summaryText_1y2of_166",
|
|
6484
|
+
}, Q6 = "_notificationPanel_1y2of_1", C7 = "_notificationheader_1y2of_10", e7 = "_notificationHeaderWrapper_1y2of_13", r7 = "_notificationMarkAllAction_1y2of_24", t7 = "_notificationGrouplistHolder_1y2of_35", n7 = "_spacing_1y2of_39", i7 = "_notificationGrouplist_1y2of_35", l7 = "_notificationGroup_1y2of_35", o7 = "_notificationNone_1y2of_72", a7 = "_notificationList_1y2of_86", s7 = "_notificationListPip_1y2of_94", c7 = "_notificationListCloseIcon_1y2of_97", d7 = "_notificationListWrapper_1y2of_100", h7 = "_notificationListIcon_1y2of_126", w7 = "_notificationListContent_1y2of_135", u7 = "_notificationListInitial_1y2of_140", f7 = "_notificationListInitialWrapper_1y2of_152", g7 = "_notificationListDesc_1y2of_158", v7 = "_boldText_1y2of_163", p7 = "_summaryText_1y2of_166", J = {
|
|
6485
6485
|
notificationPanel: Q6,
|
|
6486
6486
|
notificationheader: C7,
|
|
6487
6487
|
notificationHeaderWrapper: e7,
|
|
@@ -6516,31 +6516,31 @@ const M3 = (e) => {
|
|
|
6516
6516
|
"div",
|
|
6517
6517
|
{
|
|
6518
6518
|
onClick: l,
|
|
6519
|
-
className: `${
|
|
6520
|
-
children: /* @__PURE__ */ c("div", { className:
|
|
6521
|
-
/* @__PURE__ */ c("div", { className:
|
|
6522
|
-
/* @__PURE__ */ C("div", { className:
|
|
6519
|
+
className: `${J.notificationList} ${n}`,
|
|
6520
|
+
children: /* @__PURE__ */ c("div", { className: J.notificationListWrapper, children: [
|
|
6521
|
+
/* @__PURE__ */ c("div", { className: J.notificationListIcon, children: [
|
|
6522
|
+
/* @__PURE__ */ C("div", { className: J.notificationListPip }),
|
|
6523
6523
|
/* @__PURE__ */ C(
|
|
6524
6524
|
"div",
|
|
6525
6525
|
{
|
|
6526
6526
|
onClick: a,
|
|
6527
|
-
className:
|
|
6527
|
+
className: J.notificationListCloseIcon,
|
|
6528
6528
|
children: /* @__PURE__ */ C(b2, {})
|
|
6529
6529
|
}
|
|
6530
6530
|
)
|
|
6531
6531
|
] }),
|
|
6532
|
-
/* @__PURE__ */ c("div", { className:
|
|
6533
|
-
r && /* @__PURE__ */ C("div", { className:
|
|
6534
|
-
/* @__PURE__ */ C("div", { className:
|
|
6535
|
-
t && /* @__PURE__ */ c("span", { className:
|
|
6532
|
+
/* @__PURE__ */ c("div", { className: J.notificationListContent, children: [
|
|
6533
|
+
r && /* @__PURE__ */ C("div", { className: J.notificationListInitial, children: /* @__PURE__ */ C("div", { className: J.notificationListInitialWrapper, children: r }) }),
|
|
6534
|
+
/* @__PURE__ */ C("div", { className: J.notificationListDesc, children: /* @__PURE__ */ c("p", { children: [
|
|
6535
|
+
t && /* @__PURE__ */ c("span", { className: J.boldText, children: [
|
|
6536
6536
|
" ",
|
|
6537
6537
|
t
|
|
6538
6538
|
] }),
|
|
6539
|
-
o && /* @__PURE__ */ c("span", { className:
|
|
6539
|
+
o && /* @__PURE__ */ c("span", { className: J.regularText, children: [
|
|
6540
6540
|
" ",
|
|
6541
6541
|
o
|
|
6542
6542
|
] }),
|
|
6543
|
-
i && /* @__PURE__ */ c("span", { className:
|
|
6543
|
+
i && /* @__PURE__ */ c("span", { className: J.summaryText, children: [
|
|
6544
6544
|
" ",
|
|
6545
6545
|
i
|
|
6546
6546
|
] })
|
|
@@ -6550,7 +6550,7 @@ const M3 = (e) => {
|
|
|
6550
6550
|
}
|
|
6551
6551
|
) });
|
|
6552
6552
|
}, A3 = ({ children: e, title: r }) => /* @__PURE__ */ c(e2, { children: [
|
|
6553
|
-
r && /* @__PURE__ */ C("div", { className:
|
|
6553
|
+
r && /* @__PURE__ */ C("div", { className: J.notificationGroup, children: /* @__PURE__ */ C("h6", { children: r }) }),
|
|
6554
6554
|
/* @__PURE__ */ C("div", { children: e })
|
|
6555
6555
|
] }), R3 = (e) => {
|
|
6556
6556
|
const { children: r } = e, [t, i] = j(!1);
|
|
@@ -6569,24 +6569,24 @@ const M3 = (e) => {
|
|
|
6569
6569
|
"div",
|
|
6570
6570
|
{
|
|
6571
6571
|
id: "listContainer",
|
|
6572
|
-
className: `${
|
|
6573
|
-
children: /* @__PURE__ */ C("div", { className: `${
|
|
6572
|
+
className: `${J.notificationGrouplistHolder} ${t ? J.spacing : ""}`,
|
|
6573
|
+
children: /* @__PURE__ */ C("div", { className: `${J.notificationGrouplist}`, children: r })
|
|
6574
6574
|
}
|
|
6575
6575
|
);
|
|
6576
|
-
}, j3 = ({ children: e }) => /* @__PURE__ */ C("div", { className:
|
|
6576
|
+
}, j3 = ({ children: e }) => /* @__PURE__ */ C("div", { className: J.notificationPanel, children: e }), q3 = (e) => {
|
|
6577
6577
|
const { extraClass: r, markAllAsReadOnClick: t, showMarkAllAsRead: i } = e;
|
|
6578
|
-
return /* @__PURE__ */ C("div", { className: `${
|
|
6578
|
+
return /* @__PURE__ */ C("div", { className: `${J.notificationheader} ${r}`, children: /* @__PURE__ */ c("div", { className: J.notificationHeaderWrapper, children: [
|
|
6579
6579
|
/* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("h5", { children: "Notifications" }) }),
|
|
6580
6580
|
/* @__PURE__ */ C("div", { children: i && /* @__PURE__ */ C(
|
|
6581
6581
|
"div",
|
|
6582
6582
|
{
|
|
6583
6583
|
onClick: t,
|
|
6584
|
-
className:
|
|
6584
|
+
className: J.notificationMarkAllAction,
|
|
6585
6585
|
children: /* @__PURE__ */ C("h6", { children: "Mark all as Read" })
|
|
6586
6586
|
}
|
|
6587
6587
|
) })
|
|
6588
6588
|
] }) });
|
|
6589
|
-
}, D3 = () => /* @__PURE__ */ C("li", { className:
|
|
6589
|
+
}, D3 = () => /* @__PURE__ */ C("li", { className: J.notificationNone, children: /* @__PURE__ */ C("h6", { children: "No notifications." }) }), C1 = K2({
|
|
6590
6590
|
currentIndex: 0,
|
|
6591
6591
|
setCurrentIndex: Function
|
|
6592
6592
|
}), L7 = "_tab_4osvo_1", H7 = "_tabNav_4osvo_4", M7 = "_tabNavItem_4osvo_9", V7 = "_active_4osvo_22", Z7 = "_item_4osvo_26", m7 = "_bilingualTitle_4osvo_32", v2 = {
|