@wrdagency/blockout 0.1.10 → 1.0.0

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

@@ -0,0 +1,12 @@
+import { Body as t } from "./body/index.js";
+import { Controls as f } from "./controls/index.js";
+import { Filters as p } from "./filters/index.js";
+import { Footer as l } from "./footer/index.js";
+import { ViewControl as n } from "./view-control/index.js";
+export {
+  t as Body,
+  f as Controls,
+  p as Filters,
+  l as Footer,
+  n as ViewControl
+};

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ViewControlProps {
+    className?: string;
+}
+export declare const ViewControl: FC<ViewControlProps>;
+export {};

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

@@ -0,0 +1,215 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { cn as b } from "../../../../utils/css.js";
+import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style9.css';import '../../../../assets/index19.css';/* empty css                         */
+import * as a from "react";
+import { useMemo as c } from "react";
+/* empty css                         */
+/* empty css                         */
+import "../../../../primitives/popover/index.js";
+/* empty css                         */
+import "../../../../primitives/scroll-area/index.js";
+import "../../../../primitives/symbol/index.js";
+import { Tooltip as h } from "../../../../primitives/tooltip/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+import { w as u } from "../../../../SSRBase.es-BUXS72ra.js";
+/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+/* empty css                         */
+/* empty css                         */
+import "../../../button/index.js";
+import "../../../controls/date-control/component.js";
+/* empty css                         */
+import { ListControl as f } from "../../../controls/list-control/index.js";
+/* empty css                               */
+import "../../../toolbar/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                         */
+import "../../../../types/date.js";
+/* empty css                         */
+import { SelectControl as Z } from "../../../controls/select-control/control.js";
+import "../../../../options-Cfoqhxw2.js";
+import "../../../../style-Bp4uISf6.js";
+import { ToggleGroupControl as n } from "../../../controls/toggle-group-control/index.js";
+/* empty css                         */
+/* empty css                         */
+/* empty css                          */
+import { ToggleControl as E } from "../../../controls/toggle-control/index.js";
+import { viewFieldsToListItems as _, getLayoutOptions as y, getSortDirectionOptions as H, getRelationshipVisiblityOptions as C, listItemsToViewFields as F } from "../../data/options.js";
+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";
+const L = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M156,40a12,12,0,0,1-12,12H112a12,12,0,0,1,0-24h32A12,12,0,0,1,156,40ZM144,204H112a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24ZM208,28H184a12,12,0,0,0,0,24h20V72a12,12,0,0,0,24,0V48A20,20,0,0,0,208,28Zm8,72a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V112A12,12,0,0,0,216,100Zm0,72a12,12,0,0,0-12,12v20H184a12,12,0,0,0,0,24h24a20,20,0,0,0,20-20V184A12,12,0,0,0,216,172ZM40,156a12,12,0,0,0,12-12V112a12,12,0,0,0-24,0v32A12,12,0,0,0,40,156Zm32,48H52V184a12,12,0,0,0-24,0v24a20,20,0,0,0,20,20H72a12,12,0,0,0,0-24ZM72,28H48A20,20,0,0,0,28,48V72a12,12,0,0,0,24,0V52H72a12,12,0,0,0,0-24Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M216,40V216H40V40Z", opacity: "0.2" }), /* @__PURE__ */ a.createElement("path", { d: "M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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,32ZM104,200H72a16,16,0,0,1-16-16V152a8,8,0,0,1,16,0v32h32a8,8,0,0,1,0,16Zm0-128H72v32a8,8,0,0,1-16,0V72A16,16,0,0,1,72,56h32a8,8,0,0,1,0,16Zm96,112a16,16,0,0,1-16,16H152a8,8,0,0,1,0-16h32V152a8,8,0,0,1,16,0Zm0-80a8,8,0,0,1-16,0V72H152a8,8,0,0,1,0-16h32a16,16,0,0,1,16,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M150,40a6,6,0,0,1-6,6H112a6,6,0,0,1,0-12h32A6,6,0,0,1,150,40Zm-6,170H112a6,6,0,0,0,0,12h32a6,6,0,0,0,0-12ZM208,34H184a6,6,0,0,0,0,12h24a2,2,0,0,1,2,2V72a6,6,0,0,0,12,0V48A14,14,0,0,0,208,34Zm8,72a6,6,0,0,0-6,6v32a6,6,0,0,0,12,0V112A6,6,0,0,0,216,106Zm0,72a6,6,0,0,0-6,6v24a2,2,0,0,1-2,2H184a6,6,0,0,0,0,12h24a14,14,0,0,0,14-14V184A6,6,0,0,0,216,178ZM40,150a6,6,0,0,0,6-6V112a6,6,0,0,0-12,0v32A6,6,0,0,0,40,150Zm32,60H48a2,2,0,0,1-2-2V184a6,6,0,0,0-12,0v24a14,14,0,0,0,14,14H72a6,6,0,0,0,0-12ZM72,34H48A14,14,0,0,0,34,48V72a6,6,0,0,0,12,0V48a2,2,0,0,1,2-2H72a6,6,0,0,0,0-12Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M148,40a4,4,0,0,1-4,4H112a4,4,0,0,1,0-8h32A4,4,0,0,1,148,40Zm-4,172H112a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8ZM208,36H184a4,4,0,0,0,0,8h24a4,4,0,0,1,4,4V72a4,4,0,0,0,8,0V48A12,12,0,0,0,208,36Zm8,72a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V112A4,4,0,0,0,216,108Zm0,72a4,4,0,0,0-4,4v24a4,4,0,0,1-4,4H184a4,4,0,0,0,0,8h24a12,12,0,0,0,12-12V184A4,4,0,0,0,216,180ZM40,148a4,4,0,0,0,4-4V112a4,4,0,0,0-8,0v32A4,4,0,0,0,40,148Zm32,64H48a4,4,0,0,1-4-4V184a4,4,0,0,0-8,0v24a12,12,0,0,0,12,12H72a4,4,0,0,0,0-8ZM72,36H48A12,12,0,0,0,36,48V72a4,4,0,0,0,8,0V48a4,4,0,0,1,4-4H72a4,4,0,0,0,0-8Z" }))
+  ]
+]), v = a.forwardRef((m, t) => /* @__PURE__ */ a.createElement(u, { ref: t, ...m, weights: L }));
+v.displayName = "SelectionIcon";
+const S = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M100,40a12,12,0,0,1,12-12h32a12,12,0,0,1,0,24H112A12,12,0,0,1,100,40Zm44,164H112a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24ZM208,28H184a12,12,0,0,0,0,24h20V72a12,12,0,0,0,24,0V48A20,20,0,0,0,208,28Zm8,72a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V112A12,12,0,0,0,216,100ZM40,156a12,12,0,0,0,12-12V112a12,12,0,0,0-24,0v32A12,12,0,0,0,40,156Zm32,48H52V184a12,12,0,0,0-24,0v24a20,20,0,0,0,20,20H72a12,12,0,0,0,0-24ZM56.88,31.93A12,12,0,1,0,39.12,48.07l160,176a12,12,0,0,0,17.76-16.14Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M216,40V216H40V40Z", opacity: "0.2" }), /* @__PURE__ */ a.createElement("path", { d: "M104,40a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,40Zm40,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM53.92,34.62A8,8,0,1,0,42.08,45.38l160,176a8,8,0,1,0,11.84-10.76Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.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,32ZM152,56h32a16,16,0,0,1,16,16v32a8,8,0,0,1-16,0V72H152a8,8,0,0,1,0-16ZM104,200H72a16,16,0,0,1-16-16V152a8,8,0,0,1,16,0v32h32a8,8,0,0,1,0,16Zm101.66,5.66a8,8,0,0,1-11.32,0L188.69,200H152a8,8,0,0,1,0-16h20.69L72,83.31V104a8,8,0,0,1-16,0V67.31l-5.66-5.65A8,8,0,0,1,61.66,50.34l8,8h0l136,136A8,8,0,0,1,205.66,205.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M106,40a6,6,0,0,1,6-6h32a6,6,0,0,1,0,12H112A6,6,0,0,1,106,40Zm38,170H112a6,6,0,0,0,0,12h32a6,6,0,0,0,0-12ZM208,34H184a6,6,0,0,0,0,12h24a2,2,0,0,1,2,2V72a6,6,0,0,0,12,0V48A14,14,0,0,0,208,34Zm8,72a6,6,0,0,0-6,6v32a6,6,0,0,0,12,0V112A6,6,0,0,0,216,106ZM40,150a6,6,0,0,0,6-6V112a6,6,0,0,0-12,0v32A6,6,0,0,0,40,150Zm32,60H48a2,2,0,0,1-2-2V184a6,6,0,0,0-12,0v24a14,14,0,0,0,14,14H72a6,6,0,0,0,0-12ZM52.44,36A6,6,0,0,0,43.56,44l160,176a6,6,0,0,0,8.88-8.08Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M104,40a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,40Zm40,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM53.92,34.62A8,8,0,1,0,42.08,45.38l160,176a8,8,0,1,0,11.84-10.76Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M108,40a4,4,0,0,1,4-4h32a4,4,0,0,1,0,8H112A4,4,0,0,1,108,40Zm36,172H112a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8ZM208,36H184a4,4,0,0,0,0,8h24a4,4,0,0,1,4,4V72a4,4,0,0,0,8,0V48A12,12,0,0,0,208,36Zm8,72a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V112A4,4,0,0,0,216,108ZM40,148a4,4,0,0,0,4-4V112a4,4,0,0,0-8,0v32A4,4,0,0,0,40,148Zm32,64H48a4,4,0,0,1-4-4V184a4,4,0,0,0-8,0v24a12,12,0,0,0,12,12H72a4,4,0,0,0,0-8ZM51,37.31A4,4,0,0,0,45,42.69l160,176a4,4,0,1,0,5.92-5.38Z" }))
+  ]
+]), A = a.forwardRef((m, t) => /* @__PURE__ */ a.createElement(u, { ref: t, ...m, weights: S }));
+A.displayName = "SelectionSlashIcon";
+const E0 = ({ className: m }) => {
+  const { view: t, setView: d, fields: r, hierarchy: g } = N.use(), l = (e, w) => {
+    d({
+      ...t,
+      [e]: w
+    });
+  }, V = c(
+    () => r.filter((e) => e.sorting.sortable).map((e) => ({
+      value: e.id,
+      label: e.display.label
+    })),
+    [t, r]
+  ), i = c(
+    () => r.filter((e) => e.sorting.groupable).map((e) => ({
+      value: e.id,
+      label: e.display.label
+    })),
+    [r]
+  ), M = c(
+    () => _(t.fields, r),
+    [r]
+  ), p = !!t.search;
+  return /* @__PURE__ */ s("div", { className: b("component-view-control", m), children: [
+    /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
+      n,
+      {
+        label: "Layout",
+        value: t.layout,
+        onChangeValue: (e) => l("layout", e),
+        options: y(i.length > 0)
+      }
+    ) }),
+    V.length > 0 && /* @__PURE__ */ s("fieldset", { className: "component-view-control__row", children: [
+      /* @__PURE__ */ o(
+        Z,
+        {
+          className: "component-view-control__row__grow",
+          label: "Sort by",
+          value: t.sortBy,
+          onChangeValue: (e) => l("sortBy", e),
+          options: V,
+          disabled: p,
+          help: p && "Sorting by search relevance."
+        }
+      ),
+      /* @__PURE__ */ o(h, { label: "Sort Direction", children: /* @__PURE__ */ o(
+        n,
+        {
+          value: t.sortOrder,
+          onChangeValue: (e) => l("sortOrder", e),
+          options: H(),
+          disabled: p,
+          noLabels: !0
+        }
+      ) })
+    ] }),
+    i.length > 0 && /* @__PURE__ */ s("fieldset", { className: "component-view-control__row", children: [
+      /* @__PURE__ */ o(
+        Z,
+        {
+          className: "component-view-control__row__grow",
+          label: "Group by",
+          value: t.groupBy || "",
+          onChangeValue: (e) => l("groupBy", e),
+          options: [{ value: "", label: "" }, ...i]
+        }
+      ),
+      /* @__PURE__ */ o(h, { label: "Include Empty Groups?", children: /* @__PURE__ */ o(
+        E,
+        {
+          toggle: !0,
+          onLabel: /* @__PURE__ */ o(v, {}),
+          offLabel: /* @__PURE__ */ o(A, {}),
+          value: !t.includeEmptyGroups,
+          onChangeValue: (e) => l("includeEmptyGroups", !e),
+          disabled: !t.groupBy
+        }
+      ) }),
+      /* @__PURE__ */ o(h, { label: "Group Direction", children: /* @__PURE__ */ o(
+        n,
+        {
+          value: t.groupOrder,
+          onChangeValue: (e) => l("groupOrder", e),
+          options: H(),
+          noLabels: !0,
+          disabled: !t.groupBy
+        }
+      ) })
+    ] }),
+    !!g && /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
+      n,
+      {
+        className: "component-view-control__row__grow",
+        label: "Sub-items",
+        value: t.relationships,
+        onChangeValue: (e) => l("relationships", e),
+        options: C()
+      }
+    ) }),
+    /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
+      f,
+      {
+        className: "component-view-control__row__grow",
+        label: "Properties",
+        value: M,
+        onChangeValue: (e) => l("fields", F(e)),
+        multiple: !0
+      }
+    ) })
+  ] });
+};
+export {
+  E0 as ViewControl
+};

package/dist/components/data-view/root.d.ts

@@ -0,0 +1,18 @@
+import { SelectionMode } from '../../hooks';
+import { ReactNode } from 'react';
+import { Field, View } from './types';
+import { Action } from './types/actions';
+import { HierarchyDefinition } from './types/hierarchy';
+interface RootProps<TData extends object = object> {
+    items: TData[];
+    primaryKey: keyof TData;
+    view: View;
+    setView?: (view: View) => void;
+    fields: Field<TData>[];
+    actions?: Action<TData>[];
+    hierarchy?: HierarchyDefinition<TData>;
+    selectable?: SelectionMode | true;
+    children?: ReactNode;
+}
+export declare const Root: <TData extends object = object>({ items, primaryKey, view, setView, selectable: selectionMode, fields, actions, hierarchy, children, }: RootProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-view/root.js

@@ -0,0 +1,105 @@
+import { jsx as n, jsxs as P } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { useHotkey as R } from "../../hooks/keyboard.js";
+import { useSelection as h } from "../../hooks/selection.js";
+import { noop as j } from "../../utils/noop.js";
+import { useApplyView as k } from "./data/apply.js";
+import { getPlacements as E, getPlacement as m } from "./data/fields.js";
+import { Body as S } from "./parts/body/index.js";
+import { Controls as A } from "./parts/controls/index.js";
+import "./parts/filters/index.js";
+import { Footer as B } from "./parts/footer/index.js";
+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/style7.css';import '../../assets/styles2.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/root.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 "../../style-A7_0w2WD.js";
+/* 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 C } 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 "./parts/view-control/index.js";
+const Ct = ({
+  items: p,
+  primaryKey: i,
+  view: t,
+  setView: l = j,
+  selectable: c,
+  fields: o,
+  actions: s = [],
+  hierarchy: u,
+  children: f
+}) => {
+  const g = a(
+    () => p.map((e) => e[i]),
+    [p, i]
+  ), b = k(p, o, t, u, i), r = c ? h(
+    c === !0 ? "multiple" : c,
+    g
+  ) : void 0;
+  R("ctrl+a", (e) => {
+    (!document.activeElement || document.activeElement === document.body && (r == null ? void 0 : r.mode) === "multiple") && (e.preventDefault(), r == null || r.all());
+  });
+  const d = a(
+    () => ({
+      thumbnail: m("thumbnail", o, t),
+      title: m("title", o, t),
+      description: m("description", o, t),
+      tags: m("tags", o, t),
+      url: m("url", o, t),
+      property: E("property", o, t)
+    }),
+    [o, t]
+  ), x = {
+    groups: b,
+    items: p,
+    primaryKey: i,
+    fields: o,
+    view: t,
+    setView: l,
+    selection: r,
+    actions: s,
+    placements: d,
+    hierarchy: u
+  };
+  return /* @__PURE__ */ n(C.Provider, { context: x, children: /* @__PURE__ */ P("div", { className: "component-data-view", children: [
+    /* @__PURE__ */ n(A, { children: f }),
+    /* @__PURE__ */ n(S, {}),
+    /* @__PURE__ */ n(B, {})
+  ] }) });
+};
+export {
+  Ct as Root
+};

package/dist/components/data-view/slots/group/checkbox.d.ts

@@ -0,0 +1,7 @@
+import { ElementType, FC } from 'react';
+interface CheckboxProps {
+    className?: string;
+    as?: ElementType;
+}
+export declare const Checkbox: FC<CheckboxProps>;
+export {};

package/dist/components/data-view/slots/group/checkbox.js

@@ -0,0 +1,41 @@
+import "react/jsx-runtime";
+import "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/styles2.css';/* empty css                          */
+import "../../../../style-A7_0w2WD.js";
+import "../../../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 { C as N } from "../../../../index-EQOyE9yF.js";
+import "../../../../index-DgyEPQBp.js";
+export {
+  N as Checkbox
+};

package/dist/components/data-view/slots/group/context.d.ts

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from 'react';
+import { DataGroup } from '../../types';
+type GroupContext<TData extends object = object> = {
+    group: DataGroup<TData>;
+    selected?: boolean;
+};
+export declare const useGroup: <TData extends object = object>() => GroupContext<TData>;
+interface GroupProviderProps<TData extends object = object> extends PropsWithChildren {
+    group: DataGroup<TData>;
+}
+export declare const GroupProvider: FC<GroupProviderProps>;
+export {};

package/dist/components/data-view/slots/group/context.js

@@ -0,0 +1,23 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as n, useContext as p, useMemo as c } from "react";
+import { R as a } from "../../../../index-DgyEPQBp.js";
+const t = n(void 0), f = () => p(t), y = ({ children: s, group: e }) => {
+  const { selection: o, primaryKey: r } = a.use(), m = c(
+    () => o == null ? void 0 : o.query(e.items.map((u) => u[r])),
+    [o, r]
+  );
+  return /* @__PURE__ */ i(
+    t.Provider,
+    {
+      value: {
+        group: e,
+        selected: m
+      },
+      children: s
+    }
+  );
+};
+export {
+  y as GroupProvider,
+  f as useGroup
+};

package/dist/components/data-view/slots/group/icon.d.ts

@@ -0,0 +1 @@
+export declare const Icon: () => import('react').ReactNode;

package/dist/components/data-view/slots/group/icon.js

@@ -0,0 +1,4 @@
+import { I } from "../../../../index-EQOyE9yF.js";
+export {
+  I as Icon
+};

package/dist/components/data-view/slots/group/index.js

@@ -0,0 +1,5 @@
+import { G as t } from "../../../../index-EQOyE9yF.js";
+import "./context.js";
+export {
+  t as GroupSlot
+};

package/dist/components/data-view/slots/group/label.d.ts

@@ -0,0 +1,3 @@
+import { PolymorphicProps } from '../../../../types/component';
+import { ElementType } from 'react';
+export declare const Label: <As extends ElementType = "div">({ as, ...restProps }: PolymorphicProps<As>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-view/slots/group/label.js

@@ -0,0 +1,5 @@
+import "react/jsx-runtime";
+import { L as e } from "../../../../index-EQOyE9yF.js";
+export {
+  e as Label
+};

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

@@ -0,0 +1,4 @@
+export { GroupSlot } from './group';
+export { ItemSlot } from './item';
+export { PropertySlot } from './property';
+export { RootSlot } from './root';

package/dist/components/data-view/slots/index.js

@@ -0,0 +1,9 @@
+import { G as r } from "../../../index-EQOyE9yF.js";
+import { I as p, P as a } from "../../../index-C2R91pmO.js";
+import { R as m } from "../../../index-DgyEPQBp.js";
+export {
+  r as GroupSlot,
+  p as ItemSlot,
+  a as PropertySlot,
+  m as RootSlot
+};

package/dist/components/data-view/slots/item/actions.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface ActionsProps {
+    className?: string;
+}
+export declare const Actions: FC<ActionsProps>;
+export {};

package/dist/components/data-view/slots/item/actions.js

@@ -0,0 +1,44 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Menu as c } from "../../../menu/index.js";
+import { cn as f } from "../../../../utils/css.js";
+import * as i from "react";
+import { useMemo as p } from "react";
+import { w as d } from "../../../../SSRBase.es-BUXS72ra.js";
+import { a as u } from "../../../../DotsThreeVertical.es-uadrGk3y.js";
+import { R as h } from "../../../../index-DgyEPQBp.js";
+import { useItem as b } from "./context.js";
+const n = i.forwardRef((t, o) => /* @__PURE__ */ i.createElement(d, { ref: o, ...t, weights: u }));
+n.displayName = "DotsThreeVerticalIcon";
+const v = ({ className: t }) => {
+  const { actions: o } = h.use(), { item: l } = b(), r = p(
+    () => o.filter((e) => !!e.singleFn).map(
+      (e) => ({
+        type: "action",
+        label: e.label,
+        icon: e.icon,
+        disabled: e.disabled,
+        onClick: () => a(e)
+      })
+    ),
+    [o]
+  ), a = (e) => {
+    var s;
+    (s = e.singleFn) == null || s.call(e, l);
+  };
+  if (r.length !== 0)
+    return /* @__PURE__ */ m(
+      c,
+      {
+        className: f("data-view-slot__item__actions", t),
+        iconOnly: !0,
+        variant: "ghost",
+        size: "small",
+        "aria-label": "More Actions",
+        items: r,
+        children: /* @__PURE__ */ m(n, {})
+      }
+    );
+};
+export {
+  v as Actions
+};

package/dist/components/data-view/slots/item/checkbox.d.ts

@@ -0,0 +1,7 @@
+import { ElementType, FC } from 'react';
+interface CheckboxProps {
+    className?: string;
+    as?: ElementType;
+}
+export declare const Checkbox: FC<CheckboxProps>;
+export {};