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

package/dist/NumberInput/NumberInput.js

@@ -1,146 +1,180 @@
-import t, { useRef as g } from "react";
-import r from "prop-types";
-import L from "styled-components";
-import v from "@strapi/icons/CarretDown";
-import { NumberParser as T, NumberFormatter as z } from "@internationalized/number";
-import { Field as B } from "../Field/Field.js";
-import { FieldLabel as U } from "../Field/FieldLabel.js";
-import { FieldInput as _ } from "../Field/FieldInput.js";
-import { FieldHint as j } from "../Field/FieldHint.js";
-import { FieldError as H } from "../Field/FieldError.js";
+var H = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var w = (e, n, o) => n in e ? H(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o, A = (e, n) => {
+  for (var o in n || (n = {}))
+    E.call(n, o) && w(e, o, n[o]);
+  if (p)
+    for (var o of p(n))
+      I.call(n, o) && w(e, o, n[o]);
+  return e;
+};
+var V = (e, n) => {
+  var o = {};
+  for (var l in e)
+    E.call(e, l) && n.indexOf(l) < 0 && (o[l] = e[l]);
+  if (e != null && p)
+    for (var l of p(e))
+      n.indexOf(l) < 0 && I.call(e, l) && (o[l] = e[l]);
+  return o;
+};
+import a, { useRef as x } from "react";
+import t from "prop-types";
+import M from "styled-components";
+import D from "@strapi/icons/CarretDown";
+import { NumberParser as W, NumberFormatter as X } from "@internationalized/number";
+import { Field as Y } from "../Field/Field.js";
+import { FieldLabel as G } from "../Field/FieldLabel.js";
+import { FieldInput as J } from "../Field/FieldInput.js";
+import { FieldHint as Q } from "../Field/FieldHint.js";
+import { FieldError as Z } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { Stack as M } from "../Stack/Stack.js";
-import { Icon as N } from "../Icon/Icon.js";
-import { sizes as W } from "../themes/sizes.js";
-import { useId as X } from "../helpers/useId.js";
-import { KeyboardKeys as y } from "../helpers/keyboardKeys.js";
-import { getDefaultLocale as Y } from "../helpers/getDefaultLocale.js";
-import { useControllableState as G } from "../hooks/useControllableState.js";
-const h = L.button`
+import { Stack as ee } from "../Stack/Stack.js";
+import { Icon as F } from "../Icon/Icon.js";
+import { sizes as re } from "../themes/sizes.js";
+import { useId as te } from "../helpers/useId.js";
+import { KeyboardKeys as k } from "../helpers/keyboardKeys.js";
+import { getDefaultLocale as oe } from "../helpers/getDefaultLocale.js";
+import { useControllableState as ne } from "../hooks/useControllableState.js";
+const C = M.button`
   display: flex;
   height: 1rem;
-  align-items: ${({ reverse: n }) => n ? "flex-end" : "flex-start"};
-  transform: translateY(${({ reverse: n }) => n ? "-2px" : "2px"});
-  cursor: ${({ disabled: n }) => n ? "not-allowed" : void 0};
+  align-items: ${({ reverse: e }) => e ? "flex-end" : "flex-start"};
+  transform: translateY(${({ reverse: e }) => e ? "-2px" : "2px"});
+  cursor: ${({ disabled: e }) => e ? "not-allowed" : void 0};
   svg {
     display: block;
     height: ${4 / 16}rem;
-    transform: ${({ reverse: n }) => n ? "rotateX(180deg)" : void 0};
+    transform: ${({ reverse: e }) => e ? "rotateX(180deg)" : void 0};
   }
-`, J = "", c = t.forwardRef(
-  ({
-    size: n,
-    startAction: w,
-    name: E,
-    hint: I,
-    error: A,
-    label: d,
-    labelAction: V,
-    locale: x,
-    id: D,
-    onValueChange: F,
-    value: k,
-    step: i,
-    required: C,
-    disabled: s,
-    ...P
-  }, R) => {
-    const O = X("numberinput", D), p = x || Y(), m = g(new T(p, { style: "decimal" })), u = g(new z(p, { maximumFractionDigits: 20 })), [a, S] = G({
-      prop(e) {
-        const o = String(k);
-        return isNaN(o) || o !== e && e !== "" ? e : o;
+`, ae = "", b = a.forwardRef(
+  (ie, T) => {
+    var v = ie, {
+      size: e,
+      startAction: n,
+      name: o,
+      hint: l,
+      error: P,
+      label: g,
+      labelAction: R,
+      locale: O,
+      id: S,
+      onValueChange: $,
+      value: q,
+      step: s,
+      required: K,
+      disabled: d
+    } = v, L = V(v, [
+      "size",
+      "startAction",
+      "name",
+      "hint",
+      "error",
+      "label",
+      "labelAction",
+      "locale",
+      "id",
+      "onValueChange",
+      "value",
+      "step",
+      "required",
+      "disabled"
+    ]);
+    const z = te("numberinput", S), N = O || oe(), c = x(new W(N, { style: "decimal" })), f = x(new X(N, { maximumFractionDigits: 20 })), [m, B] = ne({
+      prop(r) {
+        const i = String(q);
+        return isNaN(i) || i !== r && r !== "" ? r : i;
       },
-      defaultProp: J,
-      onChange(e) {
-        const o = m.current.parse(e);
-        F(isNaN(o) ? void 0 : o);
+      defaultProp: ae,
+      onChange(r) {
+        const i = c.current.parse(r);
+        $(isNaN(i) ? void 0 : i);
       }
-    }), l = (e) => {
-      S(String(e));
-    }, $ = ({ target: { value: e } }) => {
-      m.current.isValidPartialNumber(e) && l(e);
-    }, f = () => {
-      if (!a) {
-        l(i);
+    }), u = (r) => {
+      B(String(r));
+    }, U = ({ target: { value: r } }) => {
+      c.current.isValidPartialNumber(r) && u(r);
+    }, y = () => {
+      if (!m) {
+        u(s);
         return;
       }
-      const e = m.current.parse(a), o = isNaN(e) ? i : e + i;
-      l(u.current.format(o));
-    }, b = () => {
-      if (!a) {
-        l(-i);
+      const r = c.current.parse(m), i = isNaN(r) ? s : r + s;
+      u(f.current.format(i));
+    }, h = () => {
+      if (!m) {
+        u(-s);
         return;
       }
-      const e = m.current.parse(a), o = isNaN(e) ? -i : e - i;
-      l(u.current.format(o));
-    }, q = (e) => {
-      if (!s)
-        switch (e.key) {
-          case y.DOWN: {
-            e.preventDefault(), b();
+      const r = c.current.parse(m), i = isNaN(r) ? -s : r - s;
+      u(f.current.format(i));
+    }, _ = (r) => {
+      if (!d)
+        switch (r.key) {
+          case k.DOWN: {
+            r.preventDefault(), h();
             break;
           }
-          case y.UP: {
-            e.preventDefault(), f();
+          case k.UP: {
+            r.preventDefault(), y();
             break;
           }
         }
-    }, K = () => {
-      if (a) {
-        const e = m.current.parse(a), o = isNaN(e) ? "" : u.current.format(e);
-        l(o);
+    }, j = () => {
+      if (m) {
+        const r = c.current.parse(m), i = isNaN(r) ? "" : f.current.format(r);
+        u(i);
       }
     };
-    return /* @__PURE__ */ t.createElement(B, {
-      name: E,
-      hint: I,
-      error: A,
-      id: O,
-      required: C
-    }, /* @__PURE__ */ t.createElement(M, {
+    return /* @__PURE__ */ a.createElement(Y, {
+      name: o,
+      hint: l,
+      error: P,
+      id: z
+    }, /* @__PURE__ */ a.createElement(ee, {
       spacing: 1
-    }, d && /* @__PURE__ */ t.createElement(U, {
-      action: V
-    }, d), /* @__PURE__ */ t.createElement(_, {
-      ref: R,
-      startAction: w,
-      disabled: s,
+    }, g && /* @__PURE__ */ a.createElement(G, {
+      required: K,
+      action: R
+    }, g), /* @__PURE__ */ a.createElement(J, A({
+      ref: T,
+      startAction: n,
+      disabled: d,
       type: "text",
       inputmode: "decimal",
-      onChange: $,
-      onKeyDown: q,
-      onBlur: K,
-      value: a,
-      size: n,
-      endAction: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(h, {
-        disabled: s,
+      onChange: U,
+      onKeyDown: _,
+      onBlur: j,
+      value: m,
+      size: e,
+      endAction: /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(C, {
+        disabled: d,
         "aria-hidden": !0,
         reverse: !0,
-        onClick: f,
+        onClick: y,
         tabIndex: -1,
         type: "button",
         "data-testid": "ArrowUp"
-      }, /* @__PURE__ */ t.createElement(N, {
-        as: v,
+      }, /* @__PURE__ */ a.createElement(F, {
+        as: D,
         color: "neutral500"
-      })), /* @__PURE__ */ t.createElement(h, {
-        disabled: s,
+      })), /* @__PURE__ */ a.createElement(C, {
+        disabled: d,
         "aria-hidden": !0,
-        onClick: b,
+        onClick: h,
         tabIndex: -1,
         type: "button",
         "data-testid": "ArrowDown"
-      }, /* @__PURE__ */ t.createElement(N, {
-        as: v,
+      }, /* @__PURE__ */ a.createElement(F, {
+        as: D,
         color: "neutral500"
-      }))),
-      ...P
-    }), /* @__PURE__ */ t.createElement(j, null), /* @__PURE__ */ t.createElement(H, null)));
+      })))
+    }, L)), /* @__PURE__ */ a.createElement(Q, null), /* @__PURE__ */ a.createElement(Z, null)));
   }
 );
-c.displayName = "NumberInput";
-c.defaultProps = {
+b.displayName = "NumberInput";
+b.defaultProps = {
   "aria-label": void 0,
   disabled: !1,
   error: void 0,
@@ -155,23 +189,23 @@ c.defaultProps = {
   step: 1,
   value: void 0
 };
-c.propTypes = {
-  "aria-label": r.string,
-  disabled: r.bool,
-  error: r.string,
-  hint: r.oneOfType([r.string, r.node, r.arrayOf(r.node)]),
-  id: r.string,
-  label: r.string,
-  labelAction: r.element,
-  locale: r.string,
-  name: r.string.isRequired,
-  onValueChange: r.func.isRequired,
-  required: r.bool,
-  size: r.oneOf(Object.keys(W.input)),
-  startAction: r.element,
-  step: r.number,
-  value: r.number
+b.propTypes = {
+  "aria-label": t.string,
+  disabled: t.bool,
+  error: t.string,
+  hint: t.oneOfType([t.string, t.node, t.arrayOf(t.node)]),
+  id: t.string,
+  label: t.string,
+  labelAction: t.element,
+  locale: t.string,
+  name: t.string.isRequired,
+  onValueChange: t.func.isRequired,
+  required: t.bool,
+  size: t.oneOf(Object.keys(re.input)),
+  startAction: t.element,
+  step: t.number,
+  value: t.number
 };
 export {
-  c as NumberInput
+  b as NumberInput
 };

package/dist/NumberInput/index.d.ts

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

package/dist/Pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+export function Pagination({ children, label, activePage, pageCount }: {
+    children: any;
+    label: any;
+    activePage: any;
+    pageCount: any;
+}): JSX.Element;
+export namespace Pagination {
+    namespace defaultProps {
+        const label: string;
+    }
+    namespace propTypes {
+        export const activePage: PropTypes.Validator<number>;
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const label_1: PropTypes.Requireable<string>;
+        export { label_1 as label };
+        export const pageCount: PropTypes.Validator<number>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Pagination/PaginationContext.d.ts

@@ -0,0 +1,8 @@
+export const PaginationContext: import("react").Context<{
+    activePage: number;
+    pageCount: number;
+}>;
+export function usePagination(): {
+    activePage: number;
+    pageCount: number;
+};

package/dist/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),L=require("styled-components"),q=require("prop-types"),k=require("@strapi/icons/ChevronLeft"),T=require("@strapi/icons/ChevronRight"),_=require("react-router-dom"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),c=require("./PaginationContext.cjs"),x=require("../Typography/Typography.cjs"),E=require("../themes/utils.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(b),l=s(L),i=s(q),R=s(k),$=s(T),g=l.default(x.Typography)`
+"use strict";var $=Object.defineProperty,C=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var q=(e,t,a)=>t in e?$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,l=(e,t)=>{for(var a in t||(t={}))k.call(t,a)&&q(e,a,t[a]);if(f)for(var a of f(t))T.call(t,a)&&q(e,a,t[a]);return e},g=(e,t)=>C(e,w(t));var d=(e,t)=>{var a={};for(var r in e)k.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&f)for(var r of f(e))t.indexOf(r)<0&&T.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const H=require("react"),N=require("styled-components"),V=require("prop-types"),j=require("@strapi/icons/ChevronLeft"),D=require("@strapi/icons/ChevronRight"),S=require("react-router-dom"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),v=require("./PaginationContext.cjs"),W=require("../Typography/Typography.cjs"),A=require("../themes/utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(H),p=c(N),u=c(V),F=c(j),I=c(D),_=p.default(W.Typography)`
   line-height: revert;
-`,C={active:!0},p=l.default(_.NavLink).withConfig({shouldForwardProp:(e,t)=>!C[e]&&t(e)})`
+`,M={active:!0},m=p.default(S.NavLink).withConfig({shouldForwardProp:(e,t)=>!M[e]&&t(e)})`
   padding: ${({theme:e})=>e.spaces[3]};
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({active:e,theme:t})=>e?t.shadows.filterShadow:void 0};
   text-decoration: none;
   display: flex;
 
-  ${E.buttonFocusStyle}
-`,w=l.default(p)`
+  ${A.buttonFocusStyle}
+`,z=p.default(m)`
   color: ${({theme:e,active:t})=>t?e.colors.primary700:e.colors.neutral800};
   background: ${({theme:e,active:t})=>t?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,v=l.default(p)`
+`,x=p.default(m)`
   font-size: 0.7rem;
   svg path {
     fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
@@ -31,6 +31,6 @@
   ${e=>e["aria-disabled"]?`
   pointer-events: none;
     `:void 0}
-`,H=l.default(p)`
+`,O=p.default(m)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,f=({children:e,to:t,...n})=>{const{activePage:o}=c.usePagination(),r=o===1;return a.default.createElement(v,{to:r?"#":t,"aria-disabled":r,tabIndex:r?-1:void 0,...n},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(R.default,{"aria-hidden":!0}))};f.displayName="PreviousLink";const h=({children:e,to:t,...n})=>{const{activePage:o,pageCount:r}=c.usePagination(),u=o===r;return a.default.createElement(v,{to:u?"#":t,"aria-disabled":u,tabIndex:u?-1:void 0,...n},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement($.default,{"aria-hidden":!0}))};h.displayName="NextLink";const y=({number:e,children:t,...n})=>{const{activePage:o}=c.usePagination(),r=o===e;return a.default.createElement(w,{...n,active:r},a.default.createElement(d.VisuallyHidden,null,t),a.default.createElement(g,{"aria-hidden":!0,variant:"pi",fontWeight:r?"bold":null},e))};y.displayName="PageLink";const m=({children:e,...t})=>a.default.createElement(H,{...t,as:"div"},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(g,{"aria-hidden":!0,variant:"pi"},"\u2026"));y.propTypes={children:i.default.node.isRequired,number:i.default.number.isRequired};const P={children:i.default.node.isRequired,to:i.default.string.isRequired};h.propTypes=P;f.propTypes=P;m.propTypes={children:i.default.node.isRequired};exports.Dots=m;exports.NextLink=h;exports.PageLink=y;exports.PreviousLink=f;
+`,P=r=>{var o=r,{children:e,to:t}=o,a=d(o,["children","to"]);const{activePage:s}=v.usePagination(),i=s===1;return n.default.createElement(x,l({to:i?"#":t,"aria-disabled":i,tabIndex:i?-1:void 0},a),n.default.createElement(h.VisuallyHidden,null,e),n.default.createElement(F.default,{"aria-hidden":!0}))};P.displayName="PreviousLink";const b=r=>{var o=r,{children:e,to:t}=o,a=d(o,["children","to"]);const{activePage:s,pageCount:i}=v.usePagination(),y=s===i;return n.default.createElement(x,l({to:y?"#":t,"aria-disabled":y,tabIndex:y?-1:void 0},a),n.default.createElement(h.VisuallyHidden,null,e),n.default.createElement(I.default,{"aria-hidden":!0}))};b.displayName="NextLink";const L=r=>{var o=r,{number:e,children:t}=o,a=d(o,["number","children"]);const{activePage:s}=v.usePagination(),i=s===e;return n.default.createElement(z,g(l({},a),{active:i}),n.default.createElement(h.VisuallyHidden,null,t),n.default.createElement(_,{"aria-hidden":!0,variant:"pi",fontWeight:i?"bold":null},e))};L.displayName="PageLink";const E=a=>{var r=a,{children:e}=r,t=d(r,["children"]);return n.default.createElement(O,g(l({},t),{as:"div"}),n.default.createElement(h.VisuallyHidden,null,e),n.default.createElement(_,{"aria-hidden":!0,variant:"pi"},"\u2026"))};L.propTypes={children:u.default.node.isRequired,number:u.default.number.isRequired};const R={children:u.default.node.isRequired,to:u.default.string.isRequired};b.propTypes=R;P.propTypes=R;E.propTypes={children:u.default.node.isRequired};exports.Dots=E;exports.NextLink=b;exports.PageLink=L;exports.PreviousLink=P;

package/dist/Pagination/components.d.ts

@@ -0,0 +1,50 @@
+export function PreviousLink({ children, to, ...props }: {
+    [x: string]: any;
+    children: any;
+    to: any;
+}): JSX.Element;
+export namespace PreviousLink {
+    export const displayName: string;
+    export { sharedPropTypes as propTypes };
+}
+export function NextLink({ children, to, ...props }: {
+    [x: string]: any;
+    children: any;
+    to: any;
+}): JSX.Element;
+export namespace NextLink {
+    const displayName_1: string;
+    export { displayName_1 as displayName };
+    export { sharedPropTypes as propTypes };
+}
+export function PageLink({ number, children, ...props }: {
+    [x: string]: any;
+    number: any;
+    children: any;
+}): JSX.Element;
+export namespace PageLink {
+    const displayName_2: string;
+    export { displayName_2 as displayName };
+    export namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const number: PropTypes.Validator<number>;
+    }
+}
+export function Dots({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+export namespace Dots {
+    export namespace propTypes_1 {
+        const children_1: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export { children_1 as children };
+    }
+    export { propTypes_1 as propTypes };
+}
+declare namespace sharedPropTypes {
+    const children_2: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    export { children_2 as children };
+    export const to: PropTypes.Validator<string>;
+}
+import PropTypes from "prop-types";
+export {};