acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/cjs/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n  (\n    {\n      className,\n      image,\n      icon,\n      pictogram,\n      title,\n      description,\n      size = Sizes.Medium,\n      actions,\n      actionsAlignment = Alignments.Center,\n      ...rest\n    }: IEmptyStateProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => (\n    <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n      {!!(image ?? pictogram ?? icon) && (\n        <Styled.VisualPlaceholder\n          $size={size}\n          $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n          $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n        >\n          {image ?? pictogram ?? icon?.component}\n        </Styled.VisualPlaceholder>\n      )}\n\n      {!!(title ?? description) && (\n        <Styled.TextPlaceholder $size={size}>\n          {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n          {typeof description === 'string' ? (\n            <Styled.Description $size={size}>{description}</Styled.Description>\n          ) : (\n            description\n          )}\n        </Styled.TextPlaceholder>\n      )}\n\n      {!!actions?.length && (\n        <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n          {actions.map((actionButton) => {\n            if ('href' in actionButton && actionButton.href) {\n              return (\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n                  {actionButton.label}\n                </ButtonLink>\n              );\n            }\n\n            if ('action' in actionButton) {\n              if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n                return (\n                  <SentimentButton\n                    key={actionButton.label}\n                    size={size}\n                    onClick={actionButton.action}\n                    {...actionButton.props}\n                  >\n                    {actionButton.label}\n                  </SentimentButton>\n                );\n              }\n\n              return (\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n                  {actionButton.label}\n                </Button>\n              );\n            }\n\n            return null;\n          })}\n        </Styled.Actions>\n      )}\n    </Styled.EmptyState>\n  ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":"qcAaMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,OAC9B,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,WAAA,CAAkB,IAAAF,EAAU,MAAON,EAAM,UAAWS,EAAWC,EAAAA,kBAAmBhB,CAAS,EAAI,GAAGW,EAChG,SAAA,CAAA,CAAC,EAAEV,GAASE,GAAaD,IACxBe,EAAAA,IAACC,EAAAA,kBAAA,CACC,MAAOZ,EACP,SAAUa,EAAAA,4BAA4C,CAAC,CAAClB,EAAO,CAAC,CAACE,EAAW,CAAC,CAACD,CAAI,EAClF,gBAAgBA,GAAA,YAAAA,EAAM,YAAakB,EAAAA,iBAAiB,WAAW,QAE9D,SAAAnB,GAASE,IAAaD,GAAA,YAAAA,EAAM,UAAA,CAAA,EAIhC,CAAC,EAAEE,GAASC,WACVgB,EAAAA,gBAAA,CAAuB,MAAOf,EAC5B,SAAA,CAAA,CAAC,CAACF,GAASa,EAAAA,IAACK,EAAAA,MAAA,CAAa,MAAOhB,EAAO,SAAAF,EAAM,EAC7C,OAAOC,GAAgB,SACtBY,EAAAA,IAACM,EAAAA,YAAA,CAAmB,MAAOjB,EAAO,SAAAD,CAAA,CAAY,EAE9CA,CAAA,EAEJ,EAGD,CAAC,EAACG,GAAA,MAAAA,EAAS,eACTgB,EAAAA,QAAA,CAAe,MAAOlB,EAAM,kBAAmBG,EAC7C,SAAAD,EAAQ,IAAKiB,GACR,SAAUA,GAAgBA,EAAa,KAEvCR,EAAAA,IAACS,EAAA,CAAoC,KAAApB,EAAY,KAAMmB,EAAa,KAAO,GAAGA,EAAa,MACxF,SAAAA,EAAa,KAAA,EADCA,EAAa,KAE9B,EAIA,WAAYA,EACVA,EAAa,OAAS,cAAeA,EAAa,OAASA,EAAa,MAAM,UAE9ER,EAAAA,IAACU,EAAA,CAEC,KAAArB,EACA,QAASmB,EAAa,OACrB,GAAGA,EAAa,MAEhB,SAAAA,EAAa,KAAA,EALTA,EAAa,KAAA,EAWtBR,EAAAA,IAACW,EAAA,CAAgC,KAAAtB,EAAY,QAASmB,EAAa,OAAS,GAAGA,EAAa,MACzF,SAAAA,EAAa,KAAA,EADHA,EAAa,KAE1B,EAIG,IACR,CAAA,CACH,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n  (\n    {\n      className,\n      image,\n      icon,\n      pictogram,\n      title,\n      description,\n      size = Sizes.Medium,\n      actions,\n      actionsAlignment = Alignments.Center,\n      ...rest\n    }: IEmptyStateProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => (\n    <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n      {!!(image ?? pictogram ?? icon) && (\n        <Styled.VisualPlaceholder\n          $size={size}\n          $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n          $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n        >\n          {image ?? pictogram ?? icon?.component}\n        </Styled.VisualPlaceholder>\n      )}\n\n      {!!(title ?? description) && (\n        <Styled.TextPlaceholder $size={size}>\n          {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n          {typeof description === 'string' ? (\n            <Styled.Description $size={size}>{description}</Styled.Description>\n          ) : (\n            description\n          )}\n        </Styled.TextPlaceholder>\n      )}\n\n      {!!actions?.length && (\n        <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n          {actions.map((actionButton) => {\n            if ('href' in actionButton && actionButton.href) {\n              return (\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n                  {actionButton.label}\n                </ButtonLink>\n              );\n            }\n\n            if ('action' in actionButton) {\n              if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n                return (\n                  <SentimentButton\n                    key={actionButton.label}\n                    size={size}\n                    onClick={actionButton.action}\n                    {...actionButton.props}\n                  >\n                    {actionButton.label}\n                  </SentimentButton>\n                );\n              }\n\n              return (\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n                  {actionButton.label}\n                </Button>\n              );\n            }\n\n            return null;\n          })}\n        </Styled.Actions>\n      )}\n    </Styled.EmptyState>\n  ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":"qcAaMA,EAAaC,EAAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,OAC9B,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,WAAA,CAAkB,IAAAF,EAAU,MAAON,EAAM,UAAWS,EAAWC,EAAAA,kBAAmBhB,CAAS,EAAI,GAAGW,EAChG,SAAA,CAAA,CAAC,EAAEV,GAASE,GAAaD,IACxBe,EAAAA,IAACC,EAAAA,kBAAA,CACC,MAAOZ,EACP,SAAUa,EAAAA,4BAA4C,CAAC,CAAClB,EAAO,CAAC,CAACE,EAAW,CAAC,CAACD,CAAI,EAClF,eAAgBA,GAAM,WAAakB,EAAAA,iBAAiB,WAAW,QAE9D,SAAAnB,GAASE,GAAaD,GAAM,SAAA,CAAA,EAIhC,CAAC,EAAEE,GAASC,WACVgB,EAAAA,gBAAA,CAAuB,MAAOf,EAC5B,SAAA,CAAA,CAAC,CAACF,GAASa,EAAAA,IAACK,EAAAA,MAAA,CAAa,MAAOhB,EAAO,SAAAF,EAAM,EAC7C,OAAOC,GAAgB,SACtBY,EAAAA,IAACM,EAAAA,YAAA,CAAmB,MAAOjB,EAAO,SAAAD,CAAA,CAAY,EAE9CA,CAAA,EAEJ,EAGD,CAAC,CAACG,GAAS,cACTgB,EAAAA,QAAA,CAAe,MAAOlB,EAAM,kBAAmBG,EAC7C,SAAAD,EAAQ,IAAKiB,GACR,SAAUA,GAAgBA,EAAa,KAEvCR,EAAAA,IAACS,EAAA,CAAoC,KAAApB,EAAY,KAAMmB,EAAa,KAAO,GAAGA,EAAa,MACxF,SAAAA,EAAa,KAAA,EADCA,EAAa,KAE9B,EAIA,WAAYA,EACVA,EAAa,OAAS,cAAeA,EAAa,OAASA,EAAa,MAAM,UAE9ER,EAAAA,IAACU,EAAA,CAEC,KAAArB,EACA,QAASmB,EAAa,OACrB,GAAGA,EAAa,MAEhB,SAAAA,EAAa,KAAA,EALTA,EAAa,KAAA,EAWtBR,EAAAA,IAACW,EAAA,CAAgC,KAAAtB,EAAY,QAASmB,EAAa,OAAS,GAAGA,EAAa,MACzF,SAAAA,EAAa,KAAA,EADHA,EAAa,KAE1B,EAIG,IACR,CAAA,CACH,CAAA,CAAA,CAEJ,CAEJ"}

package/build/cjs/components/FileUploader/FileUploader.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),y=require("../../react-base/src/consts/index.js"),k=require("../../react-base/src/components/FileUploader/FileUploader.consts.js"),u=require("../../react-base/src/components/FileUploader/FileUploader.types.js"),v=require("acinguiux-ds-fabrics"),d=require("./FileUploader.styles.js"),A=require("../Flexbox/Flexbox.js"),B=require("./components/FileUpload/FileUpload.js"),S=require("./components/FileUpload/FileUpload.styles.js"),K=require("./components/FileUploadErrorMessage/FileUploadErrorMessage.js"),V=require("./components/FileUploadContent/FileUploadContent.js"),H=require("./hooks/useFileUploaderProps.js"),O=o.forwardRef(({size:t=`${y.Sizes.Medium}`,filePreview:p=`${u.FilePreview.Image}`,progressBarType:h="line",disabled:n=!1,showIcon:j=!0,showUploads:D=!0,showAcceptedFiles:R,showDescription:U=!0,showButton:C=!0,dropzoneAlignment:T=`${y.Directions.Vertical}`,...i},w)=>{const{renderFileUploads:E,hasError:F,accept:I,acceptedTextMapper:x,isFirstFileUploadComplete:b,handleOnRemoveFile:f,onChange:M,onClick:z,dropResult:{isDropTarget:l,dropProps:N},isSingleFileType:P,fileType:m,fileUploads:s,renderSingleDeleteFile:_,fileInputRef:c}=H(i),a=o.useRef(null),g=o.useRef(null);g.current=o.useMemo(()=>{var e;return l?((e=a.current)==null?void 0:e.getBoundingClientRect())??null:null},[l,a.current]);const{onError:Z,onProgress:G,initialFiles:J,...$}=i;return r.jsxs(d.DropzoneContainer,{"data-invalid":F,"data-disabled":n,size:t,ref:w,gap:"16px",flexDirection:m===u.FileType.MultiHorizontal?"row":"column",children:[r.jsxs(d.DropZone,{...$,size:t,rect:g.current,isDropTarget:l,ref:a,tabIndex:0,"data-dropzone":!0,onKeyDown:e=>{var q;(e.key==="Enter"||e.code==="Space")&&c.current&&c.current.click(),(q=i.onKeyDown)==null||q.call(i,e)},children:[r.jsx(V,{renderSingleDeleteFile:_,fileUploads:s,isSingleFileType:P,isDropTarget:l,filePreview:p,isFirstFileUploadComplete:b,progressBarType:h,renderErrorsInside:F,acceptedTextMapper:x,size:t,disabled:n,showIcon:j,showAcceptedFiles:R??U,showButton:C,maxFileSize:i.maxFileSize,dropzoneAlignment:T}),r.jsx(d.FileInput,{...N,onClick:z,ref:c,onChange:M,multiple:m!==u.FileType.Single,tabIndex:-1,"aria-hidden":"true",type:"file",accept:I})]}),D&&E&&r.jsxs(A,{flexDirection:"column",gap:`${k.consts[t].attachedFiles.gap}`,children:[s.filter(e=>!!e.errors).map(e=>r.jsx(S.StyledAlert,{sentiment:v.FabricsVariables.Sentiments.Negative,title:"The following files could not be uploaded:",size:t,onClose:()=>f(e.fileName),closeButton:!0,icon:r.jsx(S.StyledAlertCircle,{size:t}),children:r.jsx(K,{size:t,disabled:n,fileUploadError:e,acceptedTextMapper:x,maxFilesSize:i.maxFileSize})},e.fileName)),s.filter(e=>!e.errors).map(e=>r.jsx(B,{...e,handleOnRemoveFile:f,filePreview:p,size:t,disabled:n},e.fileName))]})]})});module.exports=O;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),q=require("../../react-base/src/consts/index.js"),k=require("../../react-base/src/components/FileUploader/FileUploader.consts.js"),u=require("../../react-base/src/components/FileUploader/FileUploader.types.js"),v=require("acinguiux-ds-fabrics"),d=require("./FileUploader.styles.js"),A=require("../Flexbox/Flexbox.js"),B=require("./components/FileUpload/FileUpload.js"),y=require("./components/FileUpload/FileUpload.styles.js"),K=require("./components/FileUploadErrorMessage/FileUploadErrorMessage.js"),V=require("./components/FileUploadContent/FileUploadContent.js"),H=require("./hooks/useFileUploaderProps.js"),O=o.forwardRef(({size:t=`${q.Sizes.Medium}`,filePreview:p=`${u.FilePreview.Image}`,progressBarType:S="line",disabled:n=!1,showIcon:h=!0,showUploads:j=!0,showErrors:D=!0,showAcceptedFiles:R,showDescription:U=!0,showButton:C=!0,dropzoneAlignment:T=`${q.Directions.Vertical}`,...i},w)=>{const{renderFileUploads:E,hasError:F,accept:I,acceptedTextMapper:x,isFirstFileUploadComplete:b,handleOnRemoveFile:f,onChange:M,onClick:z,dropResult:{isDropTarget:l,dropProps:N},isSingleFileType:P,fileType:m,fileUploads:s,renderSingleDeleteFile:_,fileInputRef:c}=H(i),a=o.useRef(null),g=o.useRef(null);g.current=o.useMemo(()=>l?a.current?.getBoundingClientRect()??null:null,[l,a.current]);const{onError:Z,onProgress:G,initialFiles:J,...$}=i;return r.jsxs(d.DropzoneContainer,{"data-invalid":F,"data-disabled":n,size:t,ref:w,gap:"16px",flexDirection:m===u.FileType.MultiHorizontal?"row":"column",children:[r.jsxs(d.DropZone,{...$,size:t,rect:g.current,isDropTarget:l,ref:a,tabIndex:0,"data-dropzone":!0,onKeyDown:e=>{(e.key==="Enter"||e.code==="Space")&&c.current&&c.current.click(),i.onKeyDown?.(e)},children:[r.jsx(V,{renderSingleDeleteFile:_,fileUploads:s,isSingleFileType:P,isDropTarget:l,filePreview:p,isFirstFileUploadComplete:b,progressBarType:S,renderErrorsInside:F,acceptedTextMapper:x,size:t,disabled:n,showIcon:h,showAcceptedFiles:R??U,showButton:C,maxFileSize:i.maxFileSize,dropzoneAlignment:T}),r.jsx(d.FileInput,{...N,onClick:z,ref:c,onChange:M,multiple:m!==u.FileType.Single,tabIndex:-1,"aria-hidden":"true",type:"file",accept:I})]}),E&&r.jsxs(A,{flexDirection:"column",gap:`${k.consts[t].attachedFiles.gap}`,children:[D&&s.filter(e=>!!e.errors).map(e=>r.jsx(y.StyledAlert,{sentiment:v.FabricsVariables.Sentiments.Negative,title:"The following files could not be uploaded:",size:t,onClose:()=>f(e.fileName),closeButton:!0,icon:r.jsx(y.StyledAlertCircle,{size:t}),children:r.jsx(K,{size:t,disabled:n,fileUploadError:e,acceptedTextMapper:x,maxFilesSize:i.maxFileSize})},e.fileName)),j&&s.filter(e=>!e.errors).map(e=>r.jsx(B,{...e,handleOnRemoveFile:f,filePreview:p,size:t,disabled:n},e.fileName))]})]})});module.exports=O;
 //# sourceMappingURL=FileUploader.js.map

package/build/cjs/components/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n      progressBarType = 'line',\n      disabled = false,\n      showIcon = true,\n      showUploads = true,\n      showAcceptedFiles,\n      showDescription = true,\n      showButton = true,\n      dropzoneAlignment = `${Directions.Vertical}`,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      renderFileUploads,\n      hasError,\n      accept,\n      acceptedTextMapper,\n      isFirstFileUploadComplete,\n      handleOnRemoveFile,\n      onChange,\n      onClick,\n      dropResult: { isDropTarget, dropProps },\n      isSingleFileType,\n      fileType,\n      fileUploads,\n      renderSingleDeleteFile,\n      fileInputRef,\n    } = useFileUploaderProps(props);\n\n    const dropzoneRef = useRef<HTMLLabelElement | null>(null);\n    const dropzoneRect = useRef<DOMRect | null>(null);\n\n    // Stops the dropzone from collapsing when files are moved over it\n    // Don't want to use hard coded width/height\n    dropzoneRect.current = useMemo(\n      () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isDropTarget, dropzoneRef.current],\n    );\n\n    const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n    return (\n      <Styled.DropzoneContainer\n        data-invalid={hasError}\n        data-disabled={disabled}\n        size={size}\n        ref={ref}\n        gap=\"16px\"\n        flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n      >\n        <Styled.DropZone\n          {...dropzoneProps}\n          size={size}\n          rect={dropzoneRect.current}\n          isDropTarget={isDropTarget}\n          ref={dropzoneRef}\n          tabIndex={0}\n          data-dropzone={true}\n          onKeyDown={(e) => {\n            if ((e.key === 'Enter' || e.code === 'Space') && fileInputRef.current) {\n              fileInputRef.current.click();\n            }\n            props.onKeyDown?.(e);\n          }}\n        >\n          <FileUploadContent\n            renderSingleDeleteFile={renderSingleDeleteFile}\n            fileUploads={fileUploads}\n            isSingleFileType={isSingleFileType}\n            isDropTarget={isDropTarget}\n            filePreview={filePreview}\n            isFirstFileUploadComplete={isFirstFileUploadComplete}\n            progressBarType={progressBarType}\n            renderErrorsInside={hasError}\n            acceptedTextMapper={acceptedTextMapper}\n            size={size}\n            disabled={disabled}\n            showIcon={showIcon}\n            showAcceptedFiles={showAcceptedFiles ?? showDescription}\n            showButton={showButton}\n            maxFileSize={props.maxFileSize}\n            dropzoneAlignment={dropzoneAlignment}\n          />\n          <Styled.FileInput\n            {...dropProps}\n            onClick={onClick}\n            ref={fileInputRef}\n            onChange={onChange}\n            multiple={fileType !== FileUploaderTypes.FileType.Single}\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            type=\"file\"\n            accept={accept}\n          />\n        </Styled.DropZone>\n        {showUploads && renderFileUploads && (\n          <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n            {(fileUploads as FileUploaderTypes.IFileUploadError[])\n              .filter((fileUpload) => !!fileUpload.errors)\n              .map((fileUpload) => (\n                <StyledAlert\n                  key={fileUpload.fileName}\n                  sentiment={FabricsVariables.Sentiments.Negative}\n                  title=\"The following files could not be uploaded:\"\n                  size={size}\n                  onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n                  closeButton={true}\n                  icon={<StyledAlertCircle size={size} />}\n                >\n                  <FileUploadErrorMessage\n                    size={size}\n                    disabled={disabled}\n                    fileUploadError={fileUpload}\n                    acceptedTextMapper={acceptedTextMapper}\n                    maxFilesSize={props.maxFileSize}\n                  />\n                </StyledAlert>\n              ))}\n            {(fileUploads as FileUploaderTypes.IFileUpload[])\n              .filter((fileUpload) => !fileUpload.errors)\n              .map((fileUpload) => (\n                <FileUpload\n                  key={fileUpload.fileName}\n                  {...fileUpload}\n                  handleOnRemoveFile={handleOnRemoveFile}\n                  filePreview={filePreview}\n                  size={size}\n                  disabled={disabled}\n                />\n              ))}\n          </Flexbox>\n        )}\n      </Styled.DropzoneContainer>\n    );\n  },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","_a","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"yqBAeMA,EAAeC,EAAAA,WACnB,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EAAc,GAAGC,cAA8B,KAAK,GACpD,gBAAAC,EAAkB,OAClB,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,YAAAC,EAAc,GACd,kBAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,kBAAAC,EAAoB,GAAGC,aAAW,QAAQ,GAC1C,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CACJ,kBAAAC,EACA,SAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,QAAAC,EACA,WAAY,CAAE,aAAAC,EAAc,UAAAC,CAAA,EAC5B,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,aAAAC,CAAA,EACEC,EAAqBjB,CAAK,EAExBkB,EAAcC,EAAAA,OAAgC,IAAI,EAClDC,EAAeD,EAAAA,OAAuB,IAAI,EAIhDC,EAAa,QAAUC,EAAAA,QACrB,IAAA,OAAO,OAAAX,IAAgBY,EAAAJ,EAAY,UAAZ,YAAAI,EAAqB,0BAA2B,KAAQ,MAE/E,CAACZ,EAAcQ,EAAY,OAAO,CAAA,EAGpC,KAAM,CAAE,QAAAK,EAAS,WAAAC,EAAY,aAAAC,EAAc,GAAGC,GAAkB1B,EAEhE,OACE2B,EAAAA,KAACC,EAAAA,kBAAA,CACC,eAAczB,EACd,gBAAeX,EACf,KAAAL,EACA,IAAAc,EACA,IAAI,OACJ,cAAeY,IAAagB,EAAAA,SAA2B,gBAAkB,MAAQ,SAEjF,SAAA,CAAAF,EAAAA,KAACG,EAAAA,SAAA,CACE,GAAGJ,EACJ,KAAAvC,EACA,KAAMiC,EAAa,QACnB,aAAAV,EACA,IAAKQ,EACL,SAAU,EACV,gBAAe,GACf,UAAY,GAAM,QACX,EAAE,MAAQ,SAAW,EAAE,OAAS,UAAYF,EAAa,SAC5DA,EAAa,QAAQ,MAAA,GAEvBM,EAAAtB,EAAM,YAAN,MAAAsB,EAAA,KAAAtB,EAAkB,EACpB,EAEA,SAAA,CAAA+B,EAAAA,IAACC,EAAA,CACC,uBAAAjB,EACA,YAAAD,EACA,iBAAAF,EACA,aAAAF,EACA,YAAArB,EACA,0BAAAiB,EACA,gBAAAf,EACA,mBAAoBY,EACpB,mBAAAE,EACA,KAAAlB,EACA,SAAAK,EACA,SAAAC,EACA,kBAAmBE,GAAqBC,EACxC,WAAAC,EACA,YAAaG,EAAM,YACnB,kBAAAF,CAAA,CAAA,EAEFiC,EAAAA,IAACE,EAAAA,UAAA,CACE,GAAGtB,EACJ,QAAAF,EACA,IAAKO,EACL,SAAAR,EACA,SAAUK,IAAagB,EAAAA,SAA2B,OAClD,SAAU,GACV,cAAY,OACZ,KAAK,OACL,OAAAzB,CAAA,CAAA,CACF,CAAA,CAAA,EAEDV,GAAeQ,GACdyB,EAAAA,KAACO,EAAA,CAAQ,cAAc,SAAS,IAAK,GAAGC,EAAAA,OAA0BhD,CAAI,EAAE,cAAc,GAAG,GACrF,SAAA,CAAA2B,EACC,OAAQsB,GAAe,CAAC,CAACA,EAAW,MAAM,EAC1C,IAAKA,GACJL,EAAAA,IAACM,EAAAA,YAAA,CAEC,UAAWC,EAAAA,iBAAiB,WAAW,SACvC,MAAM,6CACN,KAAAnD,EACA,QAAS,IAAMoB,EAAmB6B,EAAW,QAAQ,EACrD,YAAa,GACb,KAAML,EAAAA,IAACQ,oBAAA,CAAkB,KAAApD,CAAA,CAAY,EAErC,SAAA4C,EAAAA,IAACS,EAAA,CACC,KAAArD,EACA,SAAAK,EACA,gBAAiB4C,EACjB,mBAAA/B,EACA,aAAcL,EAAM,WAAA,CAAA,CACtB,EAdKoC,EAAW,QAAA,CAgBnB,EACDtB,EACC,OAAQsB,GAAe,CAACA,EAAW,MAAM,EACzC,IAAKA,GACJL,EAAAA,IAACU,EAAA,CAEE,GAAGL,EACJ,mBAAA7B,EACA,YAAAlB,EACA,KAAAF,EACA,SAAAK,CAAA,EALK4C,EAAW,QAAA,CAOnB,CAAA,CAAA,CACL,CAAA,CAAA,CAAA,CAIR,CACF"}
+{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IFileUploaderProps } from './FileUploader.types';\nimport * as Styled from './FileUploader.styles';\nimport Flexbox from '../Flexbox/Flexbox';\nimport FileUpload from './components/FileUpload/FileUpload';\nimport { StyledAlert, StyledAlertCircle } from './components/FileUpload/FileUpload.styles';\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\n\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      filePreview = `${FileUploaderTypes.FilePreview.Image}`,\n      progressBarType = 'line',\n      disabled = false,\n      showIcon = true,\n      showUploads = true,\n      showErrors = true,\n      showAcceptedFiles,\n      showDescription = true,\n      showButton = true,\n      dropzoneAlignment = `${Directions.Vertical}`,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      renderFileUploads,\n      hasError,\n      accept,\n      acceptedTextMapper,\n      isFirstFileUploadComplete,\n      handleOnRemoveFile,\n      onChange,\n      onClick,\n      dropResult: { isDropTarget, dropProps },\n      isSingleFileType,\n      fileType,\n      fileUploads,\n      renderSingleDeleteFile,\n      fileInputRef,\n    } = useFileUploaderProps(props);\n\n    const dropzoneRef = useRef<HTMLLabelElement | null>(null);\n    const dropzoneRect = useRef<DOMRect | null>(null);\n\n    // Stops the dropzone from collapsing when files are moved over it\n    // Don't want to use hard coded width/height\n    dropzoneRect.current = useMemo(\n      () => (isDropTarget ? (dropzoneRef.current?.getBoundingClientRect() ?? null) : null),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isDropTarget, dropzoneRef.current],\n    );\n\n    const { onError, onProgress, initialFiles, ...dropzoneProps } = props;\n\n    return (\n      <Styled.DropzoneContainer\n        data-invalid={hasError}\n        data-disabled={disabled}\n        size={size}\n        ref={ref}\n        gap=\"16px\"\n        flexDirection={fileType === FileUploaderTypes.FileType.MultiHorizontal ? 'row' : 'column'}\n      >\n        <Styled.DropZone\n          {...dropzoneProps}\n          size={size}\n          rect={dropzoneRect.current}\n          isDropTarget={isDropTarget}\n          ref={dropzoneRef}\n          tabIndex={0}\n          data-dropzone={true}\n          onKeyDown={(e) => {\n            if ((e.key === 'Enter' || e.code === 'Space') && fileInputRef.current) {\n              fileInputRef.current.click();\n            }\n            props.onKeyDown?.(e);\n          }}\n        >\n          <FileUploadContent\n            renderSingleDeleteFile={renderSingleDeleteFile}\n            fileUploads={fileUploads}\n            isSingleFileType={isSingleFileType}\n            isDropTarget={isDropTarget}\n            filePreview={filePreview}\n            isFirstFileUploadComplete={isFirstFileUploadComplete}\n            progressBarType={progressBarType}\n            renderErrorsInside={hasError}\n            acceptedTextMapper={acceptedTextMapper}\n            size={size}\n            disabled={disabled}\n            showIcon={showIcon}\n            showAcceptedFiles={showAcceptedFiles ?? showDescription}\n            showButton={showButton}\n            maxFileSize={props.maxFileSize}\n            dropzoneAlignment={dropzoneAlignment}\n          />\n          <Styled.FileInput\n            {...dropProps}\n            onClick={onClick}\n            ref={fileInputRef}\n            onChange={onChange}\n            multiple={fileType !== FileUploaderTypes.FileType.Single}\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            type=\"file\"\n            accept={accept}\n          />\n        </Styled.DropZone>\n        {renderFileUploads && (\n          <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFiles.gap}`}>\n            {showErrors &&\n              (fileUploads as FileUploaderTypes.IFileUploadError[])\n                .filter((fileUpload) => !!fileUpload.errors)\n                .map((fileUpload) => (\n                  <StyledAlert\n                    key={fileUpload.fileName}\n                    sentiment={FabricsVariables.Sentiments.Negative}\n                    title=\"The following files could not be uploaded:\"\n                    size={size}\n                    onClose={() => handleOnRemoveFile(fileUpload.fileName)}\n                    closeButton={true}\n                    icon={<StyledAlertCircle size={size} />}\n                  >\n                    <FileUploadErrorMessage\n                      size={size}\n                      disabled={disabled}\n                      fileUploadError={fileUpload}\n                      acceptedTextMapper={acceptedTextMapper}\n                      maxFilesSize={props.maxFileSize}\n                    />\n                  </StyledAlert>\n                ))}\n            {showUploads &&\n              (fileUploads as FileUploaderTypes.IFileUpload[])\n                .filter((fileUpload) => !fileUpload.errors)\n                .map((fileUpload) => (\n                  <FileUpload\n                    key={fileUpload.fileName}\n                    {...fileUpload}\n                    handleOnRemoveFile={handleOnRemoveFile}\n                    filePreview={filePreview}\n                    size={size}\n                    disabled={disabled}\n                  />\n                ))}\n          </Flexbox>\n        )}\n      </Styled.DropzoneContainer>\n    );\n  },\n);\n\nexport default FileUploader;\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","FileUploaderTypes.FilePreview","progressBarType","disabled","showIcon","showUploads","showErrors","showAcceptedFiles","showDescription","showButton","dropzoneAlignment","Directions","props","ref","renderFileUploads","hasError","accept","acceptedTextMapper","isFirstFileUploadComplete","handleOnRemoveFile","onChange","onClick","isDropTarget","dropProps","isSingleFileType","fileType","fileUploads","renderSingleDeleteFile","fileInputRef","useFileUploaderProps","dropzoneRef","useRef","dropzoneRect","useMemo","onError","onProgress","initialFiles","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","Styled.DropZone","jsx","FileUploadContent","Styled.FileInput","Flexbox","FileUploaderConsts.consts","fileUpload","StyledAlert","FabricsVariables","StyledAlertCircle","FileUploadErrorMessage","FileUpload"],"mappings":"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"}

package/build/cjs/components/FileUploader/components/FileUploadContent/FileUploadContent.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),T=require("acinguiux-ds-fabrics"),i=require("./FileUploadContent.styles.js"),u=require("../FileUpload/FileUpload.utils.js"),I=require("../FileUpload/FileUpload.styles.js"),L=require("../../../Icon/components/Cross.js"),V=require("../../../Icon/components/TrashAlt.js"),o=require("../../FileUpload.utils.js"),c=require("./FileUploadContent.utils.js"),_=require("../../../Flexbox/Flexbox.js"),b=require("../../../Button/Button.js"),q=require("../../../Button/SentimentButton.js"),A=({size:n=`${t.Sizes.Medium}`,disabled:s,renderSingleDeleteFile:H,fileUploads:p,isSingleFileType:z,acceptedTextMapper:j,isFirstFileUploadComplete:x,isDropTarget:E,filePreview:$,progressBarType:g,renderErrorsInside:h,showIcon:m,showAcceptedFiles:D,showButton:U,maxFileSize:C,dropzoneAlignment:r})=>{var f,v;if(E)return e.jsxs(i.DropTargetContainer,{$dropzoneAlignment:r,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drop files"})})]});const l=p[0],B=h?q:b,G=x?e.jsx(q,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:T.FabricsVariables.Sentiments.Negative,icon:e.jsx(V,{}),label:"Remove file"}):e.jsx(b,{"aria-label":"Cancel upload",size:c.getActionButtonSize(n),variant:t.Variants.Outlined,icon:e.jsx(L,{}),label:"Cancel upload"}),y=H?G:U&&e.jsx(B,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:T.FabricsVariables.Sentiments.Negative,icon:e.jsx(i.AddIcon,{}),label:"Choose file","aria-hidden":"true"});if(h){const S=p.some(w=>{var F;return(F=w.errors)==null?void 0:F.hasGenericError});let d=null;switch(!0){case S:d=e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"An error occurred during the upload"});break;case((f=l.errors)==null?void 0:f.hasFileSizeError):d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"File size is too big"}),!!C&&e.jsxs(e.Fragment,{children:[e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:"Maximum accepted file size is: "}),e.jsx(u.FileSize,{fileSize:C,size:n,disabled:s})]})]});break;case((v=l.errors)==null?void 0:v.hasFileTypeError):d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"Invalid file type"}),e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:e.jsx(c.FileTypeErrorText,{acceptedTextMapper:j})})]});break}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.stateIconGap,children:[e.jsx(I.StyledErrorCross,{size:n}),e.jsx(i.TextContainer,{$dropzoneAlignment:r,children:d})]})}if(z&&l&&c.isFileUpload(l)&&p.length===1){const S=u.getIsUploadComplete(l.progressPercentage);return e.jsxs(_,{flexDirection:r===t.Directions.Vertical||g==="line"&&!S?"column":"row",gap:a.consts[n].dropzone.stateIconGap,alignItems:"center",flexGrow:1,children:[e.jsx(u.FileLoadingSuccess,{size:n,progressPercentage:l.progressPercentage,file:l.file,filePreview:$,type:g,label:!0}),e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,justifyContent:"space-between",gap:a.consts[n].dropzone.actionButtonGap,width:r===t.Directions.Horizontal?"100%":"auto",children:[e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:x?l.fileName:"Uploading your file"}),x?e.jsx(u.FileSize,{fileSize:l.file.size,size:n,disabled:s}):e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:l.fileName})]}),y]})]})}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.actionButtonGap,justifyContent:"space-between",children:[e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:r===t.Directions.Vertical?"4px":a.consts[n].dropzone.uploadIconGap,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drag and drop or choose a file"})}),D&&e.jsxs(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:["Accepts ",j("and")||"all file types"]})]})]}),y]})};module.exports=A;
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../../react-base/src/consts/index.js"),a=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),f=require("acinguiux-ds-fabrics"),i=require("./FileUploadContent.styles.js"),u=require("../FileUpload/FileUpload.utils.js"),B=require("../FileUpload/FileUpload.styles.js"),G=require("../../../Icon/components/Cross.js"),w=require("../../../Icon/components/TrashAlt.js"),o=require("../../FileUpload.utils.js"),c=require("./FileUploadContent.utils.js"),I=require("../../../Flexbox/Flexbox.js"),v=require("../../../Button/Button.js"),F=require("../../../Button/SentimentButton.js"),L=({size:n=`${t.Sizes.Medium}`,disabled:s,renderSingleDeleteFile:T,fileUploads:p,isSingleFileType:b,acceptedTextMapper:j,isFirstFileUploadComplete:x,isDropTarget:q,filePreview:H,progressBarType:g,renderErrorsInside:h,showIcon:m,showAcceptedFiles:z,showButton:E,maxFileSize:C,dropzoneAlignment:r})=>{if(q)return e.jsxs(i.DropTargetContainer,{$dropzoneAlignment:r,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drop files"})})]});const l=p[0],$=h?F:v,D=x?e.jsx(F,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:f.FabricsVariables.Sentiments.Negative,icon:e.jsx(w,{}),label:"Remove file"}):e.jsx(v,{"aria-label":"Cancel upload",size:c.getActionButtonSize(n),variant:t.Variants.Outlined,icon:e.jsx(G,{}),label:"Cancel upload"}),y=T?D:E&&e.jsx($,{size:c.getActionButtonSize(n),variant:t.Variants.Outlined,sentiment:f.FabricsVariables.Sentiments.Negative,icon:e.jsx(i.AddIcon,{}),label:"Choose file","aria-hidden":"true"});if(h){const S=p.some(U=>U.errors?.hasGenericError);let d=null;switch(!0){case S:d=e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"An error occurred during the upload"});break;case l.errors?.hasFileSizeError:d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"File size is too big"}),!!C&&e.jsxs(e.Fragment,{children:[e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:"Maximum accepted file size is: "}),e.jsx(u.FileSize,{fileSize:C,size:n,disabled:s})]})]});break;case l.errors?.hasFileTypeError:d=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:"Invalid file type"}),e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:e.jsx(c.FileTypeErrorText,{acceptedTextMapper:j})})]});break}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.stateIconGap,children:[e.jsx(B.StyledErrorCross,{size:n}),e.jsx(i.TextContainer,{$dropzoneAlignment:r,children:d})]})}if(b&&l&&c.isFileUpload(l)&&p.length===1){const S=u.getIsUploadComplete(l.progressPercentage);return e.jsxs(I,{flexDirection:r===t.Directions.Vertical||g==="line"&&!S?"column":"row",gap:a.consts[n].dropzone.stateIconGap,alignItems:"center",flexGrow:1,children:[e.jsx(u.FileLoadingSuccess,{size:n,progressPercentage:l.progressPercentage,file:l.file,filePreview:H,type:g,label:!0}),e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,justifyContent:"space-between",gap:a.consts[n].dropzone.actionButtonGap,width:r===t.Directions.Horizontal?"100%":"auto",children:[e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:x?l.fileName:"Uploading your file"}),x?e.jsx(u.FileSize,{fileSize:l.file.size,size:n,disabled:s}):e.jsx(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:l.fileName})]}),y]})]})}return e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:a.consts[n].dropzone.actionButtonGap,justifyContent:"space-between",children:[e.jsxs(i.ContentContainer,{$dropzoneAlignment:r,gap:r===t.Directions.Vertical?"4px":a.consts[n].dropzone.uploadIconGap,children:[m&&e.jsx(i.UploadCloudIcon,{}),e.jsxs(i.TextContainer,{$dropzoneAlignment:r,children:[e.jsx(i.Heading,{type:t.TextElementTypes.Span,level:o.HeadingSizeLevel[n],children:e.jsx("span",{children:"Drag and drop or choose a file"})}),z&&e.jsxs(i.Subtitle,{disabled:s,size:n===t.Sizes.XSmall?t.Sizes.Small:n,children:["Accepts ",j("and")||"all file types"]})]})]}),y]})};module.exports=L;
 //# sourceMappingURL=FileUploadContent.js.map

package/build/cjs/components/FileUploader/components/FileUploadContent/FileUploadContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, TextElementTypes, Directions } from 'acinguiux-ds-react-base/consts';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from '../FileUpload/FileUpload.utils';\nimport * as FileUploadStyled from '../FileUpload/FileUpload.styles';\nimport type { IFileUploadContentProps } from './FileUploadContent.types';\nimport Cross from '../../../Icon/components/Cross';\nimport TrashAlt from '../../../Icon/components/TrashAlt';\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\nimport { FileTypeErrorText, getActionButtonSize, isFileUpload } from './FileUploadContent.utils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { DropTargetContainer, ContentContainer, TextContainer } from './FileUploadContent.styles';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst FileUploadContent = ({\n  size = `${Sizes.Medium}`,\n  disabled,\n  renderSingleDeleteFile,\n  fileUploads,\n  isSingleFileType,\n  acceptedTextMapper,\n  isFirstFileUploadComplete,\n  isDropTarget,\n  filePreview,\n  progressBarType,\n  renderErrorsInside,\n  showIcon,\n  showAcceptedFiles,\n  showButton,\n  maxFileSize,\n  dropzoneAlignment,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n}: IFileUploadContentProps) => {\n  if (isDropTarget) {\n    return (\n      <DropTargetContainer $dropzoneAlignment={dropzoneAlignment}>\n        {showIcon && <Styled.UploadCloudIcon />}\n        <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n          <span>Drop files</span>\n        </Styled.Heading>\n      </DropTargetContainer>\n    );\n  }\n\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const ChooseFileButton = renderErrorsInside ? SentimentButton : Button;\n\n  const cancelOrDeleteButton = isFirstFileUploadComplete ? (\n    <SentimentButton\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      sentiment={FabricsVariables.Sentiments.Negative}\n      icon={<TrashAlt />}\n      label=\"Remove file\"\n    />\n  ) : (\n    <Button\n      aria-label=\"Cancel upload\"\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      icon={<Cross />}\n      label=\"Cancel upload\"\n    />\n  );\n\n  const chooseFileComponent = !renderSingleDeleteFile\n    ? showButton && (\n        <ChooseFileButton\n          size={getActionButtonSize(size)}\n          variant={Variants.Outlined}\n          sentiment={FabricsVariables.Sentiments.Negative}\n          icon={<Styled.AddIcon />}\n          label=\"Choose file\"\n          aria-hidden=\"true\"\n        />\n      )\n    : cancelOrDeleteButton;\n\n  if (renderErrorsInside) {\n    const hasGenericError = fileUploads.some((fileUpload) => fileUpload.errors?.hasGenericError);\n    let detailedMessage: JSX.Element | null = null;\n\n    switch (true) {\n      case hasGenericError:\n        detailedMessage = (\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            An error occurred during the upload\n          </Styled.Heading>\n        );\n        break;\n      case firstFile.errors?.hasFileSizeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              File size is too big\n            </Styled.Heading>\n            {!!maxFileSize && (\n              <>\n                <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                  Maximum accepted file size is:&nbsp;\n                </Styled.Subtitle>\n                <FileSize fileSize={maxFileSize} size={size} disabled={disabled} />\n              </>\n            )}\n          </>\n        );\n        break;\n      case firstFile.errors?.hasFileTypeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              Invalid file type\n            </Styled.Heading>\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n            </Styled.Subtitle>\n          </>\n        );\n        break;\n      default:\n        break;\n    }\n\n    return (\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n      >\n        <FileUploadStyled.StyledErrorCross size={size} />\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>{detailedMessage}</TextContainer>\n      </ContentContainer>\n    );\n  }\n\n  const renderPreviews = isSingleFileType && firstFile && isFileUpload(firstFile) && fileUploads.length === 1;\n\n  if (renderPreviews) {\n    const isUploadComplete = getIsUploadComplete(firstFile.progressPercentage);\n\n    return (\n      <Flexbox\n        flexDirection={\n          dropzoneAlignment === Directions.Vertical || (progressBarType === 'line' && !isUploadComplete)\n            ? 'column'\n            : 'row'\n        }\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n        alignItems=\"center\"\n        flexGrow={1}\n      >\n        <FileLoadingSuccess\n          size={size}\n          progressPercentage={firstFile.progressPercentage}\n          file={firstFile.file}\n          filePreview={filePreview}\n          type={progressBarType}\n          label={true}\n        />\n        <ContentContainer\n          $dropzoneAlignment={dropzoneAlignment}\n          justifyContent=\"space-between\"\n          gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n          width={dropzoneAlignment === Directions.Horizontal ? '100%' : 'auto'}\n        >\n          <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              {isFirstFileUploadComplete ? firstFile.fileName : 'Uploading your file'}\n            </Styled.Heading>\n            {isFirstFileUploadComplete ? (\n              <FileSize fileSize={firstFile.file.size} size={size} disabled={disabled} />\n            ) : (\n              <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                {firstFile.fileName}\n              </Styled.Subtitle>\n            )}\n          </TextContainer>\n          {chooseFileComponent}\n        </ContentContainer>\n      </Flexbox>\n    );\n  }\n\n  return (\n    <ContentContainer\n      $dropzoneAlignment={dropzoneAlignment}\n      gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n      justifyContent=\"space-between\"\n    >\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={dropzoneAlignment === Directions.Vertical ? '4px' : FileUploaderConsts.consts[size].dropzone.uploadIconGap}\n      >\n        {showIcon && <Styled.UploadCloudIcon />}\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            <span>Drag and drop or choose a file</span>\n          </Styled.Heading>\n          {showAcceptedFiles && (\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              Accepts {acceptedTextMapper('and') || 'all file types'}\n            </Styled.Subtitle>\n          )}\n        </TextContainer>\n      </ContentContainer>\n      {chooseFileComponent}\n    </ContentContainer>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["FileUploadContent","size","Sizes","disabled","renderSingleDeleteFile","fileUploads","isSingleFileType","acceptedTextMapper","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showAcceptedFiles","showButton","maxFileSize","dropzoneAlignment","jsxs","DropTargetContainer","jsx","Styled.UploadCloudIcon","Styled.Heading","TextElementTypes","HeadingSizeLevel","firstFile","ChooseFileButton","SentimentButton","Button","cancelOrDeleteButton","getActionButtonSize","Variants","FabricsVariables","TrashAlt","Cross","chooseFileComponent","Styled.AddIcon","hasGenericError","fileUpload","_a","detailedMessage","Fragment","Styled.Subtitle","FileSize","_b","FileTypeErrorText","ContentContainer","FileUploaderConsts.consts","FileUploadStyled.StyledErrorCross","TextContainer","isFileUpload","isUploadComplete","getIsUploadComplete","Flexbox","Directions","FileLoadingSuccess"],"mappings":"+pBAiBMA,EAAoB,CAAC,CACzB,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,SAAAC,EACA,uBAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,aAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,kBAAAC,CAEF,IAA+B,SAC7B,GAAIR,EACF,OACES,EAAAA,KAACC,EAAAA,oBAAA,CAAoB,mBAAoBF,EACtC,SAAA,CAAAJ,GAAYO,EAAAA,IAACC,EAAAA,gBAAA,EAAuB,EACrCD,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,iBAAiBvB,CAAI,EACvE,SAAAmB,EAAAA,IAAC,OAAA,CAAK,sBAAU,CAAA,CAClB,CAAA,EACF,EAIJ,MAAMK,EAA4FpB,EAAY,CAAC,EAEzGqB,EAAmBd,EAAqBe,EAAkBC,EAE1DC,EAAuBrB,EAC3BY,EAAAA,IAACO,EAAA,CACC,KAAMG,EAAAA,oBAAoB7B,CAAI,EAC9B,QAAS8B,EAAAA,SAAS,SAClB,UAAWC,EAAAA,iBAAiB,WAAW,SACvC,WAAOC,EAAA,EAAS,EAChB,MAAM,aAAA,CAAA,EAGRb,EAAAA,IAACQ,EAAA,CACC,aAAW,gBACX,KAAME,EAAAA,oBAAoB7B,CAAI,EAC9B,QAAS8B,EAAAA,SAAS,SAClB,WAAOG,EAAA,EAAM,EACb,MAAM,eAAA,CAAA,EAIJC,EAAuB/B,EAWzByB,EAVAd,GACEK,EAAAA,IAACM,EAAA,CACC,KAAMI,EAAAA,oBAAoB7B,CAAI,EAC9B,QAAS8B,EAAAA,SAAS,SAClB,UAAWC,EAAAA,iBAAiB,WAAW,SACvC,KAAMZ,EAAAA,IAACgB,EAAAA,QAAA,EAAe,EACtB,MAAM,cACN,cAAY,MAAA,CAAA,EAKpB,GAAIxB,EAAoB,CACtB,MAAMyB,EAAkBhC,EAAY,KAAMiC,UAAe,OAAAC,EAAAD,EAAW,SAAX,YAAAC,EAAmB,gBAAe,EAC3F,IAAIC,EAAsC,KAE1C,OAAQ,GAAA,CACN,KAAKH,EACHG,EACEpB,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,iBAAiBvB,CAAI,EAAG,SAAA,qCAAA,CAE5E,EAEF,MACF,MAAKsC,EAAAd,EAAU,SAAV,YAAAc,EAAkB,kBACrBC,EACEtB,EAAAA,KAAAuB,WAAA,CACE,SAAA,CAAArB,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,iBAAiBvB,CAAI,EAAG,SAAA,sBAAA,CAE5E,EACC,CAAC,CAACe,GACDE,EAAAA,KAAAuB,EAAAA,SAAA,CACE,SAAA,CAAArB,EAAAA,IAACsB,EAAAA,SAAA,CAAgB,SAAAvC,EAAoB,KAAMF,IAASC,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQD,EAAM,SAAA,iCAAA,CAEvF,EACAmB,EAAAA,IAACuB,EAAAA,SAAA,CAAS,SAAU3B,EAAa,KAAAf,EAAY,SAAAE,CAAA,CAAoB,CAAA,CAAA,CACnE,CAAA,EAEJ,EAEF,MACF,MAAKyC,EAAAnB,EAAU,SAAV,YAAAmB,EAAkB,kBACrBJ,EACEtB,EAAAA,KAAAuB,WAAA,CACE,SAAA,CAAArB,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,iBAAiBvB,CAAI,EAAG,SAAA,mBAAA,CAE5E,EACAmB,EAAAA,IAACsB,EAAAA,SAAA,CAAgB,SAAAvC,EAAoB,KAAMF,IAASC,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQD,EAC/E,SAAAmB,EAAAA,IAACyB,EAAAA,kBAAA,CAAkB,mBAAAtC,EAAwC,CAAA,CAC7D,CAAA,EACF,EAEF,KAEA,CAGJ,OACEW,EAAAA,KAAC4B,EAAAA,iBAAA,CACC,mBAAoB7B,EACpB,IAAK8B,EAAAA,OAA0B9C,CAAI,EAAE,SAAS,aAE9C,SAAA,CAAAmB,MAAC4B,EAAAA,iBAAA,CAAkC,KAAA/C,EAAY,EAC/CmB,EAAAA,IAAC6B,EAAAA,cAAA,CAAc,mBAAoBhC,EAAoB,SAAAuB,CAAA,CAAgB,CAAA,CAAA,CAAA,CAG7E,CAIA,GAFuBlC,GAAoBmB,GAAayB,EAAAA,aAAazB,CAAS,GAAKpB,EAAY,SAAW,EAEtF,CAClB,MAAM8C,EAAmBC,EAAAA,oBAAoB3B,EAAU,kBAAkB,EAEzE,OACEP,EAAAA,KAACmC,EAAA,CACC,cACEpC,IAAsBqC,EAAAA,WAAW,UAAa3C,IAAoB,QAAU,CAACwC,EACzE,SACA,MAEN,IAAKJ,EAAAA,OAA0B9C,CAAI,EAAE,SAAS,aAC9C,WAAW,SACX,SAAU,EAEV,SAAA,CAAAmB,EAAAA,IAACmC,EAAAA,mBAAA,CACC,KAAAtD,EACA,mBAAoBwB,EAAU,mBAC9B,KAAMA,EAAU,KAChB,YAAAf,EACA,KAAMC,EACN,MAAO,EAAA,CAAA,EAETO,EAAAA,KAAC4B,EAAAA,iBAAA,CACC,mBAAoB7B,EACpB,eAAe,gBACf,IAAK8B,EAAAA,OAA0B9C,CAAI,EAAE,SAAS,gBAC9C,MAAOgB,IAAsBqC,EAAAA,WAAW,WAAa,OAAS,OAE9D,SAAA,CAAApC,EAAAA,KAAC+B,EAAAA,cAAA,CAAc,mBAAoBhC,EACjC,SAAA,CAAAG,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,iBAAiBvB,CAAI,EACtE,SAAAO,EAA4BiB,EAAU,SAAW,qBAAA,CACpD,EACCjB,QACEmC,WAAA,CAAS,SAAUlB,EAAU,KAAK,KAAM,KAAAxB,EAAY,SAAAE,CAAA,CAAoB,EAEzEiB,EAAAA,IAACsB,WAAA,CAAgB,SAAAvC,EAAoB,KAAMF,IAASC,EAAAA,MAAM,OAASA,QAAM,MAAQD,EAC9E,SAAAwB,EAAU,QAAA,CACb,CAAA,EAEJ,EACCU,CAAA,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,OACEjB,EAAAA,KAAC4B,EAAAA,iBAAA,CACC,mBAAoB7B,EACpB,IAAK8B,EAAAA,OAA0B9C,CAAI,EAAE,SAAS,gBAC9C,eAAe,gBAEf,SAAA,CAAAiB,EAAAA,KAAC4B,EAAAA,iBAAA,CACC,mBAAoB7B,EACpB,IAAKA,IAAsBqC,EAAAA,WAAW,SAAW,MAAQP,SAA0B9C,CAAI,EAAE,SAAS,cAEjG,SAAA,CAAAY,GAAYO,EAAAA,IAACC,EAAAA,gBAAA,EAAuB,EACrCH,EAAAA,KAAC+B,EAAAA,cAAA,CAAc,mBAAoBhC,EACjC,SAAA,CAAAG,EAAAA,IAACE,EAAAA,QAAA,CAAe,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAAA,iBAAiBvB,CAAI,EACvE,SAAAmB,EAAAA,IAAC,OAAA,CAAK,0CAA8B,EACtC,EACCN,GACCI,EAAAA,KAACwB,EAAAA,SAAA,CAAgB,SAAAvC,EAAoB,KAAMF,IAASC,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQD,EAAM,SAAA,CAAA,WAC5EM,EAAmB,KAAK,GAAK,gBAAA,CAAA,CACxC,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,EAED4B,CAAA,CAAA,CAAA,CAGP"}
+{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, TextElementTypes, Directions } from 'acinguiux-ds-react-base/consts';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from '../FileUpload/FileUpload.utils';\nimport * as FileUploadStyled from '../FileUpload/FileUpload.styles';\nimport type { IFileUploadContentProps } from './FileUploadContent.types';\nimport Cross from '../../../Icon/components/Cross';\nimport TrashAlt from '../../../Icon/components/TrashAlt';\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\nimport { FileTypeErrorText, getActionButtonSize, isFileUpload } from './FileUploadContent.utils';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { DropTargetContainer, ContentContainer, TextContainer } from './FileUploadContent.styles';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst FileUploadContent = ({\n  size = `${Sizes.Medium}`,\n  disabled,\n  renderSingleDeleteFile,\n  fileUploads,\n  isSingleFileType,\n  acceptedTextMapper,\n  isFirstFileUploadComplete,\n  isDropTarget,\n  filePreview,\n  progressBarType,\n  renderErrorsInside,\n  showIcon,\n  showAcceptedFiles,\n  showButton,\n  maxFileSize,\n  dropzoneAlignment,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n}: IFileUploadContentProps) => {\n  if (isDropTarget) {\n    return (\n      <DropTargetContainer $dropzoneAlignment={dropzoneAlignment}>\n        {showIcon && <Styled.UploadCloudIcon />}\n        <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n          <span>Drop files</span>\n        </Styled.Heading>\n      </DropTargetContainer>\n    );\n  }\n\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const ChooseFileButton = renderErrorsInside ? SentimentButton : Button;\n\n  const cancelOrDeleteButton = isFirstFileUploadComplete ? (\n    <SentimentButton\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      sentiment={FabricsVariables.Sentiments.Negative}\n      icon={<TrashAlt />}\n      label=\"Remove file\"\n    />\n  ) : (\n    <Button\n      aria-label=\"Cancel upload\"\n      size={getActionButtonSize(size)}\n      variant={Variants.Outlined}\n      icon={<Cross />}\n      label=\"Cancel upload\"\n    />\n  );\n\n  const chooseFileComponent = !renderSingleDeleteFile\n    ? showButton && (\n        <ChooseFileButton\n          size={getActionButtonSize(size)}\n          variant={Variants.Outlined}\n          sentiment={FabricsVariables.Sentiments.Negative}\n          icon={<Styled.AddIcon />}\n          label=\"Choose file\"\n          aria-hidden=\"true\"\n        />\n      )\n    : cancelOrDeleteButton;\n\n  if (renderErrorsInside) {\n    const hasGenericError = fileUploads.some((fileUpload) => fileUpload.errors?.hasGenericError);\n    let detailedMessage: JSX.Element | null = null;\n\n    switch (true) {\n      case hasGenericError:\n        detailedMessage = (\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            An error occurred during the upload\n          </Styled.Heading>\n        );\n        break;\n      case firstFile.errors?.hasFileSizeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              File size is too big\n            </Styled.Heading>\n            {!!maxFileSize && (\n              <>\n                <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                  Maximum accepted file size is:&nbsp;\n                </Styled.Subtitle>\n                <FileSize fileSize={maxFileSize} size={size} disabled={disabled} />\n              </>\n            )}\n          </>\n        );\n        break;\n      case firstFile.errors?.hasFileTypeError:\n        detailedMessage = (\n          <>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              Invalid file type\n            </Styled.Heading>\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n            </Styled.Subtitle>\n          </>\n        );\n        break;\n      default:\n        break;\n    }\n\n    return (\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n      >\n        <FileUploadStyled.StyledErrorCross size={size} />\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>{detailedMessage}</TextContainer>\n      </ContentContainer>\n    );\n  }\n\n  const renderPreviews = isSingleFileType && firstFile && isFileUpload(firstFile) && fileUploads.length === 1;\n\n  if (renderPreviews) {\n    const isUploadComplete = getIsUploadComplete(firstFile.progressPercentage);\n\n    return (\n      <Flexbox\n        flexDirection={\n          dropzoneAlignment === Directions.Vertical || (progressBarType === 'line' && !isUploadComplete)\n            ? 'column'\n            : 'row'\n        }\n        gap={FileUploaderConsts.consts[size].dropzone.stateIconGap}\n        alignItems=\"center\"\n        flexGrow={1}\n      >\n        <FileLoadingSuccess\n          size={size}\n          progressPercentage={firstFile.progressPercentage}\n          file={firstFile.file}\n          filePreview={filePreview}\n          type={progressBarType}\n          label={true}\n        />\n        <ContentContainer\n          $dropzoneAlignment={dropzoneAlignment}\n          justifyContent=\"space-between\"\n          gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n          width={dropzoneAlignment === Directions.Horizontal ? '100%' : 'auto'}\n        >\n          <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n            <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n              {isFirstFileUploadComplete ? firstFile.fileName : 'Uploading your file'}\n            </Styled.Heading>\n            {isFirstFileUploadComplete ? (\n              <FileSize fileSize={firstFile.file.size} size={size} disabled={disabled} />\n            ) : (\n              <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n                {firstFile.fileName}\n              </Styled.Subtitle>\n            )}\n          </TextContainer>\n          {chooseFileComponent}\n        </ContentContainer>\n      </Flexbox>\n    );\n  }\n\n  return (\n    <ContentContainer\n      $dropzoneAlignment={dropzoneAlignment}\n      gap={FileUploaderConsts.consts[size].dropzone.actionButtonGap}\n      justifyContent=\"space-between\"\n    >\n      <ContentContainer\n        $dropzoneAlignment={dropzoneAlignment}\n        gap={dropzoneAlignment === Directions.Vertical ? '4px' : FileUploaderConsts.consts[size].dropzone.uploadIconGap}\n      >\n        {showIcon && <Styled.UploadCloudIcon />}\n        <TextContainer $dropzoneAlignment={dropzoneAlignment}>\n          <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n            <span>Drag and drop or choose a file</span>\n          </Styled.Heading>\n          {showAcceptedFiles && (\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              Accepts {acceptedTextMapper('and') || 'all file types'}\n            </Styled.Subtitle>\n          )}\n        </TextContainer>\n      </ContentContainer>\n      {chooseFileComponent}\n    </ContentContainer>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["FileUploadContent","size","Sizes","disabled","renderSingleDeleteFile","fileUploads","isSingleFileType","acceptedTextMapper","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showAcceptedFiles","showButton","maxFileSize","dropzoneAlignment","jsxs","DropTargetContainer","jsx","Styled.UploadCloudIcon","Styled.Heading","TextElementTypes","HeadingSizeLevel","firstFile","ChooseFileButton","SentimentButton","Button","cancelOrDeleteButton","getActionButtonSize","Variants","FabricsVariables","TrashAlt","Cross","chooseFileComponent","Styled.AddIcon","hasGenericError","fileUpload","detailedMessage","Fragment","Styled.Subtitle","FileSize","FileTypeErrorText","ContentContainer","FileUploaderConsts.consts","FileUploadStyled.StyledErrorCross","TextContainer","isFileUpload","isUploadComplete","getIsUploadComplete","Flexbox","Directions","FileLoadingSuccess"],"mappings":"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"}

package/build/cjs/components/FileUploader/hooks/useFileUploaderProps.js

@@ -1,2 +1,2 @@
-"use strict";const x=require("react"),G=require("react-aria"),z=require("../../../react-base/src/components/FileUploader/FileUploader.types.js"),H=require("../components/FileUpload/FileUpload.utils.js"),b=require("../components/FileUploadContent/FileUploadContent.utils.js"),E=require("./useFileUploaderProps.utils.js"),R=(c,n)=>n===void 0?[]:c.reduce((p,u)=>(u.size>n&&p.push({fileName:u.name,errors:{hasFileSizeError:!0}}),p),[]),J=[],K=({fileType:c=z.FileType.MultiHorizontal,acceptedFileTypes:n=[],dropOptions:p,dropFilesAction:u,onProgress:F,onError:h,removeFileAction:D,maxFileSize:I,initialFiles:_=J})=>{const[l,o]=x.useState(()=>_),d=c===z.FileType.Single,g=x.useRef(null),U=E.getMappedMimeTypes(n),N=(e,t)=>{o(r=>{const i=[...r],a=i.findIndex(m=>m.fileName===e);return i[a]={...i[a],progressPercentage:t},i}),F==null||F(e,t)},q=e=>{o(t=>t.map(r=>r.fileName===e?{fileName:r.fileName,errors:{hasGenericError:!0}}:r)),h==null||h(e)},y=e=>{if(e.length===0)return;const t=e.map(r=>({progressPercentage:0,file:r,fileName:r.name}));o(t),u(e,N,q)},M=G.useDrop({...p,hasDropButton:!0,ref:g,async onDrop(e){const t=d?[e.items[0]]:e.items,r=E.getInvalidFileTypes(t,U),i=await Promise.all(t.filter(s=>!r.includes(s)).map(s=>s.getFile())),a=R(i,I),m=r.map(s=>({fileName:s.kind==="file"||s.kind==="directory"?s.name:"text",errors:{hasFileTypeError:!0}})),f=a.concat(m);if(f.length>0){o(f);return}y(i)}}),S=e=>{g.current&&(g.current.value=""),o(t=>t.filter(r=>r.fileName!==e)),D(e)},C=d&&!!l[0]&&!M.isDropTarget,k=e=>{var s;const t=Array.from(((s=e.currentTarget)==null?void 0:s.files)??[]),i=(d?[t[0]]:t).filter(T=>U.length>0&&!U.includes(T.type)),a=R(t,I),m=i.map(T=>({fileName:T.name,errors:{hasFileTypeError:!0}})),f=a.concat(m);if(f.length>0){o(f);return}y(t)},L=e=>{C&&(e.preventDefault(),S(l[0].fileName))},O=!d&&l.length>0,w=l.some(e=>!!e.errors)&&c==="single",j=n.join(","),A=E.getAcceptedTextMapper(n),v=l[0],B=v&&b.isFileUpload(v)?H.getIsUploadComplete(v.progressPercentage):!1;return{fileInputRef:g,fileType:c,acceptedFileTypes:n,dropOptions:p,handleOnProgress:N,handleOnError:q,handleOnDropFiles:y,dropFilesAction:u,onProgress:F,onError:h,removeFileAction:D,renderFileUploads:O,hasError:w,accept:j,acceptedTextMapper:A,isFirstFileUploadComplete:B,handleOnRemoveFile:S,onChange:k,onClick:L,dropResult:M,isSingleFileType:d,fileUploads:l,renderSingleDeleteFile:C}};module.exports=K;
+"use strict";const z=require("react"),b=require("react-aria"),P=require("../../../react-base/src/components/FileUploader/FileUploader.types.js"),J=require("../components/FileUpload/FileUpload.utils.js"),K=require("../components/FileUploadContent/FileUploadContent.utils.js"),U=require("./useFileUploaderProps.utils.js"),R=(c,i)=>i===void 0?[]:c.reduce((p,u)=>(u.size>i&&p.push({fileName:u.name,errors:{hasFileSizeError:!0}}),p),[]),Q=[],V=({fileType:c=P.FileType.MultiHorizontal,acceptedFileTypes:i=[],dropOptions:p,dropFilesAction:u,onProgress:y,onError:v,removeFileAction:T,maxFileSize:I,initialFiles:_=Q,files:D,onFilesChanged:N})=>{const[k,L]=z.useState(()=>_),[o,l]=D&&N?[D,N]:[k,L],d=c===P.FileType.Single,F=z.useRef(null),g=U.getMappedMimeTypes(i),q=(e,r)=>{l(t=>{const s=[...t],a=s.findIndex(f=>f.fileName===e);return s[a]={...s[a],progressPercentage:r},s}),y?.(e,r)},M=e=>{l(r=>r.map(t=>t.fileName===e?{fileName:t.fileName,errors:{hasGenericError:!0}}:t)),v?.(e)},h=e=>{if(e.length===0)return;const r=e.map(t=>({progressPercentage:0,file:t,fileName:t.name}));l(r),u(e,q,M)},S=b.useDrop({...p,hasDropButton:!0,ref:F,async onDrop(e){const r=d?[e.items[0]]:e.items,t=U.getInvalidFileTypes(r,g),s=await Promise.all(r.filter(n=>!t.includes(n)).map(n=>n.getFile())),a=R(s,I),f=t.map(n=>({fileName:n.kind==="file"||n.kind==="directory"?n.name:"text",errors:{hasFileTypeError:!0}})),m=a.concat(f);if(m.length>0){l(m);return}h(s)}}),C=e=>{F.current&&(F.current.value=""),l(r=>r.filter(t=>t.fileName!==e)),T(e)},x=d&&!!o[0]&&!S.isDropTarget,O=e=>{const r=Array.from(e.currentTarget?.files??[]),s=(d?[r[0]]:r).filter(n=>g.length>0&&!g.includes(n.type)),a=R(r,I),f=s.map(n=>({fileName:n.name,errors:{hasFileTypeError:!0}})),m=a.concat(f);if(m.length>0){l(m);return}h(r)},w=e=>{x&&(e.preventDefault(),C(o[0].fileName))},j=!d&&o.length>0,A=o.some(e=>!!e.errors)&&c==="single",B=i.join(","),G=U.getAcceptedTextMapper(i),E=o[0],H=E&&K.isFileUpload(E)?J.getIsUploadComplete(E.progressPercentage):!1;return{fileInputRef:F,fileType:c,acceptedFileTypes:i,dropOptions:p,handleOnProgress:q,handleOnError:M,handleOnDropFiles:h,dropFilesAction:u,onProgress:y,onError:v,removeFileAction:T,renderFileUploads:j,hasError:A,accept:B,acceptedTextMapper:G,isFirstFileUploadComplete:H,handleOnRemoveFile:C,onChange:O,onClick:w,dropResult:S,isSingleFileType:d,fileUploads:o,renderSingleDeleteFile:x}};module.exports=V;
 //# sourceMappingURL=useFileUploaderProps.js.map

package/build/cjs/components/FileUploader/hooks/useFileUploaderProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploaderProps.js","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"sourcesContent":["import { type ChangeEventHandler, useRef, useState, type MouseEventHandler } from 'react';\n\nimport { type FileDropItem, useDrop } from 'react-aria';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderProps } from '../FileUploader.types';\nimport type { IFileUploadProps } from '../components/FileUpload/FileUpload.types';\nimport { getIsUploadComplete } from '../components/FileUpload/FileUpload.utils';\nimport { isFileUpload } from '../components/FileUploadContent/FileUploadContent.utils';\nimport { getAcceptedTextMapper, getInvalidFileTypes, getMappedMimeTypes } from './useFileUploaderProps.utils';\n\nconst getInvalidFileSizeErrors = (files: File[], maxFileSize?: number) =>\n  maxFileSize === undefined\n    ? []\n    : files.reduce((acc: FileUploaderTypes.IFileUploadError[], file) => {\n        if (file.size > maxFileSize) {\n          acc.push({\n            fileName: file.name,\n            errors: {\n              hasFileSizeError: true,\n            },\n          });\n        }\n\n        return acc;\n      }, []);\n\nconst defaultInitialFiles: FileUploaderTypes.IFileUpload[] = [];\n\nconst useFileUploaderProps = ({\n  fileType = FileUploaderTypes.FileType.MultiHorizontal,\n  acceptedFileTypes = [],\n  dropOptions,\n  dropFilesAction,\n  onProgress,\n  onError,\n  removeFileAction,\n  maxFileSize,\n  initialFiles = defaultInitialFiles,\n}: IFileUploaderProps) => {\n  const [fileUploads, setFileUploads] = useState<\n    (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[]\n  >(() => initialFiles);\n  const isSingleFileType = fileType === FileUploaderTypes.FileType.Single;\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const acceptedMimeTypes = getMappedMimeTypes(acceptedFileTypes);\n\n  const handleOnProgress = (fileName: string, progressPercentage: number) => {\n    setFileUploads((prev) => {\n      const newFileUploads = [...(prev as FileUploaderTypes.IFileUpload[])];\n      const fileIndex = newFileUploads.findIndex((newFileUpload) => newFileUpload.fileName === fileName);\n\n      newFileUploads[fileIndex] = {\n        ...newFileUploads[fileIndex],\n        progressPercentage,\n      };\n\n      return newFileUploads;\n    });\n    onProgress?.(fileName, progressPercentage);\n  };\n\n  const handleOnError = (fileName: string) => {\n    setFileUploads((prev) =>\n      prev.map((fileUpload) =>\n        fileUpload.fileName === fileName\n          ? { fileName: fileUpload.fileName, errors: { hasGenericError: true } }\n          : fileUpload,\n      ),\n    );\n    onError?.(fileName);\n  };\n\n  const handleOnDropFiles = (files: File[]) => {\n    if (files.length === 0) {\n      return;\n    }\n\n    const mappedFiles: FileUploaderTypes.IFileUpload[] = files.map((file) => ({\n      progressPercentage: 0,\n      file,\n      fileName: file.name,\n    }));\n\n    setFileUploads(mappedFiles);\n\n    dropFilesAction(files, handleOnProgress, handleOnError);\n  };\n\n  const dropResult = useDrop({\n    ...dropOptions,\n    hasDropButton: true,\n    ref: fileInputRef,\n    async onDrop(e) {\n      const items = isSingleFileType ? [e.items[0]] : e.items;\n\n      const invalidFileTypes = getInvalidFileTypes(items, acceptedMimeTypes);\n\n      const files = await Promise.all(\n        items.filter((item) => !invalidFileTypes.includes(item)).map((item) => (item as FileDropItem).getFile()),\n      );\n\n      const invalidFileSizeErrors = getInvalidFileSizeErrors(files, maxFileSize);\n      const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n        fileName:\n          invalidFileType.kind === 'file' || invalidFileType.kind === 'directory' ? invalidFileType.name : 'text',\n        errors: {\n          hasFileTypeError: true,\n        },\n      }));\n      const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n        invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n      if (fileUploadErrorList.length > 0) {\n        setFileUploads(fileUploadErrorList);\n\n        return;\n      }\n\n      handleOnDropFiles(files);\n    },\n  });\n\n  const handleOnRemoveFile: IFileUploadProps['handleOnRemoveFile'] = (fileName) => {\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n\n    setFileUploads((prev) => prev.filter((fileUpload) => fileUpload.fileName !== fileName));\n\n    removeFileAction(fileName);\n  };\n\n  const renderSingleDeleteFile = isSingleFileType && !!fileUploads[0] && !dropResult.isDropTarget;\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fileList = Array.from(e.currentTarget?.files ?? []);\n    const items = isSingleFileType ? [fileList[0]] : fileList;\n\n    const invalidFileTypes = items.filter(\n      (item) => acceptedMimeTypes.length > 0 && !acceptedMimeTypes.includes(item.type),\n    );\n\n    const invalidFileSizeErrors = getInvalidFileSizeErrors(fileList, maxFileSize);\n\n    const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n      fileName: invalidFileType.name,\n      errors: {\n        hasFileTypeError: true,\n      },\n    }));\n    const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n      invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n    if (fileUploadErrorList.length > 0) {\n      setFileUploads(fileUploadErrorList);\n\n      return;\n    }\n\n    handleOnDropFiles(fileList);\n  };\n\n  const onClick: MouseEventHandler<HTMLInputElement> = (e) => {\n    if (renderSingleDeleteFile) {\n      e.preventDefault();\n\n      handleOnRemoveFile(fileUploads[0].fileName);\n    }\n  };\n\n  const renderFileUploads = !isSingleFileType && fileUploads.length > 0;\n  const hasError = fileUploads.some((fileUpload) => !!fileUpload.errors) && fileType === 'single';\n  const accept = acceptedFileTypes.join(',');\n  const acceptedTextMapper = getAcceptedTextMapper(acceptedFileTypes);\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n  const isFirstFileUploadComplete =\n    firstFile && isFileUpload(firstFile) ? getIsUploadComplete(firstFile.progressPercentage) : false;\n\n  return {\n    fileInputRef,\n    fileType,\n    acceptedFileTypes,\n    dropOptions,\n    handleOnProgress,\n    handleOnError,\n    handleOnDropFiles,\n    dropFilesAction,\n    onProgress,\n    onError,\n    removeFileAction,\n    renderFileUploads,\n    hasError,\n    accept,\n    acceptedTextMapper,\n    isFirstFileUploadComplete,\n    handleOnRemoveFile,\n    onChange,\n    onClick,\n    dropResult,\n    isSingleFileType,\n    fileUploads,\n    renderSingleDeleteFile,\n  };\n};\n\nexport default useFileUploaderProps;\n"],"names":["getInvalidFileSizeErrors","files","maxFileSize","acc","file","defaultInitialFiles","useFileUploaderProps","fileType","FileUploaderTypes.FileType","acceptedFileTypes","dropOptions","dropFilesAction","onProgress","onError","removeFileAction","initialFiles","fileUploads","setFileUploads","useState","isSingleFileType","fileInputRef","useRef","acceptedMimeTypes","getMappedMimeTypes","handleOnProgress","fileName","progressPercentage","prev","newFileUploads","fileIndex","newFileUpload","handleOnError","fileUpload","handleOnDropFiles","mappedFiles","dropResult","useDrop","items","invalidFileTypes","getInvalidFileTypes","item","invalidFileSizeErrors","invalidFileTypeErrors","invalidFileType","fileUploadErrorList","handleOnRemoveFile","renderSingleDeleteFile","onChange","fileList","_a","onClick","renderFileUploads","hasError","accept","acceptedTextMapper","getAcceptedTextMapper","firstFile","isFirstFileUploadComplete","isFileUpload","getIsUploadComplete"],"mappings":"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"}
+{"version":3,"file":"useFileUploaderProps.js","sources":["../../../../../src/components/FileUploader/hooks/useFileUploaderProps.tsx"],"sourcesContent":["import { useRef, useState, type ChangeEventHandler, type MouseEventHandler } from 'react';\n\nimport { type FileDropItem, useDrop } from 'react-aria';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderProps } from '../FileUploader.types';\nimport type { IFileUploadProps } from '../components/FileUpload/FileUpload.types';\nimport { getIsUploadComplete } from '../components/FileUpload/FileUpload.utils';\nimport { isFileUpload } from '../components/FileUploadContent/FileUploadContent.utils';\nimport { getAcceptedTextMapper, getInvalidFileTypes, getMappedMimeTypes } from './useFileUploaderProps.utils';\n\nconst getInvalidFileSizeErrors = (files: File[], maxFileSize?: number) =>\n  maxFileSize === undefined\n    ? []\n    : files.reduce((acc: FileUploaderTypes.IFileUploadError[], file) => {\n        if (file.size > maxFileSize) {\n          acc.push({\n            fileName: file.name,\n            errors: {\n              hasFileSizeError: true,\n            },\n          });\n        }\n\n        return acc;\n      }, []);\n\nconst defaultInitialFiles: FileUploaderTypes.IFileUpload[] = [];\n\nconst useFileUploaderProps = ({\n  fileType = FileUploaderTypes.FileType.MultiHorizontal,\n  acceptedFileTypes = [],\n  dropOptions,\n  dropFilesAction,\n  onProgress,\n  onError,\n  removeFileAction,\n  maxFileSize,\n  initialFiles = defaultInitialFiles,\n  files: customFiles,\n  onFilesChanged: setCustomFiles,\n}: IFileUploaderProps) => {\n  const [internalFiles, setInternalFiles] = useState<\n    (FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError)[]\n  >(() => initialFiles);\n  const [fileUploads, setFileUploads] =\n    customFiles && setCustomFiles ? [customFiles, setCustomFiles] : [internalFiles, setInternalFiles];\n  const isSingleFileType = fileType === FileUploaderTypes.FileType.Single;\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n  const acceptedMimeTypes = getMappedMimeTypes(acceptedFileTypes);\n\n  const handleOnProgress = (fileName: string, progressPercentage: number) => {\n    setFileUploads((prev) => {\n      const newFileUploads = [...(prev as FileUploaderTypes.IFileUpload[])];\n      const fileIndex = newFileUploads.findIndex((newFileUpload) => newFileUpload.fileName === fileName);\n\n      newFileUploads[fileIndex] = {\n        ...newFileUploads[fileIndex],\n        progressPercentage,\n      };\n\n      return newFileUploads;\n    });\n    onProgress?.(fileName, progressPercentage);\n  };\n\n  const handleOnError = (fileName: string) => {\n    setFileUploads((prev) =>\n      prev.map((fileUpload) =>\n        fileUpload.fileName === fileName\n          ? { fileName: fileUpload.fileName, errors: { hasGenericError: true } }\n          : fileUpload,\n      ),\n    );\n    onError?.(fileName);\n  };\n\n  const handleOnDropFiles = (files: File[]) => {\n    if (files.length === 0) {\n      return;\n    }\n\n    const mappedFiles: FileUploaderTypes.IFileUpload[] = files.map((file) => ({\n      progressPercentage: 0,\n      file,\n      fileName: file.name,\n    }));\n\n    setFileUploads(mappedFiles);\n\n    dropFilesAction(files, handleOnProgress, handleOnError);\n  };\n\n  const dropResult = useDrop({\n    ...dropOptions,\n    hasDropButton: true,\n    ref: fileInputRef,\n    async onDrop(e) {\n      const items = isSingleFileType ? [e.items[0]] : e.items;\n\n      const invalidFileTypes = getInvalidFileTypes(items, acceptedMimeTypes);\n\n      const files = await Promise.all(\n        items.filter((item) => !invalidFileTypes.includes(item)).map((item) => (item as FileDropItem).getFile()),\n      );\n\n      const invalidFileSizeErrors = getInvalidFileSizeErrors(files, maxFileSize);\n      const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n        fileName:\n          invalidFileType.kind === 'file' || invalidFileType.kind === 'directory' ? invalidFileType.name : 'text',\n        errors: {\n          hasFileTypeError: true,\n        },\n      }));\n      const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n        invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n      if (fileUploadErrorList.length > 0) {\n        setFileUploads(fileUploadErrorList);\n\n        return;\n      }\n\n      handleOnDropFiles(files);\n    },\n  });\n\n  const handleOnRemoveFile: IFileUploadProps['handleOnRemoveFile'] = (fileName) => {\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n\n    setFileUploads((prev) => prev.filter((fileUpload) => fileUpload.fileName !== fileName));\n\n    removeFileAction(fileName);\n  };\n\n  const renderSingleDeleteFile = isSingleFileType && !!fileUploads[0] && !dropResult.isDropTarget;\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const fileList = Array.from(e.currentTarget?.files ?? []);\n    const items = isSingleFileType ? [fileList[0]] : fileList;\n\n    const invalidFileTypes = items.filter(\n      (item) => acceptedMimeTypes.length > 0 && !acceptedMimeTypes.includes(item.type),\n    );\n\n    const invalidFileSizeErrors = getInvalidFileSizeErrors(fileList, maxFileSize);\n\n    const invalidFileTypeErrors: FileUploaderTypes.IFileUploadError[] = invalidFileTypes.map((invalidFileType) => ({\n      fileName: invalidFileType.name,\n      errors: {\n        hasFileTypeError: true,\n      },\n    }));\n    const fileUploadErrorList: FileUploaderTypes.IFileUploadError[] =\n      invalidFileSizeErrors.concat(invalidFileTypeErrors);\n\n    if (fileUploadErrorList.length > 0) {\n      setFileUploads(fileUploadErrorList);\n\n      return;\n    }\n\n    handleOnDropFiles(fileList);\n  };\n\n  const onClick: MouseEventHandler<HTMLInputElement> = (e) => {\n    if (renderSingleDeleteFile) {\n      e.preventDefault();\n\n      handleOnRemoveFile(fileUploads[0].fileName);\n    }\n  };\n\n  const renderFileUploads = !isSingleFileType && fileUploads.length > 0;\n  const hasError = fileUploads.some((fileUpload) => !!fileUpload.errors) && fileType === 'single';\n  const accept = acceptedFileTypes.join(',');\n  const acceptedTextMapper = getAcceptedTextMapper(acceptedFileTypes);\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n  const isFirstFileUploadComplete =\n    firstFile && isFileUpload(firstFile) ? getIsUploadComplete(firstFile.progressPercentage) : false;\n\n  return {\n    fileInputRef,\n    fileType,\n    acceptedFileTypes,\n    dropOptions,\n    handleOnProgress,\n    handleOnError,\n    handleOnDropFiles,\n    dropFilesAction,\n    onProgress,\n    onError,\n    removeFileAction,\n    renderFileUploads,\n    hasError,\n    accept,\n    acceptedTextMapper,\n    isFirstFileUploadComplete,\n    handleOnRemoveFile,\n    onChange,\n    onClick,\n    dropResult,\n    isSingleFileType,\n    fileUploads,\n    renderSingleDeleteFile,\n  };\n};\n\nexport default useFileUploaderProps;\n"],"names":["getInvalidFileSizeErrors","files","maxFileSize","acc","file","defaultInitialFiles","useFileUploaderProps","fileType","FileUploaderTypes.FileType","acceptedFileTypes","dropOptions","dropFilesAction","onProgress","onError","removeFileAction","initialFiles","customFiles","setCustomFiles","internalFiles","setInternalFiles","useState","fileUploads","setFileUploads","isSingleFileType","fileInputRef","useRef","acceptedMimeTypes","getMappedMimeTypes","handleOnProgress","fileName","progressPercentage","prev","newFileUploads","fileIndex","newFileUpload","handleOnError","fileUpload","handleOnDropFiles","mappedFiles","dropResult","useDrop","items","invalidFileTypes","getInvalidFileTypes","item","invalidFileSizeErrors","invalidFileTypeErrors","invalidFileType","fileUploadErrorList","handleOnRemoveFile","renderSingleDeleteFile","onChange","fileList","onClick","renderFileUploads","hasError","accept","acceptedTextMapper","getAcceptedTextMapper","firstFile","isFirstFileUploadComplete","isFileUpload","getIsUploadComplete"],"mappings":"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"}

package/build/cjs/components/FileUploader/hooks/useFileXhrUploader.js

@@ -1,2 +1,2 @@
-"use strict";const c=require("react"),H=({url:O,onUpload:d,onDrop:l,onRemoveFile:h})=>{const t=c.useRef(),o=e=>{var r;if((r=t.current)!=null&&r[e]){const{xhr:n,onProgressHandler:a,readyStateChangeHandler:u}=t.current[e];n.upload.removeEventListener("progress",a),n.removeEventListener("readystatechange",u),n.abort(),delete t.current[e]}},g=()=>{Object.keys(t.current??{}).forEach(e=>{o(e)})},i=c.useCallback(()=>{Object.values(t.current??{}).forEach(({xhr:e,formData:r})=>{e.open("POST",O,!0),e.send(r)}),d==null||d()},[t.current]),p=c.useCallback((e,r,n)=>{g(),e.forEach(a=>{const u=new FormData;u.append(a.name,a);const s=new XMLHttpRequest,E=y=>{const C=Math.ceil(y.loaded/y.total*100);r(a.name,C)},b=()=>{s.readyState===4&&s.status!==200&&n(a.name)};s.upload.addEventListener("progress",E),s.addEventListener("readystatechange",b),t.current={...t.current,[a.name]:{xhr:s,formData:u,onProgressHandler:E,readyStateChangeHandler:b}}}),l==null||l(e,r,n)},[t.current]),v=c.useCallback(e=>{o(e),h==null||h(e)},[o]);return c.useEffect(()=>()=>{g()},[]),{handleOnRemoveFile:v,handleOnDrop:p,handleOnUpload:i,fileFormDataMap:t}};module.exports=H;
+"use strict";const s=require("react"),O=({url:g,onUpload:i,onDrop:v,onRemoveFile:E})=>{const t=s.useRef(),o=e=>{if(t.current?.[e]){const{xhr:r,onProgressHandler:c,readyStateChangeHandler:n}=t.current[e];r.upload.removeEventListener("progress",c),r.removeEventListener("readystatechange",n),r.abort(),delete t.current[e]}},u=()=>{Object.keys(t.current??{}).forEach(e=>{o(e)})},F=s.useCallback(()=>{Object.values(t.current??{}).forEach(({xhr:e,formData:r})=>{e.open("POST",g,!0),e.send(r)}),i?.()},[t.current]),m=s.useCallback((e,r,c)=>{u(),e.forEach(n=>{const d=new FormData;d.append(n.name,n);const a=new XMLHttpRequest,l=p=>{const y=Math.ceil(p.loaded/p.total*100);r(n.name,y)},h=()=>{a.readyState===4&&a.status!==200&&c(n.name)};a.upload.addEventListener("progress",l),a.addEventListener("readystatechange",h),t.current={...t.current,[n.name]:{xhr:a,formData:d,onProgressHandler:l,readyStateChangeHandler:h}}}),v?.(e,r,c)},[t.current]),b=s.useCallback(e=>{o(e),E?.(e)},[o]);return s.useEffect(()=>()=>{u()},[]),{handleOnRemoveFile:b,handleOnDrop:m,handleOnUpload:F,fileFormDataMap:t}};module.exports=O;
 //# sourceMappingURL=useFileXhrUploader.js.map

package/build/cjs/components/FileUploader/hooks/useFileXhrUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileXhrUploader.js","sources":["../../../../../src/components/FileUploader/hooks/useFileXhrUploader.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nconst useFileXhrUploader = ({ url, onUpload, onDrop, onRemoveFile }: FileUploaderTypes.IUseFileXhrUploaderProps) => {\n  const fileFormDataMap = useRef<FileUploaderTypes.FileFormDataMap>();\n\n  const unregisterEventsForFile = (fileName: string) => {\n    if (fileFormDataMap.current?.[fileName]) {\n      const { xhr, onProgressHandler, readyStateChangeHandler } = fileFormDataMap.current[fileName];\n\n      xhr.upload.removeEventListener('progress', onProgressHandler);\n      xhr.removeEventListener('readystatechange', readyStateChangeHandler);\n      xhr.abort();\n\n      delete fileFormDataMap.current[fileName];\n    }\n  };\n\n  const unregisterAllEventsForAllFiles = () => {\n    Object.keys(fileFormDataMap.current ?? {}).forEach((fileName) => {\n      unregisterEventsForFile(fileName);\n    });\n  };\n\n  const handleOnUpload = useCallback(() => {\n    Object.values(fileFormDataMap.current ?? {}).forEach(({ xhr, formData }) => {\n      xhr.open('POST', url, true);\n      xhr.send(formData);\n    });\n\n    onUpload?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileFormDataMap.current]);\n\n  const handleOnDrop: FileUploaderTypes.OnDropFiles = useCallback(\n    (filesToUpload, onProgress, onError) => {\n      unregisterAllEventsForAllFiles();\n\n      filesToUpload.forEach((file) => {\n        const formData = new FormData();\n\n        formData.append(file.name, file);\n\n        const xhr = new XMLHttpRequest();\n\n        const onProgressHandler: FileUploaderTypes.OnProgressHandler = (event) => {\n          const progressPercentage = Math.ceil((event.loaded / event.total) * 100);\n\n          onProgress(file.name, progressPercentage);\n        };\n\n        const readyStateChangeHandler: FileUploaderTypes.ReadyStateChangeHandler = () => {\n          if (xhr.readyState !== 4) return;\n          if (xhr.status !== 200) {\n            onError(file.name);\n          }\n        };\n\n        xhr.upload.addEventListener('progress', onProgressHandler);\n        xhr.addEventListener('readystatechange', readyStateChangeHandler);\n\n        fileFormDataMap.current = {\n          ...fileFormDataMap.current,\n          [file.name]: {\n            xhr,\n            formData,\n            onProgressHandler,\n            readyStateChangeHandler,\n          },\n        };\n      });\n\n      onDrop?.(filesToUpload, onProgress, onError);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [fileFormDataMap.current],\n  );\n\n  const handleOnRemoveFile: FileUploaderTypes.OnRemoveFile = useCallback(\n    (fileName) => {\n      unregisterEventsForFile(fileName);\n      onRemoveFile?.(fileName);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [unregisterEventsForFile],\n  );\n\n  useEffect(\n    () => () => {\n      unregisterAllEventsForAllFiles();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return {\n    handleOnRemoveFile,\n    handleOnDrop,\n    handleOnUpload,\n    fileFormDataMap,\n  };\n};\n\nexport default useFileXhrUploader;\n"],"names":["useFileXhrUploader","url","onUpload","onDrop","onRemoveFile","fileFormDataMap","useRef","unregisterEventsForFile","fileName","_a","xhr","onProgressHandler","readyStateChangeHandler","unregisterAllEventsForAllFiles","handleOnUpload","useCallback","formData","handleOnDrop","filesToUpload","onProgress","onError","file","event","progressPercentage","handleOnRemoveFile","useEffect"],"mappings":"sCAIMA,EAAqB,CAAC,CAAE,IAAAC,EAAK,SAAAC,EAAU,OAAAC,EAAQ,aAAAC,KAA+D,CAClH,MAAMC,EAAkBC,EAAAA,OAAA,EAElBC,EAA2BC,GAAqB,OACpD,IAAIC,EAAAJ,EAAgB,UAAhB,MAAAI,EAA0BD,GAAW,CACvC,KAAM,CAAE,IAAAE,EAAK,kBAAAC,EAAmB,wBAAAC,GAA4BP,EAAgB,QAAQG,CAAQ,EAE5FE,EAAI,OAAO,oBAAoB,WAAYC,CAAiB,EAC5DD,EAAI,oBAAoB,mBAAoBE,CAAuB,EACnEF,EAAI,MAAA,EAEJ,OAAOL,EAAgB,QAAQG,CAAQ,CACzC,CACF,EAEMK,EAAiC,IAAM,CAC3C,OAAO,KAAKR,EAAgB,SAAW,CAAA,CAAE,EAAE,QAASG,GAAa,CAC/DD,EAAwBC,CAAQ,CAClC,CAAC,CACH,EAEMM,EAAiBC,EAAAA,YAAY,IAAM,CACvC,OAAO,OAAOV,EAAgB,SAAW,CAAA,CAAE,EAAE,QAAQ,CAAC,CAAE,IAAAK,EAAK,SAAAM,KAAe,CAC1EN,EAAI,KAAK,OAAQT,EAAK,EAAI,EAC1BS,EAAI,KAAKM,CAAQ,CACnB,CAAC,EAEDd,GAAA,MAAAA,GAEF,EAAG,CAACG,EAAgB,OAAO,CAAC,EAEtBY,EAA8CF,EAAAA,YAClD,CAACG,EAAeC,EAAYC,IAAY,CACtCP,EAAA,EAEAK,EAAc,QAASG,GAAS,CAC9B,MAAML,EAAW,IAAI,SAErBA,EAAS,OAAOK,EAAK,KAAMA,CAAI,EAE/B,MAAMX,EAAM,IAAI,eAEVC,EAA0DW,GAAU,CACxE,MAAMC,EAAqB,KAAK,KAAMD,EAAM,OAASA,EAAM,MAAS,GAAG,EAEvEH,EAAWE,EAAK,KAAME,CAAkB,CAC1C,EAEMX,EAAqE,IAAM,CAC3EF,EAAI,aAAe,GACnBA,EAAI,SAAW,KACjBU,EAAQC,EAAK,IAAI,CAErB,EAEAX,EAAI,OAAO,iBAAiB,WAAYC,CAAiB,EACzDD,EAAI,iBAAiB,mBAAoBE,CAAuB,EAEhEP,EAAgB,QAAU,CACxB,GAAGA,EAAgB,QACnB,CAACgB,EAAK,IAAI,EAAG,CACX,IAAAX,EACA,SAAAM,EACA,kBAAAL,EACA,wBAAAC,CAAA,CACF,CAEJ,CAAC,EAEDT,GAAA,MAAAA,EAASe,EAAeC,EAAYC,EACtC,EAEA,CAACf,EAAgB,OAAO,CAAA,EAGpBmB,EAAqDT,EAAAA,YACxDP,GAAa,CACZD,EAAwBC,CAAQ,EAChCJ,GAAA,MAAAA,EAAeI,EACjB,EAEA,CAACD,CAAuB,CAAA,EAG1BkB,OAAAA,EAAAA,UACE,IAAM,IAAM,CACVZ,EAAA,CACF,EAEA,CAAA,CAAC,EAGI,CACL,mBAAAW,EACA,aAAAP,EACA,eAAAH,EACA,gBAAAT,CAAA,CAEJ"}
+{"version":3,"file":"useFileXhrUploader.js","sources":["../../../../../src/components/FileUploader/hooks/useFileXhrUploader.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nconst useFileXhrUploader = ({ url, onUpload, onDrop, onRemoveFile }: FileUploaderTypes.IUseFileXhrUploaderProps) => {\n  const fileFormDataMap = useRef<FileUploaderTypes.FileFormDataMap>();\n\n  const unregisterEventsForFile = (fileName: string) => {\n    if (fileFormDataMap.current?.[fileName]) {\n      const { xhr, onProgressHandler, readyStateChangeHandler } = fileFormDataMap.current[fileName];\n\n      xhr.upload.removeEventListener('progress', onProgressHandler);\n      xhr.removeEventListener('readystatechange', readyStateChangeHandler);\n      xhr.abort();\n\n      delete fileFormDataMap.current[fileName];\n    }\n  };\n\n  const unregisterAllEventsForAllFiles = () => {\n    Object.keys(fileFormDataMap.current ?? {}).forEach((fileName) => {\n      unregisterEventsForFile(fileName);\n    });\n  };\n\n  const handleOnUpload = useCallback(() => {\n    Object.values(fileFormDataMap.current ?? {}).forEach(({ xhr, formData }) => {\n      xhr.open('POST', url, true);\n      xhr.send(formData);\n    });\n\n    onUpload?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileFormDataMap.current]);\n\n  const handleOnDrop: FileUploaderTypes.OnDropFiles = useCallback(\n    (filesToUpload, onProgress, onError) => {\n      unregisterAllEventsForAllFiles();\n\n      filesToUpload.forEach((file) => {\n        const formData = new FormData();\n\n        formData.append(file.name, file);\n\n        const xhr = new XMLHttpRequest();\n\n        const onProgressHandler: FileUploaderTypes.OnProgressHandler = (event) => {\n          const progressPercentage = Math.ceil((event.loaded / event.total) * 100);\n\n          onProgress(file.name, progressPercentage);\n        };\n\n        const readyStateChangeHandler: FileUploaderTypes.ReadyStateChangeHandler = () => {\n          if (xhr.readyState !== 4) return;\n          if (xhr.status !== 200) {\n            onError(file.name);\n          }\n        };\n\n        xhr.upload.addEventListener('progress', onProgressHandler);\n        xhr.addEventListener('readystatechange', readyStateChangeHandler);\n\n        fileFormDataMap.current = {\n          ...fileFormDataMap.current,\n          [file.name]: {\n            xhr,\n            formData,\n            onProgressHandler,\n            readyStateChangeHandler,\n          },\n        };\n      });\n\n      onDrop?.(filesToUpload, onProgress, onError);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [fileFormDataMap.current],\n  );\n\n  const handleOnRemoveFile: FileUploaderTypes.OnRemoveFile = useCallback(\n    (fileName) => {\n      unregisterEventsForFile(fileName);\n      onRemoveFile?.(fileName);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [unregisterEventsForFile],\n  );\n\n  useEffect(\n    () => () => {\n      unregisterAllEventsForAllFiles();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return {\n    handleOnRemoveFile,\n    handleOnDrop,\n    handleOnUpload,\n    fileFormDataMap,\n  };\n};\n\nexport default useFileXhrUploader;\n"],"names":["useFileXhrUploader","url","onUpload","onDrop","onRemoveFile","fileFormDataMap","useRef","unregisterEventsForFile","fileName","xhr","onProgressHandler","readyStateChangeHandler","unregisterAllEventsForAllFiles","handleOnUpload","useCallback","formData","handleOnDrop","filesToUpload","onProgress","onError","file","event","progressPercentage","handleOnRemoveFile","useEffect"],"mappings":"sCAIMA,EAAqB,CAAC,CAAE,IAAAC,EAAK,SAAAC,EAAU,OAAAC,EAAQ,aAAAC,KAA+D,CAClH,MAAMC,EAAkBC,EAAAA,OAAA,EAElBC,EAA2BC,GAAqB,CACpD,GAAIH,EAAgB,UAAUG,CAAQ,EAAG,CACvC,KAAM,CAAE,IAAAC,EAAK,kBAAAC,EAAmB,wBAAAC,GAA4BN,EAAgB,QAAQG,CAAQ,EAE5FC,EAAI,OAAO,oBAAoB,WAAYC,CAAiB,EAC5DD,EAAI,oBAAoB,mBAAoBE,CAAuB,EACnEF,EAAI,MAAA,EAEJ,OAAOJ,EAAgB,QAAQG,CAAQ,CACzC,CACF,EAEMI,EAAiC,IAAM,CAC3C,OAAO,KAAKP,EAAgB,SAAW,CAAA,CAAE,EAAE,QAASG,GAAa,CAC/DD,EAAwBC,CAAQ,CAClC,CAAC,CACH,EAEMK,EAAiBC,EAAAA,YAAY,IAAM,CACvC,OAAO,OAAOT,EAAgB,SAAW,CAAA,CAAE,EAAE,QAAQ,CAAC,CAAE,IAAAI,EAAK,SAAAM,KAAe,CAC1EN,EAAI,KAAK,OAAQR,EAAK,EAAI,EAC1BQ,EAAI,KAAKM,CAAQ,CACnB,CAAC,EAEDb,IAAA,CAEF,EAAG,CAACG,EAAgB,OAAO,CAAC,EAEtBW,EAA8CF,EAAAA,YAClD,CAACG,EAAeC,EAAYC,IAAY,CACtCP,EAAA,EAEAK,EAAc,QAASG,GAAS,CAC9B,MAAML,EAAW,IAAI,SAErBA,EAAS,OAAOK,EAAK,KAAMA,CAAI,EAE/B,MAAMX,EAAM,IAAI,eAEVC,EAA0DW,GAAU,CACxE,MAAMC,EAAqB,KAAK,KAAMD,EAAM,OAASA,EAAM,MAAS,GAAG,EAEvEH,EAAWE,EAAK,KAAME,CAAkB,CAC1C,EAEMX,EAAqE,IAAM,CAC3EF,EAAI,aAAe,GACnBA,EAAI,SAAW,KACjBU,EAAQC,EAAK,IAAI,CAErB,EAEAX,EAAI,OAAO,iBAAiB,WAAYC,CAAiB,EACzDD,EAAI,iBAAiB,mBAAoBE,CAAuB,EAEhEN,EAAgB,QAAU,CACxB,GAAGA,EAAgB,QACnB,CAACe,EAAK,IAAI,EAAG,CACX,IAAAX,EACA,SAAAM,EACA,kBAAAL,EACA,wBAAAC,CAAA,CACF,CAEJ,CAAC,EAEDR,IAASc,EAAeC,EAAYC,CAAO,CAC7C,EAEA,CAACd,EAAgB,OAAO,CAAA,EAGpBkB,EAAqDT,EAAAA,YACxDN,GAAa,CACZD,EAAwBC,CAAQ,EAChCJ,IAAeI,CAAQ,CACzB,EAEA,CAACD,CAAuB,CAAA,EAG1BiB,OAAAA,EAAAA,UACE,IAAM,IAAM,CACVZ,EAAA,CACF,EAEA,CAAA,CAAC,EAGI,CACL,mBAAAW,EACA,aAAAP,EACA,eAAAH,EACA,gBAAAR,CAAA,CAEJ"}

package/build/cjs/components/Flag/Flag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flag.js","sources":["../../../../src/components/Flag/Flag.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\n\nimport * as Flags from './components';\nimport type { FlagComponentKey, FlagName, FlagNameKeyRecord } from './Flag.types';\n\nconst FLAG_NAMES_KEYS = Object.fromEntries(\n  Object.keys(Flags).flatMap((key) => [\n    [key.toLowerCase(), key],\n    [key.toUpperCase(), key],\n  ]),\n) as FlagNameKeyRecord;\n\nconst flagNameToComponentKey = (flag: FlagName): FlagComponentKey => FLAG_NAMES_KEYS[flag];\n\nconst Flag = ({ flag }: { flag?: FlagName }): ReactNode => {\n  if (!flag) return null;\n\n  const FlagComponent = Flags[flagNameToComponentKey(flag)];\n\n  return <FlagComponent />;\n};\n\nexport default memo(Flag) as typeof Flag;\n"],"names":["FLAG_NAMES_KEYS","Flags","key","flagNameToComponentKey","flag","Flag","FlagComponent","Flag$1","memo"],"mappings":"wGAKMA,EAAkB,OAAO,YAC7B,OAAO,KAAKC,CAAK,EAAE,QAASC,GAAQ,CAClC,CAACA,EAAI,YAAA,EAAeA,CAAG,EACvB,CAACA,EAAI,YAAA,EAAeA,CAAG,CAAA,CACxB,CACH,EAEMC,EAA0BC,GAAqCJ,EAAgBI,CAAI,EAEnFC,EAAO,CAAC,CAAE,KAAAD,KAA2C,CACzD,GAAI,CAACA,EAAM,OAAO,KAElB,MAAME,EAAgBL,EAAME,EAAuBC,CAAI,CAAC,EAExD,aAAQE,EAAA,EAAc,CACxB,EAEAC,EAAeC,EAAAA,KAAKH,CAAI"}
+{"version":3,"file":"Flag.js","sources":["../../../../src/components/Flag/Flag.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\n\nimport * as Flags from './components';\nimport type { FlagComponentKey, FlagName, FlagNameKeyRecord } from './Flag.types';\n\nconst FLAG_NAMES_KEYS = Object.fromEntries(\n  Object.keys(Flags).flatMap((key) => [\n    [key.toLowerCase(), key],\n    [key.toUpperCase(), key],\n  ]),\n) as FlagNameKeyRecord;\n\nconst flagNameToComponentKey = (flag: FlagName): FlagComponentKey => FLAG_NAMES_KEYS[flag];\n\nconst Flag = ({ flag }: { flag?: FlagName }): ReactNode => {\n  if (!flag) return null;\n\n  const FlagComponent = Flags[flagNameToComponentKey(flag)];\n\n  return <FlagComponent />;\n};\n\nexport default memo(Flag) as typeof Flag;\n"],"names":["FLAG_NAMES_KEYS","Flags","key","flagNameToComponentKey","flag","Flag","FlagComponent","memo"],"mappings":"wGAKMA,EAAkB,OAAO,YAC7B,OAAO,KAAKC,CAAK,EAAE,QAASC,GAAQ,CAClC,CAACA,EAAI,YAAA,EAAeA,CAAG,EACvB,CAACA,EAAI,YAAA,EAAeA,CAAG,CAAA,CACxB,CACH,EAEMC,EAA0BC,GAAqCJ,EAAgBI,CAAI,EAEnFC,EAAO,CAAC,CAAE,KAAAD,KAA2C,CACzD,GAAI,CAACA,EAAM,OAAO,KAElB,MAAME,EAAgBL,EAAME,EAAuBC,CAAI,CAAC,EAExD,aAAQE,EAAA,EAAc,CACxB,EAEAD,EAAeE,EAAAA,KAAKF,CAAI"}

package/build/cjs/components/FormField/components/Label/Label.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("./Label.styles.js"),p=require("../../../Tooltip/Tooltip.js"),L=require("../../../Icon/components/InfoCircle.js"),i=({label:s,disabled:x,size:r,mandatory:$})=>e.jsxs(t.LabelText,{children:[!!s&&e.jsx(t.Title,{$disabled:x,$size:r,children:s}),!!$&&e.jsx(t.Mandatory,{$disabled:x,$size:r,children:"*"})]}),a=({size:s,icon:x,disabled:r,id:$,label:j,description:d,mandatory:c,helper:u,informationIcon:l})=>{var h;return e.jsxs(t.Header,{$disabled:r,$size:s,children:[!!(j||d||x)&&e.jsxs(t.LabelHelper,{$disabled:r,$size:s,children:[!!(j||x)&&e.jsxs(t.LabelContainer,{$disabled:r,$size:s,htmlFor:$,children:[x,e.jsx(i,{disabled:r,label:j,size:s,mandatory:c})]}),u,!!(l!=null&&l.icon&&((h=l.tooltipProps)!=null&&h.overlay))&&e.jsx(p,{trigger:l.icon===!0?e.jsx(L,{}):l.icon,...l.tooltipProps})]}),!!d&&e.jsx(t.Description,{$disabled:r,$size:s,children:d})]})};module.exports=a;
+"use strict";const e=require("react/jsx-runtime"),l=require("./Label.styles.js"),d=require("../../../Tooltip/Tooltip.js"),a=require("../../../Icon/components/InfoCircle.js"),h=({label:s,disabled:t,size:r,mandatory:x})=>e.jsxs(l.LabelText,{children:[!!s&&e.jsx(l.Title,{$disabled:t,$size:r,children:s}),!!x&&e.jsx(l.Mandatory,{$disabled:t,$size:r,children:"*"})]}),n=({size:s,icon:t,disabled:r,id:x,label:o,description:$,mandatory:c,helper:j,informationIcon:i})=>e.jsxs(l.Header,{$disabled:r,$size:s,children:[!!(o||$||t)&&e.jsxs(l.LabelHelper,{$disabled:r,$size:s,children:[!!(o||t)&&e.jsxs(l.LabelContainer,{$disabled:r,$size:s,htmlFor:x,children:[t,e.jsx(h,{disabled:r,label:o,size:s,mandatory:c})]}),j,!!(i?.icon&&i.tooltipProps?.overlay)&&e.jsx(d,{trigger:i.icon===!0?e.jsx(a,{}):i.icon,...i.tooltipProps})]}),!!$&&e.jsx(l.Description,{$disabled:r,$size:s,children:$})]});module.exports=n;
 //# sourceMappingURL=Label.js.map

package/build/cjs/components/FormField/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormField/components/Label/Label.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport type { FormFieldTypes } from 'acinguiux-ds-react-base/components/FormField';\n\nimport * as Styled from './Label.styles';\nimport Tooltip from '../../../Tooltip/Tooltip';\nimport InfoCircle from '../../../Icon/components/InfoCircle';\n\nconst LabelMessage = ({\n  label,\n  disabled,\n  size,\n  mandatory,\n}: Pick<FormFieldTypes.ILabelProps, 'label' | 'size' | 'mandatory' | 'disabled'>) => (\n  <Styled.LabelText>\n    {!!label && (\n      <Styled.Title $disabled={disabled} $size={size}>\n        {label}\n      </Styled.Title>\n    )}\n    {!!mandatory && (\n      <Styled.Mandatory $disabled={disabled} $size={size}>\n        *\n      </Styled.Mandatory>\n    )}\n  </Styled.LabelText>\n);\n\nconst Label = ({\n  size,\n  icon,\n  disabled,\n  id,\n  label,\n  description,\n  mandatory,\n  helper,\n  informationIcon,\n}: FormFieldTypes.ILabelProps): ReactElement => (\n  <Styled.Header $disabled={disabled} $size={size}>\n    {Boolean(label || description || icon) && (\n      <Styled.LabelHelper $disabled={disabled} $size={size}>\n        {Boolean(label || icon) && (\n          <Styled.LabelContainer $disabled={disabled} $size={size} htmlFor={id}>\n            {icon}\n            <LabelMessage disabled={disabled} label={label} size={size} mandatory={mandatory} />\n          </Styled.LabelContainer>\n        )}\n        {helper}\n        {!!(informationIcon?.icon && informationIcon.tooltipProps?.overlay) && (\n          <Tooltip\n            trigger={informationIcon.icon === true ? <InfoCircle /> : informationIcon.icon}\n            {...informationIcon.tooltipProps}\n          />\n        )}\n      </Styled.LabelHelper>\n    )}\n    {!!description && (\n      <Styled.Description $disabled={disabled} $size={size}>\n        {description}\n      </Styled.Description>\n    )}\n  </Styled.Header>\n);\n\nexport default Label;\n"],"names":["LabelMessage","label","disabled","size","mandatory","jsxs","Styled.LabelText","jsx","Styled.Title","Styled.Mandatory","Label","icon","id","description","helper","informationIcon","Styled.Header","Styled.LabelHelper","Styled.LabelContainer","_a","Tooltip","InfoCircle","Styled.Description"],"mappings":"8KAQMA,EAAe,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,UAAAC,CACF,IACEC,EAAAA,KAACC,YAAA,CACE,SAAA,CAAA,CAAC,CAACL,GACDM,MAACC,EAAAA,MAAA,CAAa,UAAWN,EAAU,MAAOC,EACvC,SAAAF,CAAA,CACH,EAED,CAAC,CAACG,GACDG,MAACE,EAAAA,UAAA,CAAiB,UAAWP,EAAU,MAAOC,EAAM,SAAA,GAAA,CAEpD,CAAA,EAEJ,EAGIO,EAAQ,CAAC,CACb,KAAAP,EACA,KAAAQ,EACA,SAAAT,EACA,GAAAU,EACA,MAAAX,EACA,YAAAY,EACA,UAAAT,EACA,OAAAU,EACA,gBAAAC,CACF,IAAA,qBACGC,EAAAA,OAAA,CAAc,UAAWd,EAAU,MAAOC,EACxC,SAAA,CAAA,GAAQF,GAASY,GAAeF,IAC/BN,EAAAA,KAACY,cAAA,CAAmB,UAAWf,EAAU,MAAOC,EAC7C,SAAA,CAAA,GAAQF,GAASU,IAChBN,EAAAA,KAACa,EAAAA,eAAA,CAAsB,UAAWhB,EAAU,MAAOC,EAAM,QAASS,EAC/D,SAAA,CAAAD,EACDJ,EAAAA,IAACP,EAAA,CAAa,SAAAE,EAAoB,MAAAD,EAAc,KAAAE,EAAY,UAAAC,CAAA,CAAsB,CAAA,EACpF,EAEDU,EACA,CAAC,EAAEC,GAAA,MAAAA,EAAiB,QAAQI,EAAAJ,EAAgB,eAAhB,MAAAI,EAA8B,WACzDZ,EAAAA,IAACa,EAAA,CACC,QAASL,EAAgB,OAAS,GAAOR,EAAAA,IAACc,EAAA,CAAA,CAAW,EAAKN,EAAgB,KACzE,GAAGA,EAAgB,YAAA,CAAA,CACtB,EAEJ,EAED,CAAC,CAACF,GACDN,MAACe,EAAAA,YAAA,CAAmB,UAAWpB,EAAU,MAAOC,EAC7C,SAAAU,CAAA,CACH,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"Label.js","sources":["../../../../../../src/components/FormField/components/Label/Label.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport type { FormFieldTypes } from 'acinguiux-ds-react-base/components/FormField';\n\nimport * as Styled from './Label.styles';\nimport Tooltip from '../../../Tooltip/Tooltip';\nimport InfoCircle from '../../../Icon/components/InfoCircle';\n\nconst LabelMessage = ({\n  label,\n  disabled,\n  size,\n  mandatory,\n}: Pick<FormFieldTypes.ILabelProps, 'label' | 'size' | 'mandatory' | 'disabled'>) => (\n  <Styled.LabelText>\n    {!!label && (\n      <Styled.Title $disabled={disabled} $size={size}>\n        {label}\n      </Styled.Title>\n    )}\n    {!!mandatory && (\n      <Styled.Mandatory $disabled={disabled} $size={size}>\n        *\n      </Styled.Mandatory>\n    )}\n  </Styled.LabelText>\n);\n\nconst Label = ({\n  size,\n  icon,\n  disabled,\n  id,\n  label,\n  description,\n  mandatory,\n  helper,\n  informationIcon,\n}: FormFieldTypes.ILabelProps): ReactElement => (\n  <Styled.Header $disabled={disabled} $size={size}>\n    {Boolean(label || description || icon) && (\n      <Styled.LabelHelper $disabled={disabled} $size={size}>\n        {Boolean(label || icon) && (\n          <Styled.LabelContainer $disabled={disabled} $size={size} htmlFor={id}>\n            {icon}\n            <LabelMessage disabled={disabled} label={label} size={size} mandatory={mandatory} />\n          </Styled.LabelContainer>\n        )}\n        {helper}\n        {!!(informationIcon?.icon && informationIcon.tooltipProps?.overlay) && (\n          <Tooltip\n            trigger={informationIcon.icon === true ? <InfoCircle /> : informationIcon.icon}\n            {...informationIcon.tooltipProps}\n          />\n        )}\n      </Styled.LabelHelper>\n    )}\n    {!!description && (\n      <Styled.Description $disabled={disabled} $size={size}>\n        {description}\n      </Styled.Description>\n    )}\n  </Styled.Header>\n);\n\nexport default Label;\n"],"names":["LabelMessage","label","disabled","size","mandatory","jsxs","Styled.LabelText","jsx","Styled.Title","Styled.Mandatory","Label","icon","id","description","helper","informationIcon","Styled.Header","Styled.LabelHelper","Styled.LabelContainer","Tooltip","InfoCircle","Styled.Description"],"mappings":"8KAQMA,EAAe,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,UAAAC,CACF,IACEC,EAAAA,KAACC,YAAA,CACE,SAAA,CAAA,CAAC,CAACL,GACDM,MAACC,EAAAA,MAAA,CAAa,UAAWN,EAAU,MAAOC,EACvC,SAAAF,CAAA,CACH,EAED,CAAC,CAACG,GACDG,MAACE,EAAAA,UAAA,CAAiB,UAAWP,EAAU,MAAOC,EAAM,SAAA,GAAA,CAEpD,CAAA,EAEJ,EAGIO,EAAQ,CAAC,CACb,KAAAP,EACA,KAAAQ,EACA,SAAAT,EACA,GAAAU,EACA,MAAAX,EACA,YAAAY,EACA,UAAAT,EACA,OAAAU,EACA,gBAAAC,CACF,WACGC,EAAAA,OAAA,CAAc,UAAWd,EAAU,MAAOC,EACxC,SAAA,CAAA,GAAQF,GAASY,GAAeF,IAC/BN,EAAAA,KAACY,cAAA,CAAmB,UAAWf,EAAU,MAAOC,EAC7C,SAAA,CAAA,GAAQF,GAASU,IAChBN,EAAAA,KAACa,EAAAA,eAAA,CAAsB,UAAWhB,EAAU,MAAOC,EAAM,QAASS,EAC/D,SAAA,CAAAD,EACDJ,EAAAA,IAACP,EAAA,CAAa,SAAAE,EAAoB,MAAAD,EAAc,KAAAE,EAAY,UAAAC,CAAA,CAAsB,CAAA,EACpF,EAEDU,EACA,CAAC,EAAEC,GAAiB,MAAQA,EAAgB,cAAc,UACzDR,EAAAA,IAACY,EAAA,CACC,QAASJ,EAAgB,OAAS,GAAOR,EAAAA,IAACa,EAAA,CAAA,CAAW,EAAKL,EAAgB,KACzE,GAAGA,EAAgB,YAAA,CAAA,CACtB,EAEJ,EAED,CAAC,CAACF,GACDN,MAACc,EAAAA,YAAA,CAAmB,UAAWnB,EAAU,MAAOC,EAC7C,SAAAU,CAAA,CACH,CAAA,CAAA,CAEJ"}

package/build/cjs/components/Grid/Grid.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("react/jsx-runtime"),w=require("react"),m=require("./Grid.styles.js"),G=w.forwardRef((t,e)=>{const{width:n,height:r,rowStart:o,rowEnd:s,columnStart:i,columnEnd:a,centerContent:$,area:c,...l}=t;return u.jsx(m.Cell,{ref:e,$width:n,$height:r,$rowStart:o,$rowEnd:s,$columnStart:i,$columnEnd:a,$centerContent:$,$area:c,...l})}),p=w.forwardRef((t,e)=>{const{columns:n,gap:r,columnGap:o,rowGap:s,width:i,height:a,minRowHeight:$,flow:c,rows:l,areas:d,justifyItems:h,alignItems:g,justifyContent:f,alignContent:j,...C}=t;return u.jsx(m.Grid,{ref:e,$columns:n,$gap:r,$columnGap:o,$rowGap:s,$width:i,$height:a,$minRowHeight:$,$flow:c,$rows:l,$areas:d,$justifyItems:h,$alignItems:g,$justifyContent:f,$alignContent:j,...C})}),y=Object.assign(p,{Cell:G});module.exports=y;
+"use strict";const u=require("react/jsx-runtime"),w=require("react"),d=require("./Grid.styles.js"),G=w.forwardRef((t,e)=>{const{width:n,height:r,rowStart:o,rowEnd:s,columnStart:i,columnEnd:a,centerContent:$,area:c,...l}=t;return u.jsx(d.Cell,{ref:e,$width:n,$height:r,$rowStart:o,$rowEnd:s,$columnStart:i,$columnEnd:a,$centerContent:$,$area:c,...l})}),p=w.forwardRef((t,e)=>{const{columns:n,gap:r,columnGap:o,rowGap:s,width:i,height:a,minRowHeight:$,flow:c,rows:l,areas:m,justifyItems:h,alignItems:g,justifyContent:f,alignContent:j,...C}=t;return u.jsx(d.Grid,{ref:e,$columns:n,$gap:r,$columnGap:o,$rowGap:s,$width:i,$height:a,$minRowHeight:$,$flow:c,$rows:l,$areas:m,$justifyItems:h,$alignItems:g,$justifyContent:f,$alignContent:j,...C})}),y=Object.assign(p,{Cell:G});module.exports=y;
 //# sourceMappingURL=Grid.js.map

package/build/cjs/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport * as Styled from './Grid.styles';\nimport type { ICellProps, IGridProps } from './Grid.types';\n\nconst Cell = forwardRef<HTMLDivElement, ICellProps>((props, ref): ReactElement => {\n  const { width, height, rowStart, rowEnd, columnStart, columnEnd, centerContent, area, ...rest } = props;\n\n  return (\n    <Styled.Cell\n      ref={ref}\n      $width={width}\n      $height={height}\n      $rowStart={rowStart}\n      $rowEnd={rowEnd}\n      $columnStart={columnStart}\n      $columnEnd={columnEnd}\n      $centerContent={centerContent}\n      $area={area}\n      {...rest}\n    />\n  );\n});\n\nconst Grid = forwardRef<HTMLDivElement, IGridProps>((props, ref): ReactElement => {\n  const {\n    columns,\n    gap,\n    columnGap,\n    rowGap,\n    width,\n    height,\n    minRowHeight,\n    flow,\n    rows,\n    areas,\n    justifyItems,\n    alignItems,\n    justifyContent,\n    alignContent,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.Grid\n      ref={ref}\n      $columns={columns}\n      $gap={gap}\n      $columnGap={columnGap}\n      $rowGap={rowGap}\n      $width={width}\n      $height={height}\n      $minRowHeight={minRowHeight}\n      $flow={flow}\n      $rows={rows}\n      $areas={areas}\n      $justifyItems={justifyItems}\n      $alignItems={alignItems}\n      $justifyContent={justifyContent}\n      $alignContent={alignContent}\n      {...rest}\n    />\n  );\n});\n\nexport default Object.assign(Grid, { Cell });\n"],"names":["Cell","forwardRef","props","ref","width","height","rowStart","rowEnd","columnStart","columnEnd","centerContent","area","rest","jsx","Styled.Cell","Grid","columns","gap","columnGap","rowGap","minRowHeight","flow","rows","areas","justifyItems","alignItems","justifyContent","alignContent","Styled.Grid","Grid$1"],"mappings":"mGAKMA,EAAOC,EAAAA,WAAuC,CAACC,EAAOC,IAAsB,CAChF,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,EAAQ,YAAAC,EAAa,UAAAC,EAAW,cAAAC,EAAe,KAAAC,EAAM,GAAGC,CAAA,EAASV,EAElG,OACEW,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAAX,EACA,OAAQC,EACR,QAASC,EACT,UAAWC,EACX,QAASC,EACT,aAAcC,EACd,WAAYC,EACZ,eAAgBC,EAChB,MAAOC,EACN,GAAGC,CAAA,CAAA,CAGV,CAAC,EAEKG,EAAOd,EAAAA,WAAuC,CAACC,EAAOC,IAAsB,CAChF,KAAM,CACJ,QAAAa,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAf,EACA,OAAAC,EACA,aAAAe,EACA,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,GAAGf,CAAA,EACDV,EAEJ,OACEW,EAAAA,IAACe,EAAAA,KAAA,CACC,IAAAzB,EACA,SAAUa,EACV,KAAMC,EACN,WAAYC,EACZ,QAASC,EACT,OAAQf,EACR,QAASC,EACT,cAAee,EACf,MAAOC,EACP,MAAOC,EACP,OAAQC,EACR,cAAeC,EACf,YAAaC,EACb,gBAAiBC,EACjB,cAAeC,EACd,GAAGf,CAAA,CAAA,CAGV,CAAC,EAEDiB,EAAe,OAAO,OAAOd,EAAM,CAAE,KAAAf,EAAM"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport * as Styled from './Grid.styles';\nimport type { ICellProps, IGridProps } from './Grid.types';\n\nconst Cell = forwardRef<HTMLDivElement, ICellProps>((props, ref): ReactElement => {\n  const { width, height, rowStart, rowEnd, columnStart, columnEnd, centerContent, area, ...rest } = props;\n\n  return (\n    <Styled.Cell\n      ref={ref}\n      $width={width}\n      $height={height}\n      $rowStart={rowStart}\n      $rowEnd={rowEnd}\n      $columnStart={columnStart}\n      $columnEnd={columnEnd}\n      $centerContent={centerContent}\n      $area={area}\n      {...rest}\n    />\n  );\n});\n\nconst Grid = forwardRef<HTMLDivElement, IGridProps>((props, ref): ReactElement => {\n  const {\n    columns,\n    gap,\n    columnGap,\n    rowGap,\n    width,\n    height,\n    minRowHeight,\n    flow,\n    rows,\n    areas,\n    justifyItems,\n    alignItems,\n    justifyContent,\n    alignContent,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.Grid\n      ref={ref}\n      $columns={columns}\n      $gap={gap}\n      $columnGap={columnGap}\n      $rowGap={rowGap}\n      $width={width}\n      $height={height}\n      $minRowHeight={minRowHeight}\n      $flow={flow}\n      $rows={rows}\n      $areas={areas}\n      $justifyItems={justifyItems}\n      $alignItems={alignItems}\n      $justifyContent={justifyContent}\n      $alignContent={alignContent}\n      {...rest}\n    />\n  );\n});\n\nexport default Object.assign(Grid, { Cell });\n"],"names":["Cell","forwardRef","props","ref","width","height","rowStart","rowEnd","columnStart","columnEnd","centerContent","area","rest","jsx","Styled.Cell","Grid","columns","gap","columnGap","rowGap","minRowHeight","flow","rows","areas","justifyItems","alignItems","justifyContent","alignContent","Styled.Grid","Grid_default"],"mappings":"mGAKMA,EAAOC,EAAAA,WAAuC,CAACC,EAAOC,IAAsB,CAChF,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,EAAQ,YAAAC,EAAa,UAAAC,EAAW,cAAAC,EAAe,KAAAC,EAAM,GAAGC,CAAA,EAASV,EAElG,OACEW,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAAX,EACA,OAAQC,EACR,QAASC,EACT,UAAWC,EACX,QAASC,EACT,aAAcC,EACd,WAAYC,EACZ,eAAgBC,EAChB,MAAOC,EACN,GAAGC,CAAA,CAAA,CAGV,CAAC,EAEKG,EAAOd,EAAAA,WAAuC,CAACC,EAAOC,IAAsB,CAChF,KAAM,CACJ,QAAAa,EACA,IAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAf,EACA,OAAAC,EACA,aAAAe,EACA,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,GAAGf,CAAA,EACDV,EAEJ,OACEW,EAAAA,IAACe,EAAAA,KAAA,CACC,IAAAzB,EACA,SAAUa,EACV,KAAMC,EACN,WAAYC,EACZ,QAASC,EACT,OAAQf,EACR,QAASC,EACT,cAAee,EACf,MAAOC,EACP,MAAOC,EACP,OAAQC,EACR,cAAeC,EACf,YAAaC,EACb,gBAAiBC,EACjB,cAAeC,EACd,GAAGf,CAAA,CAAA,CAGV,CAAC,EAEDiB,EAAe,OAAO,OAAOd,EAAM,CAAE,KAAAf,EAAM"}

package/build/cjs/components/Icon/components/EyeSolidDisabled.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),r=require("react"),o=require("classnames"),c=require("../../../react-base/src/consts/classes.js"),t=require("../Icon.styles.js"),i=r.forwardRef((e,s)=>l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",ref:s,...e,children:l.jsx("path",{fillRule:"evenodd",d:"M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.316 4.497-.888l2.447 2.447a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.296-.002.002-1.425-1.425.002-.002-4.185-4.185-.002.002-1.425-1.425.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3 3 0 0 1-3.679-3.679zm3.145-.395 3.998 3.998a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.098L9.25 8.325A5.002 5.002 0 0 1 17 12.5",clipRule:"evenodd"})})),n=r.forwardRef(({className:e,...s},a)=>l.jsx(t.Icon,{className:o(c.ICON_CLASS,e),as:i,...s,ref:a}));module.exports=n;
+"use strict";const l=require("react/jsx-runtime"),r=require("react"),o=require("classnames"),c=require("../../../react-base/src/consts/classes.js"),t=require("../Icon.styles.js"),i=r.forwardRef((e,s)=>l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",ref:s,...e,children:l.jsx("path",{fillRule:"evenodd",d:"M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.315 4.497-.887l2.447 2.446a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.295-.002.001-1.425-1.425.002-.002-4.185-4.184-.002.002-1.425-1.426.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3.001 3.001 0 0 1-3.679-3.679zm3.145-.394 3.998 3.997a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.099L9.25 8.325A5.002 5.002 0 0 1 17 12.5",clipRule:"evenodd"})})),n=r.forwardRef(({className:e,...s},a)=>l.jsx(t.Icon,{className:o(c.ICON_CLASS,e),as:i,...s,ref:a}));module.exports=n;
 //# sourceMappingURL=EyeSolidDisabled.js.map

package/build/cjs/components/Icon/components/EyeSolidDisabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyeSolidDisabled.js","sources":["../../../../../src/components/Icon/components/EyeSolidDisabled.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst EyeSolidDisabledBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.316 4.497-.888l2.447 2.447a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.296-.002.002-1.425-1.425.002-.002-4.185-4.185-.002.002-1.425-1.425.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3 3 0 0 1-3.679-3.679zm3.145-.395 3.998 3.998a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.098L9.25 8.325A5.002 5.002 0 0 1 17 12.5\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n));\nconst EyeSolidDisabled = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={EyeSolidDisabledBase} {...rest} ref={ref} />,\n);\nexport default EyeSolidDisabled;\n"],"names":["EyeSolidDisabledBase","forwardRef","props","ref","jsx","EyeSolidDisabled","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":"mLASMA,EAAuBC,EAAAA,WAAW,CAACC,EAAgCC,IACvEC,EAAAA,IAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,MACN,OAAO,MACP,IAAAD,EACC,GAAGD,EAEJ,SAAAE,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,EAAE,inBACF,SAAS,SAAA,CAAA,CACX,CACF,CACD,EACKC,EAAmBJ,EAAAA,WACvB,CACE,CACE,UAAAK,EACA,GAAGC,CAAA,EAILJ,IACGC,EAAAA,IAACI,OAAA,CAAY,UAAWC,EAAWC,aAAYJ,CAAS,EAAG,GAAIN,EAAuB,GAAGO,EAAM,IAAAJ,CAAA,CAAU,CAChH"}
+{"version":3,"file":"EyeSolidDisabled.js","sources":["../../../../../src/components/Icon/components/EyeSolidDisabled.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst EyeSolidDisabledBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M3.741 4.942a.25.25 0 0 0-.353 0l-.354.354a.25.25 0 0 0 0 .353L4.82 7.435A11.9 11.9 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.593 0 3.111-.315 4.497-.887l2.447 2.446a.25.25 0 0 0 .354 0l.353-.353a.25.25 0 0 0 0-.354l-2.19-2.19h.003l-2.295-2.295-.002.001-1.425-1.425.002-.002-4.185-4.184-.002.002-1.425-1.426.001-.002-2.48-2.48-.002.001zm3.827 5.242a5.002 5.002 0 0 0 6.748 6.748l-1.534-1.535a3.001 3.001 0 0 1-3.679-3.679zm3.145-.394 3.998 3.997a3.001 3.001 0 0 0-3.997-3.997M17 12.5a4.97 4.97 0 0 1-.825 2.751l2.607 2.607A11.9 11.9 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.779 0-3.465.394-4.978 1.099L9.25 8.325A5.002 5.002 0 0 1 17 12.5\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n));\nconst EyeSolidDisabled = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={EyeSolidDisabledBase} {...rest} ref={ref} />,\n);\nexport default EyeSolidDisabled;\n"],"names":["EyeSolidDisabledBase","forwardRef","props","ref","jsx","EyeSolidDisabled","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":"mLASMA,EAAuBC,EAAAA,WAAW,CAACC,EAAgCC,IACvEC,EAAAA,IAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,MACN,OAAO,MACP,IAAAD,EACC,GAAGD,EAEJ,SAAAE,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,EAAE,ynBACF,SAAS,SAAA,CAAA,CACX,CACF,CACD,EACKC,EAAmBJ,EAAAA,WACvB,CACE,CACE,UAAAK,EACA,GAAGC,CAAA,EAILJ,IACGC,EAAAA,IAACI,OAAA,CAAY,UAAWC,EAAWC,aAAYJ,CAAS,EAAG,GAAIN,EAAuB,GAAGO,EAAM,IAAAJ,CAAA,CAAU,CAChH"}

package/build/cjs/components/Icon/components/Office.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react"),t=require("classnames"),o=require("../../../react-base/src/consts/classes.js"),i=require("../Icon.styles.js"),a=r.forwardRef((s,h)=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",ref:h,...s,children:e.jsxs("g",{children:[e.jsx("path",{d:"M15 15h2v2h-2zM17 11h-2v2h2zM15 7h2v2h-2zM13 11h-2v2h2zM7 15h2v2H7zM13 7h-2v2h2z"}),e.jsx("path",{fillRule:"evenodd",d:"M9 3a2 2 0 0 0-2 2v6H4.5A1.5 1.5 0 0 0 3 12.5V19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm4 16h6V5H9v8H5v6h6v-4h2z",clipRule:"evenodd"})]})})),n=r.forwardRef(({className:s,...h},c)=>e.jsx(i.Icon,{className:t(o.ICON_CLASS,s),as:a,...h,ref:c}));module.exports=n;
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),o=require("classnames"),i=require("../../../react-base/src/consts/classes.js"),n=require("../Icon.styles.js"),a=t.forwardRef((e,s)=>r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",ref:s,...e,children:r.jsx("path",{d:"M4 18.133V5.975L14.367 2 20 3.87v16.368L14.367 22zl10.367 1.295V5.274L7.606 6.91v9.586z"})})),l=t.forwardRef(({className:e,...s},c)=>r.jsx(n.Icon,{className:o(i.ICON_CLASS,e),as:a,...s,ref:c}));module.exports=l;
 //# sourceMappingURL=Office.js.map

package/build/cjs/components/Icon/components/Office.js.map

@@ -1 +1 @@
-{"version":3,"file":"Office.js","sources":["../../../../../src/components/Icon/components/Office.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst OfficeBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <g>\n      <path d=\"M15 15h2v2h-2zM17 11h-2v2h2zM15 7h2v2h-2zM13 11h-2v2h2zM7 15h2v2H7zM13 7h-2v2h2z\" />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M9 3a2 2 0 0 0-2 2v6H4.5A1.5 1.5 0 0 0 3 12.5V19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm4 16h6V5H9v8H5v6h6v-4h2z\"\n        clipRule=\"evenodd\"\n      />\n    </g>\n  </svg>\n));\nconst Office = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={OfficeBase} {...rest} ref={ref} />,\n);\nexport default Office;\n"],"names":["OfficeBase","forwardRef","props","ref","jsx","Office","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":"mLASMA,EAAaC,EAAAA,WAAW,CAACC,EAAgCC,IAC7DC,EAAAA,IAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,MACN,OAAO,MACP,IAAAD,EACC,GAAGD,EAEJ,gBAAC,IAAA,CACC,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,EAAE,kFAAA,CAAmF,EAC3FA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,EAAE,4HACF,SAAS,SAAA,CAAA,CACX,CAAA,CACF,CAAA,CACF,CACD,EACKC,EAASJ,EAAAA,WACb,CACE,CACE,UAAAK,EACA,GAAGC,CAAA,EAILJ,IACGC,EAAAA,IAACI,OAAA,CAAY,UAAWC,EAAWC,aAAYJ,CAAS,EAAG,GAAIN,EAAa,GAAGO,EAAM,IAAAJ,CAAA,CAAU,CACtG"}
+{"version":3,"file":"Office.js","sources":["../../../../../src/components/Icon/components/Office.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst OfficeBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path d=\"M4 18.133V5.975L14.367 2 20 3.87v16.368L14.367 22zl10.367 1.295V5.274L7.606 6.91v9.586z\" />\n  </svg>\n));\nconst Office = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={OfficeBase} {...rest} ref={ref} />,\n);\nexport default Office;\n"],"names":["OfficeBase","forwardRef","props","ref","jsx","Office","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":"mLASMA,EAAaC,EAAAA,WAAW,CAACC,EAAgCC,IAC7DC,EAAAA,IAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,MACN,OAAO,MACP,IAAAD,EACC,GAAGD,EAEJ,SAAAE,EAAAA,IAAC,OAAA,CAAK,EAAE,yFAAA,CAA0F,CAAA,CACpG,CACD,EACKC,EAASJ,EAAAA,WACb,CACE,CACE,UAAAK,EACA,GAAGC,CAAA,EAILJ,IACGC,EAAAA,IAACI,OAAA,CAAY,UAAWC,EAAWC,aAAYJ,CAAS,EAAG,GAAIN,EAAa,GAAGO,EAAM,IAAAJ,CAAA,CAAU,CACtG"}

package/build/cjs/components/Icon/components/Support.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),t=require("classnames"),o=require("../../../react-base/src/consts/classes.js"),n=require("../Icon.styles.js"),i=c.forwardRef((e,s)=>r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",ref:s,...e,children:r.jsx("path",{fillRule:"evenodd",d:"M8.041 5.413c-.977.838-1.68 2.071-1.78 3.761H7a1 1 0 0 1 1 1v4.924a1 1 0 0 1-1 1H4a2 2 0 0 1-2-2v-2.924a2 2 0 0 1 2-2h.258c.105-2.278 1.059-4.06 2.482-5.28C8.229 2.62 10.178 2.003 12.085 2s3.847.61 5.311 1.893c1.396 1.223 2.301 3.008 2.351 5.281H20a2 2 0 0 1 2 2v2.924c0 .931-.637 1.714-1.5 1.937v1.026a4 4 0 0 1-4 4h-3.804c-.354.564-.981.939-1.696.939h-1a2 2 0 1 1 0-4h1a2 2 0 0 1 1.766 1.06H16.5a2 2 0 0 0 2-2v-.962H17a1 1 0 0 1-1-1v-4.924a1 1 0 0 1 1-1h.747c-.049-1.71-.72-2.945-1.669-3.777-1.044-.915-2.493-1.399-3.99-1.397-1.499.002-2.968.489-4.047 1.413M6 11.174H4v2.924h2zm12 2.924v-2.924h2v2.924z",clipRule:"evenodd"})})),l=c.forwardRef(({className:e,...s},a)=>r.jsx(n.Icon,{className:t(o.ICON_CLASS,e),as:i,...s,ref:a}));module.exports=l;
+"use strict";const a=require("react/jsx-runtime"),r=require("react"),t=require("classnames"),o=require("../../../react-base/src/consts/classes.js"),c=require("../Icon.styles.js"),n=r.forwardRef((e,s)=>a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",ref:s,...e,children:a.jsx("path",{fillRule:"evenodd",d:"M21.182 8.032a10.04 10.04 0 0 0-5.214-5.214L16 2.75h-.193A10 10 0 0 0 12 2a10 10 0 0 0-3.807.75H8l.032.068a10.04 10.04 0 0 0-5.214 5.214L2.75 8v.193A10 10 0 0 0 2 12a10 10 0 0 0 .75 3.807V16l.068-.032a10.04 10.04 0 0 0 5.214 5.214L8 21.25h.193A10 10 0 0 0 12 22a10 10 0 0 0 3.807-.75H16l-.032-.068a10.04 10.04 0 0 0 5.214-5.214l.068.032v-.193A10 10 0 0 0 22 12a10 10 0 0 0-.75-3.807V8zm-1.808 7.075-1.808-.861a6.02 6.02 0 0 1-3.32 3.32l.86 1.808a8.03 8.03 0 0 0 4.268-4.267m0-6.214-1.808.861a6.02 6.02 0 0 0-3.32-3.32l.86-1.808a8.03 8.03 0 0 1 4.268 4.267M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-7.107 7.374a8.03 8.03 0 0 1-4.267-4.267l1.808-.861a6.02 6.02 0 0 0 3.32 3.32zM4.626 8.894l1.808.86a6.02 6.02 0 0 1 3.32-3.32l-.86-1.808a8.03 8.03 0 0 0-4.268 4.267",clipRule:"evenodd"})})),i=r.forwardRef(({className:e,...s},l)=>a.jsx(c.Icon,{className:t(o.ICON_CLASS,e),as:n,...s,ref:l}));module.exports=i;
 //# sourceMappingURL=Support.js.map

package/build/cjs/components/Icon/components/Support.js.map

@@ -1 +1 @@
-{"version":3,"file":"Support.js","sources":["../../../../../src/components/Icon/components/Support.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst SupportBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M8.041 5.413c-.977.838-1.68 2.071-1.78 3.761H7a1 1 0 0 1 1 1v4.924a1 1 0 0 1-1 1H4a2 2 0 0 1-2-2v-2.924a2 2 0 0 1 2-2h.258c.105-2.278 1.059-4.06 2.482-5.28C8.229 2.62 10.178 2.003 12.085 2s3.847.61 5.311 1.893c1.396 1.223 2.301 3.008 2.351 5.281H20a2 2 0 0 1 2 2v2.924c0 .931-.637 1.714-1.5 1.937v1.026a4 4 0 0 1-4 4h-3.804c-.354.564-.981.939-1.696.939h-1a2 2 0 1 1 0-4h1a2 2 0 0 1 1.766 1.06H16.5a2 2 0 0 0 2-2v-.962H17a1 1 0 0 1-1-1v-4.924a1 1 0 0 1 1-1h.747c-.049-1.71-.72-2.945-1.669-3.777-1.044-.915-2.493-1.399-3.99-1.397-1.499.002-2.968.489-4.047 1.413M6 11.174H4v2.924h2zm12 2.924v-2.924h2v2.924z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n));\nconst Support = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={SupportBase} {...rest} ref={ref} />,\n);\nexport default Support;\n"],"names":["SupportBase","forwardRef","props","ref","jsx","Support","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":"mLASMA,EAAcC,EAAAA,WAAW,CAACC,EAAgCC,IAC9DC,EAAAA,IAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,MACN,OAAO,MACP,IAAAD,EACC,GAAGD,EAEJ,SAAAE,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,EAAE,+lBACF,SAAS,SAAA,CAAA,CACX,CACF,CACD,EACKC,EAAUJ,EAAAA,WACd,CACE,CACE,UAAAK,EACA,GAAGC,CAAA,EAILJ,IACGC,EAAAA,IAACI,OAAA,CAAY,UAAWC,EAAWC,aAAYJ,CAAS,EAAG,GAAIN,EAAc,GAAGO,EAAM,IAAAJ,CAAA,CAAU,CACvG"}
+{"version":3,"file":"Support.js","sources":["../../../../../src/components/Icon/components/Support.tsx"],"sourcesContent":["/**\n * DO NOT MANUAL MODIFY THIS FILE\n *\n * AUTO GENERATED\n */\nimport { type Ref, type SVGProps, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport * as Styled from '../Icon.styles';\nconst SupportBase = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    width=\"1em\"\n    height=\"1em\"\n    ref={ref}\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M21.182 8.032a10.04 10.04 0 0 0-5.214-5.214L16 2.75h-.193A10 10 0 0 0 12 2a10 10 0 0 0-3.807.75H8l.032.068a10.04 10.04 0 0 0-5.214 5.214L2.75 8v.193A10 10 0 0 0 2 12a10 10 0 0 0 .75 3.807V16l.068-.032a10.04 10.04 0 0 0 5.214 5.214L8 21.25h.193A10 10 0 0 0 12 22a10 10 0 0 0 3.807-.75H16l-.032-.068a10.04 10.04 0 0 0 5.214-5.214l.068.032v-.193A10 10 0 0 0 22 12a10 10 0 0 0-.75-3.807V8zm-1.808 7.075-1.808-.861a6.02 6.02 0 0 1-3.32 3.32l.86 1.808a8.03 8.03 0 0 0 4.268-4.267m0-6.214-1.808.861a6.02 6.02 0 0 0-3.32-3.32l.86-1.808a8.03 8.03 0 0 1 4.268 4.267M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-7.107 7.374a8.03 8.03 0 0 1-4.267-4.267l1.808-.861a6.02 6.02 0 0 0 3.32 3.32zM4.626 8.894l1.808.86a6.02 6.02 0 0 1 3.32-3.32l-.86-1.808a8.03 8.03 0 0 0-4.268 4.267\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n));\nconst Support = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(\n  (\n    {\n      className,\n      ...rest\n    }: SVGProps<SVGSVGElement> & {\n      className?: string;\n    },\n    ref,\n  ) => <Styled.Icon className={classNames(ICON_CLASS, className)} as={SupportBase} {...rest} ref={ref} />,\n);\nexport default Support;\n"],"names":["SupportBase","forwardRef","props","ref","jsx","Support","className","rest","Styled.Icon","classNames","ICON_CLASS"],"mappings":"mLASMA,EAAcC,EAAAA,WAAW,CAACC,EAAgCC,IAC9DC,EAAAA,IAAC,MAAA,CACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,MACN,OAAO,MACP,IAAAD,EACC,GAAGD,EAEJ,SAAAE,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,EAAE,qvBACF,SAAS,SAAA,CAAA,CACX,CACF,CACD,EACKC,EAAUJ,EAAAA,WACd,CACE,CACE,UAAAK,EACA,GAAGC,CAAA,EAILJ,IACGC,EAAAA,IAACI,OAAA,CAAY,UAAWC,EAAWC,aAAYJ,CAAS,EAAG,GAAIN,EAAc,GAAGO,EAAM,IAAAJ,CAAA,CAAU,CACvG"}