@wrdagency/blockout 1.0.7 → 1.0.8

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

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Colourway as u } from "../../../primitives/colourway/index.js";
-import { noop as S } from "../../../utils/noop.js";
-import { useState as V, useMemo as y } from "react";
+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/style7.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';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
@@ -13,73 +13,75 @@ import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                       */
-import { o as z } from "../../../Check.es-CMkTf2It.js";
-import { e as R } from "../../../Plus.es-DJ5SuqNv.js";
-import { e as k } from "../../../X.es-TbGOnXOO.js";
-import { m as B } from "../../../match-sorter.esm-MNVE8H_6.js";
-import { BaseControl as I } from "../base-control/index.js";
-import { useBaseControlProps as j } from "../base-control/props.js";
-import { T as L, a as M, b as O, c as A, d as K, C as U, e as $ } from "../../../tag-remove-BVa8oSsq.js";
-import { normalizeTag as _, normalizeCreateTagRules as q } from "./props.js";
+import { o as k } from "../../../Check.es-CMkTf2It.js";
+import { e as B } from "../../../Plus.es-DJ5SuqNv.js";
+import { e as I } from "../../../X.es-TbGOnXOO.js";
+import { m as j } from "../../../match-sorter.esm-MNVE8H_6.js";
+import { BaseControl as L } from "../base-control/index.js";
+import { useBaseControlProps as M } from "../base-control/props.js";
+import { T as A, a as K, b as U, c as $, d as q, C as D, e as E } from "../../../tag-remove-BVa8oSsq.js";
+import { normalizeTag as d, normalizeCreateTagRules as F } from "./props.js";
 /* empty css                      */
-import { C as D, a as E, c as g } from "../../../MAXQOH4L-DBaf8WKp.js";
-function vo(d) {
-  const { baseProps: h, controlProps: v } = j(d, {
+import { C as G, a as H, c as h } from "../../../MAXQOH4L-DBaf8WKp.js";
+function Co(v) {
+  const { baseProps: b, controlProps: f } = M(v, {
     className: "component-tag-control"
-  }), [a, b] = V(""), {
-    value: f = [],
-    onChangeValue: C = S,
-    options: N = [],
-    create: w = !1
-  } = v, m = N.map(_), c = f.map(_), r = q(w), n = y(() => B(m, a, {
-    baseSort: (o, l) => o.index < l.index ? -1 : 1,
+  }), [a, C] = g(""), [N, w] = g([]), {
+    value: x = [],
+    onChangeValue: T = O,
+    options: P = [],
+    create: S = !1
+  } = f, c = [...P.map(d), ...N], p = x.map(d), n = F(S), l = R(() => j(c, a, {
+    baseSort: (o, s) => o.index < s.index ? -1 : 1,
     keys: ["label", "value"]
-  }), [a]), p = !n.length && r.allow(a), x = n.length > 0 || p, T = (o) => {
-    const l = o.map((s) => {
-      const i = m.find((P) => P.value == s);
-      if (i)
-        return i;
-      if (r.allow(s))
-        return r.create(s);
+  }), [a]), i = !l.length && n.allow(a), V = l.length > 0 || i, y = (o) => {
+    const s = o.map((m) => {
+      const u = c.find((r) => r.value == m);
+      if (u)
+        return u;
+      if (n.allow(m)) {
+        const r = n.create(m);
+        return w((z) => [...z, r]), r;
+      }
     }).filter(Boolean);
-    C(l);
+    T(s);
   };
   return /* @__PURE__ */ e(
-    L,
+    A,
     {
-      values: c.map((o) => String(o.value)),
-      setValues: T,
+      values: p.map((o) => String(o.value)),
+      setValues: y,
       value: a,
-      setValue: b,
-      children: /* @__PURE__ */ e(I, { ...h, children: /* @__PURE__ */ t(M, { className: "component-tag-control__box", children: [
-        c.map((o) => /* @__PURE__ */ t(
-          u,
+      setValue: C,
+      children: /* @__PURE__ */ e(L, { ...b, children: /* @__PURE__ */ t(K, { className: "component-tag-control__box", children: [
+        p.map((o) => /* @__PURE__ */ t(
+          _,
           {
             value: String(o.value),
-            as: O,
+            as: U,
             theme: o.colourway,
             className: "component-tag-control__tag",
             children: [
               /* @__PURE__ */ e("span", { className: "component-tag-control__tag__label", children: o.label }),
-              /* @__PURE__ */ e(A, { className: "component-tag-control__tag__remove", children: /* @__PURE__ */ e(k, {}) })
+              /* @__PURE__ */ e($, { className: "component-tag-control__tag__remove", children: /* @__PURE__ */ e(I, {}) })
             ]
           },
           o.value
         )),
-        /* @__PURE__ */ t(D, { children: [
+        /* @__PURE__ */ t(G, { children: [
           /* @__PURE__ */ e(
-            E,
+            H,
             {
               autoSelect: !0,
               showMinLength: 1,
               showOnKeyPress: !0,
               autoComplete: "both",
-              render: /* @__PURE__ */ e(K, {}),
+              render: /* @__PURE__ */ e(q, {}),
               className: "component-tag-control__input"
             }
           ),
-          x && /* @__PURE__ */ t(
-            U,
+          V && /* @__PURE__ */ t(
+            D,
             {
               className: "component-tag-control__popover",
               "data-colour-scheme": "invert",
@@ -90,32 +92,32 @@ function vo(d) {
               gutter: 8,
               overflowPadding: 4,
               children: [
-                n.map((o) => /* @__PURE__ */ t(
-                  g,
+                l.map((o) => /* @__PURE__ */ t(
+                  h,
                   {
                     value: String(o.value),
                     className: "component-tag-control__option",
                     children: [
                       /* @__PURE__ */ e(
-                        u,
+                        _,
                         {
                           className: "component-tag-control__option__chip",
                           theme: o.colourway
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "component-tag-control__option__label", children: o.label }),
-                      /* @__PURE__ */ e($, { className: "component-tag-control__option__check", children: /* @__PURE__ */ e(z, {}) })
+                      /* @__PURE__ */ e(E, { className: "component-tag-control__option__check", children: /* @__PURE__ */ e(k, {}) })
                     ]
                   },
                   o.value
                 )),
-                p && /* @__PURE__ */ t(
-                  g,
+                i && /* @__PURE__ */ t(
+                  h,
                   {
                     value: a,
                     className: "component-tag-control__option component-tag-control__option--create",
                     children: [
-                      /* @__PURE__ */ e(R, { className: "component-tag-control__option--add" }),
+                      /* @__PURE__ */ e(B, { className: "component-tag-control__option--add" }),
                       /* @__PURE__ */ t("span", { className: "component-tag-control__option__label", children: [
                         'Add "',
                         a.toUpperCase(),
@@ -133,5 +135,5 @@ function vo(d) {
   );
 }
 export {
-  vo as TagControl
+  Co as TagControl
 };

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

@@ -13,8 +13,8 @@ import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                       */
-import { slugify as a } from "../../../utils/string.js";
-function U(r) {
+import { slugify as i } from "../../../utils/string.js";
+function S(r) {
   return typeof r == "string" || typeof r == "number" ? {
     value: r,
     label: String(r),
@@ -25,33 +25,26 @@ function U(r) {
     ...r
   };
 }
-function h(r) {
-  const e = (o) => {
-    var i = o;
-    if (typeof r == "boolean" || typeof r.create > "u" || r.create === "slugify")
-      i = a(o);
-    else if (r.create === "uuid")
-      i = crypto.randomUUID();
-    else
-      return {
-        label: o,
-        colourway: t(o),
-        ...r.create(o)
-      };
-    return { label: o, colourway: t(o), value: i };
-  };
-  return r === !0 ? {
-    create: e,
-    allow: () => !0
-  } : r === !1 ? {
-    create: e,
-    allow: () => !1
-  } : {
-    create: e,
-    allow: r.allow ? r.allow : () => !0
+function U(r) {
+  return {
+    create: (e) => {
+      var o = e;
+      if (typeof r == "boolean" || typeof r.create > "u" || r.create === "slugify")
+        o = i(e);
+      else if (r.create === "uuid")
+        o = crypto.randomUUID();
+      else
+        return {
+          label: e,
+          colourway: t(e),
+          ...r.create(e)
+        };
+      return { label: e, colourway: t(e), value: o };
+    },
+    allow: (e) => r === !1 ? !1 : r === !0 || typeof r.allow > "u" ? e.trim().length >= 1 : r.allow(e)
   };
 }
 export {
-  h as normalizeCreateTagRules,
-  U as normalizeTag
+  U as normalizeCreateTagRules,
+  S as normalizeTag
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.7",
+	"version": "1.0.8",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",