@homefile/components-v2 2.8.38 → 2.8.40

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormFooter.d.ts

@@ -1,2 +1,2 @@
 import { FormFooterI } from '../../../../interfaces';
-export declare const ItemFormFooter: ({ onSave, onCancel }: FormFooterI) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemFormFooter: ({ onSave, onCancel, onClearForm, onDuplicate }: FormFooterI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormFooter.js

@@ -1,13 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { FooterButtons } from '../../..';
-export const ItemFormFooter = ({ onSave, onCancel }) => {
+export const ItemFormFooter = ({ onSave, onCancel, onClearForm, onDuplicate }) => {
     const buttonsFooter = {
         button1: {
             buttonStyle: 'primaryFooter',
             label: t('buttons.save'),
             onClick: onSave,
         },
+        button2: (onDuplicate == undefined) ? undefined : {
+            buttonStyle: 'secondaryFooter',
+            label: t('Duplicate'),
+            onClick: onDuplicate,
+        },
+        button3: (onClearForm == undefined) ? undefined : {
+            buttonStyle: 'secondaryFooter',
+            label: t('Add Another'),
+            onClick: onClearForm,
+        },
     };
-    return _jsx(FooterButtons, { button1: buttonsFooter.button1 });
+    return _jsx(FooterButtons, { button1: buttonsFooter.button1, button2: buttonsFooter.button2, button3: buttonsFooter.button3 });
 };

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { ItemFormPanelI } from '../../../../interfaces';
-export declare const ItemFormPanel: ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay, }: PropsWithChildren<ItemFormPanelI>) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemFormPanel: ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay, onClearForm, onDuplicate }: PropsWithChildren<ItemFormPanelI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useMemo } from 'react';
 import { DrawerBody, DrawerHeader, DrawerFooter, Box, } from '@chakra-ui/react';
 import { PanelHeader, FooterDrawer, ItemFormFooter, Overlay, Loading } from '../../..';
-export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay = false, }) => {
+export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay = false, onClearForm, onDuplicate }) => {
     const { firstChild, otherChildren } = useMemo(() => {
         let firstChild = null;
         let otherChildren = children;
@@ -15,5 +15,5 @@ export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, pane
         }
         return { firstChild, otherChildren };
     }, [children]);
-    return (_jsxs(_Fragment, { children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsx(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: firstChild ? (_jsxs(_Fragment, { children: [firstChild, _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), otherChildren] })] })) : (_jsx(Loading, {})) }), _jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsx(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: firstChild ? (_jsxs(_Fragment, { children: [firstChild, _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), otherChildren] })] })) : (_jsx(Loading, {})) }), _jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onClearForm: onClearForm, onDuplicate: onDuplicate, onSave: onSubmitForm, onCancel: onClose }) }) })] }));
 };

package/dist/components/homeAssistant/panel/HomeAssistantPanel.js

@@ -8,8 +8,9 @@ import { ApplianceSteps, SimpleDynamicForm, FooterButtons, HomeAssistantPanelSte
 import { homeAssistantSteps } from '../../../helpers';
 import { useSimpleDynamicForm } from '../../../hooks';
 export const HomeAssistantPanel = ({ children, currentForm, currentStep, onApplianceClick, onBack, onClose, onNext, onSave, backDisabled, nextDisabled, hasCompleted, isLoading }) => {
+    var _a, _b;
     const [addedAppliances, updateAddedAppliances] = useState([]);
-    const { title } = homeAssistantSteps[currentStep - 1];
+    const title = (_b = (_a = homeAssistantSteps === null || homeAssistantSteps === void 0 ? void 0 : homeAssistantSteps[currentStep - 1]) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : "";
     const text = `${t('homeAssistant.details')} ${title.toLowerCase()}:`;
     const isAppliances = currentStep === 4;
     useEffect(() => {

package/dist/interfaces/forms/ItemFormPanel/ItemFormFooter.interface.d.ts

@@ -1,4 +1,6 @@
 export interface FormFooterI {
     onSave: () => void;
     onCancel: () => void;
+    onClearForm?: () => void;
+    onDuplicate?: () => void;
 }

package/dist/interfaces/forms/ItemFormPanel/ItemFormPanel.interface.d.ts

@@ -4,4 +4,6 @@ export interface ItemFormPanelI {
     panelIcon: string;
     panelTitle: string;
     showOverlay?: boolean;
+    onClearForm?: () => void;
+    onDuplicate?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.8.38",
+  "version": "2.8.40",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/forms/dynamicForm/ItemFormPanel/ItemFormFooter.tsx

@@ -2,14 +2,24 @@ import { t } from 'i18next'
 import { FooterButtons } from '@/components'
 import { FormFooterI } from '@/interfaces'
 
-export const ItemFormFooter = ({ onSave, onCancel }: FormFooterI) => {
+export const ItemFormFooter = ({ onSave, onCancel, onClearForm, onDuplicate }: FormFooterI) => {
   const buttonsFooter = {
     button1: {
       buttonStyle: 'primaryFooter',
       label: t('buttons.save'),
       onClick: onSave,
     },
+    button2: (onDuplicate == undefined) ? undefined : {
+      buttonStyle: 'secondaryFooter',
+      label: t('Duplicate'),
+      onClick: onDuplicate,
+  },
+      button3: (onClearForm == undefined) ? undefined : {
+      buttonStyle: 'secondaryFooter',
+      label: t('Add Another'),
+      onClick: onClearForm,
+  },
   }
 
-  return <FooterButtons button1={buttonsFooter.button1} />
+  return <FooterButtons button1={buttonsFooter.button1} button2={buttonsFooter.button2} button3={buttonsFooter.button3} />
 }

package/src/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.tsx

@@ -21,6 +21,8 @@ export const ItemFormPanel = ({
   panelIcon,
   panelTitle,
   showOverlay = false,
+  onClearForm,
+  onDuplicate
 }: PropsWithChildren<ItemFormPanelI>) => {
 
   const { firstChild, otherChildren } = useMemo(() => {
@@ -71,7 +73,7 @@ export const ItemFormPanel = ({
       </DrawerBody>
       <FooterDrawer isOpen={!showOverlay}>
         <DrawerFooter w="100%" py="0">
-          <ItemFormFooter onSave={onSubmitForm} onCancel={onClose} />
+          <ItemFormFooter onClearForm={onClearForm} onDuplicate={onDuplicate} onSave={onSubmitForm} onCancel={onClose} />
         </DrawerFooter>
       </FooterDrawer>
     </>

package/src/components/homeAssistant/panel/HomeAssistantPanel.tsx

@@ -36,7 +36,7 @@ export const HomeAssistantPanel = ({
   isLoading
 }: PropsWithChildren<HomeAssistantPanelI>) => {
   const [addedAppliances, updateAddedAppliances] = useState<AppliancesType[]>([])
-  const { title } = homeAssistantSteps[currentStep - 1]
+  const title = homeAssistantSteps?.[currentStep - 1]?.title ?? "";
   const text = `${t('homeAssistant.details')} ${title.toLowerCase()}:`
   const isAppliances = currentStep === 4
 

package/src/interfaces/forms/ItemFormPanel/ItemFormFooter.interface.ts

@@ -1,4 +1,6 @@
 export interface FormFooterI {
   onSave: () => void
   onCancel: () => void
+  onClearForm?: () => void
+  onDuplicate?: () => void
 }

package/src/interfaces/forms/ItemFormPanel/ItemFormPanel.interface.ts

@@ -4,4 +4,6 @@ export interface ItemFormPanelI {
   panelIcon: string
   panelTitle: string
   showOverlay?: boolean
+  onClearForm?: () => void
+  onDuplicate?: () => void
 }