@wrdagency/blockout 0.1.2 → 0.1.3

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

@@ -1,45 +1,21 @@
-import { jsxs as m, jsx as r, Fragment as M } from "react/jsx-runtime";
-import { useObjectState as b } from "../../../hooks/state.js";
-import { Weekday as y, Frequency as p, createRRule as v } from "../../../types/date.js";
+import { jsxs as m, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { useObjectState as w } from "../../../hooks/state.js";
+import { Weekday as p, Frequency as s, createRRule as C } from "../../../types/date.js";
 import { getOrdinalSuffix as d } from "../../../utils/date.js";
-import { noop as w } from "../../../utils/noop.js";
+import { noop as M } from "../../../utils/noop.js";
 import * as e from "react";
-import { useMemo as F } from "react";
-import { w as A } from "../../../SSRBase.es-BUXS72ra.js";
-import { useBaseControlProps as C } from "../base-control/props.js";
-import { BasePopoverControl as k } from "../base-popover-control/index.js";
+import { useMemo as E } from "react";
+import { w as g } from "../../../SSRBase.es-BUXS72ra.js";
+import { t as k } from "../../../Circle.es-B6Ug9Tpf.js";
+import { useBaseControlProps as q } from "../base-control/props.js";
+import { BasePopoverControl as S } from "../base-popover-control/index.js";
 import { NumberControl as h } from "../number-control/index.js";
-import '../../../assets/style.css';import '../../../assets/index18.css';/* empty css                      */
-import { SelectControl as s } from "../select-control/component.js";
-import { f as q, w as S, a as B } from "../../../options-Cfoqhxw2.js";
-import { ToggleGroupControl as x } from "../toggle-group-control/index.js";
-const P = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M232,128A104,104,0,1,1,128,24,104.13,104.13,0,0,1,232,128Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Z" }))
-  ]
-]), Z = e.forwardRef((o, n) => /* @__PURE__ */ e.createElement(A, { ref: n, ...o, weights: P }));
-Z.displayName = "CircleIcon";
+import '../../../assets/style.css';import '../../../assets/index16.css';/* empty css                      */
+import { SelectControl as y } from "../select-control/component.js";
+import { f as B, w as F, a as x } from "../../../options-Cfoqhxw2.js";
+import { ToggleGroupControl as P } from "../toggle-group-control/index.js";
+const A = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(g, { ref: a, ...l, weights: k }));
+A.displayName = "CircleIcon";
 const _ = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -65,81 +41,81 @@ const _ = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm0-144a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,96a44,44,0,1,1,44-44A44.05,44.05,0,0,1,128,172Z" }))
   ]
-]), g = e.forwardRef((o, n) => /* @__PURE__ */ e.createElement(A, { ref: n, ...o, weights: _ }));
-g.displayName = "RadioButtonIcon";
-const J = (o) => {
-  const { baseProps: n, controlProps: u } = C(o, {
+]), Z = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(g, { ref: a, ...l, weights: _ }));
+Z.displayName = "RadioButtonIcon";
+const K = (l) => {
+  const { baseProps: a, controlProps: i } = q(l, {
     className: "component-recurrence-control"
-  }), { onChangeValue: c = w, ...i } = u, [t, l] = b({
+  }), { onChangeValue: c = M, ...u } = i, [r, o] = w({
     interval: 1,
-    frequency: p.Weekly,
+    frequency: s.Weekly,
     frequencySubtype: "byweekday",
-    weeklyByWeekday: [y.Monday],
+    weeklyByWeekday: [p.Monday],
     monthlyByMonthDay: 1,
     monthlySetPos: "first",
-    monthlyByWeekday: y.Monday
-  }), E = F(() => v(t).toText(), [t]);
+    monthlyByWeekday: p.Monday
+  }), b = E(() => C(r).toText(), [r]);
   return /* @__PURE__ */ m(
-    k,
+    S,
     {
-      ...n,
-      placeholder: E,
-      inputProps: i,
+      ...a,
+      placeholder: b,
+      inputProps: u,
       children: [
         /* @__PURE__ */ m("div", { className: "component-recurrence-control__row", children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             h,
             {
-              value: t.interval,
-              onChangeValue: (a) => l({ interval: a || 1 }),
-              suffix: d(t.interval),
+              value: r.interval,
+              onChangeValue: (n) => o({ interval: n || 1 }),
+              suffix: d(r.interval),
               min: 1,
               "aria-label": "Recurrence frequency"
             }
           ),
-          /* @__PURE__ */ r(
-            s,
+          /* @__PURE__ */ t(
+            y,
             {
               "aria-label": "Recurrence period",
-              value: t.frequency,
-              onChangeValue: (a) => l({ frequency: a }),
-              options: q
+              value: r.frequency,
+              onChangeValue: (n) => o({ frequency: n }),
+              options: B
             }
           )
         ] }),
-        t.frequency === p.Weekly && /* @__PURE__ */ r("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ r(
-          x,
+        r.frequency === s.Weekly && /* @__PURE__ */ t("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ t(
+          P,
           {
-            value: t.weeklyByWeekday,
-            onChangeValue: (a) => l({ weeklyByWeekday: a }),
+            value: r.weeklyByWeekday,
+            onChangeValue: (n) => o({ weeklyByWeekday: n }),
             label: "On every",
-            options: S,
+            options: F,
             multiple: !0
           }
         ) }),
-        t.frequency === p.Monthly && /* @__PURE__ */ m(M, { children: [
-          /* @__PURE__ */ r(
+        r.frequency === s.Monthly && /* @__PURE__ */ m(v, { children: [
+          /* @__PURE__ */ t(
             f,
             {
               type: "bymonthday",
-              parsed: t,
-              setParsed: l,
-              children: /* @__PURE__ */ r(
+              parsed: r,
+              setParsed: o,
+              children: /* @__PURE__ */ t(
                 h,
                 {
                   prefix: "On the",
-                  suffix: d(t.monthlyByMonthDay) + " of the month",
-                  value: t.monthlyByMonthDay,
-                  onChangeValue: (a) => l({ monthlyByMonthDay: a || 1 }),
+                  suffix: d(r.monthlyByMonthDay) + " of the month",
+                  value: r.monthlyByMonthDay,
+                  onChangeValue: (n) => o({ monthlyByMonthDay: n || 1 }),
                   min: 1,
                   max: 31
                 }
               )
             }
           ),
-          /* @__PURE__ */ m(f, { type: "byweekday", parsed: t, setParsed: l, children: [
-            /* @__PURE__ */ r(
-              s,
+          /* @__PURE__ */ m(f, { type: "byweekday", parsed: r, setParsed: o, children: [
+            /* @__PURE__ */ t(
+              y,
               {
                 prefix: "On the",
                 options: [
@@ -164,16 +140,16 @@ const J = (o) => {
                     label: "Last"
                   }
                 ],
-                value: t.monthlySetPos,
-                onChangeValue: (a) => l({ monthlySetPos: a })
+                value: r.monthlySetPos,
+                onChangeValue: (n) => o({ monthlySetPos: n })
               }
             ),
-            /* @__PURE__ */ r(
-              s,
+            /* @__PURE__ */ t(
+              y,
               {
-                options: B,
-                value: t.monthlyByWeekday,
-                onChangeValue: (a) => l({ monthlyByWeekday: a })
+                options: x,
+                value: r.monthlyByWeekday,
+                onChangeValue: (n) => o({ monthlyByWeekday: n })
               }
             )
           ] })
@@ -181,28 +157,28 @@ const J = (o) => {
       ]
     }
   );
-}, f = (o) => {
-  const { type: n, children: u, parsed: c, setParsed: i } = o;
+}, f = (l) => {
+  const { type: a, children: i, parsed: c, setParsed: u } = l;
   return /* @__PURE__ */ m("div", { className: "component-recurrence-control__frequency_type", children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       "button",
       {
         className: "component-recurrence-control__radio",
-        "aria-pressed": c.frequencySubtype === n,
-        onClick: () => i({ frequencySubtype: n }),
-        children: c.frequencySubtype === n ? /* @__PURE__ */ r(g, { weight: "fill" }) : /* @__PURE__ */ r(Z, {})
+        "aria-pressed": c.frequencySubtype === a,
+        onClick: () => u({ frequencySubtype: a }),
+        children: c.frequencySubtype === a ? /* @__PURE__ */ t(Z, { weight: "fill" }) : /* @__PURE__ */ t(A, {})
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       "fieldset",
       {
         className: "component-recurrence-control__row",
-        disabled: c.frequencySubtype !== n,
-        children: u
+        disabled: c.frequencySubtype !== a,
+        children: i
       }
     )
   ] });
 };
 export {
-  J as RecurrenceControl
+  K as RecurrenceControl
 };