@strapi/design-system 0.0.0-jsoninput.0

package/dist/Combobox/Combobox.js

@@ -0,0 +1,353 @@
+var Le = Object.defineProperty, we = Object.defineProperties;
+var $e = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var J = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
+var G = (o, i, a) => i in o ? Le(o, i, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[i] = a, B = (o, i) => {
+  for (var a in i || (i = {}))
+    J.call(i, a) && G(o, a, i[a]);
+  if (w)
+    for (var a of w(i))
+      Q.call(i, a) && G(o, a, i[a]);
+  return o;
+}, D = (o, i) => we(o, $e(i));
+var X = (o, i) => {
+  var a = {};
+  for (var p in o)
+    J.call(o, p) && i.indexOf(p) < 0 && (a[p] = o[p]);
+  if (o != null && w)
+    for (var p of w(o))
+      i.indexOf(p) < 0 && Q.call(o, p) && (a[p] = o[p]);
+  return a;
+};
+import r, { useState as k, useRef as y, useEffect as Y, useLayoutEffect as Re, Children as Z, cloneElement as Se } from "react";
+import e from "prop-types";
+import Be from "@strapi/icons/CarretDown";
+import De from "@strapi/icons/Cross";
+import { useId as Fe } from "../helpers/useId.js";
+import { filterOptions as ee, maintainScrollVisibility as Te, getActionFromKey as Ae, MenuActions as h, getUpdatedIndex as F } from "./utils.js";
+import { Flex as te } from "../Flex/Flex.js";
+import { IconBox as Pe, CaretBox as Ve } from "../Select/components.js";
+import { Popover as Ke } from "../Popover/Popover.js";
+import { Box as Ne } from "../Box/Box.js";
+import { Typography as oe } from "../Typography/Typography.js";
+import { Loader as He } from "../Loader/Loader.js";
+import { MainRow as Ue, InputContainer as _e, ValueContainer as je, Input as qe } from "./components.js";
+import { ComboboxOption as ze } from "./ComboboxOption.js";
+import { ComboboxList as We } from "./ComboboxList.js";
+import { Field as Ge } from "../Field/Field.js";
+import { FieldLabel as Je } from "../Field/FieldLabel.js";
+import "../Field/FieldInput.js";
+import { FieldHint as Qe } from "../Field/FieldHint.js";
+import { FieldError as Xe } from "../Field/FieldError.js";
+import "../Field/FieldContext.js";
+import "../Field/FieldAction.js";
+import { Stack as Ye } from "../Stack/Stack.js";
+import { KeyboardKeys as Ze } from "../helpers/keyboardKeys.js";
+import { VisuallyHidden as et } from "../VisuallyHidden/VisuallyHidden.js";
+const O = (tt) => {
+  var N = tt, {
+    children: o,
+    clearLabel: i,
+    creatable: a,
+    createMessage: p,
+    disabled: u,
+    error: $,
+    hasMoreItems: ne,
+    hint: T,
+    label: E,
+    labelAction: ae,
+    loading: R,
+    loadingMessage: ie,
+    noOptionsMessage: le,
+    onChange: A,
+    onClear: P,
+    onCreateOption: se,
+    onInputChange: V,
+    onLoadMore: ce,
+    placeholder: pe,
+    required: K,
+    value: m
+  } = N, de = X(N, [
+    "children",
+    "clearLabel",
+    "creatable",
+    "createMessage",
+    "disabled",
+    "error",
+    "hasMoreItems",
+    "hint",
+    "label",
+    "labelAction",
+    "loading",
+    "loadingMessage",
+    "noOptionsMessage",
+    "onChange",
+    "onClear",
+    "onCreateOption",
+    "onInputChange",
+    "onLoadMore",
+    "placeholder",
+    "required",
+    "value"
+  ]);
+  const fe = () => {
+    var t;
+    return (t = o.find((n) => {
+      var l;
+      return ((l = n.props) == null ? void 0 : l.value.toLowerCase()) === m.toLowerCase();
+    }).props) == null ? void 0 : t.children;
+  }, [c, H] = k(0), [ue, me] = k(null), [f, U] = k(o), [g, be] = k(!1), [s, M] = k(""), x = y(), L = y(!1), I = y(), _ = y(), ge = y(), j = y(!0), d = Fe("combobox"), q = `${d}-label`;
+  if (!E && !de["aria-label"])
+    throw new Error('The Combobox component needs a "label" or an "aria-label" props');
+  Y(() => {
+    U(ee(o, s));
+  }, [s, o]), Y(() => {
+    g && x.current && Te(x.current);
+  }, [c, g]), Re(() => {
+    j.current && (j.current = !1);
+  }, [m]);
+  const Ce = g ? `${d}-${c}` : "", z = () => {
+    A(null), M("");
+  }, he = (t) => {
+    V && V(t);
+    const n = I.current.value;
+    U(ee(o, n)), H(0), me(null), s !== n && M(n), g || b(!0, !1);
+  }, Ee = (t) => {
+    const { key: n } = t, l = a && s ? f.length : f.length - 1, v = Ae(n, g);
+    switch (m && !s && n === Ze.BACKSPACE && z(), v) {
+      case h.Next: {
+        if (c === l) {
+          C(0);
+          break;
+        }
+        C(F(c, l, v));
+        break;
+      }
+      case h.Previous: {
+        if (c === 0) {
+          C(l);
+          break;
+        }
+        C(F(c, l, v));
+        break;
+      }
+      case h.Last:
+      case h.First: {
+        if (c === l) {
+          C(0);
+          break;
+        }
+        C(F(c, l, v));
+        break;
+      }
+      case h.CloseSelect:
+        t.preventDefault(), S(c);
+        break;
+      case h.Close:
+        t.preventDefault(), b(!1);
+        break;
+      case h.Open:
+        b(!0);
+        break;
+    }
+  }, xe = (t) => {
+    if (t.preventDefault(), m && !L.current && M(""), L.current) {
+      L.current = !1;
+      return;
+    }
+    b(!1, !1);
+  }, C = (t) => {
+    H(t);
+  }, ve = (t) => {
+    C(t), S(t);
+  }, W = () => {
+    L.current = !0;
+  }, S = (t) => {
+    const n = f[t];
+    if (M(""), n) {
+      A(n.props.value), b(!1);
+      return;
+    }
+    a && (se(s), b(!1));
+  }, b = (t, n = !0) => {
+    be(t), n && I.current.focus();
+  }, ye = Z.toArray(f).map((t, n) => {
+    const l = c === n;
+    return Se(t, {
+      id: `${d}-${n}`,
+      "aria-selected": ue === n,
+      "aria-posinset": n + 1,
+      "aria-setsize": Z.toArray(f).length,
+      ref(v) {
+        l && (x.current = v);
+      },
+      onClick: () => ve(n),
+      onMouseDown: W,
+      isSelected: l
+    });
+  }), Ie = () => {
+    I.current.focus(), P && P(), z();
+  }, ke = () => {
+    I.current.focus(), b(!0);
+  }, Oe = () => {
+    const t = f.findIndex((n) => {
+      var l;
+      return ((l = n.props) == null ? void 0 : l.children) === s;
+    });
+    return s && t === -1;
+  }, Me = (t) => {
+    t.preventDefault(), b(t, !0);
+  };
+  return /* @__PURE__ */ r.createElement(Ge, {
+    hint: T,
+    error: $,
+    id: d,
+    required: K
+  }, /* @__PURE__ */ r.createElement(et, {
+    "aria-live": "polite",
+    "aria-atomic": "false",
+    "aria-relevant": "additions text"
+  }, m), /* @__PURE__ */ r.createElement(Ye, {
+    spacing: E || T || $ ? 1 : 0
+  }, E && /* @__PURE__ */ r.createElement(Je, {
+    action: ae
+  }, E), /* @__PURE__ */ r.createElement(Ue, {
+    ref: _,
+    $disabled: u,
+    hasError: $
+  }, /* @__PURE__ */ r.createElement(_e, {
+    wrap: "wrap"
+  }, !s && m && /* @__PURE__ */ r.createElement(je, {
+    id: `${d}-selected-value`
+  }, /* @__PURE__ */ r.createElement(oe, null, fe())), /* @__PURE__ */ r.createElement(qe, {
+    "aria-activedescendant": Ce,
+    "aria-autocomplete": "list",
+    "aria-controls": `${d}-listbox`,
+    "aria-disabled": u,
+    "aria-expanded": g,
+    "aria-haspopup": "listbox",
+    "aria-labelledby": E ? q : void 0,
+    autoComplete: "off",
+    autoCorrect: "off",
+    id: d,
+    onBlur: u ? void 0 : xe,
+    onClick: u ? void 0 : Me,
+    onInput: u ? void 0 : he,
+    onKeyDown: u ? void 0 : Ee,
+    placeholder: m ? "" : pe,
+    readOnly: u,
+    ref: I,
+    required: K,
+    role: "combobox",
+    spellCheck: "off",
+    type: "text",
+    value: s
+  })), /* @__PURE__ */ r.createElement(te, null, (m || s) && /* @__PURE__ */ r.createElement(Pe, {
+    id: `${d}-clear`,
+    "aria-label": i,
+    disabled: u,
+    paddingLeft: 3,
+    as: "button",
+    onClick: Ie,
+    type: "button"
+  }, /* @__PURE__ */ r.createElement(De, null)), /* @__PURE__ */ r.createElement(Ve, {
+    disabled: u,
+    paddingLeft: 3,
+    "aria-hidden": !0,
+    as: "button",
+    onClick: ke,
+    tabIndex: -1,
+    type: "button"
+  }, /* @__PURE__ */ r.createElement(Be, null)))), /* @__PURE__ */ r.createElement(Qe, null), /* @__PURE__ */ r.createElement(Xe, null)), g && /* @__PURE__ */ r.createElement(Ke, {
+    id: `${d}-popover`,
+    source: _,
+    spacing: 4,
+    fullWidth: !0,
+    intersectionId: `${d}-listbox-popover-intersection`,
+    onReachEnd: ne && !R ? ce : void 0
+  }, /* @__PURE__ */ r.createElement("div", {
+    role: "listbox",
+    ref: ge,
+    id: `${d}-listbox`,
+    "aria-labelledby": E ? q : void 0
+  }, (Boolean(f.length) || a) && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(We, {
+    activeOptionRef: x,
+    options: ye
+  }), Oe() && a && /* @__PURE__ */ r.createElement(ze, {
+    isSelected: c === f.length,
+    ref: (t) => {
+      c === f.length && (x.current = t);
+    },
+    onMouseDown: W,
+    onClick: () => S(),
+    taindex: 0
+  }, p(s))), !f.length && !a && !R && /* @__PURE__ */ r.createElement(Ne, {
+    paddingLeft: 4,
+    paddingRight: 4,
+    paddingTop: 2,
+    paddingBottom: 2,
+    ref: x
+  }, /* @__PURE__ */ r.createElement(oe, {
+    textColor: "neutral800"
+  }, le(s))), R && /* @__PURE__ */ r.createElement(te, {
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: 2,
+    paddingBottom: 2
+  }, /* @__PURE__ */ r.createElement(He, {
+    small: !0
+  }, ie)))));
+}, re = (o) => /* @__PURE__ */ r.createElement(O, D(B({}, o), {
+  creatable: !0
+}));
+O.defaultProps = {
+  "aria-label": void 0,
+  clearLabel: "clear",
+  creatable: !1,
+  createMessage: (o) => `Create "${o}"`,
+  disabled: !1,
+  error: void 0,
+  hasMoreItems: !1,
+  hint: void 0,
+  label: void 0,
+  loading: !1,
+  loadingMessage: "Loading content...",
+  noOptionsMessage: () => "No results found",
+  onClear: void 0,
+  onCreateOption: void 0,
+  onInputChange: void 0,
+  onLoadMore: void 0,
+  placeholder: "Select or enter a value",
+  value: void 0
+};
+re.defaultProps = O.defaultProps;
+O.propTypes = {
+  "aria-label": e.string,
+  children: e.oneOfType([e.arrayOf(e.node), e.node]),
+  clearLabel: e.string,
+  creatable: e.bool,
+  createMessage: e.func,
+  disabled: e.bool,
+  error: e.string,
+  hasMoreItems: e.bool,
+  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
+  label: e.string,
+  labelAction: e.element,
+  loading: e.bool,
+  loadingMessage: e.string,
+  noOptionsMessage: e.func,
+  onChange: e.func.isRequired,
+  onClear: e.func,
+  onCreateOption: e.func,
+  onInputChange: e.func,
+  onLoadMore: e.func,
+  placeholder: e.string,
+  value: e.string
+};
+re.propTypes = D(B({}, O.propTypes), {
+  onCreateOption: e.func.isRequired
+});
+export {
+  O as Combobox,
+  re as CreatableCombobox
+};

package/dist/Combobox/ComboboxList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),s=require("prop-types"),i=require("./utils.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=u(s),o=({options:e,activeOptionRef:t})=>(r.useEffect(()=>{t.current&&i.maintainScrollVisibility(t.current)},[t]),e);o.defaultProps={activeOptionRef:void 0};o.propTypes={options:c.default.array.isRequired};exports.ComboboxList=o;

package/dist/Combobox/ComboboxList.js

@@ -0,0 +1,15 @@
+import { useEffect as t } from "react";
+import p from "prop-types";
+import { maintainScrollVisibility as e } from "./utils.js";
+const o = ({ options: i, activeOptionRef: r }) => (t(() => {
+  r.current && e(r.current);
+}, [r]), i);
+o.defaultProps = {
+  activeOptionRef: void 0
+};
+o.propTypes = {
+  options: p.array.isRequired
+};
+export {
+  o as ComboboxList
+};

package/dist/Combobox/ComboboxOption.cjs

@@ -0,0 +1 @@
+"use strict";var b=Object.defineProperty;var a=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var l=(e,t,o)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,s=(e,t)=>{for(var o in t||(t={}))d.call(t,o)&&l(e,o,t[o]);if(a)for(var o of a(t))i.call(t,o)&&l(e,o,t[o]);return e};var c=(e,t)=>{var o={};for(var r in e)d.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&i.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),m=require("prop-types"),T=require("../Typography/Typography.cjs"),h=require("./components.cjs"),g=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=g(y),n=g(m),p=y.forwardRef((_,r)=>{var u=_,{isSelected:e,children:t}=u,o=c(u,["isSelected","children"]);return f.default.createElement(h.OptionBox,s({hasRadius:!0,paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,role:"option",background:"neutral0",isSelected:e,ref:r},o),f.default.createElement(T.Typography,{textColor:e?"primary600":"neutral800",fontWeight:e?"bold":null},t))});p.defaultProps={isSelected:!1};p.propTypes={children:n.default.oneOfType([n.default.string,n.default.number]).isRequired,isSelected:n.default.bool};p.displayName="ComboboxOption";exports.ComboboxOption=p;

package/dist/Combobox/ComboboxOption.js

@@ -0,0 +1,52 @@
+var g = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var d = (o, r, e) => r in o ? g(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, f = (o, r) => {
+  for (var e in r || (r = {}))
+    m.call(r, e) && d(o, e, r[e]);
+  if (p)
+    for (var e of p(r))
+      l.call(r, e) && d(o, e, r[e]);
+  return o;
+};
+var u = (o, r) => {
+  var e = {};
+  for (var t in o)
+    m.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && p)
+    for (var t of p(o))
+      r.indexOf(t) < 0 && l.call(o, t) && (e[t] = o[t]);
+  return e;
+};
+import s, { forwardRef as b } from "react";
+import i from "prop-types";
+import { Typography as y } from "../Typography/Typography.js";
+import { OptionBox as c } from "./components.js";
+const n = b((h, t) => {
+  var a = h, { isSelected: o, children: r } = a, e = u(a, ["isSelected", "children"]);
+  return /* @__PURE__ */ s.createElement(c, f({
+    hasRadius: !0,
+    paddingLeft: 4,
+    paddingRight: 4,
+    paddingTop: 2,
+    paddingBottom: 2,
+    role: "option",
+    background: "neutral0",
+    isSelected: o,
+    ref: t
+  }, e), /* @__PURE__ */ s.createElement(y, {
+    textColor: o ? "primary600" : "neutral800",
+    fontWeight: o ? "bold" : null
+  }, r));
+});
+n.defaultProps = {
+  isSelected: !1
+};
+n.propTypes = {
+  children: i.oneOfType([i.string, i.number]).isRequired,
+  isSelected: i.bool
+};
+n.displayName = "ComboboxOption";
+export {
+  n as ComboboxOption
+};

package/dist/Combobox/components.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),i=require("../Box/Box.cjs"),n=require("../Flex/Flex.cjs"),l=require("../themes/utils.cjs"),a=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=a(r),s=t.default(n.Flex)`
+  position: relative;
+  border: 1px solid ${({theme:o,hasError:e})=>e?o.colors.danger600:o.colors.neutral200};
+  padding-right: ${({theme:o})=>o.spaces[3]};
+  padding-left: ${({theme:o})=>o.spaces[3]};
+  border-radius: ${({theme:o})=>o.borderRadius};
+  background: ${({theme:o})=>o.colors.neutral0};
+
+  ${({theme:o,$disabled:e})=>e?`
+    color: ${o.colors.neutral600};
+    background: ${o.colors.neutral150};
+  `:void 0}
+
+  ${l.inputFocusStyle()}
+`,u=t.default.div`
+  padding: 1px 2px;
+  grid-area: 1 / 1 / 2 / 3;
+`,d=t.default(n.Flex)`
+  display: grid;
+  flex: 1 1 0%;
+  position: relative;
+`,c=t.default.input`
+  display: inline-grid;
+  grid-area: 1 / 1 / 2 / 3;
+  grid-template-columns: 0px min-content;
+  background: transparent;
+  min-height: ${40/16}rem;
+  border: none;
+  flex: 1;
+  font-size: ${14/16}rem;
+  color: ${({theme:o})=>o.colors.neutral800};
+  outline: none;
+  &:focus-visible {
+    outline: none;
+    box-shadow: none;
+    outline-offset: 0;
+  }
+  &[aria-disabled='true'] {
+    background: inherit;
+    color: inherit;
+    cursor: not-allowed;
+  }
+`,p=t.default(i.Box)`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  ${({isSelected:o,theme:e})=>o&&`background: ${e.colors.primary100};`}
+
+  &:hover {
+    background: ${({theme:o})=>o.colors.primary100};
+  }
+`;exports.Input=c;exports.InputContainer=d;exports.MainRow=s;exports.OptionBox=p;exports.ValueContainer=u;

package/dist/Combobox/components.js

@@ -0,0 +1,64 @@
+import n from "styled-components";
+import { Box as i } from "../Box/Box.js";
+import { Flex as e } from "../Flex/Flex.js";
+import { inputFocusStyle as t } from "../themes/utils.js";
+const c = n(e)`
+  position: relative;
+  border: 1px solid ${({ theme: o, hasError: r }) => r ? o.colors.danger600 : o.colors.neutral200};
+  padding-right: ${({ theme: o }) => o.spaces[3]};
+  padding-left: ${({ theme: o }) => o.spaces[3]};
+  border-radius: ${({ theme: o }) => o.borderRadius};
+  background: ${({ theme: o }) => o.colors.neutral0};
+
+  ${({ theme: o, $disabled: r }) => r ? `
+    color: ${o.colors.neutral600};
+    background: ${o.colors.neutral150};
+  ` : void 0}
+
+  ${t()}
+`, p = n.div`
+  padding: 1px 2px;
+  grid-area: 1 / 1 / 2 / 3;
+`, u = n(e)`
+  display: grid;
+  flex: 1 1 0%;
+  position: relative;
+`, g = n.input`
+  display: inline-grid;
+  grid-area: 1 / 1 / 2 / 3;
+  grid-template-columns: 0px min-content;
+  background: transparent;
+  min-height: ${40 / 16}rem;
+  border: none;
+  flex: 1;
+  font-size: ${14 / 16}rem;
+  color: ${({ theme: o }) => o.colors.neutral800};
+  outline: none;
+  &:focus-visible {
+    outline: none;
+    box-shadow: none;
+    outline-offset: 0;
+  }
+  &[aria-disabled='true'] {
+    background: inherit;
+    color: inherit;
+    cursor: not-allowed;
+  }
+`, $ = n(i)`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  ${({ isSelected: o, theme: r }) => o && `background: ${r.colors.primary100};`}
+
+  &:hover {
+    background: ${({ theme: o }) => o.colors.primary100};
+  }
+`;
+export {
+  g as Input,
+  u as InputContainer,
+  c as MainRow,
+  $ as OptionBox,
+  p as ValueContainer
+};

package/dist/Combobox/index.cjs

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

package/dist/Combobox/index.js

@@ -0,0 +1,7 @@
+import { Combobox as m, CreatableCombobox as r } from "./Combobox.js";
+import { ComboboxOption as e } from "./ComboboxOption.js";
+export {
+  m as Combobox,
+  e as ComboboxOption,
+  r as CreatableCombobox
+};

package/dist/Combobox/utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("compute-scroll-into-view"),r=require("../helpers/keyboardKeys.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=l(a),t={Close:"Close",CloseSelect:"CloseSelect",First:"First",Last:"Last",Next:"Next",Open:"Open",PageDown:"PageDown",PageUp:"PageUp",Previous:"Previous",Select:"Select",Space:"Space",Type:"Type"},u={Close:"Close",First:"First",Last:"Last",Next:"Next",Open:"Open",Previous:"Previous",Select:"Select",UpLevel:"UpLevel"};function d(e=[],o=null,s=[]){const n=String(o!=null?o:"").toLowerCase();return n?e.filter(i=>i.props.children.toString().toLowerCase().includes(n)&&s.indexOf(i)<0):e}function p(e,o){if(!o&&e===r.KeyboardKeys.DOWN)return t.Open;if(e===r.KeyboardKeys.DOWN)return t.Next;if(e===r.KeyboardKeys.UP)return t.Previous;if(e===r.KeyboardKeys.HOME)return t.First;if(e===r.KeyboardKeys.END)return t.Last;if(e===r.KeyboardKeys.ESCAPE)return t.Close;if(e===r.KeyboardKeys.ENTER)return t.CloseSelect;if(e===r.KeyboardKeys.BACKSPACE||e===r.KeyboardKeys.CLEAR||e.length===1)return t.Type}function f(e,o,s){switch(s){case t.First:return 0;case t.Last:return o;case t.Previous:return Math.max(0,e-1);case t.Next:return Math.min(o,e+1);default:return e}}function y(e){c.default(e,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:s,top:n,left:i})=>{s.scrollTop=n,s.scrollLeft=i})}exports.MenuActions=t;exports.TreeActions=u;exports.filterOptions=d;exports.getActionFromKey=p;exports.getUpdatedIndex=f;exports.maintainScrollVisibility=y;

package/dist/Combobox/utils.js

@@ -0,0 +1,78 @@
+import c from "compute-scroll-into-view";
+import { KeyboardKeys as n } from "../helpers/keyboardKeys.js";
+const t = {
+  Close: "Close",
+  CloseSelect: "CloseSelect",
+  First: "First",
+  Last: "Last",
+  Next: "Next",
+  Open: "Open",
+  PageDown: "PageDown",
+  PageUp: "PageUp",
+  Previous: "Previous",
+  Select: "Select",
+  Space: "Space",
+  Type: "Type"
+}, f = {
+  Close: "Close",
+  First: "First",
+  Last: "Last",
+  Next: "Next",
+  Open: "Open",
+  Previous: "Previous",
+  Select: "Select",
+  UpLevel: "UpLevel"
+};
+function d(e = [], r = null, o = []) {
+  const s = String(r != null ? r : "").toLowerCase();
+  return s ? e.filter((i) => i.props.children.toString().toLowerCase().includes(s) && o.indexOf(i) < 0) : e;
+}
+function C(e, r) {
+  if (!r && e === n.DOWN)
+    return t.Open;
+  if (e === n.DOWN)
+    return t.Next;
+  if (e === n.UP)
+    return t.Previous;
+  if (e === n.HOME)
+    return t.First;
+  if (e === n.END)
+    return t.Last;
+  if (e === n.ESCAPE)
+    return t.Close;
+  if (e === n.ENTER)
+    return t.CloseSelect;
+  if (e === n.BACKSPACE || e === n.CLEAR || e.length === 1)
+    return t.Type;
+}
+function S(e, r, o) {
+  switch (o) {
+    case t.First:
+      return 0;
+    case t.Last:
+      return r;
+    case t.Previous:
+      return Math.max(0, e - 1);
+    case t.Next:
+      return Math.min(r, e + 1);
+    default:
+      return e;
+  }
+}
+function P(e) {
+  c(e, {
+    scrollMode: "if-needed",
+    block: "nearest",
+    inline: "nearest"
+  }).forEach(({ el: o, top: s, left: i }) => {
+    o.scrollTop = s, o.scrollLeft = i;
+  });
+}
+export {
+  t as MenuActions,
+  f as TreeActions,
+  d as filterOptions,
+  C as getActionFromKey,
+  S as getUpdatedIndex,
+  P as maintainScrollVisibility
+};

package/dist/DatePicker/DatePicker.cjs

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