@strapi/design-system 1.3.1 → 1.4.0-beta.1

package/dist/RawTable/RawCell.js

@@ -1,100 +1,115 @@
-var K = Object.defineProperty, L = Object.defineProperties;
-var O = Object.getOwnPropertyDescriptors;
-var i = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var T = (e, o, r) => o in e ? K(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, h = (e, o) => {
-  for (var r in o || (o = {}))
-    x.call(o, r) && T(e, r, o[r]);
-  if (i)
-    for (var r of i(o))
-      y.call(o, r) && T(e, r, o[r]);
+var O = Object.defineProperty, D = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var v = (e, n, r) => n in e ? O(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r, g = (e, n) => {
+  for (var r in n || (n = {}))
+    I.call(n, r) && v(e, r, n[r]);
+  if (m)
+    for (var r of m(n))
+      w.call(n, r) && v(e, r, n[r]);
   return e;
-}, I = (e, o) => L(e, O(o));
-var w = (e, o) => {
+}, R = (e, n) => D(e, U(n));
+var A = (e, n) => {
   var r = {};
   for (var c in e)
-    x.call(e, c) && o.indexOf(c) < 0 && (r[c] = e[c]);
-  if (e != null && i)
-    for (var c of i(e))
-      o.indexOf(c) < 0 && y.call(e, c) && (r[c] = e[c]);
+    I.call(e, c) && n.indexOf(c) < 0 && (r[c] = e[c]);
+  if (e != null && m)
+    for (var c of m(e))
+      n.indexOf(c) < 0 && w.call(e, c) && (r[c] = e[c]);
   return r;
 };
-import v, { useRef as D, useState as U, useLayoutEffect as R } from "react";
-import a from "prop-types";
-import { Box as q } from "../Box/Box.js";
-import { getFocusableNodes as m, getFocusableNodesWithKeyboardNav as N } from "../helpers/getFocusableNodes.js";
-import { KeyboardKeys as d } from "../helpers/keyboardKeys.js";
-import { useTable as S } from "./RawTableContext.js";
-const B = (e) => /* @__PURE__ */ v.createElement(g, I(h({}, e), {
+import B, { useRef as q, useState as C, useLayoutEffect as P, useCallback as S } from "react";
+import s from "prop-types";
+import { Box as _ } from "../Box/Box.js";
+import { getFocusableNodes as f, getFocusableNodesWithKeyboardNav as E } from "../helpers/getFocusableNodes.js";
+import { KeyboardKeys as b } from "../helpers/keyboardKeys.js";
+import { useTable as G } from "./RawTableContext.js";
+const F = (e) => /* @__PURE__ */ B.createElement(T, R(g({}, e), {
   as: "th"
-})), g = (c) => {
-  var E = c, { coords: e, as: o } = E, r = w(E, ["coords", "as"]);
-  const l = D(null), { rowIndex: P, colIndex: A, setTableValues: F } = S(), [f, p] = U(!1), k = (t) => {
-    const n = m(l.current, !0);
-    if (!(n.length === 0 || n.length === 1 && N(n).length === 0)) {
-      if (n.length > 1 && !Boolean(n.find((s) => s.tagName !== "BUTTON"))) {
-        t.preventDefault();
-        const s = n.findIndex((u) => u === document.activeElement);
-        if (t.key === d.RIGHT) {
-          const u = n[s + 1];
-          u && (t.stopPropagation(), u.focus());
-        } else if (t.key === d.LEFT) {
-          const u = n[s - 1];
-          u && (t.stopPropagation(), u.focus());
-        }
-        return;
+})), T = (c) => {
+  var x = c, { coords: e, as: n } = x, r = A(x, ["coords", "as"]);
+  const u = q(null), { rowIndex: K, colIndex: k, setTableValues: y } = G(), [l, h] = C(!1), L = (t) => {
+    const o = f(u.current, !0);
+    if (o.length === 0 || o.length === 1 && E(o).length === 0)
+      return;
+    if (o.length > 1 && !o.find((i) => i.tagName !== "BUTTON")) {
+      t.preventDefault();
+      const i = o.findIndex((d) => d === document.activeElement);
+      if (t.key === b.RIGHT) {
+        const d = o[i + 1];
+        d && (t.stopPropagation(), d.focus());
+      } else if (t.key === b.LEFT) {
+        const d = o[i - 1];
+        d && (t.stopPropagation(), d.focus());
       }
-      t.key === d.ENTER && !f ? p(!0) : (t.key === d.ESCAPE || t.key === d.ENTER) && f ? (p(!1), l.current.focus()) : f && t.stopPropagation();
+      return;
     }
-  }, b = P === e.row - 1 && A === e.col - 1;
-  return R(() => {
-    const t = m(l.current, !0);
-    t.length === 0 || t.length === 1 && N(t).length !== 0 || t.length > 1 && Boolean(t.find((n) => n.tagName !== "BUTTON")) ? (l.current.setAttribute("tabIndex", !f && b ? 0 : -1), t.forEach((n, s) => {
-      n.setAttribute("tabIndex", f ? 0 : -1), f && s === 0 && n.focus();
-    })) : t.forEach((n) => {
-      n.setAttribute("tabIndex", b ? 0 : -1);
+    const a = t.key === b.ENTER;
+    if (a && !l)
+      h(!0);
+    else if ((t.key === b.ESCAPE || a) && l) {
+      if (a && document.activeElement.tagName === "A")
+        return;
+      h(!1), u.current.focus();
+    } else
+      l && t.stopPropagation();
+  }, p = K === e.row - 1 && k === e.col - 1;
+  P(() => {
+    const t = f(u.current, !0);
+    t.length === 0 || t.length === 1 && E(t).length !== 0 || t.length > 1 && Boolean(t.find((o) => o.tagName !== "BUTTON")) ? (u.current.setAttribute("tabIndex", !l && p ? 0 : -1), t.forEach((o, a) => {
+      o.setAttribute("tabIndex", l ? 0 : -1), l && a === 0 && o.focus();
+    })) : t.forEach((o) => {
+      o.setAttribute("tabIndex", p ? 0 : -1);
     });
-  }, [f, b]), R(() => {
-    const t = m(l.current, !0), n = () => {
-      t.length >= 1 && (N(t).length !== 0 || !Boolean(t.find((s) => s.tagName !== "BUTTON"))) && p(!0), F({ rowIndex: e.row - 1, colIndex: e.col - 1 });
-    };
-    return t.forEach((s) => {
-      s.addEventListener("focus", n);
+  }, [l, p]);
+  const N = S(() => {
+    const t = f(u.current, !0);
+    t.length >= 1 && (E(t).length !== 0 || !t.find((o) => o.tagName !== "BUTTON")) && h(!0), y({ rowIndex: e.row - 1, colIndex: e.col - 1 });
+  }, [e, y]);
+  return P(() => {
+    const t = u.current;
+    return f(t, !0).forEach((a) => {
+      a.addEventListener("focus", N);
     }), () => {
-      m(l.current, !0).forEach((u) => {
-        u.removeEventListener("focus", n);
+      f(t, !0).forEach((i) => {
+        i.removeEventListener("focus", N);
       });
     };
-  }, []), /* @__PURE__ */ v.createElement(q, h({
-    as: o || "td",
-    ref: l,
-    onKeyDown: k
+  }, [N]), /* @__PURE__ */ B.createElement(_, g({
+    role: "gridcell",
+    as: n,
+    ref: u,
+    onKeyDown: L
   }, r));
 };
-B.defaultProps = {
+F.defaultProps = {
+  children: void 0,
   coords: {}
 };
-B.propTypes = {
-  ["aria-colindex"]: a.number.isRequired,
-  children: a.node,
-  coords: a.shape({
-    col: a.number,
-    row: a.number
+F.propTypes = {
+  "aria-colindex": s.number.isRequired,
+  children: s.node,
+  coords: s.shape({
+    col: s.number,
+    row: s.number
   })
 };
-g.defaultProps = {
+T.defaultProps = {
+  as: "td",
+  children: void 0,
   coords: {}
 };
-g.propTypes = {
-  ["aria-colindex"]: a.number.isRequired,
-  as: a.oneOf(["td", "th"]),
-  children: a.node,
-  coords: a.shape({
-    col: a.number,
-    row: a.number
+T.propTypes = {
+  "aria-colindex": s.number.isRequired,
+  as: s.oneOf(["td", "th"]),
+  children: s.node,
+  coords: s.shape({
+    col: s.number,
+    row: s.number
   })
 };
 export {
-  g as RawTd,
-  B as RawTh
+  T as RawTd,
+  F as RawTh
 };

package/dist/RawTable/RawTable.cjs

@@ -1 +1 @@
-"use strict";var O=Object.defineProperty;var f=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var T=(e,a,r)=>a in e?O(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,P=(e,a)=>{for(var r in a||(a={}))p.call(a,r)&&T(e,r,a[r]);if(f)for(var r of f(a))R.call(a,r)&&T(e,r,a[r]);return e};var _=(e,a)=>{var r={};for(var u in e)p.call(e,u)&&a.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&f)for(var u of f(e))a.indexOf(u)<0&&R.call(e,u)&&(r[u]=e[u]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),g=require("prop-types"),h=require("./RawTableContext.cjs"),l=require("../helpers/keyboardKeys.cjs"),G=require("./focusFocusable.cjs"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=E(o),b=E(g),y=M=>{var d=M,{colCount:e,rowCount:a,jumpStep:r,initialCol:u,initialRow:q}=d,w=_(d,["colCount","rowCount","jumpStep","initialCol","initialRow"]);const K=o.useRef(null),i=o.useRef(!1),[D,c]=o.useState(q),[k,n]=o.useState(u),j=o.useCallback(({colIndex:s,rowIndex:t})=>{n(s),c(t)},[]);o.useEffect(()=>{i.current&&G.focusFocusable(K.current),i.current||(i.current=!0)},[k,D]);const F=s=>{switch(s.key){case l.KeyboardKeys.RIGHT:{s.preventDefault(),n(t=>t<e-1?t+1:t);break}case l.KeyboardKeys.LEFT:{s.preventDefault(),n(t=>t>0?t-1:t);break}case l.KeyboardKeys.UP:{s.preventDefault(),c(t=>t>0?t-1:t);break}case l.KeyboardKeys.DOWN:{s.preventDefault(),c(t=>t<a-1?t+1:t);break}case l.KeyboardKeys.HOME:{s.preventDefault(),s.ctrlKey&&c(0),n(0);break}case l.KeyboardKeys.END:{s.preventDefault(),s.ctrlKey&&c(a-1),n(e-1);break}case l.KeyboardKeys.PAGE_DOWN:{s.preventDefault(),c(t=>t+r<a?t+r:a-1);break}case l.KeyboardKeys.PAGE_UP:{s.preventDefault(),c(t=>t-r>0?t-r:0);break}}};return m.default.createElement(h.RawTableContext.Provider,{value:{rowIndex:D,colIndex:k,setTableValues:j}},m.default.createElement("table",P({ref:K,"aria-rowcount":a,"aria-colcount":e,onKeyDown:F},w)))};y.defaultProps={jumpStep:3,initialCol:0,initialRow:0};y.propTypes={colCount:b.default.number.isRequired,initialCol:b.default.number,initialRow:b.default.number,jumpStep:b.default.number,rowCount:b.default.number.isRequired};exports.RawTable=y;
+"use strict";var F=Object.defineProperty;var f=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var T=(e,a,r)=>a in e?F(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,P=(e,a)=>{for(var r in a||(a={}))p.call(a,r)&&T(e,r,a[r]);if(f)for(var r of f(a))R.call(a,r)&&T(e,r,a[r]);return e};var _=(e,a)=>{var r={};for(var u in e)p.call(e,u)&&a.indexOf(u)<0&&(r[u]=e[u]);if(e!=null&&f)for(var u of f(e))a.indexOf(u)<0&&R.call(e,u)&&(r[u]=e[u]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),O=require("prop-types"),h=require("./RawTableContext.cjs"),l=require("../helpers/keyboardKeys.cjs"),G=require("./focusFocusable.cjs"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=E(o),b=E(O),y=M=>{var d=M,{colCount:e,rowCount:a,jumpStep:r,initialCol:u,initialRow:q}=d,w=_(d,["colCount","rowCount","jumpStep","initialCol","initialRow"]);const K=o.useRef(null),i=o.useRef(!1),[D,c]=o.useState(q),[k,n]=o.useState(u),g=o.useCallback(({colIndex:s,rowIndex:t})=>{n(s),c(t)},[]);o.useEffect(()=>{i.current&&G.focusFocusable(K.current),i.current||(i.current=!0)},[k,D]);const j=s=>{switch(s.key){case l.KeyboardKeys.RIGHT:{s.preventDefault(),n(t=>t<e-1?t+1:t);break}case l.KeyboardKeys.LEFT:{s.preventDefault(),n(t=>t>0?t-1:t);break}case l.KeyboardKeys.UP:{s.preventDefault(),c(t=>t>0?t-1:t);break}case l.KeyboardKeys.DOWN:{s.preventDefault(),c(t=>t<a-1?t+1:t);break}case l.KeyboardKeys.HOME:{s.preventDefault(),s.ctrlKey&&c(0),n(0);break}case l.KeyboardKeys.END:{s.preventDefault(),s.ctrlKey&&c(a-1),n(e-1);break}case l.KeyboardKeys.PAGE_DOWN:{s.preventDefault(),c(t=>t+r<a?t+r:a-1);break}case l.KeyboardKeys.PAGE_UP:{s.preventDefault(),c(t=>t-r>0?t-r:0);break}}};return m.default.createElement(h.RawTableContext.Provider,{value:{rowIndex:D,colIndex:k,setTableValues:g}},m.default.createElement("table",P({role:"grid",ref:K,"aria-rowcount":a,"aria-colcount":e,onKeyDown:j},w)))};y.defaultProps={jumpStep:3,initialCol:0,initialRow:0};y.propTypes={colCount:b.default.number.isRequired,initialCol:b.default.number,initialRow:b.default.number,jumpStep:b.default.number,rowCount:b.default.number.isRequired};exports.RawTable=y;

package/dist/RawTable/RawTable.js

@@ -11,58 +11,58 @@ var y = (t, a, r) => a in t ? q(t, a, { enumerable: !0, configurable: !0, writab
 };
 var T = (t, a) => {
   var r = {};
-  for (var l in t)
-    p.call(t, l) && a.indexOf(l) < 0 && (r[l] = t[l]);
+  for (var c in t)
+    p.call(t, c) && a.indexOf(c) < 0 && (r[c] = t[c]);
   if (t != null && f)
-    for (var l of f(t))
-      a.indexOf(l) < 0 && E.call(t, l) && (r[l] = t[l]);
+    for (var c of f(t))
+      a.indexOf(c) < 0 && E.call(t, c) && (r[c] = t[c]);
   return r;
 };
 import K, { useRef as R, useState as d, useCallback as w, useEffect as A } from "react";
-import i from "prop-types";
+import u from "prop-types";
 import { RawTableContext as F } from "./RawTableContext.js";
 import { KeyboardKeys as s } from "../helpers/keyboardKeys.js";
 import { focusFocusable as H } from "./focusFocusable.js";
 const _ = (U) => {
-  var b = U, { colCount: t, rowCount: a, jumpStep: r, initialCol: l, initialRow: G } = b, N = T(b, ["colCount", "rowCount", "jumpStep", "initialCol", "initialRow"]);
-  const m = R(null), o = R(!1), [D, n] = d(G), [k, u] = d(l), O = w(({ colIndex: c, rowIndex: e }) => {
-    u(c), n(e);
+  var b = U, { colCount: t, rowCount: a, jumpStep: r, initialCol: c, initialRow: G } = b, N = T(b, ["colCount", "rowCount", "jumpStep", "initialCol", "initialRow"]);
+  const m = R(null), o = R(!1), [D, n] = d(G), [k, i] = d(c), O = w(({ colIndex: l, rowIndex: e }) => {
+    i(l), n(e);
   }, []);
   A(() => {
     o.current && H(m.current), o.current || (o.current = !0);
   }, [k, D]);
-  const h = (c) => {
-    switch (c.key) {
+  const h = (l) => {
+    switch (l.key) {
       case s.RIGHT: {
-        c.preventDefault(), u((e) => e < t - 1 ? e + 1 : e);
+        l.preventDefault(), i((e) => e < t - 1 ? e + 1 : e);
         break;
       }
       case s.LEFT: {
-        c.preventDefault(), u((e) => e > 0 ? e - 1 : e);
+        l.preventDefault(), i((e) => e > 0 ? e - 1 : e);
         break;
       }
       case s.UP: {
-        c.preventDefault(), n((e) => e > 0 ? e - 1 : e);
+        l.preventDefault(), n((e) => e > 0 ? e - 1 : e);
         break;
       }
       case s.DOWN: {
-        c.preventDefault(), n((e) => e < a - 1 ? e + 1 : e);
+        l.preventDefault(), n((e) => e < a - 1 ? e + 1 : e);
         break;
       }
       case s.HOME: {
-        c.preventDefault(), c.ctrlKey && n(0), u(0);
+        l.preventDefault(), l.ctrlKey && n(0), i(0);
         break;
       }
       case s.END: {
-        c.preventDefault(), c.ctrlKey && n(a - 1), u(t - 1);
+        l.preventDefault(), l.ctrlKey && n(a - 1), i(t - 1);
         break;
       }
       case s.PAGE_DOWN: {
-        c.preventDefault(), n((e) => e + r < a ? e + r : a - 1);
+        l.preventDefault(), n((e) => e + r < a ? e + r : a - 1);
         break;
       }
       case s.PAGE_UP: {
-        c.preventDefault(), n((e) => e - r > 0 ? e - r : 0);
+        l.preventDefault(), n((e) => e - r > 0 ? e - r : 0);
         break;
       }
     }
@@ -70,6 +70,7 @@ const _ = (U) => {
   return /* @__PURE__ */ K.createElement(F.Provider, {
     value: { rowIndex: D, colIndex: k, setTableValues: O }
   }, /* @__PURE__ */ K.createElement("table", P({
+    role: "grid",
     ref: m,
     "aria-rowcount": a,
     "aria-colcount": t,
@@ -82,11 +83,11 @@ _.defaultProps = {
   initialRow: 0
 };
 _.propTypes = {
-  colCount: i.number.isRequired,
-  initialCol: i.number,
-  initialRow: i.number,
-  jumpStep: i.number,
-  rowCount: i.number.isRequired
+  colCount: u.number.isRequired,
+  initialCol: u.number,
+  initialRow: u.number,
+  jumpStep: u.number,
+  rowCount: u.number.isRequired
 };
 export {
   _ as RawTable

package/dist/RawTable/RawTableContext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({rowIndex:0,colIndex:0,setTableValues:()=>{throw new Error("setTableValues must be initialized via the RawTableContext.Provider")}}),a=()=>e.useContext(t);exports.RawTableContext=t;exports.useTable=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({rowIndex:0,colIndex:0,setTableValues(){throw new Error("setTableValues must be initialized via the RawTableContext.Provider")}}),a=()=>e.useContext(t);exports.RawTableContext=t;exports.useTable=a;

package/dist/RawTable/RawTableContext.js

@@ -2,7 +2,7 @@ import { createContext as e, useContext as t } from "react";
 const o = e({
   rowIndex: 0,
   colIndex: 0,
-  setTableValues: () => {
+  setTableValues() {
     throw new Error("setTableValues must be initialized via the RawTableContext.Provider");
   }
 }), r = () => t(o);

package/dist/RawTable/RawTr.cjs

@@ -1 +1 @@
-"use strict";var R=Object.defineProperty;var a=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var l=(e,r,t)=>r in e?R(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,s=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&l(e,t,r[t]);if(a)for(var t of a(r))u.call(r,t)&&l(e,t,r[t]);return e};var d=(e,r)=>{var t={};for(var o in e)i.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&a)for(var o of a(e))r.indexOf(o)<0&&u.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),T=require("prop-types"),m=require("../Box/Box.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=f(n),p=f(T),y=t=>{var o=t,{children:e}=o,r=d(o,["children"]);const _=n.Children.toArray(e).map((x,c)=>n.cloneElement(x,{"aria-colindex":c+1,coords:{col:c+1,row:r["aria-rowindex"]}}));return q.default.createElement(m.Box,s({as:"tr"},r),_)};y.propTypes={["aria-rowindex"]:p.default.number.isRequired,children:p.default.node.isRequired};exports.RawTr=y;
+"use strict";var R=Object.defineProperty;var a=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var l=(e,r,t)=>r in e?R(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,s=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&l(e,t,r[t]);if(a)for(var t of a(r))u.call(r,t)&&l(e,t,r[t]);return e};var d=(e,r)=>{var t={};for(var o in e)i.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&a)for(var o of a(e))r.indexOf(o)<0&&u.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),T=require("prop-types"),m=require("../Box/Box.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=f(n),p=f(T),y=t=>{var o=t,{children:e}=o,r=d(o,["children"]);const _=n.Children.toArray(e).map((x,c)=>n.cloneElement(x,{"aria-colindex":c+1,coords:{col:c+1,row:r["aria-rowindex"]}}));return q.default.createElement(m.Box,s({as:"tr"},r),_)};y.propTypes={"aria-rowindex":p.default.number.isRequired,children:p.default.node.isRequired};exports.RawTr=y;

package/dist/RawTable/RawTr.js

@@ -31,7 +31,7 @@ const y = (o) => {
   }, e), s);
 };
 y.propTypes = {
-  ["aria-rowindex"]: p.number.isRequired,
+  "aria-rowindex": p.number.isRequired,
   children: p.node.isRequired
 };
 export {

package/dist/Select/Select.cjs

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