mautourco-components 0.2.33 → 0.2.34

package/dist/components/molecules/Toast/Toast.d.ts

@@ -11,6 +11,8 @@ export interface ToastProps {
     className?: string;
     /** Icon name */
     iconName?: IconName;
+    /** Show icon */
+    showIcon?: boolean;
 }
 /**
  * Toast component - A brief, auto-dismissing message that appears to notify the user.

package/dist/components/molecules/Toast/Toast.js

@@ -12,7 +12,7 @@ import { Text } from '../../atoms/Typography/Typography';
  * @returns
  */
 var Toast = function (_a) {
-    var text = _a.text, _b = _a.type, type = _b === void 0 ? 'informational' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.iconName, iconName = _d === void 0 ? 'badge-alert' : _d;
-    return (_jsx("div", { className: "toast toast--".concat(type, " ").concat(className).trim(), children: _jsxs("div", { className: "toast__container", children: [_jsx("div", { className: "toast__icon-wrapper", children: _jsx(Icon, { name: iconName, size: "md", className: "toast__icon" }) }), _jsx(Text, { size: "sm", variant: "bold", leading: "5", className: "toast__text", children: text })] }) }));
+    var text = _a.text, _b = _a.type, type = _b === void 0 ? 'informational' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.iconName, iconName = _d === void 0 ? 'badge-alert' : _d, _e = _a.showIcon, showIcon = _e === void 0 ? true : _e;
+    return (_jsx("div", { className: "toast toast--".concat(type, " ").concat(className).trim(), children: _jsxs("div", { className: "toast__container", children: [showIcon && (_jsx("div", { className: "toast__icon-wrapper", children: _jsx(Icon, { name: iconName, size: "md", className: "toast__icon" }) })), _jsx(Text, { size: "sm", variant: "bold", leading: "5", className: "toast__text", children: text })] }) }));
 };
 export default Toast;

package/dist/components/organisms/DialogQuoteRename/DialogQuoteRename.d.ts

@@ -0,0 +1,7 @@
+export interface DialogQuoteRenameProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    quoteName: string;
+    onSubmit: (quoteName: string) => void;
+}
+export declare const DialogQuoteRename: (props: DialogQuoteRenameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogQuoteRename/DialogQuoteRename.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Button from '../../atoms/Button/Button';
+import Input from '../../atoms/Inputs/Input/Input';
+import { Text } from '../../atoms/Typography/Typography';
+import { DialogBookingConfirm } from '../DialogBookingConfirm';
+export var DialogQuoteRename = function (props) {
+    var open = props.open, setOpen = props.setOpen, quoteName = props.quoteName, onSubmit = props.onSubmit;
+    var _a = useState(quoteName), value = _a[0], setValue = _a[1];
+    var handleQuoteNameChange = function (e) {
+        setValue(e.target.value);
+    };
+    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: "Rename Quotation", className: "!max-w-[500px]", children: _jsxs("div", { className: "space-y-9", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "quote-name", children: _jsx(Text, { as: "span", size: "sm", children: "Quotation name" }) }), _jsx(Input, { id: "quote-name", value: value, onChange: handleQuoteNameChange })] }), _jsxs("div", { className: "grid grid-cols-2 gap-x-4 pb-2", children: [_jsx(Button, { variant: "outline-secondary", onClick: function () { return setOpen(false); }, size: "sm", children: "Cancel" }), _jsx(Button, { variant: "secondary", onClick: function () { return onSubmit(value); }, size: "sm", children: "Save changes" })] })] }) }));
+};

package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.js

@@ -45,5 +45,5 @@ export var DialogSendingMailContent = function (props) {
                             } }), _jsx(FormField, { control: form.control, name: "message", rules: { required: true }, render: function (_a) {
                                 var field = _a.field;
                                 return (_jsx(FormItem, { children: _jsxs("div", { className: "relative", children: [_jsx(FormControl, { children: _jsx(Textarea, __assign({ placeholder: "Write your email here... *" }, field)) }), _jsx(FormMessage, { className: "absolute bottom-0 translate-y-4" })] }) }));
-                            } }), _jsx(Button, { type: "button", size: "sm", onClick: onPreviewAttachment, children: "Preview Attachment" })] }), _jsx(Toast, { type: "warning", className: "mt-8", text: "Disclaimer: Email formatting may appear distorted in certain older email clients (e.g Outlook Classic ). Content will remain intact, but the visual layout may differ from the original" }), _jsxs("div", { className: "flex justify-end gap-4 [&>*]:w-[250px] pb-2 pt-9", children: [_jsx(Button, { type: "button", variant: "outline-secondary", size: "sm", onClick: onCancel, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", children: "Send" })] })] }) })));
+                            } }), _jsx(Button, { type: "button", size: "sm", onClick: onPreviewAttachment, children: "Preview Attachment" })] }), _jsx(Toast, { showIcon: false, type: "warning", className: "mt-8", text: "Disclaimer: Email formatting may appear distorted in certain older email clients (e.g Outlook Classic ). Content will remain intact, but the visual layout may differ from the original" }), _jsxs("div", { className: "flex justify-end gap-4 [&>*]:w-[250px] pb-2 pt-9", children: [_jsx(Button, { type: "button", variant: "outline-secondary", size: "sm", onClick: onCancel, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", children: "Send" })] })] }) })));
 };

package/dist/components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple.js

@@ -66,7 +66,10 @@ export var DialogSendingMailMultiple = function (props) {
         if (remainingQuotes.length > 1) {
             setSelectedQuotes(function (prev) {
                 if (prev.includes(id)) {
-                    return prev.filter(function (quoteId) { return quoteId !== id; });
+                    if (prev.length > 1) {
+                        return prev.filter(function (quoteId) { return quoteId !== id; });
+                    }
+                    return prev;
                 }
                 return __spreadArray(__spreadArray([], prev, true), [id], false);
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.33",
+  "version": "0.2.34",
   "private": false,
   "description": "Bibliothèque de composants Motorco pour le redesign",
   "main": "dist/index.js",

package/src/components/molecules/Toast/Toast.tsx

@@ -15,6 +15,8 @@ export interface ToastProps {
   className?: string;
   /** Icon name */
   iconName?: IconName;
+  /** Show icon */
+  showIcon?: boolean;
 }
 
 /**
@@ -31,13 +33,16 @@ const Toast: React.FC<ToastProps> = ({
   type = 'informational',
   className = '',
   iconName = 'badge-alert',
+  showIcon = true,
 }) => {
   return (
     <div className={`toast toast--${type} ${className}`.trim()}>
       <div className="toast__container">
-        <div className="toast__icon-wrapper">
-          <Icon name={iconName} size="md" className="toast__icon" />
-        </div>
+        {showIcon && (
+          <div className="toast__icon-wrapper">
+            <Icon name={iconName} size="md" className="toast__icon" />
+          </div>
+        )}
         <Text size="sm" variant="bold" leading="5" className="toast__text">
           {text}
         </Text>

package/src/components/organisms/DialogQuoteRename/DialogQuoteRename.tsx

@@ -0,0 +1,48 @@
+import React, { useState } from 'react';
+import Button from '../../atoms/Button/Button';
+import Input from '../../atoms/Inputs/Input/Input';
+import { Text } from '../../atoms/Typography/Typography';
+import { DialogBookingConfirm } from '../DialogBookingConfirm';
+
+export interface DialogQuoteRenameProps {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  quoteName: string;
+  onSubmit: (quoteName: string) => void;
+}
+
+export const DialogQuoteRename = (props: DialogQuoteRenameProps) => {
+  const { open, setOpen, quoteName, onSubmit } = props;
+  const [value, setValue] = useState(quoteName);
+
+  const handleQuoteNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setValue(e.target.value);
+  };
+
+  return (
+    <DialogBookingConfirm
+      open={open}
+      setOpen={setOpen}
+      title="Rename Quotation"
+      className="!max-w-[500px]">
+      <div className="space-y-9">
+        <div className="space-y-2">
+          <label htmlFor="quote-name">
+            <Text as="span" size="sm">
+              Quotation name
+            </Text>
+          </label>
+          <Input id="quote-name" value={value} onChange={handleQuoteNameChange} />
+        </div>
+        <div className="grid grid-cols-2 gap-x-4 pb-2">
+          <Button variant="outline-secondary" onClick={() => setOpen(false)} size="sm">
+            Cancel
+          </Button>
+          <Button variant="secondary" onClick={() => onSubmit(value)} size="sm">
+            Save changes
+          </Button>
+        </div>
+      </div>
+    </DialogBookingConfirm>
+  );
+};

package/src/components/organisms/DialogSendingMail/DialogSendingMailContent.tsx

@@ -97,6 +97,7 @@ export const DialogSendingMailContent: React.FC<DialogSendingMailContentProps> =
           </Button>
         </div>
         <Toast
+          showIcon={false}
           type="warning"
           className="mt-8"
           text="Disclaimer: Email formatting may appear distorted in certain older email clients (e.g Outlook Classic ). Content will remain intact, but the visual layout may differ from the original"

package/src/components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple.tsx

@@ -61,7 +61,10 @@ export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps>
     if (remainingQuotes.length > 1) {
       setSelectedQuotes((prev) => {
         if (prev.includes(id)) {
-          return prev.filter((quoteId) => quoteId !== id);
+          if (prev.length > 1) {
+            return prev.filter((quoteId) => quoteId !== id);
+          }
+          return prev;
         }
         return [...prev, id];
       });