@wrdagency/blockout 1.0.21 → 1.0.24

package/dist/components/controls/index.d.ts

@@ -8,7 +8,7 @@ export { MarkdownControl } from './markdown-control';
 export { NumberControl } from './number-control';
 export { PasswordControl } from './password-control';
 export { RecurrenceControl } from './recurrence-control';
-export { Options, Select, SelectControl } from './select-control';
+export { Select, SelectControl } from './select-control';
 export { TagControl } from './tag-control';
 export { TextControl } from './text-control';
 export { TextareaControl } from './textarea-control';

package/dist/components/controls/index.js

@@ -1,38 +1,36 @@
 import { BaseControl as t } from "./base-control/index.js";
-import { CardNumberControl as x } from "./card-number-control/index.js";
+import { CardNumberControl as l } from "./card-number-control/index.js";
 import { CheckboxControl as m } from "./checkbox-control/index.js";
 import { ChoiceControl as n } from "./choice-control/index.js";
 import { DateControl as f } from "./date-control/index.js";
 import { ListControl as c } from "./list-control/index.js";
-import { MarkdownControl as g } from "./markdown-control/index.js";
+import { MarkdownControl as T } from "./markdown-control/index.js";
 import { NumberControl as u } from "./number-control/index.js";
 import { PasswordControl as d } from "./password-control/index.js";
-import { RecurrenceControl as h } from "./recurrence-control/index.js";
+import { RecurrenceControl as i } from "./recurrence-control/index.js";
 import { SelectControl as w } from "./select-control/control.js";
-import { o as S } from "../../options-Cfoqhxw2.js";
-import { Select as D } from "./select-control/select.js";
-import { TagControl as L } from "./tag-control/index.js";
-import { TextControl as O } from "./text-control/index.js";
-import { TextareaControl as R } from "./textarea-control/index.js";
-import { ToggleControl as q } from "./toggle-control/index.js";
-import { ToggleGroupControl as y } from "./toggle-group-control/index.js";
+import { Select as S } from "./select-control/select.js";
+import { TagControl as D } from "./tag-control/index.js";
+import { TextControl as L } from "./text-control/index.js";
+import { TextareaControl as P } from "./textarea-control/index.js";
+import { ToggleControl as j } from "./toggle-control/index.js";
+import { ToggleGroupControl as v } from "./toggle-group-control/index.js";
 export {
   t as BaseControl,
-  x as CardNumberControl,
+  l as CardNumberControl,
   m as CheckboxControl,
   n as ChoiceControl,
   f as DateControl,
   c as ListControl,
-  g as MarkdownControl,
+  T as MarkdownControl,
   u as NumberControl,
-  S as Options,
   d as PasswordControl,
-  h as RecurrenceControl,
-  D as Select,
+  i as RecurrenceControl,
+  S as Select,
   w as SelectControl,
-  L as TagControl,
-  O as TextControl,
-  R as TextareaControl,
-  q as ToggleControl,
-  y as ToggleGroupControl
+  D as TagControl,
+  L as TextControl,
+  P as TextareaControl,
+  j as ToggleControl,
+  v as ToggleGroupControl
 };

package/dist/components/controls/recurrence-control/index.d.ts

@@ -1,8 +1,12 @@
 import { ControlFC } from '../base-control/props';
-interface RecurrenceControlProps {
+type RecurrenceControlProps = {
+    allowEmpty?: false;
     value?: string;
-    defaultValue?: string;
     onChangeValue?: (value: string) => void;
-}
+} | {
+    allowEmpty: true;
+    value?: string | undefined;
+    onChangeValue?: (value: string | undefined) => void;
+};
 export declare const RecurrenceControl: ControlFC<RecurrenceControlProps>;
 export {};

package/dist/components/controls/recurrence-control/index.js

@@ -1,16 +1,14 @@
-import { jsxs as l, jsx as r, Fragment as b } from "react/jsx-runtime";
-import { useObjectState as v } from "../../../hooks/state.js";
-import { Weekday as u, Frequency as p, createRRule as C } from "../../../types/date.js";
-import { getOrdinalSuffix as s } from "../../../utils/date.js";
-import { noop as g } from "../../../utils/noop.js";
-import { t as k, r as q } from "../../../RadioButton.es-D3QVjfF9.js";
-import { useMemo as S } from "react";
-import { useBaseControlProps as w } from "../base-control/props.js";
-import { BasePopoverControl as x } from "../base-popover-control/index.js";
-import { NumberControl as h } from "../number-control/index.js";
-import { SelectControl as y } from "../select-control/control.js";
-import { f as B, w as P, a as _ } from "../../../options-Cfoqhxw2.js";
-import '../../../assets/style17.css';import '../../../assets/style16.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';/* empty css                      */
+import { jsxs as i, jsx as l, Fragment as L } from "react/jsx-runtime";
+import { getOrdinalSuffix as w } from "../../../utils/date.js";
+import { noop as x } from "../../../utils/noop.js";
+import { t as q, r as M } from "../../../RadioButton.es-D3QVjfF9.js";
+import { useMemo as V } from "react";
+import { R as C, F as n } from "../../../style-D1AX7G7x.js";
+import { useBaseControlProps as W } from "../base-control/props.js";
+import { BasePopoverControl as A } from "../base-popover-control/index.js";
+import { NumberControl as E } from "../number-control/index.js";
+import { SelectControl as d } from "../select-control/control.js";
+import '../../../assets/style16.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';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
@@ -24,115 +22,187 @@ import "../../../primitives/symbol/index.js";
 /* empty css                       */
 import "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { ToggleGroupControl as M } from "../toggle-group-control/index.js";
-/* empty css                      */
-const ne = (i) => {
-  const { baseProps: n, controlProps: m } = w(i, {
+import { ToggleControl as D } from "../toggle-control/index.js";
+import { ToggleGroupControl as K } from "../toggle-group-control/index.js";
+const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
+  var y, b, h, v, f, g;
+  const { baseProps: s, controlProps: u } = W(c, {
     className: "component-recurrence-control"
-  }), { onChangeValue: a = g, ...c } = m, [e, t] = v({
-    interval: 1,
-    frequency: p.Weekly,
-    frequencySubtype: "byweekday",
-    weeklyByWeekday: [u.Monday],
-    monthlyByMonthDay: 1,
-    monthlySetPos: "first",
-    monthlyByWeekday: u.Monday
-  }), f = S(() => C(e).toText(), [e]);
-  return /* @__PURE__ */ l(
-    x,
+  }), {
+    value: a,
+    onChangeValue: m = x,
+    allowEmpty: t = !1,
+    ...Y
+  } = u, o = C.fromString(a || N), k = V(
+    () => !a && t ? "" : o == null ? void 0 : o.toText(),
+    [a, t]
+  ), R = (e) => {
+    t && m(e ? N : void 0);
+  }, _ = (e) => {
+    e === n.DAILY ? r({ freq: n.DAILY, bymonthday: [], byweekday: [] }) : e === n.WEEKLY ? r({ freq: n.WEEKLY, bymonthday: [], byweekday: [0] }) : e === n.MONTHLY && r({ freq: n.MONTHLY, bymonthday: [1], byweekday: [] });
+  }, r = (e) => {
+    const p = {
+      ...o.options,
+      ...e
+    }, F = [
+      "byhour",
+      "byminute",
+      "bysecond",
+      "dtstart",
+      "count",
+      "until"
+    ];
+    for (const S of F)
+      delete p[S];
+    p.freq === n.DAILY && delete p.byweekday;
+    const O = new C(p);
+    m(O.toString());
+  };
+  return /* @__PURE__ */ i(
+    A,
     {
-      ...n,
-      placeholder: f,
-      inputProps: c,
+      ...s,
+      placeholder: a === void 0 && t ? "" : k,
+      inputProps: Y,
       children: [
-        /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: [
-          /* @__PURE__ */ r(
-            h,
-            {
-              value: e.interval,
-              onChangeValue: (o) => t({ interval: o || 1 }),
-              suffix: s(e.interval),
-              min: 1,
-              "aria-label": "Recurrence frequency"
-            }
-          ),
-          /* @__PURE__ */ r(
-            y,
-            {
-              "aria-label": "Recurrence period",
-              value: e.frequency,
-              onChangeValue: (o) => t({ frequency: o }),
-              options: B
-            }
-          )
-        ] }),
-        e.frequency === p.Weekly && /* @__PURE__ */ r("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ r(
-          M,
+        t && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
+          D,
           {
-            value: e.weeklyByWeekday,
-            onChangeValue: (o) => t({ weeklyByWeekday: o }),
-            label: "On every",
-            options: P,
-            multiple: !0
+            onLabel: "Repeats",
+            offLabel: "None",
+            value: a === void 0,
+            onChangeValue: R
           }
         ) }),
-        e.frequency === p.Monthly && /* @__PURE__ */ l(b, { children: [
-          /* @__PURE__ */ r(
-            d,
+        (a !== void 0 || !t) && /* @__PURE__ */ i(L, { children: [
+          /* @__PURE__ */ i("div", { className: "component-recurrence-control__row", children: [
+            /* @__PURE__ */ l(
+              E,
+              {
+                value: o.options.interval,
+                onChangeValue: (e) => r({ interval: e || 1 }),
+                suffix: w(o.options.interval),
+                min: 1,
+                "aria-label": "Recurrence frequency"
+              }
+            ),
+            /* @__PURE__ */ l(
+              d,
+              {
+                "aria-label": "Recurrence period",
+                value: o.options.freq,
+                onChangeValue: _,
+                options: [
+                  { label: "Day", value: n.DAILY },
+                  { label: "Week", value: n.WEEKLY },
+                  { label: "Month", value: n.MONTHLY }
+                ]
+              }
+            )
+          ] }),
+          o.options.freq === n.WEEKLY && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
+            K,
             {
-              type: "bymonthday",
-              parsed: e,
-              setParsed: t,
-              children: /* @__PURE__ */ r(
-                h,
-                {
-                  prefix: "On the",
-                  suffix: s(e.monthlyByMonthDay) + " of the month",
-                  value: e.monthlyByMonthDay,
-                  onChangeValue: (o) => t({ monthlyByMonthDay: o || 1 }),
-                  min: 1,
-                  max: 31
-                }
-              )
+              value: ((y = o.options.byweekday) == null ? void 0 : y.map(String)) || [],
+              onChangeValue: (e) => r({ byweekday: e.map(Number) }),
+              label: "On every",
+              options: [
+                { label: "Mo", value: "0" },
+                { label: "Tu", value: "1" },
+                { label: "We", value: "2" },
+                { label: "Th", value: "3" },
+                { label: "Fr", value: "4" },
+                { label: "Sa", value: "5" },
+                { label: "Su", value: "6" }
+              ],
+              multiple: !0
             }
-          ),
-          /* @__PURE__ */ l(d, { type: "byweekday", parsed: e, setParsed: t, children: [
-            /* @__PURE__ */ r(
-              y,
+          ) }),
+          o.options.freq === n.MONTHLY && /* @__PURE__ */ i(L, { children: [
+            /* @__PURE__ */ l(
+              T,
               {
-                prefix: "On the",
-                options: [
-                  {
-                    value: "first",
-                    label: "First"
-                  },
-                  {
-                    value: "second",
-                    label: "Second"
-                  },
+                open: ((b = o.options.bymonthday) == null ? void 0 : b.length) > 0,
+                onOpen: () => r({ bymonthday: [1], byweekday: [] }),
+                children: /* @__PURE__ */ l(
+                  E,
                   {
-                    value: "third",
-                    label: "Third"
-                  },
-                  {
-                    value: "fourth",
-                    label: "Fourth"
-                  },
-                  {
-                    value: "last",
-                    label: "Last"
+                    prefix: "On the",
+                    suffix: w(o.options.bymonthday[0]) + " of the month",
+                    placeholder: "4",
+                    value: (h = o.options.bymonthday) == null ? void 0 : h[0],
+                    onChangeValue: (e) => r({
+                      bymonthday: [e || 1]
+                    }),
+                    min: 1,
+                    max: 31
                   }
-                ],
-                value: e.monthlySetPos,
-                onChangeValue: (o) => t({ monthlySetPos: o })
+                )
               }
             ),
-            /* @__PURE__ */ r(
-              y,
+            /* @__PURE__ */ i(
+              T,
               {
-                options: _,
-                value: e.monthlyByWeekday,
-                onChangeValue: (o) => t({ monthlyByWeekday: o })
+                open: ((v = o.options.byweekday) == null ? void 0 : v.length) > 0,
+                onOpen: () => r({
+                  byweekday: [0],
+                  bysetpos: [1],
+                  bymonthday: []
+                }),
+                children: [
+                  /* @__PURE__ */ l(
+                    d,
+                    {
+                      prefix: "On the",
+                      options: [
+                        {
+                          value: "1",
+                          label: "First"
+                        },
+                        {
+                          value: "2",
+                          label: "Second"
+                        },
+                        {
+                          value: "3",
+                          label: "Third"
+                        },
+                        {
+                          value: "4",
+                          label: "Fourth"
+                        },
+                        {
+                          value: "-1",
+                          label: "Last"
+                        }
+                      ],
+                      placeholder: "First",
+                      value: String((f = o.options.bysetpos) == null ? void 0 : f[0]),
+                      onChangeValue: (e) => r({
+                        bysetpos: [Number(e) || 0]
+                      })
+                    }
+                  ),
+                  /* @__PURE__ */ l(
+                    d,
+                    {
+                      options: [
+                        { label: "Monday", value: "0" },
+                        { label: "Tuesday", value: "1" },
+                        { label: "Wednesday", value: "2" },
+                        { label: "Thursday", value: "3" },
+                        { label: "Friday", value: "4" },
+                        { label: "Saturday", value: "5" },
+                        { label: "Sunday", value: "6" }
+                      ],
+                      placeholder: "Monday",
+                      value: String((g = o.options.byweekday) == null ? void 0 : g[0]),
+                      onChangeValue: (e) => r({
+                        byweekday: [Number(e) || 0]
+                      })
+                    }
+                  )
+                ]
               }
             )
           ] })
@@ -140,28 +210,22 @@ const ne = (i) => {
       ]
     }
   );
-}, d = (i) => {
-  const { type: n, children: m, parsed: a, setParsed: c } = i;
-  return /* @__PURE__ */ l("div", { className: "component-recurrence-control__frequency_type", children: [
-    /* @__PURE__ */ r(
+}, T = (c) => {
+  const { open: s, onOpen: u, children: a } = c;
+  return /* @__PURE__ */ i("div", { className: "component-recurrence-control__frequency_type", children: [
+    /* @__PURE__ */ l(
       "button",
       {
         className: "component-recurrence-control__radio",
-        "aria-pressed": a.frequencySubtype === n,
-        onClick: () => c({ frequencySubtype: n }),
-        children: a.frequencySubtype === n ? /* @__PURE__ */ r(k, { weight: "fill" }) : /* @__PURE__ */ r(q, {})
+        "aria-pressed": s,
+        onClick: u,
+        type: "button",
+        children: s ? /* @__PURE__ */ l(q, { weight: "fill" }) : /* @__PURE__ */ l(M, {})
       }
     ),
-    /* @__PURE__ */ r(
-      "fieldset",
-      {
-        className: "component-recurrence-control__row",
-        disabled: a.frequencySubtype !== n,
-        children: m
-      }
-    )
+    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !s, children: a })
   ] });
 };
 export {
-  ne as RecurrenceControl
+  de as RecurrenceControl
 };

package/dist/components/controls/select-control/index.d.ts

@@ -1,3 +1,2 @@
 export { SelectControl } from './control';
-export * as Options from './options';
 export { Select } from './select';

package/dist/components/controls/select-control/index.js

@@ -1,8 +1,6 @@
 import { SelectControl as r } from "./control.js";
-import { o as p } from "../../../options-Cfoqhxw2.js";
 import { Select as l } from "./select.js";
 export {
-  p as Options,
   l as Select,
   r as SelectControl
 };

package/dist/components/controls/tag-control/index.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Colourway as _ } from "../../../primitives/colourway/index.js";
 import { noop as O } from "../../../utils/noop.js";
 import { useState as g, useMemo as R } from "react";
-import '../../../assets/style18.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';/* empty css                      */
+import '../../../assets/style17.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';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 import "../../../primitives/popover/index.js";

package/dist/components/controls/text-control/index.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { noop as r } from "../../../utils/noop.js";
 import { BaseControl as m } from "../base-control/index.js";
 import { useBaseControlProps as c } from "../base-control/props.js";
-import '../../../assets/style19.css';/* empty css                      */
+import '../../../assets/style18.css';/* empty css                      */
 const x = (t) => {
   const { baseProps: e, controlProps: s } = c(t, {
     className: "component-text-control"

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import '../../../assets/styles4.css';import '../../../assets/styles3.css';import '../../../assets/style18.css';import '../../../assets/style17.css';import '../../../assets/styles5.css';import '../../../assets/style16.css';import '../../../assets/style20.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 '../../../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";
 /* empty css                      */
 import "../../../types/options.js";
@@ -27,25 +27,23 @@ import "../../toolbar/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
-import "../../../types/date.js";
+import "../../../style-D1AX7G7x.js";
 /* empty css                      */
 import "../../controls/select-control/control.js";
-import "../../../options-Cfoqhxw2.js";
 import "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
 /* empty css                       */
-/* empty css                      */
+/* empty css                       */
 /* empty css                      */
 import "../../controls/text-control/index.js";
 /* empty css                       */
-/* empty css                       */
-import { c as Q, e as R, b as S, i as T, a as U, n as V, s as X } from "../../../filter-BqYmWg3n.js";
+import { c as O, e as P, b as Q, i as R, a as S, n as T, s as U } from "../../../filter-DHK0UoZG.js";
 export {
-  Q as contains,
-  R as endsWith,
-  S as inArray,
-  T as is,
-  U as isNot,
-  V as notInArray,
-  X as startsWith
+  O as contains,
+  P as endsWith,
+  Q as inArray,
+  R as is,
+  S as isNot,
+  T as notInArray,
+  U as startsWith
 };

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

@@ -1,19 +1,22 @@
 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) {
+import { Table as i } from "../layouts/table/index.js";
+import { Tile as n } from "../layouts/tile/index.js";
+function u(r) {
   switch (r) {
     case "table":
-      return n;
+      return i;
     case "grid":
       return t;
     case "kanban":
       return e;
     case "list":
       return o;
+    case "tile":
+      return n;
   }
 }
 export {
-  c as getLayoutComponent
+  u as getLayoutComponent
 };