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

package/dist/components/Table/Table.js

@@ -1,137 +0,0 @@
-import '../../assets/Table.css';
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import * as h from "react";
-import { useState as w } from "react";
-import { c as g } from "../../clsx-DB4S2d7J.js";
-import { paginationDefaultTranslations as y, Pagination as T } from "../Pagination/Pagination.js";
-import { sortTooltipDefaultTranslations as u, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
-import { TableProvider as N, useTable as x } from "./TableContext.js";
-const C = (p) => /* @__PURE__ */ h.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...p }, /* @__PURE__ */ h.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ h.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ h.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ h.createElement("defs", null, /* @__PURE__ */ h.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ h.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1gspp_43", E = "_th__wrapper_1gspp_114", k = "_tr_1gspp_130", v = "_td_1gspp_134", t = {
-  "u-typography-h1": "_u-typography-h1_1gspp_1",
-  "u-typography-h2": "_u-typography-h2_1gspp_8",
-  "u-typography-h3": "_u-typography-h3_1gspp_15",
-  "u-typography-h4": "_u-typography-h4_1gspp_22",
-  "u-typography-h5": "_u-typography-h5_1gspp_29",
-  "u-typography-h6": "_u-typography-h6_1gspp_36",
-  "u-typography-base": "_u-typography-base_1gspp_43",
-  table: L,
-  "u-typography-base--xxl": "_u-typography-base--xxl_1gspp_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1gspp_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1gspp_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1gspp_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1gspp_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1gspp_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1gspp_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1gspp_73",
-  "table--full-width": "_table--full-width_1gspp_81",
-  "table--white-theme": "_table--white-theme_1gspp_84",
-  "table--transparent-theme": "_table--transparent-theme_1gspp_87",
-  "cell--left-alignment": "_cell--left-alignment_1gspp_90",
-  "cell--center-alignment": "_cell--center-alignment_1gspp_94",
-  "cell--right-alignment": "_cell--right-alignment_1gspp_98",
-  th__wrapper: E,
-  "th__wrapper--pressed": "_th__wrapper--pressed_1gspp_117",
-  "th__wrapper--clickable": "_th__wrapper--clickable_1gspp_121",
-  "th__sort-icon-container": "_th__sort-icon-container_1gspp_124",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1gspp_130",
-  tr: k,
-  td: v,
-  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1gspp_139",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1gspp_140",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1gspp_144",
-  "td-wrapper": "_td-wrapper_1gspp_148"
-}, B = {
-  pt: {
-    ...y.pt,
-    ...u.pt
-  },
-  en: {
-    ...y.en,
-    ...u.en
-  },
-  // example to add a new language translation
-  es: {
-    asc: "Orden ascendente",
-    desc: "Orden descendiente",
-    next: "Próximo",
-    previous: "Anterior",
-    showing: "Mostrando",
-    of: "de",
-    results: "resultados"
-  }
-}, l = ({
-  children: p,
-  theme: e = "white",
-  fullWidth: r = !0,
-  className: o,
-  paginationProps: s,
-  language: _,
-  translations: n,
-  ...d
-}) => {
-  const c = g(
-    t.table,
-    r ? t["table--full-width"] : "",
-    t[`table--${e}-theme`],
-    o
-  ), i = _ && B[_] || n;
-  return /* @__PURE__ */ b(N, { initialTranslations: i, children: [
-    /* @__PURE__ */ a("table", { ...d, className: c, children: p }),
-    s && /* @__PURE__ */ a(T, { ...s, t: i })
-  ] });
-}, H = ({ children: p, ...e }) => /* @__PURE__ */ a("thead", { ...e, children: p }), P = ({ children: p, ...e }) => /* @__PURE__ */ a("tbody", { ...e, children: p }), D = ({ children: p, onClick: e, disabled: r, className: o, ...s }) => {
-  const _ = g(
-    t.tr,
-    e && !r ? t["tr__row-or-cell--clickable"] : r ? t["tr__row-or-cell--disabled"] : "",
-    o
-  );
-  return /* @__PURE__ */ a("tr", { ...s, className: _, onClick: () => !r && (e == null ? void 0 : e()), children: p });
-}, M = ({ children: p, onClick: e, disabled: r, className: o, align: s = "left", ..._ }) => {
-  const n = g(
-    t.td,
-    e && !r ? t["td__row-or-cell--clickable"] : r ? t["td__row-or-cell--disabled"] : "",
-    t[`cell--${s}-alignment`],
-    o
-  );
-  return /* @__PURE__ */ a("td", { ..._, className: n, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: p }) });
-}, O = ({ children: p, onSort: e, sortType: r, className: o, classNameTooltip: s, align: _ = "left", ...n }) => {
-  const { translations: d } = x(), [c, i] = w(!1), m = g(
-    t.th__wrapper,
-    c ? t["th__wrapper--pressed"] : "",
-    e ? t["th__wrapper--clickable"] : "",
-    o
-  );
-  return /* @__PURE__ */ a("th", { ...n, className: t[`cell--${_}-alignment`], children: /* @__PURE__ */ a("span", { className: m, onClick: e && (() => i(!c)), children: e ? /* @__PURE__ */ b(
-    f,
-    {
-      onClose: () => i(!1),
-      onSort: e,
-      show: c,
-      sortType: r,
-      className: s,
-      t: d,
-      children: [
-        /* @__PURE__ */ a("span", { children: p }),
-        /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
-      ]
-    }
-  ) : /* @__PURE__ */ a("span", { children: p }) }) });
-};
-l.THead = H;
-l.THead.displayName = "Table.THead";
-l.TBody = P;
-l.TBody.displayName = "Table.TBody";
-l.Tr = D;
-l.Tr.displayName = "Table.Tr";
-l.Td = M;
-l.Td.displayName = "Table.Td";
-l.Th = O;
-l.Th.displayName = "Table.Th";
-export {
-  P as TBody,
-  H as THead,
-  l as Table,
-  M as Td,
-  O as Th,
-  D as Tr
-};

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

@@ -1,29 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: {
-        ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: import('./Table').TableProps): import("react/jsx-runtime").JSX.Element;
-        THead: import('react').FunctionComponent<import('./Table').ChildrenProps>;
-        TBody: import('react').FunctionComponent<import('./Table').ChildrenProps>;
-        Tr: import('react').FunctionComponent<import('./Table').TrProps>;
-        Td: import('react').FunctionComponent<import('./Table').TdProps>;
-        Th: import('react').FunctionComponent<import('./Table').ThProps>;
-    };
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    subcomponents: {
-        'Table.THead': import('react').FunctionComponent<unknown>;
-        'Table.TBody': import('react').FunctionComponent<unknown>;
-        'Table.Tr': import('react').FunctionComponent<unknown>;
-        'Table.Th': import('react').FunctionComponent<unknown>;
-        'Table.Td': import('react').FunctionComponent<unknown>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithPagination: Story;
-export declare const WithLanguage: Story;

package/dist/components/Table/TableContext.d.ts

@@ -1,19 +0,0 @@
-import { SortTranslationsByKeys } from '../SortTooltip/SortTooltip';
-import { PaginationTranslations } from '../Pagination/Pagination';
-import { ReactNode } from 'react';
-
-export type TableTranslationsKeys = keyof PaginationTranslations | keyof SortTranslationsByKeys;
-export type TableTranslations = {
-    [key in TableTranslationsKeys]?: string;
-};
-type ITableContext = {
-    translations?: TableTranslations;
-    setTranslations: (translation: TableTranslations) => void;
-};
-type TableProviderProps = {
-    initialTranslations?: TableTranslations;
-    children: ReactNode;
-};
-declare const TableProvider: ({ initialTranslations, children }: TableProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useTable: () => Partial<ITableContext>;
-export { TableProvider };

package/dist/components/Table/TableContext.js

@@ -1,21 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as n, useState as u, useEffect as x, useContext as a } from "react";
-const o = n({}), b = ({ initialTranslations: e, children: r }) => {
-  const [s, t] = u(e);
-  return x(() => {
-    t(e);
-  }, [e]), /* @__PURE__ */ c(
-    o.Provider,
-    {
-      value: {
-        translations: s,
-        setTranslations: t
-      },
-      children: r
-    }
-  );
-}, p = () => a(o);
-export {
-  b as TableProvider,
-  p as useTable
-};

package/dist/components/Table/_Table.TBody.stories.d.ts

@@ -1,14 +0,0 @@
-import { ChildrenProps } from './Table';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/Table/_Table.THead.stories.d.ts

@@ -1,14 +0,0 @@
-import { ChildrenProps } from './Table';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/Table/_Table.Td.stories.d.ts

@@ -1,16 +0,0 @@
-import { TdProps } from './Table';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ children, onClick, disabled, className, align, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithAlign: Story;
-export declare const Disabled: Story;

package/dist/components/Table/_Table.Th.stories.d.ts

@@ -1,15 +0,0 @@
-import { ThProps } from './Table';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ children, onSort, sortType, className, classNameTooltip, align, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithAlign: Story;

package/dist/components/Table/_Table.Tr.stories.d.ts

@@ -1,15 +0,0 @@
-import { TrProps } from './Table';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ children, onClick, disabled, className, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Disabled: Story;

package/dist/components/Tabs/Tab.stories.d.ts

@@ -1,15 +0,0 @@
-import { TabProps } from './Tabs.tsx';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const Disabled: Story;

package/dist/components/Tabs/TabPanel.stories.d.ts

@@ -1,14 +0,0 @@
-import { TabPanelProps } from './Tabs.tsx';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;

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

@@ -1,14 +0,0 @@
-import { TabsProps } from './Tabs.tsx';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;

package/dist/components/TextDisplay/TextDisplay.d.ts

@@ -1,23 +0,0 @@
-import { VariantType } from '../Typography/Typography.tsx';
-import { default as React } from 'react';
-
-type OptionsProps = {
-    variant?: VariantType;
-    color?: string;
-};
-export interface TextDisplayProps {
-    /** TextDisplay label */
-    label: React.ReactNode;
-    /** TextDisplay value */
-    value: React.ReactNode;
-    /** Renders skeleton when true */
-    isLoading?: boolean;
-    /** Sets the testId prefix for label, value and skeletons */
-    testId?: string;
-    /** Sets the label options */
-    labelOptions?: OptionsProps;
-    /** Sets the value options */
-    valueOptions?: OptionsProps;
-}
-export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TextDisplay/TextDisplay.js

@@ -1,37 +0,0 @@
-import '../../assets/TextDisplay.css';
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
-import { Skeleton as d } from "../Skeleton/Skeleton.js";
-import { Typography as o } from "../Typography/Typography.js";
-const x = "_container_13z5o_1", f = {
-  container: x
-}, $ = ({
-  label: m,
-  value: y,
-  isLoading: e = !1,
-  testId: t = "TextDisplay",
-  labelOptions: r,
-  valueOptions: a
-}) => /* @__PURE__ */ h("div", { className: f.container, children: [
-  /* @__PURE__ */ c(
-    o,
-    {
-      color: (r == null ? void 0 : r.color) || "var(--gray-90)",
-      variant: (r == null ? void 0 : r.variant) || "base",
-      "data-testid": `${t}-label`,
-      children: e ? /* @__PURE__ */ c(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : m
-    }
-  ),
-  /* @__PURE__ */ c(
-    o,
-    {
-      bold: !0,
-      color: (a == null ? void 0 : a.color) || "var(--gray-90)",
-      variant: (a == null ? void 0 : a.variant) || "base-lg",
-      "data-testid": `${t}-value`,
-      children: e ? /* @__PURE__ */ c(d, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : y || "-"
-    }
-  )
-] });
-export {
-  $ as TextDisplay
-};

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

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const WithLoading: Story;
-export declare const Size: Story;
-export declare const Color: Story;

package/dist/components/TextDisplay/textDisplay.test.d.ts

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

package/dist/components/Toggle/Toggle.d.ts

@@ -1,11 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-
-type ToggleProps = InputHTMLAttributes<HTMLInputElement> & {
-    label?: string;
-    classNameWrapper?: string;
-    classNameInput?: string;
-    classNameLabel?: string;
-    'data-testid'?: string;
-};
-export declare const Toggle: ({ label, checked, disabled, classNameWrapper, classNameInput, "data-testid": dataTestId, onChange, classNameLabel, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
-export {};