@wrdagency/blockout 0.1.6 → 0.1.8

package/dist/components/controls/base-control/props.d.ts

@@ -1,8 +1,8 @@
 import { FC, ReactNode } from 'react';
 export type CommonProps = {
-    label?: string;
+    label?: ReactNode;
     className?: string;
-    help?: string;
+    help?: ReactNode;
     prefix?: ReactNode;
     suffix?: ReactNode;
     required?: boolean;

package/dist/components/controls/date-control/component.js

@@ -1,35 +1,35 @@
 import { jsx as x } from "react/jsx-runtime";
 import { forwardRef as V } from "react";
-import { parseDateString as f, getComponentMaxValue as v, getComponentMinValue as D, getComponentMaxLength as M, getComponentPlaceholder as w, formatDateString as F } from "./types.js";
-const j = V((r, m) => {
+import { parseDateString as f, getComponentMaxValue as v, getComponentMinValue as D, getComponentMaxLength as M, getComponentPlaceholder as w, getComponentAutocomplete as F, formatDateString as L } from "./types.js";
+const A = V((m, r) => {
   const {
     component: e,
     dataFormat: t,
-    viewFormat: L,
+    viewFormat: P,
     value: p,
     onChangeValue: l,
     autoComplete: u,
     ...c
-  } = r, n = f(p, t), s = n[e], i = w(e), o = D(e), a = v(e), g = M(e), C = (d) => {
+  } = m, o = f(p, t), s = o[e], i = w(e), n = D(e), a = v(e), g = M(e), C = (d) => {
     const h = {
-      ...n,
+      ...o,
       [e]: d.currentTarget.value
     };
-    l(F(h, t));
+    l(L(h, t));
   };
   return /* @__PURE__ */ x(
     "input",
     {
-      ref: m,
+      ref: r,
       value: s,
       className: "component-date-control__input",
       inputMode: "numeric",
-      autoComplete: u + "-" + e,
+      autoComplete: F(u, e),
       placeholder: i,
       step: 1,
       maxLength: g,
-      "aria-valuemin": o,
-      min: o,
+      "aria-valuemin": n,
+      min: n,
       max: a,
       "aria-valuemax": a,
       onChange: C,
@@ -38,5 +38,5 @@ const j = V((r, m) => {
   );
 });
 export {
-  j as DateComponentInput
+  A as DateComponentInput
 };

package/dist/components/controls/date-control/types.d.ts

@@ -12,3 +12,4 @@ export declare function getComponentMaxLength(component: DateComponent): 4 | 2;
 export declare function getComponentMinValue(component: DateComponent): 1 | 0 | 1900;
 export declare function getComponentMaxValue(component: DateComponent): 12 | 31 | 99 | 3000;
 export declare function getComponentPlaceholder(component: DateComponent): "DD" | "MM" | "YY" | "YYYY";
+export declare function getComponentAutocomplete(prefix: string | undefined, component: DateComponent): string;

package/dist/components/controls/date-control/types.js

@@ -1,32 +1,32 @@
-function i() {
+function l() {
   return {
     components: ["fullYear", "month", "day"],
     separator: "-"
   };
 }
-function l(e, r) {
-  const { separator: n, components: a } = r, u = (e || "").split(n);
+function i(e, t) {
+  const { separator: n, components: a } = t, u = (e || "").split(n);
   return a.reduce(
-    (t, o, c) => ({
-      ...t,
+    (r, o, c) => ({
+      ...r,
       [o]: u[c]
     }),
     {}
   );
 }
-function f(e, r) {
-  const { separator: n, components: a } = r, u = /\D/g;
-  return a.map(function(t) {
-    return (e[t] || "").replace(u, "").substring(0, s(t));
+function f(e, t) {
+  const { separator: n, components: a } = t, u = /\D/g;
+  return a.map(function(r) {
+    return (e[r] || "").replace(u, "").substring(0, s(r));
   }).join(n);
 }
 function s(e) {
   return e === "fullYear" ? 4 : 2;
 }
-function p(e) {
+function m(e) {
   return e === "year" ? 0 : e === "fullYear" ? 1900 : 1;
 }
-function g(e) {
+function p(e) {
   switch (e) {
     case "day":
       return 31;
@@ -38,7 +38,7 @@ function g(e) {
       return 3e3;
   }
 }
-function m(e) {
+function g(e) {
   switch (e) {
     case "day":
       return "DD";
@@ -50,12 +50,25 @@ function m(e) {
       return "YYYY";
   }
 }
+function Y(e, t) {
+  switch (t) {
+    case "day":
+      return `${e}-day`;
+    case "month":
+      return `${e}-month`;
+    case "year":
+      return `${e}-year`;
+    case "fullYear":
+      return `${e}-year`;
+  }
+}
 export {
   f as formatDateString,
+  Y as getComponentAutocomplete,
   s as getComponentMaxLength,
-  g as getComponentMaxValue,
-  p as getComponentMinValue,
-  m as getComponentPlaceholder,
-  i as getDefaultFormat,
-  l as parseDateString
+  p as getComponentMaxValue,
+  m as getComponentMinValue,
+  g as getComponentPlaceholder,
+  l as getDefaultFormat,
+  i as parseDateString
 };

package/package.json

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