@cognite/aura 0.3.2 → 0.3.3

package/dist/components/ui/core/action-toolbar/action-toolbar.js

@@ -1,176 +1,108 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { createContext as b, forwardRef as e, useMemo as A, useContext as x } from "react";
-import { IconX as T } from "@tabler/icons-react";
-import { cva as y } from "class-variance-authority";
-import { cn as s } from "../../../../lib/utils.js";
-import { Button as f } from "../button/button.js";
-import { TooltipProvider as g, Tooltip as h, TooltipTrigger as w, TooltipContent as N } from "../tooltip/tooltip.js";
-const v = y(
-  "min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-raised-background text-foreground-fixed-light pl-4 pr-3 rounded-xl shadow-default",
-  {
-    variants: {
-      width: {
-        full: "w-full",
-        fit: "w-fit"
-      }
-    },
-    defaultVariants: {
-      width: "full"
-    }
-  }
-), p = b({
-  selectedCount: void 0
-}), k = e(
-  ({ className: t, width: a, role: n = "toolbar", selectedCount: o, ...r }, l) => {
-    const c = typeof o == "number" && o === 0, d = A(() => ({ selectedCount: o }), [o]);
-    return c ? null : /* @__PURE__ */ i(g, { delayDuration: 0, children: /* @__PURE__ */ i(p.Provider, { value: d, children: /* @__PURE__ */ i(
-      "div",
-      {
-        ref: l,
-        "data-slot": "action-toolbar",
-        role: n,
-        className: s(v({ width: a }), t),
-        ...r
-      }
-    ) }) });
-  }
-);
-k.displayName = "ActionToolbar";
-const C = e(
-  ({ className: t, role: a = "group", ...n }, o) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: o,
-      "data-slot": "action-toolbar-selection",
-      role: a,
-      className: s("flex min-w-0 shrink-0 items-center gap-3", t),
-      ...n
-    }
-  )
-);
-C.displayName = "ActionToolbarSelection";
-const S = e(
-  ({ className: t, count: a, label: n = "selected", children: o, ...r }, l) => {
-    const { selectedCount: c } = x(p), d = a ?? c;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: l,
-        "data-slot": "action-toolbar-selection-summary",
-        className: s("flex min-w-0", t),
-        ...r,
-        children: o ?? /* @__PURE__ */ m(
-          "span",
-          {
-            "data-slot": "action-toolbar-selection-label",
-            className: "flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light",
-            children: [
-              d == null ? null : /* @__PURE__ */ i("span", { children: d }),
-              /* @__PURE__ */ i("span", { className: "truncate", children: n })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-S.displayName = "ActionToolbarSelectionSummary";
-const O = e(
-  ({ className: t, role: a = "group", ...n }, o) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: o,
-      "data-slot": "action-toolbar-actions",
-      role: a,
-      className: s(
-        "flex min-w-0 shrink-0 items-center justify-end gap-1",
-        t
-      ),
-      ...n
-    }
-  )
-);
-O.displayName = "ActionToolbarActions";
-const u = e(
-  ({
-    className: t,
-    variant: a = "ghostOnDark",
-    iconOnly: n = !1,
-    "aria-label": o,
-    children: r,
-    ...l
-  }, c) => n && o ? /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(
-      w,
-      {
-        render: /* @__PURE__ */ i(
-          f,
-          {
-            ref: c,
-            "data-slot": "action-toolbar-action",
-            variant: a,
-            size: "icon",
-            "aria-label": o,
-            className: t,
-            ...l,
-            children: r
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ i(N, { sideOffset: 18, children: o })
-  ] }) : /* @__PURE__ */ i(
-    f,
-    {
-      ref: c,
-      "data-slot": "action-toolbar-action",
-      variant: a,
-      size: n ? "icon" : "default",
-      "aria-label": o,
-      className: t,
-      ...l,
-      children: r
-    }
-  )
-);
-u.displayName = "ActionToolbarAction";
-const j = e(
-  ({ icon: t, label: a = "Clear", ...n }, o) => /* @__PURE__ */ m(
-    u,
-    {
-      ref: o,
-      "data-slot": "action-toolbar-action-clear",
-      variant: "secondaryOnDark",
-      iconOnly: !1,
-      ...n,
-      children: [
-        t ?? /* @__PURE__ */ i(T, {}),
-        a
-      ]
-    }
-  )
-);
-j.displayName = "ActionToolbarActionClear";
-const D = e(
-  ({ className: t, ...a }, n) => /* @__PURE__ */ i(
-    u,
-    {
-      ref: n,
-      "data-slot": "action-toolbar-primary-action",
-      variant: "defaultOnDark",
-      iconOnly: !1,
-      className: s("ml-2", t),
-      ...a
-    }
-  )
-);
-D.displayName = "ActionToolbarPrimaryAction";
-export {
-  k as ActionToolbar,
-  u as ActionToolbarAction,
-  j as ActionToolbarActionClear,
-  O as ActionToolbarActions,
-  D as ActionToolbarPrimaryAction,
-  C as ActionToolbarSelection,
-  S as ActionToolbarSelectionSummary
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a } from "../tooltip/tooltip.js";
+import { createContext as o, forwardRef as s, useContext as c, useMemo as l } from "react";
+import { IconX as u } from "@tabler/icons-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { cva as p } from "class-variance-authority";
+//#region libs/aura/src/components/ui/core/action-toolbar/action-toolbar.tsx
+var m = p("min-w-[400px] max-w-[1200px] h-14 flex items-center justify-between gap-3 bg-raised-background text-foreground-fixed-light pl-4 pr-3 rounded-xl shadow-default", {
+	variants: { width: {
+		full: "w-full",
+		fit: "w-fit"
+	} },
+	defaultVariants: { width: "full" }
+}), h = o({ selectedCount: void 0 }), g = s(({ className: t, width: n, role: r = "toolbar", selectedCount: a, ...o }, s) => {
+	let c = typeof a == "number" && a === 0, u = l(() => ({ selectedCount: a }), [a]);
+	return c ? null : /* @__PURE__ */ d(i, {
+		delayDuration: 0,
+		children: /* @__PURE__ */ d(h.Provider, {
+			value: u,
+			children: /* @__PURE__ */ d("div", {
+				ref: s,
+				"data-slot": "action-toolbar",
+				role: r,
+				className: e(m({ width: n }), t),
+				...o
+			})
+		})
+	});
+});
+g.displayName = "ActionToolbar";
+var _ = s(({ className: t, role: n = "group", ...r }, i) => /* @__PURE__ */ d("div", {
+	ref: i,
+	"data-slot": "action-toolbar-selection",
+	role: n,
+	className: e("flex min-w-0 shrink-0 items-center gap-3", t),
+	...r
+}));
+_.displayName = "ActionToolbarSelection";
+var v = s(({ className: t, count: n, label: r = "selected", children: i, ...a }, o) => {
+	let { selectedCount: s } = c(h), l = n ?? s;
+	return /* @__PURE__ */ d("div", {
+		ref: o,
+		"data-slot": "action-toolbar-selection-summary",
+		className: e("flex min-w-0", t),
+		...a,
+		children: i ?? /* @__PURE__ */ f("span", {
+			"data-slot": "action-toolbar-selection-label",
+			className: "flex min-w-0 items-center gap-0.5 text-sm font-medium leading-4.5 tracking-normal text-foreground-fixed-light",
+			children: [l == null ? null : /* @__PURE__ */ d("span", { children: l }), /* @__PURE__ */ d("span", {
+				className: "truncate",
+				children: r
+			})]
+		})
+	});
+});
+v.displayName = "ActionToolbarSelectionSummary";
+var y = s(({ className: t, role: n = "group", ...r }, i) => /* @__PURE__ */ d("div", {
+	ref: i,
+	"data-slot": "action-toolbar-actions",
+	role: n,
+	className: e("flex min-w-0 shrink-0 items-center justify-end gap-1", t),
+	...r
+}));
+y.displayName = "ActionToolbarActions";
+var b = s(({ className: e, variant: i = "ghostOnDark", iconOnly: o = !1, "aria-label": s, children: c, ...l }, u) => o && s ? /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(a, { render: /* @__PURE__ */ d(t, {
+	ref: u,
+	"data-slot": "action-toolbar-action",
+	variant: i,
+	size: "icon",
+	"aria-label": s,
+	className: e,
+	...l,
+	children: c
+}) }), /* @__PURE__ */ d(r, {
+	sideOffset: 18,
+	children: s
+})] }) : /* @__PURE__ */ d(t, {
+	ref: u,
+	"data-slot": "action-toolbar-action",
+	variant: i,
+	size: o ? "icon" : "default",
+	"aria-label": s,
+	className: e,
+	...l,
+	children: c
+}));
+b.displayName = "ActionToolbarAction";
+var x = s(({ icon: e, label: t = "Clear", ...n }, r) => /* @__PURE__ */ f(b, {
+	ref: r,
+	"data-slot": "action-toolbar-action-clear",
+	variant: "secondaryOnDark",
+	iconOnly: !1,
+	...n,
+	children: [e ?? /* @__PURE__ */ d(u, {}), t]
+}));
+x.displayName = "ActionToolbarActionClear";
+var S = s(({ className: t, ...n }, r) => /* @__PURE__ */ d(b, {
+	ref: r,
+	"data-slot": "action-toolbar-primary-action",
+	variant: "defaultOnDark",
+	iconOnly: !1,
+	className: e("ml-2", t),
+	...n
+}));
+S.displayName = "ActionToolbarPrimaryAction";
+//#endregion
+export { g as ActionToolbar, b as ActionToolbarAction, x as ActionToolbarActionClear, y as ActionToolbarActions, S as ActionToolbarPrimaryAction, _ as ActionToolbarSelection, v as ActionToolbarSelectionSummary };