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

package/dist/components/InputSearch/InputSearch.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ label, placeholder, classNameWrapper, classNameInputSearch, disabled, "data-testid": dataTestId, }: import('react').InputHTMLAttributes<HTMLInputElement> & {
+        label?: string | undefined;
+        placeholder?: string | undefined;
+        classNameWrapper?: string | undefined;
+        classNameInputSearch?: string | undefined;
+        'data-testid'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithLabel: Story;
+export declare const WithPlaceholder: Story;
+export declare const Disabled: Story;

package/dist/components/InputSearch/InputSearch.stories.js

@@ -0,0 +1,36 @@
+import { InputSearch as a } from "./InputSearch.js";
+const l = {
+  title: "Components/InputSearch",
+  component: a,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "padded"
+  }
+}, r = {
+  args: {}
+}, t = {
+  name: "With label",
+  args: {
+    label: "Search by name or id"
+  }
+}, o = {
+  name: "With placeholder",
+  args: {
+    label: "Search",
+    placeholder: "Search by name or id"
+  }
+}, c = {
+  args: {
+    label: "Search",
+    placeholder: "Search by name or id",
+    value: "Marola DS",
+    disabled: !0
+  }
+};
+export {
+  c as Disabled,
+  r as Simple,
+  t as WithLabel,
+  o as WithPlaceholder,
+  l as default
+};

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,5 +1,7 @@
 export interface LoadingSpinnerProps {
+    /** Whether to invert colours or not */
     invert?: boolean;
+    /** Space seperated list of CSS classes to apply */
     classNames?: string;
 }
 export declare const LoadingSpinner: ({ invert, classNames }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        invert?: boolean | undefined;
+        classNames?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;

package/dist/components/LoadingSpinner/LoadingSpinner.stories.js

@@ -0,0 +1,38 @@
+import '../../assets/global.css';
+import { jsx as t } from "react/jsx-runtime";
+/* empty css                    */
+import "../Button/Button.js";
+import "react";
+import "../Dialog/Backdrop.js";
+import "../Typography/Typography.js";
+import "../IconButton/IconButton.js";
+import { LoadingSpinner as i } from "./LoadingSpinner.js";
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
+const g = {
+  title: "Components/LoadingSpinner",
+  component: i,
+  tags: ["autodocs"],
+  decorators: [
+    (o) => /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          backgroundColor: "#423755",
+          width: "5em",
+          height: "5em",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        children: /* @__PURE__ */ t(o, {})
+      }
+    )
+  ]
+}, f = {
+  args: {}
+};
+export {
+  f as Simple,
+  g as default
+};

package/dist/components/PageHeader/PageHeader.js

@@ -1,25 +1,25 @@
 import '../../assets/PageHeader.css';
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../clsx-DB4S2d7J.js";
+import { c as r } from "../../clsx-DB4S2d7J.js";
 import * as _ from "react";
-const w = (c) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+const z = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...c }, /* @__PURE__ */ _.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), z = "_title_cz9x0_46", b = "_subtitle_cz9x0_47", e = {
-  "page-header": "_page-header_cz9x0_1",
-  "page-header__top-content": "_page-header__top-content_cz9x0_10",
-  "page-header__main-content": "_page-header__main-content_cz9x0_13",
-  "page-header__bottom-content": "_page-header__bottom-content_cz9x0_13",
-  "page-header__main-left-content": "_page-header__main-left-content_cz9x0_40",
-  title: z,
-  subtitle: b,
-  "page-header__main-right-content": "_page-header__main-right-content_cz9x0_64"
-}, y = ({
-  title: c,
+}, ...n }, /* @__PURE__ */ _.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), b = "_title_157kz_45", k = "_subtitle_157kz_46", e = {
+  "page-header": "_page-header_157kz_1",
+  "page-header__top-content": "_page-header__top-content_157kz_9",
+  "page-header__main-content": "_page-header__main-content_157kz_12",
+  "page-header__bottom-content": "_page-header__bottom-content_157kz_12",
+  "page-header__main-left-content": "_page-header__main-left-content_157kz_39",
+  title: b,
+  subtitle: k,
+  "page-header__main-right-content": "_page-header__main-right-content_157kz_63"
+}, C = ({
+  title: n,
   subtitle: d,
-  backLinkText: r,
+  backLinkText: c,
   onBackLinkClick: s,
   rightChildren: i,
   bottomChildren: o,
@@ -28,24 +28,24 @@ const w = (c) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
   classNameTitle: m,
   classNameSubtitle: p,
   "data-testid-wrapper": g,
-  "data-testid-backLink": x,
-  "data-testid-title": f,
-  "data-testid-subtitle": u,
-  ...v
-}) => /* @__PURE__ */ a("div", { className: n([e["page-header"], l]), "data-testid": g, ...v, children: [
-  r && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: s, className: h, "data-testid": x, children: [
-    /* @__PURE__ */ t(w, { fontSize: 16 }),
-    r
+  "data-testid-backLink": f,
+  "data-testid-title": u,
+  "data-testid-subtitle": v,
+  ...w
+}) => /* @__PURE__ */ a("div", { className: r([e["page-header"], l]), "data-testid": g, ...w, children: [
+  c && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: s, className: h, "data-testid": f, children: [
+    /* @__PURE__ */ t(z, { fontSize: 16 }),
+    c
   ] }) }),
   /* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: [
     /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: [
-      /* @__PURE__ */ t("h1", { className: n(e.title, m), "data-testid": f, children: c }),
-      /* @__PURE__ */ t("h2", { className: n(e.subtitle, p), "data-testid": u, children: d })
+      /* @__PURE__ */ t("h1", { className: r(e.title, m), "data-testid": u, children: n }),
+      /* @__PURE__ */ t("h2", { className: r(e.subtitle, p), "data-testid": v, children: d })
     ] }),
     i && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: i })
   ] }),
   o && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: o })
 ] });
 export {
-  y as PageHeader
+  C as PageHeader
 };

package/dist/components/PageHeader/PageHeader.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Button as r } from "../Button/Button.js";
-import { Tab as e } from "../Tabs/Tab.js";
+import { T as e } from "../../Tab-CRwnhsj5.js";
 import { TabPanel as a } from "../Tabs/TabPanel.js";
 import { Tabs as o } from "../Tabs/Tabs.js";
 import { PageHeader as l } from "./PageHeader.js";
@@ -26,7 +26,7 @@ const g = {
     ...i.args,
     rightChildren: /* @__PURE__ */ t(r, { variant: "quick", onClick: () => alert("button clicked"), children: "Click me!" })
   }
-}, p = {
+}, T = {
   name: "With bottom children",
   args: {
     ...i.args,
@@ -43,7 +43,7 @@ const g = {
 export {
   c as Simple,
   i as WithBackLink,
-  p as WithBottomChildren,
+  T as WithBottomChildren,
   u as WithRightChildren,
   g as default
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -29,7 +29,7 @@ export type PaginationProps = {
     language?: PaginationLanguages;
     t?: PaginationTranslations;
 } & PaginationParams & PaginationCommonProps;
-export declare const defaultTranslations: {
+export declare const paginationDefaultTranslations: {
     [key in PaginationLanguages]: PaginationTranslations;
 };
 export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Pagination/Pagination.js

@@ -1,8 +1,8 @@
 import '../../assets/Pagination.css';
 import { jsxs as x, jsx as i, Fragment as M } from "react/jsx-runtime";
 import { c as C } from "../../clsx-DB4S2d7J.js";
-import { _ as S, a as A } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { u as D } from "../../useControlled-CCMYYdCM.js";
+import { _ as O, a as S } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { u as A } from "../../useControlled-CCMYYdCM.js";
 const E = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
 function $(e = {}) {
   const {
@@ -18,7 +18,7 @@ function $(e = {}) {
     showFirstButton: p = !1,
     showLastButton: f = !1,
     siblingCount: u = 1
-  } = e, d = S(e, E), [r, k] = D({
+  } = e, d = O(e, E), [r, k] = A({
     controlled: o,
     default: b,
     name: _,
@@ -26,10 +26,10 @@ function $(e = {}) {
   }), N = (n, l) => {
     o || k(l), t && t(n, l);
   }, v = (n, l) => {
-    const I = l - n + 1;
+    const F = l - n + 1;
     return Array.from({
-      length: I
-    }, (W, O) => n + O);
+      length: F
+    }, (W, I) => n + I);
   }, j = v(1, Math.min(a, s)), P = v(Math.max(s - a + 1, a + 1), s), w = Math.max(
     Math.min(
       // Natural start
@@ -76,7 +76,7 @@ function $(e = {}) {
       default:
         return null;
     }
-  }, F = L.map((n) => typeof n == "number" ? {
+  }, D = L.map((n) => typeof n == "number" ? {
     onClick: (l) => {
       N(l, n);
     },
@@ -94,8 +94,8 @@ function $(e = {}) {
     selected: !1,
     disabled: h || n.indexOf("ellipsis") === -1 && (n === "next" || n === "last" ? r >= s : r <= 1)
   });
-  return A({
-    items: F
+  return S({
+    items: D
   }, d);
 }
 const R = "_pagination_9gf1w_1", g = {
@@ -215,5 +215,5 @@ const R = "_pagination_9gf1w_1", g = {
 };
 export {
   J as Pagination,
-  T as defaultTranslations
+  T as paginationDefaultTranslations
 };

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+
+type SnackbarProps = InputHTMLAttributes<HTMLInputElement> & {
+    open?: boolean;
+    'data-testid'?: string;
+    classNameWrapper?: string;
+    color?: 'success' | 'error' | 'attention';
+    snackbarMessage: string;
+    autoHideDuration?: number;
+    onClose?: () => void;
+};
+export declare const Snackbar: ({ snackbarMessage, color, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};