@wrdagency/blockout 1.0.35 → 1.0.37

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

@@ -1,80 +1,61 @@
-import { jsxs as s, jsx as p } from "react/jsx-runtime";
-import { Button as c } from "../../../button/index.js";
-import { Menu as f } from "../../../menu/index.js";
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
+import { o as c, R as f, M as d, B as u } from "../../../../style-nHUEFY3u.js";
 import * as l from "react";
-import { p as d } from "../../../../IconBase.es-rM5tt24D.js";
-import { a as u } from "../../../../DotsThreeVertical.es-uadrGk3y.js";
-import '../../../../assets/style26.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.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/style10.css';import '../../../../assets/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';/* empty css                          */
-import "../../../../style-CWAa57kN.js";
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
+import { p as h } from "../../../../icon-D6VWNg1e.js";
+import "../../../controls/base-control/index.js";
+import "../../../../style-DH642ww9.js";
+import "../../../controls/checkbox-control/index.js";
+import "../../../../primitives/colourway/index.js";
+import "../../../../primitives/link/index.js";
+import "../../../../primitives/icon-label/index.js";
+import "../../../../primitives/nav-link/index.js";
 import "../../../../primitives/popover/index.js";
-/* empty css                         */
+import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';/* empty css                         */
 import "../../../../primitives/scroll-area/index.js";
 import "../../../../primitives/symbol/index.js";
+import "../../../../primitives/tooltip/index.js";
+import "../../../../primitives/truncate/index.js";
 /* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-/* empty css                         */
+import "../../../../primitives/visually-hidden/index.js";
 import "../../../controls/date-control/component.js";
+import "../../../../index-CrDFDRMM.js";
 /* empty css                         */
-import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
-/* empty css                               */
-import "../../../toolbar/index.js";
 /* empty css                         */
-/* empty css                         */
-/* empty css                         */
-import "../../../../style-D1AX7G7x.js";
-/* empty css                         */
-import "../../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                         */
-/* empty css                          */
 /* empty css                          */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-import { R as h } from "../../../../index-CLl-PPjx.js";
-import "../../slots/group/context.js";
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
-/* empty css                         */
-import "../../../tag/index.js";
-const n = l.forwardRef((i, m) => /* @__PURE__ */ l.createElement(d, { ref: m, ...i, weights: u }));
+const n = l.forwardRef((o, e) => /* @__PURE__ */ l.createElement(h, { ref: e, ...o, weights: c }));
 n.displayName = "DotsThreeVerticalIcon";
-const ar = ({}) => {
-  const { items: i, primaryKey: m, selection: t, actions: o } = h.use();
-  if (!t || t.count() === 0 || o.length < 1)
+const F = ({}) => {
+  const { items: o, primaryKey: e, selection: r, actions: i } = f.use();
+  if (!r || r.count() === 0 || i.length < 1)
     return;
-  const e = i.filter(
-    (r) => t == null ? void 0 : t.has(r[m])
+  const p = o.filter(
+    (t) => r == null ? void 0 : r.has(t[e])
   );
   return /* @__PURE__ */ s("div", { className: "data-view-part-footer__actions", children: [
-    o.length > 0 && /* @__PURE__ */ p(
-      f,
+    i.length > 0 && /* @__PURE__ */ m(
+      d,
       {
         iconOnly: !0,
         variant: "quiet",
         "aria-label": "More Actions",
-        context: e,
-        items: o,
-        children: /* @__PURE__ */ p(n, {})
+        context: p,
+        items: i,
+        children: /* @__PURE__ */ m(n, {})
       }
     ),
-    o.filter((r) => r.type === "action").filter((r) => r.primary).reverse().map((r, a) => /* @__PURE__ */ s(
-      c,
+    i.filter((t) => t.type === "action").filter((t) => t.primary).reverse().map((t, a) => /* @__PURE__ */ s(
+      u,
       {
         variant: a === 0 ? "neutral" : "quiet",
         size: "small",
-        onClick: () => r.onClick(e),
-        disabled: r.disabled,
+        onClick: () => t.onClick(p),
+        disabled: t.disabled,
         children: [
-          r.icon && /* @__PURE__ */ p(r.icon, {}),
-          r.label
+          t.icon && /* @__PURE__ */ m(t.icon, {}),
+          t.label
         ]
       },
       a
@@ -82,5 +63,5 @@ const ar = ({}) => {
   ] });
 };
 export {
-  ar as Actions
+  F as Actions
 };

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

@@ -1,52 +1,34 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { Pagination as a } from "../../../pagination/index.js";
 import "react";
-import '../../../../assets/style26.css';import '../../../../assets/style20.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.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/style10.css';import '../../../../assets/style7.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/index17.css';/* empty css                          */
-import "../../../../style-CWAa57kN.js";
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
+import "../../../controls/base-control/index.js";
+import "../../../../style-DH642ww9.js";
+import "../../../controls/checkbox-control/index.js";
+import "../../../../primitives/colourway/index.js";
+import { R as n } from "../../../../style-nHUEFY3u.js";
+import "../../../../primitives/link/index.js";
+import "../../../../primitives/icon-label/index.js";
+import "../../../../primitives/nav-link/index.js";
 import "../../../../primitives/popover/index.js";
-/* empty css                         */
+import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';/* empty css                         */
 import "../../../../primitives/scroll-area/index.js";
 import "../../../../primitives/symbol/index.js";
+import "../../../../primitives/tooltip/index.js";
+import "../../../../primitives/truncate/index.js";
 /* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-/* empty css                         */
-import "../../../button/index.js";
+import "../../../../primitives/visually-hidden/index.js";
 import "../../../controls/date-control/component.js";
+import "../../../../index-CrDFDRMM.js";
 /* empty css                         */
-import "../../../../sortable.esm-BuV7eW2H.js";
 /* empty css                         */
-/* empty css                               */
-import "../../../toolbar/index.js";
 /* empty css                         */
-/* empty css                         */
-/* empty css                         */
-import "../../../../style-D1AX7G7x.js";
-/* empty css                         */
-import "../../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                         */
-/* empty css                          */
 /* empty css                          */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-import { R as n } from "../../../../index-CLl-PPjx.js";
-import "../../slots/group/context.js";
 import "../../../menu/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 mo = ({}) => {
+const I = ({}) => {
   const { view: o, items: r, setView: i } = n.use(), p = (m) => {
     i({ ...o, page: m });
   };
@@ -66,5 +48,5 @@ const mo = ({}) => {
   ] });
 };
 export {
-  mo as Footer
+  I as Footer
 };

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

@@ -1,49 +1,31 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import "react";
-import '../../../../assets/style26.css';import '../../../../assets/style20.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.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/style10.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
-import "../../../../style-CWAa57kN.js";
+import "../../../controls/base-control/index.js";
+import "../../../../style-DH642ww9.js";
 import { CheckboxControl as i } from "../../../controls/checkbox-control/index.js";
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
+import "../../../../primitives/colourway/index.js";
+import { R as m } from "../../../../style-nHUEFY3u.js";
+import "../../../../primitives/link/index.js";
+import "../../../../primitives/icon-label/index.js";
+import "../../../../primitives/nav-link/index.js";
 import "../../../../primitives/popover/index.js";
-/* empty css                         */
+import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';/* empty css                         */
 import "../../../../primitives/scroll-area/index.js";
 import "../../../../primitives/symbol/index.js";
+import "../../../../primitives/tooltip/index.js";
+import "../../../../primitives/truncate/index.js";
 /* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-/* empty css                         */
-import "../../../button/index.js";
+import "../../../../primitives/visually-hidden/index.js";
 import "../../../controls/date-control/component.js";
+import "../../../../index-CrDFDRMM.js";
 /* empty css                         */
-import "../../../../sortable.esm-BuV7eW2H.js";
-/* empty css                         */
-/* empty css                               */
-import "../../../toolbar/index.js";
 /* empty css                         */
 /* empty css                         */
-/* empty css                         */
-import "../../../../style-D1AX7G7x.js";
-/* empty css                         */
-import "../../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                         */
 /* empty css                          */
-/* empty css                          */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-import { R as m } from "../../../../index-CLl-PPjx.js";
-import "../../slots/group/context.js";
 import "../../../menu/context.js";
-/* empty css                         */
 import "../../slots/item/context.js";
 import "../../slots/property/context.js";
-/* empty css                         */
-import "../../../tag/index.js";
-const W = ({}) => {
+const z = ({}) => {
   const { selection: o } = m.use();
   if (o)
     return /* @__PURE__ */ r("div", { className: "data-view-part-footer__selection", children: [
@@ -59,5 +41,5 @@ const W = ({}) => {
     ] });
 };
 export {
-  W as Selection
+  z as Selection
 };

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

@@ -1,12 +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 { f as p } from "../../../style-nHUEFY3u.js";
 import { Footer as l } from "./footer/index.js";
-import { ViewControl as n } from "./view-control/index.js";
+import { ViewControl as i } from "./view-control/index.js";
 export {
   t as Body,
   f as Controls,
   p as Filters,
   l as Footer,
-  n as ViewControl
+  i as ViewControl
 };

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

@@ -1,52 +1,36 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { cn as b } from "../../../../utils/css.js";
-import '../../../../assets/style26.css';import '../../../../assets/style20.css';import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/style8.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/style10.css';import '../../../../assets/style7.css';import '../../../../assets/index20.css';/* empty css                         */
+import "../../../../primitives/colourway/index.js";
+import { R as E, d as Z } from "../../../../style-nHUEFY3u.js";
 import * as a from "react";
 import { useMemo as c } from "react";
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
+import "../../../../primitives/link/index.js";
+import "../../../../primitives/icon-label/index.js";
+import "../../../../primitives/nav-link/index.js";
 import "../../../../primitives/popover/index.js";
-/* empty css                         */
+import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';/* empty css                         */
 import "../../../../primitives/scroll-area/index.js";
 import "../../../../primitives/symbol/index.js";
 import { Tooltip as h } from "../../../../primitives/tooltip/index.js";
+import "../../../../primitives/truncate/index.js";
 /* empty css                         */
-/* empty css                         */
-/* empty css                          */
+import "../../../../primitives/visually-hidden/index.js";
 import { w as u } from "../../../../SSRBase.es-BUXS72ra.js";
-/* empty css                          */
-import "../../../../style-CWAa57kN.js";
-/* empty css                         */
-/* empty css                         */
-import "../../../button/index.js";
+import "../../../controls/base-control/index.js";
+import "../../../../style-DH642ww9.js";
+import "../../../controls/checkbox-control/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 "../../../../style-D1AX7G7x.js";
-/* empty css                         */
-import { SelectControl as Z } from "../../../controls/select-control/control.js";
-import "../../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                         */
-import { ToggleControl as E } from "../../../controls/toggle-control/index.js";
-import { ToggleGroupControl as n } from "../../../controls/toggle-group-control/index.js";
 /* empty css                         */
+import { ToggleControl as _ } from "../../../controls/toggle-control/index.js";
+import { ToggleGroupControl as m } from "../../../controls/toggle-group-control/index.js";
 /* empty css                         */
 /* empty css                          */
-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-CLl-PPjx.js";
-import "../../slots/group/context.js";
+import { viewFieldsToListItems as y, getLayoutOptions as C, getSortDirectionOptions as H, getRelationshipVisiblityOptions as F, listItemsToViewFields as N } from "../../data/options.js";
 import "../../../menu/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",
@@ -72,7 +56,7 @@ const L = /* @__PURE__ */ new Map([
     "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 = a.forwardRef((n, t) => /* @__PURE__ */ a.createElement(u, { ref: t, ...n, weights: L }));
 v.displayName = "SelectionIcon";
 const S = /* @__PURE__ */ new Map([
   [
@@ -99,38 +83,38 @@ const S = /* @__PURE__ */ new Map([
     "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 y0 = ({ className: m }) => {
-  const { view: t, setView: d, fields: l, hierarchy: g } = N.use(), r = (e, w) => {
-    d({
+]), d = a.forwardRef((n, t) => /* @__PURE__ */ a.createElement(u, { ref: t, ...n, weights: S }));
+d.displayName = "SelectionSlashIcon";
+const c0 = ({ className: n }) => {
+  const { view: t, setView: A, fields: r, hierarchy: g } = E.use(), l = (e, w) => {
+    A({
       ...t,
       [e]: w
     });
   }, V = c(
-    () => l.filter((e) => e.sorting.sortable).map((e) => ({
+    () => r.filter((e) => e.sorting.sortable).map((e) => ({
       value: e.id,
       label: e.display.label
     })),
-    [t, l]
+    [t, r]
   ), i = c(
-    () => l.filter((e) => e.sorting.groupable).map((e) => ({
+    () => r.filter((e) => e.sorting.groupable).map((e) => ({
       value: e.id,
       label: e.display.label
     })),
-    [l]
+    [r]
   ), M = c(
-    () => _(t.fields, l),
-    [l]
+    () => y(t.fields, r),
+    [r]
   ), p = !!t.search;
-  return /* @__PURE__ */ s("div", { className: b("component-view-control", m), children: [
+  return /* @__PURE__ */ s("div", { className: b("component-view-control", n), children: [
     /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
-      n,
+      m,
       {
         label: "Layout",
         value: t.layout,
-        onChangeValue: (e) => r("layout", e),
-        options: y(i.length > 0)
+        onChangeValue: (e) => l("layout", e),
+        options: C(i.length > 0)
       }
     ) }),
     V.length > 0 && /* @__PURE__ */ s("fieldset", { className: "component-view-control__row", children: [
@@ -140,17 +124,17 @@ const y0 = ({ className: m }) => {
           className: "component-view-control__row__grow",
           label: "Sort by",
           value: t.sortBy,
-          onChangeValue: (e) => r("sortBy", e),
+          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,
+        m,
         {
           value: t.sortOrder,
-          onChangeValue: (e) => r("sortOrder", e),
+          onChangeValue: (e) => l("sortOrder", e),
           options: H(),
           disabled: p,
           noLabels: !0
@@ -164,26 +148,26 @@ const y0 = ({ className: m }) => {
           className: "component-view-control__row__grow",
           label: "Group by",
           value: t.groupBy || "",
-          onChangeValue: (e) => r("groupBy", e),
+          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, {}),
+          offLabel: /* @__PURE__ */ o(d, {}),
           value: !t.includeEmptyGroups,
-          onChangeValue: (e) => r("includeEmptyGroups", !e),
+          onChangeValue: (e) => l("includeEmptyGroups", !e),
           disabled: !t.groupBy
         }
       ) }),
       /* @__PURE__ */ o(h, { label: "Group Direction", children: /* @__PURE__ */ o(
-        n,
+        m,
         {
           value: t.groupOrder,
-          onChangeValue: (e) => r("groupOrder", e),
+          onChangeValue: (e) => l("groupOrder", e),
           options: H(),
           noLabels: !0,
           disabled: !t.groupBy
@@ -191,13 +175,13 @@ const y0 = ({ className: m }) => {
       ) })
     ] }),
     !!g && /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
-      n,
+      m,
       {
         className: "component-view-control__row__grow",
         label: "Sub-items",
         value: t.relationships,
-        onChangeValue: (e) => r("relationships", e),
-        options: C()
+        onChangeValue: (e) => l("relationships", e),
+        options: F()
       }
     ) }),
     /* @__PURE__ */ o("fieldset", { className: "component-view-control__row", children: /* @__PURE__ */ o(
@@ -206,12 +190,12 @@ const y0 = ({ className: m }) => {
         className: "component-view-control__row__grow",
         label: "Properties",
         value: M,
-        onChangeValue: (e) => r("fields", F(e)),
+        onChangeValue: (e) => l("fields", N(e)),
         multiple: !0
       }
     ) })
   ] });
 };
 export {
-  y0 as ViewControl
+  c0 as ViewControl
 };

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

@@ -8,53 +8,33 @@ import { useApplyView as B } from "./data/apply.js";
 import { getPlacements as C, getPlacement as m } from "./data/fields.js";
 import { Body as D } from "./parts/body/index.js";
 import { Controls as F } from "./parts/controls/index.js";
-import "./parts/filters/index.js";
-import { Footer as H } from "./parts/footer/index.js";
-import '../../assets/style26.css';import '../../assets/style20.css';import '../../assets/styles3.css';import '../../assets/style18.css';import '../../assets/style17.css';import '../../assets/styles5.css';import '../../assets/styles4.css';import '../../assets/style16.css';import '../../assets/style19.css';import '../../assets/style15.css';import '../../assets/style14.css';import '../../assets/style13.css';import '../../assets/prosemirror.css';import '../../assets/style12.css';import '../../assets/style11.css';import '../../assets/style9.css';import '../../assets/style8.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/style10.css';import '../../assets/style7.css';import '../../assets/root.css';/* empty css                   */
-/* empty css                   */
-/* empty css                   */
-/* empty css                   */
+import { R as H } from "../../style-nHUEFY3u.js";
+import { Footer as N } from "./parts/footer/index.js";
+import "../../primitives/colourway/index.js";
+import "../../primitives/link/index.js";
+import "../../primitives/icon-label/index.js";
+import "../../primitives/nav-link/index.js";
 import "../../primitives/popover/index.js";
-/* empty css                   */
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style2.css';import '../../assets/style.css';/* empty css                   */
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
+import "../../primitives/tooltip/index.js";
+import "../../primitives/truncate/index.js";
 /* empty css                   */
-/* empty css                   */
-/* empty css                   */
-/* empty css                    */
-/* empty css                    */
-import "../../style-CWAa57kN.js";
-/* empty css                   */
-/* empty css                   */
-import "../button/index.js";
+import "../../primitives/visually-hidden/index.js";
+import "../controls/base-control/index.js";
+import "../../style-DH642ww9.js";
+import "../controls/checkbox-control/index.js";
 import "../controls/date-control/component.js";
+import "../../index-CrDFDRMM.js";
 /* empty css                   */
-import "../../sortable.esm-BuV7eW2H.js";
 /* empty css                   */
-/* empty css                         */
-import "../toolbar/index.js";
 /* empty css                   */
-/* empty css                   */
-/* empty css                   */
-import "../../style-D1AX7G7x.js";
-/* empty css                   */
-import "../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                   */
-/* empty css                    */
 /* empty css                    */
-/* empty css                   */
-/* empty css                   */
-/* empty css                    */
-import { R as N } from "../../index-CLl-PPjx.js";
-import "./slots/group/context.js";
 import "../menu/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 yo = ({
+const fo = ({
   className: s,
   items: p,
   primaryKey: i,
@@ -100,12 +80,12 @@ const yo = ({
     hierarchy: l,
     hide: e
   };
-  return /* @__PURE__ */ n(N.Provider, { context: R, children: /* @__PURE__ */ j("div", { className: S("component-data-view", s), children: [
+  return /* @__PURE__ */ n(H.Provider, { context: R, children: /* @__PURE__ */ j("div", { className: S("component-data-view", s), children: [
     !e.includes("controls") && /* @__PURE__ */ n(F, { children: b }),
     /* @__PURE__ */ n(D, {}),
-    !e.includes("footer") && /* @__PURE__ */ n(H, {})
+    !e.includes("footer") && /* @__PURE__ */ n(N, {})
   ] }) });
 };
 export {
-  yo as Root
+  fo as Root
 };