@wrdagency/blockout 1.0.34 → 1.0.36

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

@@ -1,79 +1,59 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Button as e } from "../../../button/index.js";
+import { R as m, s as p, B as s, i as c } from "../../../../style-nHUEFY3u.js";
 import "react";
-import '../../../../assets/style26.css';import '../../../../assets/style20.css';import '../../../../assets/styles3.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";
-import { s as a } from "../../../../MagnifyingGlass.es-CLstwG_v.js";
-import { e as s } from "../../../../X.es-TbGOnXOO.js";
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
+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/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                         */
+import { TextControl as l } from "../../../controls/text-control/index.js";
 /* empty css                          */
-/* empty css                          */
-/* empty css                         */
-import { TextControl as c } from "../../../controls/text-control/index.js";
-/* empty css                          */
-import { R as l } 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 mr = ({}) => {
-  const { view: r, setView: t } = l.use(), i = (p) => {
-    t({ ...r, search: p });
-  }, m = () => {
+const F = ({}) => {
+  const { view: r, setView: t } = m.use(), i = (e) => {
+    t({ ...r, search: e });
+  }, a = () => {
     t({ ...r, search: "" });
   };
   return /* @__PURE__ */ o(
-    c,
+    l,
     {
       className: "data-view-part-controls__search",
-      icon: a,
+      icon: p,
       onChangeValue: i,
       value: r.search,
       placeholder: "Search",
       type: "search",
       suffix: r.search && /* @__PURE__ */ o(
-        e.Icon,
+        s.Icon,
         {
           className: "data-view-part-controls__search__clear",
           variant: "ghost",
           size: "small",
-          onClick: m,
+          onClick: a,
           "aria-label": "Clear",
-          children: /* @__PURE__ */ o(s, {})
+          children: /* @__PURE__ */ o(c, {})
         }
       )
     }
   );
 };
 export {
-  mr as Search
+  F as Search
 };

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

@@ -1,54 +1,19 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import '../../../../assets/styles.css';import '../../../../assets/style6.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style7.css';/* empty css                         */
-import { useMemo as a } from "react";
-/* empty css                         */
-/* empty css                         */
-/* empty css                         */
-import { Popover as p } from "../../../../primitives/popover/index.js";
-/* empty css                         */
+import "react/jsx-runtime";
+import "../../../../primitives/colourway/index.js";
+import { al as g } from "../../../../style-nHUEFY3u.js";
+import "react";
+import "../../../../primitives/link/index.js";
+import "../../../../primitives/icon-label/index.js";
+import "../../../../primitives/nav-link/index.js";
+import "../../../../primitives/popover/index.js";
+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                         */
-import { Truncate as f } from "../../../../primitives/truncate/index.js";
-/* empty css                         */
-/* empty css                          */
-import { e as h } from "../../../../X.es-TbGOnXOO.js";
-import { Editor as d } from "./editor.js";
-import { formatValue as y } from "./utils.js";
-const v = ({
-  open: e,
-  setOpen: m,
-  value: r,
-  field: o,
-  onChangeValue: n,
-  onDelete: c
-}) => {
-  const l = a(
-    () => o.filtering.types.find((s) => s.id === r.type),
-    [r.type, o.filtering.types]
-  );
-  return /* @__PURE__ */ i(p, { open: e, setOpen: m, placement: "bottom-start", children: [
-    /* @__PURE__ */ i("div", { className: "component-filter-chip", children: [
-      /* @__PURE__ */ t(p.Target, { className: "component-filter-chip__open", children: /* @__PURE__ */ i(f, { children: [
-        o.display.label,
-        " ",
-        l.label,
-        " ",
-        y(r.value, o)
-      ] }) }),
-      /* @__PURE__ */ t("button", { className: "component-filter-chip__close", onClick: c, children: /* @__PURE__ */ t(h, {}) })
-    ] }),
-    /* @__PURE__ */ t(p.Window, { children: /* @__PURE__ */ t(
-      d,
-      {
-        value: r,
-        allowedTypes: o.filtering.types,
-        onChangeValue: n,
-        field: o
-      }
-    ) })
-  ] });
-};
+import "../../../../primitives/visually-hidden/index.js";
+import "./utils.js";
 export {
-  v as Chip
+  g as Chip
 };

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

@@ -1,90 +1,28 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { noop as f } from "../../../../utils/noop.js";
-import { useMemo as n } from "react";
-import '../../../../assets/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 "react/jsx-runtime";
+import "../../../../utils/noop.js";
+import "react";
+import "../../../controls/base-control/index.js";
+import "../../../../style-DH642ww9.js";
+import "../../../controls/checkbox-control/index.js";
+import "../../../../primitives/colourway/index.js";
+import { ak as z } 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 { SelectControl as h } from "../../../controls/select-control/control.js";
-import "../../../../match-sorter.esm-MNVE8H_6.js";
-/* empty css                         */
-/* empty css                          */
 /* empty css                          */
-/* empty css                         */
-/* empty css                         */
-/* empty css                          */
-const oo = ({
-  value: t,
-  onChangeValue: i = f,
-  allowedTypes: r,
-  field: m
-}) => {
-  const a = n(
-    () => r.find((o) => o.id === t.type),
-    [t.type, r]
-  ), s = n(
-    () => r.map((o) => ({
-      value: o.id,
-      label: o.label
-    })),
-    [r]
-  ), l = (o) => {
-    i({
-      ...t,
-      type: o
-    });
-  }, c = (o) => {
-    i({
-      ...t,
-      value: o
-    });
-  }, p = a.editor;
-  return /* @__PURE__ */ d("div", { className: "component-filter-editor", children: [
-    /* @__PURE__ */ e(
-      h,
-      {
-        className: "component-filter-editor__operator",
-        prefix: m.display.label,
-        value: t.type,
-        onChangeValue: l,
-        options: s
-      }
-    ),
-    p && /* @__PURE__ */ e(
-      p,
-      {
-        className: "component-filter-editor__value",
-        value: t.value,
-        onChangeValue: c,
-        options: m.elements
-      }
-    )
-  ] });
-};
 export {
-  oo as Editor
+  z as Editor
 };

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

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

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

@@ -1,74 +1,8 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { cn as f } from "../../../../utils/css.js";
-import { noop as u } from "../../../../utils/noop.js";
-import { e as v } from "../../../../Plus.es-DJ5SuqNv.js";
-import { useState as y } from "react";
-import { Menu as b } from "../../../menu/index.js";
-import { Chip as O } from "./chip.js";
-const q = ({
-  className: a,
-  filters: n = [],
-  onChangeValue: l = u,
-  fields: m = []
-}) => {
-  const [r, i] = y(-1), c = (e) => {
-    l(n.filter((t) => t.field !== e));
-  }, d = (e, t) => {
-    l([
-      ...n.slice(0, e),
-      t,
-      ...n.slice(e + 1)
-    ]);
-  }, h = (e) => {
-    i(n.length);
-    const t = e.elements.length ? e.elements[0].value : "";
-    l([
-      ...n,
-      {
-        value: t,
-        field: e.id,
-        type: e.filtering.types[0].id
-      }
-    ]);
-  }, g = (e, t) => {
-    i(t ? e : -1);
-  };
-  return /* @__PURE__ */ p("div", { className: f("component-filter-list", a), children: [
-    n.map((e, t) => /* @__PURE__ */ s(
-      O,
-      {
-        open: r === t,
-        setOpen: (o) => g(t, o),
-        field: m.find((o) => e.field === o.id),
-        value: e,
-        onChangeValue: (o) => d(t, o),
-        onDelete: () => c(e.field)
-      },
-      t
-    )),
-    /* @__PURE__ */ p(
-      b,
-      {
-        variant: "quiet",
-        size: "small",
-        items: m.filter(
-          (e) => e.filtering.filterable && e.filtering.types.length > 0
-        ).map((e) => ({
-          label: e.display.label,
-          type: "action",
-          onClick: () => {
-            h(e);
-          },
-          checked: n.some((t) => t.field === e.id)
-        })),
-        children: [
-          /* @__PURE__ */ s(v, {}),
-          n.length === 0 && "Add Filter"
-        ]
-      }
-    )
-  ] });
-};
+import "react/jsx-runtime";
+import "../../../../utils/css.js";
+import "../../../../utils/noop.js";
+import { am as a } from "../../../../style-nHUEFY3u.js";
+import "react";
 export {
-  q as List
+  a as List
 };

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
 };