@x15ventures/x15-ui-library 3.11.4

package/dist/esm/components/form/formFields/subComponents/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["React","useFormContext","HookFormWrapper","isAnObject","NoHookFormContext","Select","field","id","name","placeholder","defaultValue","onBlur","onChange","onKeyDown","onTouched","includeEmptyOption","emptyOptionLabel","options","validation","showSpinner","customCssClasses","customContent","register","getFieldState","fieldState","HandleAutoFill","event","target","HandleOnBlur","HandleKeyEvent","cssClass","input","invalid","selectProps","className","disabled","required","renderOption","option","typedOption","createElement","key","value","JSON","stringify","label","preField","map","postField"],"sources":["../../../../../../../src/components/form/formFields/subComponents/select/Select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';\nimport { isAnObject } from '../../../../../helpers/objectHelpers';\nimport {\n  FieldProps,\n  FormFieldProps,\n  SelectOptionObjectType,\n  SelectOptionType,\n} from '../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../utilities/formUtilities';\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type'>;\n}\n\nexport const Select: React.FC<SelectProps> = (\n  {\n    field: {\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      onBlur = () => {},\n      onChange = () => {},\n      onKeyDown = () => {},\n      onTouched = () => {},\n      includeEmptyOption = true,\n      emptyOptionLabel = 'Please select',\n      options\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n\n  const HandleAutoFill = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onChange(event);\n    }\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (\n    event: React.KeyboardEvent<HTMLInputElement> &\n      React.KeyboardEvent<HTMLSelectElement> &\n      React.KeyboardEvent<HTMLTextAreaElement>\n  ) => {\n    onTouched();\n    onKeyDown(event);\n  };\n\n  const cssClass = `${ customCssClasses?.input || '' }${ fieldState && fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const selectProps = {\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...register(\n      name,\n      {\n        onChange: HandleAutoFill,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    ),\n    onKeyDown: HandleKeyEvent\n  };\n\n  const renderOption = (option: SelectOptionType) => {\n    if (isAnObject(option)) {\n      const typedOption = option as SelectOptionObjectType;\n      return (\n        <option key={ `${ id }_${ typedOption.value }` } data-option={ JSON.stringify(typedOption) } value={ typedOption.value as string }>\n          { typedOption.label }\n        </option>\n      );\n    }\n    return (\n      <option key={ `${ id }_${ option }` } data-option={ JSON.stringify(option) } value={ option as string }>\n        { option as string }\n      </option>\n    );\n  };\n\n  return (\n    <HookFormWrapper>\n      { customContent?.preField && <span className=\"preField\">{ customContent?.preField }</span> }\n\n      <select { ...selectProps }>\n        { includeEmptyOption && <option value=\"\">{ emptyOptionLabel }</option> }\n        { (options as SelectOptionType[])?.map(renderOption) }\n      </select>\n\n      { customContent?.postField && <span className=\"postField\">{ customContent?.postField }</span> }\n    </HookFormWrapper>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/form/formFields/subComponents/textarea/Textarea.js

@@ -0,0 +1,74 @@
+'use client';
+
+import React from 'react';
+import { useFormContext } from 'react-hook-form';
+import { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';
+import { NoHookFormContext } from '../../utilities/formUtilities';
+export const Textarea = ({
+  field: {
+    id,
+    name,
+    placeholder,
+    defaultValue,
+    onBlur = () => {},
+    onChange = () => {},
+    onKeyDown = () => {},
+    onTouched = () => {}
+  },
+  validation,
+  showSpinner,
+  customCssClasses,
+  customContent
+}) => {
+  const {
+    register,
+    getFieldState
+  } = useFormContext() || NoHookFormContext;
+  const fieldState = getFieldState(name);
+  const HandleAutoFill = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onChange(event);
+    }
+  };
+  const HandleOnBlur = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onTouched();
+      onBlur(event);
+    }
+  };
+  const HandleKeyEvent = event => {
+    onTouched();
+    onKeyDown(event);
+  };
+  const cssClass = `${customCssClasses?.input || ''}${fieldState && fieldState?.invalid ? ' invalidField' : ''}`;
+  const textareaProps = {
+    id,
+    className: cssClass,
+    placeholder,
+    defaultValue,
+    ...(showSpinner ? {
+      disabled: true
+    } : {}),
+    ...(validation && typeof validation.required !== 'undefined' ? {
+      required: true
+    } : {}),
+    ...register(name, {
+      onChange: HandleAutoFill,
+      onBlur: HandleOnBlur,
+      ...validation
+    }),
+    onKeyDown: HandleKeyEvent
+  };
+  return /*#__PURE__*/React.createElement(HookFormWrapper, null, customContent?.preField && /*#__PURE__*/React.createElement("span", {
+    className: "preField"
+  }, customContent?.preField), /*#__PURE__*/React.createElement("textarea", textareaProps), customContent?.postField && /*#__PURE__*/React.createElement("span", {
+    className: "postField"
+  }, customContent?.postField));
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/components/form/formFields/subComponents/textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":["React","useFormContext","HookFormWrapper","NoHookFormContext","Textarea","field","id","name","placeholder","defaultValue","onBlur","onChange","onKeyDown","onTouched","validation","showSpinner","customCssClasses","customContent","register","getFieldState","fieldState","HandleAutoFill","event","target","HandleOnBlur","HandleKeyEvent","cssClass","input","invalid","textareaProps","className","disabled","required","createElement","preField","postField"],"sources":["../../../../../../../src/components/form/formFields/subComponents/textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldProps } from '../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../utilities/formUtilities';\n\ninterface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea: React.FC<TextareaProps> = (\n  {\n    field: {\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      onBlur = () => {},\n      onChange = () => {},\n      onKeyDown = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n\n  const HandleAutoFill = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onChange(event);\n    }\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (\n    event: React.KeyboardEvent<HTMLInputElement> &\n      React.KeyboardEvent<HTMLSelectElement> &\n      React.KeyboardEvent<HTMLTextAreaElement>\n  ) => {\n    onTouched();\n    onKeyDown(event);\n  };\n\n  const cssClass = `${ customCssClasses?.input || '' }${ fieldState && fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const textareaProps = {\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...register(\n      name,\n      {\n        onChange: HandleAutoFill,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    ),\n    onKeyDown: HandleKeyEvent\n  };\n\n  return (\n    <HookFormWrapper>\n      { customContent?.preField && <span className=\"preField\">{ customContent?.preField }</span> }\n\n      <textarea { ...textareaProps } />\n\n      { customContent?.postField && <span className=\"postField\">{ customContent?.postField }</span> }\n    </HookFormWrapper>\n  );\n};\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,eAAe,QAAQ,0CAA0C;AAE1E,SAASC,iBAAiB,QAAQ,+BAA+B;AAIjE,OAAO,MAAMC,QAAiC,GAAGA,CAC/C;EACEC,KAAK,EAAE;IACLC,EAAE;IACFC,IAAI;IACJC,WAAW;IACXC,YAAY;IACZC,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,SAAS,GAAGA,CAAA,KAAM,CAAC,CAAC;IACpBC,SAAS,GAAGA,CAAA,KAAM,CAAC;EACrB,CAAC;EACDC,UAAU;EACVC,WAAW;EACXC,gBAAgB;EAChBC;AACF,CAAC,KACE;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGlB,cAAc,CAAC,CAAC,IAAIE,iBAAiB;EACzE,MAAMiB,UAAU,GAAGD,aAAa,CAACZ,IAAI,CAAC;EAEtC,MAAMc,cAAc,GAAIC,KAAyC,IAAK;IACpE,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK;IACxB,IAAIC,MAAM,EAAE;MACVZ,QAAQ,CAACW,KAAK,CAAC;IACjB;EACF,CAAC;EAED,MAAME,YAAY,GAAIF,KAAyC,IAAK;IAClE,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK;IACxB,IAAIC,MAAM,EAAE;MACVV,SAAS,CAAC,CAAC;MACXH,MAAM,CAACY,KAAK,CAAC;IACf;EACF,CAAC;EAED,MAAMG,cAAc,GAClBH,KAE0C,IACvC;IACHT,SAAS,CAAC,CAAC;IACXD,SAAS,CAACU,KAAK,CAAC;EAClB,CAAC;EAED,MAAMI,QAAQ,GAAG,GAAIV,gBAAgB,EAAEW,KAAK,IAAI,EAAE,GAAKP,UAAU,IAAIA,UAAU,EAAEQ,OAAO,GAAG,eAAe,GAAG,EAAE,EAAG;EAElH,MAAMC,aAAa,GAAG;IACpBvB,EAAE;IACFwB,SAAS,EAAEJ,QAAQ;IACnBlB,WAAW;IACXC,YAAY;IACZ,IAAIM,WAAW,GAAG;MAAEgB,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,IAAIjB,UAAU,IAAI,OAAOA,UAAU,CAACkB,QAAQ,KAAK,WAAW,GAAG;MAAEA,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACvF,GAAGd,QAAQ,CACTX,IAAI,EACJ;MACEI,QAAQ,EAAEU,cAAc;MACxBX,MAAM,EAAEc,YAAY;MACpB,GAAGV;IACL,CACF,CAAC;IACDF,SAAS,EAAEa;EACb,CAAC;EAED,oBACEzB,KAAA,CAAAiC,aAAA,CAAC/B,eAAe,QACZe,aAAa,EAAEiB,QAAQ,iBAAIlC,KAAA,CAAAiC,aAAA;IAAMH,SAAS,EAAC;EAAU,GAAGb,aAAa,EAAEiB,QAAgB,CAAC,eAE1FlC,KAAA,CAAAiC,aAAA,aAAeJ,aAAiB,CAAC,EAE/BZ,aAAa,EAAEkB,SAAS,iBAAInC,KAAA,CAAAiC,aAAA;IAAMH,SAAS,EAAC;EAAW,GAAGb,aAAa,EAAEkB,SAAiB,CAC7E,CAAC;AAEtB,CAAC","ignoreList":[]}

package/dist/esm/components/form/formFields/utilities/formUtilities.js

@@ -0,0 +1,16 @@
+export const NoHookFormContext = {
+  register: () => {},
+  getFieldState: () => ({
+    invalid: false,
+    isDirty: true,
+    isTouched: true,
+    isValidating: false
+  }),
+  setValue: () => {},
+  formState: {
+    errors: {}
+  },
+  trigger: () => {}
+};
+export default NoHookFormContext;
+//# sourceMappingURL=formUtilities.js.map

package/dist/esm/components/form/formFields/utilities/formUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formUtilities.js","names":["NoHookFormContext","register","getFieldState","invalid","isDirty","isTouched","isValidating","setValue","formState","errors","trigger"],"sources":["../../../../../../src/components/form/formFields/utilities/formUtilities.ts"],"sourcesContent":["import {\n  FieldError, FieldErrors, FieldValues\n} from 'react-hook-form';\n\nexport const NoHookFormContext = {\n  register: () => {},\n  getFieldState: ():{ invalid: boolean; isDirty: boolean; isTouched: boolean; isValidating: boolean; error?: FieldError; } => ({\n    invalid: false, isDirty: true, isTouched: true, isValidating: false\n  }),\n  setValue: () => {},\n  formState: {\n    errors: {} as FieldErrors<FieldValues>\n  },\n  trigger: () => {},\n};\n\nexport default NoHookFormContext;\n"],"mappings":"AAIA,OAAO,MAAMA,iBAAiB,GAAG;EAC/BC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,aAAa,EAAEA,CAAA,MAA8G;IAC3HC,OAAO,EAAE,KAAK;IAAEC,OAAO,EAAE,IAAI;IAAEC,SAAS,EAAE,IAAI;IAAEC,YAAY,EAAE;EAChE,CAAC,CAAC;EACFC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAE;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDC,OAAO,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAC;AAED,eAAeV,iBAAiB","ignoreList":[]}

package/dist/esm/components/form/hookFormWrapper/HookFormWrapper.js

@@ -0,0 +1,26 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormProvider, useForm, useFormContext } from 'react-hook-form';
+export const HookFormWrapper = ({
+  formCssClass = 'x15StandardForm',
+  children,
+  formProps
+}) => {
+  const existingHookFormContext = useFormContext();
+  const hookFormMethods = useForm({
+    mode: 'all',
+    criteriaMode: 'all',
+    shouldFocusError: true
+  });
+  if (existingHookFormContext) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(FormProvider, hookFormMethods, /*#__PURE__*/React.createElement("form", _extends({
+    className: formCssClass,
+    autoComplete: "off"
+  }, formProps), children));
+};
+export default HookFormWrapper;
+//# sourceMappingURL=HookFormWrapper.js.map

package/dist/esm/components/form/hookFormWrapper/HookFormWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HookFormWrapper.js","names":["_extends","React","FormProvider","useForm","useFormContext","HookFormWrapper","formCssClass","children","formProps","existingHookFormContext","hookFormMethods","mode","criteriaMode","shouldFocusError","createElement","className","autoComplete"],"sources":["../../../../../src/components/form/hookFormWrapper/HookFormWrapper.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, ReactElement, FormHTMLAttributes } from 'react';\nimport { FormProvider, useForm, useFormContext } from 'react-hook-form';\n\ninterface FormWrapperProps {\n  formCssClass?: string;\n  formProps?: FormHTMLAttributes<HTMLFormElement>;\n  children: ReactNode | ReactElement;\n}\n\nexport const HookFormWrapper: React.FC<FormWrapperProps> = (\n  {\n    formCssClass = 'x15StandardForm',\n    children,\n    formProps\n  }\n) => {\n  const existingHookFormContext = useFormContext();\n\n  const hookFormMethods = useForm({\n    mode: 'all',\n    criteriaMode: 'all',\n    shouldFocusError: true\n  });\n\n  if (existingHookFormContext) {\n    return children;\n  }\n\n  return (\n    <FormProvider { ...hookFormMethods }>\n      <form className={ formCssClass } autoComplete=\"off\" { ...formProps }>\n        {\n          children\n        }\n      </form>\n    </FormProvider>\n  );\n};\n\nexport default HookFormWrapper;\n"],"mappings":"AAAA,YAAY;;AAAC,OAAAA,QAAA;AAEb,OAAOC,KAAK,MAAuD,OAAO;AAC1E,SAASC,YAAY,EAAEC,OAAO,EAAEC,cAAc,QAAQ,iBAAiB;AAQvE,OAAO,MAAMC,eAA2C,GAAGA,CACzD;EACEC,YAAY,GAAG,iBAAiB;EAChCC,QAAQ;EACRC;AACF,CAAC,KACE;EACH,MAAMC,uBAAuB,GAAGL,cAAc,CAAC,CAAC;EAEhD,MAAMM,eAAe,GAAGP,OAAO,CAAC;IAC9BQ,IAAI,EAAE,KAAK;IACXC,YAAY,EAAE,KAAK;IACnBC,gBAAgB,EAAE;EACpB,CAAC,CAAC;EAEF,IAAIJ,uBAAuB,EAAE;IAC3B,OAAOF,QAAQ;EACjB;EAEA,oBACEN,KAAA,CAAAa,aAAA,CAACZ,YAAY,EAAMQ,eAAe,eAChCT,KAAA,CAAAa,aAAA,SAAAd,QAAA;IAAMe,SAAS,EAAGT,YAAc;IAACU,YAAY,EAAC;EAAK,GAAMR,SAAS,GAE9DD,QAEE,CACM,CAAC;AAEnB,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}

package/dist/esm/components/form/validation/ValidationMessages.js

@@ -0,0 +1,81 @@
+/* eslint-disable no-unused-vars */
+
+'use client';
+
+import React from 'react';
+import { ErrorMessage } from '@hookform/error-message';
+import { useFormContext } from 'react-hook-form';
+import { NoHookFormContext } from '../formFields/utilities/formUtilities';
+// Type for generic error messages
+export const GenericErrorMessages = {
+  required: () => 'This field is required. Please enter a value.',
+  minLength: value => `Please provide a minimum of ${value} characters.`,
+  maxLength: value => `Please provide a maximum of ${value} characters.`,
+  min: value => `The value must be a minimum of ${value}.`,
+  max: value => `The value must be a maximum of ${value}.`,
+  unknown: () => 'An unknown error has occurred.'
+};
+
+// Helper function to extract nested errors
+const extractError = (errors, fieldName) => {
+  if (!errors) {
+    return undefined;
+  }
+  const pathComponents = fieldName.split('.');
+  return pathComponents.reduce((accumulator, pathComponent) => {
+    if (!accumulator) {
+      return undefined;
+    }
+    return accumulator[pathComponent];
+  }, errors);
+};
+export const ValidationMessages = ({
+  name,
+  validation
+}) => {
+  const {
+    formState: {
+      errors
+    }
+  } = useFormContext() || NoHookFormContext;
+  const fieldError = extractError(errors, name);
+  if (!fieldError) {
+    return null;
+  }
+
+  // Check all the validators have a message
+  if (validation) {
+    Object.entries(validation).forEach(([validatorKey, validator]) => {
+      if (GenericErrorMessages[validatorKey]) {
+        if (typeof validator === 'boolean') {
+          if (fieldError.type && fieldError.types && typeof fieldError.types[fieldError.type] === 'string') {
+            fieldError.message = fieldError.types[fieldError.type];
+          } else {
+            fieldError.message = GenericErrorMessages[validatorKey]();
+          }
+        } else if (typeof validator === 'object' && 'value' in validator) {
+          // @ts-ignore The hook form types don't seem to cater for versions with value properties properly
+          fieldError.message = GenericErrorMessages[validatorKey](validator.value || undefined);
+        }
+      }
+    });
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: "validation",
+    id: `${name}_errors`
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "message"
+  }, !fieldError?.message && /*#__PURE__*/React.createElement("span", {
+    className: "error"
+  }, GenericErrorMessages.unknown()), /*#__PURE__*/React.createElement(ErrorMessage, {
+    errors: errors,
+    name: name,
+    render: ({
+      message
+    }) => /*#__PURE__*/React.createElement("span", {
+      className: "error"
+    }, message)
+  })));
+};
+export default ValidationMessages;
+//# sourceMappingURL=ValidationMessages.js.map

package/dist/esm/components/form/validation/ValidationMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessages.js","names":["React","ErrorMessage","useFormContext","NoHookFormContext","GenericErrorMessages","required","minLength","value","maxLength","min","max","unknown","extractError","errors","fieldName","undefined","pathComponents","split","reduce","accumulator","pathComponent","ValidationMessages","name","validation","formState","fieldError","Object","entries","forEach","validatorKey","validator","type","types","message","createElement","className","id","render"],"sources":["../../../../../src/components/form/validation/ValidationMessages.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\n'use client';\n\nimport React from 'react';\nimport { ErrorMessage } from '@hookform/error-message';\nimport {\n  FieldError,\n  FieldErrors,\n  FieldErrorsImpl,\n  Merge, useFormContext\n} from 'react-hook-form';\nimport {\n  ValidationProps\n} from '../formFields/formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../formFields/utilities/formUtilities';\nimport { InputCheckboxValidationProps } from '../formFields/subComponents/inputs/checkbox/inputCheckboxProps';\n\n// Type for generic error messages\nexport const GenericErrorMessages: Record<string, (value?: never) => string> = {\n  required: () => 'This field is required. Please enter a value.',\n  minLength: (value) => `Please provide a minimum of ${ value } characters.`,\n  maxLength: (value) => `Please provide a maximum of ${ value } characters.`,\n  min: (value) => `The value must be a minimum of ${ value }.`,\n  max: (value) => `The value must be a maximum of ${ value }.`,\n  unknown: () => 'An unknown error has occurred.'\n};\n\n// Helper function to extract nested errors\nconst extractError = (\n  errors: FieldErrors,\n  fieldName: string\n): FieldError | Merge<FieldError, FieldErrorsImpl<never>> | undefined => {\n  if (!errors) {\n    return undefined;\n  }\n\n  const pathComponents = fieldName.split('.');\n\n  return pathComponents.reduce<FieldError | Merge<FieldError, FieldErrorsImpl<never>> | undefined>(\n    (accumulator, pathComponent) => {\n      if (!accumulator) {\n        return undefined;\n      }\n\n      return (accumulator as never)[pathComponent];\n    },\n    errors as never\n  );\n};\n\ninterface ValidationMessagesProps {\n  name: string;\n  validation?: ValidationProps | InputCheckboxValidationProps\n}\n\nexport const ValidationMessages: React.FC<ValidationMessagesProps> = (\n  {\n    name,\n    validation\n  }\n) => {\n  const { formState: { errors } } = useFormContext() || NoHookFormContext;\n\n  const fieldError = extractError(errors, name);\n\n  if (!fieldError) {\n    return null;\n  }\n\n  // Check all the validators have a message\n  if (validation) {\n    Object.entries(validation).forEach(([validatorKey, validator]) => {\n      if (GenericErrorMessages[validatorKey]) {\n        if (typeof validator === 'boolean') {\n          if (\n            fieldError.type &&\n            fieldError.types &&\n            typeof fieldError.types[fieldError.type] === 'string'\n          ) {\n            fieldError.message = fieldError.types[fieldError.type] as string;\n          } else {\n            fieldError.message = GenericErrorMessages[validatorKey]();\n          }\n        } else if (typeof validator === 'object' && 'value' in validator) {\n          // @ts-ignore The hook form types don't seem to cater for versions with value properties properly\n          fieldError.message = GenericErrorMessages[validatorKey](validator.value || undefined);\n        }\n      }\n    });\n  }\n\n  return (\n    <span className=\"validation\" id={ `${ name }_errors` }>\n      <span className=\"message\">\n        { !fieldError?.message && (\n          <span className=\"error\">{ GenericErrorMessages.unknown() }</span>\n        ) }\n\n        <ErrorMessage\n          errors={ errors }\n          name={ name }\n          render={ ({ message }) => <span className=\"error\">{ message }</span> }\n        />\n      </span>\n    </span>\n  );\n};\n\nexport default ValidationMessages;\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/index.js

@@ -0,0 +1,62 @@
+'use client';
+
+// UI components
+export { Accordion } from './design/accordion/Accordion';
+export { Chip, Pill, Badge } from './design/chip/Chip';
+export { Dialog } from './design/dialog/Dialog';
+export { HeaderBar } from './design/headerBar/HeaderBar';
+export { Icon } from './design/icons/basicIcon/Icon';
+export { NotificationIcon } from './design/icons/notificationIcon/NotificationIcon';
+export { VentureLogo } from './design/logos/VentureLogo';
+export { CreditSavvyLogo } from './design/logos/ventures/credit-savvy-logo';
+export { HomeInLogo } from './design/logos/ventures/home-in-logo';
+export { KitLogo } from './design/logos/ventures/kit-logo';
+export { DoshiiLogo } from './design/logos/ventures/doshii-logo';
+export { TruyuLogo } from './design/logos/ventures/truyu-logo';
+export { SidePanel } from './design/sidePanel/SidePanel';
+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 { Tabs } from './design/tabs/Tabs';
+export { Tooltip } from './design/tooltip/Tooltip';
+export { EllipsisTooltip } from './design/tooltip/ellipsisTooltip/EllipsisTooltip';
+export { RevealMore } from './design/revealMore/RevealMore';
+export { CopyText } from './design/copyText/CopyText';
+export { Paginator } from './design/paginators/Paginator';
+export * from './design/banners/pageBanner/PageBanner';
+
+// Form components
+export * from './form/buttons/SimpleButton';
+export { FormField } from './form/formFields/formFieldWrapper/FormField';
+export { InputCheckbox, CheckboxInput } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';
+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';
+export { HookFormWrapper } from './form/hookFormWrapper/HookFormWrapper';
+export * from './form/formFields/subComponents/InputVariants';
+export { InputDate } from './form/formFields/subComponents/inputs/date/InputDate';
+export { DateInput } from './form/formFields/subComponents/inputs/date/DateInput';
+// Layout
+export { Card } from './design/card/Card';
+export { ReportFooter } from './layout/footers/reports/ReportFooter';
+export { MainHeader } from './layout/mainHeader/MainHeader';
+export { ThemeLoader } from './design/themeLoader/ThemeLoader';
+// Testing
+export { DevToolbar } from './testing/devToolbar/DevToolbar';
+export { ThemeSwitch } from './testing/themeSwitch/ThemeSwitch';
+export { LoremIpsum } from './testing/loremIpsum/LoremIpsum';
+export { GlobalDashboard } from './layout/dashboard/layouts/globalDashboard/GlobalDashboard';
+export { Menu } from './navigation/menu/Menu';
+export { PopupMenu } from './navigation/popupMenu/PopupMenu';
+export { SearchPanelMenu } from './navigation/searchPanelMenu/SearchPanelMenu';
+export { Link } from './navigation/link/Link';
+// Templates
+export { TemplateForm } from './templates/templateForm/TemplateForm';
+export { TemplateLoading } from './templates/templateLoading/TemplateLoading';
+export { TemplateDashboard } from './templates/templateDashboard/TemplateDashboard';
+export { TemplatePage } from './templates/templatePage/TemplatePage';
+// Aliases to match common libraries
+export { SelectDropdown as Select } from './form/formFields/subComponents/InputVariants';
+export { InputCheckbox as Checkbox } from './form/formFields/subComponents/inputs/checkbox/InputCheckbox';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Accordion","Chip","Pill","Badge","Dialog","HeaderBar","Icon","NotificationIcon","VentureLogo","CreditSavvyLogo","HomeInLogo","KitLogo","DoshiiLogo","TruyuLogo","SidePanel","Spinner","StatusIconButton","StatusLight","StatusLightsBar","Tabs","Tooltip","EllipsisTooltip","RevealMore","CopyText","Paginator","FormField","InputCheckbox","CheckboxInput","StyledRadioGroup","StyledRadioInput","StyledRadioLabel","HookFormWrapper","InputDate","DateInput","Card","ReportFooter","MainHeader","ThemeLoader","DevToolbar","ThemeSwitch","LoremIpsum","GlobalDashboard","Menu","PopupMenu","SearchPanelMenu","Link","TemplateForm","TemplateLoading","TemplateDashboard","TemplatePage","SelectDropdown","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 { 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 * from './design/banners/pageBanner/PageBanner';\n\n// Form components\nexport * 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 * 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,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,cAAc,wCAAwC;;AAEtD;AACA,cAAc,6BAA6B;AAC3C,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,cAAc,+CAA+C;AAE7D,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,SAASC,cAAc,IAAIC,MAAM,QAAQ,+CAA+C;AACxF,SAASzB,aAAa,IAAI0B,QAAQ,QAAQ,+DAA+D","ignoreList":[]}

package/dist/esm/components/layout/dashboard/layouts/dashboard.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dashboard.interface.js.map

package/dist/esm/components/layout/dashboard/layouts/dashboard.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.interface.js","names":[],"sources":["../../../../../../src/components/layout/dashboard/layouts/dashboard.interface.ts"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { MainHeaderProps } from '../../mainHeader/MainHeader';\nimport { GenericFunction } from '../../../../interfaces';\n\nexport interface GlobalDashboardProps {\n  leftPanel: {\n    content?: ReactNode | ReactElement;\n    isOpen?: boolean;\n    onPanelToggle?: GenericFunction;\n    size?: 's' | 'm' | 'l';\n    allowOverflow?: boolean;\n  };\n  rightPanel?: {\n    content?: ReactNode | ReactElement;\n    isOpen?: boolean;\n    onPanelToggle?: GenericFunction;\n    size?: 's' | 'm' | 'l';\n    allowOverflow?: boolean;\n  };\n  toolBar?: {\n    show: boolean;\n    content?: ReactNode | ReactElement;\n    allowOverflow?: boolean;\n  };\n  mainHeader: MainHeaderProps;\n  mainFooter?: ReactNode | ReactElement;\n  children: ReactNode | ReactElement;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/layout/dashboard/layouts/globalDashboard/GlobalDashboard.js

@@ -0,0 +1,79 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { SidePanel } from '../../../../design/sidePanel/SidePanel';
+import { MainHeader } from '../../../mainHeader/MainHeader';
+import './globalDashboard.css';
+export const GlobalDashboard = ({
+  leftPanel,
+  rightPanel,
+  toolBar,
+  mainHeader,
+  mainFooter,
+  children
+}) => {
+  const [leftPanelOpen, setLeftPanelOpen] = useState(leftPanel?.isOpen ?? true);
+  const [rightPanelOpen, setRightPanelOpen] = useState(rightPanel?.isOpen ?? false);
+  const toggleLeftPanel = () => {
+    if (leftPanel?.onPanelToggle) {
+      leftPanel.onPanelToggle(!leftPanelOpen);
+    }
+    setLeftPanelOpen(!leftPanelOpen);
+  };
+  const toggleRightPanel = () => {
+    if (rightPanel?.onPanelToggle) {
+      rightPanel.onPanelToggle(!rightPanelOpen);
+    }
+    setRightPanelOpen(!rightPanelOpen);
+  };
+  useEffect(() => {
+    if (typeof leftPanel.isOpen !== 'undefined') {
+      setLeftPanelOpen(leftPanel.isOpen);
+    }
+    if (rightPanel && typeof rightPanel.isOpen !== 'undefined') {
+      setRightPanelOpen(rightPanel.isOpen);
+    }
+  }, [leftPanel, rightPanel, setRightPanelOpen, setLeftPanelOpen]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: `dashboard globalDashboard ${toolBar ? 'withRightToolbar' : ''}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mainContainer"
+  }, /*#__PURE__*/React.createElement(MainHeader, mainHeader), leftPanel && /*#__PURE__*/React.createElement(SidePanel, {
+    id: 'dashboardLeftPanel',
+    position: 'left',
+    size: leftPanel.size || 'm',
+    animation: 'slide',
+    isOpen: leftPanelOpen,
+    onToggle: toggleLeftPanel,
+    allowOverflow: leftPanel.allowOverflow || false,
+    isFloating: false,
+    icons: {
+      open: 'menu',
+      closed: 'chevronLeftSelect'
+    }
+  }, /*#__PURE__*/React.createElement("section", {
+    className: "leftPanelContent"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${leftPanel.allowOverflow ? 'allowOverflow' : ''}`
+  }, leftPanel.content), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("span", {
+    className: "versionText"
+  }, "v2.0.0")))), /*#__PURE__*/React.createElement("main", null, children), mainFooter && /*#__PURE__*/React.createElement("footer", {
+    className: "dashboardFooter"
+  }, mainFooter), rightPanel && /*#__PURE__*/React.createElement(SidePanel, {
+    id: 'dashboardRightPanel',
+    position: 'right',
+    size: rightPanel.size || 'm',
+    animation: 'slide',
+    isOpen: rightPanelOpen,
+    onToggle: toggleRightPanel,
+    allowOverflow: rightPanel.allowOverflow || false
+  }, rightPanel.content), toolBar && /*#__PURE__*/React.createElement(SidePanel, {
+    id: 'dashboardToolbar',
+    position: 'right',
+    size: 's',
+    animation: 'none',
+    isFloating: false
+  }, toolBar.content)));
+};
+export default GlobalDashboard;
+//# sourceMappingURL=GlobalDashboard.js.map

package/dist/esm/components/layout/dashboard/layouts/globalDashboard/GlobalDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalDashboard.js","names":["React","useState","useEffect","SidePanel","MainHeader","GlobalDashboard","leftPanel","rightPanel","toolBar","mainHeader","mainFooter","children","leftPanelOpen","setLeftPanelOpen","isOpen","rightPanelOpen","setRightPanelOpen","toggleLeftPanel","onPanelToggle","toggleRightPanel","createElement","className","id","position","size","animation","onToggle","allowOverflow","isFloating","icons","open","closed","content"],"sources":["../../../../../../../src/components/layout/dashboard/layouts/globalDashboard/GlobalDashboard.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useEffect } from 'react';\nimport { GlobalDashboardProps } from '../dashboard.interface';\nimport { SidePanel } from '../../../../design/sidePanel/SidePanel';\nimport { MainHeader } from '../../../mainHeader/MainHeader';\n\nimport './globalDashboard.scss';\n\nexport const GlobalDashboard: React.FC<GlobalDashboardProps> = ({\n  leftPanel,\n  rightPanel,\n  toolBar,\n  mainHeader,\n  mainFooter,\n  children,\n}) => {\n  const [leftPanelOpen, setLeftPanelOpen] = useState(leftPanel?.isOpen ?? true);\n  const [rightPanelOpen, setRightPanelOpen] = useState(rightPanel?.isOpen ?? false);\n\n  const toggleLeftPanel = () => {\n    if(leftPanel?.onPanelToggle) {\n      leftPanel.onPanelToggle(!leftPanelOpen);\n    }\n    setLeftPanelOpen(!leftPanelOpen);\n  };\n\n  const toggleRightPanel = () => {\n    if (rightPanel?.onPanelToggle) {\n      rightPanel.onPanelToggle(!rightPanelOpen);\n    }\n    setRightPanelOpen(!rightPanelOpen);\n  };\n\n  useEffect(() => {\n    if (typeof leftPanel.isOpen !== 'undefined') {\n      setLeftPanelOpen(leftPanel.isOpen);\n    }\n    if (rightPanel && typeof rightPanel.isOpen !== 'undefined') {\n      setRightPanelOpen(rightPanel.isOpen);\n    }\n  }, [leftPanel, rightPanel, setRightPanelOpen, setLeftPanelOpen]);\n\n  return (\n    <div className={ `dashboard globalDashboard ${ toolBar ? 'withRightToolbar' : '' }` }>\n      <div className=\"mainContainer\">\n        <MainHeader { ...mainHeader } />\n\n        { leftPanel && (\n          <SidePanel\n            { ...{\n              id: 'dashboardLeftPanel',\n              position: 'left',\n              size: leftPanel.size || 'm',\n              animation: 'slide',\n              isOpen: leftPanelOpen,\n              onToggle: toggleLeftPanel,\n              allowOverflow: leftPanel.allowOverflow || false,\n              isFloating: false,\n              icons: {\n                open: 'menu',\n                closed: 'chevronLeftSelect',\n              },\n            } }\n          >\n            <section className=\"leftPanelContent\">\n              <div className={ `${ leftPanel.allowOverflow ? 'allowOverflow' : '' }` }>{ leftPanel.content }</div>\n              <footer>\n                <span className=\"versionText\">v2.0.0</span>\n              </footer>\n            </section>\n          </SidePanel>\n        ) }\n\n        <main>\n          { children }\n        </main>\n\n        { mainFooter && <footer className=\"dashboardFooter\">{ mainFooter }</footer> }\n\n        { rightPanel && (\n          <SidePanel\n            { ...{\n              id: 'dashboardRightPanel',\n              position: 'right',\n              size: rightPanel.size || 'm',\n              animation: 'slide',\n              isOpen: rightPanelOpen,\n              onToggle: toggleRightPanel,\n              allowOverflow: rightPanel.allowOverflow || false,\n            } }\n          >\n            { rightPanel.content }\n          </SidePanel>\n        ) }\n\n        { toolBar && (\n          <SidePanel\n            { ...{\n              id: 'dashboardToolbar',\n              position: 'right',\n              size: 's',\n              animation: 'none',\n              isFloating: false,\n            } }\n          >\n            { toolBar.content }\n          </SidePanel>\n        ) }\n      </div>\n    </div>\n  );\n};\n\nexport default GlobalDashboard;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,SAASC,SAAS,QAAQ,wCAAwC;AAClE,SAASC,UAAU,QAAQ,gCAAgC;AAE3D,OAAO,wBAAwB;AAE/B,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,UAAU;EACVC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGZ,QAAQ,CAACK,SAAS,EAAEQ,MAAM,IAAI,IAAI,CAAC;EAC7E,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGf,QAAQ,CAACM,UAAU,EAAEO,MAAM,IAAI,KAAK,CAAC;EAEjF,MAAMG,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAGX,SAAS,EAAEY,aAAa,EAAE;MAC3BZ,SAAS,CAACY,aAAa,CAAC,CAACN,aAAa,CAAC;IACzC;IACAC,gBAAgB,CAAC,CAACD,aAAa,CAAC;EAClC,CAAC;EAED,MAAMO,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAIZ,UAAU,EAAEW,aAAa,EAAE;MAC7BX,UAAU,CAACW,aAAa,CAAC,CAACH,cAAc,CAAC;IAC3C;IACAC,iBAAiB,CAAC,CAACD,cAAc,CAAC;EACpC,CAAC;EAEDb,SAAS,CAAC,MAAM;IACd,IAAI,OAAOI,SAAS,CAACQ,MAAM,KAAK,WAAW,EAAE;MAC3CD,gBAAgB,CAACP,SAAS,CAACQ,MAAM,CAAC;IACpC;IACA,IAAIP,UAAU,IAAI,OAAOA,UAAU,CAACO,MAAM,KAAK,WAAW,EAAE;MAC1DE,iBAAiB,CAACT,UAAU,CAACO,MAAM,CAAC;IACtC;EACF,CAAC,EAAE,CAACR,SAAS,EAAEC,UAAU,EAAES,iBAAiB,EAAEH,gBAAgB,CAAC,CAAC;EAEhE,oBACEb,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAG,6BAA8Bb,OAAO,GAAG,kBAAkB,GAAG,EAAE;EAAK,gBACnFR,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5BrB,KAAA,CAAAoB,aAAA,CAAChB,UAAU,EAAMK,UAAc,CAAC,EAE9BH,SAAS,iBACTN,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IAENmB,EAAE,EAAE,oBAAoB;IACxBC,QAAQ,EAAE,MAAM;IAChBC,IAAI,EAAElB,SAAS,CAACkB,IAAI,IAAI,GAAG;IAC3BC,SAAS,EAAE,OAAO;IAClBX,MAAM,EAAEF,aAAa;IACrBc,QAAQ,EAAET,eAAe;IACzBU,aAAa,EAAErB,SAAS,CAACqB,aAAa,IAAI,KAAK;IAC/CC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE;MACLC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE;IACV;EAAC,gBAGH/B,KAAA,CAAAoB,aAAA;IAASC,SAAS,EAAC;EAAkB,gBACnCrB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAG,GAAIf,SAAS,CAACqB,aAAa,GAAG,eAAe,GAAG,EAAE;EAAK,GAAGrB,SAAS,CAAC0B,OAAc,CAAC,eACpGhC,KAAA,CAAAoB,aAAA,8BACEpB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAC;EAAa,GAAC,QAAY,CACpC,CACD,CACA,CACZ,eAEDrB,KAAA,CAAAoB,aAAA,eACIT,QACE,CAAC,EAELD,UAAU,iBAAIV,KAAA,CAAAoB,aAAA;IAAQC,SAAS,EAAC;EAAiB,GAAGX,UAAoB,CAAC,EAEzEH,UAAU,iBACVP,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IAENmB,EAAE,EAAE,qBAAqB;IACzBC,QAAQ,EAAE,OAAO;IACjBC,IAAI,EAAEjB,UAAU,CAACiB,IAAI,IAAI,GAAG;IAC5BC,SAAS,EAAE,OAAO;IAClBX,MAAM,EAAEC,cAAc;IACtBW,QAAQ,EAAEP,gBAAgB;IAC1BQ,aAAa,EAAEpB,UAAU,CAACoB,aAAa,IAAI;EAAK,GAGhDpB,UAAU,CAACyB,OACJ,CACZ,EAECxB,OAAO,iBACPR,KAAA,CAAAoB,aAAA,CAACjB,SAAS;IAENmB,EAAE,EAAE,kBAAkB;IACtBC,QAAQ,EAAE,OAAO;IACjBC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE,MAAM;IACjBG,UAAU,EAAE;EAAK,GAGjBpB,OAAO,CAACwB,OACD,CAEV,CACF,CAAC;AAEV,CAAC;AAED,eAAe3B,eAAe","ignoreList":[]}

package/dist/esm/components/layout/dashboard/layouts/globalDashboard/globalDashboard.css

@@ -0,0 +1,113 @@
+/* Popovers */
+.globalDashboard {
+  min-height: 100vh;
+  max-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.globalDashboard .sidePanelPosition_left,
+.globalDashboard .sidePanelPosition_right {
+  top: calc(var(--mainHeaderHeight) + 1px);
+}
+.globalDashboard .mainContainer {
+  display: flex;
+  flex: 1;
+}
+.globalDashboard .mainContainer.withRightToolbar #dashboardRightPanel {
+  margin-right: 45px;
+}
+.globalDashboard .mainContainer.withRightToolbar .mainHeader {
+  width: calc(100% - 45px);
+}
+.globalDashboard .mainContainer.withRightToolbar main {
+  margin-right: 45px;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel {
+  z-index: 20;
+  background: var(--globalDashboardLeftPanelBg, #f6f8fa);
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent > div {
+  flex: 1;
+  max-height: 100%;
+  overflow-y: auto;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent > div.allowOverflow {
+  overflow: visible;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent footer {
+  box-sizing: border-box;
+  position: absolute;
+  left: 20px;
+  right: 20px;
+  bottom: 0;
+  border-top: var(--globalDashboardLeftDivider, 1px solid #d3dee4);
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelContent section.leftPanelContent footer .versionText {
+  font-size: 11px;
+  line-height: 30px;
+  text-align: right;
+  width: 100%;
+  display: block;
+}
+.globalDashboard .mainContainer #dashboardLeftPanel .sidePanelClose {
+  background: inherit;
+}
+.globalDashboard .mainContainer #dashboardToolbar {
+  top: 0;
+  z-index: 20;
+}
+.globalDashboard .mainContainer .mainHeader {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 12;
+  padding: 0;
+}
+.globalDashboard .mainContainer .mainHeader header {
+  width: 100%;
+}
+.globalDashboard .mainContainer .mainHeader header .ventureLogos {
+  min-width: var(--sidePanelSizeMedium);
+  white-space: nowrap;
+  padding-left: 20px;
+  box-sizing: border-box;
+}
+.globalDashboard .mainContainer .mainHeader header .search_Field {
+  width: 250px;
+}
+.globalDashboard .mainContainer main {
+  box-sizing: border-box;
+  border-top: calc(var(--mainHeaderHeight) + 1px) solid transparent;
+  min-height: calc(100vh - var(--mainHeaderHeight));
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  transition: padding 0.3s ease;
+}
+.globalDashboard .mainContainer main.shifted {
+  margin-left: 0; /* Adjust the margin when the side panel is open */
+}
+.globalDashboard .mainContainer main h2,
+.globalDashboard .mainContainer main h3 {
+  margin-bottom: 20px;
+}
+.globalDashboard .mainContainer main .cardsGrid {
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}

package/dist/esm/components/layout/footers/reports/ReportFooter.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DATA_CLASSIFICATIONS, VENTURES } from '../../../../constants';
+import { dateToShortReadableDate } from '../../../../helpers';
+import './reportFooter.css';
+export const ReportFooter = ({
+  brand = 'x15Ventures',
+  date = new Date(),
+  classification = 'CONFIDENTIAL'
+}) => {
+  const ventureDefinition = VENTURES[brand];
+  return /*#__PURE__*/React.createElement("footer", {
+    className: "reportFooter"
+  }, ventureDefinition.logo.icon, /*#__PURE__*/React.createElement("ul", {
+    className: "noBullet reportFooterDetails"
+  }, /*#__PURE__*/React.createElement("li", null, ventureDefinition.name), /*#__PURE__*/React.createElement("li", null, dateToShortReadableDate(date)), /*#__PURE__*/React.createElement("li", null, DATA_CLASSIFICATIONS[classification].label)));
+};
+//# sourceMappingURL=ReportFooter.js.map

package/dist/esm/components/layout/footers/reports/ReportFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportFooter.js","names":["React","DATA_CLASSIFICATIONS","VENTURES","dateToShortReadableDate","ReportFooter","brand","date","Date","classification","ventureDefinition","createElement","className","logo","icon","name","label"],"sources":["../../../../../../src/components/layout/footers/reports/ReportFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { DATA_CLASSIFICATIONS, VENTURES } from '../../../../constants';\nimport { dateToShortReadableDate } from '../../../../helpers';\n\nimport './reportFooter.scss';\n\nexport interface ReportFooterProps {\n  brand?: string;\n  date?: string;\n  classification?: 'PUBLIC' | 'GROUP' | 'CONFIDENTIAL' | 'CUSTOMER_PERSONAL' | 'HIGHLY_PROTECTED';\n}\n\nexport const ReportFooter: React.FC<ReportFooterProps> = (\n  {\n    brand = 'x15Ventures',\n    date = new Date(),\n    classification = 'CONFIDENTIAL'\n  }\n) => {\n  const ventureDefinition = VENTURES[brand];\n\n  return (\n    <footer className=\"reportFooter\">\n      { ventureDefinition.logo.icon }\n      <ul className=\"noBullet reportFooterDetails\">\n        <li>{ ventureDefinition.name }</li>\n        <li>{ dateToShortReadableDate(date) }</li>\n        <li>{ DATA_CLASSIFICATIONS[classification].label }</li>\n      </ul>\n    </footer>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,EAAEC,QAAQ,QAAQ,uBAAuB;AACtE,SAASC,uBAAuB,QAAQ,qBAAqB;AAE7D,OAAO,qBAAqB;AAQ5B,OAAO,MAAMC,YAAyC,GAAGA,CACvD;EACEC,KAAK,GAAG,aAAa;EACrBC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAAC;EACjBC,cAAc,GAAG;AACnB,CAAC,KACE;EACH,MAAMC,iBAAiB,GAAGP,QAAQ,CAACG,KAAK,CAAC;EAEzC,oBACEL,KAAA,CAAAU,aAAA;IAAQC,SAAS,EAAC;EAAc,GAC5BF,iBAAiB,CAACG,IAAI,CAACC,IAAI,eAC7Bb,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC;EAA8B,gBAC1CX,KAAA,CAAAU,aAAA,aAAMD,iBAAiB,CAACK,IAAU,CAAC,eACnCd,KAAA,CAAAU,aAAA,aAAMP,uBAAuB,CAACG,IAAI,CAAO,CAAC,eAC1CN,KAAA,CAAAU,aAAA,aAAMT,oBAAoB,CAACO,cAAc,CAAC,CAACO,KAAW,CACpD,CACE,CAAC;AAEb,CAAC","ignoreList":[]}

package/dist/esm/components/layout/footers/reports/reportFooter.css

@@ -0,0 +1,38 @@
+/* Popovers */
+footer.reportFooter {
+  margin: 20px 0 0;
+  padding: 10px 0 0;
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: flex-start;
+  border-top: var(--searchPanelDivider);
+  font-size: 13px;
+}
+footer.reportFooter .icon {
+  font-size: 30px;
+}
+footer.reportFooter svg {
+  width: 30px;
+}
+footer.reportFooter .reportFooterDetails {
+  display: flex;
+  flex-direction: row;
+  column-gap: 20px;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+}
+footer.reportFooter .reportFooterDetails li {
+  flex: 1;
+  border-left: var(--searchPanelDivider);
+  text-align: center;
+}
+footer.reportFooter .reportFooterDetails li:first-child {
+  text-align: left;
+  border-left: none;
+}
+footer.reportFooter .reportFooterDetails li:last-of-type {
+  text-align: right;
+}