@x15ventures/x15-ui-library 3.16.1 → 3.18.0

package/dist/esm/components/form/formFields/subComponents/inputs/file/dragAndDrop/DragAndDropFileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropFileUpload.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","arrowUpFromBracket","SvgIcon","useFormContext","HookFormWrapper","Spinner","FormFieldLabel","InputFile","ValidationMessages","generateButtonClass","FileAttachmentsList","DEFAULT_UPLOAD_FILE_EXTENSIONS","DEFAULT_UPLOAD_FILE_TYPES","BLACKLISTED_FILE_TYPES","DragAndDropFileUpload","props","createElement","formContext","DragAndDropFileUploadField","label","field","showSpinner","fileDisplayStyle","fileListSettings","fileList","validation","customContent","customCssClasses","labelStyle","labelAsButtonStyles","color","variant","labelUploadIcon","svgDefinition","multiple","restrictionsTxt","validFiles","extensions","fileTypes","maxFileCount","maxFileSize","onFilesChange","setValue","trigger","activeFileList","setFileList","isTouched","setIsTouched","isDragActive","setIsDragActive","inputId","id","inputElRef","dialogOpenRef","current","document","getElementById","onFocus","noneSelected","files","length","name","window","addEventListener","removeEventListener","supportedFileTypes","join","validateAndCommit","validated","filter","file","ext","split","pop","toLowerCase","isBlacklisted","includes","isValidExt","isValidSize","size","clipped","slice","shouldValidate","shouldDirty","shouldTouch","handleFileInputChange","event","target","Array","from","handleDrop","dropped","handleFilesEdited","wrapperCssClass","wrapper","position","labelProps","isRequired","required","labelStyleAsButtonClasses","cssClass","buttonStyle","hideLabel","hide","labelCssClass","className","onDragOver","e","preventDefault","onDragLeave","currentTarget","onDrop","dataTransfer","labelId","htmlFor","onClick","type","defaultValue","accept","onInput","map","index","key","customFileListSettings","onFilesRemoved","onFilesEdited"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/file/dragAndDrop/DragAndDropFileUpload.tsx"],"sourcesContent":["'use client';\n\nimport React, { FormEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { arrowUpFromBracket } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../../../hookFormWrapper/HookFormWrapper';\nimport { Spinner } from '../../../../../../design/spinner/Spinner';\nimport { FormFieldLabel } from '../../../../subComponents/labels/FormFieldLabel';\nimport { InputFile } from '../../../../subComponents/inputs/file/InputFile';\nimport { ValidationMessages } from '../../../../../validation/ValidationMessages';\nimport { generateButtonClass } from '../../../../../buttons/button.helpers';\nimport { FileAttachmentsList } from '../fileAttachmentList/FileAttachmentsList';\nimport { DragAndDropFileUploadProps } from '../fileInputProps';\nimport {\n  DEFAULT_UPLOAD_FILE_EXTENSIONS,\n  DEFAULT_UPLOAD_FILE_TYPES,\n  BLACKLISTED_FILE_TYPES\n} from '../../../../../../../constants';\n\nimport './dragAndDropFileUpload.scss';\n\nexport const DragAndDropFileUpload: React.FC<DragAndDropFileUploadProps> = (props) => (\n  <HookFormWrapper formContext={ props.formContext }>\n    <DragAndDropFileUploadField { ...props } />\n  </HookFormWrapper>\n);\n\nconst DragAndDropFileUploadField: React.FC<DragAndDropFileUploadProps> = (\n  {\n    label,\n    field,\n    showSpinner,\n    fileDisplayStyle = 'names',\n    fileListSettings,\n    fileList,\n    validation,\n    customContent,\n    customCssClasses,\n    labelStyle = 'dragArea',\n    labelAsButtonStyles = { color: 'primary', variant: 'outline' },\n    labelUploadIcon = <SvgIcon svgDefinition={ arrowUpFromBracket } />,\n    multiple = false,\n    restrictionsTxt = '',\n    validFiles = {\n      extensions: DEFAULT_UPLOAD_FILE_EXTENSIONS,\n      fileTypes: DEFAULT_UPLOAD_FILE_TYPES,\n      maxFileCount: 5,\n      maxFileSize: 52428800 // 50 MB\n    },\n    onFilesChange = () => {}\n  }\n) => {\n  const { setValue, trigger } = useFormContext();\n\n  const [activeFileList, setFileList] = useState<File[]>(fileList || []);\n  const [isTouched, setIsTouched] = useState(false);\n  const [isDragActive, setIsDragActive] = useState(false);\n\n  const inputId = field.id;\n  const inputElRef = useRef<HTMLInputElement | null>(null);\n  const dialogOpenRef = useRef(false);\n\n  useEffect(() => {\n    inputElRef.current = document.getElementById(inputId) as HTMLInputElement | null;\n  }, [inputId]);\n\n  // Detect “Cancel” -> dialog closes, window regains focus, but input had no change.\n  useEffect(() => {\n    const onFocus = () => {\n      if (!dialogOpenRef.current) { return; }\n      dialogOpenRef.current = false;\n      const noneSelected = !inputElRef.current?.files?.length;\n      if (noneSelected) {\n        // Trigger React Hook Form validators (e.g., required)\n        trigger(field.name);\n      }\n    };\n    window.addEventListener('focus', onFocus);\n    return () => window.removeEventListener('focus', onFocus);\n  }, [trigger, field.name]);\n\n  const supportedFileTypes = useMemo(\n    () => validFiles?.fileTypes?.join(', ') || '',\n    [validFiles?.fileTypes]\n  );\n\n  const validateAndCommit = useCallback(\n    (files: File[]) => {\n      // basic validations\n      const validated = files.filter((file) => {\n        const ext = file.name.split('.').pop()?.toLowerCase() || '';\n        const isBlacklisted = BLACKLISTED_FILE_TYPES.includes(ext);\n        const isValidExt = validFiles.extensions ? validFiles.extensions.includes(ext) : true;\n        const isValidSize = validFiles.maxFileSize ? file.size <= validFiles.maxFileSize : true;\n        return !isBlacklisted && isValidExt && isValidSize;\n      });\n\n      const clipped = validFiles.maxFileCount\n        ? validated.slice(0, validFiles.maxFileCount)\n        : validated;\n\n      setFileList(clipped);\n      setIsTouched(true);\n\n      setValue(field.name, clipped.length ? clipped : null, {\n        shouldValidate: true,\n        shouldDirty: true,\n        shouldTouch: true\n      });\n\n      onFilesChange(clipped);\n    },\n    [field.name, onFilesChange, setValue, fileDisplayStyle, validFiles]\n  );\n\n  const handleFileInputChange = useCallback((event: FormEvent<HTMLInputElement>) => {\n    const target = event.target as HTMLInputElement;\n    const files = Array.from(target.files ?? []);\n    validateAndCommit(files);\n    trigger(field.name);\n    dialogOpenRef.current = false;\n  }, [trigger, field.name, validateAndCommit]);\n\n  const handleDrop = useCallback((dropped: File[]) => {\n    validateAndCommit(dropped);\n    trigger(field.name);\n  }, [trigger, field.name, validateAndCommit]);\n\n  const handleFilesEdited = useCallback((files: File[]) => {\n    // No need to validate again as they were already validated\n    // Changes may include renaming or removing files\n    setFileList(files);\n    setValue(field.name, files.length > 0 ? files : null, {\n      shouldValidate: true,\n      shouldDirty: true,\n      shouldTouch: true\n    });\n    onFilesChange(files);\n  }, [field.name, setValue, onFilesChange]);\n\n  const wrapperCssClass = `\n    formField \n    dragAndDropFileUpload \n    ${ fileDisplayStyle === 'list' ? 'withFileList' : '' } \n    ${ labelStyle || '' }Style \n    ${ customCssClasses?.wrapper || '' } \n    ${ isTouched ? 'touched' : '' } \n    ${ typeof validation !== 'undefined' ? 'withValidation' : '' } \n    ${ label?.position === 'inset' ? 'insetLabel' : '' } \n    ${ isDragActive ? 'isDragActive' : '' }\n  `;\n\n  const labelProps = {\n    ...label,\n    inputId: inputId,\n    isRequired: validation && typeof validation.required !== 'undefined',\n    customContent\n  };\n\n  const labelStyleAsButtonClasses = generateButtonClass({\n    cssClass: 'button dragAndDropFileUploadButtonLabel',\n    buttonStyle: labelAsButtonStyles,\n    hideLabel: label.hide\n  });\n\n  const labelCssClass = `\n    ${ labelStyle === 'button' ? labelStyleAsButtonClasses : '' }\n    ${ customCssClasses?.label || '' } \n    ${ showSpinner ? 'withSpinner' : '' } \n    ${ label.hide ? 'hiddenLabel' : '' }\n  `;\n\n  return (\n    <div\n      className={ wrapperCssClass }\n      onDragOver={ (e) => {\n        e.preventDefault();\n        if (!isDragActive) setIsDragActive(true);\n      } }\n      onDragLeave={ (e) => {\n        if (e.currentTarget === e.target) setIsDragActive(false);\n      } }\n      onDrop={ (e) => {\n        e.preventDefault();\n        setIsDragActive(false);\n        const files = Array.from(e.dataTransfer?.files ?? []);\n        handleDrop(files);\n      } }\n    >\n      <label\n        id={ label.labelId || `${ inputId }_label` }\n        className={ labelCssClass }\n        htmlFor={ inputId }\n        onClick={ () => { dialogOpenRef.current = true; } }\n      >\n        <span className=\"dragAndDropFileUploadLabel\">\n          { labelUploadIcon || null }\n          <FormFieldLabel { ...labelProps } />\n          { restrictionsTxt && <span className=\"fileRestrictionsText\">{ restrictionsTxt }</span> }\n        </span>\n\n        <span className=\"inputContainer\">\n          <InputFile\n            {\n              ...{\n                label,\n                field: {\n                  ...field,\n                  type: 'file',\n                  id: inputId,             // ensure we can query it by id\n                  defaultValue: '',\n                  multiple,\n                  accept: supportedFileTypes,\n                  onInput: (event: FormEvent<HTMLInputElement>) => {\n                    handleFileInputChange(event);\n                  }\n                },\n                validation,\n                showSpinner,\n                customCssClasses,\n                customContent\n              }\n            }\n          />\n        </span>\n\n        { showSpinner && <Spinner /> }\n\n        { fileDisplayStyle === 'names' && activeFileList.length > 0 && (\n          <span className=\"uploadedFileNames\">\n            { activeFileList.map((file, index) => (\n              <small key={ index } className=\"uploadedFileName\">\n                { file.name }{ index < activeFileList.length - 1 ? ', ' : '' }\n              </small>\n            )) }\n          </span>\n        ) }\n\n        <ValidationMessages name={ field.name } validation={ validation } />\n      </label>\n\n      { fileDisplayStyle === 'list' && activeFileList.length > 0 && (\n        <FileAttachmentsList\n          customFileListSettings={ fileListSettings }\n          files={ activeFileList }\n          onFilesRemoved={ handleFilesEdited }\n          onFilesEdited={ handleFilesEdited }\n        />\n      ) }\n    </div>\n  );\n};\n\nexport default { DragAndDropFileUpload };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DragAndDropFileUpload.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","arrowUpFromBracket","useFormContext","renderIcon","HookFormWrapper","Spinner","FormFieldLabel","InputFile","ValidationMessages","generateButtonClass","FileAttachmentsList","DEFAULT_UPLOAD_FILE_EXTENSIONS","DEFAULT_UPLOAD_FILE_TYPES","BLACKLISTED_FILE_TYPES","DragAndDropFileUpload","props","createElement","formContext","DragAndDropFileUploadField","label","field","showSpinner","fileDisplayStyle","fileListSettings","fileList","validation","customContent","customCssClasses","labelStyle","labelAsButtonStyles","color","variant","labelUploadIcon","multiple","restrictionsTxt","validFiles","extensions","fileTypes","maxFileCount","maxFileSize","onFilesChange","setValue","trigger","activeFileList","setFileList","isTouched","setIsTouched","isDragActive","setIsDragActive","inputId","id","inputElRef","dialogOpenRef","current","document","getElementById","onFocus","noneSelected","files","length","name","window","addEventListener","removeEventListener","supportedFileTypes","join","validateAndCommit","validated","filter","file","ext","split","pop","toLowerCase","isBlacklisted","includes","isValidExt","isValidSize","size","clipped","slice","shouldValidate","shouldDirty","shouldTouch","handleFileInputChange","event","target","Array","from","handleDrop","dropped","handleFilesEdited","wrapperCssClass","wrapper","position","labelProps","isRequired","required","labelStyleAsButtonClasses","cssClass","buttonStyle","hideLabel","hide","labelCssClass","className","onDragOver","e","preventDefault","onDragLeave","currentTarget","onDrop","dataTransfer","labelId","htmlFor","onClick","type","defaultValue","accept","onInput","map","index","key","customFileListSettings","onFilesRemoved","onFilesEdited"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/file/dragAndDrop/DragAndDropFileUpload.tsx"],"sourcesContent":["'use client';\n\nimport React, { FormEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { arrowUpFromBracket } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\nimport { useFormContext } from 'react-hook-form';\nimport { renderIcon } from '../../../../../../../helpers/iconHelpers';\nimport { HookFormWrapper } from '../../../../../hookFormWrapper/HookFormWrapper';\nimport { Spinner } from '../../../../../../design/spinner/Spinner';\nimport { FormFieldLabel } from '../../../../subComponents/labels/FormFieldLabel';\nimport { InputFile } from '../../../../subComponents/inputs/file/InputFile';\nimport { ValidationMessages } from '../../../../../validation/ValidationMessages';\nimport { generateButtonClass } from '../../../../../buttons/button.helpers';\nimport { FileAttachmentsList } from '../fileAttachmentList/FileAttachmentsList';\nimport { DragAndDropFileUploadProps } from '../fileInputProps';\nimport {\n  DEFAULT_UPLOAD_FILE_EXTENSIONS,\n  DEFAULT_UPLOAD_FILE_TYPES,\n  BLACKLISTED_FILE_TYPES\n} from '../../../../../../../constants';\n\nimport './dragAndDropFileUpload.scss';\n\nexport const DragAndDropFileUpload: React.FC<DragAndDropFileUploadProps> = (props) => (\n  <HookFormWrapper formContext={ props.formContext }>\n    <DragAndDropFileUploadField { ...props } />\n  </HookFormWrapper>\n);\n\nconst DragAndDropFileUploadField: React.FC<DragAndDropFileUploadProps> = (\n  {\n    label,\n    field,\n    showSpinner,\n    fileDisplayStyle = 'names',\n    fileListSettings,\n    fileList,\n    validation,\n    customContent,\n    customCssClasses,\n    labelStyle = 'dragArea',\n    labelAsButtonStyles = { color: 'primary', variant: 'outline' },\n    labelUploadIcon = arrowUpFromBracket,\n    multiple = false,\n    restrictionsTxt = '',\n    validFiles = {\n      extensions: DEFAULT_UPLOAD_FILE_EXTENSIONS,\n      fileTypes: DEFAULT_UPLOAD_FILE_TYPES,\n      maxFileCount: 5,\n      maxFileSize: 52428800 // 50 MB\n    },\n    onFilesChange = () => {}\n  }\n) => {\n  const { setValue, trigger } = useFormContext();\n\n  const [activeFileList, setFileList] = useState<File[]>(fileList || []);\n  const [isTouched, setIsTouched] = useState(false);\n  const [isDragActive, setIsDragActive] = useState(false);\n\n  const inputId = field.id;\n  const inputElRef = useRef<HTMLInputElement | null>(null);\n  const dialogOpenRef = useRef(false);\n\n  useEffect(() => {\n    inputElRef.current = document.getElementById(inputId) as HTMLInputElement | null;\n  }, [inputId]);\n\n  // Detect “Cancel” -> dialog closes, window regains focus, but input had no change.\n  useEffect(() => {\n    const onFocus = () => {\n      if (!dialogOpenRef.current) { return; }\n      dialogOpenRef.current = false;\n      const noneSelected = !inputElRef.current?.files?.length;\n      if (noneSelected) {\n        // Trigger React Hook Form validators (e.g., required)\n        trigger(field.name);\n      }\n    };\n    window.addEventListener('focus', onFocus);\n    return () => window.removeEventListener('focus', onFocus);\n  }, [trigger, field.name]);\n\n  const supportedFileTypes = useMemo(\n    () => validFiles?.fileTypes?.join(', ') || '',\n    [validFiles?.fileTypes]\n  );\n\n  const validateAndCommit = useCallback(\n    (files: File[]) => {\n      // basic validations\n      const validated = files.filter((file) => {\n        const ext = file.name.split('.').pop()?.toLowerCase() || '';\n        const isBlacklisted = BLACKLISTED_FILE_TYPES.includes(ext);\n        const isValidExt = validFiles.extensions ? validFiles.extensions.includes(ext) : true;\n        const isValidSize = validFiles.maxFileSize ? file.size <= validFiles.maxFileSize : true;\n        return !isBlacklisted && isValidExt && isValidSize;\n      });\n\n      const clipped = validFiles.maxFileCount\n        ? validated.slice(0, validFiles.maxFileCount)\n        : validated;\n\n      setFileList(clipped);\n      setIsTouched(true);\n\n      setValue(field.name, clipped.length ? clipped : null, {\n        shouldValidate: true,\n        shouldDirty: true,\n        shouldTouch: true\n      });\n\n      onFilesChange(clipped);\n    },\n    [field.name, onFilesChange, setValue, fileDisplayStyle, validFiles]\n  );\n\n  const handleFileInputChange = useCallback((event: FormEvent<HTMLInputElement>) => {\n    const target = event.target as HTMLInputElement;\n    const files = Array.from(target.files ?? []);\n    validateAndCommit(files);\n    trigger(field.name);\n    dialogOpenRef.current = false;\n  }, [trigger, field.name, validateAndCommit]);\n\n  const handleDrop = useCallback((dropped: File[]) => {\n    validateAndCommit(dropped);\n    trigger(field.name);\n  }, [trigger, field.name, validateAndCommit]);\n\n  const handleFilesEdited = useCallback((files: File[]) => {\n    // No need to validate again as they were already validated\n    // Changes may include renaming or removing files\n    setFileList(files);\n    setValue(field.name, files.length > 0 ? files : null, {\n      shouldValidate: true,\n      shouldDirty: true,\n      shouldTouch: true\n    });\n    onFilesChange(files);\n  }, [field.name, setValue, onFilesChange]);\n\n  const wrapperCssClass = `\n    formField \n    dragAndDropFileUpload \n    ${ fileDisplayStyle === 'list' ? 'withFileList' : '' } \n    ${ labelStyle || '' }Style \n    ${ customCssClasses?.wrapper || '' } \n    ${ isTouched ? 'touched' : '' } \n    ${ typeof validation !== 'undefined' ? 'withValidation' : '' } \n    ${ label?.position === 'inset' ? 'insetLabel' : '' } \n    ${ isDragActive ? 'isDragActive' : '' }\n  `;\n\n  const labelProps = {\n    ...label,\n    inputId: inputId,\n    isRequired: validation && typeof validation.required !== 'undefined',\n    customContent\n  };\n\n  const labelStyleAsButtonClasses = generateButtonClass({\n    cssClass: 'button dragAndDropFileUploadButtonLabel',\n    buttonStyle: labelAsButtonStyles,\n    hideLabel: label.hide\n  });\n\n  const labelCssClass = `\n    ${ labelStyle === 'button' ? labelStyleAsButtonClasses : '' }\n    ${ customCssClasses?.label || '' } \n    ${ showSpinner ? 'withSpinner' : '' } \n    ${ label.hide ? 'hiddenLabel' : '' }\n  `;\n\n  return (\n    <div\n      className={ wrapperCssClass }\n      onDragOver={ (e) => {\n        e.preventDefault();\n        if (!isDragActive) setIsDragActive(true);\n      } }\n      onDragLeave={ (e) => {\n        if (e.currentTarget === e.target) setIsDragActive(false);\n      } }\n      onDrop={ (e) => {\n        e.preventDefault();\n        setIsDragActive(false);\n        const files = Array.from(e.dataTransfer?.files ?? []);\n        handleDrop(files);\n      } }\n    >\n      <label\n        id={ label.labelId || `${ inputId }_label` }\n        className={ labelCssClass }\n        htmlFor={ inputId }\n        onClick={ () => { dialogOpenRef.current = true; } }\n      >\n        <span className=\"dragAndDropFileUploadLabel\">\n          { renderIcon(labelUploadIcon) }\n          <FormFieldLabel { ...labelProps } />\n          { restrictionsTxt && <span className=\"fileRestrictionsText\">{ restrictionsTxt }</span> }\n        </span>\n\n        <span className=\"inputContainer\">\n          <InputFile\n            {\n              ...{\n                label,\n                field: {\n                  ...field,\n                  type: 'file',\n                  id: inputId,             // ensure we can query it by id\n                  defaultValue: '',\n                  multiple,\n                  accept: supportedFileTypes,\n                  onInput: (event: FormEvent<HTMLInputElement>) => {\n                    handleFileInputChange(event);\n                  }\n                },\n                validation,\n                showSpinner,\n                customCssClasses,\n                customContent\n              }\n            }\n          />\n        </span>\n\n        { showSpinner && <Spinner /> }\n\n        { fileDisplayStyle === 'names' && activeFileList.length > 0 && (\n          <span className=\"uploadedFileNames\">\n            { activeFileList.map((file, index) => (\n              <small key={ index } className=\"uploadedFileName\">\n                { file.name }{ index < activeFileList.length - 1 ? ', ' : '' }\n              </small>\n            )) }\n          </span>\n        ) }\n\n        <ValidationMessages name={ field.name } validation={ validation } />\n      </label>\n\n      { fileDisplayStyle === 'list' && activeFileList.length > 0 && (\n        <FileAttachmentsList\n          customFileListSettings={ fileListSettings }\n          files={ activeFileList }\n          onFilesRemoved={ handleFilesEdited }\n          onFilesEdited={ handleFilesEdited }\n        />\n      ) }\n    </div>\n  );\n};\n\nexport default { DragAndDropFileUpload };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.js

@@ -6,6 +6,7 @@ import { SimpleButton } from '../../../../../buttons/SimpleButton';
 import { pencil, trash, xmark, check } from '@x15ventures/x15-ui-library-icons/iconDefinitions';
 import { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';
 import { deepMergeObjects } from '../../../../../../../helpers';
+import { renderIcon } from '../../../../../../../helpers/iconHelpers';
 import './fileAttachmentsList.css';
 export const DefaultFileListSettings = {
   isEditable: true,
@@ -77,18 +78,15 @@ export const FileAttachmentsList = ({
     setAdjustedFiles(updatedFiles);
     onFilesRemoved(updatedFiles);
   };
-  const EditIcon = () => fileListSettings.design?.editing?.edit?.icon || /*#__PURE__*/React.createElement(SvgIcon, {
-    svgDefinition: pencil
+  const editIcon = renderIcon(fileListSettings.design?.editing?.edit?.icon, {
+    fallback: pencil
   });
-  const DeleteIcon = () => fileListSettings.design?.editing?.delete?.icon || /*#__PURE__*/React.createElement(SvgIcon, {
-    svgDefinition: trash
+  const deleteIcon = renderIcon(fileListSettings.design?.editing?.delete?.icon, {
+    fallback: trash
   });
-  const CancelIcon = () => /*#__PURE__*/React.createElement(SvgIcon, {
-    svgDefinition: xmark
-  });
-  const SaveIcon = () => /*#__PURE__*/React.createElement(SvgIcon, {
-    svgDefinition: check,
-    customCssClass: "saveIcon"
+  const cancelIcon = renderIcon(xmark);
+  const saveIcon = renderIcon(check, {
+    customCssClass: 'saveIcon'
   });
   const isFileNameEditable = fileListSettings.isEditable && !fileListSettings.design?.editing?.edit?.disable;
   const isFileDeletable = fileListSettings.isEditable && !fileListSettings.design?.editing?.delete?.disable;
@@ -126,9 +124,7 @@ export const FileAttachmentsList = ({
       variant: 'icon-only',
       size: 'compact'
     },
-    leftIcon: {
-      icon: /*#__PURE__*/React.createElement(CancelIcon, null)
-    },
+    leftIcon: cancelIcon,
     id: `cancelEditFileButton${index}`,
     onClickHandler: () => setEditingIndex(null)
   }), /*#__PURE__*/React.createElement(SimpleButton, {
@@ -139,9 +135,7 @@ export const FileAttachmentsList = ({
       size: 'compact',
       color: 'primary'
     },
-    leftIcon: {
-      icon: /*#__PURE__*/React.createElement(SaveIcon, null)
-    },
+    leftIcon: saveIcon,
     id: `saveEditFileButton${index}`,
     onClickHandler: () => handleFileNameEdit(index)
   })) : /*#__PURE__*/React.createElement("span", {
@@ -150,18 +144,14 @@ export const FileAttachmentsList = ({
     label: "Edit file name",
     hideLabel: true,
     buttonStyle: fileListSettings.design?.editing?.edit?.buttonStyle,
-    leftIcon: {
-      icon: /*#__PURE__*/React.createElement(EditIcon, null)
-    },
+    leftIcon: editIcon,
     id: `editFileButton${index}`,
     onClickHandler: () => setEditingIndex(index)
   }), isFileDeletable && /*#__PURE__*/React.createElement(SimpleButton, {
     label: "Remove file",
     hideLabel: true,
     buttonStyle: fileListSettings.design?.editing?.delete?.buttonStyle,
-    leftIcon: {
-      icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
-    },
+    leftIcon: deleteIcon,
     id: `removeFileButton${index}`,
     onClickHandler: () => handleFileRemoved(index)
   }))))));

package/dist/esm/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileAttachmentsList.js","names":["React","useEffect","useState","SimpleButton","pencil","trash","xmark","check","SvgIcon","deepMergeObjects","DefaultFileListSettings","isEditable","design","animation","editing","delete","icon","createElement","svgDefinition","label","disable","buttonStyle","variant","size","edit","heading","isVisible","prefix","includeFileCount","FileAttachmentsList","customFileListSettings","onFilesRemoved","onFilesEdited","files","adjustedFiles","setAdjustedFiles","editingIndex","setEditingIndex","filesList","createRef","fileListSettings","baseObject","overrideObject","handleFileNameEdit","index","newName","adjustedName","current","children","querySelector","value","trim","updatedFiles","map","file","i","File","type","handleFileRemoved","filter","_","EditIcon","DeleteIcon","CancelIcon","SaveIcon","customCssClass","isFileNameEditable","isFileDeletable","className","length","ref","key","name","defaultValue","onKeyDown","e","target","autoFocus","hideLabel","leftIcon","id","onClickHandler","color"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n'use client';\nimport React, { FC, useEffect, useState } from 'react';\nimport { SimpleButton } from '../../../../../buttons/SimpleButton';\nimport { pencil, trash, xmark, check } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { FileAttachmentListSettingsProps } from '../fileInputProps';\nimport { deepMergeObjects } from '../../../../../../../helpers';\n\nimport './fileAttachmentsList.scss';\n\ninterface FileAttachmentsProps {\n  customFileListSettings?: FileAttachmentListSettingsProps;\n  onFilesRemoved: (files: File[]) => void;\n  onFilesEdited: (files: File[]) => void;\n  files: File[];\n}\n\nexport const DefaultFileListSettings: FileAttachmentListSettingsProps = {\n  isEditable: true,\n  design: {\n    animation: 'reveal',\n    editing: {\n      delete: {\n        icon: <SvgIcon svgDefinition={ trash }/>,\n        label: 'Remove file',\n        disable: false,\n        buttonStyle: {\n          variant: 'icon-only',\n          size: 'compact',\n        }\n      },\n      edit: {\n        icon: <SvgIcon svgDefinition={ pencil }/>,\n        label: 'Edit file name',\n        disable: false,\n        buttonStyle: {\n          variant: 'icon-only',\n          size: 'compact',\n        }\n      }\n    },\n    heading: {\n      isVisible: false,\n      prefix: 'Attached files',\n      includeFileCount: true\n    }\n  }\n};\n\nexport const FileAttachmentsList: FC<FileAttachmentsProps> = (\n  {\n    customFileListSettings,\n    onFilesRemoved = () => {},\n    onFilesEdited = () => {},\n    files\n  }\n) => {\n  const [adjustedFiles, setAdjustedFiles] = useState<File[]>(files);\n  const [editingIndex, setEditingIndex] = useState<number | null>(null);\n  const filesList = React.createRef<HTMLUListElement>();\n\n  const fileListSettings: FileAttachmentListSettingsProps = deepMergeObjects({\n    baseObject: DefaultFileListSettings,\n    overrideObject: customFileListSettings || {}\n  });\n\n  useEffect(() => {\n    setAdjustedFiles(files);\n  }, [files]);\n\n  const handleFileNameEdit = (index: number, newName?: string) => {\n    const adjustedName = newName || (filesList.current?.children[index].querySelector('input') as HTMLInputElement)?.value.trim();\n\n    const updatedFiles = adjustedFiles.map((file, i) => {\n      if (i === index) {\n        return new File([file], adjustedName, { type: file.type });\n      }\n      return file;\n    });\n    setAdjustedFiles(updatedFiles);\n    setEditingIndex(null);\n    onFilesEdited(updatedFiles);\n  };\n\n  const handleFileRemoved = (index: number) => {\n    const updatedFiles = adjustedFiles.filter((_, i) => i !== index);\n    setAdjustedFiles(updatedFiles);\n    onFilesRemoved(updatedFiles);\n  };\n\n  const EditIcon: FC = () => fileListSettings.design?.editing?.edit?.icon || <SvgIcon svgDefinition={ pencil } />;\n  const DeleteIcon: FC = () => fileListSettings.design?.editing?.delete?.icon || <SvgIcon svgDefinition={ trash } />;\n  const CancelIcon: FC = () => <SvgIcon svgDefinition={ xmark } />;\n  const SaveIcon: FC = () => <SvgIcon svgDefinition={ check } customCssClass=\"saveIcon\" />;\n\n  const isFileNameEditable = fileListSettings.isEditable && !fileListSettings.design?.editing?.edit?.disable;\n  const isFileDeletable = fileListSettings.isEditable && !fileListSettings.design?.editing?.delete?.disable;\n\n  return (\n    <div className=\"fileAttachmentsList\">\n      {\n        fileListSettings.design?.heading?.isVisible && (\n          <h4>\n            {\n              fileListSettings.design?.heading?.prefix || 'Attached files'\n            }\n            {\n              fileListSettings.design?.heading?.includeFileCount && ` (${ adjustedFiles.length })`\n            }\n          </h4>\n        )\n      }\n      <div className={ `fileUploadList ${ adjustedFiles.length > 0 ? 'withFiles' : 'noFiles' }` }>\n        { adjustedFiles.length > 0 && (\n          <ul className=\"noBullet\" ref={ filesList }>\n            { adjustedFiles.map((file, index) => (\n              <li key={ index }>\n                {\n                  editingIndex === index && isFileNameEditable ? (\n                    <span className=\"editFileNameContainer\">\n                      <input\n                        type=\"text\"\n                        aria-label={ `Edit file name (${ file.name })` }\n                        defaultValue={ file.name }\n                        className=\"fileNameInput\"\n                        onKeyDown={ (e) => {\n                          if (e.key === 'Enter') {\n                            const newName = (e.target as HTMLInputElement).value.trim();\n                            if (newName && newName !== file.name) {\n                              handleFileNameEdit(index, newName);\n                            }\n                          } else if (e.key === 'Escape' || e.key === 'Tab') {\n                            setEditingIndex(null);\n                          }\n                        } }\n                        autoFocus\n                      />\n                      <SimpleButton\n                        label=\"Cancel\"\n                        hideLabel\n                        buttonStyle={ { variant: 'icon-only', size: 'compact' } }\n                        leftIcon={ { icon: <CancelIcon /> } }\n                        id={ `cancelEditFileButton${ index }` }\n                        onClickHandler={ () => setEditingIndex(null) }\n                      />\n                      <SimpleButton\n                        label=\"Save\"\n                        hideLabel\n                        buttonStyle={ { variant: 'icon-only', size: 'compact', color: 'primary' } }\n                        leftIcon={ { icon: <SaveIcon /> } }\n                        id={ `saveEditFileButton${ index }` }\n                        onClickHandler={ () => handleFileNameEdit(index) }\n                      />\n                    </span>\n                  ) :\n                    <span className=\"fileNameDisplay\">{ file.name }</span>\n                }\n\n                {\n                  isFileNameEditable && (\n                    <SimpleButton\n                      label=\"Edit file name\"\n                      hideLabel\n                      buttonStyle={ fileListSettings.design?.editing?.edit?.buttonStyle }\n                      leftIcon={ { icon: <EditIcon /> } }\n                      id={ `editFileButton${ index }` }\n                      onClickHandler={ () => setEditingIndex(index) }\n                    />\n                  )\n                }\n\n                {\n                  isFileDeletable && (\n                    <SimpleButton\n                      label=\"Remove file\"\n                      hideLabel\n                      buttonStyle={ fileListSettings.design?.editing?.delete?.buttonStyle }\n                      leftIcon={ { icon: <DeleteIcon /> } }\n                      id={ `removeFileButton${ index }` }\n                      onClickHandler={ () => handleFileRemoved(index) }\n                    />\n                  )\n                }\n              </li>\n            )) }\n          </ul>\n        ) }\n      </div>\n    </div>\n  );\n};\n\nexport default {\n  FileAttachmentsList\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileAttachmentsList.js","names":["React","useEffect","useState","SimpleButton","pencil","trash","xmark","check","SvgIcon","deepMergeObjects","renderIcon","DefaultFileListSettings","isEditable","design","animation","editing","delete","icon","createElement","svgDefinition","label","disable","buttonStyle","variant","size","edit","heading","isVisible","prefix","includeFileCount","FileAttachmentsList","customFileListSettings","onFilesRemoved","onFilesEdited","files","adjustedFiles","setAdjustedFiles","editingIndex","setEditingIndex","filesList","createRef","fileListSettings","baseObject","overrideObject","handleFileNameEdit","index","newName","adjustedName","current","children","querySelector","value","trim","updatedFiles","map","file","i","File","type","handleFileRemoved","filter","_","editIcon","fallback","deleteIcon","cancelIcon","saveIcon","customCssClass","isFileNameEditable","isFileDeletable","className","length","ref","key","name","defaultValue","onKeyDown","e","target","autoFocus","hideLabel","leftIcon","id","onClickHandler","color"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n'use client';\nimport React, { FC, useEffect, useState } from 'react';\nimport { SimpleButton } from '../../../../../buttons/SimpleButton';\nimport { pencil, trash, xmark, check } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { FileAttachmentListSettingsProps } from '../fileInputProps';\nimport { deepMergeObjects } from '../../../../../../../helpers';\nimport { renderIcon } from '../../../../../../../helpers/iconHelpers';\n\nimport './fileAttachmentsList.scss';\n\ninterface FileAttachmentsProps {\n  customFileListSettings?: FileAttachmentListSettingsProps;\n  onFilesRemoved: (files: File[]) => void;\n  onFilesEdited: (files: File[]) => void;\n  files: File[];\n}\n\nexport const DefaultFileListSettings: FileAttachmentListSettingsProps = {\n  isEditable: true,\n  design: {\n    animation: 'reveal',\n    editing: {\n      delete: {\n        icon: <SvgIcon svgDefinition={ trash }/>,\n        label: 'Remove file',\n        disable: false,\n        buttonStyle: {\n          variant: 'icon-only',\n          size: 'compact',\n        }\n      },\n      edit: {\n        icon: <SvgIcon svgDefinition={ pencil }/>,\n        label: 'Edit file name',\n        disable: false,\n        buttonStyle: {\n          variant: 'icon-only',\n          size: 'compact',\n        }\n      }\n    },\n    heading: {\n      isVisible: false,\n      prefix: 'Attached files',\n      includeFileCount: true\n    }\n  }\n};\n\nexport const FileAttachmentsList: FC<FileAttachmentsProps> = (\n  {\n    customFileListSettings,\n    onFilesRemoved = () => {},\n    onFilesEdited = () => {},\n    files\n  }\n) => {\n  const [adjustedFiles, setAdjustedFiles] = useState<File[]>(files);\n  const [editingIndex, setEditingIndex] = useState<number | null>(null);\n  const filesList = React.createRef<HTMLUListElement>();\n\n  const fileListSettings: FileAttachmentListSettingsProps = deepMergeObjects({\n    baseObject: DefaultFileListSettings,\n    overrideObject: customFileListSettings || {}\n  });\n\n  useEffect(() => {\n    setAdjustedFiles(files);\n  }, [files]);\n\n  const handleFileNameEdit = (index: number, newName?: string) => {\n    const adjustedName = newName || (filesList.current?.children[index].querySelector('input') as HTMLInputElement)?.value.trim();\n\n    const updatedFiles = adjustedFiles.map((file, i) => {\n      if (i === index) {\n        return new File([file], adjustedName, { type: file.type });\n      }\n      return file;\n    });\n    setAdjustedFiles(updatedFiles);\n    setEditingIndex(null);\n    onFilesEdited(updatedFiles);\n  };\n\n  const handleFileRemoved = (index: number) => {\n    const updatedFiles = adjustedFiles.filter((_, i) => i !== index);\n    setAdjustedFiles(updatedFiles);\n    onFilesRemoved(updatedFiles);\n  };\n\n  const editIcon = renderIcon(fileListSettings.design?.editing?.edit?.icon, { fallback: pencil });\n  const deleteIcon = renderIcon(fileListSettings.design?.editing?.delete?.icon, { fallback: trash });\n  const cancelIcon = renderIcon(xmark);\n  const saveIcon = renderIcon(check, { customCssClass: 'saveIcon' });\n\n  const isFileNameEditable = fileListSettings.isEditable && !fileListSettings.design?.editing?.edit?.disable;\n  const isFileDeletable = fileListSettings.isEditable && !fileListSettings.design?.editing?.delete?.disable;\n\n  return (\n    <div className=\"fileAttachmentsList\">\n      {\n        fileListSettings.design?.heading?.isVisible && (\n          <h4>\n            {\n              fileListSettings.design?.heading?.prefix || 'Attached files'\n            }\n            {\n              fileListSettings.design?.heading?.includeFileCount && ` (${ adjustedFiles.length })`\n            }\n          </h4>\n        )\n      }\n      <div className={ `fileUploadList ${ adjustedFiles.length > 0 ? 'withFiles' : 'noFiles' }` }>\n        { adjustedFiles.length > 0 && (\n          <ul className=\"noBullet\" ref={ filesList }>\n            { adjustedFiles.map((file, index) => (\n              <li key={ index }>\n                {\n                  editingIndex === index && isFileNameEditable ? (\n                    <span className=\"editFileNameContainer\">\n                      <input\n                        type=\"text\"\n                        aria-label={ `Edit file name (${ file.name })` }\n                        defaultValue={ file.name }\n                        className=\"fileNameInput\"\n                        onKeyDown={ (e) => {\n                          if (e.key === 'Enter') {\n                            const newName = (e.target as HTMLInputElement).value.trim();\n                            if (newName && newName !== file.name) {\n                              handleFileNameEdit(index, newName);\n                            }\n                          } else if (e.key === 'Escape' || e.key === 'Tab') {\n                            setEditingIndex(null);\n                          }\n                        } }\n                        autoFocus\n                      />\n                      <SimpleButton\n                        label=\"Cancel\"\n                        hideLabel\n                        buttonStyle={ { variant: 'icon-only', size: 'compact' } }\n                        leftIcon={ cancelIcon }\n                        id={ `cancelEditFileButton${ index }` }\n                        onClickHandler={ () => setEditingIndex(null) }\n                      />\n                      <SimpleButton\n                        label=\"Save\"\n                        hideLabel\n                        buttonStyle={ { variant: 'icon-only', size: 'compact', color: 'primary' } }\n                        leftIcon={ saveIcon }\n                        id={ `saveEditFileButton${ index }` }\n                        onClickHandler={ () => handleFileNameEdit(index) }\n                      />\n                    </span>\n                  ) :\n                    <span className=\"fileNameDisplay\">{ file.name }</span>\n                }\n\n                {\n                  isFileNameEditable && (\n                    <SimpleButton\n                      label=\"Edit file name\"\n                      hideLabel\n                      buttonStyle={ fileListSettings.design?.editing?.edit?.buttonStyle }\n                      leftIcon={ editIcon }\n                      id={ `editFileButton${ index }` }\n                      onClickHandler={ () => setEditingIndex(index) }\n                    />\n                  )\n                }\n\n                {\n                  isFileDeletable && (\n                    <SimpleButton\n                      label=\"Remove file\"\n                      hideLabel\n                      buttonStyle={ fileListSettings.design?.editing?.delete?.buttonStyle }\n                      leftIcon={ deleteIcon }\n                      id={ `removeFileButton${ index }` }\n                      onClickHandler={ () => handleFileRemoved(index) }\n                    />\n                  )\n                }\n              </li>\n            )) }\n          </ul>\n        ) }\n      </div>\n    </div>\n  );\n};\n\nexport default {\n  FileAttachmentsList\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/form/formFields/subComponents/inputs/file/fileInputProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileInputProps.js","names":[],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/file/fileInputProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport React, { FormEvent } from 'react';\nimport { FieldProps, FormFieldProps } from '../../../formFieldWrapper/formFieldProps';\nimport { ButtonStyles } from '../../../../buttons/button.interface';\n\nexport interface ValidFilesProps {\n  extensions?: string[];\n  fileTypes?: string[];\n  maxFileCount?: number;\n  maxFileSize?: number;\n}\n\nexport interface FileAttachmentListSettingsProps {\n  design?: {\n    animation?: 'reveal' | 'slide' | 'none';\n    editing?: {\n      delete?: {\n        icon?: React.ReactElement;\n        label?: string;\n        disable?: boolean;\n        buttonStyle?: ButtonStyles;\n      };\n      edit?: {\n        icon?: React.ReactElement;\n        label?: string;\n        disable?: boolean;\n        buttonStyle?: ButtonStyles;\n      };\n    },\n    heading?: {\n      isVisible?: boolean;\n      prefix?: string;\n      includeFileCount?: boolean;\n    }\n  };\n  isEditable?: boolean;\n}\n\nexport interface DragAndDropFileUploadProps extends Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type' | 'onInput'> & {\n    type?: 'file';\n  };\n  labelStyle?: 'simple' | 'button' | 'dragArea';\n  labelUploadIcon?: React.ReactElement | null;\n  labelAsButtonStyles?: ButtonStyles;\n  fileDisplayStyle?: 'list' | 'names' | 'none';\n  fileListSettings?: FileAttachmentListSettingsProps;\n  labelStyleButtonProps?: ButtonStyles;\n  customFileUploadLabel?: string | React.ReactElement;\n  fileList?: File[];\n  validFiles?: ValidFilesProps;\n  onFilesChange?: (files: File[] | null) => void;\n  restrictionsTxt?: string | React.ReactElement;\n  multiple?: boolean;\n}\n\nexport interface FileInputProps extends DragAndDropFileUploadProps, React.InputHTMLAttributes<HTMLInputElement> {\n  field: Omit<FieldProps, 'type' | 'onInput'> & {\n    type: 'file';\n    multiple?: boolean;\n    accept: string;\n    onInput?: (event: FormEvent<HTMLInputElement>) => void;\n  };\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"fileInputProps.js","names":[],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/file/fileInputProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport React, { FormEvent } from 'react';\nimport { FieldProps, FormFieldProps } from '../../../formFieldWrapper/formFieldProps';\nimport { ButtonStyles } from '../../../../buttons/button.interface';\nimport { IconSource } from '../../../../../../helpers/iconHelpers';\n\nexport interface ValidFilesProps {\n  extensions?: string[];\n  fileTypes?: string[];\n  maxFileCount?: number;\n  maxFileSize?: number;\n}\n\nexport interface FileAttachmentListSettingsProps {\n  design?: {\n    animation?: 'reveal' | 'slide' | 'none';\n    editing?: {\n      delete?: {\n        icon?: IconSource;\n        label?: string;\n        disable?: boolean;\n        buttonStyle?: ButtonStyles;\n      };\n      edit?: {\n        icon?: IconSource;\n        label?: string;\n        disable?: boolean;\n        buttonStyle?: ButtonStyles;\n      };\n    },\n    heading?: {\n      isVisible?: boolean;\n      prefix?: string;\n      includeFileCount?: boolean;\n    }\n  };\n  isEditable?: boolean;\n}\n\nexport interface DragAndDropFileUploadProps extends Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type' | 'onInput'> & {\n    type?: 'file';\n  };\n  labelStyle?: 'simple' | 'button' | 'dragArea';\n  labelUploadIcon?: IconSource | null;\n  labelAsButtonStyles?: ButtonStyles;\n  fileDisplayStyle?: 'list' | 'names' | 'none';\n  fileListSettings?: FileAttachmentListSettingsProps;\n  labelStyleButtonProps?: ButtonStyles;\n  customFileUploadLabel?: string | React.ReactElement;\n  fileList?: File[];\n  validFiles?: ValidFilesProps;\n  onFilesChange?: (files: File[] | null) => void;\n  restrictionsTxt?: string | React.ReactElement;\n  multiple?: boolean;\n}\n\nexport interface FileInputProps extends DragAndDropFileUploadProps, React.InputHTMLAttributes<HTMLInputElement> {\n  field: Omit<FieldProps, 'type' | 'onInput'> & {\n    type: 'file';\n    multiple?: boolean;\n    accept: string;\n    onInput?: (event: FormEvent<HTMLInputElement>) => void;\n  };\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/index.js

@@ -19,6 +19,7 @@ export { Spinner } from './design/spinner/Spinner';
 export { StatusIconButton } from './design/statusIndicators/statusIconButton/StatusIconButton';
 export { StatusLight } from './design/statusIndicators/statusLight/StatusLight';
 export { StatusLightsBar } from './design/statusIndicators/statusLightsBar/StatusLightsBar';
+export { CircularProgressIndicator } from './design/progressIndicators/circularProgressIndicator/CircularProgressIndicator';
 export { Tabs } from './design/tabs/Tabs';
 export { Tooltip } from './design/tooltip/Tooltip';
 export { EllipsisTooltip } from './design/tooltip/ellipsisTooltip/EllipsisTooltip';
@@ -30,6 +31,7 @@ export { PageBanner, Banner, Alert } from './design/banners/pageBanner/PageBanne
 export { SimpleButton, Button } from './form/buttons/SimpleButton';
 export { FormField } from './form/formFields/formFieldWrapper/FormField';
 export { InputCheckbox, CheckboxInput } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';
+export { CheckboxSwitch } from './form/formFields/subComponents/inputs/checkbox/checkboxSwitch/CheckboxSwitch';
 export { StyledRadioGroup } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioGroup';
 export { StyledRadioInput } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioInput';
 export { StyledRadioLabel } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioLabel';

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Accordion","Chip","Pill","Badge","Dialog","HeaderBar","Icon","NotificationIcon","VentureLogo","CreditSavvyLogo","HomeInLogo","KitLogo","DoshiiLogo","TruyuLogo","SidePanel","Skeleton","Spinner","StatusIconButton","StatusLight","StatusLightsBar","Tabs","Tooltip","EllipsisTooltip","RevealMore","CopyText","Paginator","PageBanner","Banner","Alert","SimpleButton","Button","FormField","InputCheckbox","CheckboxInput","StyledRadioGroup","StyledRadioInput","StyledRadioLabel","HookFormWrapper","TextInput","EmailInput","FileInput","SearchInput","NumberInput","PhoneInput","UrlInput","PasswordInput","PasswordInputSignup","SelectDropdown","Combobox","Textarea","InputDate","DateInput","Card","ReportFooter","MainHeader","ThemeLoader","DevToolbar","ThemeSwitch","LoremIpsum","GlobalDashboard","Menu","PopupMenu","SearchPanelMenu","Link","TemplateForm","TemplateLoading","TemplateDashboard","TemplatePage","Select","Checkbox"],"sources":["../../../src/components/index.ts"],"sourcesContent":["'use client';\n\n// UI components\nexport { Accordion } from './design/accordion/Accordion';\nexport { Chip, Pill, Badge } from './design/chip/Chip';\nexport { Dialog } from './design/dialog/Dialog';\nexport { HeaderBar } from './design/headerBar/HeaderBar';\nexport { Icon } from './design/icons/basicIcon/Icon';\nexport { NotificationIcon } from './design/icons/notificationIcon/NotificationIcon';\nexport { VentureLogo } from './design/logos/VentureLogo';\n\nexport { CreditSavvyLogo } from './design/logos/ventures/credit-savvy-logo';\nexport { HomeInLogo } from './design/logos/ventures/home-in-logo';\nexport { KitLogo } from './design/logos/ventures/kit-logo';\nexport { DoshiiLogo } from './design/logos/ventures/doshii-logo';\nexport { TruyuLogo } from './design/logos/ventures/truyu-logo';\n\nexport { SidePanel } from './design/sidePanel/SidePanel';\nexport { Skeleton } from './design/skeleton/Skeleton';\nexport type { SkeletonProps } from './design/skeleton/Skeleton';\nexport { Spinner } from './design/spinner/Spinner';\nexport { StatusIconButton } from './design/statusIndicators/statusIconButton/StatusIconButton';\nexport { StatusLight } from './design/statusIndicators/statusLight/StatusLight';\nexport { StatusLightsBar } from './design/statusIndicators/statusLightsBar/StatusLightsBar';\nexport { Tabs } from './design/tabs/Tabs';\nexport { Tooltip } from './design/tooltip/Tooltip';\nexport { EllipsisTooltip } from './design/tooltip/ellipsisTooltip/EllipsisTooltip';\nexport { RevealMore } from './design/revealMore/RevealMore';\nexport { CopyText } from './design/copyText/CopyText';\nexport { Paginator } from './design/paginators/Paginator';\nexport { PageBanner, Banner, Alert } from './design/banners/pageBanner/PageBanner';\nexport type { PageBannerProps } from './design/banners/pageBanner/PageBanner';\n\n// Form components\nexport { SimpleButton, Button } from './form/buttons/SimpleButton';\nexport { FormField } from './form/formFields/formFieldWrapper/FormField';\nexport { InputCheckbox, CheckboxInput } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';\nexport { StyledRadioGroup } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioGroup';\nexport { StyledRadioInput } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioInput';\nexport { StyledRadioLabel } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioLabel';\nexport { HookFormWrapper } from './form/hookFormWrapper/HookFormWrapper';\n\nexport {\n  TextInput,\n  EmailInput,\n  FileInput,\n  SearchInput,\n  NumberInput,\n  PhoneInput,\n  UrlInput,\n  PasswordInput,\n  PasswordInputSignup,\n  SelectDropdown,\n  Combobox,\n  Textarea\n} from './form/formFields/subComponents/InputVariants';\nexport type {\n  FormComponentProps,\n  DropdownSelectProps,\n  PasswordInputProps\n} from './form/formFields/subComponents/InputVariants';\n\nexport {\n  InputDate\n} from './form/formFields/subComponents/inputs/date/InputDate';\nexport { DateInput } from './form/formFields/subComponents/inputs/date/DateInput';\nexport type { StyledRadioGroupProps } from './form/formFields/subComponents/inputs/radio/radioInputsProps';\n\n// Layout\nexport { Card } from './design/card/Card';\nexport { ReportFooter } from './layout/footers/reports/ReportFooter';\nexport { MainHeader } from './layout/mainHeader/MainHeader';\n\nexport { ThemeLoader } from './design/themeLoader/ThemeLoader';\nexport type { ThemeStructure } from './design/themeLoader/ThemeLoader';\n\n// Testing\nexport { DevToolbar } from './testing/devToolbar/DevToolbar';\nexport { ThemeSwitch } from './testing/themeSwitch/ThemeSwitch';\nexport { LoremIpsum } from './testing/loremIpsum/LoremIpsum';\n\nexport { GlobalDashboard } from './layout/dashboard/layouts/globalDashboard/GlobalDashboard';\nexport { Menu } from './navigation/menu/Menu';\nexport { PopupMenu } from './navigation/popupMenu/PopupMenu';\nexport { SearchPanelMenu } from './navigation/searchPanelMenu/SearchPanelMenu';\nexport { Link } from './navigation/link/Link';\n\nexport type { MenuItemPropTypes, MenuButtonPropTypes, MenuItemIconStates } from './navigation/menu/Menu.interfaces';\n\n// Templates\nexport { TemplateForm } from './templates/templateForm/TemplateForm';\nexport type { TemplateFormProps } from './templates/templateForm/TemplateForm';\nexport { TemplateLoading } from './templates/templateLoading/TemplateLoading';\nexport type { TemplateLoadingProps } from './templates/templateLoading/TemplateLoading';\nexport { TemplateDashboard } from './templates/templateDashboard/TemplateDashboard';\nexport type { TemplateDashboardProps } from './templates/templateDashboard/TemplateDashboard';\nexport { TemplatePage } from './templates/templatePage/TemplatePage';\nexport type { TemplatePageProps } from './templates/templatePage/TemplatePage';\n\n// Aliases to match common libraries\nexport { SelectDropdown as Select } from './form/formFields/subComponents/InputVariants';\nexport { InputCheckbox as Checkbox } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';"],"mappings":"AAAA,YAAY;;AAEZ;AACA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,gBAAgB,QAAQ,kDAAkD;AACnF,SAASC,WAAW,QAAQ,4BAA4B;AAExD,SAASC,eAAe,QAAQ,2CAA2C;AAC3E,SAASC,UAAU,QAAQ,sCAAsC;AACjE,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,oCAAoC;AAE9D,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,QAAQ,QAAQ,4BAA4B;AAErD,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,gBAAgB,QAAQ,6DAA6D;AAC9F,SAASC,WAAW,QAAQ,mDAAmD;AAC/E,SAASC,eAAe,QAAQ,2DAA2D;AAC3F,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,eAAe,QAAQ,kDAAkD;AAClF,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,EAAEC,MAAM,EAAEC,KAAK,QAAQ,wCAAwC;AAGlF;AACA,SAASC,YAAY,EAAEC,MAAM,QAAQ,6BAA6B;AAClE,SAASC,SAAS,QAAQ,8CAA8C;AACxE,SAASC,aAAa,EAAEC,aAAa,QAAQ,+DAA+D;AAC5G,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,eAAe,QAAQ,wCAAwC;AAExE,SACEC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,UAAU,EACVC,QAAQ,EACRC,aAAa,EACbC,mBAAmB,EACnBC,cAAc,EACdC,QAAQ,EACRC,QAAQ,QACH,+CAA+C;AAOtD,SACEC,SAAS,QACJ,uDAAuD;AAC9D,SAASC,SAAS,QAAQ,uDAAuD;AAGjF;AACA,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,gCAAgC;AAE3D,SAASC,WAAW,QAAQ,kCAAkC;AAG9D;AACA,SAASC,UAAU,QAAQ,iCAAiC;AAC5D,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,SAASC,UAAU,QAAQ,iCAAiC;AAE5D,SAASC,eAAe,QAAQ,4DAA4D;AAC5F,SAASC,IAAI,QAAQ,wBAAwB;AAC7C,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,IAAI,QAAQ,wBAAwB;AAI7C;AACA,SAASC,YAAY,QAAQ,uCAAuC;AAEpE,SAASC,eAAe,QAAQ,6CAA6C;AAE7E,SAASC,iBAAiB,QAAQ,iDAAiD;AAEnF,SAASC,YAAY,QAAQ,uCAAuC;AAGpE;AACA,SAASpB,cAAc,IAAIqB,MAAM,QAAQ,+CAA+C;AACxF,SAASpC,aAAa,IAAIqC,QAAQ,QAAQ,+DAA+D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Accordion","Chip","Pill","Badge","Dialog","HeaderBar","Icon","NotificationIcon","VentureLogo","CreditSavvyLogo","HomeInLogo","KitLogo","DoshiiLogo","TruyuLogo","SidePanel","Skeleton","Spinner","StatusIconButton","StatusLight","StatusLightsBar","CircularProgressIndicator","Tabs","Tooltip","EllipsisTooltip","RevealMore","CopyText","Paginator","PageBanner","Banner","Alert","SimpleButton","Button","FormField","InputCheckbox","CheckboxInput","CheckboxSwitch","StyledRadioGroup","StyledRadioInput","StyledRadioLabel","HookFormWrapper","TextInput","EmailInput","FileInput","SearchInput","NumberInput","PhoneInput","UrlInput","PasswordInput","PasswordInputSignup","SelectDropdown","Combobox","Textarea","InputDate","DateInput","Card","ReportFooter","MainHeader","ThemeLoader","DevToolbar","ThemeSwitch","LoremIpsum","GlobalDashboard","Menu","PopupMenu","SearchPanelMenu","Link","TemplateForm","TemplateLoading","TemplateDashboard","TemplatePage","Select","Checkbox"],"sources":["../../../src/components/index.ts"],"sourcesContent":["'use client';\n\n// UI components\nexport { Accordion } from './design/accordion/Accordion';\nexport { Chip, Pill, Badge } from './design/chip/Chip';\nexport { Dialog } from './design/dialog/Dialog';\nexport { HeaderBar } from './design/headerBar/HeaderBar';\nexport { Icon } from './design/icons/basicIcon/Icon';\nexport { NotificationIcon } from './design/icons/notificationIcon/NotificationIcon';\nexport { VentureLogo } from './design/logos/VentureLogo';\n\nexport { CreditSavvyLogo } from './design/logos/ventures/credit-savvy-logo';\nexport { HomeInLogo } from './design/logos/ventures/home-in-logo';\nexport { KitLogo } from './design/logos/ventures/kit-logo';\nexport { DoshiiLogo } from './design/logos/ventures/doshii-logo';\nexport { TruyuLogo } from './design/logos/ventures/truyu-logo';\n\nexport { SidePanel } from './design/sidePanel/SidePanel';\nexport { Skeleton } from './design/skeleton/Skeleton';\nexport type { SkeletonProps } from './design/skeleton/Skeleton';\nexport { Spinner } from './design/spinner/Spinner';\n\nexport { StatusIconButton } from './design/statusIndicators/statusIconButton/StatusIconButton';\nexport { StatusLight } from './design/statusIndicators/statusLight/StatusLight';\nexport { StatusLightsBar } from './design/statusIndicators/statusLightsBar/StatusLightsBar';\nexport { CircularProgressIndicator } from './design/progressIndicators/circularProgressIndicator/CircularProgressIndicator';\nexport type { CircularProgressIndicatorProps } from './design/progressIndicators/circularProgressIndicator/CircularProgressIndicator';\n\nexport { Tabs } from './design/tabs/Tabs';\nexport { Tooltip } from './design/tooltip/Tooltip';\nexport { EllipsisTooltip } from './design/tooltip/ellipsisTooltip/EllipsisTooltip';\nexport { RevealMore } from './design/revealMore/RevealMore';\nexport { CopyText } from './design/copyText/CopyText';\nexport { Paginator } from './design/paginators/Paginator';\nexport { PageBanner, Banner, Alert } from './design/banners/pageBanner/PageBanner';\nexport type { PageBannerProps } from './design/banners/pageBanner/PageBanner';\n\n// Form components\nexport { SimpleButton, Button } from './form/buttons/SimpleButton';\nexport { FormField } from './form/formFields/formFieldWrapper/FormField';\nexport { InputCheckbox, CheckboxInput } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';\nexport { CheckboxSwitch } from './form/formFields/subComponents/inputs/checkbox/checkboxSwitch/CheckboxSwitch';\nexport { StyledRadioGroup } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioGroup';\nexport { StyledRadioInput } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioInput';\nexport { StyledRadioLabel } from './form/formFields/subComponents/inputs/radio/styled/StyledRadioLabel';\nexport { HookFormWrapper } from './form/hookFormWrapper/HookFormWrapper';\n\nexport {\n  TextInput,\n  EmailInput,\n  FileInput,\n  SearchInput,\n  NumberInput,\n  PhoneInput,\n  UrlInput,\n  PasswordInput,\n  PasswordInputSignup,\n  SelectDropdown,\n  Combobox,\n  Textarea\n} from './form/formFields/subComponents/InputVariants';\nexport type {\n  FormComponentProps,\n  DropdownSelectProps,\n  PasswordInputProps\n} from './form/formFields/subComponents/InputVariants';\n\nexport {\n  InputDate\n} from './form/formFields/subComponents/inputs/date/InputDate';\nexport { DateInput } from './form/formFields/subComponents/inputs/date/DateInput';\nexport type { StyledRadioGroupProps } from './form/formFields/subComponents/inputs/radio/radioInputsProps';\nexport type {\n  CheckboxSwitchProps,\n  CheckboxSwitchSize,\n  CheckboxSwitchVariant,\n  CheckboxSwitchShape,\n  CheckboxSwitchStateDisplay,\n  CheckboxSwitchGlowTheme,\n  CheckboxSwitchButtonStyle,\n  CheckboxSwitchStateProps\n} from './form/formFields/subComponents/inputs/checkbox/checkboxSwitch/checkboxSwitchProps';\n\n// Layout\nexport { Card } from './design/card/Card';\nexport { ReportFooter } from './layout/footers/reports/ReportFooter';\nexport { MainHeader } from './layout/mainHeader/MainHeader';\n\nexport { ThemeLoader } from './design/themeLoader/ThemeLoader';\nexport type { ThemeStructure } from './design/themeLoader/ThemeLoader';\n\n// Testing\nexport { DevToolbar } from './testing/devToolbar/DevToolbar';\nexport { ThemeSwitch } from './testing/themeSwitch/ThemeSwitch';\nexport { LoremIpsum } from './testing/loremIpsum/LoremIpsum';\n\nexport { GlobalDashboard } from './layout/dashboard/layouts/globalDashboard/GlobalDashboard';\nexport { Menu } from './navigation/menu/Menu';\nexport { PopupMenu } from './navigation/popupMenu/PopupMenu';\nexport { SearchPanelMenu } from './navigation/searchPanelMenu/SearchPanelMenu';\nexport { Link } from './navigation/link/Link';\n\nexport type { MenuItemPropTypes, MenuButtonPropTypes, MenuItemIconStates } from './navigation/menu/Menu.interfaces';\n\n// Templates\nexport { TemplateForm } from './templates/templateForm/TemplateForm';\nexport type { TemplateFormProps } from './templates/templateForm/TemplateForm';\nexport { TemplateLoading } from './templates/templateLoading/TemplateLoading';\nexport type { TemplateLoadingProps } from './templates/templateLoading/TemplateLoading';\nexport { TemplateDashboard } from './templates/templateDashboard/TemplateDashboard';\nexport type { TemplateDashboardProps } from './templates/templateDashboard/TemplateDashboard';\nexport { TemplatePage } from './templates/templatePage/TemplatePage';\nexport type { TemplatePageProps } from './templates/templatePage/TemplatePage';\n\n// Aliases to match common libraries\nexport { SelectDropdown as Select } from './form/formFields/subComponents/InputVariants';\nexport { InputCheckbox as Checkbox } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';"],"mappings":"AAAA,YAAY;;AAEZ;AACA,SAASA,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,gBAAgB,QAAQ,kDAAkD;AACnF,SAASC,WAAW,QAAQ,4BAA4B;AAExD,SAASC,eAAe,QAAQ,2CAA2C;AAC3E,SAASC,UAAU,QAAQ,sCAAsC;AACjE,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,oCAAoC;AAE9D,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,QAAQ,QAAQ,4BAA4B;AAErD,SAASC,OAAO,QAAQ,0BAA0B;AAElD,SAASC,gBAAgB,QAAQ,6DAA6D;AAC9F,SAASC,WAAW,QAAQ,mDAAmD;AAC/E,SAASC,eAAe,QAAQ,2DAA2D;AAC3F,SAASC,yBAAyB,QAAQ,iFAAiF;AAG3H,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,eAAe,QAAQ,kDAAkD;AAClF,SAASC,UAAU,QAAQ,gCAAgC;AAC3D,SAASC,QAAQ,QAAQ,4BAA4B;AACrD,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,UAAU,EAAEC,MAAM,EAAEC,KAAK,QAAQ,wCAAwC;AAGlF;AACA,SAASC,YAAY,EAAEC,MAAM,QAAQ,6BAA6B;AAClE,SAASC,SAAS,QAAQ,8CAA8C;AACxE,SAASC,aAAa,EAAEC,aAAa,QAAQ,+DAA+D;AAC5G,SAASC,cAAc,QAAQ,+EAA+E;AAC9G,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,eAAe,QAAQ,wCAAwC;AAExE,SACEC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,UAAU,EACVC,QAAQ,EACRC,aAAa,EACbC,mBAAmB,EACnBC,cAAc,EACdC,QAAQ,EACRC,QAAQ,QACH,+CAA+C;AAOtD,SACEC,SAAS,QACJ,uDAAuD;AAC9D,SAASC,SAAS,QAAQ,uDAAuD;AAajF;AACA,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,gCAAgC;AAE3D,SAASC,WAAW,QAAQ,kCAAkC;AAG9D;AACA,SAASC,UAAU,QAAQ,iCAAiC;AAC5D,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,SAASC,UAAU,QAAQ,iCAAiC;AAE5D,SAASC,eAAe,QAAQ,4DAA4D;AAC5F,SAASC,IAAI,QAAQ,wBAAwB;AAC7C,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,IAAI,QAAQ,wBAAwB;AAI7C;AACA,SAASC,YAAY,QAAQ,uCAAuC;AAEpE,SAASC,eAAe,QAAQ,6CAA6C;AAE7E,SAASC,iBAAiB,QAAQ,iDAAiD;AAEnF,SAASC,YAAY,QAAQ,uCAAuC;AAGpE;AACA,SAASpB,cAAc,IAAIqB,MAAM,QAAQ,+CAA+C;AACxF,SAASrC,aAAa,IAAIsC,QAAQ,QAAQ,+DAA+D","ignoreList":[]}

package/dist/esm/components/navigation/menu/Menu.interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.interfaces.js","names":[],"sources":["../../../../../src/components/navigation/menu/Menu.interfaces.ts"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { GenericFunction } from '../../../interfaces';\n\nexport type MenuItemIconStates = {\n  open: string,\n  closed: string\n}\n\nexport type MenuItemIconPropTypes = string | ReactElement | MenuItemIconStates;\n\nexport type MenuItemIconsPropTypes = {\n  left?: MenuItemIconPropTypes,\n  right?: MenuItemIconPropTypes\n};\n\nexport interface MenuButtonPropTypes {\n  url?: string;\n  isOpen?: boolean;\n  icons?: MenuItemIconsPropTypes;\n  label: string | ReactElement | ReactNode;\n  hideLabel?: boolean;\n  onSelect?: GenericFunction;\n  hideItem?: boolean;\n  isActive?: boolean;\n  customCssClass?: string;\n  route?: string;\n  path?: number[];\n  id: string;\n  menuItems?: MenuItemPropTypes[];\n}\n\nexport interface MenuItemPropTypes extends MenuButtonPropTypes {\n  menuItems?: MenuItemPropTypes[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Menu.interfaces.js","names":[],"sources":["../../../../../src/components/navigation/menu/Menu.interfaces.ts"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { GenericFunction } from '../../../interfaces';\nimport { IconSource } from '../../../helpers/iconHelpers';\n\nexport type MenuItemIconStates = {\n  open: IconSource,\n  closed: IconSource\n}\n\nexport type MenuItemIconPropTypes = IconSource | MenuItemIconStates;\n\nexport type MenuItemIconsPropTypes = {\n  left?: MenuItemIconPropTypes,\n  right?: MenuItemIconPropTypes\n};\n\nexport interface MenuButtonPropTypes {\n  url?: string;\n  isOpen?: boolean;\n  icons?: MenuItemIconsPropTypes;\n  label: string | ReactElement | ReactNode;\n  hideLabel?: boolean;\n  onSelect?: GenericFunction;\n  hideItem?: boolean;\n  isActive?: boolean;\n  customCssClass?: string;\n  route?: string;\n  path?: number[];\n  id: string;\n  menuItems?: MenuItemPropTypes[];\n}\n\nexport interface MenuItemPropTypes extends MenuButtonPropTypes {\n  menuItems?: MenuItemPropTypes[];\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/navigation/menu/menuItemContent/MenuItemIcon.js

@@ -1,42 +1,29 @@
 'use client';
 
 import React from 'react';
-import { Icon } from '../../../design/icons/basicIcon/Icon';
+import { renderIcon } from '../../../../helpers/iconHelpers';
+export const isMenuItemIconStates = icon => icon !== null && typeof icon === 'object' && ! /*#__PURE__*/React.isValidElement(icon) && 'open' in icon && 'closed' in icon;
 export const MenuItemIcon = ({
   icon,
   isOpen = false,
   isHoverTrigger
 }) => {
-  const RenderIcon = (icon, hoverState) => /*#__PURE__*/React.createElement(Icon, {
-    customCssClass: hoverState ? 'hover' : '',
-    icon: icon
-  });
-  if (typeof icon === 'string') {
-    return /*#__PURE__*/React.createElement(Icon, {
-      icon: icon
-    });
+  if (!isMenuItemIconStates(icon)) {
+    return renderIcon(icon);
   }
-  if (/*#__PURE__*/React.isValidElement(icon)) {
-    return icon;
+  const {
+    open,
+    closed
+  } = icon;
+  if (isHoverTrigger) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "menuIconsHoverWrapper"
+    }, renderIcon(open, {
+      customCssClass: 'hover'
+    }), renderIcon(closed));
   }
-  const stateBasedIcons = typeof icon !== 'string';
-  if (stateBasedIcons) {
-    const {
-      open,
-      closed
-    } = icon;
-    if (isHoverTrigger) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "menuIconsHoverWrapper"
-      }, RenderIcon(open, true), RenderIcon(closed));
-    }
-    if (open && closed) {
-      if (isOpen) {
-        return RenderIcon(open, true);
-      }
-      return RenderIcon(closed);
-    }
-  }
-  return icon;
+  return isOpen ? renderIcon(open, {
+    customCssClass: 'hover'
+  }) : renderIcon(closed);
 };
 //# sourceMappingURL=MenuItemIcon.js.map

package/dist/esm/components/navigation/menu/menuItemContent/MenuItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemIcon.js","names":["React","Icon","MenuItemIcon","icon","isOpen","isHoverTrigger","RenderIcon","hoverState","createElement","customCssClass","isValidElement","stateBasedIcons","open","closed","className"],"sources":["../../../../../../src/components/navigation/menu/menuItemContent/MenuItemIcon.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode } from 'react';\nimport { MenuItemIconPropTypes, MenuItemIconStates } from '../Menu.interfaces';\nimport { Icon } from '../../../design/icons/basicIcon/Icon';\n\ninterface MenuItemIconProps {\n  icon: MenuItemIconPropTypes;\n  isOpen?: boolean;\n  isHoverTrigger?: boolean;\n}\n\nexport const MenuItemIcon: React.FC<MenuItemIconProps> = (\n  {\n    icon,\n    isOpen = false,\n    isHoverTrigger\n  }\n) => {\n  const RenderIcon = (icon: string, hoverState?: boolean) => (\n    <Icon customCssClass={ hoverState ? 'hover' : '' } icon={ icon } />\n  );\n\n  if (typeof icon === 'string') {\n    return <Icon icon={ icon } />;\n  }\n\n  if (React.isValidElement(icon)) {\n    return icon as ReactNode;\n  }\n\n  const stateBasedIcons = typeof icon !== 'string';\n  if (stateBasedIcons) {\n    const { open, closed } = icon as MenuItemIconStates;\n\n    if (isHoverTrigger) {\n      return (\n        <span className=\"menuIconsHoverWrapper\">\n          { RenderIcon(open, true) }\n          { RenderIcon(closed) }\n        </span>\n      );\n    }\n\n    if (open && closed) {\n      if (isOpen) {\n        return RenderIcon(open, true);\n      }\n      return RenderIcon(closed);\n    }\n  }\n\n  return icon as ReactNode;\n};\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAqB,OAAO;AAExC,SAASC,IAAI,QAAQ,sCAAsC;AAQ3D,OAAO,MAAMC,YAAyC,GAAGA,CACvD;EACEC,IAAI;EACJC,MAAM,GAAG,KAAK;EACdC;AACF,CAAC,KACE;EACH,MAAMC,UAAU,GAAGA,CAACH,IAAY,EAAEI,UAAoB,kBACpDP,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACQ,cAAc,EAAGF,UAAU,GAAG,OAAO,GAAG,EAAI;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACnE;EAED,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBAAOH,KAAA,CAAAQ,aAAA,CAACP,IAAI;MAACE,IAAI,EAAGA;IAAM,CAAE,CAAC;EAC/B;EAEA,iBAAIH,KAAK,CAACU,cAAc,CAACP,IAAI,CAAC,EAAE;IAC9B,OAAOA,IAAI;EACb;EAEA,MAAMQ,eAAe,GAAG,OAAOR,IAAI,KAAK,QAAQ;EAChD,IAAIQ,eAAe,EAAE;IACnB,MAAM;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAGV,IAA0B;IAEnD,IAAIE,cAAc,EAAE;MAClB,oBACEL,KAAA,CAAAQ,aAAA;QAAMM,SAAS,EAAC;MAAuB,GACnCR,UAAU,CAACM,IAAI,EAAE,IAAI,CAAC,EACtBN,UAAU,CAACO,MAAM,CACf,CAAC;IAEX;IAEA,IAAID,IAAI,IAAIC,MAAM,EAAE;MAClB,IAAIT,MAAM,EAAE;QACV,OAAOE,UAAU,CAACM,IAAI,EAAE,IAAI,CAAC;MAC/B;MACA,OAAON,UAAU,CAACO,MAAM,CAAC;IAC3B;EACF;EAEA,OAAOV,IAAI;AACb,CAAC","ignoreList":[]}
+{"version":3,"file":"MenuItemIcon.js","names":["React","renderIcon","isMenuItemIconStates","icon","isValidElement","MenuItemIcon","isOpen","isHoverTrigger","open","closed","createElement","className","customCssClass"],"sources":["../../../../../../src/components/navigation/menu/menuItemContent/MenuItemIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { MenuItemIconPropTypes, MenuItemIconStates } from '../Menu.interfaces';\nimport { renderIcon } from '../../../../helpers/iconHelpers';\n\ninterface MenuItemIconProps {\n  icon: MenuItemIconPropTypes;\n  isOpen?: boolean;\n  isHoverTrigger?: boolean;\n}\n\nexport const isMenuItemIconStates = (icon: unknown): icon is MenuItemIconStates => (\n  icon !== null\n  && typeof icon === 'object'\n  && !React.isValidElement(icon)\n  && 'open' in icon\n  && 'closed' in icon\n);\n\nexport const MenuItemIcon: React.FC<MenuItemIconProps> = (\n  {\n    icon,\n    isOpen = false,\n    isHoverTrigger\n  }\n) => {\n  if (!isMenuItemIconStates(icon)) {\n    return renderIcon(icon);\n  }\n\n  const { open, closed } = icon;\n\n  if (isHoverTrigger) {\n    return (\n      <span className=\"menuIconsHoverWrapper\">\n        { renderIcon(open, { customCssClass: 'hover' }) }\n        { renderIcon(closed) }\n      </span>\n    );\n  }\n\n  return isOpen ? renderIcon(open, { customCssClass: 'hover' }) : renderIcon(closed);\n};\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,iCAAiC;AAQ5D,OAAO,MAAMC,oBAAoB,GAAIC,IAAa,IAChDA,IAAI,KAAK,IAAI,IACV,OAAOA,IAAI,KAAK,QAAQ,IACxB,eAACH,KAAK,CAACI,cAAc,CAACD,IAAI,CAAC,IAC3B,MAAM,IAAIA,IAAI,IACd,QAAQ,IAAIA,IAChB;AAED,OAAO,MAAME,YAAyC,GAAGA,CACvD;EACEF,IAAI;EACJG,MAAM,GAAG,KAAK;EACdC;AACF,CAAC,KACE;EACH,IAAI,CAACL,oBAAoB,CAACC,IAAI,CAAC,EAAE;IAC/B,OAAOF,UAAU,CAACE,IAAI,CAAC;EACzB;EAEA,MAAM;IAAEK,IAAI;IAAEC;EAAO,CAAC,GAAGN,IAAI;EAE7B,IAAII,cAAc,EAAE;IAClB,oBACEP,KAAA,CAAAU,aAAA;MAAMC,SAAS,EAAC;IAAuB,GACnCV,UAAU,CAACO,IAAI,EAAE;MAAEI,cAAc,EAAE;IAAQ,CAAC,CAAC,EAC7CX,UAAU,CAACQ,MAAM,CACf,CAAC;EAEX;EAEA,OAAOH,MAAM,GAAGL,UAAU,CAACO,IAAI,EAAE;IAAEI,cAAc,EAAE;EAAQ,CAAC,CAAC,GAAGX,UAAU,CAACQ,MAAM,CAAC;AACpF,CAAC","ignoreList":[]}

package/dist/esm/helpers/iconHelpers.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';
+import { Icon } from '../components/design/icons/basicIcon/Icon';
+import { isNonElementObject } from './objectHelpers';
+import { cssClassesArrayToString } from './arrayHelpers';
+
+/**
+ * Every supported way of specifying an icon:
+ * - `string`: an icon font name, rendered via `<Icon icon="name" />`
+ * - `SvgIconDefinition`: an icon definition from `@x15ventures/x15-ui-library-icons/iconDefinitions`, rendered via `<SvgIcon />`
+ * - `IconProps`: props for `<Icon />`, e.g. `{ icon: 'bell', customCssClass: 'large' }`
+ * - `ReactElement` / `ReactNode`: rendered as provided, e.g. `<SvgIcon svgDefinition={ car } />` or `<img />`
+ */
+
+export const isSvgIconDefinition = value => isNonElementObject(value) && Array.isArray(value.paths);
+export const isIconProps = value => isNonElementObject(value) && 'icon' in value;
+export const isEmptyIconSource = value => value === undefined || value === null || value === false || value === true || value === '';
+const isReactPortal = value => value !== null && typeof value === 'object' && '$$typeof' in value && value.$$typeof === Symbol.for('react.portal');
+const isIterableReactNode = value => value !== null && typeof value === 'object' && Symbol.iterator in value && typeof value[Symbol.iterator] === 'function';
+
+/**
+ * Normalises any supported `IconSource` into a renderable node.
+ * Returns `null` when there is nothing to render.
+ */
+export const renderIcon = (icon, options = {}) => {
+  const {
+    customCssClass,
+    svgSize,
+    fallback
+  } = options;
+  const isEmpty = isEmptyIconSource(icon) || isIconProps(icon) && isEmptyIconSource(icon.icon);
+  if (isEmpty) {
+    return isEmptyIconSource(fallback) ? null : renderIcon(fallback, {
+      customCssClass,
+      svgSize
+    });
+  }
+  if (typeof icon === 'string') {
+    return /*#__PURE__*/React.createElement(Icon, {
+      icon: icon,
+      customCssClass: customCssClass
+    });
+  }
+  if (/*#__PURE__*/React.isValidElement(icon)) {
+    return icon;
+  }
+  if (isReactPortal(icon) || isIterableReactNode(icon)) {
+    return icon;
+  }
+  if (isSvgIconDefinition(icon)) {
+    return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+      svgDefinition: icon,
+      customCssClass: customCssClass
+    }, svgSize ? {
+      size: svgSize
+    } : {}));
+  }
+  if (isIconProps(icon)) {
+    return /*#__PURE__*/React.createElement(Icon, _extends({}, icon, {
+      customCssClass: cssClassesArrayToString(icon.customCssClass, customCssClass)
+    }));
+  }
+
+  // Unrecognised plain objects are not renderable and would crash React.
+  if (isNonElementObject(icon)) {
+    return null;
+  }
+
+  // Remaining ReactNode values (numbers, arrays, portals) render as provided.
+  return icon;
+};
+//# sourceMappingURL=iconHelpers.js.map

package/dist/esm/helpers/iconHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconHelpers.js","names":["React","SvgIcon","Icon","isNonElementObject","cssClassesArrayToString","isSvgIconDefinition","value","Array","isArray","paths","isIconProps","isEmptyIconSource","undefined","isReactPortal","$$typeof","Symbol","for","isIterableReactNode","iterator","renderIcon","icon","options","customCssClass","svgSize","fallback","isEmpty","createElement","isValidElement","_extends","svgDefinition","size"],"sources":["../../../src/helpers/iconHelpers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport type { SvgIconDefinition } from '@x15ventures/x15-ui-library-icons/svgIcon/svgIconDefinition.interface';\nimport { Icon, IconProps } from '../components/design/icons/basicIcon/Icon';\nimport { isNonElementObject } from './objectHelpers';\nimport { cssClassesArrayToString } from './arrayHelpers';\n\nexport type { SvgIconDefinition };\n\nexport type SvgIconSize = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n/**\n * Every supported way of specifying an icon:\n * - `string`: an icon font name, rendered via `<Icon icon=\"name\" />`\n * - `SvgIconDefinition`: an icon definition from `@x15ventures/x15-ui-library-icons/iconDefinitions`, rendered via `<SvgIcon />`\n * - `IconProps`: props for `<Icon />`, e.g. `{ icon: 'bell', customCssClass: 'large' }`\n * - `ReactElement` / `ReactNode`: rendered as provided, e.g. `<SvgIcon svgDefinition={ car } />` or `<img />`\n */\nexport type IconSource = string | SvgIconDefinition | IconProps | ReactElement | ReactNode;\n\nexport interface RenderIconOptions {\n  /** Added to icons rendered via `<Icon />` or `<SvgIcon />`. Not applied to React elements. */\n  customCssClass?: string;\n  /** Only applied to `SvgIconDefinition` sources. */\n  svgSize?: SvgIconSize | string;\n  /** Used when the icon source is empty (`undefined`, `null`, `false` or `''`). */\n  fallback?: IconSource;\n}\n\nexport const isSvgIconDefinition = (value: unknown): value is SvgIconDefinition => (\n  isNonElementObject(value) && Array.isArray(value.paths)\n);\n\nexport const isIconProps = (value: unknown): value is IconProps => (\n  isNonElementObject(value) && 'icon' in value\n);\n\nexport const isEmptyIconSource = (value: unknown): boolean => (\n  value === undefined || value === null || value === false || value === true || value === ''\n);\n\nconst isReactPortal = (value: unknown): value is React.ReactPortal => (\n  value !== null\n  && typeof value === 'object'\n  && '$$typeof' in value\n  && value.$$typeof === Symbol.for('react.portal')\n);\n\nconst isIterableReactNode = (value: unknown): value is Iterable<ReactNode> => (\n  value !== null\n  && typeof value === 'object'\n  && Symbol.iterator in value\n  && typeof value[Symbol.iterator] === 'function'\n);\n\n/**\n * Normalises any supported `IconSource` into a renderable node.\n * Returns `null` when there is nothing to render.\n */\nexport const renderIcon = (icon: IconSource, options: RenderIconOptions = {}): ReactNode => {\n  const { customCssClass, svgSize, fallback } = options;\n  const isEmpty = isEmptyIconSource(icon) || (isIconProps(icon) && isEmptyIconSource(icon.icon));\n\n  if (isEmpty) {\n    return isEmptyIconSource(fallback) ? null : renderIcon(fallback, { customCssClass, svgSize });\n  }\n\n  if (typeof icon === 'string') {\n    return <Icon icon={ icon } customCssClass={ customCssClass } />;\n  }\n\n  if (React.isValidElement(icon)) {\n    return icon;\n  }\n\n  if (isReactPortal(icon) || isIterableReactNode(icon)) {\n    return icon;\n  }\n\n  if (isSvgIconDefinition(icon)) {\n    return <SvgIcon svgDefinition={ icon } customCssClass={ customCssClass } { ...(svgSize ? { size: svgSize } : {}) } />;\n  }\n\n  if (isIconProps(icon)) {\n    return <Icon { ...icon } customCssClass={ cssClassesArrayToString(icon.customCssClass, customCssClass) } />;\n  }\n\n  // Unrecognised plain objects are not renderable and would crash React.\n  if (isNonElementObject(icon)) {\n    return null;\n  }\n\n  // Remaining ReactNode values (numbers, arrays, portals) render as provided.\n  return icon as ReactNode;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/helpers/index.js

@@ -5,5 +5,6 @@ export { dateToShortIsoString, isValidDate, dateToShortReadableDate, dateToShort
 export { USER_CURRENCY, intlCurrencyFormatter, intlNumberFormatter, formatNumberForLocale, formatAsCurrencyForLocale, getNumberAbbreviation, formatRoundedNumberWithAbbreviation, formatNumberWithAbbreviation, formatNumberForChartAxis, formatAsSimpleCurrencyForChartAxis, formatAsInternationalCurrencyForChartAxis, formatAsCurrencyWithAbbreviation, formatFileSize } from './formatters';
 export { getRandomNumberBelow, getRandomBetweenInclusive, getRandomBetweenExclusive, hashCode, roundToDecimal, formatNumberToMinDigits, formatDigitalTime } from './numberHelpers';
 export { richTextParser, capitalize, capitalizeFirstLetter, lowerCaseFirstLetter, getCharacterCount, clampToGraphemeMax, useAnInsteadOfA, splitCamelCase, pluralize, pluralizeIfNeeded, getInitialsOrAcronym } from './stringHelpers';
-export { objectsAreTheSame, isAnObject, createCompareValueOverride, deepMergeObjects, overrideMergeObjects, makeInheritanceObject, updateNestedProperty, filterObject, getArrayOfObjectKeys, getArrayOfReadableObjectKeys, getBranchFromPath, deepRemoveProps } from './objectHelpers';
+export { objectsAreTheSame, isAnObject, createCompareValueOverride, isReactElement, isNonElementObject, isPlainObject, deepMergeObjects, overrideMergeObjects, makeInheritanceObject, updateNestedProperty, filterObject, getArrayOfObjectKeys, getArrayOfReadableObjectKeys, getBranchFromPath, deepRemoveProps } from './objectHelpers';
+export { renderIcon, isSvgIconDefinition, isIconProps, isEmptyIconSource } from './iconHelpers';
 //# sourceMappingURL=index.js.map

package/dist/esm/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getMinAge","getMaxAge","getMinAndMaxAges","validateBirthdate","isDateEntryComplete","getAgeInWeeks","getAgeInYears","binaryFindInArray","addAndSortArray","moveItemInArrayMutate","moveItemInArrayCopy","getRandomItemFromArray","getItemIndexWithinArray","getRoundedMedian","getMostOccurringBoolean","cssClassesArrayToString","transformPlacesData","extractNamePieces","dateToShortIsoString","isValidDate","dateToShortReadableDate","dateToShortReadableMonth","timeStampToShortReadableDate","dateToReadableTime","dateToShortReadableDateTime","getLastDateOfMonth","daysSince","USER_CURRENCY","intlCurrencyFormatter","intlNumberFormatter","formatNumberForLocale","formatAsCurrencyForLocale","getNumberAbbreviation","formatRoundedNumberWithAbbreviation","formatNumberWithAbbreviation","formatNumberForChartAxis","formatAsSimpleCurrencyForChartAxis","formatAsInternationalCurrencyForChartAxis","formatAsCurrencyWithAbbreviation","formatFileSize","getRandomNumberBelow","getRandomBetweenInclusive","getRandomBetweenExclusive","hashCode","roundToDecimal","formatNumberToMinDigits","formatDigitalTime","richTextParser","capitalize","capitalizeFirstLetter","lowerCaseFirstLetter","getCharacterCount","clampToGraphemeMax","useAnInsteadOfA","splitCamelCase","pluralize","pluralizeIfNeeded","getInitialsOrAcronym","objectsAreTheSame","isAnObject","createCompareValueOverride","deepMergeObjects","overrideMergeObjects","makeInheritanceObject","updateNestedProperty","filterObject","getArrayOfObjectKeys","getArrayOfReadableObjectKeys","getBranchFromPath","deepRemoveProps"],"sources":["../../../src/helpers/index.ts"],"sourcesContent":["export {\n  getMinAge,\n  getMaxAge,\n  getMinAndMaxAges,\n  validateBirthdate,\n  isDateEntryComplete,\n  getAgeInWeeks,\n  getAgeInYears\n} from './ageHelpers';\n\nexport {\n  binaryFindInArray,\n  addAndSortArray,\n  moveItemInArrayMutate,\n  moveItemInArrayCopy,\n  getRandomItemFromArray,\n  getItemIndexWithinArray,\n  getRoundedMedian,\n  getMostOccurringBoolean,\n  cssClassesArrayToString\n} from './arrayHelpers';\n\nexport {\n  transformPlacesData,\n  extractNamePieces\n} from './dataHelpers';\nexport type { NamePieces } from './dataHelpers';\n\nexport {\n  dateToShortIsoString,\n  isValidDate,\n  dateToShortReadableDate,\n  dateToShortReadableMonth,\n  timeStampToShortReadableDate,\n  dateToReadableTime,\n  dateToShortReadableDateTime,\n  getLastDateOfMonth,\n  daysSince\n} from './dateHelpers';\n\nexport {\n  USER_CURRENCY,\n  intlCurrencyFormatter,\n  intlNumberFormatter,\n  formatNumberForLocale,\n  formatAsCurrencyForLocale,\n  getNumberAbbreviation,\n  formatRoundedNumberWithAbbreviation,\n  formatNumberWithAbbreviation,\n  formatNumberForChartAxis,\n  formatAsSimpleCurrencyForChartAxis,\n  formatAsInternationalCurrencyForChartAxis,\n  formatAsCurrencyWithAbbreviation,\n  formatFileSize\n} from './formatters';\n\nexport {\n  getRandomNumberBelow,\n  getRandomBetweenInclusive,\n  getRandomBetweenExclusive,\n  hashCode,\n  roundToDecimal,\n  formatNumberToMinDigits,\n  formatDigitalTime\n} from './numberHelpers';\n\nexport {\n  richTextParser,\n  capitalize,\n  capitalizeFirstLetter,\n  lowerCaseFirstLetter,\n  getCharacterCount,\n  clampToGraphemeMax,\n  useAnInsteadOfA,\n  splitCamelCase,\n  pluralize,\n  pluralizeIfNeeded,\n  getInitialsOrAcronym\n} from './stringHelpers';\n\nexport {\n  objectsAreTheSame,\n  isAnObject,\n  createCompareValueOverride,\n  deepMergeObjects,\n  overrideMergeObjects,\n  makeInheritanceObject,\n  updateNestedProperty,\n  filterObject,\n  getArrayOfObjectKeys,\n  getArrayOfReadableObjectKeys,\n  getBranchFromPath,\n  deepRemoveProps\n} from './objectHelpers';\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,SAAS,EACTC,gBAAgB,EAChBC,iBAAiB,EACjBC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,QACR,cAAc;AAErB,SACEC,iBAAiB,EACjBC,eAAe,EACfC,qBAAqB,EACrBC,mBAAmB,EACnBC,sBAAsB,EACtBC,uBAAuB,EACvBC,gBAAgB,EAChBC,uBAAuB,EACvBC,uBAAuB,QAClB,gBAAgB;AAEvB,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,eAAe;AAGtB,SACEC,oBAAoB,EACpBC,WAAW,EACXC,uBAAuB,EACvBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kBAAkB,EAClBC,2BAA2B,EAC3BC,kBAAkB,EAClBC,SAAS,QACJ,eAAe;AAEtB,SACEC,aAAa,EACbC,qBAAqB,EACrBC,mBAAmB,EACnBC,qBAAqB,EACrBC,yBAAyB,EACzBC,qBAAqB,EACrBC,mCAAmC,EACnCC,4BAA4B,EAC5BC,wBAAwB,EACxBC,kCAAkC,EAClCC,yCAAyC,EACzCC,gCAAgC,EAChCC,cAAc,QACT,cAAc;AAErB,SACEC,oBAAoB,EACpBC,yBAAyB,EACzBC,yBAAyB,EACzBC,QAAQ,EACRC,cAAc,EACdC,uBAAuB,EACvBC,iBAAiB,QACZ,iBAAiB;AAExB,SACEC,cAAc,EACdC,UAAU,EACVC,qBAAqB,EACrBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,eAAe,EACfC,cAAc,EACdC,SAAS,EACTC,iBAAiB,EACjBC,oBAAoB,QACf,iBAAiB;AAExB,SACEC,iBAAiB,EACjBC,UAAU,EACVC,0BAA0B,EAC1BC,gBAAgB,EAChBC,oBAAoB,EACpBC,qBAAqB,EACrBC,oBAAoB,EACpBC,YAAY,EACZC,oBAAoB,EACpBC,4BAA4B,EAC5BC,iBAAiB,EACjBC,eAAe,QACV,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getMinAge","getMaxAge","getMinAndMaxAges","validateBirthdate","isDateEntryComplete","getAgeInWeeks","getAgeInYears","binaryFindInArray","addAndSortArray","moveItemInArrayMutate","moveItemInArrayCopy","getRandomItemFromArray","getItemIndexWithinArray","getRoundedMedian","getMostOccurringBoolean","cssClassesArrayToString","transformPlacesData","extractNamePieces","dateToShortIsoString","isValidDate","dateToShortReadableDate","dateToShortReadableMonth","timeStampToShortReadableDate","dateToReadableTime","dateToShortReadableDateTime","getLastDateOfMonth","daysSince","USER_CURRENCY","intlCurrencyFormatter","intlNumberFormatter","formatNumberForLocale","formatAsCurrencyForLocale","getNumberAbbreviation","formatRoundedNumberWithAbbreviation","formatNumberWithAbbreviation","formatNumberForChartAxis","formatAsSimpleCurrencyForChartAxis","formatAsInternationalCurrencyForChartAxis","formatAsCurrencyWithAbbreviation","formatFileSize","getRandomNumberBelow","getRandomBetweenInclusive","getRandomBetweenExclusive","hashCode","roundToDecimal","formatNumberToMinDigits","formatDigitalTime","richTextParser","capitalize","capitalizeFirstLetter","lowerCaseFirstLetter","getCharacterCount","clampToGraphemeMax","useAnInsteadOfA","splitCamelCase","pluralize","pluralizeIfNeeded","getInitialsOrAcronym","objectsAreTheSame","isAnObject","createCompareValueOverride","isReactElement","isNonElementObject","isPlainObject","deepMergeObjects","overrideMergeObjects","makeInheritanceObject","updateNestedProperty","filterObject","getArrayOfObjectKeys","getArrayOfReadableObjectKeys","getBranchFromPath","deepRemoveProps","renderIcon","isSvgIconDefinition","isIconProps","isEmptyIconSource"],"sources":["../../../src/helpers/index.ts"],"sourcesContent":["export {\n  getMinAge,\n  getMaxAge,\n  getMinAndMaxAges,\n  validateBirthdate,\n  isDateEntryComplete,\n  getAgeInWeeks,\n  getAgeInYears\n} from './ageHelpers';\n\nexport {\n  binaryFindInArray,\n  addAndSortArray,\n  moveItemInArrayMutate,\n  moveItemInArrayCopy,\n  getRandomItemFromArray,\n  getItemIndexWithinArray,\n  getRoundedMedian,\n  getMostOccurringBoolean,\n  cssClassesArrayToString\n} from './arrayHelpers';\n\nexport {\n  transformPlacesData,\n  extractNamePieces\n} from './dataHelpers';\nexport type { NamePieces } from './dataHelpers';\n\nexport {\n  dateToShortIsoString,\n  isValidDate,\n  dateToShortReadableDate,\n  dateToShortReadableMonth,\n  timeStampToShortReadableDate,\n  dateToReadableTime,\n  dateToShortReadableDateTime,\n  getLastDateOfMonth,\n  daysSince\n} from './dateHelpers';\n\nexport {\n  USER_CURRENCY,\n  intlCurrencyFormatter,\n  intlNumberFormatter,\n  formatNumberForLocale,\n  formatAsCurrencyForLocale,\n  getNumberAbbreviation,\n  formatRoundedNumberWithAbbreviation,\n  formatNumberWithAbbreviation,\n  formatNumberForChartAxis,\n  formatAsSimpleCurrencyForChartAxis,\n  formatAsInternationalCurrencyForChartAxis,\n  formatAsCurrencyWithAbbreviation,\n  formatFileSize\n} from './formatters';\n\nexport {\n  getRandomNumberBelow,\n  getRandomBetweenInclusive,\n  getRandomBetweenExclusive,\n  hashCode,\n  roundToDecimal,\n  formatNumberToMinDigits,\n  formatDigitalTime\n} from './numberHelpers';\n\nexport {\n  richTextParser,\n  capitalize,\n  capitalizeFirstLetter,\n  lowerCaseFirstLetter,\n  getCharacterCount,\n  clampToGraphemeMax,\n  useAnInsteadOfA,\n  splitCamelCase,\n  pluralize,\n  pluralizeIfNeeded,\n  getInitialsOrAcronym\n} from './stringHelpers';\n\nexport {\n  objectsAreTheSame,\n  isAnObject,\n  createCompareValueOverride,\n  isReactElement,\n  isNonElementObject,\n  isPlainObject,\n  deepMergeObjects,\n  overrideMergeObjects,\n  makeInheritanceObject,\n  updateNestedProperty,\n  filterObject,\n  getArrayOfObjectKeys,\n  getArrayOfReadableObjectKeys,\n  getBranchFromPath,\n  deepRemoveProps\n} from './objectHelpers';\nexport type {\n  DeepMergeObjectsArgs,\n  MakeInheritanceObjectArgs,\n  UpdateNestedPropertyArgs\n} from './objectHelpers';\n\nexport {\n  renderIcon,\n  isSvgIconDefinition,\n  isIconProps,\n  isEmptyIconSource\n} from './iconHelpers';\nexport type {\n  IconSource,\n  RenderIconOptions,\n  SvgIconDefinition,\n  SvgIconSize\n} from './iconHelpers';\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,SAAS,EACTC,gBAAgB,EAChBC,iBAAiB,EACjBC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,QACR,cAAc;AAErB,SACEC,iBAAiB,EACjBC,eAAe,EACfC,qBAAqB,EACrBC,mBAAmB,EACnBC,sBAAsB,EACtBC,uBAAuB,EACvBC,gBAAgB,EAChBC,uBAAuB,EACvBC,uBAAuB,QAClB,gBAAgB;AAEvB,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,eAAe;AAGtB,SACEC,oBAAoB,EACpBC,WAAW,EACXC,uBAAuB,EACvBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kBAAkB,EAClBC,2BAA2B,EAC3BC,kBAAkB,EAClBC,SAAS,QACJ,eAAe;AAEtB,SACEC,aAAa,EACbC,qBAAqB,EACrBC,mBAAmB,EACnBC,qBAAqB,EACrBC,yBAAyB,EACzBC,qBAAqB,EACrBC,mCAAmC,EACnCC,4BAA4B,EAC5BC,wBAAwB,EACxBC,kCAAkC,EAClCC,yCAAyC,EACzCC,gCAAgC,EAChCC,cAAc,QACT,cAAc;AAErB,SACEC,oBAAoB,EACpBC,yBAAyB,EACzBC,yBAAyB,EACzBC,QAAQ,EACRC,cAAc,EACdC,uBAAuB,EACvBC,iBAAiB,QACZ,iBAAiB;AAExB,SACEC,cAAc,EACdC,UAAU,EACVC,qBAAqB,EACrBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,eAAe,EACfC,cAAc,EACdC,SAAS,EACTC,iBAAiB,EACjBC,oBAAoB,QACf,iBAAiB;AAExB,SACEC,iBAAiB,EACjBC,UAAU,EACVC,0BAA0B,EAC1BC,cAAc,EACdC,kBAAkB,EAClBC,aAAa,EACbC,gBAAgB,EAChBC,oBAAoB,EACpBC,qBAAqB,EACrBC,oBAAoB,EACpBC,YAAY,EACZC,oBAAoB,EACpBC,4BAA4B,EAC5BC,iBAAiB,EACjBC,eAAe,QACV,iBAAiB;AAOxB,SACEC,UAAU,EACVC,mBAAmB,EACnBC,WAAW,EACXC,iBAAiB,QACZ,eAAe","ignoreList":[]}

package/dist/esm/helpers/objectHelpers.js

@@ -11,10 +11,11 @@ export const objectsAreTheSame = (obj1, obj2) => {
   };
   return JsonStringifySorted(obj1) === JsonStringifySorted(obj2);
 };
-export const isAnObject = value => typeof value !== 'undefined' && !Array.isArray(value) && typeof value === 'object';
+export const isAnObject = value => value !== null && typeof value !== 'undefined' && !Array.isArray(value) && typeof value === 'object';
 export const createCompareValueOverride = (key, compareValue) => `${key}:${JSON.stringify(compareValue)}`;
-const isReactElement = val => !!val && /*#__PURE__*/React.isValidElement(val);
-const isPlainObject = val => {
+export const isReactElement = val => !!val && /*#__PURE__*/React.isValidElement(val);
+export const isNonElementObject = value => value !== null && typeof value === 'object' && !Array.isArray(value) && ! /*#__PURE__*/React.isValidElement(value);
+export const isPlainObject = val => {
   if (val === null || typeof val !== 'object') return false;
   if (isReactElement(val)) return false;
   if (Array.isArray(val)) return false;
@@ -234,6 +235,9 @@ export default {
   objectsAreTheSame,
   isAnObject,
   createCompareValueOverride,
+  isReactElement,
+  isNonElementObject,
+  isPlainObject,
   deepMergeObjects,
   overrideMergeObjects,
   makeInheritanceObject,