@pismo/marola 0.0.1-alpha.18 → 0.0.1-alpha.2

package/dist/components/Table/Table.js

@@ -1,120 +0,0 @@
-import '../../assets/Table.css';
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import * as n from "react";
-import { useState as v } from "react";
-import { c as h } from "../../clsx-DB4S2d7J.js";
-import { paginationDefaultTranslations as m, Pagination as T } from "../Pagination/Pagination.js";
-import { sortTooltipDefaultTranslations as w, SortTooltip as u } from "../SortTooltip/SortTooltip.js";
-import { TableProvider as g, useTable as N } from "./TableContext.js";
-const C = (l) => /* @__PURE__ */ n.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ n.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ n.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__ */ n.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__ */ n.createElement("defs", null, /* @__PURE__ */ n.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ n.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_olvxb_1", E = "_th__wrapper_olvxb_40", y = "_tr_olvxb_58", P = "_td_olvxb_62", t = {
-  table: L,
-  "table--full-width": "_table--full-width_olvxb_5",
-  "table--white-theme": "_table--white-theme_olvxb_8",
-  "table--transparent-theme": "_table--transparent-theme_olvxb_11",
-  "cell--left-alignment": "_cell--left-alignment_olvxb_14",
-  "cell--center-alignment": "_cell--center-alignment_olvxb_18",
-  "cell--right-alignment": "_cell--right-alignment_olvxb_22",
-  th__wrapper: E,
-  "th__wrapper--pressed": "_th__wrapper--pressed_olvxb_43",
-  "th__wrapper--clickable": "_th__wrapper--clickable_olvxb_47",
-  "th__sort-icon-container": "_th__sort-icon-container_olvxb_50",
-  "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_olvxb_58",
-  tr: y,
-  td: P,
-  "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_olvxb_67",
-  "td__row-or-cell--clickable": "_td__row-or-cell--clickable_olvxb_68",
-  "td__row-or-cell--disabled": "_td__row-or-cell--disabled_olvxb_72",
-  "td-wrapper": "_td-wrapper_olvxb_76"
-}, B = {
-  pt: {
-    ...m.pt,
-    ...w.pt
-  },
-  en: {
-    ...m.en,
-    ...w.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"
-  }
-}, d = ({
-  children: l,
-  theme: e = "white",
-  fullWidth: a = !0,
-  className: s,
-  paginationProps: o,
-  language: _,
-  translations: c,
-  ...b
-}) => {
-  const i = h(
-    t.table,
-    a ? t["table--full-width"] : "",
-    t[`table--${e}-theme`],
-    s
-  ), p = _ && B[_] || c;
-  return /* @__PURE__ */ x(g, { initialTranslations: p, children: [
-    /* @__PURE__ */ r("table", { ...b, className: i, children: l }),
-    o && /* @__PURE__ */ r(T, { ...o, t: p })
-  ] });
-}, D = ({ children: l, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: l }), M = ({ children: l, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: l }), O = ({ children: l, onClick: e, disabled: a, className: s, ...o }) => {
-  const _ = h(
-    t.tr,
-    e && !a ? t["tr__row-or-cell--clickable"] : a ? t["tr__row-or-cell--disabled"] : "",
-    s
-  );
-  return /* @__PURE__ */ r("tr", { ...o, className: _, onClick: () => !a && (e == null ? void 0 : e()), children: l });
-}, $ = ({ children: l, onClick: e, disabled: a, className: s, align: o = "left", ..._ }) => {
-  const c = h(
-    t.td,
-    e && !a ? t["td__row-or-cell--clickable"] : a ? t["td__row-or-cell--disabled"] : "",
-    t[`cell--${o}-alignment`],
-    s
-  );
-  return /* @__PURE__ */ r("td", { ..._, className: c, onClick: () => !a && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: l }) });
-}, j = ({
-  children: l,
-  onSort: e,
-  sortType: a,
-  className: s,
-  classNameTooltip: o,
-  align: _ = "left",
-  ...c
-}) => {
-  const { translations: b } = N(), [i, p] = v(!1), f = h(
-    t.th__wrapper,
-    i ? t["th__wrapper--pressed"] : "",
-    e ? t["th__wrapper--clickable"] : "",
-    s
-  );
-  return /* @__PURE__ */ r("th", { ...c, className: t[`cell--${_}-alignment`], children: /* @__PURE__ */ r("span", { className: f, onClick: e && (() => p(!i)), children: e ? /* @__PURE__ */ x(
-    u,
-    {
-      onClose: () => p(!1),
-      onSort: e,
-      show: i,
-      sortType: a,
-      className: o,
-      t: b,
-      children: [
-        /* @__PURE__ */ r("span", { children: l }),
-        /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(C, {}) })
-      ]
-    }
-  ) : /* @__PURE__ */ r("span", { children: l }) }) });
-};
-d.THead = D;
-d.TBody = M;
-d.Tr = O;
-d.Td = $;
-d.Th = j;
-export {
-  d as Table
-};

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/Tabs/Tab.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface TabProps {
-    /** The value to be showing in the tab */
-    children: ReactNode;
-    /** The value that corresponds to the panel to show.
-     * e.g. value="1" when this tab is clicked it will show the panel which also has value="1! */
-    value: string | number;
-    /** Disable clicking the tab */
-    disabled?: boolean;
-    /** data test id */
-    dataTestId?: string;
-}
-export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/Tab.js

@@ -1,181 +0,0 @@
-import { jsx as N } from "react/jsx-runtime";
-import * as b from "react";
-import { forwardRef as H, useContext as U, useMemo as j } from "react";
-import { c as k } from "../../clsx-DB4S2d7J.js";
-import { u as B, T as D, s as y } from "../../Tabs.module-jkH1Qjn7.js";
-import { g as L, a as W, u as O, f as $, b as d, _ as q, c as z, P as e, d as A, e as G } from "../../index-CH45lKw7.js";
-import { u as J, c as K } from "../../combineHooksSlotProps-DVjg9PRh.js";
-import { u as Q, a as X } from "../../useCompoundItem-D1iRfg8D.js";
-import { u as Y } from "../../useButton-DNk3wrQp.js";
-const E = "Tab";
-function Z(o) {
-  return L(E, o);
-}
-W(E, ["root", "selected", "disabled"]);
-function ee(o) {
-  return o.size;
-}
-function te(o) {
-  const {
-    value: t,
-    rootRef: s,
-    disabled: n = !1,
-    id: c
-  } = o, a = b.useRef(null), r = Q(c), {
-    value: f,
-    selectionFollowsFocus: p,
-    getTabPanelId: m
-  } = B(), P = b.useMemo(() => ({
-    disabled: n,
-    ref: a,
-    id: r
-  }), [n, a, r]), {
-    id: l,
-    index: R,
-    totalItemCount: g
-  } = X(t ?? ee, P), {
-    getRootProps: h,
-    highlighted: T,
-    selected: i
-  } = J({
-    item: l
-  }), {
-    getRootProps: C,
-    rootRef: u,
-    active: v,
-    focusVisible: I,
-    setFocusVisible: V
-  } = Y({
-    disabled: n,
-    focusableWhenDisabled: !p,
-    type: "button"
-  }), _ = O(a, s, u), M = l !== void 0 ? m(l) : void 0;
-  return {
-    getRootProps: (x = {}) => {
-      const S = $(x), w = K(h, C);
-      return d({}, x, w(S), {
-        role: "tab",
-        "aria-controls": M,
-        "aria-selected": i,
-        id: r,
-        ref: _
-      });
-    },
-    active: v,
-    focusVisible: I,
-    highlighted: T,
-    index: R,
-    rootRef: _,
-    // the `selected` state isn't set on the server (it relies on effects to be calculated),
-    // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
-    selected: i || l === f,
-    setFocusVisible: V,
-    totalTabsCount: g
-  };
-}
-const oe = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], se = (o) => {
-  const {
-    selected: t,
-    disabled: s
-  } = o;
-  return A({
-    root: ["root", t && "selected", s && "disabled"]
-  }, G(Z));
-}, F = /* @__PURE__ */ b.forwardRef(function(t, s) {
-  var n;
-  const {
-    children: c,
-    disabled: a = !1,
-    slotProps: r = {},
-    slots: f = {},
-    value: p
-  } = t, m = q(t, oe), P = b.useRef(), l = O(P, s), {
-    active: R,
-    highlighted: g,
-    selected: h,
-    getRootProps: T
-  } = te(d({}, t, {
-    rootRef: l,
-    value: p
-  })), i = d({}, t, {
-    active: R,
-    disabled: a,
-    highlighted: g,
-    selected: h
-  }), C = se(i), u = (n = f.root) != null ? n : "button", v = z({
-    elementType: u,
-    getSlotProps: T,
-    externalSlotProps: r.root,
-    externalForwardedProps: m,
-    additionalProps: {
-      ref: s
-    },
-    ownerState: i,
-    className: C.root
-  });
-  return /* @__PURE__ */ N(u, d({}, v, {
-    children: c
-  }));
-});
-process.env.NODE_ENV !== "production" && (F.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions. It currently only supports `focusVisible()` action.
-   */
-  action: e.oneOfType([e.func, e.shape({
-    current: e.shape({
-      focusVisible: e.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * Callback invoked when new value is being set.
-   */
-  onChange: e.func,
-  /**
-   * The props used for each slot inside the Tab.
-   * @default {}
-   */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside the Tab.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    root: e.elementType
-  }),
-  /**
-   * You can provide your own value. Otherwise, it falls back to the child position index.
-   */
-  value: e.oneOfType([e.number, e.string])
-});
-const fe = H(
-  ({ children: o, value: t, disabled: s, dataTestId: n }, c) => {
-    const a = U(D), r = j(
-      () => k(
-        y.tabs__tab,
-        t === (a == null ? void 0 : a.value) && y["tabs__tab--selected"],
-        s && y["tabs__tab--disabled"]
-      ),
-      [t, a, s]
-    );
-    return /* @__PURE__ */ N(F, { className: r, disabled: s, value: t, "data-testid": n, ref: c, children: o });
-  }
-);
-export {
-  fe as Tab
-};

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.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface TabPanelProps {
-    /** The content to be displayed when the corresponding tab is selected */
-    children: ReactNode;
-    /** The value that identifies which tab is selected.
-     * e.g. value="1" when the tab button with the value="1" is selected this content will show */
-    value: string | number;
-    /** Test id */
-    dataTestId?: string;
-}
-export declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Tabs/TabPanel.js

@@ -1,118 +0,0 @@
-import { jsx as T } from "react/jsx-runtime";
-import * as m from "react";
-import { forwardRef as v } from "react";
-import { u as y, s as x } from "../../Tabs.module-jkH1Qjn7.js";
-import { g as C, a as N, u as _, b, _ as w, c as O, P as o, d as E, e as I } from "../../index-CH45lKw7.js";
-import { u as S, a as U } from "../../useCompoundItem-D1iRfg8D.js";
-const h = "TabPanel";
-function j(t) {
-  return C(h, t);
-}
-N(h, ["root", "hidden"]);
-function M(t) {
-  return t.size;
-}
-function V(t) {
-  const {
-    value: e,
-    id: s,
-    rootRef: n
-  } = t, i = y();
-  if (i === null)
-    throw new Error("No TabContext provided");
-  const {
-    value: f,
-    getTabId: P
-  } = i, a = S(s), r = m.useRef(null), c = _(r, n), u = m.useMemo(() => ({
-    id: a,
-    ref: r
-  }), [a]), {
-    id: l
-  } = U(e ?? M, u), d = l !== f, p = l !== void 0 ? P(l) : void 0;
-  return {
-    hidden: d,
-    getRootProps: (g = {}) => b({
-      "aria-labelledby": p ?? void 0,
-      hidden: d,
-      id: a ?? void 0
-    }, g, {
-      ref: c
-    }),
-    rootRef: c
-  };
-}
-const F = ["children", "value", "slotProps", "slots"], $ = (t) => {
-  const {
-    hidden: e
-  } = t;
-  return E({
-    root: ["root", e && "hidden"]
-  }, I(j));
-}, R = /* @__PURE__ */ m.forwardRef(function(e, s) {
-  var n;
-  const {
-    children: i,
-    slotProps: f = {},
-    slots: P = {}
-  } = e, a = w(e, F), {
-    hidden: r,
-    getRootProps: c
-  } = V(e), u = b({}, e, {
-    hidden: r
-  }), l = $(u), d = (n = P.root) != null ? n : "div", p = O({
-    elementType: d,
-    getSlotProps: c,
-    externalSlotProps: f.root,
-    externalForwardedProps: a,
-    additionalProps: {
-      role: "tabpanel",
-      ref: s
-    },
-    ownerState: u,
-    className: l.root
-  });
-  return /* @__PURE__ */ T(d, b({}, p, {
-    children: !r && i
-  }));
-});
-process.env.NODE_ENV !== "production" && (R.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The props used for each slot inside the TabPanel.
-   * @default {}
-   */
-  slotProps: o.shape({
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside the TabPanel.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: o.shape({
-    root: o.elementType
-  }),
-  /**
-   * The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected.
-   * If not provided, it will fall back to the index of the panel.
-   * It is recommended to explicitly provide it, as it's required for the tab panel to be rendered on the server.
-   */
-  value: o.oneOfType([o.number, o.string])
-});
-const W = v(
-  ({ children: t, value: e, dataTestId: s }, n) => /* @__PURE__ */ T(R, { className: x["tabs__tab-panel"], value: e, "data-testid": s, ref: n, children: t })
-);
-export {
-  W as TabPanel
-};

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.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface TabsProps {
-    /** Should contain `Tab` and `TabPanel` components to be rendered  */
-    children?: ReactNode;
-    /** Selected tab */
-    value?: number | string;
-    /** Callback triggered when the user has selected a tab */
-    onChange?: (tabValue: number | string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
-    /** Test id */
-    dataTestId?: string;
-}
-export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
-export * from './Tab';
-export * from './TabPanel';