@caspeco/casper-ui-library 10.0.4 → 10.1.1

package/dist/components/combobox/combobox-button.d.ts

@@ -1,3 +1,3 @@
 import { ComboboxInnerProps } from './types.js';
-export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, }: ComboboxInnerProps): import("react").JSX.Element;
+export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, clearSelection, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, }: ComboboxInnerProps): import("react").JSX.Element;
 //# sourceMappingURL=combobox-button.d.ts.map

package/dist/components/combobox/combobox-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,+BA4LpB"}
+{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,+BAgMpB"}

package/dist/components/combobox/combobox-button.js

@@ -1,15 +1,15 @@
-import { jsxs as H, jsx as i } from "react/jsx-runtime";
-import { c as ne } from "../../_virtual/compiler-runtime.js";
-import { useRecipe as ae, Flex as A, Input as se, Box as L } from "@chakra-ui/react";
-import { Fragment as ce } from "react";
-import { ComboboxItem as le } from "./combobox-item.js";
-import { Tag as pe } from "../tag/tag.js";
-import { ThemeColorVariable as l, ThemeSpaceVariable as F, ThemeIconSizeVariable as de, ThemeRadiusVariable as fe } from "../../theme/theme-types.js";
-import { TreeViewCollapseIcon as ue } from "../icon/icons/tree-view-collapse-icon.js";
-function re() {
-  const s = ne.c(1);
+import { jsxs as L, jsx as n } from "react/jsx-runtime";
+import { c as ae } from "../../_virtual/compiler-runtime.js";
+import { useRecipe as se, Flex as F, Input as ce, Box as N } from "@chakra-ui/react";
+import { Fragment as pe } from "react";
+import { ComboboxItem as ie } from "./combobox-item.js";
+import { Tag as de } from "../tag/tag.js";
+import { ThemeColorVariable as l, ThemeSpaceVariable as H, ThemeIconSizeVariable as fe, ThemeRadiusVariable as ue } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as he } from "../icon/icons/tree-view-collapse-icon.js";
+function ne() {
+  const s = ae.c(1);
   let e;
-  return s[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ i(L, { backgroundColor: l.NeutralContainer, width: "8px", borderRadius: "4px", marginRight: "-8px", _before: {
+  return s[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(N, { backgroundColor: l.NeutralContainer, width: "8px", borderRadius: "4px", marginRight: "-8px", _before: {
     content: "''",
     borderRadius: "4px",
     marginLeft: "2px",
@@ -19,61 +19,62 @@ function re() {
     backgroundColor: l.Surface
   } }), s[0] = e) : e = s[0], e;
 }
-function Ie(s) {
-  const e = ne.c(66), {
-    id: N,
-    asPlainText: n,
+function Oe(s) {
+  const e = ae.c(68), {
+    id: X,
+    asPlainText: i,
     inputValue: a,
     selectedItems: o,
-    displayItems: X,
+    displayItems: K,
     toggleItem: I,
+    clearSelection: U,
     highlightState: c,
     openState: r,
-    parentStrings: K,
-    size: U,
-    variant: q,
+    parentStrings: q,
+    size: G,
+    variant: J,
     label: O,
     placeHolderText: k,
     isDisabled: p,
     isReadOnly: f,
-    isInvalid: G,
+    isInvalid: M,
     collapsed: _,
     hasPendingDelete: d,
     setHasPendingDelete: y,
     setInputValue: u,
     onSearch: h,
-    isSingleSelect: ie
+    isSingleSelect: D
   } = s;
-  let D;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-    key: "combobox"
-  }, e[0] = D) : D = e[0];
-  const J = ae(D);
   let R;
-  e[1] !== J || e[2] !== U || e[3] !== q ? (R = J({
-    variant: q,
-    size: U
-  }), e[1] = J, e[2] = U, e[3] = q, e[4] = R) : R = e[4];
-  const M = R;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = {
+    key: "combobox"
+  }, e[0] = R) : R = e[0];
+  const Q = se(R);
   let T;
-  e[5] !== n || e[6] !== X || e[7] !== d || e[8] !== c || e[9] !== a || e[10] !== h || e[11] !== r || e[12] !== o || e[13] !== y || e[14] !== u || e[15] !== I ? (T = (t) => {
-    if (t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), r.isOpen ? I(X[c.index]) : r.open()), t.key === "Escape") {
+  e[1] !== Q || e[2] !== G || e[3] !== J ? (T = Q({
+    variant: J,
+    size: G
+  }), e[1] = Q, e[2] = G, e[3] = J, e[4] = T) : T = e[4];
+  const Y = T;
+  let V;
+  e[5] !== i || e[6] !== U || e[7] !== K || e[8] !== d || e[9] !== c || e[10] !== a || e[11] !== D || e[12] !== h || e[13] !== r || e[14] !== o || e[15] !== y || e[16] !== u || e[17] !== I ? (V = (t) => {
+    if (t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), r.isOpen ? I(K[c.index]) : r.open()), t.key === "Escape") {
       if (!r.isOpen)
         return;
-      t.preventDefault(), t.stopPropagation(), r.close(), n || (u(""), h?.(""));
+      t.preventDefault(), t.stopPropagation(), r.close(), i || (u(""), h?.(""));
     }
-    t.key === "Backspace" ? a.length === 0 && o.length > 0 && !n && (d ? (I(o[o.length - 1]), y(!1)) : y(!0)) : y(!1), t.key === "ArrowDown" && (r.isOpen ? c.next() : r.open()), t.key === "ArrowUp" && (r.isOpen ? c.previous() : r.open());
-  }, e[5] = n, e[6] = X, e[7] = d, e[8] = c, e[9] = a, e[10] = h, e[11] = r, e[12] = o, e[13] = y, e[14] = u, e[15] = I, e[16] = T) : T = e[16];
-  const Q = T;
-  let V;
-  e[17] !== c || e[18] !== h || e[19] !== r || e[20] !== u ? (V = (t) => {
+    t.key === "Backspace" ? a.length === 0 && o.length > 0 && !i && (d ? (D ? U() : I(o[o.length - 1]), y(!1)) : y(!0)) : y(!1), t.key === "ArrowDown" && (r.isOpen ? c.next() : r.open()), t.key === "ArrowUp" && (r.isOpen ? c.previous() : r.open());
+  }, e[5] = i, e[6] = U, e[7] = K, e[8] = d, e[9] = c, e[10] = a, e[11] = D, e[12] = h, e[13] = r, e[14] = o, e[15] = y, e[16] = u, e[17] = I, e[18] = V) : V = e[18];
+  const Z = V;
+  let P;
+  e[19] !== c || e[20] !== h || e[21] !== r || e[22] !== u ? (P = (t) => {
     t.preventDefault(), t.stopPropagation();
-    const W = t.target.value;
-    u(W), h?.(W), c.set(0), r.open();
-  }, e[17] = c, e[18] = h, e[19] = r, e[20] = u, e[21] = V) : V = e[21];
-  const Y = V, C = o[0], P = o[o.length - 1], Z = r.isOpen || n || k;
-  let v;
-  e[22] !== Z ? (v = Z ? {
+    const A = t.target.value;
+    u(A), h?.(A), c.set(0), r.open();
+  }, e[19] = c, e[20] = h, e[21] = r, e[22] = u, e[23] = P) : P = e[23];
+  const ee = P, C = o[0], v = o[o.length - 1], oe = r.isOpen || i || k;
+  let E;
+  e[24] !== oe ? (E = oe ? {
     width: "100%"
   } : {
     position: "absolute",
@@ -85,61 +86,61 @@ function Ie(s) {
     clipPath: "inset(50%)",
     whiteSpace: "nowrap",
     border: 0
-  }, e[22] = Z, e[23] = v) : v = e[23];
-  const ee = v;
-  let E, $;
-  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+  }, e[24] = oe, e[25] = E) : E = e[25];
+  const te = E;
+  let $, j;
+  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
     borderColor: l.Error,
     boxShadow: `0 0 0 4px ${l.ErrorContainer}`,
     backgroundColor: l.Surface
-  }, $ = {
+  }, j = {
     borderColor: l.Info,
     boxShadow: `0 0 0 4px ${l.InfoContainer}`,
     backgroundColor: l.Surface
-  }, e[24] = E, e[25] = $) : (E = e[24], $ = e[25]);
-  const oe = _ || ie ? "nowrap" : "wrap";
+  }, e[26] = $, e[27] = j) : ($ = e[26], j = e[27]);
+  const le = _ || D ? "nowrap" : "wrap";
   let m;
-  e[26] !== O ? (m = O && /* @__PURE__ */ i(L, { whiteSpace: "nowrap", children: O }), e[26] = O, e[27] = m) : m = e[27];
+  e[28] !== O ? (m = O && /* @__PURE__ */ n(N, { whiteSpace: "nowrap", children: O }), e[28] = O, e[29] = m) : m = e[29];
   let g;
-  e[28] !== n || e[29] !== _ || e[30] !== d || e[31] !== P || e[32] !== o ? (g = !n && (_ ? o.length > 0 && P && /* @__PURE__ */ H(A, { gap: F.XSmall, flexShrink: "1", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
-    o.length > 3 && /* @__PURE__ */ i(re, {}),
-    o.length > 2 && /* @__PURE__ */ i(re, {}),
-    o.length > 1 && /* @__PURE__ */ i(pe, { children: o.length - 1 }),
-    /* @__PURE__ */ i(le, { isDeleting: d, item: P, asPlainText: n })
-  ] }) : o.map((t, W) => /* @__PURE__ */ i(le, { item: t, asPlainText: n, isDeleting: W === o.length - 1 && d }, t.id))), e[28] = n, e[29] = _, e[30] = d, e[31] = P, e[32] = o, e[33] = g) : g = e[33];
+  e[30] !== i || e[31] !== _ || e[32] !== d || e[33] !== v || e[34] !== o ? (g = !i && (_ ? o.length > 0 && v && /* @__PURE__ */ L(F, { gap: H.XSmall, flexShrink: "1", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
+    o.length > 3 && /* @__PURE__ */ n(ne, {}),
+    o.length > 2 && /* @__PURE__ */ n(ne, {}),
+    o.length > 1 && /* @__PURE__ */ n(de, { children: o.length - 1 }),
+    /* @__PURE__ */ n(ie, { isDeleting: d, item: v, asPlainText: i })
+  ] }) : o.map((t, A) => /* @__PURE__ */ n(ie, { item: t, asPlainText: i, isDeleting: A === o.length - 1 && d }, t.id))), e[30] = i, e[31] = _, e[32] = d, e[33] = v, e[34] = o, e[35] = g) : g = e[35];
   let b;
-  e[34] !== n || e[35] !== C || e[36] !== a || e[37] !== K || e[38] !== o.length ? (b = n && o.length > 0 && C && a === C.label && K[C.id]?.map(he), e[34] = n, e[35] = C, e[36] = a, e[37] = K, e[38] = o.length, e[39] = b) : b = e[39];
-  let j, z;
-  e[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
+  e[36] !== i || e[37] !== C || e[38] !== a || e[39] !== q || e[40] !== o.length ? (b = i && o.length > 0 && C && a === C.label && q[C.id]?.map(me), e[36] = i, e[37] = C, e[38] = a, e[39] = q, e[40] = o.length, e[41] = b) : b = e[41];
+  let z, B;
+  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
     color: l.OnSurfaceSubdued
-  }, z = {
+  }, B = {
     cursor: "not-allowed",
     color: l.OnSurfaceSubdued
-  }, e[40] = j, e[41] = z) : (j = e[40], z = e[41]);
+  }, e[42] = z, e[43] = B) : (z = e[42], B = e[43]);
   let S;
-  e[42] !== N || e[43] !== ee || e[44] !== a || e[45] !== p || e[46] !== f || e[47] !== Y || e[48] !== Q || e[49] !== k ? (S = /* @__PURE__ */ i(se, { id: N, disabled: p, readOnly: f, onKeyDown: Q, unstyled: !0, value: a, autoComplete: "off", minWidth: F.XLarge, onChange: Y, placeholder: k, border: "none", flex: 1, color: l.OnSurface, outline: "none", _placeholder: j, _disabled: z, css: ee }), e[42] = N, e[43] = ee, e[44] = a, e[45] = p, e[46] = f, e[47] = Y, e[48] = Q, e[49] = k, e[50] = S) : S = e[50];
+  e[44] !== X || e[45] !== te || e[46] !== a || e[47] !== p || e[48] !== f || e[49] !== ee || e[50] !== Z || e[51] !== k ? (S = /* @__PURE__ */ n(ce, { id: X, disabled: p, readOnly: f, onKeyDown: Z, unstyled: !0, value: a, autoComplete: "off", minWidth: H.XLarge, onChange: ee, placeholder: k, border: "none", flex: 1, color: l.OnSurface, outline: "none", _placeholder: z, _disabled: B, css: te }), e[44] = X, e[45] = te, e[46] = a, e[47] = p, e[48] = f, e[49] = ee, e[50] = Z, e[51] = k, e[52] = S) : S = e[52];
   let x;
-  e[51] !== g || e[52] !== b || e[53] !== S || e[54] !== oe || e[55] !== m ? (x = /* @__PURE__ */ H(A, { flexWrap: oe, gap: F.Small, overflow: "hidden", children: [
+  e[53] !== g || e[54] !== b || e[55] !== S || e[56] !== le || e[57] !== m ? (x = /* @__PURE__ */ L(F, { flexWrap: le, gap: H.Small, overflow: "hidden", children: [
     m,
     g,
     b,
     S
-  ] }), e[51] = g, e[52] = b, e[53] = S, e[54] = oe, e[55] = m, e[56] = x) : x = e[56];
-  const te = p ? l.OnSurfaceSubdued : l.OnSurface;
+  ] }), e[53] = g, e[54] = b, e[55] = S, e[56] = le, e[57] = m, e[58] = x) : x = e[58];
+  const re = p ? l.OnSurfaceSubdued : l.OnSurface;
   let w;
-  e[57] !== te ? (w = /* @__PURE__ */ i(A, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", cursor: "pointer", children: /* @__PURE__ */ i(ue, { size: de.Small, color: te }) }), e[57] = te, e[58] = w) : w = e[58];
-  let B;
-  return e[59] !== p || e[60] !== G || e[61] !== f || e[62] !== M || e[63] !== x || e[64] !== w ? (B = /* @__PURE__ */ H(A, { css: M, "aria-disabled": p, "aria-readonly": f, "aria-invalid": G, borderRadius: fe.Small, padding: F.Small, _invalid: E, _focusWithin: $, children: [
+  e[59] !== re ? (w = /* @__PURE__ */ n(F, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", cursor: "pointer", children: /* @__PURE__ */ n(he, { size: fe.Small, color: re }) }), e[59] = re, e[60] = w) : w = e[60];
+  let W;
+  return e[61] !== p || e[62] !== M || e[63] !== f || e[64] !== Y || e[65] !== x || e[66] !== w ? (W = /* @__PURE__ */ L(F, { css: Y, "aria-disabled": p, "aria-readonly": f, "aria-invalid": M, borderRadius: ue.Small, padding: H.Small, _invalid: $, _focusWithin: j, children: [
     x,
     w
-  ] }), e[59] = p, e[60] = G, e[61] = f, e[62] = M, e[63] = x, e[64] = w, e[65] = B) : B = e[65], B;
+  ] }), e[61] = p, e[62] = M, e[63] = f, e[64] = Y, e[65] = x, e[66] = w, e[67] = W) : W = e[67], W;
 }
-function he(s) {
-  return /* @__PURE__ */ H(ce, { children: [
-    /* @__PURE__ */ i(L, { color: l.OnSurfaceSubdued, textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: s }),
-    /* @__PURE__ */ i(L, { color: l.OnSurfaceSubdued, children: "/" })
+function me(s) {
+  return /* @__PURE__ */ L(pe, { children: [
+    /* @__PURE__ */ n(N, { color: l.OnSurfaceSubdued, textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: s }),
+    /* @__PURE__ */ n(N, { color: l.OnSurfaceSubdued, children: "/" })
   ] }, s);
 }
 export {
-  Ie as ComboboxButton
+  Oe as ComboboxButton
 };

package/dist/components/combobox/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAIX,aAAa,EAGb,MAAM,SAAS,CAAC;AA0GjB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACxB,EAAE,EACF,KAAU,EACV,cAAsB,EACtB,aAAkB,EAClB,MAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,WAAmB,EACnB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAiB,EACjB,WAAuB,EACvB,qBAAqB,EACrB,GAAG,KAAK,EACR,EAAE,aAAa,+BAiUf"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAIX,aAAa,EAGb,MAAM,SAAS,CAAC;AA0GjB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACxB,EAAE,EACF,KAAU,EACV,cAAsB,EACtB,aAAkB,EAClB,MAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,WAAmB,EACnB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAiB,EACjB,WAAuB,EACvB,qBAAqB,EACrB,GAAG,KAAK,EACR,EAAE,aAAa,+BA4Uf"}