@kbgarcia8/react-dynamic-form 2.0.1 → 2.0.2

package/dist/components/atoms/Button/Button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonProps } from "../../../type/propTypes";
-declare const Button: ({ onClick, id, buttonType, source, svg, alt, text, className, dataAttributes }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ onClick, id, buttonType, startIcon, endIcon, alt, text, className, dataAttributes }: ButtonProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,QAAA,MAAM,MAAM,GAAI,gFAUd,WAAW,4CA+BZ,CAAA;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,QAAA,MAAM,MAAM,GAAI,uFAUd,WAAW,wDAmCZ,CAAA;AAED,eAAe,MAAM,CAAC"}

package/dist/components/atoms/Label/Label.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import type { LabelProps } from "../../../type/propTypes";
-declare const Label: ({ htmlFor, textLabel, additionalInfo, $labelFlexDirection, source, svg, className, children }: React.PropsWithChildren<LabelProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Label: ({ htmlFor, textLabel, additionalInfo, $labelFlexDirection, startIcon, endIcon, className, children }: React.PropsWithChildren<LabelProps>) => import("react/jsx-runtime").JSX.Element;
 export default Label;
 //# sourceMappingURL=Label.d.ts.map

package/dist/components/atoms/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,QAAA,MAAM,KAAK,GAAI,+FASZ,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAarC,CAAA;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,QAAA,MAAM,KAAK,GAAI,sGASZ,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,4CAgBrC,CAAA;AAED,eAAe,KAAK,CAAC"}

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

@@ -1,4 +1,4 @@
 import type { FormActionButtonsProps } from "../../../type/propTypes";
-declare const FormActionButtons: ({ id, submitText, hasReset, resetText, handleReset, hasCancel, cancelText, handleCancel, }: FormActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormActionButtons: ({ id, submitText, submitIcon, hasReset, resetText, resetIcon, handleReset, hasCancel, cancelText, cancelIcon, handleCancel, }: FormActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export default FormActionButtons;
 //# sourceMappingURL=FormActionButtons.d.ts.map

package/dist/components/molecules/FormActionButtons/FormActionButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FormActionButtons/FormActionButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,QAAA,MAAM,iBAAiB,GAAI,4FASzB,sBAAsB,4CAQvB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FormActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FormActionButtons/FormActionButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,QAAA,MAAM,iBAAiB,GAAI,+HAYzB,sBAAsB,4CAQvB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/molecules/LabeledInput/LabeledInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LabeledInput/LabeledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAgB,MAAM,yBAAyB,CAAC;AAErG,QAAA,MAAM,YAAY,GAAI,OAAM,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG,eAAe,CAAC,4CA8F5F,CAAA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"LabeledInput.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LabeledInput/LabeledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAgB,MAAM,yBAAyB,CAAC;AAGrG,QAAA,MAAM,YAAY,GAAI,OAAM,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG,eAAe,CAAC,4CA+F5F,CAAA;AAED,eAAe,YAAY,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
 import type { DynamicFormProps } from "../../../type/propTypes";
-declare const DynamicForm: ({ fieldsets, legendText, isExpandable, id, formInputs, labelAndInputContainerClass, labelClass, inputClass, onChangeOfEditableOption, handleAddingInputEntry, submitText, hasReset, resetText, handleReset, hasCancel, cancelText, handleCancel, handleSubmitForm, className, children }: React.PropsWithChildren<DynamicFormProps>) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicForm: ({ fieldsets, legendText, isExpandable, id, formInputs, labelAndInputContainerClass, labelClass, inputClass, onChangeOfEditableOption, handleAddingInputEntry, submitText, submitIcon, hasReset, resetText, resetIcon, handleReset, hasCancel, cancelText, cancelIcon, handleCancel, handleSubmitForm, className, children }: React.PropsWithChildren<DynamicFormProps>) => import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;
 //# sourceMappingURL=DynamicForm.d.ts.map

package/dist/components/organisms/DynamicForm/DynamicForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAgB,gBAAgB,EAA+D,MAAM,yBAAyB,CAAC;AAE3I,QAAA,MAAM,WAAW,GAAI,0RAqBnB,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,4CAiJ1C,CAAA;AAGD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAgB,gBAAgB,EAA+D,MAAM,yBAAyB,CAAC;AAE3I,QAAA,MAAM,WAAW,GAAI,6TAwBnB,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,4CAoJ1C,CAAA;AAGD,eAAe,WAAW,CAAC"}

package/dist/react-dynamic-form.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),d=require("styled-components"),t={fonts:{secondary:"Raleway",tertiary:"Lato",fallback:"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"},fontWeight:{light:300,medium:500,bold:700,bolder:900},fontSize:{xsmall:"0.75rem"},spacing:{xxxsmall:"0.25rem",xxsmall:"0.375rem",xsmall:"0.5rem",small:"0.75rem",medium:"1.25rem"},borderRadius:{xsmall:"0.125rem",small:"0.25rem",xlarge:"2rem"},borderThickness:{thin:"0.0625rem",light:"0.125rem"}},L=d.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),E=require("react"),r=require("styled-components"),t={fonts:{secondary:"Raleway",tertiary:"Lato",fallback:"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"},fontWeight:{light:300,medium:500,bold:700,bolder:900},fontSize:{xsmall:"0.75rem"},spacing:{xxxsmall:"0.25rem",xxsmall:"0.375rem",xsmall:"0.5rem",small:"0.75rem",medium:"1.25rem"},borderRadius:{xsmall:"0.125rem",small:"0.25rem",xlarge:"2rem"},borderThickness:{thin:"0.0625rem",light:"0.125rem"}},B=r.button`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -24,33 +24,33 @@
     & .button-icon-text-space svg {
         max-width: 100%;
     }
-`,R=d.div`
+`,P=r.div`
     width: 100%;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
-`,B=d.img`
+`;r.img`
     maxwidth: 100%;
-`,P=d.span`
+`;const W=r.span`
     font-size: ${t.fontSize.xsmall};
     font-weight: ${t.fontWeight.medium};
     font-family: ${t.fonts.tertiary}, ${t.fonts.fallback};
     display: flex;
     align-items: center;
     justify-content: center;
-`,$=({onClick:a,id:i,buttonType:n,source:o,svg:m,alt:c="alt-button-icon",text:r="",className:x="",dataAttributes:h={}})=>n==="submit"?e.jsx(L,{id:i,type:n,className:x,...h,children:e.jsxs(R,{className:"button-icon-text-space",children:[o?e.jsx(B,{src:o,alt:c}):m||"",r&&e.jsx(P,{id:i,children:r})]})}):e.jsx(L,{onClick:a,id:i,type:n,className:x,...h,children:e.jsxs(R,{className:"button-icon-text-space",children:[o?e.jsx(B,{src:o,alt:c}):m||"",r&&e.jsx(P,{id:i,children:r})]})}),X=d.div`
+`,f=({onClick:a,id:i,buttonType:n,startIcon:o,endIcon:d,alt:m="alt-button-icon",text:c="",className:x="",dataAttributes:h={}})=>{if(n==="button")return e.jsx(B,{onClick:a,id:i,type:n,className:x,...h,children:e.jsxs(P,{className:"button-icon-text-space",children:[o||"",c&&e.jsx(W,{id:i,children:c}),d||""]})});if(n==="submit")return e.jsx(B,{id:i,type:n,className:x,...h,children:e.jsxs(P,{className:"button-icon-text-space",children:[o||"",c&&e.jsx(W,{id:i,children:c}),d||""]})})},Z=r.div`
     display: flex;
     flex-direction: column;
     align-items: left;
     width: 100%;
     margin-bottom: ${t.spacing.small};
-`,Y=d.div`
+`,_=r.div`
     display: flex;
     gap: ${t.spacing.xsmall};
     width: auto;
     height: auto;
-`,Z=d.label`
+`,I=r.label`
     display: flex;
     align-items: center;
     justify-content:center;
@@ -67,21 +67,21 @@
         height: auto;
         object-fit: contain;
     }
-`,_=d.div`
+`,ee=r.div`
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: ${t.spacing.xxxsmall};
-`,I=d.span`
+`,te=r.span`
     font-weight: ${t.fontWeight.bolder};
-`,ee=d.div`
+`,M=r.div`
     max-width: 100%;
     display: flex;
     align-items: center;
-`,te=d.span`
+`,ae=r.span`
     font-weight: ${t.fontWeight.light};
-`,W=({htmlFor:a,textLabel:i,additionalInfo:n,$labelFlexDirection:o,source:m,svg:c,className:r,children:x})=>e.jsxs(Z,{htmlFor:a,className:r,$labelFlexDirection:o,children:[(m||c)&&e.jsx(ee,{className:"label-icon-container",children:m?e.jsx("img",{src:m,alt:`${a}-label-icon`}):c||""}),e.jsxs(_,{className:"label-text-container",children:[e.jsx(I,{className:"main-label",children:i}),n&&e.jsx(te,{className:"additional-info",children:n})]}),x]}),M=d.input`
+`,U=({htmlFor:a,textLabel:i,additionalInfo:n,$labelFlexDirection:o,startIcon:d,endIcon:m,className:c,children:x})=>e.jsxs(I,{htmlFor:a,className:c,$labelFlexDirection:o,children:[d&&e.jsx(M,{className:"label-icon-container",children:d}),e.jsxs(ee,{className:"label-text-container",children:[e.jsx(te,{className:"main-label",children:i}),n&&e.jsx(ae,{className:"additional-info",children:n})]}),m&&e.jsx(M,{className:"label-icon-container",children:m}),x]}),O=r.input`
     display: flex;
     place-content: center;
     font-family: ${t.fonts.secondary}, ${t.fonts.fallback};
@@ -98,7 +98,7 @@
     &:focus{
         border: ${t.borderThickness.thin} solid ${({theme:a})=>a.colors.teal};
     }
-`,ae=d.textarea`
+`,ne=r.textarea`
     display: flex;
     place-content: center;
     border: ${t.borderThickness.light} solid ${({theme:a})=>a.colors.text};
@@ -111,46 +111,46 @@
     max-width: 100%;
     resize: none;
     overflow-y: auto;
-`,D=v.forwardRef((a,i)=>{const{type:n,id:o,onChange:m,isRequired:c,dataAttributes:r={},disabled:x,className:h,name:u}=a;if(n==="textarea"){const{rows:C=5,cols:w=30,value:T,...A}=a;return e.jsx(ae,{ref:i,value:T,rows:C,cols:w,id:o,onChange:m,required:c,disabled:x,...r,className:h,name:u})}if(n==="radio"||n==="checkbox"){const{checked:C,...w}=a;return e.jsx(M,{ref:i,type:n,checked:C,id:o,onChange:m,required:c,...r,disabled:x,className:h,name:u})}const p=a,{value:y,pattern:j,placeholderText:k,...N}=p;return e.jsx(M,{ref:i,type:n,value:y,pattern:j,placeholder:k,id:o,onChange:m,required:c,...r,disabled:x,className:h,name:u})}),E=a=>{const{className:i,type:n,id:o,textLabel:m,additionalInfo:c,$labelFlexDirection:r,svg:x,labelClass:h,onChange:u,isRequired:p,dataAttributes:y,inputClass:j,ref:k,disabled:N,isEditable:C,editIcon:w,onClickEdit:T,deleteIcon:A,onClickDelete:S,idx:s,children:g}=a;return e.jsxs(X,{className:`${i} ${o.replace("#","")}-label-input-container`,children:[n!=="radio"&&n!=="checkbox"&&e.jsx(W,{htmlFor:o,textLabel:m,additionalInfo:c,$labelFlexDirection:r,svg:x,className:h}),n!=="radio"&&n!=="checkbox"&&n==="textarea"&&(()=>{const{rows:l=5,cols:f=30,value:F,...z}=a;return e.jsx(D,{id:o,name:o,type:"textarea",isRequired:p,onChange:u,value:F,rows:l,cols:f,dataAttributes:y,className:j,ref:k,disabled:N})})(),n!=="radio"&&n!=="checkbox"&&n!=="textarea"&&(()=>{const l=a,{value:f,pattern:F,placeholderText:z,...ge}=l;return e.jsx(D,{id:o,name:o,placeholderText:z,onChange:u,value:f,type:n,isRequired:p,dataAttributes:y,className:j,ref:k,disabled:N,pattern:F})})(),(n==="radio"||n==="checkbox")&&(()=>{const{checked:l,...f}=a;return e.jsxs(e.Fragment,{children:[e.jsx(D,{ref:k,type:n,name:o,id:o,isRequired:p,checked:l,onChange:u,disabled:N,className:j,dataAttributes:y}),e.jsx(W,{htmlFor:o,textLabel:m,additionalInfo:c,$labelFlexDirection:r,svg:x,className:h})]})})(),C&&e.jsxs(Y,{className:"input-edit-buttons",children:[e.jsx($,{id:`editable-${o}-edit-btn`,svg:w,buttonType:"button",onClick:T,className:`edit-radio-${s}`,dataAttributes:y}),e.jsx($,{id:`editable-${o}-delete-btn`,svg:A,buttonType:"button",onClick:S,className:`delete-radio-${s}`,dataAttributes:y})]}),g]})},ne=d.fieldset`
+`,D=E.forwardRef((a,i)=>{const{type:n,id:o,onChange:d,isRequired:m,dataAttributes:c={},disabled:x,className:h,name:u}=a;if(n==="textarea"){const{rows:p=5,cols:w=30,value:v,...T}=a;return e.jsx(ne,{ref:i,value:v,rows:p,cols:w,id:o,onChange:d,required:m,disabled:x,...c,className:h,name:u})}if(n==="radio"||n==="checkbox"){const{checked:p,...w}=a;return e.jsx(O,{ref:i,type:n,checked:p,id:o,onChange:d,required:m,...c,disabled:x,className:h,name:u})}const $=a,{value:k,pattern:y,placeholderText:N,...C}=$;return e.jsx(O,{ref:i,type:n,value:k,pattern:y,placeholder:N,id:o,onChange:d,required:m,...c,disabled:x,className:h,name:u})}),F=a=>{const{className:i,type:n,id:o,textLabel:d,additionalInfo:m,$labelFlexDirection:c,startIcon:x,endIcon:h,labelClass:u,onChange:$,isRequired:k,dataAttributes:y,inputClass:N,ref:C,disabled:p,isEditable:w,editIcon:v,onClickEdit:T,deleteIcon:S,onClickDelete:q,idx:A,children:z}=a;return e.jsxs(Z,{className:`${i} ${o.replace("#","")}-label-input-container`,children:[n!=="radio"&&n!=="checkbox"&&e.jsx(U,{startIcon:x,endIcon:h,htmlFor:o,textLabel:d,additionalInfo:m,$labelFlexDirection:c,className:u}),n!=="radio"&&n!=="checkbox"&&n==="textarea"&&(()=>{const{rows:s=5,cols:g=30,value:l,...j}=a;return e.jsx(D,{id:o,name:o,type:"textarea",isRequired:k,onChange:$,value:l,rows:s,cols:g,dataAttributes:y,className:N,ref:C,disabled:p})})(),n!=="radio"&&n!=="checkbox"&&n!=="textarea"&&(()=>{const s=a,{value:g,pattern:l,placeholderText:j,...L}=s;return e.jsx(D,{id:o,name:o,placeholderText:j,onChange:$,value:g,type:n,isRequired:k,dataAttributes:y,className:N,ref:C,disabled:p,pattern:l})})(),(n==="radio"||n==="checkbox")&&(()=>{const{checked:s,...g}=a;return e.jsxs(e.Fragment,{children:[e.jsx(D,{ref:C,type:n,name:o,id:o,isRequired:k,checked:s,onChange:$,disabled:p,className:N,dataAttributes:y}),e.jsx(U,{startIcon:x,endIcon:h,htmlFor:o,textLabel:d,additionalInfo:m,$labelFlexDirection:c,className:u})]})})(),w&&e.jsxs(_,{className:"input-edit-buttons",children:[e.jsx(f,{id:`editable-${o}-edit-btn`,startIcon:v,buttonType:"button",onClick:T,className:`edit-radio-${A}`,dataAttributes:y}),e.jsx(f,{id:`editable-${o}-delete-btn`,startIcon:S,buttonType:"button",onClick:q,className:`delete-radio-${A}`,dataAttributes:y})]}),z]})},se=r.fieldset`
     padding: 0;
     height: auto;
     width: 100%;
-`,se=d.legend`
+`,oe=r.legend`
     font-size: ${t.spacing.medium};
     font-weight: 500;
     margin: 0 auto ${t.spacing.small} auto;
     text-align: center;
     font-family: ${t.fonts.secondary}, ${t.fonts.fallback};
-`,oe=d.div`
+`,ie=r.div`
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     width: 100%;
     margin-bottom: ${t.spacing.small};
-`,ie=d.div`
+`,le=r.div`
     display: flex;
     justify-content: space-between;
     width: 100%;
-`,U=({legend:a,fieldsetIndex:i,idx:n,editableInformation:o,onChangeOfEditableOption:m,onClickSaveEdit:c,onClickCancelEdit:r,onClickDeleteEntry:x})=>e.jsxs(ne,{className:"editable-option-fieldset",children:[e.jsx(se,{children:`${a} ${n+1}`}),o?.map((h,u)=>e.jsx(oe,{className:"editable-option-container",children:e.jsx(D,{id:`editable-option-${u}`,name:`editable-option-${u}`,placeholderText:h.name.charAt(0).toUpperCase()+h.name.slice(1),onChange:m,value:h.info,type:h.type,isRequired:!0,className:"editable-option",dataAttributes:{"data-index":u,"data-fieldsetindex":i,"data-key":h.info}})},`${h.name}-${u}`)),e.jsxs(ie,{className:"editable-option-button-space",children:[e.jsx($,{id:`editable-option-${n}-submit`,buttonType:"button",text:"Save",onClick:c,className:"editable-option-btn",dataAttributes:{"data-index":n,"data-fieldsetindex":i}}),e.jsx($,{id:`editable-option-${n}-cancel`,buttonType:"button",text:"Cancel",onClick:r,className:"editable-option-btn",dataAttributes:{"data-index":n,"data-fieldsetindex":i}}),e.jsx($,{id:`editable-option-${n}-delete`,buttonType:"button",text:"Delete",onClick:x,className:"editable-option-btn",dataAttributes:{"data-index":n,"data-fieldsetindex":i}})]})]}),le=d.div`
+`,H=({legend:a,fieldsetIndex:i,idx:n,editableInformation:o,onChangeOfEditableOption:d,onClickSaveEdit:m,onClickCancelEdit:c,onClickDeleteEntry:x})=>e.jsxs(se,{className:"editable-option-fieldset",children:[e.jsx(oe,{children:`${a} ${n+1}`}),o?.map((h,u)=>e.jsx(ie,{className:"editable-option-container",children:e.jsx(D,{id:`editable-option-${u}`,name:`editable-option-${u}`,placeholderText:h.name.charAt(0).toUpperCase()+h.name.slice(1),onChange:d,value:h.info,type:h.type,isRequired:!0,className:"editable-option",dataAttributes:{"data-index":u,"data-fieldsetindex":i,"data-key":h.info}})},`${h.name}-${u}`)),e.jsxs(le,{className:"editable-option-button-space",children:[e.jsx(f,{id:`editable-option-${n}-submit`,buttonType:"button",text:"Save",onClick:m,className:"editable-option-btn",dataAttributes:{"data-index":n,"data-fieldsetindex":i}}),e.jsx(f,{id:`editable-option-${n}-cancel`,buttonType:"button",text:"Cancel",onClick:c,className:"editable-option-btn",dataAttributes:{"data-index":n,"data-fieldsetindex":i}}),e.jsx(f,{id:`editable-option-${n}-delete`,buttonType:"button",text:"Delete",onClick:x,className:"editable-option-btn",dataAttributes:{"data-index":n,"data-fieldsetindex":i}})]})]}),ce=r.div`
     display: flex;
     justify-content: space-between;
     max-width: 100%;
-`,ce=({id:a,submitText:i,hasReset:n,resetText:o,handleReset:m,hasCancel:c,cancelText:r,handleCancel:x})=>e.jsxs(le,{className:"form-main-button-container",children:[e.jsx($,{id:`form-${a}-submit`,buttonType:"submit",text:i??"Submit",className:"submit-form-btn"}),n&&e.jsx($,{id:`form-${a}-edit`,buttonType:"button",text:o??"Reset",onClick:m,className:"reset-form-btn"}),c&&e.jsx($,{id:`form-${a}-cancel`,buttonType:"button",text:r??"Cancel",onClick:x,className:"cancel-form-btn"})]}),O=d.legend`
+`,re=({id:a,submitText:i,submitIcon:n,hasReset:o,resetText:d,resetIcon:m,handleReset:c,hasCancel:x,cancelText:h,cancelIcon:u,handleCancel:$})=>e.jsxs(ce,{className:"form-main-button-container",children:[e.jsx(f,{id:`form-${a}-submit`,startIcon:n,buttonType:"submit",text:i??"Submit",className:"submit-form-btn"}),o&&e.jsx(f,{id:`form-${a}-edit`,startIcon:m,buttonType:"button",text:d??"Reset",onClick:c,className:"reset-form-btn"}),x&&e.jsx(f,{id:`form-${a}-cancel`,startIcon:u,buttonType:"button",text:h??"Cancel",onClick:$,className:"cancel-form-btn"})]}),G=r.legend`
     font-size: ${t.spacing.medium};
     font-weight: 500;
     margin-bottom: ${t.spacing.small};
     width: auto;
     text-align: center;
     font-family: ${t.fonts.secondary}, ${t.fonts.fallback};
-`,H=d.fieldset`
+`,J=r.fieldset`
     padding: 0;
     height: auto;
     width: 100%;
-`,G=d.div`
+`,K=r.div`
     padding: ${t.spacing.small};
     height: auto;
     width: 100%;
-`,J=d.div`
+`,Q=r.div`
     display: flex;
     justify-content: center;
     align-items: center;
@@ -159,19 +159,19 @@
     font-family: ${t.fonts.tertiary}, ${t.fonts.fallback};
     font-size: ${t.fontSize.xsmall};
     font-weight: ${t.fontWeight.bold};
-`,re=d.form`
+`,de=r.form`
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
-`,K=d.div`
+`,V=r.div`
     display: flex;
     justify-content: space-between;
     width: 100%;
-`,de=d.div`
+`,me=r.div`
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-`,me=({fieldsets:a=null,legendText:i,isExpandable:n,id:o,formInputs:m,labelAndInputContainerClass:c,labelClass:r,inputClass:x,onChangeOfEditableOption:h,handleAddingInputEntry:u,submitText:p,hasReset:y=!1,resetText:j,handleReset:k,hasCancel:N=!1,cancelText:C,handleCancel:w,handleSubmitForm:T,className:A,children:S})=>e.jsxs(re,{id:`${o}-form`,className:A,onSubmit:T,children:[a?a.map((s,g)=>e.jsxs(G,{className:`${o}-fieldset-wrapper`,children:[e.jsxs(H,{id:`${o}-form-fieldset-${g}`,className:`${s.legend}-fieldset`,children:[s.legend&&e.jsx(O,{className:`${s.legend}-legend`,children:s.legend}),s.inputs.length!==0?s.inputs.map((l,f)=>e.jsxs(v.Fragment,{children:[l.type==="textarea"&&e.jsx(E,{...l,id:l.id??`${s.legend}-input`,labelClass:r,inputClass:x,idx:f,className:`${c} ${l?.uniqueClass}`}),l.type!=="textarea"&&l.type!=="radio"&&l.type!=="checkbox"&&e.jsx(E,{...l,id:l.id??`${s.legend}-input`,labelClass:r,inputClass:x,idx:f,className:`${c} ${l?.uniqueClass}`}),(l.type==="radio"||l.type==="checkbox")&&e.jsxs(e.Fragment,{children:[e.jsx(E,{...l,id:l.id??`${s.legend}-input`,labelClass:r,inputClass:x,idx:f,className:`${c} ${l?.uniqueClass}`}),l.editing&&l.isEditable&&e.jsx(U,{legend:`${s.legend}`,fieldsetIndex:g,idx:f,editableInformation:l?.editableInformation||[],onChangeOfEditableOption:h,onClickSaveEdit:l?.onClickSave||(F=>{}),onClickCancelEdit:l?.onClickCancel||(F=>{}),onClickDeleteEntry:l?.onClickDelete||(F=>{})})]})]},`form-${o}-${f}`)):s.isExpandable?e.jsx(J,{children:`No entry yet on ${s.legend}. Click "+" button to add entry.`}):""]}),s.isExpandable&&e.jsx(K,{className:"add-input-button-space",children:e.jsx($,{id:`expand-${s.legend}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry",dataAttributes:{"data-fieldsetindex":g}})})]},`${s.legend}-${g}`)):e.jsxs(G,{className:`${o}-fieldset-wrapper`,children:[e.jsxs(H,{id:`${o}-form-fieldset`,className:`${i}-fieldset`,children:[i&&e.jsx(O,{className:`${i}-legend`,children:i}),!a&&m&&m.length!==0?m.map((s,g)=>e.jsxs(v.Fragment,{children:[s.type==="textarea"&&e.jsx(E,{...s,id:s.id??`${i}-input`,labelClass:r,inputClass:x,idx:g,className:`${c} ${s?.uniqueClass}`}),s.type!=="textarea"&&s.type!=="radio"&&s.type!=="checkbox"&&e.jsx(E,{...s,id:s.id??`${i}-input`,labelClass:r,inputClass:x,idx:g,className:`${c} ${s?.uniqueClass}`}),(s.type==="radio"||s.type==="checkbox")&&e.jsxs(e.Fragment,{children:[e.jsx(E,{...s,id:s.id??`${i}-input`,labelClass:r,inputClass:x,idx:g,className:`${c} ${s?.uniqueClass}`}),s.editing&&s.isEditable&&e.jsx(U,{legend:`${i}`,idx:g,editableInformation:s?.editableInformation,onChangeOfEditableOption:h,onClickSaveEdit:s?.onClickSave||(l=>{}),onClickCancelEdit:s?.onClickCancel||(l=>{}),onClickDeleteEntry:s?.onClickDelete||(l=>{})})]})]},`form-${o}-${g}`)):n?e.jsx(J,{children:`No entry yet on ${i}. Please click "+" button to add`}):""]}),n&&e.jsx(K,{className:"add-input-button-space",children:e.jsx($,{id:`expand-${i}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry"})})]}),e.jsx(ce,{id:o,submitText:p,hasReset:y,resetText:j,handleReset:k,hasCancel:N,cancelText:C,handleCancel:w}),e.jsx(de,{className:"children-container",children:S})]}),xe=a=>{const i=/^#([0-9A-Fa-f]{3}){1,2}$/,n=/^rgb(a)?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/;return i.test(a)||n.test(a)||CSS.supports("color",a)},b=a=>{if(!xe(a))throw new Error(`Invalid color: ${a}`);return a},be={mobile:"320px",tablet:"768px",desktop:"992px",largeDesktop:"1200px",largerDesktop:"1400px"},Q={name:"light",colors:{text:b("#333446"),bg:b("#EEEEEE"),blue:b("#7F8CAA"),blue2:b("#80A6FF"),teal:b("#5b8280ff"),teal2:b("#AEEAE7"),gray:b("#AEAEAE"),information:b("#202234"),success:b("#123524"),warning:b("#F2C265"),error:b("#990000")}},V={name:"dark",colors:{bg:b("#333446"),text:b("#EEEEEE"),blue:b("#80A6FF"),blue2:b("#7F8CAA"),teal:b("#AEEAE7"),teal2:b("#5b8280ff"),gray:b("#D0D0DD"),information:b("#C9E6F0"),success:b("#9EDF9C"),warning:b("#FCFFC1"),error:b("#FAD4D4")}},q=v.createContext({}),he=({children:a,initialTheme:i=Q,secondTheme:n=V})=>{const[o,m]=v.useState(i),c=()=>{m(r=>r===i?n:i)};return e.jsx(q.Provider,{value:{currentTheme:o,toggleTheme:c},children:e.jsx(d.ThemeProvider,{theme:o,children:a})})},ue=()=>v.useContext(q);exports.DynamicForm=me;exports.ThemeContext=q;exports.ThemeContextProvider=he;exports.breakpoints=be;exports.darkTheme=V;exports.lightTheme=Q;exports.useTheme=ue;
+`,xe=({fieldsets:a=null,legendText:i,isExpandable:n,id:o,formInputs:d,labelAndInputContainerClass:m,labelClass:c,inputClass:x,onChangeOfEditableOption:h,handleAddingInputEntry:u,submitText:$,submitIcon:k,hasReset:y=!1,resetText:N,resetIcon:C,handleReset:p,hasCancel:w=!1,cancelText:v,cancelIcon:T,handleCancel:S,handleSubmitForm:q,className:A,children:z})=>e.jsxs(de,{id:`${o}-form`,className:A,onSubmit:q,children:[a?a.map((s,g)=>e.jsxs(K,{className:`${o}-fieldset-wrapper`,children:[e.jsxs(J,{id:`${o}-form-fieldset-${g}`,className:`${s.legend}-fieldset`,children:[s.legend&&e.jsx(G,{className:`${s.legend}-legend`,children:s.legend}),s.inputs.length!==0?s.inputs.map((l,j)=>e.jsxs(E.Fragment,{children:[l.type==="textarea"&&e.jsx(F,{...l,id:l.id??`${s.legend}-input`,labelClass:c,inputClass:x,idx:j,className:`${m} ${l?.uniqueClass}`}),l.type!=="textarea"&&l.type!=="radio"&&l.type!=="checkbox"&&e.jsx(F,{...l,id:l.id??`${s.legend}-input`,labelClass:c,inputClass:x,idx:j,className:`${m} ${l?.uniqueClass}`}),(l.type==="radio"||l.type==="checkbox")&&e.jsxs(e.Fragment,{children:[e.jsx(F,{...l,id:l.id??`${s.legend}-input`,labelClass:c,inputClass:x,idx:j,className:`${m} ${l?.uniqueClass}`}),l.editing&&l.isEditable&&e.jsx(H,{legend:`${s.legend}`,fieldsetIndex:g,idx:j,editableInformation:l?.editableInformation||[],onChangeOfEditableOption:h,onClickSaveEdit:l?.onClickSave||(L=>{}),onClickCancelEdit:l?.onClickCancel||(L=>{}),onClickDeleteEntry:l?.onClickDelete||(L=>{})})]})]},`form-${o}-${j}`)):s.isExpandable?e.jsx(Q,{children:`No entry yet on ${s.legend}. Click "+" button to add entry.`}):""]}),s.isExpandable&&e.jsx(V,{className:"add-input-button-space",children:e.jsx(f,{id:`expand-${s.legend}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry",dataAttributes:{"data-fieldsetindex":g}})})]},`${s.legend}-${g}`)):e.jsxs(K,{className:`${o}-fieldset-wrapper`,children:[e.jsxs(J,{id:`${o}-form-fieldset`,className:`${i}-fieldset`,children:[i&&e.jsx(G,{className:`${i}-legend`,children:i}),!a&&d&&d.length!==0?d.map((s,g)=>e.jsxs(E.Fragment,{children:[s.type==="textarea"&&e.jsx(F,{...s,id:s.id??`${i}-input`,labelClass:c,inputClass:x,idx:g,className:`${m} ${s?.uniqueClass}`}),s.type!=="textarea"&&s.type!=="radio"&&s.type!=="checkbox"&&e.jsx(F,{...s,id:s.id??`${i}-input`,labelClass:c,inputClass:x,idx:g,className:`${m} ${s?.uniqueClass}`}),(s.type==="radio"||s.type==="checkbox")&&e.jsxs(e.Fragment,{children:[e.jsx(F,{...s,id:s.id??`${i}-input`,labelClass:c,inputClass:x,idx:g,className:`${m} ${s?.uniqueClass}`}),s.editing&&s.isEditable&&e.jsx(H,{legend:`${i}`,idx:g,editableInformation:s?.editableInformation,onChangeOfEditableOption:h,onClickSaveEdit:s?.onClickSave||(l=>{}),onClickCancelEdit:s?.onClickCancel||(l=>{}),onClickDeleteEntry:s?.onClickDelete||(l=>{})})]})]},`form-${o}-${g}`)):n?e.jsx(Q,{children:`No entry yet on ${i}. Please click "+" button to add`}):""]}),n&&e.jsx(V,{className:"add-input-button-space",children:e.jsx(f,{id:`expand-${i}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry"})})]}),e.jsx(re,{id:o,submitText:$,submitIcon:k,hasReset:y,resetText:N,resetIcon:C,handleReset:p,hasCancel:w,cancelText:v,cancelIcon:T,handleCancel:S}),e.jsx(me,{className:"children-container",children:z})]}),be=a=>{const i=/^#([0-9A-Fa-f]{3}){1,2}$/,n=/^rgb(a)?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/;return i.test(a)||n.test(a)||CSS.supports("color",a)},b=a=>{if(!be(a))throw new Error(`Invalid color: ${a}`);return a},he={mobile:"320px",tablet:"768px",desktop:"992px",largeDesktop:"1200px",largerDesktop:"1400px"},X={name:"light",colors:{text:b("#333446"),bg:b("#EEEEEE"),blue:b("#7F8CAA"),blue2:b("#80A6FF"),teal:b("#5b8280ff"),teal2:b("#AEEAE7"),gray:b("#AEAEAE"),information:b("#202234"),success:b("#123524"),warning:b("#F2C265"),error:b("#990000")}},Y={name:"dark",colors:{bg:b("#333446"),text:b("#EEEEEE"),blue:b("#80A6FF"),blue2:b("#7F8CAA"),teal:b("#AEEAE7"),teal2:b("#5b8280ff"),gray:b("#D0D0DD"),information:b("#C9E6F0"),success:b("#9EDF9C"),warning:b("#FCFFC1"),error:b("#FAD4D4")}},R=E.createContext({}),ue=({children:a,initialTheme:i=X,secondTheme:n=Y})=>{const[o,d]=E.useState(i),m=()=>{d(c=>c===i?n:i)};return e.jsx(R.Provider,{value:{currentTheme:o,toggleTheme:m},children:e.jsx(r.ThemeProvider,{theme:o,children:a})})},ge=()=>E.useContext(R);exports.DynamicForm=xe;exports.ThemeContext=R;exports.ThemeContextProvider=ue;exports.breakpoints=he;exports.darkTheme=Y;exports.lightTheme=X;exports.useTheme=ge;