@wrdagency/blockout 0.1.10 → 1.0.0

package/dist/components/data-view/parts/controls/search.js

@@ -0,0 +1,77 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as e } from "../../../button/index.js";
+import "react";
+import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+import { s as a } from "../../../../MagnifyingGlass.es-CLstwG_v.js";
+import { e as s } from "../../../../X.es-TbGOnXOO.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+import { TextControl as c } from "../../../controls/text-control/index.js";
+/* empty css                          */
+/* empty css                          */
+import { R as l } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+/* empty css                         */
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+const tr = ({}) => {
+  const { view: r, setView: t } = l.use(), i = (p) => {
+    t({ ...r, search: p });
+  }, m = () => {
+    t({ ...r, search: "" });
+  };
+  return /* @__PURE__ */ o(
+    c,
+    {
+      className: "data-view-part-controls__search",
+      icon: a,
+      onChangeValue: i,
+      value: r.search,
+      placeholder: "Search",
+      type: "search",
+      suffix: r.search && /* @__PURE__ */ o(
+        e.Icon,
+        {
+          className: "data-view-part-controls__search__clear",
+          variant: "ghost",
+          size: "small",
+          onClick: m,
+          "aria-label": "Clear",
+          children: /* @__PURE__ */ o(s, {})
+        }
+      )
+    }
+  );
+};
+export {
+  tr as Search
+};

package/dist/components/data-view/parts/filters/chip.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Field } from '../../types';
+import { Filter } from '../../types/filters';
+interface ChipProps {
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+    value: Filter;
+    field: Field;
+    onDelete?: () => void;
+    onChangeValue?: (value: Filter) => void;
+}
+export declare const Chip: FC<ChipProps>;
+export {};

package/dist/components/data-view/parts/filters/chip.js

@@ -0,0 +1,53 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';/* empty css                         */
+import { useMemo as a } from "react";
+/* empty css                         */
+/* empty css                         */
+import { Popover as e } from "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+import { Truncate as f } from "../../../../primitives/truncate/index.js";
+/* empty css                         */
+/* empty css                          */
+import { e as h } from "../../../../X.es-TbGOnXOO.js";
+import { Editor as d } from "./editor.js";
+import { formatValue as y } from "./utils.js";
+const q = ({
+  open: p,
+  setOpen: m,
+  value: r,
+  field: o,
+  onChangeValue: n,
+  onDelete: c
+}) => {
+  const l = a(
+    () => o.filtering.types.find((s) => s.id === r.type),
+    [r.type, o.filtering.types]
+  );
+  return /* @__PURE__ */ i(e, { open: p, setOpen: m, placement: "bottom-start", children: [
+    /* @__PURE__ */ i("div", { className: "component-filter-chip", children: [
+      /* @__PURE__ */ t(e.Target, { className: "component-filter-chip__open", children: /* @__PURE__ */ i(f, { children: [
+        o.display.label,
+        " ",
+        l.label,
+        " ",
+        y(r.value, o)
+      ] }) }),
+      /* @__PURE__ */ t("button", { className: "component-filter-chip__close", onClick: c, children: /* @__PURE__ */ t(h, {}) })
+    ] }),
+    /* @__PURE__ */ t(e.Window, { children: /* @__PURE__ */ t(
+      d,
+      {
+        value: r,
+        allowedTypes: o.filtering.types,
+        onChangeValue: n,
+        field: o
+      }
+    ) })
+  ] });
+};
+export {
+  q as Chip
+};

package/dist/components/data-view/parts/filters/editor.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Field, Filter, FilterType } from '../../types';
+interface EditorProps {
+    value: Filter;
+    onChangeValue?: (value: Filter) => void;
+    allowedTypes: FilterType[];
+    field: Field;
+}
+export declare const Editor: FC<EditorProps>;
+export {};

package/dist/components/data-view/parts/filters/editor.js

@@ -0,0 +1,89 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { noop as f } from "../../../../utils/noop.js";
+import { useMemo as n } from "react";
+import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import { SelectControl as h } from "../../../controls/select-control/control.js";
+import "../../../../options-Cfoqhxw2.js";
+import "../../../../style-Bp4uISf6.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+const w = ({
+  value: t,
+  onChangeValue: i = f,
+  allowedTypes: r,
+  field: m
+}) => {
+  const a = n(
+    () => r.find((o) => o.id === t.type),
+    [t.type, r]
+  ), s = n(
+    () => r.map((o) => ({
+      value: o.id,
+      label: o.label
+    })),
+    [r]
+  ), l = (o) => {
+    i({
+      ...t,
+      type: o
+    });
+  }, c = (o) => {
+    i({
+      ...t,
+      value: o
+    });
+  }, p = a.editor;
+  return /* @__PURE__ */ d("div", { className: "component-filter-editor", children: [
+    /* @__PURE__ */ e(
+      h,
+      {
+        className: "component-filter-editor__operator",
+        prefix: m.display.label,
+        value: t.type,
+        onChangeValue: l,
+        options: s
+      }
+    ),
+    p && /* @__PURE__ */ e(
+      p,
+      {
+        className: "component-filter-editor__value",
+        value: t.value,
+        onChangeValue: c,
+        options: m.elements
+      }
+    )
+  ] });
+};
+export {
+  w as Editor
+};

package/dist/components/data-view/parts/filters/index.js

@@ -0,0 +1,9 @@
+import { Chip as i } from "./chip.js";
+import { List as t } from "./list.js";
+import '../../../../assets/index14.css';const s = Object.assign(t, {
+  List: t,
+  Chip: i
+});
+export {
+  s as Filters
+};

package/dist/components/data-view/parts/filters/list.d.ts

@@ -0,0 +1,11 @@
+import { Filter } from '../../types/filters';
+import { FC } from 'react';
+import { Field } from '../../types';
+interface ListProps {
+    className?: string;
+    filters?: Filter[];
+    onChangeValue?: (value: Filter[]) => void;
+    fields?: Field<any>[];
+}
+export declare const List: FC<ListProps>;
+export {};

package/dist/components/data-view/parts/filters/list.js

@@ -0,0 +1,108 @@
+import { jsxs as h, jsx as p } from "react/jsx-runtime";
+import { cn as u } from "../../../../utils/css.js";
+import { noop as V } from "../../../../utils/noop.js";
+import * as t from "react";
+import { useState as E } from "react";
+import { w as f } from "../../../../SSRBase.es-BUXS72ra.js";
+import { Menu as A } from "../../../menu/index.js";
+import { Chip as M } from "./chip.js";
+const Z = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ t.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM184,136H136v48a8,8,0,0,1-16,0V136H72a8,8,0,0,1,0-16h48V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H134v82a6,6,0,0,1-12,0V134H40a6,6,0,0,1,0-12h82V40a6,6,0,0,1,12,0v82h82A6,6,0,0,1,222,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H132v84a4,4,0,0,1-8,0V132H40a4,4,0,0,1,0-8h84V40a4,4,0,0,1,8,0v84h84A4,4,0,0,1,220,128Z" }))
+  ]
+]), i = t.forwardRef((m, n) => /* @__PURE__ */ t.createElement(f, { ref: n, ...m, weights: Z }));
+i.displayName = "PlusIcon";
+const k = ({
+  className: m,
+  filters: n = [],
+  onChangeValue: r = V,
+  fields: c = []
+}) => {
+  const [s, o] = E(-1), d = (e) => {
+    r(n.filter((a) => a.field !== e));
+  }, v = (e, a) => {
+    r([
+      ...n.slice(0, e),
+      a,
+      ...n.slice(e + 1)
+    ]);
+  }, g = (e) => {
+    o(n.length);
+    const a = e.elements.length ? e.elements[0].value : "";
+    r([
+      ...n,
+      {
+        value: a,
+        field: e.id,
+        type: e.filtering.types[0].id
+      }
+    ]);
+  }, H = (e, a) => {
+    o(a ? e : -1);
+  };
+  return /* @__PURE__ */ h("div", { className: u("component-filter-list", m), children: [
+    n.map((e, a) => /* @__PURE__ */ p(
+      M,
+      {
+        open: s === a,
+        setOpen: (l) => H(a, l),
+        field: c.find((l) => e.field === l.id),
+        value: e,
+        onChangeValue: (l) => v(a, l),
+        onDelete: () => d(e.field)
+      },
+      a
+    )),
+    /* @__PURE__ */ h(
+      A,
+      {
+        variant: "quiet",
+        size: "small",
+        items: c.filter(
+          (e) => e.filtering.filterable && e.filtering.types.length > 0
+        ).map((e) => ({
+          label: e.display.label,
+          type: "action",
+          onClick: () => {
+            g(e);
+          },
+          checked: n.some((a) => a.field === e.id)
+        })),
+        children: [
+          /* @__PURE__ */ p(i, {}),
+          n.length === 0 && "Add Filter"
+        ]
+      }
+    )
+  ] });
+};
+export {
+  k as List
+};

package/dist/components/data-view/parts/filters/utils.d.ts

@@ -0,0 +1,2 @@
+import { Field } from '../../types';
+export declare function formatValue(value: string | string[], field?: Field): string;

package/dist/components/data-view/parts/filters/utils.js

@@ -0,0 +1,13 @@
+function o(r, t) {
+  if (Array.isArray(r))
+    return r.map((n) => `"${n}"`).join(", ");
+  if (t) {
+    const n = t.elements.find((i) => i.value === r);
+    if (n)
+      return n.label;
+  }
+  return `"${r}"`;
+}
+export {
+  o as formatValue
+};

package/dist/components/data-view/parts/footer/actions.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Actions: FC;

package/dist/components/data-view/parts/footer/actions.js

@@ -0,0 +1,104 @@
+import { jsxs as u, jsx as p } from "react/jsx-runtime";
+import { Button as v } from "../../../button/index.js";
+import { Menu as k } from "../../../menu/index.js";
+import * as c from "react";
+import { useMemo as b } from "react";
+import { p as F } from "../../../../IconBase.es-rM5tt24D.js";
+import { a as A } from "../../../../DotsThreeVertical.es-uadrGk3y.js";
+import '../../../../assets/style23.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import { R as w } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+const h = c.forwardRef((m, e) => /* @__PURE__ */ c.createElement(F, { ref: e, ...m, weights: A }));
+h.displayName = "DotsThreeVerticalIcon";
+const br = ({}) => {
+  const { items: m, primaryKey: e, selection: i, actions: o } = w.use(), s = i && i.count() > 1, l = i && i.count() === 1, g = b(
+    () => o.filter((r) => r.variant === "primary").filter(
+      (r) => s && !!r.bulkFn || l && !!r.singleFn
+    ),
+    [o, i]
+  ), n = b(
+    () => o.filter((r) => r.variant === "secondary").filter(
+      (r) => s && !!r.bulkFn || l && !!r.singleFn
+    ),
+    [o, i]
+  ), a = (r) => {
+    var d, f;
+    const t = m.filter(
+      (y) => i == null ? void 0 : i.has(y[e])
+    );
+    t.length > 1 ? (d = r.bulkFn) == null || d.call(r, t) : t.length === 1 && ((f = r.singleFn) == null || f.call(r, t[0]));
+  };
+  if (!(!i || i.count() === 0 || o.length < 1))
+    return /* @__PURE__ */ u("div", { className: "data-view-part-footer__actions", children: [
+      n.length > 0 && /* @__PURE__ */ p(
+        k,
+        {
+          iconOnly: !0,
+          variant: "quiet",
+          "aria-label": "More Actions",
+          items: n.map((r) => ({
+            id: r.id,
+            type: "action",
+            label: r.label,
+            icon: r.icon,
+            disabled: r.disabled,
+            onClick: () => a(r)
+          })),
+          children: /* @__PURE__ */ p(h, {})
+        }
+      ),
+      g.reverse().map((r, t) => /* @__PURE__ */ u(
+        v,
+        {
+          variant: t === 0 ? "neutral" : "quiet",
+          size: "small",
+          onClick: () => a(r),
+          disabled: r.disabled,
+          children: [
+            r.icon && /* @__PURE__ */ p(r.icon, {}),
+            r.label
+          ]
+        },
+        r.id
+      ))
+    ] });
+};
+export {
+  br as Actions
+};

package/dist/components/data-view/parts/footer/index.js

@@ -0,0 +1,68 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { Pagination as a } from "../../../pagination/index.js";
+import "react";
+import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/index15.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import { R as n } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+/* empty css                         */
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+import { Actions as s } from "./actions.js";
+import { Selection as g } from "./selection.js";
+const io = ({}) => {
+  const { view: o, items: r, setView: i } = n.use(), p = (m) => {
+    i({ ...o, page: m });
+  };
+  return /* @__PURE__ */ e("footer", { className: "data-view-part-footer", children: [
+    /* @__PURE__ */ t(g, {}),
+    /* @__PURE__ */ t(
+      a,
+      {
+        className: "data-view-part-footer__pagination",
+        page: o.page,
+        perPage: o.perPage,
+        totalPages: Math.ceil(r.length / o.perPage),
+        onPaginate: p
+      }
+    ),
+    /* @__PURE__ */ t(s, {})
+  ] });
+};
+export {
+  io as Footer
+};

package/dist/components/data-view/parts/footer/selection.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Selection: FC;

package/dist/components/data-view/parts/footer/selection.js

@@ -0,0 +1,61 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import "react";
+import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';import '../../../../assets/styles2.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+import { CheckboxControl as i } from "../../../controls/checkbox-control/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import "../../../../sortable.esm-De3H-_AA.js";
+/* empty css                         */
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import "../../../../style-Bp4uISf6.js";
+import "../../../../options-Cfoqhxw2.js";
+/* empty css                          */
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+/* empty css                          */
+import { R as m } from "../../../../index-DgyEPQBp.js";
+import "../../slots/group/context.js";
+/* empty css                         */
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+const T = ({}) => {
+  const { selection: o } = m.use();
+  if (o)
+    return /* @__PURE__ */ r("div", { className: "data-view-part-footer__selection", children: [
+      (o == null ? void 0 : o.mode) === "multiple" && /* @__PURE__ */ t(
+        i,
+        {
+          className: "data-view-part-footer__selection__checkbox",
+          value: o.query(),
+          onChangeValue: o.all
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "data-view-part-footer__selection__count", children: o.count() > 0 ? `${o.count()} selected` : `Showing ${o.pool().length}` })
+    ] });
+};
+export {
+  T as Selection
+};

package/dist/components/data-view/parts/index.d.ts

@@ -0,0 +1,5 @@
+export { Body } from './body';
+export { Controls } from './controls';
+export { Filters } from './filters';
+export { Footer } from './footer';
+export { ViewControl } from './view-control';