@strapi/design-system 1.3.0 → 1.4.0-beta.0

package/dist/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),T=require("prop-types"),O=require("@strapi/icons/Calendar"),x=require("@strapi/icons/Cross"),z=require("../themes/sizes.cjs"),S=require("../TextInput/TextInput.cjs"),d=require("./components.cjs"),B=require("./DatePickerCalendar.cjs"),h=require("./utils/formatDate.cjs"),M=require("../helpers/useId.cjs"),W=require("../helpers/getDefaultLocale.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=s(o),e=s(T),A=s(O),V=s(x),f=({ariaLabel:t,initialDate:k,selectedDate:n,onChange:q,label:i,locale:v,selectedDateLabel:P,onClear:p,clearLabel:I,disabled:r,id:_,...j})=>{const y=M.useId("datepicker",_),[D,c]=o.useState(!1),l=o.useRef(null),b=o.useRef(null),g=v||W.getDefaultLocale(),m=n?h.formatDate(n,g):"",C=()=>{r||c(u=>!u)},R=()=>{r||(p(),b.current.focus())},E=u=>{q(u),c(!1)},L=()=>{c(!1)};return a.default.createElement(d.DatePickerWrapper,{bold:D},a.default.createElement(S.TextInput,{ref:l,onClick:C,onChange:()=>{},value:m,startAction:a.default.createElement(d.DatePickerButton,{ref:b,onClick:C,"aria-label":n?P(h.formatDate(n,g)):i,type:"button","aria-disabled":r},a.default.createElement(A.default,{"aria-hidden":!0})),endAction:p&&m?a.default.createElement(d.IconBox,{as:"button",onClick:R,"aria-label":I,"aria-disabled":r},a.default.createElement(V.default,null)):void 0,"aria-autocomplete":"none",label:i,"aria-label":t,disabled:r,id:y,...j}),l.current&&l.current.inputWrapperRef&&D&&a.default.createElement(B.DatePickerCalendar,{selectedDate:n,initialDate:k,onChange:E,onEscape:L,popoverSource:l.current.inputWrapperRef,label:i||t}))};f.defaultProps={ariaLabel:void 0,clearLabel:void 0,disabled:!1,id:void 0,label:void 0,initialDate:new Date,onClear:void 0,placeholder:void 0,selectedDate:void 0,size:"M"};f.propTypes={ariaLabel:e.default.string,clearLabel:e.default.string,disabled:e.default.bool,id:e.default.string,initialDate:e.default.instanceOf(Date),label:e.default.string,locale:e.default.string,maxDate:e.default.instanceOf(Date),minDate:e.default.instanceOf(Date),onChange:e.default.func.isRequired,onClear:e.default.func,placeholder:e.default.string,selectedDate:e.default.instanceOf(Date),selectedDateLabel:e.default.func.isRequired,size:e.default.oneOf(Object.keys(z.sizes.input))};exports.DatePicker=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),L=require("prop-types"),O=require("@strapi/icons/Calendar"),x=require("@strapi/icons/Cross"),z=require("../themes/sizes.cjs"),S=require("../TextInput/TextInput.cjs"),d=require("./components.cjs"),B=require("./DatePickerCalendar.cjs"),h=require("./utils/formatDate.cjs"),M=require("../helpers/useId.cjs"),W=require("../helpers/getDefaultLocale.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=s(o),e=s(L),A=s(O),V=s(x),f=({ariaLabel:t,initialDate:k,selectedDate:n,onChange:q,label:c,locale:v,selectedDateLabel:P,onClear:p,clearLabel:I,disabled:r,id:_,...j})=>{const y=M.useId("datepicker",_),[D,i]=o.useState(!1),l=o.useRef(null),g=o.useRef(null),m=v||W.getDefaultLocale(),b=n?h.formatDate(n,m):"",C=()=>{r||i(u=>!u)},R=()=>{r||(p(),g.current.focus())},E=u=>{q(u),i(!1)},T=()=>{i(!1)};return a.default.createElement(d.DatePickerWrapper,{bold:D},a.default.createElement(S.TextInput,{ref:l,onClick:C,onChange:()=>{},value:b,startAction:a.default.createElement(d.DatePickerButton,{ref:g,onClick:C,"aria-label":n?P(h.formatDate(n,m)):c||t,type:"button","aria-disabled":r},a.default.createElement(A.default,{"aria-hidden":!0})),endAction:p&&b?a.default.createElement(d.IconBox,{as:"button",onClick:R,"aria-label":I,"aria-disabled":r},a.default.createElement(V.default,null)):void 0,"aria-autocomplete":"none",label:c,"aria-label":t,disabled:r,id:y,...j}),l.current&&l.current.inputWrapperRef&&D&&a.default.createElement(B.DatePickerCalendar,{selectedDate:n,initialDate:k,onChange:E,onEscape:T,popoverSource:l.current.inputWrapperRef,label:c||t}))};f.defaultProps={ariaLabel:void 0,clearLabel:void 0,disabled:!1,id:void 0,label:void 0,initialDate:new Date,onClear:void 0,placeholder:void 0,selectedDate:void 0,size:"M"};f.propTypes={ariaLabel:e.default.string,clearLabel:e.default.string,disabled:e.default.bool,id:e.default.string,initialDate:e.default.instanceOf(Date),label:e.default.string,locale:e.default.string,maxDate:e.default.instanceOf(Date),minDate:e.default.instanceOf(Date),onChange:e.default.func.isRequired,onClear:e.default.func,placeholder:e.default.string,selectedDate:e.default.instanceOf(Date),selectedDateLabel:e.default.func.isRequired,size:e.default.oneOf(Object.keys(z.sizes.input))};exports.DatePicker=f;

package/dist/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import t, { useState as x, useRef as b } from "react";
+import t, { useState as L, useRef as b } from "react";
 import e from "prop-types";
 import z from "@strapi/icons/Calendar";
 import B from "@strapi/icons/Cross";
@@ -10,11 +10,11 @@ import { formatDate as D } from "./utils/formatDate.js";
 import { useId as _ } from "../helpers/useId.js";
 import { getDefaultLocale as j } from "../helpers/getDefaultLocale.js";
 const g = ({
-  ariaLabel: c,
+  ariaLabel: o,
   initialDate: C,
   selectedDate: a,
   onChange: v,
-  label: o,
+  label: i,
   locale: h,
   selectedDateLabel: k,
   onClear: s,
@@ -23,14 +23,14 @@ const g = ({
   id: R,
   ...P
 }) => {
-  const O = _("datepicker", R), [f, i] = x(!1), n = b(null), p = b(null), u = h || j(), m = a ? D(a, u) : "", d = () => {
-    r || i((l) => !l);
+  const O = _("datepicker", R), [f, l] = L(!1), n = b(null), p = b(null), u = h || j(), m = a ? D(a, u) : "", d = () => {
+    r || l((c) => !c);
   }, y = () => {
     r || (s(), p.current.focus());
-  }, I = (l) => {
-    v(l), i(!1);
-  }, L = () => {
-    i(!1);
+  }, I = (c) => {
+    v(c), l(!1);
+  }, x = () => {
+    l(!1);
   };
   return /* @__PURE__ */ t.createElement(q, {
     bold: f
@@ -43,7 +43,7 @@ const g = ({
     startAction: /* @__PURE__ */ t.createElement(A, {
       ref: p,
       onClick: d,
-      "aria-label": a ? k(D(a, u)) : o,
+      "aria-label": a ? k(D(a, u)) : i || o,
       type: "button",
       "aria-disabled": r
     }, /* @__PURE__ */ t.createElement(z, {
@@ -56,8 +56,8 @@ const g = ({
       "aria-disabled": r
     }, /* @__PURE__ */ t.createElement(B, null)) : void 0,
     "aria-autocomplete": "none",
-    label: o,
-    "aria-label": c,
+    label: i,
+    "aria-label": o,
     disabled: r,
     id: O,
     ...P
@@ -65,9 +65,9 @@ const g = ({
     selectedDate: a,
     initialDate: C,
     onChange: I,
-    onEscape: L,
+    onEscape: x,
     popoverSource: n.current.inputWrapperRef,
-    label: o || c
+    label: i || o
   }));
 };
 g.defaultProps = {

package/dist/DateTimePicker/DateTimePicker.cjs

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

package/dist/DateTimePicker/DateTimePicker.js

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

package/dist/DateTimePicker/DateTimePickerProps.cjs

@@ -0,0 +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;

package/dist/DateTimePicker/DateTimePickerProps.js

@@ -0,0 +1,42 @@
+import t from "react";
+import e from "prop-types";
+const i = (r) => /* @__PURE__ */ t.createElement("div", {
+  ...r
+}), o = {
+  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
+}, l = {
+  ariaLabel: e.string,
+  clearLabel: e.string,
+  disabled: e.bool,
+  error: e.oneOfType([e.string, e.bool]),
+  hint: e.string,
+  label: e.string,
+  labelAction: e.element,
+  name: e.string.isRequired,
+  onChange: e.func.isRequired,
+  onClear: e.func,
+  required: e.bool,
+  selectButtonTitle: e.string,
+  size: e.oneOf(["S", "M"]),
+  step: e.number,
+  value: e.instanceOf(Date)
+};
+i.defaultProps = o;
+i.propTypes = l;
+export {
+  i as DateTimePickerProps,
+  o as dateTimePickerDefaultProps,
+  l as dateTimePickerPropTypes
+};

package/dist/DateTimePicker/__tests__/parseDate.test.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../parseDate.cjs");describe("parseDate",()=>{it("should return a date",()=>{expect(e.parseDate("2021-11-05T15:37:29.592Z")instanceof Date).toBeTruthy()}),it("should return null if the passed params has not the right format",()=>{expect(e.parseDate("test")).toBeNull()})});

package/dist/DateTimePicker/__tests__/parseDate.test.js

@@ -0,0 +1,8 @@
+import { parseDate as t } from "../parseDate.js";
+describe("parseDate", () => {
+  it("should return a date", () => {
+    expect(t("2021-11-05T15:37:29.592Z") instanceof Date).toBeTruthy();
+  }), it("should return null if the passed params has not the right format", () => {
+    expect(t("test")).toBeNull();
+  });
+});

package/dist/DateTimePicker/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./DateTimePicker.cjs");exports.DateTimePicker=e.DateTimePicker;

package/dist/DateTimePicker/index.js

@@ -0,0 +1,4 @@
+import { DateTimePicker as i } from "./DateTimePicker.js";
+export {
+  i as DateTimePicker
+};

package/dist/DateTimePicker/parseDate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=t=>{const e=Date.parse(t);return Number.isNaN(e)?null:new Date(e)};exports.parseDate=r;

package/dist/DateTimePicker/parseDate.js

@@ -0,0 +1,7 @@
+const r = (t) => {
+  const e = Date.parse(t);
+  return Number.isNaN(e) ? null : new Date(e);
+};
+export {
+  r as parseDate
+};

package/dist/Field/Field.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),c=require("prop-types"),p=require("./FieldContext.cjs"),y=require("../helpers/useId.cjs"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(f),e=o(c),d=({children:t,name:u,error:l,hint:n,id:a,...i})=>{const s=y.useId("field",a);return r.default.createElement("div",{...i},r.default.createElement(p.FieldContext.Provider,{value:{name:u,id:s,error:l,hint:n}},t))};d.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0};d.propTypes={children:e.default.node.isRequired,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),name:e.default.string};exports.Field=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),c=require("prop-types"),p=require("./FieldContext.cjs"),y=require("../helpers/useId.cjs"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(f),e=o(c),d=({children:t,name:l,error:u,hint:a,id:n,...i})=>{const s=y.useId("field",n);return r.default.createElement("div",{...i},r.default.createElement(p.FieldContext.Provider,{value:{name:l,id:s,error:u,hint:a}},t))};d.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0};d.propTypes={children:e.default.node.isRequired,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),name:e.default.string};exports.Field=d;

package/dist/Field/Field.js

@@ -1,13 +1,13 @@
 import r from "react";
 import e from "prop-types";
-import { FieldContext as s } from "./FieldContext.js";
-import { useId as f } from "../helpers/useId.js";
-const o = ({ children: i, name: t, error: d, hint: n, id: m, ...p }) => {
-  const a = f("field", m);
+import { FieldContext as f } from "./FieldContext.js";
+import { useId as s } from "../helpers/useId.js";
+const o = ({ children: i, name: t, error: n, hint: d, id: p, ...m }) => {
+  const a = s("field", p);
   return /* @__PURE__ */ r.createElement("div", {
-    ...p
-  }, /* @__PURE__ */ r.createElement(s.Provider, {
-    value: { name: t, id: a, error: d, hint: n }
+    ...m
+  }, /* @__PURE__ */ r.createElement(f.Provider, {
+    value: { name: t, id: a, error: n, hint: d }
   }, i));
 };
 o.defaultProps = {
@@ -18,7 +18,7 @@ o.defaultProps = {
 };
 o.propTypes = {
   children: e.node.isRequired,
-  error: e.string,
+  error: e.oneOfType([e.string, e.bool]),
   hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
   id: e.oneOfType([e.string, e.number]),
   name: e.string

package/dist/Field/FieldError.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),o=require("./FieldContext.cjs"),a=require("../Typography/Typography.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=i(t),n=()=>{const{id:e,error:r}=o.useField();return r?l.default.createElement(a.Typography,{variant:"pi",as:"p",id:`${e}-error`,textColor:"danger600","data-strapi-field-error":!0},r):null};exports.FieldError=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),o=require("./FieldContext.cjs"),a=require("../Typography/Typography.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=i(t),n=()=>{const{id:e,error:r}=o.useField();return!r||typeof r!="string"?null:l.default.createElement(a.Typography,{variant:"pi",as:"p",id:`${e}-error`,textColor:"danger600","data-strapi-field-error":!0},r)};exports.FieldError=n;

package/dist/Field/FieldError.js

@@ -1,16 +1,16 @@
 import t from "react";
 import { useField as o } from "./FieldContext.js";
 import { Typography as i } from "../Typography/Typography.js";
-const l = () => {
+const d = () => {
   const { id: e, error: r } = o();
-  return r ? /* @__PURE__ */ t.createElement(i, {
+  return !r || typeof r != "string" ? null : /* @__PURE__ */ t.createElement(i, {
     variant: "pi",
     as: "p",
     id: `${e}-error`,
     textColor: "danger600",
     "data-strapi-field-error": !0
-  }, r) : null;
+  }, r);
 };
 export {
-  l as FieldError
+  d as FieldError
 };

package/dist/RawTable/RawCell.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),m=require("prop-types"),R=require("../Box/Box.cjs"),c=require("../helpers/getFocusableNodes.cjs"),l=require("../helpers/keyboardKeys.cjs"),w=require("./RawTableContext.cjs"),p=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},g=p(d),a=p(m),y=o=>g.default.createElement(f,{...o,as:"th"}),f=({coords:o,as:h,...N})=>{const n=d.useRef(null),{rowIndex:T,colIndex:x,setTableValues:E}=w.useTable(),[u,i]=d.useState(!1),K=e=>{const t=c.getFocusableNodes(n.current,!0);if(!(t.length===0||t.length===1&&c.getFocusableNodesWithKeyboardNav(t).length===0)){if(t.length>1&&!Boolean(t.find(s=>s.tagName!=="BUTTON"))){e.preventDefault();const s=t.findIndex(r=>r===document.activeElement);if(e.key===l.KeyboardKeys.RIGHT){const r=t[s+1];r&&(e.stopPropagation(),r.focus())}else if(e.key===l.KeyboardKeys.LEFT){const r=t[s-1];r&&(e.stopPropagation(),r.focus())}return}e.key===l.KeyboardKeys.ENTER&&!u?i(!0):(e.key===l.KeyboardKeys.ESCAPE||e.key===l.KeyboardKeys.ENTER)&&u?(i(!1),n.current.focus()):u&&e.stopPropagation()}},b=T===o.row-1&&x===o.col-1;return d.useLayoutEffect(()=>{const e=c.getFocusableNodes(n.current,!0);e.length===0||e.length===1&&c.getFocusableNodesWithKeyboardNav(e).length!==0||e.length>1&&Boolean(e.find(t=>t.tagName!=="BUTTON"))?(n.current.setAttribute("tabIndex",!u&&b?0:-1),e.forEach((t,s)=>{t.setAttribute("tabIndex",u?0:-1),u&&s===0&&t.focus()})):e.forEach(t=>{t.setAttribute("tabIndex",b?0:-1)})},[u,b]),d.useLayoutEffect(()=>{const e=c.getFocusableNodes(n.current,!0),t=()=>{e.length>=1&&(c.getFocusableNodesWithKeyboardNav(e).length!==0||!Boolean(e.find(s=>s.tagName!=="BUTTON")))&&i(!0),E({rowIndex:o.row-1,colIndex:o.col-1})};return e.forEach(s=>{s.addEventListener("focus",t)}),()=>{c.getFocusableNodes(n.current,!0).forEach(r=>{r.removeEventListener("focus",t)})}},[]),g.default.createElement(R.Box,{as:h||"td",ref:n,onKeyDown:K,...N})};y.defaultProps={coords:{}};y.propTypes={["aria-colindex"]:a.default.number.isRequired,children:a.default.node,coords:a.default.shape({col:a.default.number,row:a.default.number})};f.defaultProps={coords:{}};f.propTypes={["aria-colindex"]:a.default.number.isRequired,as:a.default.oneOf(["td","th"]),children:a.default.node,coords:a.default.shape({col:a.default.number,row:a.default.number})};exports.RawTd=f;exports.RawTh=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),m=require("prop-types"),R=require("../Box/Box.cjs"),c=require("../helpers/getFocusableNodes.cjs"),l=require("../helpers/keyboardKeys.cjs"),w=require("./RawTableContext.cjs"),N=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},h=N(d),a=N(m),y=s=>h.default.createElement(f,{...s,as:"th"}),f=({coords:s,as:g,...p})=>{const r=d.useRef(null),{rowIndex:T,colIndex:x,setTableValues:E}=w.useTable(),[u,i]=d.useState(!1),K=e=>{const t=c.getFocusableNodes(r.current,!0);if(console.log(t.find(o=>o.tagName!=="BUTTON")),!(t.length===0||t.length===1&&c.getFocusableNodesWithKeyboardNav(t).length===0)){if(t.length>1&&!Boolean(t.find(o=>o.tagName!=="BUTTON"))){e.preventDefault();const o=t.findIndex(n=>n===document.activeElement);if(e.key===l.KeyboardKeys.RIGHT){const n=t[o+1];n&&(e.stopPropagation(),n.focus())}else if(e.key===l.KeyboardKeys.LEFT){const n=t[o-1];n&&(e.stopPropagation(),n.focus())}return}e.key===l.KeyboardKeys.ENTER&&!u?i(!0):(e.key===l.KeyboardKeys.ESCAPE||e.key===l.KeyboardKeys.ENTER)&&u?(i(!1),r.current.focus()):u&&e.stopPropagation()}},b=T===s.row-1&&x===s.col-1;return d.useLayoutEffect(()=>{const e=c.getFocusableNodes(r.current,!0);e.length===0||e.length===1&&c.getFocusableNodesWithKeyboardNav(e).length!==0||e.length>1&&Boolean(e.find(t=>t.tagName!=="BUTTON"))?(r.current.setAttribute("tabIndex",!u&&b?0:-1),e.forEach((t,o)=>{t.setAttribute("tabIndex",u?0:-1),u&&o===0&&t.focus()})):e.forEach(t=>{t.setAttribute("tabIndex",b?0:-1)})},[u,b]),d.useLayoutEffect(()=>{const e=c.getFocusableNodes(r.current,!0),t=()=>{e.length>=1&&(c.getFocusableNodesWithKeyboardNav(e).length!==0||!Boolean(e.find(o=>o.tagName!=="BUTTON")))&&i(!0),E({rowIndex:s.row-1,colIndex:s.col-1})};return e.forEach(o=>{o.addEventListener("focus",t)}),()=>{c.getFocusableNodes(r.current,!0).forEach(n=>{n.removeEventListener("focus",t)})}},[]),h.default.createElement(R.Box,{as:g||"td",ref:r,onKeyDown:K,...p})};y.defaultProps={coords:{}};y.propTypes={["aria-colindex"]:a.default.number.isRequired,children:a.default.node,coords:a.default.shape({col:a.default.number,row:a.default.number})};f.defaultProps={coords:{}};f.propTypes={["aria-colindex"]:a.default.number.isRequired,as:a.default.oneOf(["td","th"]),children:a.default.node,coords:a.default.shape({col:a.default.number,row:a.default.number})};exports.RawTd=f;exports.RawTh=y;

package/dist/RawTable/RawCell.js

@@ -3,45 +3,45 @@ import n from "prop-types";
 import { Box as R } from "../Box/Box.js";
 import { getFocusableNodes as l, getFocusableNodesWithKeyboardNav as i } from "../helpers/getFocusableNodes.js";
 import { KeyboardKeys as u } from "../helpers/keyboardKeys.js";
-import { useTable as v } from "./RawTableContext.js";
+import { useTable as B } from "./RawTableContext.js";
 const N = (c) => /* @__PURE__ */ h.createElement(m, {
   ...c,
   as: "th"
 }), m = ({ coords: c, as: p, ...g }) => {
-  const s = I(null), { rowIndex: E, colIndex: T, setTableValues: x } = v(), [a, f] = w(!1), y = (e) => {
-    const t = l(s.current, !0);
-    if (!(t.length === 0 || t.length === 1 && i(t).length === 0)) {
-      if (t.length > 1 && !Boolean(t.find((o) => o.tagName !== "BUTTON"))) {
+  const s = I(null), { rowIndex: T, colIndex: E, setTableValues: x } = B(), [a, f] = w(!1), y = (e) => {
+    const o = l(s.current, !0);
+    if (console.log(o.find((t) => t.tagName !== "BUTTON")), !(o.length === 0 || o.length === 1 && i(o).length === 0)) {
+      if (o.length > 1 && !Boolean(o.find((t) => t.tagName !== "BUTTON"))) {
         e.preventDefault();
-        const o = t.findIndex((r) => r === document.activeElement);
+        const t = o.findIndex((r) => r === document.activeElement);
         if (e.key === u.RIGHT) {
-          const r = t[o + 1];
+          const r = o[t + 1];
           r && (e.stopPropagation(), r.focus());
         } else if (e.key === u.LEFT) {
-          const r = t[o - 1];
+          const r = o[t - 1];
           r && (e.stopPropagation(), r.focus());
         }
         return;
       }
       e.key === u.ENTER && !a ? f(!0) : (e.key === u.ESCAPE || e.key === u.ENTER) && a ? (f(!1), s.current.focus()) : a && e.stopPropagation();
     }
-  }, d = E === c.row - 1 && T === c.col - 1;
+  }, d = T === c.row - 1 && E === c.col - 1;
   return b(() => {
     const e = l(s.current, !0);
-    e.length === 0 || e.length === 1 && i(e).length !== 0 || e.length > 1 && Boolean(e.find((t) => t.tagName !== "BUTTON")) ? (s.current.setAttribute("tabIndex", !a && d ? 0 : -1), e.forEach((t, o) => {
-      t.setAttribute("tabIndex", a ? 0 : -1), a && o === 0 && t.focus();
-    })) : e.forEach((t) => {
-      t.setAttribute("tabIndex", d ? 0 : -1);
+    e.length === 0 || e.length === 1 && i(e).length !== 0 || e.length > 1 && Boolean(e.find((o) => o.tagName !== "BUTTON")) ? (s.current.setAttribute("tabIndex", !a && d ? 0 : -1), e.forEach((o, t) => {
+      o.setAttribute("tabIndex", a ? 0 : -1), a && t === 0 && o.focus();
+    })) : e.forEach((o) => {
+      o.setAttribute("tabIndex", d ? 0 : -1);
     });
   }, [a, d]), b(() => {
-    const e = l(s.current, !0), t = () => {
-      e.length >= 1 && (i(e).length !== 0 || !Boolean(e.find((o) => o.tagName !== "BUTTON"))) && f(!0), x({ rowIndex: c.row - 1, colIndex: c.col - 1 });
+    const e = l(s.current, !0), o = () => {
+      e.length >= 1 && (i(e).length !== 0 || !Boolean(e.find((t) => t.tagName !== "BUTTON"))) && f(!0), x({ rowIndex: c.row - 1, colIndex: c.col - 1 });
     };
-    return e.forEach((o) => {
-      o.addEventListener("focus", t);
+    return e.forEach((t) => {
+      t.addEventListener("focus", o);
     }), () => {
       l(s.current, !0).forEach((r) => {
-        r.removeEventListener("focus", t);
+        r.removeEventListener("focus", o);
       });
     };
   }, []), /* @__PURE__ */ h.createElement(R, {

package/dist/Select/Select.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),Z=require("prop-types"),ee=require("@strapi/icons/CarretDown"),te=require("@strapi/icons/Cross"),le=require("../themes/sizes.cjs"),ne=require("./SelectButton.cjs"),re=require("../Field/Field.cjs"),oe=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const ae=require("../Field/FieldHint.cjs"),se=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const ce=require("../Popover/Popover.cjs"),ie=require("../Stack/Stack.cjs"),w=require("../Typography/Typography.cjs"),T=require("../Flex/Flex.cjs"),H=require("../Box/Box.cjs"),de=require("../helpers/useId.cjs"),ue=require("./SelectList.cjs"),B=require("./components.cjs"),fe=require("./hooks/useButtonRef.cjs"),M=require("../VisuallyHidden/VisuallyHidden.cjs"),pe=require("./constants.cjs"),P=require("../helpers/escapeSelector.cjs"),ye=require("./SelectTags.cjs"),he=require("styled-components"),p=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},l=p(d),e=p(Z),me=p(ee),Ee=p(te),be=p(he),ge=be.default(T.Flex)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),ne=require("prop-types"),re=require("@strapi/icons/CarretDown"),oe=require("@strapi/icons/Cross"),se=require("../themes/sizes.cjs"),ae=require("./SelectButton.cjs"),ie=require("../Field/Field.cjs"),ce=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const de=require("../Field/FieldHint.cjs"),ue=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const fe=require("../Popover/Popover.cjs"),pe=require("../Stack/Stack.cjs"),H=require("../Typography/Typography.cjs"),x=require("../Flex/Flex.cjs"),P=require("../Box/Box.cjs"),ye=require("../helpers/useId.cjs"),he=require("./SelectList.cjs"),v=require("./components.cjs"),me=require("./hooks/useButtonRef.cjs"),A=require("../VisuallyHidden/VisuallyHidden.cjs"),ge=require("./constants.cjs"),z=require("../helpers/escapeSelector.cjs"),Ee=require("./SelectTags.cjs"),be=require("styled-components"),f=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},l=f(d),e=f(ne),qe=f(re),Fe=f(oe),Se=f(be),je=Se.default(x.Flex)`
   width: 100%;
-`,C=({label:r,labelAction:A,id:z,children:G,customizeContent:y,placeholder:q,onChange:F,value:n,hint:j,error:f,disabled:c,clearLabel:W,onClear:I,onReachEnd:N,multi:a,required:J,size:K,startIcon:O,withTags:h,...Q})=>{const o=de.useId("select",z),[m,E]=d.useState(void 0),L=fe.useButtonRef(m),R=d.useRef(null),S=`${o}-label`,b=`${o}-content`,U=f?`${o}-error`:j?`${o}-hint`:void 0;if(h&&!a)throw new Error('The "withTags" props can only be used when the "multi" prop is present');const V=()=>{E(void 0)},X=()=>{c||(I(),L.current.focus())},_=t=>{t.preventDefault(),!c&&(t.nativeEvent.which===3||t.nativeEvent.button===2||E(pe.DownState.Mouse))},v=(t,s=!0)=>{a?F(n.includes(t)?n.filter(u=>u!==t):[...n,t]):(F(t),s&&E(void 0))},$=t=>{F(n.includes(t[0])?n.filter(function(s){return this.indexOf(s)<0},t):[...n,...t])};let x,D=[];const k=(t,s)=>{const u=`${o}-option-${t.props.value}`,g=a?n.includes(t.props.value):t.props.value===n;return g&&(h?D.push({label:t.props.children,value:t.props.value}):x=t.props.children),d.cloneElement(t,{id:P.escapeSelector(u),onClick:()=>v(t.props.value),selected:g,multi:a,isChild:s})},Y=d.Children.toArray(G).map(t=>{if(t.type.displayName==="OptGroup"){const s=`${o}-option-${t.props.label}`,u=t.props.children.every(i=>n.includes(i.props.value)),g=!u&&t.props.children.some(i=>n.includes(i.props.value));return d.cloneElement(t,{id:P.escapeSelector(s),onClick:()=>$(t.props.children.map(i=>i.props.value)),selected:u,indeterminate:g,multi:a,children:d.Children.toArray(t.props.children).map(i=>k(i,!0)),value:t.props.label})}else return k(t)});return l.default.createElement(re.Field,{hint:j,error:f,id:o},l.default.createElement(ie.Stack,{spacing:r||j||f?1:0},r&&l.default.createElement(oe.FieldLabel,{required:J,as:"span",id:S,action:A},r),l.default.createElement(B.SelectButtonWrapper,{size:K,hasError:Boolean(f),disabled:c,ref:R},l.default.createElement(ne.SelectButton,{ref:L,labelledBy:`${S} ${b}`,"aria-describedby":U,expanded:Boolean(m),onTrigger:E,id:o,hasError:Boolean(f),disabled:c,onMouseDown:_,...Q}),l.default.createElement(ge,{justifyContent:"space-between"},l.default.createElement(T.Flex,null,O&&l.default.createElement(H.Box,{paddingLeft:3,"aria-hidden":!0},O),h&&l.default.createElement(ye.SelectTags,{tags:D,onRemoveTag:v,disabled:c}),l.default.createElement(H.Box,{paddingLeft:4,paddingRight:4},h?l.default.createElement(l.default.Fragment,null,!n||n.length===0?l.default.createElement(w.Typography,{ellipsis:!0,id:b,textColor:"neutral600"},q):null,l.default.createElement(M.VisuallyHidden,{as:"span",id:b},y?y(n):x||q,n.join(", "))):l.default.createElement(w.Typography,{ellipsis:!0,id:b,textColor:n?"neutral800":"neutral600"},y?y(n):x||q,a&&l.default.createElement(M.VisuallyHidden,{as:"span"},n.join(", "))))),l.default.createElement(T.Flex,null,(a&&n&&n.length||!a&&n)&&I&&l.default.createElement(B.IconBox,{as:"button",type:"button",onClick:X,"aria-label":W,"aria-disabled":c},l.default.createElement(Ee.default,null)),l.default.createElement(B.CaretBox,{paddingLeft:3,"aria-hidden":!0,as:"button",type:"button",onMouseDown:_,tabIndex:-1,disabled:c},l.default.createElement(me.default,null))))),l.default.createElement(ae.FieldHint,null),l.default.createElement(se.FieldError,null)),m&&l.default.createElement(ce.Popover,{source:R,spacing:4,fullWidth:!0,intersectionId:`select-list-intersection-${o}`,onReachEnd:N},l.default.createElement(ue.SelectList,{selectId:o,labelledBy:r?S:void 0,onEscape:V,expanded:m,onSelectItem:(t,s)=>s?$(t):v(t,!1),multi:a},Y)))};C.defaultProps={"aria-label":void 0,children:[],clearLabel:"Clear",customizeContent:void 0,disabled:!1,id:void 0,label:void 0,labelAction:void 0,multi:!1,onChange:()=>{},onClear:void 0,onReachEnd:void 0,value:void 0,hint:void 0,error:void 0,placeholder:"Select...",required:!1,size:"M",startIcon:void 0,withTags:!1};C.propTypes={"aria-label":e.default.string,children:e.default.oneOfType([e.default.arrayOf(e.default.node),e.default.node]),clearLabel:e.default.string,customizeContent:e.default.func,disabled:e.default.bool,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),label:e.default.string,labelAction:e.default.element,multi:e.default.bool,onChange:e.default.func,onClear:e.default.func,onReachEnd:e.default.func,placeholder:e.default.string,required:e.default.bool,size:e.default.oneOf(Object.keys(le.sizes.input)),startIcon:e.default.element,value:e.default.oneOfType([e.default.arrayOf(e.default.oneOfType([e.default.string,e.default.number])),e.default.string,e.default.number]),withTags:e.default.bool};exports.Select=C;
+`,C=({label:r,labelAction:G,id:W,children:N,customizeContent:p,placeholder:q,onChange:F,value:n,hint:S,error:y,disabled:i,clearLabel:I,onClear:O,onReachEnd:J,multi:s,required:K,selectButtonTitle:Q,size:U,startIcon:R,withTags:h,...V})=>{const o=ye.useId("select",W),[m,g]=d.useState(void 0),_=me.useButtonRef(m),L=d.useRef(null),j=`${o}-label`,E=`${o}-content`,D=typeof y=="string",X=D?`${o}-error`:void 0,Y=S?`${o}-hint`:void 0,Z=X||Y;if(h&&!s)throw new Error('The "withTags" props can only be used when the "multi" prop is present');const ee=()=>{g(void 0)},te=()=>{i||(O(),_.current.focus())},$=t=>{t.preventDefault(),!i&&(t.nativeEvent.which===3||t.nativeEvent.button===2||g(ge.DownState.Mouse))},B=(t,a=!0)=>{s?F(n.includes(t)?n.filter(u=>u!==t):[...n,t]):(F(t),a&&g(void 0))},w=t=>{F(n.includes(t[0])?n.filter(function(a){return this.indexOf(a)<0},t):[...n,...t])};let T,M=[];const k=(t,a)=>{const u=`${o}-option-${t.props.value}`,b=s?n.includes(t.props.value):t.props.value===n;return b&&(h?M.push({label:t.props.children,value:t.props.value}):T=t.props.children),d.cloneElement(t,{id:z.escapeSelector(u),onClick:()=>B(t.props.value),selected:b,multi:s,isChild:a})},le=d.Children.toArray(N).map(t=>{if(t.type.displayName==="OptGroup"){const a=`${o}-option-${t.props.label}`,u=t.props.children.every(c=>n.includes(c.props.value)),b=!u&&t.props.children.some(c=>n.includes(c.props.value));return d.cloneElement(t,{id:z.escapeSelector(a),onClick:()=>w(t.props.children.map(c=>c.props.value)),selected:u,indeterminate:b,multi:s,children:d.Children.toArray(t.props.children).map(c=>k(c,!0)),value:t.props.label})}else return k(t)});return l.default.createElement(ie.Field,{hint:S,error:y,id:o},l.default.createElement(pe.Stack,{spacing:r||S||D?1:0},r&&l.default.createElement(ce.FieldLabel,{required:K,as:"span",id:j,action:G},r),l.default.createElement(v.SelectButtonWrapper,{size:U,hasError:Boolean(y),disabled:i,ref:L},l.default.createElement(ae.SelectButton,{ref:_,labelledBy:`${j} ${E}`,"aria-describedby":Z,expanded:Boolean(m),onTrigger:g,id:o,hasError:Boolean(y),disabled:i,onMouseDown:$,...V}),l.default.createElement(je,{justifyContent:"space-between"},l.default.createElement(x.Flex,null,R&&l.default.createElement(P.Box,{paddingLeft:3,"aria-hidden":!0},R),h&&l.default.createElement(Ee.SelectTags,{tags:M,onRemoveTag:B,disabled:i}),l.default.createElement(P.Box,{paddingLeft:4,paddingRight:4},h?l.default.createElement(l.default.Fragment,null,!n||n.length===0?l.default.createElement(H.Typography,{ellipsis:!0,id:E,textColor:"neutral600"},q):null,l.default.createElement(A.VisuallyHidden,{as:"span",id:E},p?p(n):T||q,n.join(", "))):l.default.createElement(H.Typography,{ellipsis:!0,id:E,textColor:n?"neutral800":"neutral600"},p?p(n):T||q,s&&l.default.createElement(A.VisuallyHidden,{as:"span"},n.join(", "))))),l.default.createElement(x.Flex,null,(s&&n&&n.length||!s&&n)&&O&&l.default.createElement(v.IconBox,{as:"button",type:"button",onClick:te,"aria-label":I,"aria-disabled":i,title:I},l.default.createElement(Fe.default,null)),l.default.createElement(v.CaretBox,{paddingLeft:3,"aria-hidden":!0,as:"button",type:"button",onMouseDown:$,tabIndex:-1,disabled:i,title:Q},l.default.createElement(qe.default,null))))),l.default.createElement(de.FieldHint,null),l.default.createElement(ue.FieldError,null)),m&&l.default.createElement(fe.Popover,{source:L,spacing:4,fullWidth:!0,intersectionId:`select-list-intersection-${o}`,onReachEnd:J},l.default.createElement(he.SelectList,{selectId:o,labelledBy:r?j:void 0,onEscape:ee,expanded:m,onSelectItem:(t,a)=>a?w(t):B(t,!1),multi:s},le)))};C.defaultProps={"aria-label":void 0,children:[],clearLabel:"Clear",customizeContent:void 0,disabled:!1,id:void 0,label:void 0,labelAction:void 0,multi:!1,onChange:()=>{},onClear:void 0,onReachEnd:void 0,value:void 0,hint:void 0,error:void 0,placeholder:"Select...",required:!1,selectButtonTitle:"Carret Down Button",size:"M",startIcon:void 0,withTags:!1};C.propTypes={"aria-label":e.default.string,children:e.default.oneOfType([e.default.arrayOf(e.default.node),e.default.node]),clearLabel:e.default.string,customizeContent:e.default.func,disabled:e.default.bool,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),label:e.default.string,labelAction:e.default.element,multi:e.default.bool,onChange:e.default.func,onClear:e.default.func,onReachEnd:e.default.func,placeholder:e.default.string,required:e.default.bool,selectButtonTitle:e.default.string,size:e.default.oneOf(Object.keys(se.sizes.input)),startIcon:e.default.element,value:e.default.oneOfType([e.default.arrayOf(e.default.oneOfType([e.default.string,e.default.number])),e.default.string,e.default.number]),withTags:e.default.bool};exports.Select=C;