@wrdagency/blockout 0.1.10 → 1.0.0

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

@@ -0,0 +1,26 @@
+function d(e, t) {
+  if (e.display.hideable === !1)
+    return !0;
+  const i = t.fields.find((n) => n.id === e.id);
+  return (i == null ? void 0 : i.visible) || !1;
+}
+function f(e, t, i) {
+  return t.find(
+    (n) => n.display.placement === e && d(n, i)
+  );
+}
+function o(e, t, i) {
+  const n = [];
+  for (const l of i.fields) {
+    if (!l.visible)
+      continue;
+    const s = t.find((c) => c.id === l.id);
+    !s || s.display.placement !== e || n.push(s);
+  }
+  return n;
+}
+export {
+  f as getPlacement,
+  o as getPlacements,
+  d as isFieldVisible
+};

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

@@ -0,0 +1,8 @@
+import { FilterType } from '../types';
+export declare const is: FilterType<string, string>;
+export declare const isNot: FilterType<string, string>;
+export declare const contains: FilterType<string, string>;
+export declare const startsWith: FilterType<string, string>;
+export declare const endsWith: FilterType<string, string>;
+export declare const inArray: FilterType<string[], string>;
+export declare const notInArray: FilterType<string[], string>;

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

@@ -0,0 +1,48 @@
+import "react/jsx-runtime";
+import "react";
+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";
+/* empty css                      */
+import "../../../types/options.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 "../../controls/select-control/control.js";
+import "../../../options-Cfoqhxw2.js";
+import "../../../style-Bp4uISf6.js";
+/* empty css                       */
+/* empty css                      */
+import "../../controls/text-control/index.js";
+/* empty css                       */
+/* empty css                       */
+import { c as M, e as O, b as P, i as Q, a as R, n as S, s as T } from "../../../filter-HYEwffYa.js";
+export {
+  M as contains,
+  O as endsWith,
+  P as inArray,
+  Q as is,
+  R as isNot,
+  S as notInArray,
+  T as startsWith
+};

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

@@ -0,0 +1,2 @@
+import { Layout, LayoutComponent } from '../types';
+export declare function getLayoutComponent(layout: Layout): LayoutComponent;

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

@@ -0,0 +1,19 @@
+import { Grid as t } from "../layouts/grid/index.js";
+import { Kanban as e } from "../layouts/kanban/index.js";
+import { List as o } from "../layouts/list/index.js";
+import { Table as n } from "../layouts/table/index.js";
+function c(r) {
+  switch (r) {
+    case "table":
+      return n;
+    case "grid":
+      return t;
+    case "kanban":
+      return e;
+    case "list":
+      return o;
+  }
+}
+export {
+  c as getLayoutComponent
+};

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

@@ -0,0 +1,5 @@
+import { Field, PartialField, PartialView, View } from '../types';
+import { Action, PartialAction } from '../types/actions';
+export declare function normalizeField<TItem extends object = object, TType extends any = any>(field: PartialField<TItem, TType>): Field<TItem, TType>;
+export declare function normalizeView(view: PartialView): View;
+export declare function normalizeAction<TItem extends object = object>(action: PartialAction<TItem>): Action<TItem>;

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

@@ -0,0 +1,80 @@
+import { normalizeOption as a } from "../../../types/options.js";
+import { dot as n } from "../../../utils/object.js";
+function p(e) {
+  var t;
+  return {
+    id: e.id,
+    getValue: e.getValue || ((r) => n(r, e.id)),
+    elements: ((t = e.elements) == null ? void 0 : t.map(a)) || [],
+    display: {
+      label: e.id,
+      hideable: !0,
+      placement: "property",
+      header: ({ field: r }) => {
+        var i;
+        return ((i = r.display) == null ? void 0 : i.label) || r.id || "";
+      },
+      cell: ({ item: r, field: i }) => String(i.getValue(r)),
+      ...e.display
+    },
+    editing: {
+      editable: !1,
+      editFn: console.log,
+      ...e.editing
+    },
+    ordering: {
+      hideable: !0,
+      ...e.ordering
+    },
+    sorting: {
+      sortable: !0,
+      sortFn: (r, i, l) => r < i ? l === "asc" ? -1 : 1 : r > i ? l === "asc" ? 1 : -1 : 0,
+      groupable: !1,
+      groupFn: (r) => Array.isArray(r) ? r.map(String) : String(r),
+      labelFn: (r) => String(r),
+      ...e.sorting
+    },
+    filtering: {
+      searchable: !1,
+      filterable: !1,
+      types: [],
+      ...e.filtering
+    }
+  };
+}
+function u(e) {
+  return {
+    layout: "table",
+    groupBy: !1,
+    groupOrder: "asc",
+    includeEmptyGroups: !0,
+    page: 1,
+    perPage: 100,
+    sortBy: "",
+    sortOrder: "asc",
+    search: "",
+    filters: [],
+    ...e,
+    fields: (e.fields || []).map((t) => ({
+      id: t,
+      visible: !0
+    })),
+    relationships: "full"
+  };
+}
+function g(e) {
+  return {
+    label: e.id,
+    icon: void 0,
+    variant: "primary",
+    disabled: !1,
+    singleFn: void 0,
+    bulkFn: void 0,
+    ...e
+  };
+}
+export {
+  g as normalizeAction,
+  p as normalizeField,
+  u as normalizeView
+};

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

@@ -0,0 +1,10 @@
+import { ListItem } from '../../controls';
+import { Option } from '../../../types/options';
+import { ReactNode } from 'react';
+import { Field, Layout, RelationshipVisibilityLevel, SortDirection, View } from '../types';
+export declare function getSortDirectionOptions(): Option<SortDirection>[];
+export declare function getRelationshipVisiblityOptions(): Option<RelationshipVisibilityLevel>[];
+export declare function getLayoutIcon(layout: Layout): ReactNode;
+export declare function getLayoutOptions(isGroupable: boolean): Option<Layout>[];
+export declare function viewFieldsToListItems(fields: View["fields"], definitions: Field[]): ListItem[];
+export declare function listItemsToViewFields(items: ListItem[]): View["fields"];

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

@@ -0,0 +1,297 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as e from "react";
+import { w as m } from "../../../SSRBase.es-BUXS72ra.js";
+import { r as d } from "../../../ArrowBendDownRight.es-mejk84um.js";
+import { e as v } from "../../../CaretDown.es-eyr5AnCc.js";
+import { r as p } from "../../../CaretUp.es-Cy8czlHG.js";
+const u = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M88.49,143.51a12,12,0,0,1-17,17l-48-48a12,12,0,0,1,0-17l48-48a12,12,0,0,1,17,17L49,104ZM128,92H117l27.52-27.52a12,12,0,0,0-17-17l-48,48a12,12,0,0,0,0,17l48,48a12,12,0,0,0,17-17L117,116h11a84.09,84.09,0,0,1,84,84,12,12,0,0,0,24,0A108.12,108.12,0,0,0,128,92Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,56v96L80,104Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M85.66,146.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,61.66L43.31,104ZM232,200a8,8,0,0,1-16,0,88.11,88.11,0,0,0-80-87.63V152a8,8,0,0,1-13.66,5.66l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,136,56V96.3A104.15,104.15,0,0,1,232,200ZM120,75.31,91.31,104,120,132.69Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M85.66,146.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,61.66L43.31,104ZM136,96.3V56a8,8,0,0,0-13.66-5.66l-48,48a8,8,0,0,0,0,11.32l48,48A8,8,0,0,0,136,152V112.37A88.11,88.11,0,0,1,216,200a8,8,0,0,0,16,0A104.15,104.15,0,0,0,136,96.3Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M84.24,147.76a6,6,0,1,1-8.48,8.48l-48-48a6,6,0,0,1,0-8.48l48-48a6,6,0,0,1,8.48,8.48L40.49,104ZM128,98H94.49l37.75-37.76a6,6,0,0,0-8.48-8.48l-48,48a6,6,0,0,0,0,8.48l48,48a6,6,0,0,0,8.48-8.48L94.49,110H128a90.1,90.1,0,0,1,90,90,6,6,0,0,0,12,0A102.12,102.12,0,0,0,128,98Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M85.66,146.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,61.66L43.31,104ZM128,96H99.31l34.35-34.34a8,8,0,0,0-11.32-11.32l-48,48a8,8,0,0,0,0,11.32l48,48a8,8,0,0,0,11.32-11.32L99.31,112H128a88.1,88.1,0,0,1,88,88,8,8,0,0,0,16,0A104.11,104.11,0,0,0,128,96Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M82.83,149.17a4,4,0,0,1-5.66,5.66l-48-48a4,4,0,0,1,0-5.66l48-48a4,4,0,0,1,5.66,5.66L37.66,104ZM128,100H89.66l41.17-41.17a4,4,0,0,0-5.66-5.66l-48,48a4,4,0,0,0,0,5.66l48,48a4,4,0,0,0,5.66-5.66L89.66,108H128a92.1,92.1,0,0,1,92,92,4,4,0,0,0,8,0A100.11,100.11,0,0,0,128,100Z" }))
+  ]
+]), Z = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(m, { ref: a, ...t, weights: u }));
+Z.displayName = "ArrowBendDoubleUpLeftIcon";
+const E = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M56.88,31.93A12,12,0,1,0,39.12,48.07l16,17.65C20.67,88.66,5.72,121.58,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212a131.34,131.34,0,0,0,51-10l20.09,22.1a12,12,0,0,0,17.76-16.14ZM128,188c-29.59,0-55.47-10.73-76.91-31.88A130.69,130.69,0,0,1,29.52,128c5.27-9.31,18.79-29.9,42-44.29l90.09,99.11A109.33,109.33,0,0,1,128,188Zm123-55.12c-.36.81-9,20-28,39.16a12,12,0,1,1-17-16.9A130.48,130.48,0,0,0,226.48,128a130.36,130.36,0,0,0-21.57-28.12C183.46,78.73,157.59,68,128,68c-3.35,0-6.7.14-10,.42a12,12,0,1,1-2-23.91c3.93-.34,8-.51,12-.51,36,0,68.63,13.67,94.49,39.52,19.35,19.35,28.11,38.8,28.48,39.61A12.08,12.08,0,0,1,251,132.88Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M96.68,57.87a4,4,0,0,1,2.08-6.6A130.13,130.13,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41a8,8,0,0,1,0,6.5c-.35.79-8.82,19.57-27.65,38.4q-4.28,4.26-8.79,8.07a4,4,0,0,1-5.55-.36ZM213.92,210.62a8,8,0,1,1-11.84,10.76L180,197.13A127.21,127.21,0,0,1,128,208c-34.88,0-66.57-13.26-91.66-38.34C17.51,150.83,9,132.05,8.69,131.26a8,8,0,0,1,0-6.5C9,124,17.51,105.18,36.34,86.35a135,135,0,0,1,25-19.78L42.08,45.38A8,8,0,1,1,53.92,34.62Zm-65.49-48.25-52.69-58a40,40,0,0,0,52.69,58Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M52.44,36A6,6,0,0,0,43.56,44L64.44,67c-37.28,21.9-53.23,57-53.92,58.57a6,6,0,0,0,0,4.88c.34.77,8.66,19.22,27.24,37.8C55,185.47,84.62,206,128,206a124.91,124.91,0,0,0,52.57-11.25l23,25.29a6,6,0,0,0,8.88-8.08Zm48.62,71.32,45,49.52a34,34,0,0,1-45-49.52ZM128,194c-31.38,0-58.78-11.42-81.45-33.93A134.57,134.57,0,0,1,22.69,128c4.29-8.2,20.1-35.18,50-51.91L92.89,98.3a46,46,0,0,0,61.35,67.48l17.81,19.6A113.47,113.47,0,0,1,128,194Zm6.4-99.4a6,6,0,0,1,2.25-11.79,46.17,46.17,0,0,1,37.15,40.87,6,6,0,0,1-5.42,6.53l-.56,0a6,6,0,0,1-6-5.45A34.1,34.1,0,0,0,134.4,94.6Zm111.08,35.85c-.41.92-10.37,23-32.86,43.12a6,6,0,1,1-8-8.94A134.07,134.07,0,0,0,233.31,128a134.67,134.67,0,0,0-23.86-32.07C186.78,73.42,159.38,62,128,62a120.19,120.19,0,0,0-19.69,1.6,6,6,0,1,1-2-11.83A131.12,131.12,0,0,1,128,50c43.38,0,73,20.54,90.24,37.76,18.58,18.58,26.9,37,27.24,37.81A6,6,0,0,1,245.48,130.45Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M51,37.31A4,4,0,0,0,45,42.69L67.59,67.5C29.34,89,13,124.81,12.34,126.38a4.08,4.08,0,0,0,0,3.25c.34.77,8.52,18.89,26.83,37.2,17,17,46.14,37.17,88.83,37.17a122.59,122.59,0,0,0,53.06-11.69l24,26.38a4,4,0,1,0,5.92-5.38ZM149.1,157.16A36,36,0,0,1,101,104.22ZM128,196c-32,0-59.89-11.65-83-34.62A135.81,135.81,0,0,1,20.44,128c3.65-7.23,20.09-36.81,52.68-54.43l22.45,24.7a44,44,0,0,0,59,64.83l20.89,23A114.94,114.94,0,0,1,128,196Zm6.78-103.36a4,4,0,0,1,1.49-7.86,44.15,44.15,0,0,1,35.54,39.09,4,4,0,0,1-3.61,4.35l-.38,0a4,4,0,0,1-4-3.63A36.1,36.1,0,0,0,134.78,92.64Zm108.88,37c-.41.91-10.2,22.58-32.38,42.45a4,4,0,0,1-2.67,1,4,4,0,0,1-2.67-7A136.71,136.71,0,0,0,235.56,128,136.07,136.07,0,0,0,211,94.62C187.89,71.65,160,60,128,60a122,122,0,0,0-20,1.63,4,4,0,0,1-1.32-7.89A129.3,129.3,0,0,1,128,52c42.7,0,71.87,20.22,88.83,37.18,18.31,18.31,26.49,36.44,26.83,37.2A4.08,4.08,0,0,1,243.66,129.63Z" }))
+  ]
+]), V = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(m, { ref: a, ...t, weights: E }));
+V.displayName = "EyeSlashIcon";
+const s = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,36H56A20,20,0,0,0,36,56V200a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,80H140V60h56ZM116,60v56H60V60ZM60,140h56v56H60Zm80,56V140h56v56Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M208,56V200a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H200A8,8,0,0,1,208,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,56v60a4,4,0,0,1-4,4H136V44a4,4,0,0,1,4-4h60A16,16,0,0,1,216,56ZM116,40H56A16,16,0,0,0,40,56v60a4,4,0,0,0,4,4h76V44A4,4,0,0,0,116,40Zm96,96H136v76a4,4,0,0,0,4,4h60a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136ZM40,140v60a16,16,0,0,0,16,16h60a4,4,0,0,0,4-4V136H44A4,4,0,0,0,40,140Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,42H56A14,14,0,0,0,42,56V200a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V56A14,14,0,0,0,200,42Zm2,14v66H134V54h66A2,2,0,0,1,202,56ZM56,54h66v68H54V56A2,2,0,0,1,56,54ZM54,200V134h68v68H56A2,2,0,0,1,54,200Zm146,2H134V134h68v66A2,2,0,0,1,200,202Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,44H56A12,12,0,0,0,44,56V200a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V56A12,12,0,0,0,200,44Zm4,12v68H132V52h68A4,4,0,0,1,204,56ZM56,52h68v72H52V56A4,4,0,0,1,56,52ZM52,200V132h72v72H56A4,4,0,0,1,52,200Zm148,4H132V132h72v68A4,4,0,0,1,200,204Z" }))
+  ]
+]), h = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(m, { ref: a, ...t, weights: s }));
+h.displayName = "GridFourIcon";
+const g = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,44H40A12,12,0,0,0,28,56V208a20,20,0,0,0,20,20H88a20,20,0,0,0,20-20V164h40v12a20,20,0,0,0,20,20h40a20,20,0,0,0,20-20V56A12,12,0,0,0,216,44Zm-12,64H172V68h32ZM84,68v40H52V68Zm0,136H52V132H84Zm24-64V68h40v72Zm64,32V132h32v40Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,56v64H160V56ZM40,208a8,8,0,0,0,8,8H88a8,8,0,0,0,8-8V120H40Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M216,48H40a8,8,0,0,0-8,8V208a16,16,0,0,0,16,16H88a16,16,0,0,0,16-16V160h48v16a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V56A8,8,0,0,0,216,48Zm-8,64H168V64h40ZM88,64v48H48V64Zm0,144H48V128H88Zm16-64V64h48v80Zm64,32V128h40v48Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M160,56v96a8,8,0,0,1-8,8H112a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8h40A8,8,0,0,1,160,56Zm64-8H184a8,8,0,0,0-8,8v52a4,4,0,0,0,4,4h48a4,4,0,0,0,4-4V56A8,8,0,0,0,224,48Zm4,80H180a4,4,0,0,0-4,4v44a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16V132A4,4,0,0,0,228,128ZM80,48H40a8,8,0,0,0-8,8v52a4,4,0,0,0,4,4H84a4,4,0,0,0,4-4V56A8,8,0,0,0,80,48Zm4,80H36a4,4,0,0,0-4,4v76a16,16,0,0,0,16,16H72a16,16,0,0,0,16-16V132A4,4,0,0,0,84,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,50H40a6,6,0,0,0-6,6V208a14,14,0,0,0,14,14H88a14,14,0,0,0,14-14V158h52v18a14,14,0,0,0,14,14h40a14,14,0,0,0,14-14V56A6,6,0,0,0,216,50Zm-6,64H166V62h44ZM90,62v52H46V62Zm0,146a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V126H90Zm12-62V62h52v84Zm106,32H168a2,2,0,0,1-2-2V126h44v50A2,2,0,0,1,208,178Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,48H40a8,8,0,0,0-8,8V208a16,16,0,0,0,16,16H88a16,16,0,0,0,16-16V160h48v16a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V56A8,8,0,0,0,216,48ZM88,208H48V128H88Zm0-96H48V64H88Zm64,32H104V64h48Zm56,32H168V128h40Zm0-64H168V64h40Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,52H40a4,4,0,0,0-4,4V208a12,12,0,0,0,12,12H88a12,12,0,0,0,12-12V156h56v20a12,12,0,0,0,12,12h40a12,12,0,0,0,12-12V56A4,4,0,0,0,216,52ZM92,208a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V124H92Zm0-92H44V60H92Zm64,32H100V60h56Zm56,28a4,4,0,0,1-4,4H168a4,4,0,0,1-4-4V124h48Zm0-60H164V60h48Z" }))
+  ]
+]), i = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(m, { ref: a, ...t, weights: g }));
+i.displayName = "KanbanIcon";
+const f = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,36H56A20,20,0,0,0,36,56V200a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,24v56H60V60ZM60,196V140H196v56Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M208,56V200a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H200A8,8,0,0,1,208,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,16v64H56V56Zm0,144H56V136H200v64Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,56v60a4,4,0,0,1-4,4H44a4,4,0,0,1-4-4V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Zm-4,80H44a4,4,0,0,0-4,4v60a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V140A4,4,0,0,0,212,136Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,42H56A14,14,0,0,0,42,56V200a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V56A14,14,0,0,0,200,42ZM56,54H200a2,2,0,0,1,2,2v66H54V56A2,2,0,0,1,56,54ZM200,202H56a2,2,0,0,1-2-2V134H202v66A2,2,0,0,1,200,202Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,16v64H56V56Zm0,144H56V136H200v64Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,44H56A12,12,0,0,0,44,56V200a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V56A12,12,0,0,0,200,44ZM56,52H200a4,4,0,0,1,4,4v68H52V56A4,4,0,0,1,56,52ZM200,204H56a4,4,0,0,1-4-4V132H204v68A4,4,0,0,1,200,204Z" }))
+  ]
+]), o = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(m, { ref: a, ...t, weights: f }));
+o.displayName = "SquareSplitVerticalIcon";
+const F = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM44,116H76v24H44Zm56,0H212v24H100ZM212,68V92H44V68ZM44,164H76v24H44Zm56,24V164H212v24Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M88,104v96H32V104Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,50H32a6,6,0,0,0-6,6V192a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A6,6,0,0,0,224,50ZM38,110H82v36H38Zm56,0H218v36H94ZM218,62V98H38V62ZM38,192V158H82v36H40A2,2,0,0,1,38,192Zm178,2H94V158H218v34A2,2,0,0,1,216,194Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,52H32a4,4,0,0,0-4,4V192a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A4,4,0,0,0,224,52ZM36,108H84v40H36Zm56,0H220v40H92ZM220,60v40H36V60ZM36,192V156H84v40H40A4,4,0,0,1,36,192Zm180,4H92V156H220v36A4,4,0,0,1,216,196Z" }))
+  ]
+]), A = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(m, { ref: a, ...t, weights: F }));
+A.displayName = "TableIcon";
+function $() {
+  return [
+    {
+      value: "asc",
+      label: "Up",
+      icon: /* @__PURE__ */ n(p, {})
+    },
+    {
+      value: "desc",
+      label: "Down",
+      icon: /* @__PURE__ */ n(v, {})
+    }
+  ];
+}
+function I() {
+  return [
+    {
+      value: "hidden",
+      label: "Hidden",
+      icon: /* @__PURE__ */ n(V, {})
+    },
+    {
+      value: "minimal",
+      label: "Minimal",
+      icon: /* @__PURE__ */ n(d, {})
+    },
+    {
+      value: "full",
+      label: "Full",
+      icon: /* @__PURE__ */ n(Z, { style: { rotate: "180deg" } })
+    }
+  ];
+}
+function c(t) {
+  switch (t) {
+    case "table":
+      return /* @__PURE__ */ n(A, {});
+    case "grid":
+      return /* @__PURE__ */ n(h, {});
+    case "list":
+      return /* @__PURE__ */ n(o, {});
+    case "kanban":
+      return /* @__PURE__ */ n(i, {});
+  }
+}
+function R(t) {
+  const a = [
+    {
+      value: "table",
+      label: "Table",
+      icon: c("table")
+    },
+    {
+      value: "grid",
+      label: "Grid",
+      icon: c("grid")
+    },
+    {
+      value: "list",
+      label: "List",
+      icon: c("list")
+    }
+  ];
+  return t && a.push({
+    value: "kanban",
+    label: "Kanban",
+    icon: c("kanban")
+  }), a;
+}
+function k(t, a) {
+  const H = [];
+  for (const l of t) {
+    const r = a.find((M) => M.id === l.id);
+    r.display.hideable && H.push({
+      value: l.id,
+      label: r.display.label,
+      checked: l.visible,
+      selectable: !0,
+      sortable: r.display.placement === "property"
+    });
+  }
+  for (const l of a)
+    l.display.hideable && (H.some((r) => r.value === l.id) || H.push({
+      value: l.id,
+      label: l.display.label,
+      checked: !1,
+      selectable: !0,
+      sortable: l.display.placement === "property"
+    }));
+  return H;
+}
+function N(t) {
+  return t.map((a) => ({
+    id: a.value,
+    visible: a.checked || !1
+  }));
+}
+export {
+  c as getLayoutIcon,
+  R as getLayoutOptions,
+  I as getRelationshipVisiblityOptions,
+  $ as getSortDirectionOptions,
+  N as listItemsToViewFields,
+  k as viewFieldsToListItems
+};

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

@@ -0,0 +1,5 @@
+import { useSchema, useView } from './api';
+import { Root } from './root';
+import { Field, PartialField, PartialView, View } from './types';
+import * as Filters from "./data/filter";
+export { Root as DataView, Filters, useSchema, useView, type Field, type PartialField, type PartialView, type View, };

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

@@ -0,0 +1,9 @@
+import { useSchema as r, useView as t } from "./api.js";
+import { f as s } from "../../filter-HYEwffYa.js";
+import { Root as m } from "./root.js";
+export {
+  m as DataView,
+  s as Filters,
+  r as useSchema,
+  t as useView
+};

package/dist/components/data-view/layouts/grid/empty.d.ts

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

package/dist/components/data-view/layouts/grid/empty.js

@@ -0,0 +1,6 @@
+import { jsx as t } from "react/jsx-runtime";
+import '../../../../assets/style19.css';/* empty css                         */
+const i = () => /* @__PURE__ */ t("div", { className: "data-view-layout-grid__empty", children: "No items." });
+export {
+  i as Empty
+};

package/dist/components/data-view/layouts/grid/group.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const Group: FC<PropsWithChildren>;

package/dist/components/data-view/layouts/grid/group.js

@@ -0,0 +1,57 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { G as i } from "../../../../index-EQOyE9yF.js";
+import "react";
+import "../../../button/index.js";
+import '../../../../assets/style19.css';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';import '../../../../assets/style18.css';/* empty 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 "../../slots/root/context.js";
+import "../../slots/item/context.js";
+import "../../slots/property/context.js";
+/* empty css                         */
+import "../../../tag/index.js";
+/* empty css                         */
+const V = ({ children: t }) => /* @__PURE__ */ o("div", { className: "data-view-layout-grid__group", children: [
+  /* @__PURE__ */ o("div", { className: "data-view-layout-grid__group__header", children: [
+    /* @__PURE__ */ r(i.Checkbox, {}),
+    /* @__PURE__ */ o("h2", { className: "data-view-layout-grid__group__heading", children: [
+      /* @__PURE__ */ r(i.Icon, {}),
+      /* @__PURE__ */ r(i.Label, {})
+    ] })
+  ] }),
+  /* @__PURE__ */ r("div", { className: "data-view-layout-grid__group__grid", children: t })
+] });
+export {
+  V as Group
+};

package/dist/components/data-view/layouts/grid/index.d.ts

@@ -0,0 +1,3 @@
+import { LayoutComponent } from '../../types';
+declare const Grid: LayoutComponent;
+export { Grid };

package/dist/components/data-view/layouts/grid/index.js

@@ -0,0 +1,8 @@
+import { Empty as o } from "./empty.js";
+import { Group as r } from "./group.js";
+import { Item as m } from "./item.js";
+import { Root as t } from "./root.js";
+const s = Object.assign(t, { Item: m, Group: r, Empty: o });
+export {
+  s as Grid
+};

package/dist/components/data-view/layouts/grid/item.d.ts

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