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

package/dist/main.d.ts

@@ -5,6 +5,7 @@ export * from './components/LoadingSpinner/LoadingSpinner';
 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';

package/dist/main.js

@@ -1,30 +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 { Tabs as m } from "./components/Tabs/Tabs.js";
-import { Tab as i } from "./components/Tabs/Tab.js";
-import { TabPanel as s } from "./components/Tabs/TabPanel.js";
-import { Pagination as g, defaultTranslations as u } from "./components/Pagination/Pagination.js";
-import { PageHeader as b } from "./components/PageHeader/PageHeader.js";
-import { Button as c } from "./components/Button/Button.js";
-import { IconButton as B } from "./components/IconButton/IconButton.js";
-import { default as h } from "./components/Dialog/Title.js";
-import { default as C } from "./components/Dialog/Content.js";
-import { default as I } 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 {
-  I as Actions,
-  c as Button,
-  C as Content,
-  t as Dialog,
-  h as DialogTitle,
-  B as IconButton,
-  p as LoadingSpinner,
-  b as PageHeader,
-  g as Pagination,
-  i as Tab,
-  s as TabPanel,
-  m as Tabs,
-  a as Typography,
-  u as defaultTranslations
+  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

@@ -17,3 +17,11 @@ type RequireAllOrNone<T, U extends keyof T = never> = (
   | 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-abQpo0za.js → useButton-JpyBo5M4.js}

@@ -1,6 +1,6 @@
-import { a as k } from "./objectWithoutPropertiesLoose-ClNcje2_.js";
+import { a as k } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
 import * as l from "react";
-import { f as A, h as I } from "./index-BvA1HyDs.js";
+import { d as A, e as I } from "./index-D2P7y2mE.js";
 function _(r) {
   const {
     rootElementName: n = "",

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

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { C as a } from "./Tabs.module-BKlNuSPH.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/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("");
+    });
+  });
+});