@strapi/design-system 1.6.5 → 1.7.0-alpha.0

package/dist/Select/constants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={Keyboard:"down:keyboard",Mouse:"down:mouse"},o={Keyboard:"up:keyboard",Mouse:"up:mouse"};exports.DownState=e;exports.UpState=o;

package/dist/Select/constants.js

@@ -1,8 +0,0 @@
-const o = {
-  Keyboard: "down:keyboard",
-  Mouse: "down:mouse"
-}, e = { Keyboard: "up:keyboard", Mouse: "up:mouse" };
-export {
-  o as DownState,
-  e as UpState
-};

package/dist/Select/hooks/useButtonRef.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),s=require("../constants.cjs"),c=t=>{const r=e.useRef(null),n=e.useRef(null),u=e.useRef();return t&&(u.current=t),e.useEffect(()=>{!n.current||t||(u.current===s.DownState.Keyboard||u.current===s.UpState.Keyboard)&&r.current.focus()},[t]),e.useEffect(()=>{n.current=!0},[]),r};exports.useButtonRef=c;

package/dist/Select/hooks/useButtonRef.js

@@ -1,13 +0,0 @@
-import { useRef as e, useEffect as n } from "react";
-import { DownState as f, UpState as c } from "../constants.js";
-const m = (t) => {
-  const u = e(null), o = e(null), r = e();
-  return t && (r.current = t), n(() => {
-    !o.current || t || (r.current === f.Keyboard || r.current === c.Keyboard) && u.current.focus();
-  }, [t]), n(() => {
-    o.current = !0;
-  }, []), u;
-};
-export {
-  m as useButtonRef
-};

package/dist/Select/hooks/useListRef.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),s=require("../constants.cjs"),u=require("../utils.cjs"),i=r=>{const e=o.useRef(null);return o.useEffect(()=>{e.current.focus()},[]),o.useEffect(()=>{if(!e.current)return;const n=e.current.querySelector('[aria-selected="true"]'),c=e.current.querySelectorAll('[role="option"]');let t;n?t=n:r===s.UpState.Keyboard?t=c[c.length-1]:r===s.DownState.Keyboard&&(t=c[0]),t&&(r===s.UpState.Keyboard||r===s.DownState.Keyboard)&&u.changeDescendant(e.current,t)},[]),e};exports.useListRef=i;

package/dist/Select/hooks/useListRef.js

@@ -1,18 +0,0 @@
-import { useRef as i, useEffect as c } from "react";
-import { UpState as s, DownState as f } from "../constants.js";
-import { changeDescendant as l } from "../utils.js";
-const y = (r) => {
-  const e = i(null);
-  return c(() => {
-    e.current.focus();
-  }, []), c(() => {
-    if (!e.current)
-      return;
-    const n = e.current.querySelector('[aria-selected="true"]'), o = e.current.querySelectorAll('[role="option"]');
-    let t;
-    n ? t = n : r === s.Keyboard ? t = o[o.length - 1] : r === f.Keyboard && (t = o[0]), t && (r === s.Keyboard || r === f.Keyboard) && l(e.current, t);
-  }, []), e;
-};
-export {
-  y as useListRef
-};

package/dist/Select/utils.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("compute-scroll-into-view"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=a(s),i=(e,t)=>{e.setAttribute("aria-activedescendant",t.getAttribute("id")),e.querySelectorAll('[role="option"]').forEach(c=>c.classList.remove("is-focused")),t.classList.add("is-focused"),r.default(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:c,top:o,left:n})=>{c.scrollTop=o,c.scrollLeft=n})},l=e=>{const t=e.getAttribute("aria-activedescendant");return e.querySelector(`#${t}`)};exports.changeDescendant=i;exports.getActiveDescendant=l;

package/dist/Select/utils.js

@@ -1,17 +0,0 @@
-import n from "compute-scroll-into-view";
-const d = (e, t) => {
-  e.setAttribute("aria-activedescendant", t.getAttribute("id")), e.querySelectorAll('[role="option"]').forEach((c) => c.classList.remove("is-focused")), t.classList.add("is-focused"), n(t, {
-    scrollMode: "if-needed",
-    block: "nearest",
-    inline: "nearest"
-  }).forEach(({ el: c, top: o, left: s }) => {
-    c.scrollTop = o, c.scrollLeft = s;
-  });
-}, l = (e) => {
-  const t = e.getAttribute("aria-activedescendant");
-  return e.querySelector(`#${t}`);
-};
-export {
-  d as changeDescendant,
-  l as getActiveDescendant
-};

package/dist/helpers/arrays.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(r){return r&&typeof r=="object"&&Array.isArray(r)}exports.isArray=e;

package/dist/helpers/arrays.js

@@ -1,6 +0,0 @@
-function o(r) {
-  return r && typeof r == "object" && Array.isArray(r);
-}
-export {
-  o as isArray
-};

package/dist/v2/SimpleMenu/utils.cjs

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=({theme:o})=>`
-    text-align: left;
-    width: 100%;
-    color: ${o.colors.neutral800};
-    border-radius: ${o.borderRadius};
-    &:focus {
-        background-color: ${o.colors.primary100};
-    }
-    &:not([aria-disabled]):hover {
-        background-color: ${o.colors.primary100};
-    }
-`;exports.getOptionStyle=r;

package/dist/v2/SimpleMenu/utils.js

@@ -1,15 +0,0 @@
-const r = ({ theme: o }) => `
-    text-align: left;
-    width: 100%;
-    color: ${o.colors.neutral800};
-    border-radius: ${o.borderRadius};
-    &:focus {
-        background-color: ${o.colors.primary100};
-    }
-    &:not([aria-disabled]):hover {
-        background-color: ${o.colors.primary100};
-    }
-`;
-export {
-  r as getOptionStyle
-};