@mpen/react-basic-inputs 0.2.6 → 0.2.8

package/dist/react-basic-inputs.d.ts

@@ -14,6 +14,15 @@ export declare function ActionButton({ onClick, ...props }: ActionButtonProps):
 
 export declare type ActionButtonProps = RequiredKeys<ComponentPropsWithoutRef<'button'>, 'onClick'>;
 
+export declare function DatetimeLocalInput({ value, defaultValue, min, max, ...props }: DatetimeLocalInputProps): JSX_2.Element;
+
+export declare type DatetimeLocalInputProps = OverrideProps<'input', {
+    min?: number | string | Date;
+    max?: number | string | Date;
+    value?: number | string | Date;
+    defaultValue?: number | string | Date;
+}, 'type'>;
+
 export declare const DebouncedInput: FC<DebouncedInputProps>;
 
 export declare type DebouncedInputChangeEvent = {

package/dist/react-basic-inputs.js

@@ -1,130 +1,138 @@
-var k = Object.defineProperty;
-var M = (e, t, r) => t in e ? k(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var O = (e, t, r) => (M(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { jsx as x, jsxs as V } from "react/jsx-runtime";
-import { useDebugValue as D, useRef as v, useInsertionEffect as j, useEffect as q, useMemo as N, useCallback as w, createElement as H, forwardRef as R, useState as T, useImperativeHandle as L, useLayoutEffect as z, useId as F } from "react";
-const $ = Object.freeze(() => {
+var V = Object.defineProperty;
+var $ = (e, t, n) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var w = (e, t, n) => ($(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as x, jsxs as k } from "react/jsx-runtime";
+import { useDebugValue as H, useRef as h, useInsertionEffect as L, useEffect as j, useMemo as S, useCallback as D, createElement as q, forwardRef as R, useState as T, useImperativeHandle as F, useLayoutEffect as z, useId as Y } from "react";
+const U = Object.freeze(() => {
 });
-function U(e) {
+function B(e) {
   return e;
 }
 let b;
 typeof window < "u" ? b = (e) => {
-  D(e);
-  const t = v(B);
-  j(() => {
+  H(e);
+  const t = h(P);
+  L(() => {
     t.current = e;
   }, [e]);
-  const r = v(null);
-  return r.current || (r.current = function() {
+  const n = h(null);
+  return n.current || (n.current = function() {
     return t.current.apply(this, arguments);
-  }), r.current;
-} : b = $;
-function Y(e) {
+  }), n.current;
+} : b = U;
+function J(e) {
   return b(e);
 }
-function B() {
+function P() {
   throw new Error("INVALID_USE_EVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.");
 }
-function J() {
-  var e = v(!0);
+function W() {
+  var e = h(!0);
   return e.current ? (e.current = !1, !0) : e.current;
 }
-var E = function(e, t) {
-  var r = J();
-  q(function() {
-    if (!r)
+var O = function(e, t) {
+  var n = W();
+  j(function() {
+    if (!n)
       return e();
   }, t);
 };
-function P(e, ...t) {
+function C(e, ...t) {
   return typeof e == "function" ? e(...t) : e;
 }
-function W(e, t) {
+function G(e, t) {
   if (e.uniqueKey != null)
-    return P(e.uniqueKey, e, t);
+    return C(e.uniqueKey, e, t);
   if (typeof e.value == "string")
     return e.value;
   if (typeof e.value == "number")
     return String(e.value);
   try {
-    const r = JSON.stringify(e.value);
-    if (r !== void 0)
-      return r;
+    const n = JSON.stringify(e.value);
+    if (n !== void 0)
+      return n;
   } catch {
   }
   return String(t);
 }
 class _ {
   constructor() {
-    O(this, "usedKeys", /* @__PURE__ */ new Map());
+    w(this, "usedKeys", /* @__PURE__ */ new Map());
   }
-  fix(t, r) {
-    let s = W(t, r);
+  fix(t, n) {
+    let u = G(t, n);
     for (; ; ) {
-      let u = this.usedKeys.get(s);
-      if (u === void 0) {
-        this.usedKeys.set(s, 1);
+      let r = this.usedKeys.get(u);
+      if (r === void 0) {
+        this.usedKeys.set(u, 1);
         break;
       }
-      this.usedKeys.set(s, ++u), s = `${s}(${u})`;
+      this.usedKeys.set(u, ++r), u = `${u}(${r})`;
     }
-    return s;
+    return u;
   }
 }
-const C = (e) => ({
+const Q = (e) => ({
   value: e,
   text: String(e),
   disabled: !0,
-  key: Q
-}), G = "3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb", Q = "1a53f789-77f5-4ce6-a829-b00e563f1ee8";
-function se({
+  key: Z
+}), X = "3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb", Z = "1a53f789-77f5-4ce6-a829-b00e563f1ee8";
+function ie({
   options: e,
   value: t,
-  invalidValueOption: r = C,
-  onChange: s,
-  placeholder: u,
-  ...f
+  invalidValueOption: n = Q,
+  onChange: u,
+  placeholder: r,
+  ...a
 }) {
-  const l = t == null, o = N(() => t != null && e.some((n) => n.value == t), [e, t]), d = N(() => t == null || !r ? null : r(t), [r, t]), i = N(() => {
+  const f = t == null, o = S(() => t != null && e.some((s) => s.value == t), [e, t]), d = S(() => t == null || !n ? null : n(t), [n, t]), i = S(() => {
     if (o)
       return e;
-    const n = [...e];
-    return l ? u != null && n.unshift({ text: u, hidden: !0, value: null, key: G }) : d && n.push(d), n;
-  }, [o, e, l, d, u]), y = Y((n) => {
-    const p = n.target.selectedIndex, g = i[p];
-    s == null || s({
-      value: g.value,
+    const s = [...e];
+    return f ? r != null && s.unshift({ text: r, hidden: !0, value: null, key: X }) : d && s.push(d), s;
+  }, [o, e, f, d, r]), y = J((s) => {
+    const g = s.target.selectedIndex, N = i[g];
+    u == null || u({
+      value: N.value,
       // option: opt,
       // event: ev,
-      index: p,
+      index: g,
       type: "change",
-      timeStamp: n.timeStamp,
-      target: n.target
+      timeStamp: s.timeStamp,
+      target: s.target
     });
-  }), c = v(null), a = w(() => {
-    c.current && (c.current.selectedIndex < 0 || i[c.current.selectedIndex].value != t) && (c.current.selectedIndex = i.findIndex((n) => n.value == t));
-  }, [i, t]), h = (n) => {
-    c.current = n, a();
+  }), c = h(null), l = D(() => {
+    c.current && (c.current.selectedIndex < 0 || i[c.current.selectedIndex].value != t) && (c.current.selectedIndex = i.findIndex((s) => s.value == t));
+  }, [i, t]), v = (s) => {
+    c.current = s, l();
   };
-  E(() => {
-    a();
-  }, [a]);
+  O(() => {
+    l();
+  }, [l]);
   const m = new _();
-  return /* @__PURE__ */ x("select", { ...f, onChange: y, ref: h, children: i.map((n, p) => {
-    const { value: g, text: ee, uniqueKey: te, ...A } = n, S = m.fix(n, p);
-    return /* @__PURE__ */ H("option", { ...A, key: S, value: S }, n.text);
+  return /* @__PURE__ */ x("select", { ...a, onChange: y, ref: v, children: i.map((s, g) => {
+    const { value: N, text: ne, uniqueKey: re, ...A } = s, K = m.fix(s, g);
+    return /* @__PURE__ */ q("option", { ...A, key: K, value: K }, s.text);
   }) });
 }
-function X(e) {
+function ee(e) {
   return e ? String(e).replace(/\s+/gu, " ").trim() : "";
 }
-const Z = R(function({ value: t = "", onPaste: r, onChange: s, onInput: u, onBlur: f, formatOnChange: l = U, ...o }, d) {
-  const [i, y] = T(t), c = v(t), a = v(!1);
-  E(() => {
-    y(t), a.current = !1, c.current = t;
+function p(e, t = 2) {
+  return String(e).padStart(t, "0");
+}
+function I(e) {
+  const t = new Date(e);
+  let n = `${t.getFullYear()}-${p(t.getMonth() + 1)}-${p(t.getDate())}T${p(t.getHours())}:${p(t.getMinutes())}`;
+  return (t.getSeconds() !== 0 || t.getMilliseconds() !== 0) && (n += ":" + p(t.getSeconds()), t.getMilliseconds() !== 0 && (n += "." + p(t.getMilliseconds(), 3))), n;
+}
+const te = R(function({ value: t = "", onPaste: n, onChange: u, onInput: r, onBlur: a, formatOnChange: f = B, ...o }, d) {
+  const [i, y] = T(t), c = h(t), l = h(!1);
+  O(() => {
+    y(t), l.current = !1, c.current = t;
   }, [t]);
-  const h = {
+  const v = {
     type: "text",
     ...o,
     ref: d,
@@ -149,39 +157,39 @@ const Z = R(function({ value: t = "", onPaste: r, onChange: s, onInput: u, onBlu
     //     // setCurrentValue(formatOnChange(ev.clipboardData.getData('text/plain')))
     // },
     onInput: (m) => {
-      a.current = !0, u == null || u(m);
+      l.current = !0, r == null || r(m);
     },
     onBlur: (m) => {
-      const n = l(i);
-      a.current && (n !== c.current && (s == null || s({
+      const s = f(i);
+      l.current && (s !== c.current && (u == null || u({
         type: "change",
-        value: n,
+        value: s,
         timeStamp: m.timeStamp,
         target: m.target
-      }), c.current = n), n !== m.target.value && y(n)), f == null || f(m);
+      }), c.current = s), s !== m.target.value && y(s)), a == null || a(m);
     }
   };
-  return /* @__PURE__ */ x("input", { ...h });
+  return /* @__PURE__ */ x("input", { ...v });
 });
-function ce({ formatOnChange: e = X, ...t }) {
-  return /* @__PURE__ */ x(Z, { formatOnChange: e, ...t, type: "text" });
+function le({ formatOnChange: e = ee, ...t }) {
+  return /* @__PURE__ */ x(te, { formatOnChange: e, ...t, type: "text" });
 }
-const ie = R(function({
+const ae = R(function({
   onInput: t,
-  style: r,
-  initialHeight: s = "auto",
-  ...u
-}, f) {
-  const l = v(null), [o, d] = T(s), i = w(() => {
-    const c = l.current;
+  style: n,
+  initialHeight: u = "auto",
+  ...r
+}, a) {
+  const f = h(null), [o, d] = T(u), i = D(() => {
+    const c = f.current;
     if (!c)
       return;
-    c.style.height = s;
-    const a = `${c.scrollHeight}px`;
-    d(a), c.style.height = a;
-  }, [s]);
-  L(f, () => ({
-    element: l.current,
+    c.style.height = u;
+    const l = `${c.scrollHeight}px`;
+    d(l), c.style.height = l;
+  }, [u]);
+  F(a, () => ({
+    element: f.current,
     adjustHeight: i
   }), [i]);
   const y = b((c) => {
@@ -189,26 +197,26 @@ const ie = R(function({
   });
   return z(() => {
     i();
-    const c = l.current;
+    const c = f.current;
     if (!c)
       return;
-    const a = new ResizeObserver((h) => {
+    const l = new ResizeObserver((v) => {
       i();
     });
-    return a.observe(c), () => {
-      a.unobserve(c);
+    return l.observe(c), () => {
+      l.unobserve(c);
     };
-  }, [i]), /* @__PURE__ */ x("textarea", { ...u, style: {
+  }, [i]), /* @__PURE__ */ x("textarea", { ...r, style: {
     overflow: "hidden",
     // these 2 styles aren't needed if the caller sets them in CSS.
     resize: "none",
-    ...r,
+    ...n,
     height: o
-  }, onInput: y, ref: l });
+  }, onInput: y, ref: f });
 });
-function ae(e) {
-  const t = F(), r = e.name ?? t, s = e.valueEquals ?? Object.is, u = e.options ?? [], f = new _(), l = b((o) => {
-    const d = Number(o.target.value), i = u[d];
+function fe(e) {
+  const t = Y(), n = e.name ?? t, u = e.valueEquals ?? Object.is, r = e.options ?? [], a = new _(), f = b((o) => {
+    const d = Number(o.target.value), i = r[d];
     i != null && e.onChange != null && e.onChange({
       value: i.value,
       index: d,
@@ -217,50 +225,54 @@ function ae(e) {
       target: o.target
     });
   });
-  return /* @__PURE__ */ x("ul", { className: e.className, children: u.map((o, d) => {
-    const { value: i, text: y, key: c, itemClassName: a, labelClassName: h, inputClassName: m, textClassName: n, ...p } = o, g = f.fix(o, d);
-    return e.value !== void 0 && (p.checked = s(i, e.value)), /* @__PURE__ */ x("li", { className: a, "aria-disabled": p.disabled, children: /* @__PURE__ */ V("label", { className: h, children: [
-      /* @__PURE__ */ x("input", { ...p, className: m, value: d, onChange: l, name: r, type: "radio" }),
-      /* @__PURE__ */ x("span", { className: n, children: y })
-    ] }) }, g);
+  return /* @__PURE__ */ x("ul", { className: e.className, children: r.map((o, d) => {
+    const { value: i, text: y, key: c, itemClassName: l, labelClassName: v, inputClassName: m, textClassName: s, ...g } = o, N = a.fix(o, d);
+    return e.value !== void 0 && (g.checked = u(i, e.value)), /* @__PURE__ */ x("li", { className: l, "aria-disabled": g.disabled, children: /* @__PURE__ */ k("label", { className: v, children: [
+      /* @__PURE__ */ x("input", { ...g, className: m, value: d, onChange: f, name: n, type: "radio" }),
+      /* @__PURE__ */ x("span", { className: s, children: y })
+    ] }) }, N);
   }) });
 }
-function K() {
-  return v(null);
+function M() {
+  return h(null);
 }
-function I(e) {
+function E(e) {
   e.current != null && (clearTimeout(e.current), e.current = null);
 }
-const fe = ({
+const oe = ({
   value: e,
   onChange: t,
-  debounce: r = 500,
-  ...s
+  debounce: n = 500,
+  ...u
 }) => {
-  const u = K(), f = K();
-  E(() => {
-    I(f), u.current != null && (u.current.value = e);
+  const r = M(), a = M();
+  O(() => {
+    E(a), r.current != null && (r.current.value = e);
   }, [e]);
-  const l = () => {
-    u.current != null && u.current.value !== e && (t == null || t({ value: u.current.value }));
+  const f = () => {
+    r.current != null && r.current.value !== e && (t == null || t({ value: r.current.value }));
   };
-  return /* @__PURE__ */ x("input", { ...s, ref: u, defaultValue: e, onInput: () => {
-    I(f), f.current = setTimeout(l, r);
+  return /* @__PURE__ */ x("input", { ...u, ref: r, defaultValue: e, onInput: () => {
+    E(a), a.current = setTimeout(f, n);
   }, onBlur: () => {
-    I(f), l();
+    E(a), f();
   } });
 };
-function le({ onClick: e, ...t }) {
-  return t.onClick = (r) => {
-    r.preventDefault(), e == null || e(r);
+function de({ onClick: e, ...t }) {
+  return t.onClick = (n) => {
+    n.preventDefault(), e == null || e(n);
   }, /* @__PURE__ */ x("button", { type: "button", ...t });
 }
+function me({ value: e, defaultValue: t, min: n, max: u, ...r }) {
+  return e != null && (r.value = I(e)), t != null && (r.defaultValue = I(t)), n != null && (r.min = I(n)), u != null && (r.max = I(u)), /* @__PURE__ */ x("input", { type: "datetime-local", ...r });
+}
 export {
-  le as ActionButton,
-  fe as DebouncedInput,
-  Z as Input,
-  ae as RadioMenu,
-  se as Select,
-  ie as TextArea,
-  ce as TextInput
+  de as ActionButton,
+  me as DatetimeLocalInput,
+  oe as DebouncedInput,
+  te as Input,
+  fe as RadioMenu,
+  ie as Select,
+  ae as TextArea,
+  le as TextInput
 };

package/dist/react-basic-inputs.umd.cjs

@@ -1 +1 @@
-(function(l,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],s):(l=typeof globalThis<"u"?globalThis:l||self,s(l["@mpen/react-basic-inputs"]={},l.jsxRuntime,l.React))})(this,function(l,s,n){"use strict";var J=Object.defineProperty;var W=(l,s,n)=>s in l?J(l,s,{enumerable:!0,configurable:!0,writable:!0,value:n}):l[s]=n;var w=(l,s,n)=>(W(l,typeof s!="symbol"?s+"":s,n),n);const M=Object.freeze(()=>{});function A(e){return e}let g;typeof window<"u"?g=e=>{n.useDebugValue(e);const t=n.useRef(_);n.useInsertionEffect(()=>{t.current=e},[e]);const r=n.useRef(null);return r.current||(r.current=function(){return t.current.apply(this,arguments)}),r.current}:g=M;function j(e){return g(e)}function _(){throw new Error("INVALID_USE_EVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.")}function k(){var e=n.useRef(!0);return e.current?(e.current=!1,!0):e.current}var N=function(e,t){var r=k();n.useEffect(function(){if(!r)return e()},t)};function q(e,...t){return typeof e=="function"?e(...t):e}function D(e,t){if(e.uniqueKey!=null)return q(e.uniqueKey,e,t);if(typeof e.value=="string")return e.value;if(typeof e.value=="number")return String(e.value);try{const r=JSON.stringify(e.value);if(r!==void 0)return r}catch{}return String(t)}class E{constructor(){w(this,"usedKeys",new Map)}fix(t,r){let f=D(t,r);for(;;){let c=this.usedKeys.get(f);if(c===void 0){this.usedKeys.set(f,1);break}this.usedKeys.set(f,++c),f=`${f}(${c})`}return f}}const V=e=>({value:e,text:String(e),disabled:!0,key:L}),H="3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb",L="1a53f789-77f5-4ce6-a829-b00e563f1ee8";function z({options:e,value:t,invalidValueOption:r=V,onChange:f,placeholder:c,...d}){const x=t==null,y=n.useMemo(()=>t!=null&&e.some(u=>u.value==t),[e,t]),m=n.useMemo(()=>t==null||!r?null:r(t),[r,t]),a=n.useMemo(()=>{if(y)return e;const u=[...e];return x?c!=null&&u.unshift({text:c,hidden:!0,value:null,key:H}):m&&u.push(m),u},[y,e,x,m,c]),h=j(u=>{const b=u.target.selectedIndex,I=a[b];f==null||f({value:I.value,index:b,type:"change",timeStamp:u.timeStamp,target:u.target})}),i=n.useRef(null),o=n.useCallback(()=>{i.current&&(i.current.selectedIndex<0||a[i.current.selectedIndex].value!=t)&&(i.current.selectedIndex=a.findIndex(u=>u.value==t))},[a,t]),v=u=>{i.current=u,o()};N(()=>{o()},[o]);const p=new E;return s.jsx("select",{...d,onChange:h,ref:v,children:a.map((u,b)=>{const{value:I,text:G,uniqueKey:Q,...C}=u,T=p.fix(u,b);return n.createElement("option",{...C,key:T,value:T},u.text)})})}function F(e){return e?String(e).replace(/\s+/gu," ").trim():""}const O=n.forwardRef(function({value:t="",onPaste:r,onChange:f,onInput:c,onBlur:d,formatOnChange:x=A,...y},m){const[a,h]=n.useState(t),i=n.useRef(t),o=n.useRef(!1);N(()=>{h(t),o.current=!1,i.current=t},[t]);const v={type:"text",...y,ref:m,value:a,onChange:p=>{h(p.target.value)},onInput:p=>{o.current=!0,c==null||c(p)},onBlur:p=>{const u=x(a);o.current&&(u!==i.current&&(f==null||f({type:"change",value:u,timeStamp:p.timeStamp,target:p.target}),i.current=u),u!==p.target.value&&h(u)),d==null||d(p)}};return s.jsx("input",{...v})});function $({formatOnChange:e=F,...t}){return s.jsx(O,{formatOnChange:e,...t,type:"text"})}const B=n.forwardRef(function({onInput:t,style:r,initialHeight:f="auto",...c},d){const x=n.useRef(null),[y,m]=n.useState(f),a=n.useCallback(()=>{const i=x.current;if(!i)return;i.style.height=f;const o=`${i.scrollHeight}px`;m(o),i.style.height=o},[f]);n.useImperativeHandle(d,()=>({element:x.current,adjustHeight:a}),[a]);const h=g(i=>{a(),t==null||t(i)});return n.useLayoutEffect(()=>{a();const i=x.current;if(!i)return;const o=new ResizeObserver(v=>{a()});return o.observe(i),()=>{o.unobserve(i)}},[a]),s.jsx("textarea",{...c,style:{overflow:"hidden",resize:"none",...r,height:y},onInput:h,ref:x})});function P(e){const t=n.useId(),r=e.name??t,f=e.valueEquals??Object.is,c=e.options??[],d=new E,x=g(y=>{const m=Number(y.target.value),a=c[m];a!=null&&e.onChange!=null&&e.onChange({value:a.value,index:m,type:"change",timeStamp:y.timeStamp,target:y.target})});return s.jsx("ul",{className:e.className,children:c.map((y,m)=>{const{value:a,text:h,key:i,itemClassName:o,labelClassName:v,inputClassName:p,textClassName:u,...b}=y,I=d.fix(y,m);return e.value!==void 0&&(b.checked=f(a,e.value)),s.jsx("li",{className:o,"aria-disabled":b.disabled,children:s.jsxs("label",{className:v,children:[s.jsx("input",{...b,className:p,value:m,onChange:x,name:r,type:"radio"}),s.jsx("span",{className:u,children:h})]})},I)})})}function K(){return n.useRef(null)}function S(e){e.current!=null&&(clearTimeout(e.current),e.current=null)}const U=({value:e,onChange:t,debounce:r=500,...f})=>{const c=K(),d=K();N(()=>{S(d),c.current!=null&&(c.current.value=e)},[e]);const x=()=>{c.current!=null&&c.current.value!==e&&(t==null||t({value:c.current.value}))};return s.jsx("input",{...f,ref:c,defaultValue:e,onInput:()=>{S(d),d.current=setTimeout(x,r)},onBlur:()=>{S(d),x()}})};function Y({onClick:e,...t}){return t.onClick=r=>{r.preventDefault(),e==null||e(r)},s.jsx("button",{type:"button",...t})}l.ActionButton=Y,l.DebouncedInput=U,l.Input=O,l.RadioMenu=P,l.Select=z,l.TextArea=B,l.TextInput=$,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(function(f,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],c):(f=typeof globalThis<"u"?globalThis:f||self,c(f["@mpen/react-basic-inputs"]={},f.jsxRuntime,f.React))})(this,function(f,c,r){"use strict";var Q=Object.defineProperty;var X=(f,c,r)=>c in f?Q(f,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):f[c]=r;var D=(f,c,r)=>(X(f,typeof c!="symbol"?c+"":c,r),r);const A=Object.freeze(()=>{});function j(e){return e}let I;typeof window<"u"?I=e=>{r.useDebugValue(e);const t=r.useRef(k);r.useInsertionEffect(()=>{t.current=e},[e]);const n=r.useRef(null);return n.current||(n.current=function(){return t.current.apply(this,arguments)}),n.current}:I=A;function _(e){return I(e)}function k(){throw new Error("INVALID_USE_EVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.")}function V(){var e=r.useRef(!0);return e.current?(e.current=!1,!0):e.current}var E=function(e,t){var n=V();r.useEffect(function(){if(!n)return e()},t)};function $(e,...t){return typeof e=="function"?e(...t):e}function q(e,t){if(e.uniqueKey!=null)return $(e.uniqueKey,e,t);if(typeof e.value=="string")return e.value;if(typeof e.value=="number")return String(e.value);try{const n=JSON.stringify(e.value);if(n!==void 0)return n}catch{}return String(t)}class M{constructor(){D(this,"usedKeys",new Map)}fix(t,n){let s=q(t,n);for(;;){let u=this.usedKeys.get(s);if(u===void 0){this.usedKeys.set(s,1);break}this.usedKeys.set(s,++u),s=`${s}(${u})`}return s}}const L=e=>({value:e,text:String(e),disabled:!0,key:F}),H="3c9369b7-0a5e-46ea-93c2-e8b9fec67fdb",F="1a53f789-77f5-4ce6-a829-b00e563f1ee8";function z({options:e,value:t,invalidValueOption:n=L,onChange:s,placeholder:u,...d}){const y=t==null,m=r.useMemo(()=>t!=null&&e.some(i=>i.value==t),[e,t]),x=r.useMemo(()=>t==null||!n?null:n(t),[n,t]),a=r.useMemo(()=>{if(m)return e;const i=[...e];return y?u!=null&&i.unshift({text:u,hidden:!0,value:null,key:H}):x&&i.push(x),i},[m,e,y,x,u]),h=_(i=>{const p=i.target.selectedIndex,N=a[p];s==null||s({value:N.value,index:p,type:"change",timeStamp:i.timeStamp,target:i.target})}),l=r.useRef(null),o=r.useCallback(()=>{l.current&&(l.current.selectedIndex<0||a[l.current.selectedIndex].value!=t)&&(l.current.selectedIndex=a.findIndex(i=>i.value==t))},[a,t]),v=i=>{l.current=i,o()};E(()=>{o()},[o]);const g=new M;return c.jsx("select",{...d,onChange:h,ref:v,children:a.map((i,p)=>{const{value:N,text:Z,uniqueKey:R,...G}=i,w=g.fix(i,p);return r.createElement("option",{...G,key:w,value:w},i.text)})})}function Y(e){return e?String(e).replace(/\s+/gu," ").trim():""}function b(e,t=2){return String(e).padStart(t,"0")}function S(e){const t=new Date(e);let n=`${t.getFullYear()}-${b(t.getMonth()+1)}-${b(t.getDate())}T${b(t.getHours())}:${b(t.getMinutes())}`;return(t.getSeconds()!==0||t.getMilliseconds()!==0)&&(n+=":"+b(t.getSeconds()),t.getMilliseconds()!==0&&(n+="."+b(t.getMilliseconds(),3))),n}const T=r.forwardRef(function({value:t="",onPaste:n,onChange:s,onInput:u,onBlur:d,formatOnChange:y=j,...m},x){const[a,h]=r.useState(t),l=r.useRef(t),o=r.useRef(!1);E(()=>{h(t),o.current=!1,l.current=t},[t]);const v={type:"text",...m,ref:x,value:a,onChange:g=>{h(g.target.value)},onInput:g=>{o.current=!0,u==null||u(g)},onBlur:g=>{const i=y(a);o.current&&(i!==l.current&&(s==null||s({type:"change",value:i,timeStamp:g.timeStamp,target:g.target}),l.current=i),i!==g.target.value&&h(i)),d==null||d(g)}};return c.jsx("input",{...v})});function B({formatOnChange:e=Y,...t}){return c.jsx(T,{formatOnChange:e,...t,type:"text"})}const P=r.forwardRef(function({onInput:t,style:n,initialHeight:s="auto",...u},d){const y=r.useRef(null),[m,x]=r.useState(s),a=r.useCallback(()=>{const l=y.current;if(!l)return;l.style.height=s;const o=`${l.scrollHeight}px`;x(o),l.style.height=o},[s]);r.useImperativeHandle(d,()=>({element:y.current,adjustHeight:a}),[a]);const h=I(l=>{a(),t==null||t(l)});return r.useLayoutEffect(()=>{a();const l=y.current;if(!l)return;const o=new ResizeObserver(v=>{a()});return o.observe(l),()=>{o.unobserve(l)}},[a]),c.jsx("textarea",{...u,style:{overflow:"hidden",resize:"none",...n,height:m},onInput:h,ref:y})});function U(e){const t=r.useId(),n=e.name??t,s=e.valueEquals??Object.is,u=e.options??[],d=new M,y=I(m=>{const x=Number(m.target.value),a=u[x];a!=null&&e.onChange!=null&&e.onChange({value:a.value,index:x,type:"change",timeStamp:m.timeStamp,target:m.target})});return c.jsx("ul",{className:e.className,children:u.map((m,x)=>{const{value:a,text:h,key:l,itemClassName:o,labelClassName:v,inputClassName:g,textClassName:i,...p}=m,N=d.fix(m,x);return e.value!==void 0&&(p.checked=s(a,e.value)),c.jsx("li",{className:o,"aria-disabled":p.disabled,children:c.jsxs("label",{className:v,children:[c.jsx("input",{...p,className:g,value:x,onChange:y,name:n,type:"radio"}),c.jsx("span",{className:i,children:h})]})},N)})})}function K(){return r.useRef(null)}function O(e){e.current!=null&&(clearTimeout(e.current),e.current=null)}const C=({value:e,onChange:t,debounce:n=500,...s})=>{const u=K(),d=K();E(()=>{O(d),u.current!=null&&(u.current.value=e)},[e]);const y=()=>{u.current!=null&&u.current.value!==e&&(t==null||t({value:u.current.value}))};return c.jsx("input",{...s,ref:u,defaultValue:e,onInput:()=>{O(d),d.current=setTimeout(y,n)},onBlur:()=>{O(d),y()}})};function J({onClick:e,...t}){return t.onClick=n=>{n.preventDefault(),e==null||e(n)},c.jsx("button",{type:"button",...t})}function W({value:e,defaultValue:t,min:n,max:s,...u}){return e!=null&&(u.value=S(e)),t!=null&&(u.defaultValue=S(t)),n!=null&&(u.min=S(n)),s!=null&&(u.max=S(s)),c.jsx("input",{type:"datetime-local",...u})}f.ActionButton=J,f.DatetimeLocalInput=W,f.DebouncedInput=C,f.Input=T,f.RadioMenu=U,f.Select=z,f.TextArea=P,f.TextInput=B,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,11 +1,9 @@
 {
   "name": "@mpen/react-basic-inputs",
   "private": false,
-  "version": "0.2.6",
+  "version": "0.2.8",
   "type": "module",
   "files": ["dist"],
-  "main": "./dist/react-basic-inputs.umd.cjs",
-  "module": "./dist/react-basic-inputs.js",
   "exports": {
     ".": {
       "import": "./dist/react-basic-inputs.js",
@@ -15,13 +13,15 @@
   },
   "scripts": {
     "dev": "bun run --bun vite",
-    "build": "bun run --bun vite build",
+    "build": "run-p 'build:*'",
+    "build:libs": "bun run --bun vite build",
     "lint": "run-s 'lint:*'",
     "lint:ts": "bun run --bun tsc",
     "lint:es": "bun run --bun eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "bun run --bun vite preview",
     "_prepublishOnly": "bun run --bun build",
-    "_publish": "npm publish --access=public"
+    "_publish": "npm publish --access=public",
+    "build:docs": "typedoc && hg addremove docs"
   },
   "peerDependencies": {
     "react": "^18.2.0"
@@ -42,6 +42,8 @@
     "react-dom": "^18.3.1",
     "react-use": "^17.5.0",
     "sass": "^1.77.2",
+    "typedoc": "^0.26.6",
+    "typedoc-plugin-missing-exports": "^3.0.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^3.9.1"