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

package/dist/ProgressBar/ProgressBar.js

@@ -1,8 +1,28 @@
-import u from "react";
-import e from "prop-types";
-import m from "styled-components";
-import { Box as l } from "../Box/Box.js";
-const p = m(l)`
+var f = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var u = (r, o, e) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, p = (r, o) => {
+  for (var e in o || (o = {}))
+    m.call(o, e) && u(r, e, o[e]);
+  if (i)
+    for (var e of i(o))
+      l.call(o, e) && u(r, e, o[e]);
+  return r;
+};
+var d = (r, o) => {
+  var e = {};
+  for (var a in r)
+    m.call(r, a) && o.indexOf(a) < 0 && (e[a] = r[a]);
+  if (r != null && i)
+    for (var a of i(r))
+      o.indexOf(a) < 0 && l.call(r, a) && (e[a] = r[a]);
+  return e;
+};
+import x from "react";
+import t from "prop-types";
+import g from "styled-components";
+import { Box as h } from "../Box/Box.js";
+const v = g(h)`
   &:before {
     background-color: ${({ theme: r }) => r.colors.neutral0};
     border-radius: ${({ theme: r }) => r.borderRadius};
@@ -12,33 +32,35 @@ const p = m(l)`
     top: 0;
     width: ${({ value: r }) => `${r}%`};
   }
-`, t = ({ min: r, max: i, value: o, children: s, size: a, ...n }) => /* @__PURE__ */ u.createElement(p, {
-  background: "neutral600",
-  hasRadius: !0,
-  "aria-label": s,
-  "aria-valuemax": i,
-  "aria-valuemin": r,
-  "aria-valuenow": o,
-  height: a === "S" ? 1 : 2,
-  position: "relative",
-  role: "progressbar",
-  value: o,
-  width: a === "S" ? "78px" : "102px",
-  ...n
-});
-t.defaultProps = {
+`, b = (P) => {
+  var n = P, { min: r, max: o, value: e, children: a, size: s } = n, c = d(n, ["min", "max", "value", "children", "size"]);
+  return /* @__PURE__ */ x.createElement(v, p({
+    background: "neutral600",
+    hasRadius: !0,
+    "aria-label": a,
+    "aria-valuemax": o,
+    "aria-valuemin": r,
+    "aria-valuenow": e,
+    height: s === "S" ? 1 : 2,
+    position: "relative",
+    role: "progressbar",
+    value: e,
+    width: s === "S" ? "78px" : "102px"
+  }, c));
+};
+b.defaultProps = {
   min: 0,
   max: 100,
   value: 0,
   size: "M"
 };
-t.propTypes = {
-  children: e.node.isRequired,
-  max: e.number,
-  min: e.number,
-  size: e.oneOf(["S", "M"]),
-  value: e.number
+b.propTypes = {
+  children: t.node.isRequired,
+  max: t.number,
+  min: t.number,
+  size: t.oneOf(["S", "M"]),
+  value: t.number
 };
 export {
-  t as ProgressBar
+  b as ProgressBar
 };

package/dist/ProgressBar/index.d.ts

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

package/dist/Radio/Radio.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),d=require("prop-types"),n=require("styled-components"),u=require("../BaseRadio/BaseRadio.cjs"),c=require("../Typography/Typography.cjs"),i=require("../Box/Box.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(l),o=a(d),p=a(n),y=p.default(c.Typography)`
+"use strict";var f=Object.defineProperty;var r=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var d=(e,t,a)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,c=(e,t)=>{for(var a in t||(t={}))n.call(t,a)&&d(e,a,t[a]);if(r)for(var a of r(t))u.call(t,a)&&d(e,a,t[a]);return e};var i=(e,t)=>{var a={};for(var o in e)n.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&r)for(var o of r(e))t.indexOf(o)<0&&u.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),g=require("prop-types"),T=require("styled-components"),_=require("../BaseRadio/BaseRadio.cjs"),q=require("../Typography/Typography.cjs"),B=require("../Box/Box.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=l(R),p=l(g),x=l(T),m=x.default(q.Typography)`
   display: flex;
   align-items: center;
-`,r=({children:e,...s})=>t.default.createElement(y,{as:"label",textColor:"neutral800"},t.default.createElement(u.BaseRadio,{...s}),t.default.createElement(i.Box,{paddingLeft:2},e));r.propTypes={children:o.default.node.isRequired,value:o.default.any.isRequired};exports.Radio=r;
+`,y=a=>{var o=a,{children:e}=o,t=i(o,["children"]);return s.default.createElement(m,{as:"label",textColor:"neutral800"},s.default.createElement(_.BaseRadio,c({},t)),s.default.createElement(B.Box,{paddingLeft:2},e))};y.propTypes={children:p.default.node.isRequired,value:p.default.any.isRequired};exports.Radio=y;

package/dist/Radio/Radio.d.ts

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

package/dist/Radio/Radio.js

@@ -1,24 +1,45 @@
-import e from "react";
-import r from "prop-types";
-import a from "styled-components";
-import { BaseRadio as i } from "../BaseRadio/BaseRadio.js";
-import { Typography as m } from "../Typography/Typography.js";
-import { Box as p } from "../Box/Box.js";
-const l = a(m)`
+var f = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? f(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
+  for (var t in r || (r = {}))
+    p.call(r, t) && m(e, t, r[t]);
+  if (a)
+    for (var t of a(r))
+      l.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var d = (e, r) => {
+  var t = {};
+  for (var o in e)
+    p.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 && l.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i from "react";
+import s from "prop-types";
+import c from "styled-components";
+import { BaseRadio as y } from "../BaseRadio/BaseRadio.js";
+import { Typography as u } from "../Typography/Typography.js";
+import { Box as x } from "../Box/Box.js";
+const R = c(u)`
   display: flex;
   align-items: center;
-`, n = ({ children: t, ...o }) => /* @__PURE__ */ e.createElement(l, {
-  as: "label",
-  textColor: "neutral800"
-}, /* @__PURE__ */ e.createElement(i, {
-  ...o
-}), /* @__PURE__ */ e.createElement(p, {
-  paddingLeft: 2
-}, t));
-n.propTypes = {
-  children: r.node.isRequired,
-  value: r.any.isRequired
+`, T = (t) => {
+  var o = t, { children: e } = o, r = d(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(R, {
+    as: "label",
+    textColor: "neutral800"
+  }, /* @__PURE__ */ i.createElement(y, n({}, r)), /* @__PURE__ */ i.createElement(x, {
+    paddingLeft: 2
+  }, e));
+};
+T.propTypes = {
+  children: s.node.isRequired,
+  value: s.any.isRequired
 };
 export {
-  n as Radio
+  T as Radio
 };

package/dist/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Radio";
+export { RadioGroup } from "../BaseRadio/RadioGroup";

package/dist/RawTable/RawCell.cjs

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

package/dist/RawTable/RawCell.d.ts

@@ -0,0 +1,47 @@
+export function RawTh(props: any): JSX.Element;
+export namespace RawTh {
+    namespace defaultProps {
+        const children: undefined;
+        const coords: {};
+    }
+    const propTypes: {
+        'aria-colindex': PropTypes.Validator<number>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Position of the cell in the table
+         */
+        coords: PropTypes.Requireable<PropTypes.InferProps<{
+            col: PropTypes.Requireable<number>;
+            row: PropTypes.Requireable<number>;
+        }>>;
+    };
+}
+export function RawTd({ coords, as, ...props }: {
+    [x: string]: any;
+    coords: any;
+    as: any;
+}): JSX.Element;
+export namespace RawTd {
+    export namespace defaultProps_1 {
+        export const as: string;
+        const children_1: undefined;
+        export { children_1 as children };
+        const coords_1: {};
+        export { coords_1 as coords };
+    }
+    export { defaultProps_1 as defaultProps };
+    const propTypes_1: {
+        'aria-colindex': PropTypes.Validator<number>;
+        as: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Position of the cell in the table
+         */
+        coords: PropTypes.Requireable<PropTypes.InferProps<{
+            col: PropTypes.Requireable<number>;
+            row: PropTypes.Requireable<number>;
+        }>>;
+    };
+    export { propTypes_1 as propTypes };
+}
+import PropTypes from "prop-types";

package/dist/RawTable/RawCell.js

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

package/dist/RawTable/RawTable.cjs

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

@@ -0,0 +1,26 @@
+export function RawTable({ colCount, rowCount, jumpStep, initialCol, initialRow, ...props }: {
+    [x: string]: any;
+    colCount: any;
+    rowCount: any;
+    jumpStep: any;
+    initialCol: any;
+    initialRow: any;
+}): JSX.Element;
+export namespace RawTable {
+    namespace defaultProps {
+        const jumpStep: number;
+        const initialCol: number;
+        const initialRow: number;
+    }
+    namespace propTypes {
+        export const colCount: PropTypes.Validator<number>;
+        const initialCol_1: PropTypes.Requireable<number>;
+        export { initialCol_1 as initialCol };
+        const initialRow_1: PropTypes.Requireable<number>;
+        export { initialRow_1 as initialRow };
+        const jumpStep_1: PropTypes.Requireable<number>;
+        export { jumpStep_1 as jumpStep };
+        export const rowCount: PropTypes.Validator<number>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/RawTable/RawTable.js

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