@pismo/marola 0.0.1-alpha.4 → 0.0.1-alpha.6

package/dist/main.d.ts

@@ -2,7 +2,11 @@
 export * from './components/Dialog/Dialog';
 export * from './components/Typography/Typography';
 export * from './components/LoadingSpinner/LoadingSpinner';
-export * from './components/CallToActionButton/CallToActionButton';
 export * from './components/Tabs/Tabs';
 export * from './components/Tabs/Tab';
 export * from './components/Tabs/TabPanel';
+export * from './components/Table/Table';
+export * from './components/Pagination/Pagination';
+export * from './components/PageHeader/PageHeader';
+export * from './components/Button/Button';
+export * from './components/IconButton/IconButton';

package/dist/main.js

@@ -1,23 +1,32 @@
-import './assets/main.css';
-import { Dialog as t } from "./components/Dialog/Dialog.js";
-import { Typography as a } from "./components/Typography/Typography.js";
-import { LoadingSpinner as p } from "./components/LoadingSpinner/LoadingSpinner.js";
-import { CallToActionButton as x } from "./components/CallToActionButton/CallToActionButton.js";
-import { Tabs as n } from "./components/Tabs/Tabs.js";
-import { Tab as T } from "./components/Tabs/Tab.js";
-import { TabPanel as d } from "./components/Tabs/TabPanel.js";
-import { default as u } from "./components/Dialog/Title.js";
-import { default as c } from "./components/Dialog/Content.js";
-import { default as A } from "./components/Dialog/Actions.js";
+import './assets/global.css';
+/* empty css                */
+import { Dialog as a } from "./components/Dialog/Dialog.js";
+import { Typography as f } from "./components/Typography/Typography.js";
+import { LoadingSpinner as n } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { Tabs as i } from "./components/Tabs/Tabs.js";
+import { Tab as s } from "./components/Tabs/Tab.js";
+import { TabPanel as g } from "./components/Tabs/TabPanel.js";
+import "./components/Table/Table.js";
+import { Pagination as T, defaultTranslations as b } from "./components/Pagination/Pagination.js";
+import { PageHeader as c } from "./components/PageHeader/PageHeader.js";
+import { Button as B } from "./components/Button/Button.js";
+import { IconButton as h } from "./components/IconButton/IconButton.js";
+import { default as C } from "./components/Dialog/Title.js";
+import { default as I } from "./components/Dialog/Content.js";
+import { default as S } from "./components/Dialog/Actions.js";
 export {
-  A as Actions,
-  x as CallToActionButton,
-  c as Content,
-  t as Dialog,
-  u as DialogTitle,
-  p as LoadingSpinner,
-  T as Tab,
-  d as TabPanel,
-  n as Tabs,
-  a as Typography
+  S as Actions,
+  B as Button,
+  I as Content,
+  a as Dialog,
+  C as DialogTitle,
+  h as IconButton,
+  n as LoadingSpinner,
+  c as PageHeader,
+  T as Pagination,
+  s as Tab,
+  g as TabPanel,
+  i as Tabs,
+  f as Typography,
+  b as defaultTranslations
 };

package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js

@@ -0,0 +1,26 @@
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(n) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (n[t] = r[t]);
+    }
+    return n;
+  }, e.apply(this, arguments);
+}
+function i(n, a) {
+  if (n == null)
+    return {};
+  var r = {};
+  for (var t in n)
+    if (Object.prototype.hasOwnProperty.call(n, t)) {
+      if (a.indexOf(t) >= 0)
+        continue;
+      r[t] = n[t];
+    }
+  return r;
+}
+export {
+  i as _,
+  e as a
+};

package/dist/react-CGNQ6M5x.js

@@ -0,0 +1,117 @@
+import { c as N, g as W } from "./_commonjsHelpers-CT_km90n.js";
+import T from "react";
+var E = { exports: {} };
+(function(A, I) {
+  (function(y, w) {
+    A.exports = w(T);
+  })(N, (y) => (() => {
+    var w = { 639: (e) => {
+      e.exports = y;
+    } }, S = {};
+    function c(e) {
+      var o = S[e];
+      if (o !== void 0)
+        return o.exports;
+      var s = S[e] = { exports: {} };
+      return w[e](s, s.exports, c), s.exports;
+    }
+    c.n = (e) => {
+      var o = e && e.__esModule ? () => e.default : () => e;
+      return c.d(o, { a: o }), o;
+    }, c.d = (e, o) => {
+      for (var s in o)
+        c.o(o, s) && !c.o(e, s) && Object.defineProperty(e, s, { enumerable: !0, get: o[s] });
+    }, c.o = (e, o) => Object.prototype.hasOwnProperty.call(e, o), c.r = (e) => {
+      typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 });
+    };
+    var x = {};
+    return (() => {
+      c.r(x), c.d(x, { default: () => O });
+      var e = c(639), o = c.n(e), s = function(a, i, u, r) {
+        return new (u || (u = Promise))(function(m, l) {
+          function p(n) {
+            try {
+              d(r.next(n));
+            } catch (t) {
+              l(t);
+            }
+          }
+          function f(n) {
+            try {
+              d(r.throw(n));
+            } catch (t) {
+              l(t);
+            }
+          }
+          function d(n) {
+            var t;
+            n.done ? m(n.value) : (t = n.value, t instanceof u ? t : new u(function(h) {
+              h(t);
+            })).then(p, f);
+          }
+          d((r = r.apply(a, [])).next());
+        });
+      };
+      function j() {
+        return typeof globalThis < "u" && globalThis.WAVES_ICONS_BASE_URL ? globalThis.WAVES_ICONS_BASE_URL : typeof window < "u" && window.WAVES_ICONS_BASE_URL ? window.WAVES_ICONS_BASE_URL : "https://waves-icons.pismolabs.io/bin";
+      }
+      function _(a, i, u) {
+        const r = i && Number.isNaN(Number(i)) ? i : i ? `${i}px` : "1em", m = u || "currentColor", l = { fill: m, color: m, width: r, height: r };
+        return a && Object.keys(l).forEach((p) => {
+          a.setAttribute(p, l[p]);
+        }), a && Object.assign(a.style, l), a;
+      }
+      const O = ({ icon: a, color: i, size: u }) => {
+        const r = (0, e.useRef)(null), [m, l] = (0, e.useState)(null), p = (f) => {
+          const d = _(f, `${u || ""}`, i);
+          r != null && r.current && (r.current.innerHTML = "", r.current.append(d)), l(d);
+        };
+        return (0, e.useEffect)(() => {
+          (function(f, d = !1) {
+            return s(this, void 0, void 0, function* () {
+              return function(n) {
+                return s(this, void 0, void 0, function* () {
+                  return fetch(n, { cache: "force-cache" }).then((t) => t.status >= 200 && t.status <= 299 ? t.text() : Promise.resolve(`
+    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+      <!-- Waves Icon Not Found -->
+    </svg>
+  `)).catch(console.error);
+                });
+              }(f.startsWith("http") ? f : function(n, t = "svg", h) {
+                return h || (h = j()), `${h}/${n}.${t}`;
+              }(f)).then((n) => {
+                try {
+                  const t = d ? n : function(h, b) {
+                    b || (b = `
+    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+      <!-- Waves Icon Not Found -->
+    </svg>
+  `);
+                    const g = Object.assign(document.createElement("template"), { innerHTML: b }).content.querySelector("svg");
+                    return Array.from(g.attributes).map(({ name: v }) => v).find((v) => {
+                      v.startsWith("on") && g.removeAttribute(v);
+                    }), g.querySelectorAll(["a", "animate", "color-profile", "cursor", "discard", "fedropshadow", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"].join(",")).forEach((v) => {
+                      v.remove();
+                    }), g.setAttribute("data-waves-icon", h), g;
+                  }(f, n);
+                  return Promise.resolve(t);
+                } catch (t) {
+                  return Promise.reject(t);
+                }
+              }).catch(console.error);
+            });
+          })(a).then(p).catch(console.error);
+        }, [a]), (0, e.useEffect)(() => {
+          _(m, `${u || ""}`, i);
+        }, [u, i]), o().createElement("span", { ref: r });
+      };
+    })(), x;
+  })());
+})(E);
+var P = E.exports;
+const L = /* @__PURE__ */ W(P);
+export {
+  L as W
+};

package/dist/test-utils/assertStyles.d.ts

@@ -0,0 +1 @@
+export declare const assertClassesApplied: (expectedClasses: string[] | null, component: HTMLElement) => void;

package/dist/test-utils/assertStyles.js

@@ -0,0 +1,11 @@
+const i = (h, r) => {
+  h == null || h.forEach((a) => {
+    if (!r.className.split(" ").some((t) => t.startsWith(`_${a}_`)))
+      throw new Error(`
+Received: ${r.className}
+Expected: _${a}_{x}, (where {x} = random hash)`);
+  });
+};
+export {
+  i as assertClassesApplied
+};

package/dist/types/helpers.d.ts

@@ -1,10 +1,9 @@
+/// <reference types="vite-plugin-svgr/client" />
+
 // Saves having to declare 'never' for every property that exists on the 'other' type
 // Creates a new type that 'only' has properties in the first type and not in the second, if the property does not
 // exist in the second type, it is given the value of 'never' so it can never be set
-type Only<T, U> = { [P in keyof T]: T[P] } & Omit<
-  { [P in keyof U]?: never },
-  keyof T
->;
+type Only<T, U> = { [P in keyof T]: T[P] } & Omit<{ [P in keyof U]?: never }, keyof T>;
 
 // Usage MyNewType = Either<TypeA, TypeB>
 // Creates a new type via union based on two types
@@ -15,6 +14,14 @@ export type Either<T, U> = Only<T, U> | Only<U, T>;
 // note these arguments must be declared in MyType as optional '?'
 type RequireAllOrNone<T, U extends keyof T = never> = (
   | Required<Pick<T, U>> // Require all properties
-  | Partial<Record<U, never>>
-  ) & // Require none
-  Omit<T, U>; // remaining keys not listed in U
+  | Partial<Record<U, never>> // Require none
+) &
+  Omit<T, U>; // remaining keys not listed in U
+
+// S = string, D = delimiter to split by. Then split S by D and return array of strings. "foo-bar-baz" = ["foo","bar","baz"]
+// Fallback if no '-' return [s] which is an array of the input string e.g. foo = [foo]
+type Split<S extends string, D extends string> = string extends S
+  ? string[]
+  : S extends `${infer T}${D}${infer Rest}`
+    ? [T, ...Split<Rest, D>]
+    : [S];

package/dist/{useButton-CbmjmH5z.js → useButton-JpyBo5M4.js}

@@ -1,18 +1,19 @@
-import { u as _, _ as k, e as I } from "./index-BZ1lkM_M.js";
+import { a as k } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
 import * as l from "react";
-function A(r) {
+import { d as A, e as I } from "./index-D2P7y2mE.js";
+function _(r) {
   const {
     rootElementName: n = "",
     componentName: o
-  } = r, [a, i] = l.useState(n.toUpperCase());
+  } = r, [s, i] = l.useState(n.toUpperCase());
   process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    n && a !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${o ? `the ${o} component` : "a component"} expected the '${n}' element, but a '${a.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
-  }, [n, a, o]);
+    n && s !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${o ? `the ${o} component` : "a component"} expected the '${n}' element, but a '${s.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
+  }, [n, s, o]);
   const c = l.useCallback((b) => {
     var f;
     i((f = b == null ? void 0 : b.tagName) != null ? f : "");
   }, []);
-  return [a, c];
+  return [s, c];
 }
 class F {
   constructor() {
@@ -86,21 +87,21 @@ function Q() {
       w = !1;
     }), n.current = !1, !0) : !1;
   }
-  function a(i) {
+  function s(i) {
     return J(i) ? (n.current = !0, !0) : !1;
   }
   return {
     isFocusVisibleRef: n,
-    onFocus: a,
+    onFocus: s,
     onBlur: o,
     ref: r
   };
 }
-function H(r = {}) {
+function ee(r = {}) {
   const {
     disabled: n = !1,
     focusableWhenDisabled: o,
-    href: a,
+    href: s,
     rootRef: i,
     tabIndex: c,
     to: b,
@@ -115,8 +116,8 @@ function H(r = {}) {
   n && !o && p && N(!1), l.useEffect(() => {
     h.current = p;
   }, [p, h]);
-  const [m, M] = A({
-    rootElementName: V ?? (a || b ? "a" : void 0),
+  const [m, M] = _({
+    rootElementName: V ?? (s || b ? "a" : void 0),
     componentName: "Button"
   }), U = (t) => (e) => {
     var u;
@@ -158,12 +159,12 @@ function H(r = {}) {
       var d;
       (d = t.onClick) == null || d.call(t, e);
     }
-  }, D = _(M, i, v, y), s = {};
-  return c !== void 0 && (s.tabIndex = c), m === "BUTTON" ? (s.type = f ?? "button", o ? s["aria-disabled"] = n : s.disabled = n) : m === "INPUT" ? f && ["button", "submit", "reset"].includes(f) && (o ? s["aria-disabled"] = n : s.disabled = n) : m !== "" && (!a && !b && (s.role = "button", s.tabIndex = c ?? 0), n && (s["aria-disabled"] = n, s.tabIndex = o ? c ?? 0 : -1)), {
+  }, D = A(M, i, v, y), a = {};
+  return c !== void 0 && (a.tabIndex = c), m === "BUTTON" ? (a.type = f ?? "button", o ? a["aria-disabled"] = n : a.disabled = n) : m === "INPUT" ? f && ["button", "submit", "reset"].includes(f) && (o ? a["aria-disabled"] = n : a.disabled = n) : m !== "" && (!s && !b && (a.role = "button", a.tabIndex = c ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = o ? c ?? 0 : -1)), {
     getRootProps: (t = {}) => {
       const e = k({}, I(r), I(t)), u = k({
         type: f
-      }, e, s, t, {
+      }, e, a, t, {
         onBlur: L(e),
         onClick: C(e),
         onFocus: P(e),
@@ -182,5 +183,5 @@ function H(r = {}) {
   };
 }
 export {
-  H as u
+  ee as u
 };

package/dist/{useCompoundItem-B7wfGDHQ.js → useCompoundItem-CTYi5M_E.js}

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { C as a } from "./Tabs.module-_kSbSyth.js";
+import { C as a } from "./Tabs.module-BA-PC7fA.js";
 import { u as I } from "./useEnhancedEffect-CJGo-L3B.js";
 let r = 0;
 function i(t) {

package/dist/useControlled-CCMYYdCM.js

@@ -0,0 +1,31 @@
+import * as n from "react";
+function d({
+  controlled: o,
+  default: r,
+  name: t,
+  state: s = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(r), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${s} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [s, t, o]);
+    const {
+      current: i
+    } = n.useRef(r);
+    n.useEffect(() => {
+      !e && i !== r && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  const f = n.useCallback((i) => {
+    e || c(i);
+  }, []);
+  return [u, f];
+}
+export {
+  d as u
+};

package/dist/utils/styleStrings.d.ts

@@ -0,0 +1,6 @@
+import { Split } from '../types/helpers';
+
+export type BlockType<T extends string> = Split<T, '-'>[0];
+export declare const bemify: <T extends string>(variant: T, blocksWithElements: BlockType<T>[]) => string;
+export declare const getBEMBase: (variant: string) => string;
+export declare const getBEMBlock: (variant: string) => string;

package/dist/utils/styleStrings.js

@@ -0,0 +1,10 @@
+const s = (e, n) => {
+  const r = new RegExp(`^([${n.join("|")}]*)-`);
+  let t = e.replace(r, "$1__");
+  return t = t.replace(new RegExp("(?<!-)-(?!-)", "g"), "--"), t;
+}, c = (e) => e.split("--")[0], l = (e) => e.split(/--|__/)[0];
+export {
+  s as bemify,
+  c as getBEMBase,
+  l as getBEMBlock
+};

package/dist/utils/styleStrings.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/styleStrings.test.js

@@ -0,0 +1,41 @@
+import { bemify as a, getBEMBase as e, getBEMBlock as r } from "./styleStrings.js";
+import { d as s, i as o, g as t } from "../vi.Y_w82WR8-Df0JUamG.js";
+s("styleStrings", () => {
+  s("bemify", () => {
+    o("returns just a block if a block was only given", () => {
+      t(a("foo", ["bar"])).toEqual("foo");
+    }), o("returns just a block and modifier if no elements for that block", () => {
+      t(a("foo-baz", ["bar"])).toEqual("foo--baz");
+    }), o("returns just block and element if it is a block with elements", () => {
+      t(a("bar-baz", ["bar"])).toEqual("bar__baz");
+    }), o("returns block, element and modifier if it has all three parts", () => {
+      t(a("bar-baz-qux", ["bar"])).toEqual("bar__baz--qux");
+    }), o("accepts alternative types for the generic variants type", () => {
+      t(a("abc-def", ["abc"])).toEqual("abc__def");
+    });
+  }), s("getBEMBase", () => {
+    o("returns the base BEM of a Block with no elements or modifiers", () => {
+      t(e("foo")).toEqual("foo");
+    }), o("returns the base BEM of a Block with an element but no modifiers", () => {
+      t(e("foo__bar")).toEqual("foo__bar");
+    }), o("returns the base BEM of a Block with no elements but a modifier", () => {
+      t(e("foo--baz")).toEqual("foo");
+    }), o("returns the base BEM of a Block with an element and a modifier", () => {
+      t(e("foo__bar--baz")).toEqual("foo__bar");
+    }), o("returns empty if given nothing", () => {
+      t(e("")).toEqual("");
+    });
+  }), s("getBEMBlock", () => {
+    o("returns the block part of a full BEM style string", () => {
+      t(r("foo__bar--baz")).toEqual("foo");
+    }), o("returns the block part of a BEM style string that has just block and element", () => {
+      t(r("foo__bar")).toEqual("foo");
+    }), o("returns the block part of a BEM style string that has just block and modifier", () => {
+      t(r("foo--baz")).toEqual("foo");
+    }), o("returns the block part of a BEM style string that has just a block", () => {
+      t(r("foo")).toEqual("foo");
+    }), o("returns nothing if nothing passed in", () => {
+      t(r("")).toEqual("");
+    });
+  });
+});