hrm_ui_lib 2.0.0-alpha.24 → 2.0.0-alpha.25

package/components/FormContainer/FormContainer.js

@@ -1,146 +1 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React, { useEffect } from 'react';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import classNames from 'classnames';
-import { FormContext } from '../../context/types.js';
-import { B as Button } from '../../Alert-C_U8td2x.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var FormContainer = function FormContainer(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    shouldUnregister = props.shouldUnregister,
-    _props$shouldFocusErr = props.shouldFocusError,
-    shouldFocusError = _props$shouldFocusErr === void 0 ? true : _props$shouldFocusErr,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'onBlur' : _props$mode,
-    initialValues = props.initialValues,
-    validationScheme = props.validationScheme,
-    buttonConfigs = props.buttonConfigs,
-    formId = props.formId,
-    language = props.language,
-    onSubmit = props.onSubmit;
-  var _useForm = useForm({
-      mode: mode,
-      resolver: yupResolver(validationScheme),
-      defaultValues: initialValues,
-      shouldFocusError: shouldFocusError,
-      shouldUnregister: shouldUnregister
-    }),
-    handleSubmit = _useForm.handleSubmit,
-    register = _useForm.register,
-    setValue = _useForm.setValue,
-    control = _useForm.control,
-    formState = _useForm.formState,
-    getValues = _useForm.getValues,
-    watch = _useForm.watch,
-    reset = _useForm.reset,
-    clearErrors = _useForm.clearErrors,
-    setError = _useForm.setError,
-    trigger = _useForm.trigger,
-    getFieldState = _useForm.getFieldState,
-    unregister = _useForm.unregister;
-  var errors = formState.errors,
-    isDirty = formState.isDirty,
-    isSubmitted = formState.isSubmitted,
-    isSubmitting = formState.isSubmitting,
-    dirtyFields = formState.dirtyFields;
-  var customSubmit = function customSubmit(data) {
-    if (onSubmit) {
-      onSubmit(data, formState, dirtyFields);
-    }
-  };
-  useEffect(function () {
-    if (formState.isSubmitted) {
-      var fieldsWithErrors = Object.keys(formState.errors);
-      if (fieldsWithErrors.length > 0) {
-        trigger(fieldsWithErrors); // only revalidate fields that have errors
-      }
-    }
-  }, [language]);
-  return /*#__PURE__*/React.createElement("form", {
-    onSubmit: handleSubmit(customSubmit),
-    id: formId,
-    className: classNames('form-container', className)
-  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: {
-      trigger: trigger,
-      register: register,
-      errors: errors,
-      control: control,
-      setValue: setValue,
-      getValues: getValues,
-      watch: watch,
-      reset: reset,
-      isDirty: isDirty,
-      isSubmitted: isSubmitted,
-      isSubmitting: isSubmitting,
-      clearErrors: clearErrors,
-      setError: setError,
-      dirtyFields: dirtyFields,
-      getFieldState: getFieldState,
-      unregister: unregister,
-      onSubmit: function onSubmit() {
-        return handleSubmit(customSubmit)();
-      }
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, children, buttonConfigs && /*#__PURE__*/React.createElement("div", {
-    className: "form-container__buttons"
-  }, buttonConfigs.map(function (buttonConfig, index) {
-    return /*#__PURE__*/React.createElement(Button, _extends({}, buttonConfig, {
-      key: index
-    }));
-  })))));
-};
-
-export { FormContainer };
+import{jsx as t,jsxs as O,Fragment as P}from"react/jsx-runtime";import{useEffect as R,createElement as U}from"react";import{useForm as W}from"react-hook-form";import{yupResolver as q}from"@hookform/resolvers/yup";import z from"classnames";import{FormContext as A}from"../../context/types.js";import{Button as G}from"../Button/Button.js";const X=r=>{const{children:e,className:s="",shouldUnregister:o,shouldFocusError:i=!0,mode:a="onBlur",initialValues:m,validationScheme:n,buttonConfigs:l,formId:u,language:c,onSubmit:d}=r,{handleSubmit:g,register:f,setValue:h,control:S,formState:b,getValues:p,watch:F,reset:y,clearErrors:E,setError:v,trigger:j,getFieldState:x,unregister:V}=W({mode:a,resolver:q(n),defaultValues:m,shouldFocusError:i,shouldUnregister:o}),{errors:k,isDirty:B,isSubmitted:C,isSubmitting:N,dirtyFields:w}=b,D=r=>{d&&d(r,b,w)};return R(()=>{if(b.isSubmitted){const r=Object.keys(b.errors);r.length>0&&j(r)}},[c]),/* @__PURE__ */t("form",{onSubmit:g(D),id:u,className:z("form-container",s),children:/* @__PURE__ */t(A.Provider,{value:{trigger:j,register:f,errors:k,control:S,setValue:h,getValues:p,watch:F,reset:y,isDirty:B,isSubmitted:C,isSubmitting:N,clearErrors:E,setError:v,dirtyFields:w,getFieldState:x,unregister:V,onSubmit:()=>g(D)()},children:/* @__PURE__ */O(P,{children:[e,l&&/* @__PURE__ */t("div",{className:"form-container__buttons",children:l.map((r,e)=>/* @__PURE__ */U(G,{...r,key:e}))})]})})})};export{X as FormContainer};

package/components/FormContainer/index.js

@@ -1,57 +1 @@
-export { FormContainer } from './FormContainer.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'react-hook-form';
-import '@hookform/resolvers/yup';
-import 'classnames';
-import '../../context/types.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{FormContainer as e}from"./FormContainer.js";export{e as FormContainer};

package/components/FormContainer/types.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { FormState } from 'react-hook-form';
+import { FormState, ValidationMode } from 'react-hook-form';
 import { AnyObjectSchema } from 'yup';
-import { ValidationMode } from 'react-hook-form/dist/types/form';
 import { TButtonPropTypes } from '../Button/types';
 export type TDirtyFields = Partial<Readonly<{
     [x: string]: unknown;

package/components/FormField/FormField.js

@@ -1,117 +1,2 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { useContext } from 'react';
-import { ErrorMessage } from '@hookform/error-message';
-import classNames from 'classnames';
-import 'dayjs';
-import { ErrorMessage as ErrorMessage$1 } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import { FormContext } from '../../context/types.js';
-import '../../hooks/useScreenSize.js';
-import { Controller } from 'react-hook-form';
-import '../../Alert-C_U8td2x.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var FormField = function FormField(props) {
-  var As = props.As,
-    name = props.name,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$hideErrorMessa = props.hideErrorMessage,
-    hideErrorMessage = _props$hideErrorMessa === void 0 ? false : _props$hideErrorMessa,
-    errorMessageIcon = props.errorMessageIcon;
-  var _useContext = useContext(FormContext),
-    register = _useContext.register,
-    errors = _useContext.errors,
-    setValue = _useContext.setValue,
-    control = _useContext.control;
-  if (!register) {
-    return null;
-  }
-  var registerOptions = register(name);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('form-container__field', className, name)
-  }, /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: name,
-    render: function render(_ref) {
-      var field = _ref.field,
-        fieldState = _ref.fieldState;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, As(_objectSpread(_objectSpread({
-        hasError: !!fieldState.error,
-        isValid: fieldState.isTouched && fieldState.isDirty && !fieldState.invalid,
-        dataId: dataId
-      }, registerOptions), {}, {
-        setFieldValue: function setFieldValue(data, name, options) {
-          return setValue(data, name, _objectSpread({
-            shouldValidate: true,
-            shouldDirty: true,
-            shouldTouch: true
-          }, options));
-        }
-      }, field)), !hideErrorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, {
-        name: name,
-        errors: errors,
-        render: function render(_ref2) {
-          var message = _ref2.message;
-          return /*#__PURE__*/React.createElement(ErrorMessage$1, {
-            dataId: dataId,
-            message: message || '',
-            className: "full-width",
-            icon: errorMessageIcon
-          });
-        }
-      }) : null);
-    }
-  }));
-};
-
-export { FormField };
+import{jsx as o,jsxs as F,Fragment as M}from"react/jsx-runtime";import{useContext as V}from"react";import{ErrorMessage as N}from"@hookform/error-message";import{ErrorMessage as C}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{FormContext as j}from"../../context/types.js";import{Controller as v}from"react-hook-form";import y from"classnames";const $=r=>{const{As:e,name:s,className:a="",dataId:t="",hideErrorMessage:l=!1,errorMessageIcon:m,defaultValue:i}=r,{register:n,errors:d,setValue:c,control:u}=V(j);if(!n)return null;const f=n(s);/* @__PURE__ */
+return o("div",{className:y("form-container__field",a,s),children:/* @__PURE__ */o(v,{control:u,name:s,...i?{defaultValue:i}:{},render:({field:r,fieldState:a})=>/* @__PURE__ */F(M,{children:[e({hasError:!!a.error,isValid:a.isTouched&&a.isDirty&&!a.invalid,dataId:t,...f,setFieldValue:(r,e,o)=>c(r,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0,...o}),...r}),l?null:/* @__PURE__ */o(N,{name:s,errors:d,render:({message:r})=>/* @__PURE__ */o(C,{dataId:t,message:r||"",className:"full-width",icon:m})})]})})})};export{$ as FormField};

package/components/FormField/index.js

@@ -1,58 +1 @@
-export { FormField } from './FormField.js';
-import '@babel/runtime/helpers/defineProperty';
-import 'react';
-import '@hookform/error-message';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import '../IconDynamicComponent/IconDynamicComponent.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../context/types.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-C_U8td2x.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import 'dayjs/plugin/utc';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'motion/react';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import 'react-syntax-highlighter/dist/esm/styles/prism';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import 'react-toastify/dist/ReactToastify.css';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{FormField as e}from"./FormField.js";export{e as FormField};

package/components/FormField/types.d.ts

@@ -5,4 +5,5 @@ export interface TFormFieldPropTypes {
     dataId?: string;
     hideErrorMessage?: boolean;
     errorMessageIcon?: string;
+    defaultValue?: any;
 }

package/components/Heading/Heading.js

@@ -1,29 +1,2 @@
-import React from 'react';
-import { noop } from '../../utils/helpers.js';
-import classNames from 'classnames';
-import 'dayjs';
-
-var Heading = function Heading(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'large' : _props$lineHeight,
-    _props$type = props.type,
-    As = _props$type === void 0 ? 'h1' : _props$type,
-    _props$weight = props.weight,
-    weight = _props$weight === void 0 ? 'regular' : _props$weight,
-    _props$onClick = props.onClick,
-    onClick = _props$onClick === void 0 ? noop : _props$onClick,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId;
-  return /*#__PURE__*/React.createElement(As, {
-    dataid: dataId,
-    onClick: onClick,
-    className: classNames('heading', size && "heading-".concat(size), weight, lineHeight && "lh-".concat(lineHeight), className)
-  }, children);
-};
-
-export { Heading };
+import{jsx as n}from"react/jsx-runtime";import{noop as d}from"../../utils/helpers.js";import c from"classnames";const f=e=>{const{children:a,className:s="",size:i="small",lineHeight:r="large",type:l="h1",weight:t="regular",onClick:o=d,dataId:m=""}=e;/* @__PURE__ */
+return n(l,{dataid:m,onClick:o,className:c("heading",i&&`heading-${i}`,t,r&&`lh-${r}`,s),children:a})};export{f as Heading};

package/components/Heading/index.js

@@ -1,5 +1 @@
-export { Heading } from './Heading.js';
-import 'react';
-import '../../utils/helpers.js';
-import 'dayjs';
-import 'classnames';
+import{Heading as r}from"./Heading.js";export{r as Heading};

package/components/IconDynamicComponent/IconDynamicComponent.js

@@ -1,40 +1 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React, { useMemo, lazy, Suspense } from 'react';
-
-var _excluded = ["componentName"];
-var IconDynamicComponent = function IconDynamicComponent(_ref) {
-  var componentName = _ref.componentName,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var toPascalCase = function toPascalCase(value) {
-    return value.replace(/^[a-z]/, function (m) {
-      return m.toUpperCase();
-    }).replace(/[A-Z]/g, function (m) {
-      return " ".concat(m);
-    }).trim().split(/\s|_|-/).map(function (word) {
-      return word.charAt(0).toUpperCase() + word.slice(1);
-    }).join('');
-  };
-  var exportName = useMemo(function () {
-    if (!componentName) return null;
-    return "Icon".concat(toPascalCase(componentName));
-  }, [componentName]);
-  var Component = useMemo(function () {
-    if (!exportName) return null;
-    return /*#__PURE__*/lazy(function () {
-      return import('../SVGIcons/index.js').then(function (mod) {
-        var _mod$exportName;
-        return {
-          "default": (_mod$exportName = mod[exportName]) !== null && _mod$exportName !== void 0 ? _mod$exportName : function () {
-            return null;
-          }
-        };
-      });
-    });
-  }, [exportName]);
-  if (!Component) return null;
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(Component, rest));
-};
-
-export { IconDynamicComponent };
+import{jsx as o}from"react/jsx-runtime";import{useMemo as s,lazy as u,Suspense as c}from"react";const f=({componentName:e,...n})=>{const a=s(()=>{return e?`Icon${n=e,n.replace(/^[a-z]/,e=>e.toUpperCase()).replace(/[A-Z]/g,e=>` ${e}`).trim().split(/\s|_|-/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("")}`:null;var n},[e]),r=s(()=>a?u(()=>import("../SVGIcons/index.js").then(e=>({default:e[a]??(()=>null)}))):null,[a]);return r?/* @__PURE__ */o(c,{fallback:null,children:/* @__PURE__ */o(r,{...n})}):null};export{f as IconDynamicComponent};

package/components/IconDynamicComponent/index.js

@@ -1,3 +1 @@
-export { IconDynamicComponent } from './IconDynamicComponent.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
+import{IconDynamicComponent as m}from"./IconDynamicComponent.js";export{m as IconDynamicComponent};

package/components/Image/Image.js

@@ -1,33 +1 @@
-import React from 'react';
-
-var Image = function Image(props) {
-  var name = props.name,
-    _props$imagePath = props.imagePath,
-    imagePath = _props$imagePath === void 0 ? 'static/media/src/assets/images/image-placeholder.png' : _props$imagePath,
-    isBackgroundImage = props.isBackgroundImage,
-    backgroundSize = props.backgroundSize,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    isFullWidth = props.isFullWidth,
-    isFullHeight = props.isFullHeight,
-    ratio = props.ratio;
-  return isBackgroundImage ? /*#__PURE__*/React.createElement("div", {
-    className: "image image--bg ".concat(className),
-    style: {
-      backgroundImage: "".concat(imagePath ? "url(".concat(imagePath, ")") : ''),
-      backgroundSize: backgroundSize,
-      aspectRatio: ratio
-    }
-  }) : /*#__PURE__*/React.createElement("img", {
-    className: "image ".concat(className),
-    src: imagePath,
-    alt: name,
-    style: {
-      aspectRatio: ratio,
-      width: isFullWidth ? '100%' : '',
-      height: isFullHeight ? '100%' : ''
-    }
-  });
-};
-
-export { Image };
+import{jsx as s}from"react/jsx-runtime";const d=a=>{const{name:e,imagePath:i="static/media/src/assets/images/image-placeholder.png",isBackgroundImage:t,backgroundSize:g,className:m="",isFullWidth:r,isFullHeight:c,ratio:o}=a;return t?/* @__PURE__ */s("div",{className:`image image--bg ${m}`,style:{backgroundImage:""+(i?`url(${i})`:""),backgroundSize:g,aspectRatio:o}}):/* @__PURE__ */s("img",{className:`image ${m}`,src:i,alt:e,fetchPriority:"low",style:{aspectRatio:o,width:r?"100%":"",height:c?"100%":""}})};export{d as Image};

package/components/Image/index.js

@@ -1,2 +1 @@
-export { Image } from './Image.js';
-import 'react';
+import{Image as o}from"./Image.js";export{o as Image};