@strapi/design-system 0.0.0-typescript.0 → 0.0.0-typescript.2

package/dist/DatePicker/DatePickerTh.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),i=require("prop-types"),u=require("styled-components");require("../RawTable/RawTable.cjs");const n=require("../RawTable/RawCell.cjs");require("../RawTable/RawThead.cjs");require("../RawTable/RawTbody.cjs");require("../RawTable/RawTr.cjs");const c=require("../Typography/Typography.cjs"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),p=require("../Flex/Flex.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(s),f=r(i),a=r(u),y=a.default(n.RawTh)`
+"use strict";var y=Object.defineProperty;var o=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var i=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&i(e,r,t[r]);if(o)for(var r of o(t))n.call(t,r)&&i(e,r,t[r]);return e};var d=(e,t)=>{var r={};for(var a in e)u.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&o)for(var a of o(e))t.indexOf(a)<0&&n.call(e,a)&&(r[a]=e[a]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),h=require("prop-types"),R=require("styled-components");require("../RawTable/RawTable.cjs");const b=require("../RawTable/RawCell.cjs");require("../RawTable/RawThead.cjs");require("../RawTable/RawTbody.cjs");require("../RawTable/RawTr.cjs");const w=require("../Typography/Typography.cjs"),g=require("../VisuallyHidden/VisuallyHidden.cjs"),q=require("../Flex/Flex.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=s(T),j=s(h),p=s(R),m=p.default(b.RawTh)`
   // Trick to prevent the outline from overflowing because of the general outline-offset
   outline-offset: -2px;
   border-radius: ${({theme:e})=>e.borderRadius};
   text-transform: capitalize;
-`,T=a.default(p.Flex)`
+`,_=p.default(q.Flex)`
   height: ${24/16}rem;
   width: ${32/16}rem;
-`,l=({children:e,...o})=>t.default.createElement(y,{...o},t.default.createElement(T,{justifyContent:"center"},t.default.createElement(c.Typography,{variant:"pi",fontWeight:"bold",color:"neutral800","aria-hidden":!0},e.substr(0,2)),t.default.createElement(d.VisuallyHidden,null,t.default.createElement("span",null,e))));l.propTypes={children:f.default.string.isRequired};exports.DatePickerTh=l;
+`,f=r=>{var a=r,{children:e}=a,t=d(a,["children"]);return l.default.createElement(m,c({},t),l.default.createElement(_,{justifyContent:"center"},l.default.createElement(w.Typography,{variant:"pi",fontWeight:"bold",color:"neutral800","aria-hidden":!0},e.substr(0,2)),l.default.createElement(g.VisuallyHidden,null,l.default.createElement("span",null,e))))};f.propTypes={children:j.default.string.isRequired};exports.DatePickerTh=f;

package/dist/DatePicker/DatePickerTh.d.ts

@@ -0,0 +1,10 @@
+export function DatePickerTh({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+export namespace DatePickerTh {
+    namespace propTypes {
+        const children: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/DatePicker/DatePickerTh.js

@@ -1,35 +1,56 @@
-import e from "react";
-import i from "prop-types";
-import r from "styled-components";
+var c = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var a = (e, t, r) => t in e ? c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, l = (e, t) => {
+  for (var r in t || (t = {}))
+    m.call(t, r) && a(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      p.call(t, r) && a(e, r, t[r]);
+  return e;
+};
+var s = (e, t) => {
+  var r = {};
+  for (var o in e)
+    m.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
+  if (e != null && n)
+    for (var o of n(e))
+      t.indexOf(o) < 0 && p.call(e, o) && (r[o] = e[o]);
+  return r;
+};
+import i from "react";
+import u from "prop-types";
+import f from "styled-components";
 import "../RawTable/RawTable.js";
-import { RawTh as n } from "../RawTable/RawCell.js";
+import { RawTh as d } from "../RawTable/RawCell.js";
 import "../RawTable/RawThead.js";
 import "../RawTable/RawTbody.js";
 import "../RawTable/RawTr.js";
-import { Typography as a } from "../Typography/Typography.js";
-import { VisuallyHidden as m } from "../VisuallyHidden/VisuallyHidden.js";
-import { Flex as p } from "../Flex/Flex.js";
-const l = r(n)`
+import { Typography as h } from "../Typography/Typography.js";
+import { VisuallyHidden as T } from "../VisuallyHidden/VisuallyHidden.js";
+import { Flex as y } from "../Flex/Flex.js";
+const g = f(d)`
   // Trick to prevent the outline from overflowing because of the general outline-offset
   outline-offset: -2px;
-  border-radius: ${({ theme: t }) => t.borderRadius};
+  border-radius: ${({ theme: e }) => e.borderRadius};
   text-transform: capitalize;
-`, s = r(p)`
+`, b = f(y)`
   height: ${24 / 16}rem;
   width: ${32 / 16}rem;
-`, f = ({ children: t, ...o }) => /* @__PURE__ */ e.createElement(l, {
-  ...o
-}, /* @__PURE__ */ e.createElement(s, {
-  justifyContent: "center"
-}, /* @__PURE__ */ e.createElement(a, {
-  variant: "pi",
-  fontWeight: "bold",
-  color: "neutral800",
-  "aria-hidden": !0
-}, t.substr(0, 2)), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("span", null, t))));
-f.propTypes = {
-  children: i.string.isRequired
+`, E = (r) => {
+  var o = r, { children: e } = o, t = s(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(g, l({}, t), /* @__PURE__ */ i.createElement(b, {
+    justifyContent: "center"
+  }, /* @__PURE__ */ i.createElement(h, {
+    variant: "pi",
+    fontWeight: "bold",
+    color: "neutral800",
+    "aria-hidden": !0
+  }, e.substr(0, 2)), /* @__PURE__ */ i.createElement(T, null, /* @__PURE__ */ i.createElement("span", null, e))));
+};
+E.propTypes = {
+  children: u.string.isRequired
 };
 export {
-  f as DatePickerTh
+  E as DatePickerTh
 };

package/dist/DatePicker/compareDates.d.ts

@@ -0,0 +1 @@
+export function isDateEqual(date1: any, date2: any): boolean;

package/dist/DatePicker/components.d.ts

@@ -0,0 +1,26 @@
+export const DatePickerPopover: import("styled-components").StyledComponent<{
+    (props: any): JSX.Element;
+    propTypes: {
+        centered: import("prop-types").Requireable<boolean>;
+        children: import("prop-types").Validator<NonNullable<import("prop-types").ReactNodeLike>>;
+        fullWidth: import("prop-types").Requireable<boolean>;
+        intersectionId: import("prop-types").Requireable<string>;
+        onReachEnd: import("prop-types").Requireable<(...args: any[]) => any>;
+        placement: import("prop-types").Requireable<string>;
+        source: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            current: import("prop-types").Validator<any>;
+        }>>>;
+        spacing: import("prop-types").Requireable<number>;
+    };
+    defaultProps: {
+        fullWidth: boolean;
+        intersectionId: undefined;
+        onReachEnd: undefined;
+        centered: boolean;
+        placement: string;
+        spacing: number;
+    };
+}, import("styled-components").DefaultTheme, {}, never>;
+export const DatePickerButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export const DatePickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export const IconBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps<HTMLDivElement>, never>;

package/dist/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./DatePicker";

package/dist/DatePicker/utils/formatDate.d.ts

@@ -0,0 +1 @@
+export function formatDate(date: any, locale: any): string;

package/dist/DatePicker/utils/generateWeeks.d.ts

@@ -0,0 +1 @@
+export function generateWeeks(date: any, selectedDate: any): (number | never[][])[];

package/dist/DatePicker/utils/getDayOfWeek.d.ts

@@ -0,0 +1,9 @@
+export function getDayOfWeek(): {
+    sun: string;
+    mon: string;
+    tue: string;
+    wed: string;
+    thu: string;
+    fri: string;
+    sat: string;
+};

package/dist/DatePicker/utils/getMonths.d.ts

@@ -0,0 +1 @@
+export function getMonths(): string[];

package/dist/DatePicker/utils/getYears.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=200,u=15,c=(s,a)=>{const t=new Date().getFullYear(),n=s?.getFullYear()??parseInt(t,10)-l,o=a?.getFullYear()??parseInt(t,10)+u,r=[];for(let e=n;e<=o;e++)r.push(e);return r};exports.getYears=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=200,g=15,F=(e,r)=>{var l,u;const s=new Date().getFullYear(),n=(l=e==null?void 0:e.getFullYear())!=null?l:parseInt(s,10)-Y,c=(u=r==null?void 0:r.getFullYear())!=null?u:parseInt(s,10)+g,o=[];for(let t=n;t<=c;t++)o.push(t);return o};exports.getYears=F;

package/dist/DatePicker/utils/getYears.d.ts

@@ -0,0 +1 @@
+export function getYears(minDate: any, maxDate: any): any[];

package/dist/DatePicker/utils/getYears.js

@@ -1,9 +1,10 @@
-const E = (n, s) => {
-  const t = new Date().getFullYear(), a = n?.getFullYear() ?? parseInt(t, 10) - 200, A = s?.getFullYear() ?? parseInt(t, 10) + 15, r = [];
-  for (let e = a; e <= A; e++)
-    r.push(e);
-  return r;
+const c = (r, e) => {
+  var E, n;
+  const t = new Date().getFullYear(), o = (E = r == null ? void 0 : r.getFullYear()) != null ? E : parseInt(t, 10) - 200, F = (n = e == null ? void 0 : e.getFullYear()) != null ? n : parseInt(t, 10) + 15, A = [];
+  for (let s = o; s <= F; s++)
+    A.push(s);
+  return A;
 };
 export {
-  E as getYears
+  c as getYears
 };

package/dist/DatePicker/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./getDayOfWeek";
+export * from "./getMonths";
+export * from "./generateWeeks";
+export * from "./getYears";
+export * from "./formatDate";

package/dist/DateTimePicker/DateTimePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),E=require("../Stack/Stack.cjs"),v=require("../DatePicker/DatePicker.cjs"),C=require("../TimePicker/TimePicker.cjs"),R=require("../Field/Field.cjs"),x=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const A=require("../Field/FieldHint.cjs"),O=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const q=require("../helpers/useId.cjs"),$=require("./parseDate.cjs"),H=require("./DateTimePickerProps.cjs"),z=i=>i&&typeof i=="object"&&"default"in i?i:{default:i},a=z(p),k=({ariaLabel:i,clearLabel:F,disabled:P,error:f,hint:y,label:o,labelAction:M,onChange:s,onClear:m,name:T,required:D,selectButtonTitle:I,size:g,step:b,value:c,...j})=>{const d=$.parseDate(c),[r,n]=p.useState(d),[u,l]=p.useState(d?`${d.getHours()}:${d.getMinutes()}:${d.getSeconds()}`:null),h=e=>{n(e);let t;u?(t=new Date(e),t.setHours(u.split(":")[0]),t.setMinutes(u.split(":")[1])):(t=new Date(e),l(`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`)),s&&s(t)},w=e=>{l(e);const t=r?new Date(r):new Date;t.setHours(e.split(":")[0]),t.setMinutes(e.split(":")[1]),r||n(t),s&&s(t)},_=()=>{n(void 0),l(void 0),m()},L=()=>{l(void 0);let e;r&&(e=new Date(r),e.setHours("00"),e.setMinutes("00")),s&&s(e)};p.useEffect(()=>{if(c&&+c!=+r){const e=$.parseDate(c);n(e),l(e?`${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}`:null)}else c||(n(void 0),l(void 0))},[c,r]);const S=q.useId("datetime-label",j?.id),V=q.useId("datetimepicker");return a.default.createElement(R.Field,{name:T,role:"group",id:S,"aria-labelledby":S,hint:y,error:f,required:D},a.default.createElement(E.Stack,{spacing:1},o&&a.default.createElement(x.FieldLabel,{action:M},o),a.default.createElement(E.Stack,{horizontal:!0,spacing:2},a.default.createElement(v.DatePicker,{"data-testid":"datetimepicker-date",name:T,ariaLabel:o||i,error:typeof f=="string",selectedDate:r,selectedDateLabel:e=>`Date picker, current is ${e}`,onChange:h,required:D,size:g,onClear:m&&_,clearLabel:F,disabled:P,...j}),a.default.createElement(C.TimePicker,{"data-testid":"datetimepicker-time",size:g,"aria-label":o||i,error:typeof f=="string",value:u,onChange:w,onClear:m&&L,clearLabel:F,required:D,selectButtonTitle:I,disabled:P,step:b})),a.default.createElement(A.FieldHint,null),a.default.createElement(O.FieldError,{id:V})))};k.defaultProps=H.dateTimePickerDefaultProps;k.propTypes=H.dateTimePickerPropTypes;exports.DateTimePicker=k;
+"use strict";var B=Object.defineProperty;var F=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var E=(e,r,i)=>r in e?B(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,y=(e,r)=>{for(var i in r||(r={}))$.call(r,i)&&E(e,i,r[i]);if(F)for(var i of F(r))H.call(r,i)&&E(e,i,r[i]);return e};var M=(e,r)=>{var i={};for(var a in e)$.call(e,a)&&r.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&F)for(var a of F(e))r.indexOf(a)<0&&H.call(e,a)&&(i[a]=e[a]);return i};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),I=require("../Stack/Stack.cjs"),G=require("../DatePicker/DatePicker.cjs"),J=require("../TimePicker/TimePicker.cjs"),K=require("../Field/Field.cjs"),N=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const Q=require("../Field/FieldHint.cjs"),U=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const b=require("../helpers/useId.cjs"),h=require("./parseDate.cjs"),w=require("./DateTimePickerProps.cjs"),W=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=W(p),T=X=>{var S=X,{ariaLabel:e,clearLabel:r,disabled:i,error:a,hint:_,label:m,labelAction:L,onChange:l,onClear:P,name:g,required:V,selectButtonTitle:v,size:j,step:C,value:n}=S,D=M(S,["ariaLabel","clearLabel","disabled","error","hint","label","labelAction","onChange","onClear","name","required","selectButtonTitle","size","step","value"]);const u=h.parseDate(n),[c,f]=p.useState(u),[k,o]=p.useState(u?`${u.getHours()}:${u.getMinutes()}:${u.getSeconds()}`:null),R=t=>{f(t);let s;k?(s=new Date(t),s.setHours(k.split(":")[0]),s.setMinutes(k.split(":")[1])):(s=new Date(t),o(`${s.getHours()}:${s.getMinutes()}:${s.getSeconds()}`)),l&&l(s)},x=t=>{o(t);const s=c?new Date(c):new Date;s.setHours(t.split(":")[0]),s.setMinutes(t.split(":")[1]),c||f(s),l&&l(s)},A=()=>{f(void 0),o(void 0),P()},O=()=>{o(void 0);let t;c&&(t=new Date(c),t.setHours("00"),t.setMinutes("00")),l&&l(t)};p.useEffect(()=>{if(n&&+n!=+c){const t=h.parseDate(n);f(t),o(t?`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`:null)}else n||(f(void 0),o(void 0))},[n,c]);const q=b.useId("datetime-label",D==null?void 0:D.id),z=b.useId("datetimepicker");return d.default.createElement(K.Field,{name:g,role:"group","aria-labelledby":q,hint:_,error:a},d.default.createElement(I.Stack,{spacing:1},m&&d.default.createElement(N.FieldLabel,{required:V,action:L,id:q},m),d.default.createElement(I.Stack,{horizontal:!0,spacing:2},d.default.createElement(G.DatePicker,y({"data-testid":"datetimepicker-date",name:g,ariaLabel:m||e,error:typeof a=="string",selectedDate:c,selectedDateLabel:t=>`Date picker, current is ${t}`,onChange:R,size:j,onClear:P&&A,clearLabel:r,disabled:i},D)),d.default.createElement(J.TimePicker,{"data-testid":"datetimepicker-time",size:j,"aria-label":m||e,error:typeof a=="string",value:k,onChange:x,onClear:P&&O,clearLabel:r,selectButtonTitle:v,disabled:i,step:C})),d.default.createElement(Q.FieldHint,null),d.default.createElement(U.FieldError,{id:z})))};T.defaultProps=w.dateTimePickerDefaultProps;T.propTypes=w.dateTimePickerPropTypes;exports.DateTimePicker=T;

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,24 @@
+export function DateTimePicker({ ariaLabel, clearLabel, disabled, error, hint, label, labelAction, onChange, onClear, name, required, selectButtonTitle, size, step, value, ...props }: {
+    [x: string]: any;
+    ariaLabel: any;
+    clearLabel: any;
+    disabled: any;
+    error: any;
+    hint: any;
+    label: any;
+    labelAction: any;
+    onChange: any;
+    onClear: any;
+    name: any;
+    required: any;
+    selectButtonTitle: any;
+    size: any;
+    step: any;
+    value: any;
+}): JSX.Element;
+export namespace DateTimePicker {
+    export { dateTimePickerDefaultProps as defaultProps };
+    export { dateTimePickerPropTypes as propTypes };
+}
+import { dateTimePickerDefaultProps } from "./DateTimePickerProps";
+import { dateTimePickerPropTypes } from "./DateTimePickerProps";

package/dist/DateTimePicker/DateTimePicker.js

@@ -1,110 +1,143 @@
-import r, { useState as P, useEffect as C } from "react";
-import { Stack as S } from "../Stack/Stack.js";
-import { DatePicker as L } from "../DatePicker/DatePicker.js";
-import { TimePicker as R } from "../TimePicker/TimePicker.js";
-import { Field as j } from "../Field/Field.js";
-import { FieldLabel as z } from "../Field/FieldLabel.js";
+var B = Object.defineProperty;
+var g = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var S = (t, r, i) => r in t ? B(t, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[r] = i, w = (t, r) => {
+  for (var i in r || (r = {}))
+    H.call(r, i) && S(t, i, r[i]);
+  if (g)
+    for (var i of g(r))
+      M.call(r, i) && S(t, i, r[i]);
+  return t;
+};
+var y = (t, r) => {
+  var i = {};
+  for (var a in t)
+    H.call(t, a) && r.indexOf(a) < 0 && (i[a] = t[a]);
+  if (t != null && g)
+    for (var a of g(t))
+      r.indexOf(a) < 0 && M.call(t, a) && (i[a] = t[a]);
+  return i;
+};
+import n, { useState as F, useEffect as G } from "react";
+import { Stack as h } from "../Stack/Stack.js";
+import { DatePicker as J } from "../DatePicker/DatePicker.js";
+import { TimePicker as K } from "../TimePicker/TimePicker.js";
+import { Field as N } from "../Field/Field.js";
+import { FieldLabel as O } from "../Field/FieldLabel.js";
 import "../Field/FieldInput.js";
-import { FieldHint as A } from "../Field/FieldHint.js";
-import { FieldError as B } from "../Field/FieldError.js";
+import { FieldHint as Q } from "../Field/FieldHint.js";
+import { FieldError as U } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { useId as H } from "../helpers/useId.js";
-import { parseDate as M } from "./parseDate.js";
-import { dateTimePickerDefaultProps as G, dateTimePickerPropTypes as J } from "./DateTimePickerProps.js";
-const w = ({
-  ariaLabel: u,
-  clearLabel: D,
-  disabled: g,
-  error: c,
-  hint: y,
-  label: d,
-  labelAction: F,
-  onChange: o,
-  onClear: p,
-  name: T,
-  required: f,
-  selectButtonTitle: h,
-  size: E,
-  step: V,
-  value: a,
-  ...k
-}) => {
-  const n = M(a), [i, m] = P(n), [l, s] = P(
-    n ? `${n.getHours()}:${n.getMinutes()}:${n.getSeconds()}` : null
-  ), I = (e) => {
-    m(e);
-    let t;
-    l ? (t = new Date(e), t.setHours(l.split(":")[0]), t.setMinutes(l.split(":")[1])) : (t = new Date(e), s(`${t.getHours()}:${t.getMinutes()}:${t.getSeconds()}`)), o && o(t);
-  }, _ = (e) => {
-    s(e);
-    const t = i ? new Date(i) : new Date();
-    t.setHours(e.split(":")[0]), t.setMinutes(e.split(":")[1]), i || m(t), o && o(t);
-  }, b = () => {
-    m(void 0), s(void 0), p();
-  }, v = () => {
-    s(void 0);
+import { useId as V } from "../helpers/useId.js";
+import { parseDate as I } from "./parseDate.js";
+import { dateTimePickerDefaultProps as W, dateTimePickerPropTypes as X } from "./DateTimePickerProps.js";
+const _ = (Y) => {
+  var $ = Y, {
+    ariaLabel: t,
+    clearLabel: r,
+    disabled: i,
+    error: a,
+    hint: b,
+    label: f,
+    labelAction: v,
+    onChange: m,
+    onClear: T,
+    name: E,
+    required: x,
+    selectButtonTitle: C,
+    size: k,
+    step: L,
+    value: d
+  } = $, u = y($, [
+    "ariaLabel",
+    "clearLabel",
+    "disabled",
+    "error",
+    "hint",
+    "label",
+    "labelAction",
+    "onChange",
+    "onClear",
+    "name",
+    "required",
+    "selectButtonTitle",
+    "size",
+    "step",
+    "value"
+  ]);
+  const c = I(d), [s, p] = F(c), [D, l] = F(
+    c ? `${c.getHours()}:${c.getMinutes()}:${c.getSeconds()}` : null
+  ), R = (e) => {
+    p(e);
+    let o;
+    D ? (o = new Date(e), o.setHours(D.split(":")[0]), o.setMinutes(D.split(":")[1])) : (o = new Date(e), l(`${o.getHours()}:${o.getMinutes()}:${o.getSeconds()}`)), m && m(o);
+  }, j = (e) => {
+    l(e);
+    const o = s ? new Date(s) : new Date();
+    o.setHours(e.split(":")[0]), o.setMinutes(e.split(":")[1]), s || p(o), m && m(o);
+  }, q = () => {
+    p(void 0), l(void 0), T();
+  }, z = () => {
+    l(void 0);
     let e;
-    i && (e = new Date(i), e.setHours("00"), e.setMinutes("00")), o && o(e);
+    s && (e = new Date(s), e.setHours("00"), e.setMinutes("00")), m && m(e);
   };
-  C(() => {
-    if (a && +a != +i) {
-      const e = M(a);
-      m(e), s(
+  G(() => {
+    if (d && +d != +s) {
+      const e = I(d);
+      p(e), l(
         e ? `${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}` : null
       );
     } else
-      a || (m(void 0), s(void 0));
-  }, [a, i]);
-  const $ = H("datetime-label", k?.id), x = H("datetimepicker");
-  return /* @__PURE__ */ r.createElement(j, {
-    name: T,
+      d || (p(void 0), l(void 0));
+  }, [d, s]);
+  const P = V("datetime-label", u == null ? void 0 : u.id), A = V("datetimepicker");
+  return /* @__PURE__ */ n.createElement(N, {
+    name: E,
     role: "group",
-    id: $,
-    "aria-labelledby": $,
-    hint: y,
-    error: c,
-    required: f
-  }, /* @__PURE__ */ r.createElement(S, {
+    "aria-labelledby": P,
+    hint: b,
+    error: a
+  }, /* @__PURE__ */ n.createElement(h, {
     spacing: 1
-  }, d && /* @__PURE__ */ r.createElement(z, {
-    action: F
-  }, d), /* @__PURE__ */ r.createElement(S, {
+  }, f && /* @__PURE__ */ n.createElement(O, {
+    required: x,
+    action: v,
+    id: P
+  }, f), /* @__PURE__ */ n.createElement(h, {
     horizontal: !0,
     spacing: 2
-  }, /* @__PURE__ */ r.createElement(L, {
+  }, /* @__PURE__ */ n.createElement(J, w({
     "data-testid": "datetimepicker-date",
-    name: T,
-    ariaLabel: d || u,
-    error: typeof c == "string",
-    selectedDate: i,
+    name: E,
+    ariaLabel: f || t,
+    error: typeof a == "string",
+    selectedDate: s,
     selectedDateLabel: (e) => `Date picker, current is ${e}`,
-    onChange: I,
-    required: f,
-    size: E,
-    onClear: p && b,
-    clearLabel: D,
-    disabled: g,
-    ...k
-  }), /* @__PURE__ */ r.createElement(R, {
+    onChange: R,
+    size: k,
+    onClear: T && q,
+    clearLabel: r,
+    disabled: i
+  }, u)), /* @__PURE__ */ n.createElement(K, {
     "data-testid": "datetimepicker-time",
-    size: E,
-    "aria-label": d || u,
-    error: typeof c == "string",
-    value: l,
-    onChange: _,
-    onClear: p && v,
-    clearLabel: D,
-    required: f,
-    selectButtonTitle: h,
-    disabled: g,
-    step: V
-  })), /* @__PURE__ */ r.createElement(A, null), /* @__PURE__ */ r.createElement(B, {
-    id: x
+    size: k,
+    "aria-label": f || t,
+    error: typeof a == "string",
+    value: D,
+    onChange: j,
+    onClear: T && z,
+    clearLabel: r,
+    selectButtonTitle: C,
+    disabled: i,
+    step: L
+  })), /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(U, {
+    id: A
   })));
 };
-w.defaultProps = G;
-w.propTypes = J;
+_.defaultProps = W;
+_.propTypes = X;
 export {
-  w as DateTimePicker
+  _ as DateTimePicker
 };

package/dist/DateTimePicker/DateTimePickerProps.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),d=require("prop-types"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=l(o),e=l(d),a=t=>u.default.createElement("div",{...t}),r={ariaLabel:void 0,clearLabel:"clear",disabled:!1,error:void 0,hint:void 0,label:void 0,labelAction:void 0,onClear:void 0,required:!1,selectButtonTitle:"select",size:"M",step:1,value:void 0},i={ariaLabel:e.default.string,clearLabel:e.default.string,disabled:e.default.bool,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.string,label:e.default.string,labelAction:e.default.element,name:e.default.string.isRequired,onChange:e.default.func.isRequired,onClear:e.default.func,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(["S","M"]),step:e.default.number,value:e.default.instanceOf(Date)};a.defaultProps=r;a.propTypes=i;exports.DateTimePickerProps=a;exports.dateTimePickerDefaultProps=r;exports.dateTimePickerPropTypes=i;
+"use strict";var f=Object.defineProperty;var i=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var o=(t,a,l)=>a in t?f(t,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[a]=l,d=(t,a)=>{for(var l in a||(a={}))c.call(a,l)&&o(t,l,a[l]);if(i)for(var l of i(a))p.call(a,l)&&o(t,l,a[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),P=require("prop-types"),u=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},T=u(b),e=u(P),r=t=>T.default.createElement("div",d({},t)),s={ariaLabel:void 0,clearLabel:"clear",disabled:!1,error:void 0,hint:void 0,label:void 0,labelAction:void 0,onClear:void 0,required:!1,selectButtonTitle:"select",size:"M",step:1,value:void 0},n={ariaLabel:e.default.string,clearLabel:e.default.string,disabled:e.default.bool,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.string,label:e.default.string,labelAction:e.default.element,name:e.default.string.isRequired,onChange:e.default.func.isRequired,onClear:e.default.func,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(["S","M"]),step:e.default.number,value:e.default.instanceOf(Date)};r.defaultProps=s;r.propTypes=n;exports.DateTimePickerProps=r;exports.dateTimePickerDefaultProps=s;exports.dateTimePickerPropTypes=n;

package/dist/DateTimePicker/DateTimePickerProps.d.ts

@@ -0,0 +1,51 @@
+export function DateTimePickerProps(props: any): JSX.Element;
+export namespace DateTimePickerProps {
+    export { dateTimePickerDefaultProps as defaultProps };
+    export { dateTimePickerPropTypes as propTypes };
+}
+export namespace dateTimePickerDefaultProps {
+    const ariaLabel: undefined;
+    const clearLabel: string;
+    const disabled: boolean;
+    const error: undefined;
+    const hint: undefined;
+    const label: undefined;
+    const labelAction: undefined;
+    const onClear: undefined;
+    const required: boolean;
+    const selectButtonTitle: string;
+    const size: string;
+    const step: number;
+    const value: undefined;
+}
+export namespace dateTimePickerPropTypes {
+    const ariaLabel_1: PropTypes.Requireable<string>;
+    export { ariaLabel_1 as ariaLabel };
+    const clearLabel_1: PropTypes.Requireable<string>;
+    export { clearLabel_1 as clearLabel };
+    const disabled_1: PropTypes.Requireable<boolean>;
+    export { disabled_1 as disabled };
+    const error_1: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+    export { error_1 as error };
+    const hint_1: PropTypes.Requireable<string>;
+    export { hint_1 as hint };
+    const label_1: PropTypes.Requireable<string>;
+    export { label_1 as label };
+    const labelAction_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    export { labelAction_1 as labelAction };
+    export const name: PropTypes.Validator<string>;
+    export const onChange: PropTypes.Validator<(...args: any[]) => any>;
+    const onClear_1: PropTypes.Requireable<(...args: any[]) => any>;
+    export { onClear_1 as onClear };
+    const required_1: PropTypes.Requireable<boolean>;
+    export { required_1 as required };
+    const selectButtonTitle_1: PropTypes.Requireable<string>;
+    export { selectButtonTitle_1 as selectButtonTitle };
+    const size_1: PropTypes.Requireable<string>;
+    export { size_1 as size };
+    const step_1: PropTypes.Requireable<number>;
+    export { step_1 as step };
+    const value_1: PropTypes.Requireable<Date>;
+    export { value_1 as value };
+}
+import PropTypes from "prop-types";

package/dist/DateTimePicker/DateTimePickerProps.js

@@ -1,8 +1,17 @@
-import t from "react";
+var s = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var l = (t, i, r) => i in t ? s(t, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[i] = r, a = (t, i) => {
+  for (var r in i || (i = {}))
+    d.call(i, r) && l(t, r, i[r]);
+  if (o)
+    for (var r of o(i))
+      c.call(i, r) && l(t, r, i[r]);
+  return t;
+};
+import p from "react";
 import e from "prop-types";
-const i = (r) => /* @__PURE__ */ t.createElement("div", {
-  ...r
-}), o = {
+const n = (t) => /* @__PURE__ */ p.createElement("div", a({}, t)), b = {
   ariaLabel: void 0,
   clearLabel: "clear",
   disabled: !1,
@@ -16,7 +25,7 @@ const i = (r) => /* @__PURE__ */ t.createElement("div", {
   size: "M",
   step: 1,
   value: void 0
-}, l = {
+}, u = {
   ariaLabel: e.string,
   clearLabel: e.string,
   disabled: e.bool,
@@ -33,10 +42,10 @@ const i = (r) => /* @__PURE__ */ t.createElement("div", {
   step: e.number,
   value: e.instanceOf(Date)
 };
-i.defaultProps = o;
-i.propTypes = l;
+n.defaultProps = b;
+n.propTypes = u;
 export {
-  i as DateTimePickerProps,
-  o as dateTimePickerDefaultProps,
-  l as dateTimePickerPropTypes
+  n as DateTimePickerProps,
+  b as dateTimePickerDefaultProps,
+  u as dateTimePickerPropTypes
 };

package/dist/DateTimePicker/__tests__/parseDate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/DateTimePicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./DateTimePicker";

package/dist/DateTimePicker/parseDate.d.ts

@@ -0,0 +1 @@
+export function parseDate(date: any): Date | null;