@pismo/marola 1.0.0-beta.9 → 1.0.1

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

@@ -3,75 +3,17 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+    component: {
+        ({ children, dialogTitle, dialogSubtitle, icon, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+        Title: import('react').FunctionComponent<import('./DialogTitle').DialogTitleProps>;
+        Content: import('react').FunctionComponent<import('./Content').DialogContentProps>;
+        Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
+    };
     tags: string[];
     decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
-        dialogTitle: import('react').ReactNode;
-        dialogSubtitle?: import('react').ReactNode;
-        isLoading?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        closeAfterTransition?: boolean | undefined;
-        container?: Element | (() => Element | null) | null | undefined;
-        disableAutoFocus?: boolean | undefined;
-        disableEnforceFocus?: boolean | undefined;
-        disableEscapeKeyDown?: boolean | undefined;
-        disablePortal?: boolean | undefined;
-        disableRestoreFocus?: boolean | undefined;
-        disableScrollLock?: boolean | undefined;
-        hideBackdrop?: boolean | undefined;
-        keepMounted?: boolean | undefined;
-        onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
-        onTransitionEnter?: (() => void) | undefined;
-        onTransitionExited?: (() => void) | undefined;
-        open: boolean;
-        slotProps?: {
-            root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, {
-                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-                closeAfterTransition: boolean;
-                container?: Element | (() => Element | null) | null | undefined;
-                disableAutoFocus: boolean;
-                disableEnforceFocus: boolean;
-                disableEscapeKeyDown: boolean;
-                disablePortal: boolean;
-                disableRestoreFocus: boolean;
-                disableScrollLock: boolean;
-                hideBackdrop: boolean;
-                keepMounted: boolean;
-                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
-                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
-                onTransitionEnter?: (() => void) | undefined;
-                onTransitionExited?: (() => void) | undefined;
-                open: boolean;
-                slotProps?: any | undefined;
-                slots?: import('@mui/base').ModalSlots | undefined;
-                exited: boolean;
-            }> | undefined;
-            backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, {
-                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-                closeAfterTransition: boolean;
-                container?: Element | (() => Element | null) | null | undefined;
-                disableAutoFocus: boolean;
-                disableEnforceFocus: boolean;
-                disableEscapeKeyDown: boolean;
-                disablePortal: boolean;
-                disableRestoreFocus: boolean;
-                disableScrollLock: boolean;
-                hideBackdrop: boolean;
-                keepMounted: boolean;
-                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
-                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
-                onTransitionEnter?: (() => void) | undefined;
-                onTransitionExited?: (() => void) | undefined;
-                open: boolean;
-                slotProps?: any | undefined;
-                slots?: import('@mui/base').ModalSlots | undefined;
-                exited: boolean;
-            }> | undefined;
-        } | undefined;
-        slots?: import('@mui/base').ModalSlots | undefined;
         color?: string | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
         title?: string | undefined;
         style?: import('react').CSSProperties | undefined;
         className?: string | undefined;
@@ -80,16 +22,19 @@ declare const meta: {
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
+        open: boolean;
         content?: string | undefined;
         dir?: string | undefined;
         hidden?: boolean | undefined;
-        id?: string | undefined;
+        container?: Element | (() => Element | null) | null | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -261,7 +206,6 @@ declare const meta: {
         onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
@@ -335,9 +279,71 @@ declare const meta: {
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        slotProps?: {
+            root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, {
+                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+                closeAfterTransition: boolean;
+                container?: Element | (() => Element | null) | null | undefined;
+                disableAutoFocus: boolean;
+                disableEnforceFocus: boolean;
+                disableEscapeKeyDown: boolean;
+                disablePortal: boolean;
+                disableRestoreFocus: boolean;
+                disableScrollLock: boolean;
+                hideBackdrop: boolean;
+                keepMounted: boolean;
+                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
+                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+                onTransitionEnter?: (() => void) | undefined;
+                onTransitionExited?: (() => void) | undefined;
+                open: boolean;
+                slotProps?: any | undefined;
+                slots?: import('@mui/base').ModalSlots | undefined;
+                exited: boolean;
+            }> | undefined;
+            backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, {
+                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+                closeAfterTransition: boolean;
+                container?: Element | (() => Element | null) | null | undefined;
+                disableAutoFocus: boolean;
+                disableEnforceFocus: boolean;
+                disableEscapeKeyDown: boolean;
+                disablePortal: boolean;
+                disableRestoreFocus: boolean;
+                disableScrollLock: boolean;
+                hideBackdrop: boolean;
+                keepMounted: boolean;
+                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
+                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+                onTransitionEnter?: (() => void) | undefined;
+                onTransitionExited?: (() => void) | undefined;
+                open: boolean;
+                slotProps?: any | undefined;
+                slots?: import('@mui/base').ModalSlots | undefined;
+                exited: boolean;
+            }> | undefined;
+        } | undefined;
+        slots?: import('@mui/base').ModalSlots | undefined;
         key?: import('react').Key | null | undefined;
+        disablePortal?: boolean | undefined;
+        closeAfterTransition?: boolean | undefined;
+        disableAutoFocus?: boolean | undefined;
+        disableEnforceFocus?: boolean | undefined;
+        disableEscapeKeyDown?: boolean | undefined;
+        disableRestoreFocus?: boolean | undefined;
+        disableScrollLock?: boolean | undefined;
+        hideBackdrop?: boolean | undefined;
+        keepMounted?: boolean | undefined;
+        onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
+        onTransitionEnter?: (() => void) | undefined;
+        onTransitionExited?: (() => void) | undefined;
+        dialogTitle: import('react').ReactNode;
+        dialogSubtitle?: import('react').ReactNode;
+        icon?: import('../Icon/Icon').IconProps | undefined;
+        onClose?: ((reason?: import('./Dialog').CloseReason | undefined) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
+export declare const WithIcon: Story;

package/dist/components/Dialog/DialogTitle.d.ts

@@ -1,11 +1,14 @@
-import { ReactNode } from 'react';
+import { Icon } from '../Icon/Icon';
+import { ComponentProps, ReactNode } from 'react';
 
 export interface DialogTitleProps {
     /** title to be displayed */
     title?: ReactNode;
     /** subtitle to be displayed */
     subTitle?: ReactNode;
+    /** icon to show in the left side of the title */
+    icon?: ComponentProps<typeof Icon>;
 }
 /** internal component only - used by the dialog */
-declare const DialogTitle: ({ title, subTitle }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTitle: ({ title, subTitle, icon }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
 export default DialogTitle;

package/dist/components/Dialog/DialogTitle.js

@@ -1,29 +1,35 @@
-import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { Typography as r } from "../Typography/Typography.js";
-import { s as a } from "../../Dialog.module-DFcZsVAd.js";
-const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
-  /* @__PURE__ */ e(
-    r,
+import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { Icon as d } from "../Icon/Icon.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { s as r } from "../../Dialog.module-W7UCXlf3.js";
+const g = ({ title: o, subTitle: t, icon: a }) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ l(
+    i,
     {
       element: "h1",
       elementProps: { id: "alert-dialog-title" },
-      variant: "h4",
-      className: a.dialog__title,
-      children: t
+      variant: "base-xxl",
+      className: r.dialog__title,
+      bold: !0,
+      children: [
+        a && /* @__PURE__ */ e(d, { ...a }),
+        o
+      ]
     }
   ),
-  /* @__PURE__ */ e("hr", { className: a.dialog__divider, "aria-hidden": !0 }),
-  i && /* @__PURE__ */ e(
-    r,
+  /* @__PURE__ */ e("hr", { className: r.dialog__divider, "aria-hidden": !0 }),
+  t && /* @__PURE__ */ e(
+    i,
     {
       element: "h2",
       elementProps: { id: "alert-dialog-description" },
-      variant: "h4",
-      className: a.dialog__subtitle,
-      children: i
+      variant: "base-xl",
+      className: r.dialog__subtitle,
+      bold: !0,
+      children: t
     }
   )
 ] });
 export {
-  n as default
+  g as default
 };

package/dist/components/EllipsisTooltip/EllipsisTooltip.js

@@ -1,23 +1,36 @@
 import '../../assets/EllipsisTooltip.css';
-import { jsx as l } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { c as d } from "../../clsx-DB4S2d7J.js";
-import { Tooltip as g } from "../Tooltip/Tooltip.js";
+import { jsx as s, jsxs as d, Fragment as f } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { c as v } from "../../clsx-DB4S2d7J.js";
+import { Tooltip as x } from "../Tooltip/Tooltip.js";
 const H = {
-  "ellipsis-tooltip": "_ellipsis-tooltip_krf68_1"
-}, S = ({
-  lineClamp: s = 1,
-  children: e,
-  className: i,
-  disableHoverListener: o,
-  ...r
+  "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
+}, W = ({
+  lineClamp: e = 1,
+  children: i,
+  className: r,
+  disableHoverListener: t,
+  ...a
 }) => {
-  const [c, a] = h(!1), p = (t) => {
-    const m = t.scrollWidth > t.clientWidth, f = t.scrollHeight > t.clientHeight;
-    a(m || f);
-  }, n = typeof o == "boolean" ? o : !c;
-  return /* @__PURE__ */ l(g, { className: d(i), ...r, onTargetCreated: p, disableHoverListener: n, children: /* @__PURE__ */ l("span", { style: { "--line-clamp": s }, className: H["ellipsis-tooltip"], children: e }) });
+  const [o, c] = g(!1), n = (l) => {
+    const m = l.scrollWidth > l.clientWidth, h = l.scrollHeight > l.clientHeight;
+    c(m || h);
+  }, p = typeof t == "boolean" ? t : !o;
+  return /* @__PURE__ */ s(
+    x,
+    {
+      className: v(r),
+      ...a,
+      onTargetCreated: n,
+      disableHoverListener: p,
+      disablePortal: !1,
+      children: /* @__PURE__ */ d("span", { style: { "--line-clamp": e }, className: H["ellipsis-tooltip"], children: [
+        i,
+        o && /* @__PURE__ */ s(f, { children: " ‌" })
+      ] })
+    }
+  );
 };
 export {
-  S as EllipsisTooltip
+  W as EllipsisTooltip
 };

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

@@ -19,6 +19,7 @@ declare const meta: {
         position?: import('@floating-ui/utils').Placement | undefined;
         padding?: "small" | "normal" | undefined;
         theme?: "black" | "white" | undefined;
+        disablePortal?: boolean | undefined;
         arialRole?: import('react').AriaRole | undefined;
         disableHoverListener?: boolean | undefined;
         lineClamp?: number | undefined;