@pismo/marola 0.0.1-alpha.1 → 0.0.1-alpha.12

package/dist/main.d.ts

@@ -1,5 +1,22 @@
 
+export * from './components/Advice/Advice';
+export * from './components/Button/Button';
+export * from './components/Checkbox/Checkbox';
 export * from './components/Dialog/Dialog';
-export * from './components/Typography/Typography';
+export * from './components/Icon/Icon';
+export * from './components/IconButton/IconButton';
+export * from './components/Input/Input';
+export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
-export * from './components/CallToActionButton/CallToActionButton';
+export * from './components/PageHeader/PageHeader';
+export * from './components/Pagination/Pagination';
+export * from './components/Select/Select';
+export * from './components/Skeleton/Skeleton';
+export * from './components/Snackbar/Snackbar';
+export * from './components/SortTooltip/SortTooltip';
+export * from './components/Stepper/Stepper';
+export * from './components/Table/Table';
+export * from './components/Tabs/Tabs';
+export * from './components/Toggle/Toggle';
+export * from './components/Tooltip/Tooltip';
+export * from './components/Typography/Typography';

package/dist/main.js

@@ -1,17 +1,62 @@
-import './assets/main.css';
-import { Dialog as r } 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 n } from "./components/CallToActionButton/CallToActionButton.js";
-import { default as m } from "./components/Dialog/Title.js";
-import { default as d } from "./components/Dialog/Content.js";
-import { default as s } from "./components/Dialog/Actions.js";
+import './assets/global.css';
+/* empty css                */
+import { Advice as e } from "./components/Advice/Advice.js";
+import { Button as a } from "./components/Button/Button.js";
+import { Checkbox as m } from "./components/Checkbox/Checkbox.js";
+import { Dialog as x } from "./components/Dialog/Dialog.js";
+import { FamilyAndIcons as i, Icon as T } from "./components/Icon/Icon.js";
+import { IconButton as c } from "./components/IconButton/IconButton.js";
+import { Input as u } from "./components/Input/Input.js";
+import { InputSearch as b } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as k } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { PageHeader as D } from "./components/PageHeader/PageHeader.js";
+import { Pagination as y, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
+import { Option as P, Select as B } from "./components/Select/Select.js";
+import { Skeleton as F, SkeletonCircle as H, SkeletonTable as L } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as j } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as w, sortTooltipDefaultTranslations as z } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as G } from "./components/Stepper/Stepper.js";
+import { Table as K } from "./components/Table/Table.js";
+import { Tabs as N } from "./components/Tabs/Tabs.js";
+import { Toggle as R } from "./components/Toggle/Toggle.js";
+import { Tooltip as V } from "./components/Tooltip/Tooltip.js";
+import { Typography as X } from "./components/Typography/Typography.js";
+import { default as Z } from "./components/Dialog/Title.js";
+import { default as $ } from "./components/Dialog/Content.js";
+import { default as ro } from "./components/Dialog/Actions.js";
+import { Tab as eo } from "./components/Tabs/Tab.js";
+import { TabPanel as ao } from "./components/Tabs/TabPanel.js";
 export {
-  s as Actions,
-  n as CallToActionButton,
-  d as Content,
-  r as Dialog,
-  m as DialogTitle,
-  p as LoadingSpinner,
-  a as Typography
+  ro as Actions,
+  e as Advice,
+  a as Button,
+  m as Checkbox,
+  $ as Content,
+  x as Dialog,
+  Z as DialogTitle,
+  i as FamilyAndIcons,
+  T as Icon,
+  c as IconButton,
+  u as Input,
+  b as InputSearch,
+  k as LoadingSpinner,
+  P as Option,
+  D as PageHeader,
+  y as Pagination,
+  B as Select,
+  F as Skeleton,
+  H as SkeletonCircle,
+  L as SkeletonTable,
+  j as Snackbar,
+  w as SortTooltip,
+  G as Stepper,
+  eo as Tab,
+  ao as TabPanel,
+  K as Table,
+  N as Tabs,
+  R as Toggle,
+  V as Tooltip,
+  X as Typography,
+  A as paginationDefaultTranslations,
+  z as sortTooltipDefaultTranslations
 };

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/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-Bc8IAgyk.js

@@ -0,0 +1,106 @@
+import { a as D } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import * as i from "react";
+import { u as S, e as k } from "./index-CqjC7P5Y.js";
+import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
+function v(p) {
+  const {
+    rootElementName: n = "",
+    componentName: l
+  } = p, [c, y] = i.useState(n.toUpperCase());
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    n && c !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${l ? `the ${l} component` : "a component"} expected the '${n}' element, but a '${c.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
+  }, [n, c, l]);
+  const u = i.useCallback((m) => {
+    var s;
+    y((s = m == null ? void 0 : m.tagName) != null ? s : "");
+  }, []);
+  return [c, u];
+}
+function h(p = {}) {
+  const {
+    disabled: n = !1,
+    focusableWhenDisabled: l,
+    href: c,
+    rootRef: y,
+    tabIndex: u,
+    to: m,
+    type: s,
+    rootElementName: T
+  } = p, b = i.useRef(), [B, N] = i.useState(!1), {
+    isFocusVisibleRef: E,
+    onFocus: F,
+    onBlur: M,
+    ref: U
+  } = _(), [d, R] = i.useState(!1);
+  n && !l && d && R(!1), i.useEffect(() => {
+    E.current = d;
+  }, [d, E]);
+  const [f, V] = v({
+    rootElementName: T ?? (c || m ? "a" : void 0),
+    componentName: "Button"
+  }), w = (t) => (e) => {
+    var o;
+    d && e.preventDefault(), (o = t.onMouseLeave) == null || o.call(t, e);
+  }, K = (t) => (e) => {
+    var o;
+    M(e), E.current === !1 && R(!1), (o = t.onBlur) == null || o.call(t, e);
+  }, P = (t) => (e) => {
+    var o;
+    if (b.current || (b.current = e.currentTarget), F(e), E.current === !0) {
+      var r;
+      R(!0), (r = t.onFocusVisible) == null || r.call(t, e);
+    }
+    (o = t.onFocus) == null || o.call(t, e);
+  }, g = () => {
+    const t = b.current;
+    return f === "BUTTON" || f === "INPUT" && ["button", "submit", "reset"].includes(t == null ? void 0 : t.type) || f === "A" && (t == null ? void 0 : t.href);
+  }, I = (t) => (e) => {
+    if (!n) {
+      var o;
+      (o = t.onClick) == null || o.call(t, e);
+    }
+  }, $ = (t) => (e) => {
+    var o;
+    n || (N(!0), document.addEventListener("mouseup", () => {
+      N(!1);
+    }, {
+      once: !0
+    })), (o = t.onMouseDown) == null || o.call(t, e);
+  }, C = (t) => (e) => {
+    var o;
+    if ((o = t.onKeyDown) == null || o.call(t, e), !e.defaultMuiPrevented && (e.target === e.currentTarget && !g() && e.key === " " && e.preventDefault(), e.target === e.currentTarget && e.key === " " && !n && N(!0), e.target === e.currentTarget && !g() && e.key === "Enter" && !n)) {
+      var r;
+      (r = t.onClick) == null || r.call(t, e), e.preventDefault();
+    }
+  }, L = (t) => (e) => {
+    var o;
+    if (e.target === e.currentTarget && N(!1), (o = t.onKeyUp) == null || o.call(t, e), e.target === e.currentTarget && !g() && !n && e.key === " " && !e.defaultMuiPrevented) {
+      var r;
+      (r = t.onClick) == null || r.call(t, e);
+    }
+  }, x = S(V, y, U, b), a = {};
+  return u !== void 0 && (a.tabIndex = u), f === "BUTTON" ? (a.type = s ?? "button", l ? a["aria-disabled"] = n : a.disabled = n) : f === "INPUT" ? s && ["button", "submit", "reset"].includes(s) && (l ? a["aria-disabled"] = n : a.disabled = n) : f !== "" && (!c && !m && (a.role = "button", a.tabIndex = u ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = l ? u ?? 0 : -1)), {
+    getRootProps: (t = {}) => {
+      const e = D({}, k(p), k(t)), o = D({
+        type: s
+      }, e, a, t, {
+        onBlur: K(e),
+        onClick: I(e),
+        onFocus: P(e),
+        onKeyDown: C(e),
+        onKeyUp: L(e),
+        onMouseDown: $(e),
+        onMouseLeave: w(e),
+        ref: x
+      });
+      return delete o.onFocusVisible, o;
+    },
+    focusVisible: d,
+    setFocusVisible: R,
+    active: B,
+    rootRef: x
+  };
+}
+export {
+  h as u
+};

package/dist/useCompoundItem-D1iRfg8D.js

@@ -0,0 +1,84 @@
+import * as o from "react";
+import { u as g } from "./useEnhancedEffect-CJGo-L3B.js";
+let I = 0;
+function x(e) {
+  const [n, t] = o.useState(e), u = e || n;
+  return o.useEffect(() => {
+    n == null && (I += 1, t(`mui-${I}`));
+  }, [n]), u;
+}
+const p = o.useId;
+function y(e) {
+  if (p !== void 0) {
+    const n = p();
+    return e ?? n;
+  }
+  return x(e);
+}
+const b = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (b.displayName = "CompoundComponentContext");
+function S(e) {
+  const n = Array.from(e.keys()).map((t) => {
+    const u = e.get(t);
+    return {
+      key: t,
+      subitem: u
+    };
+  });
+  return n.sort((t, u) => {
+    const s = t.subitem.ref.current, r = u.subitem.ref.current;
+    return s === null || r === null || s === r ? 0 : s.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(n.map((t) => [t.key, t.subitem]));
+}
+function E() {
+  const [e, n] = o.useState(/* @__PURE__ */ new Map()), t = o.useRef(/* @__PURE__ */ new Set()), u = o.useCallback(function(a) {
+    t.current.delete(a), n((m) => {
+      const c = new Map(m);
+      return c.delete(a), c;
+    });
+  }, []), s = o.useCallback(function(a, m) {
+    let c;
+    return typeof a == "function" ? c = a(t.current) : c = a, t.current.add(c), n((C) => {
+      const l = new Map(C);
+      return l.set(c, m), l;
+    }), {
+      id: c,
+      deregister: () => u(c)
+    };
+  }, [u]), r = o.useMemo(() => S(e), [e]), i = o.useCallback(function(a) {
+    return Array.from(r.keys()).indexOf(a);
+  }, [r]);
+  return {
+    contextValue: o.useMemo(() => ({
+      getItemIndex: i,
+      registerItem: s,
+      totalSubitemCount: e.size
+    }), [i, s, e.size]),
+    subitems: r
+  };
+}
+function N(e, n) {
+  const t = o.useContext(b);
+  if (t === null)
+    throw new Error("useCompoundItem must be used within a useCompoundParent");
+  const {
+    registerItem: u
+  } = t, [s, r] = o.useState(typeof e == "function" ? void 0 : e);
+  return g(() => {
+    const {
+      id: i,
+      deregister: d
+    } = u(e, n);
+    return r(i), d;
+  }, [u, n, e]), {
+    id: s,
+    index: s !== void 0 ? t.getItemIndex(s) : -1,
+    totalItemCount: t.totalSubitemCount
+  };
+}
+export {
+  b as C,
+  N as a,
+  E as b,
+  y as u
+};

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/useEnhancedEffect-CJGo-L3B.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+export {
+  f as u
+};

package/dist/useEventCallback-vAfOD-oT.js

@@ -0,0 +1,45 @@
+import { P as a } from "./index-CqjC7P5Y.js";
+import * as c from "react";
+import { u as m } from "./useEnhancedEffect-CJGo-L3B.js";
+function s(e, n) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
+    return e(...o) || n(...o);
+  };
+}
+function d(e) {
+  const {
+    prototype: n = {}
+  } = e;
+  return !!n.isReactComponent;
+}
+function f(e, n, t, o, l) {
+  const u = e[n], p = l || n;
+  if (u == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let r;
+  const i = u.type;
+  return typeof i == "function" && !d(i) && (r = "Did you accidentally use a plain function component for an element instead?"), r !== void 0 ? new Error(`Invalid ${o} \`${p}\` supplied to \`${t}\`. Expected an element that can hold a ref. ${r} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const y = s(a.element, f);
+y.isRequired = s(a.element.isRequired, f);
+function E(e) {
+  return e && e.ownerDocument || document;
+}
+function h(e) {
+  const n = c.useRef(e);
+  return m(() => {
+    n.current = e;
+  }), c.useRef((...t) => (
+    // @ts-expect-error hide `this`
+    (0, n.current)(...t)
+  )).current;
+}
+export {
+  y as e,
+  E as o,
+  h as u
+};

package/dist/useIsFocusVisible-BH4IAdcw.js

@@ -0,0 +1,69 @@
+import * as a from "react";
+import { T as o } from "./useTimeout-DxF9kiZL.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
+}
+export {
+  w as u
+};