@memori.ai/memori-react 6.8.1 → 6.8.4

package/esm/components/ui/ConfirmDialog.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Dialog, Transition } from '@headlessui/react';
+import Button from './Button';
+const ConfirmDialog = ({ isOpen, onClose, onConfirm, title, message, confirmText, cancelText, }) => {
+    return (_jsx(Transition, { appear: true, show: isOpen, as: React.Fragment, children: _jsxs(Dialog, { as: "div", className: "memori-confirm-dialog", onClose: onClose, children: [_jsx("div", { className: "memori-confirm-dialog--backdrop" }), _jsx("div", { className: "memori-confirm-dialog--container", children: _jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95", children: _jsxs(Dialog.Panel, { className: "memori-confirm-dialog--panel", children: [_jsx(Dialog.Title, { className: "memori-confirm-dialog--title", children: title }), _jsx(Dialog.Description, { className: "memori-confirm-dialog--message", children: message }), _jsxs("div", { className: "memori-confirm-dialog--actions", children: [_jsx(Button, { onClick: onClose, children: cancelText }), _jsx(Button, { primary: true, onClick: onConfirm, children: confirmText })] })] }) }) })] }) }));
+};
+export default ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.js.map

package/esm/components/ui/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../../src/components/ui/ConfirmDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,MAAM,aAAa,GAQd,CAAC,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YACjD,MAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,OAAO,aACjE,cAAK,SAAS,EAAC,iCAAiC,GAAG,EACnD,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,MAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,aACpD,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,8BAA8B,YACnD,KAAK,GACO,EACf,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,YAC3D,OAAO,GACW,EACrB,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,UAAU,GAAU,EAC/C,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAE,SAAS,YAC/B,WAAW,GACL,IACL,IACO,GACE,GACf,IACC,GACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/components/ui/Drawer.css

@@ -1,180 +1,205 @@
 .memori-drawer {
-    position: relative;
-    z-index: 10000;
+  position: relative;
+  z-index: 1001;
 }
 
 .memori-drawer--backdrop {
-    position: fixed;
-    z-index: 40;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.3);
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .memori-drawer--container {
-    position: fixed;
-    z-index: 50;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow-y: auto;
+  position: fixed;
+  z-index: 1001;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow-y: auto;
 }
 
 .memori-drawer--container-scrollable {
-    display: flex;
-    min-height: 100%;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  min-height: 100%;
+  align-items: center;
+  justify-content: center;
 }
 
 .memori-drawer--panel {
-    position: relative;
-    width: var(--memori-drawer--width, 100%);
-    max-width: 80vw;
-    height: 100%;
-    min-height: 100vh;
-    box-sizing: border-box;
-    padding: 1rem 1.5rem 1.5rem;
-    margin-right: 0;
-    margin-left: auto;
-    background-color: #fff;
-    font-family: var(--memori-font-family);
+  position: relative;
+  display: flex;
+  width: var(--memori-drawer--width, 100%);
+  max-width: 80vw;
+  height: 100%;
+  min-height: 100vh;
+  box-sizing: border-box;
+  flex-direction: column;
+  padding: 1rem 1.5rem 1.5rem;
+  margin-right: 0;
+  margin-left: auto;
+  background-color: #fff;
+  font-family: var(--memori-font-family);
 }
 
 @media (min-width: 768px) {
-    .memori-drawer--panel {
-        width: var(--memori-drawer--width--md, 80%);
-        max-width: none;
-        padding-top: 1.5rem;
-        padding-right: 2rem;
-        padding-left: 2rem;
-    }
+  .memori-drawer--panel {
+    width: var(--memori-drawer--width-md, 80%);
+    max-width: none;
+    padding-top: 1.5rem;
+    padding-right: 2rem;
+    padding-left: 2rem;
+  }
 }
 
 @media (min-width: 1024px) {
-    .memori-drawer--panel {
-        width: var(--memori-drawer--width--lg, 60%);
-    }
+  .memori-drawer--panel {
+    width: var(--memori-drawer--width-lg, 60%);
+  }
 }
 
 .memori-drawer--panel.memori-drawer--with-footer {
-    padding-bottom: 0;
+  padding-bottom: 0;
 }
 
 .memori-drawer--panel .memori-spin {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    flex-direction: column;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  flex-direction: column;
+  overflow-y: auto;
 }
 
-.memori-drawer--panel>.memori-spin {
-    margin-top: -1.75rem;
+.memori-drawer--panel > .memori-spin {
+  margin-top: -1.75rem;
 }
 
 .memori-drawer--panel p {
-    margin: 0 0 1em;
+  margin: 0 0 1em;
 }
 
 h2.memori-drawer--title {
-    margin: 0 0 1rem;
-    font-size: 1.5rem;
-    font-weight: 700;
+  margin: 0 0 1rem;
+  font-size: 1.5rem;
+  font-weight: 700;
 }
 
 .memori-drawer--panel-left {
-    margin-right: auto;
-    margin-left: 0;
+  margin-right: auto;
+  margin-left: 0;
 }
 
 .memori-drawer--close {
-    position: sticky;
-    z-index: 70;
-    top: 0;
-    left: 0;
-    padding: 0.5rem;
-    margin-top: -1.5rem;
-    margin-left: -5.5rem;
+  position: sticky;
+  z-index: 70;
+  top: 0;
+  left: 0;
+  padding: 0.5rem;
+  margin-top: -1.5rem;
+  margin-left: -5.5rem;
 }
 
 @media (max-width: 767px) {
-    .memori-drawer--close {
-        left: 0.5rem;
-    }
+  .memori-drawer--close {
+    left: 0.5rem;
+  }
 }
 
 .memori-drawer--close button {
-    border-color: #fff;
-    color: #fff;
+  border-color: #fff;
+  color: #fff;
 }
 
 @media (max-width: 767px) {
-    .memori-drawer--close button {
-        color: #000;
-    }
+  .memori-drawer--close button {
+    color: #000;
+  }
 }
 
 .memori-drawer--panel-left .memori-drawer--close {
-    right: -3.5rem;
-    left: auto;
+  right: -3.5rem;
+  left: auto;
 }
 
 @media (max-width: 767px) {
-    .memori-drawer--panel-left .memori-drawer--close {
-        right: 0.5rem;
-        left: auto;
-    }
+  .memori-drawer--panel-left .memori-drawer--close {
+    right: 0.5rem;
+    left: auto;
+  }
 }
 
 .memori-drawer--footer {
-    position: sticky;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    width: 100%;
-    justify-content: flex-end;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    border-top: 1px solid rgba(0, 0, 0, 0.25);
-    margin-top: auto;
-    background-color: #fff;
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.25);
+  margin-top: auto;
+  background-color: #fff;
+}
+
+.memori-drawer--footer-left-action {
+  margin-right: auto;
+}
+
+.memori-drawer--footer-actions {
+  display: flex;
+  gap: 0.5rem;
 }
 
-.memori-drawer--footer button+button {
-    margin-left: 0.5em;
+.memori-drawer--footer button + button {
+  margin-left: 0.5em;
+}
+
+.memori-drawer--content{
+    flex: 1;
+    padding-top: 12px;
+    overflow-y: auto;
+}
+
+.memori-drawer--content--scrollable{
+    flex: 1;
+    overflow-y: auto;
 }
 
+/* Transition classes */
 .ease-out {
-    transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
 }
 
 .ease-in {
-    transition-timing-function: ease-in;
+  transition-timing-function: ease-in;
 }
 
 .duration-300 {
-    transition-duration: 300ms;
+  transition-duration: 300ms;
 }
 
 .duration-200 {
-    transition-duration: 200ms;
+  transition-duration: 200ms;
 }
 
 .opacity-0 {
-    opacity: 0;
+  opacity: 0;
 }
 
 .opacity-100 {
-    opacity: 1;
+  opacity: 1;
 }
 
 .max-w-0 {
-    max-width: 0;
+  max-width: 0;
 }
 
 .max-w-80 {
-    max-width: 80%;
+  max-width: 80%;
 }

package/esm/components/ui/Drawer.d.ts

@@ -1,19 +1,30 @@
 import React, { FC } from 'react';
 export interface Props {
+    title?: string | React.ReactNode;
     open?: boolean;
-    onClose: (value: boolean) => void;
+    data?: any;
+    onClose?: () => void;
+    width?: number | string;
+    children?: React.ReactNode;
+    footer?: {
+        leftAction?: React.ReactNode;
+        leftActionClassName?: string;
+        onSubmit?: () => void;
+        loading?: boolean;
+    };
+    extra?: React.ReactNode;
     className?: string;
-    title?: string | JSX.Element | React.ReactNode;
+    placement?: 'left' | 'right';
     description?: string | JSX.Element | React.ReactNode;
-    children: JSX.Element | React.ReactNode;
-    footer?: JSX.Element | React.ReactNode;
     loading?: boolean;
     animated?: boolean;
     closable?: boolean;
-    side?: 'left' | 'right';
-    width?: string;
     widthMd?: string;
     widthLg?: string;
+    confirmDialogTitle?: string;
+    confirmDialogMessage?: string;
+    showBackdrop?: boolean;
+    preventBackdropClose?: boolean;
 }
 declare const Drawer: FC<Props>;
 export default Drawer;

package/esm/components/ui/Drawer.js

@@ -1,21 +1,52 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState, useCallback, } from 'react';
 import { Dialog, Transition } from '@headlessui/react';
 import Spin from './Spin';
 import Button from './Button';
 import Close from '../icons/Close';
 import cx from 'classnames';
-const Drawer = ({ open = false, onClose, className, title, description, children, footer, loading = false, animated = true, side = 'right', closable = true, width = '100%', widthMd = '80%', widthLg = '60%', }) => (_jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: onClose, className: cx('memori-drawer', className), children: [_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) }), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { static: true, as: React.Fragment, enter: "ease-out duration-300", enterFrom: animated ? 'max-w-0 opacity-0' : 'opacity-0', enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: animated ? 'max-w-0 opacity-0' : 'opacity-0', children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
-                                'memori-drawer--panel-left': side === 'left',
-                                'memori-drawer--with-footer': !!footer,
-                            }), children: [_jsx("style", { dangerouslySetInnerHTML: {
-                                        __html: `
-                    .memori-drawer--panel {
-                      --memori-drawer--width: ${width};
-                      --memori-drawer--width-lg: ${widthLg};
-                      --memori-drawer--width-md: ${widthMd};
-                    }
-                  `,
-                                    } }), closable && (_jsx("div", { className: "memori-drawer--close", children: _jsx(Button, { shape: "circle", outlined: true, icon: _jsx(Close, {}), onClick: () => onClose(false) }) })), _jsxs(Spin, { spinning: loading, children: [title && (_jsx(Dialog.Title, { className: "memori-drawer--title", children: title })), description && (_jsx(Dialog.Description, { className: "memori-drawer--description", children: description })), children, footer && (_jsx("div", { className: "memori-drawer--footer", children: footer }))] })] }) }) }) })] }) }));
+import { useTranslation } from 'react-i18next';
+import ConfirmDialog from './ConfirmDialog';
+const Drawer = ({ title, open = false, data, onClose = () => { }, children, width = '80%', footer, showBackdrop = true, extra, className, placement = 'right', description, loading = false, animated = true, closable = true, widthMd = '80%', widthLg = '60%', confirmDialogTitle, confirmDialogMessage, preventBackdropClose = false, }) => {
+    const [originalData, setOriginalData] = useState(null);
+    const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);
+    const { t } = useTranslation();
+    useEffect(() => {
+        if (open && data && !originalData) {
+            setOriginalData(data);
+        }
+        if (!open) {
+            setOriginalData(null);
+        }
+    }, [open, data, originalData]);
+    const checkChanges = useCallback(() => {
+        if (!data || Object.keys(data).length === 0) {
+            return onClose();
+        }
+        if (originalData && JSON.stringify(originalData) !== JSON.stringify(data)) {
+            setConfirmDialogOpen(true);
+        }
+        else {
+            onClose();
+        }
+    }, [data, originalData, onClose]);
+    const handleClose = useCallback(() => {
+        checkChanges();
+    }, [checkChanges]);
+    const handleConfirmUnsavedChanges = useCallback(() => {
+        setConfirmDialogOpen(false);
+        onClose();
+    }, [onClose]);
+    return (_jsxs(_Fragment, { children: [_jsx(ConfirmDialog, { isOpen: confirmDialogOpen, onClose: () => setConfirmDialogOpen(false), onConfirm: handleConfirmUnsavedChanges, title: confirmDialogTitle || t('confirmDialog.title'), message: confirmDialogMessage || t('confirmDialog.message'), confirmText: t('confirm') || 'Confirm', cancelText: t('cancel') || 'Cancel' }), _jsx(Transition, { appear: true, show: open, as: React.Fragment, children: _jsxs(Dialog, { open: open, onClose: preventBackdropClose ? () => { } : handleClose, className: cx('memori-drawer', className), children: [showBackdrop && (_jsx(Transition.Child, { as: React.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx("div", { className: "memori-drawer--backdrop" }) })), _jsx("div", { className: "memori-drawer--container", children: _jsx("div", { className: "memori-drawer--container-scrollable", children: _jsx(Transition.Child, { static: true, as: React.Fragment, enter: "ease-out duration-300", enterFrom: animated ? 'max-w-0 opacity-0' : 'opacity-0', enterTo: "max-w-80 opacity-100", leave: "ease-in duration-200", leaveFrom: "max-w-80 opacity-100", leaveTo: animated ? 'max-w-0 opacity-0' : 'opacity-0', children: _jsxs(Dialog.Panel, { className: cx('memori-drawer--panel', {
+                                            'memori-drawer--panel-left': placement === 'left',
+                                            'memori-drawer--with-footer': !!footer,
+                                        }), style: {
+                                            '--memori-drawer--width': width,
+                                            '--memori-drawer--width--lg': widthLg,
+                                            '--memori-drawer--width--md': widthMd,
+                                        }, children: [closable && (_jsx("div", { className: "memori-drawer--close", children: _jsx(Button, { shape: "circle", outlined: true, icon: _jsx(Close, {}), onClick: handleClose }) })), _jsx(Spin, { spinning: loading, children: _jsxs("div", { className: "memori-drawer--content", children: [title && (_jsx(Dialog.Title, { className: "memori-drawer--title", children: title })), description && (_jsx(Dialog.Description, { className: "memori-drawer--description", children: description })), _jsx("div", { className: "memori-drawer--content--scrollable", children: children })] }) }), footer && (_jsxs("div", { className: "memori-drawer--footer", children: [footer.leftAction && (_jsx("div", { className: 'memori-drawer--footer-left-action ' +
+                                                            (footer.leftActionClassName || ''), children: footer.leftAction })), footer.onSubmit && (_jsxs("div", { className: "memori-drawer--footer-actions", children: [_jsx(Button, { outlined: true, onClick: handleClose, children: t('cancel') }), _jsx(Button, { htmlType: "submit", onClick: footer.onSubmit, loading: footer.loading, className: "memori-drawer--footer-confirm", children: t('confirm') })] })), extra && (_jsx("div", { className: "memori-drawer--extra", children: extra }))] }))] }) }) }) })] }) })] }));
+};
+Drawer.displayName = 'Drawer';
 export default Drawer;
 //# sourceMappingURL=Drawer.js.map

package/esm/components/ui/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAmB5B,MAAM,MAAM,GAAc,CAAC,EACzB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,OAAO,EACd,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,GACT,EAAE,EAAE,CAAC,CACX,KAAC,UAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,YAC/C,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAEzC,KAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,cAAK,SAAS,EAAC,yBAAyB,GAAG,GAC1B,EACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,UAAU,CAAC,KAAK,IACf,MAAM,QACN,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,EACvD,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,YAErD,MAAC,MAAM,CAAC,KAAK,IACX,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;gCACpC,2BAA2B,EAAE,IAAI,KAAK,MAAM;gCAC5C,4BAA4B,EAAE,CAAC,CAAC,MAAM;6BACvC,CAAC,aAEF,gBACE,uBAAuB,EAAE;wCACvB,MAAM,EAAE;;gDAEsB,KAAK;mDACF,OAAO;mDACP,OAAO;;mBAEvC;qCACF,GACD,EACD,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,IAAI,EAAE,KAAC,KAAK,KAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,GACE,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACpB,KAAK,IAAI,CACR,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,YAC3C,KAAK,GACO,CAChB,EACA,WAAW,IAAI,CACd,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,4BAA4B,YACvD,WAAW,GACO,CACtB,EAEA,QAAQ,EAER,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,CACtD,IACI,IACM,GACE,GACf,GACF,IACC,GACE,CACd,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/ui/Drawer.tsx"],"names":[],"mappings":"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"}

package/esm/components/ui/Expandable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface Props {
-    rows: number;
+    rows?: number;
     className?: string;
     innerClassName?: string;
     btnClassName?: string;
@@ -9,6 +9,7 @@ export interface Props {
     expandSymbol?: (lang: string) => React.ReactNode;
     collapseSymbol?: (lang: string) => React.ReactNode;
     children: React.ReactNode;
+    mode?: 'rows' | 'characters';
 }
-declare const Expandable: ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier, defaultExpanded, expandSymbol, collapseSymbol, children, }: Props) => JSX.Element;
+declare const Expandable: ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier, defaultExpanded, expandSymbol, collapseSymbol, children, mode, }: Props) => JSX.Element;
 export default Expandable;

package/esm/components/ui/Expandable.js

@@ -3,7 +3,9 @@ import { useEffect, useRef, useState } from 'react';
 import Button from './Button';
 import cx from 'classnames';
 import { useTranslation } from 'react-i18next';
-const Expandable = ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier = 1.2, defaultExpanded = false, expandSymbol = () => '...', collapseSymbol = (lang) => lang === 'it' ? 'Mostra meno' : 'Show less', children, }) => {
+import { truncateMessage } from '../../helpers/message';
+import { MAX_MSG_CHARS, MAX_MSG_WORDS } from '../../helpers/constants';
+const Expandable = ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier = 1.2, defaultExpanded = false, expandSymbol = () => '...', collapseSymbol = (lang) => lang === 'it' ? 'Mostra meno' : 'Show less', children, mode = 'rows', }) => {
     const { i18n } = useTranslation();
     const lang = i18n.language;
     const collapseSymbolText = collapseSymbol(lang);
@@ -14,28 +16,41 @@ const Expandable = ({ rows, className, innerClassName, btnClassName, lineHeightM
     const ref = useRef(null);
     useEffect(() => {
         if (ref.current) {
-            let height = ref.current.getBoundingClientRect().height;
-            let computedStyle = getComputedStyle(ref.current);
-            let elLineHeight = computedStyle.lineHeight;
-            let lineHeight = elLineHeight === 'normal' || !(elLineHeight === null || elLineHeight === void 0 ? void 0 : elLineHeight.length)
-                ? lineHeightMultiplier * parseInt(computedStyle.fontSize, 10)
-                : parseInt(elLineHeight, 10);
-            console.table({
-                rows,
-                lineHeight,
-                height,
-                maxHeight: rows * lineHeight,
-                needsExpanding: height > rows * lineHeight,
-            });
-            setRowHeight(lineHeight);
-            if (height && height > rows * lineHeight) {
-                setNeedsExpanding(true);
+            if (mode === 'rows') {
+                let height = ref.current.getBoundingClientRect().height;
+                let computedStyle = getComputedStyle(ref.current);
+                let elLineHeight = computedStyle.lineHeight;
+                let lineHeight = elLineHeight === 'normal' || !(elLineHeight === null || elLineHeight === void 0 ? void 0 : elLineHeight.length)
+                    ? lineHeightMultiplier * parseInt(computedStyle.fontSize, 10)
+                    : parseInt(elLineHeight, 10);
+                setRowHeight(lineHeight);
+                if (height && rows && height > rows * lineHeight) {
+                    setNeedsExpanding(true);
+                }
             }
+            else if (mode === 'characters') {
+                const textContent = ref.current.textContent || '';
+                if (textContent.length > MAX_MSG_CHARS ||
+                    textContent.split(' ').length > MAX_MSG_WORDS) {
+                    setNeedsExpanding(true);
+                }
+            }
+        }
+    }, [rows, mode, ref.current]);
+    const renderContent = () => {
+        var _a;
+        if (mode === 'characters' && !expanded && needsExpanding) {
+            const content = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.textContent) || '';
+            let truncatedContent = truncateMessage(content);
+            return truncatedContent;
         }
-    }, [rows, ref.current]);
+        return children;
+    };
     return (_jsxs("div", { className: cx('memori-expandable', className), children: [_jsx("div", { ref: ref, className: cx('memori-expandable--inner', innerClassName), style: {
-                    maxHeight: expanded || !needsExpanding ? '9999px' : `${rowHeight * rows}px`,
-                }, children: children }), needsExpanding && !expanded && (_jsx(Button, { ghost: true, padded: false, className: btnClassName, onClick: () => setExpanded(true), children: expandSymbolText })), needsExpanding && expanded && (_jsx(Button, { ghost: true, padded: false, className: btnClassName, onClick: () => setExpanded(false), children: collapseSymbolText }))] }));
+                    maxHeight: expanded || !needsExpanding || mode === 'characters'
+                        ? '9999px'
+                        : `${rowHeight * (rows || 1)}px`,
+                }, children: renderContent() }), needsExpanding && !expanded && (_jsx(Button, { ghost: true, padded: false, className: btnClassName, onClick: () => setExpanded(true), children: expandSymbolText })), needsExpanding && expanded && (_jsx(Button, { ghost: true, padded: false, className: btnClassName, onClick: () => setExpanded(false), children: collapseSymbolText }))] }));
 };
 export default Expandable;
 //# sourceMappingURL=Expandable.js.map

package/esm/components/ui/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","sourceRoot":"","sources":["../../../src/components/ui/Expandable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Expandable.js","sourceRoot":"","sources":["../../../src/components/ui/Expandable.tsx"],"names":[],"mappings":"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"}

package/esm/components/ui/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Props<T = any> {
     className?: string;
     value?: T;