@caspeco/casper-ui-library 9.9.0 → 9.11.0

package/dist/components/table/table-header-dropdown.js

@@ -1,133 +1,135 @@
-import { jsxs as s, Fragment as f, jsx as n } from "react/jsx-runtime";
+import { jsxs as r, Fragment as u, jsx as o } from "react/jsx-runtime";
 import { Portal as j } from "@chakra-ui/react";
 import { flexRender as A } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as L, useCallback as M, useMemo as a } from "react";
+import { memo as L, useCallback as M, useMemo as p } from "react";
 import { useTableContext as U } from "./table-context.js";
 import { translations as X } from "./translations.js";
 import { SortDescIcon as k } from "../icon/icons/sort-desc-icon.js";
-import { SortAscIcon as w } from "../icon/icons/sort-asc-icon.js";
+import { SortAscIcon as S } from "../icon/icons/sort-asc-icon.js";
 import { MenuItem as l } from "../menu/menu-item.js";
-import { Text as r } from "../text/text.js";
+import { Text as c } from "../text/text.js";
 import { FilterIcon as R } from "../icon/icons/filter-icon.js";
-import { MenuDivider as D } from "../menu/menu-divider.js";
+import { MenuDivider as w } from "../menu/menu-divider.js";
 import { HideIcon as W } from "../icon/icons/hide-icon.js";
 import { ThumbtackIcon as $ } from "../icon/icons/thumbtack-icon.js";
 import { Switch as q } from "../switch/switch.js";
 import { Menu as J } from "../menu/menu.js";
 import { MenuBoxButton as K } from "../menu/menu-box-button.js";
 import { MenuList as N } from "../menu/menu-list.js";
-import { ThemeIconSizeVariable as v, ThemeColorVariable as F, ThemeSpaceVariable as Q, ThemeFontSizeVariable as S } from "../../theme/theme-types.js";
+import { ThemeIconSizeVariable as D, ThemeColorVariable as v, ThemeSpaceVariable as Q, ThemeFontSizeVariable as F } from "../../theme/theme-types.js";
 const Y = ({
-  header: o,
-  breakingContentState: c,
-  onBreakingContentChange: p,
-  setBreakingContentState: h,
-  headerGroup: g,
+  header: n,
+  breakingContentState: m,
+  onBreakingContentChange: h,
+  setBreakingContentState: g,
+  headerGroup: C,
   sorting: d,
-  setSorting: u,
+  setSorting: f,
   localeString: y,
   portalContainerRef: z,
   dragRef: V
 }) => {
-  const i = X[y], H = U(), { getTableFilterMethods: m } = H, C = M(
+  const i = X[y], H = U(), { getTableFilterMethods: s } = H, b = M(
     ({ checked: e }) => {
       const t = {
-        ...c,
-        [o.column.id]: e
+        ...m,
+        [n.column.id]: e
       };
-      h(t), p?.(t);
+      g(t), h?.(t);
     },
-    [c, o.column.id, p, h]
-  ), b = M(
+    [m, n.column.id, h, g]
+  ), x = M(
     (e) => {
       const t = e.getIndex();
-      g.forEach((E) => {
+      C.forEach((E) => {
         E.headers.forEach((O, T) => {
           const { column: I } = O;
           e.getIsPinned() ? T >= t && I.pin(!1) : T <= t && I.pin("left");
         });
       });
     },
-    [g]
-  ), P = a(() => /* @__PURE__ */ s(f, { children: [
-    d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(k, { size: v.XSmall }) : /* @__PURE__ */ n(w, { size: v.XSmall })),
-    o.column.columnDef.header
-  ] }), [o.column.columnDef.header, o.column.id, d]), x = a(() => m()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, m]), B = a(() => /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ n(
-      l,
-      {
-        onClick: () => u([{ desc: !1, id: o.column.id }]),
-        leftIcon: w,
-        value: "sort-asc",
-        children: /* @__PURE__ */ n(r, { children: i.sortUp })
-      }
-    ),
-    /* @__PURE__ */ n(
-      l,
-      {
-        onClick: () => u([{ desc: !0, id: o.column.id }]),
-        leftIcon: k,
-        value: "sort-desc",
-        children: /* @__PURE__ */ n(r, { children: i.sortDown })
-      }
-    ),
-    x && /* @__PURE__ */ n(
+    [C]
+  ), P = p(() => /* @__PURE__ */ r(u, { children: [
+    d.find((e) => e.id === n.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ o(k, { size: D.XSmall }) : /* @__PURE__ */ o(S, { size: D.XSmall })),
+    n.column.columnDef.header
+  ] }), [n.column.columnDef.header, n.column.id, d]), a = p(() => s()?.canFilterOnColumn(n.column.id) ?? !1, [n.column.id, s]), B = p(() => /* @__PURE__ */ r(u, { children: [
+    n.column.getCanSort() && /* @__PURE__ */ r(u, { children: [
+      /* @__PURE__ */ o(
+        l,
+        {
+          onClick: () => f([{ desc: !1, id: n.column.id }]),
+          leftIcon: S,
+          value: "sort-asc",
+          children: /* @__PURE__ */ o(c, { children: i.sortUp })
+        }
+      ),
+      /* @__PURE__ */ o(
+        l,
+        {
+          onClick: () => f([{ desc: !0, id: n.column.id }]),
+          leftIcon: k,
+          value: "sort-desc",
+          children: /* @__PURE__ */ o(c, { children: i.sortDown })
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ o(
       l,
       {
         onClick: () => {
-          const e = m();
-          e?.onToggleFilterVisibility && e.onToggleFilterVisibility(o.column.id);
+          const e = s();
+          e?.onToggleFilterVisibility && e.onToggleFilterVisibility(n.column.id);
         },
         leftIcon: R,
         value: "filter",
-        children: /* @__PURE__ */ n(r, { children: i.filter })
+        children: /* @__PURE__ */ o(c, { children: i.filter })
       }
     ),
-    /* @__PURE__ */ n(D, {}),
-    o.column.getCanHide() && /* @__PURE__ */ n(l, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: W, value: "hide", children: /* @__PURE__ */ n(r, { children: i.hideColumn }) }),
-    /* @__PURE__ */ n(l, { onClick: () => b(o.column), leftIcon: $, value: "pin", children: /* @__PURE__ */ n(r, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
-    /* @__PURE__ */ n(D, {}),
-    /* @__PURE__ */ s(l, { itemType: "switch", value: "breaking-content", children: [
+    (n.column.getCanSort() || a) && /* @__PURE__ */ o(w, {}),
+    n.column.getCanHide() && /* @__PURE__ */ o(l, { onClick: n.column.getToggleVisibilityHandler(), leftIcon: W, value: "hide", children: /* @__PURE__ */ o(c, { children: i.hideColumn }) }),
+    /* @__PURE__ */ o(l, { onClick: () => x(n.column), leftIcon: $, value: "pin", children: /* @__PURE__ */ o(c, { children: n.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
+    /* @__PURE__ */ o(w, {}),
+    /* @__PURE__ */ r(l, { itemType: "switch", value: "breaking-content", children: [
       i.breakingContent,
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         q,
         {
-          onCheckedChange: C,
-          isChecked: c[o.column.id]
+          onCheckedChange: b,
+          isChecked: m[n.column.id]
         }
       )
     ] })
   ] }), [
-    c,
-    x,
     m,
+    a,
+    s,
+    x,
+    n.column,
     b,
-    o.column,
-    C,
-    u,
+    f,
     i
   ]);
-  return /* @__PURE__ */ n(J, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(J, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ o(
       K,
       {
         ref: V,
-        color: F.OnBackgroundSubdued,
+        color: v.OnBackgroundSubdued,
         textTransform: "none",
-        fontSize: S.Small,
+        fontSize: F.Small,
         h: "40px",
         display: "flex",
         textAlign: "inherit",
         alignItems: "center",
         lineHeight: "1.2",
         padding: `0px 0px 0px ${Q.Small}`,
-        backgroundColor: e ? F.BackgroundDisabled : "unset",
+        backgroundColor: e ? v.BackgroundDisabled : "unset",
         w: "100%",
         overflowWrap: "anywhere",
-        children: A(P, o.getContext())
+        children: A(P, n.getContext())
       }
     ),
-    /* @__PURE__ */ n(j, { container: z, children: /* @__PURE__ */ n(N, { fontSize: S.Medium, children: B }) })
+    /* @__PURE__ */ o(j, { container: z, children: /* @__PURE__ */ o(N, { fontSize: F.Medium, children: B }) })
   ] }) });
 }, bn = L(Y);
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAgBpD"}
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiBpD"}

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

@@ -1,20 +1,20 @@
 import { jsx as s } from "react/jsx-runtime";
-import { Button as i } from "@chakra-ui/react";
-import { useButtonChildren as d } from "./use-button-children.js";
-function c(t) {
-  const { isPressed: e = !1, isDisabled: r, subText: l, children: u, ...o } = t, n = d(t);
+import { Button as a } from "@chakra-ui/react";
+import { useButtonChildren as l } from "./use-button-children.js";
+function b(t) {
+  const { isPressed: r = !1, isDisabled: o, variant: e = "outline", subText: u, children: d, ...n } = t, i = l(t);
   return /* @__PURE__ */ s(
-    i,
+    a,
     {
-      "aria-pressed": e,
+      "aria-pressed": r,
       type: "button",
-      variant: "toggle",
-      disabled: r,
-      ...o,
-      children: n
+      variant: e === "ghost" ? "toggleGhost" : "toggle",
+      disabled: o,
+      ...n,
+      children: i
     }
   );
 }
 export {
-  c as ToggleButton
+  b as ToggleButton
 };

package/dist/components/toggle-button/types.d.ts

@@ -7,6 +7,8 @@ type ToggleButtonPropsBase = {
     isPressed?: boolean;
     /** The size of the button, default: md */
     size?: ConditionalValue<ButtonSize> | undefined;
+    /** The visual variant of the button. Defaults to "outline". Use "ghost" for borderless toolbar controls. */
+    variant?: "outline" | "ghost";
     isDisabled?: boolean;
 } & Pick<ChakraButtonProps, "children" | "onClick" | "type"> & CustomStyleProps;
 type ToggleButtonPropsWithSubText = ToggleButtonPropsBase & {

package/dist/components/toggle-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAGhD,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,GAC3D,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAChD,4GAA4G;IAC5G,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,GAC3D,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}

package/dist/index.d.ts

@@ -35,6 +35,7 @@ export * from './components/paginator/index.js';
 export * from './components/quantity-button/index.js';
 export * from './components/radio/index.js';
 export * from './components/radio-card/index.js';
+export * from './components/rich-text-editor/index.js';
 export * from './components/segmented-control/index.js';
 export * from './components/select/index.js';
 export * from './components/skeleton/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC"}