acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/Dropdown/Dropdown.styles.js

@@ -0,0 +1,76 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),i=require("../../react-base/src/consts/index.js"),a=require("../../react-base/src/theme/variableTheme.js"),d=(t,e,n)=>o(t)`
+  ${({theme:r})=>o.css`
+    &.${e} {
+      position: absolute;
+      display: flex;
+      flex-direction: column;
+      color: ${r.getVariablesLayer({foundation:"surface"})[a.VariablesNames.TextOnFoundationStrong]};
+
+      &-hidden {
+        display: none !important;
+      }
+
+      .${e}-arrow {
+        width: 24px;
+        height: 12px;
+        margin: 0 16px;
+        overflow: hidden;
+
+        &::before {
+          content: '';
+          display: block;
+          width: 12px;
+          height: 12px;
+          background: ${r.getVariablesLayer({foundation:"raised"})[a.VariablesNames.BackgroundFoundation]};
+          box-shadow:
+            rgb(0 0 0 / 2%) 0 0 4px 0,
+            rgb(0 0 0 / 4%) 0 0 0 1px;
+          transform: translateX(50%) translateY(50%) rotate(45deg);
+        }
+      }
+
+      &-placement-topLeft,
+      &-placement-bottomLeft {
+        .${e}-arrow {
+          margin-right: auto;
+        }
+      }
+
+      &-placement-topCenter,
+      &-placement-bottomCenter {
+        .${e}-arrow {
+          margin: auto;
+        }
+      }
+
+      &-placement-topRight,
+      &-placement-bottomRight {
+        .${e}-arrow {
+          margin-left: auto;
+        }
+      }
+
+      &-placement-topLeft,
+      &-placement-topCenter,
+      &-placement-topRight {
+        flex-direction: column-reverse;
+        .${e}-arrow {
+          &::before {
+            transform: translateX(50%) translateY(-50%) rotate(45deg);
+          }
+        }
+      }
+    }
+
+    &.${n} {
+      z-index: ${i.ZIndexes.POPOVER};
+    }
+  `}
+`,s=o.div`
+  ${({theme:t})=>o.css`
+    border-radius: 2px;
+    background: ${t.getVariablesLayer({foundation:"raised"})[a.VariablesNames.BackgroundFoundation]};
+    filter: ${t.dropShadows.low3};
+  `}
+`;exports.Dropdown=d;exports.DropdownContainer=s;
+//# sourceMappingURL=Dropdown.styles.js.map

package/build/cjs/components/Dropdown/Dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport styled, { css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { IDropdownProps } from './Dropdown.types';\n\nconst Dropdown = (\n  Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement,\n  prefixCls: string,\n  overlayClassName: string,\n) => styled(Component)`\n  ${({ theme }) => css`\n    &.${prefixCls} {\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      color: ${theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationStrong]};\n\n      &-hidden {\n        display: none !important;\n      }\n\n      .${prefixCls}-arrow {\n        width: 24px;\n        height: 12px;\n        margin: 0 16px;\n        overflow: hidden;\n\n        &::before {\n          content: '';\n          display: block;\n          width: 12px;\n          height: 12px;\n          background: ${theme.getVariablesLayer({ foundation: 'raised' })[VariablesNames.BackgroundFoundation]};\n          box-shadow:\n            rgb(0 0 0 / 2%) 0 0 4px 0,\n            rgb(0 0 0 / 4%) 0 0 0 1px;\n          transform: translateX(50%) translateY(50%) rotate(45deg);\n        }\n      }\n\n      &-placement-topLeft,\n      &-placement-bottomLeft {\n        .${prefixCls}-arrow {\n          margin-right: auto;\n        }\n      }\n\n      &-placement-topCenter,\n      &-placement-bottomCenter {\n        .${prefixCls}-arrow {\n          margin: auto;\n        }\n      }\n\n      &-placement-topRight,\n      &-placement-bottomRight {\n        .${prefixCls}-arrow {\n          margin-left: auto;\n        }\n      }\n\n      &-placement-topLeft,\n      &-placement-topCenter,\n      &-placement-topRight {\n        flex-direction: column-reverse;\n        .${prefixCls}-arrow {\n          &::before {\n            transform: translateX(50%) translateY(-50%) rotate(45deg);\n          }\n        }\n      }\n    }\n\n    &.${overlayClassName} {\n      z-index: ${ZIndexes.POPOVER};\n    }\n  `}\n`;\n\nconst DropdownContainer = styled.div`\n  ${({ theme }) => css`\n    border-radius: 2px;\n    background: ${theme.getVariablesLayer({ foundation: 'raised' })[VariablesNames.BackgroundFoundation]};\n    filter: ${theme.dropShadows.low3};\n  `}\n`;\n\nexport { Dropdown, DropdownContainer };\n"],"names":["Dropdown","Component","prefixCls","overlayClassName","styled","theme","css","VariablesNames","ZIndexes","DropdownContainer"],"mappings":"4PAQMA,EAAW,CACfC,EACAC,EACAC,IACGC,EAAOH,CAAS;AAAA,IACjB,CAAC,CAAE,MAAAI,CAAA,IAAYC,EAAA;AAAA,QACXJ,CAAS;AAAA;AAAA;AAAA;AAAA,eAIFG,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAAEE,EAAAA,eAAe,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAM/FL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWMG,EAAM,kBAAkB,CAAE,WAAY,SAAU,EAAEE,EAAAA,eAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUnGL,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQZC,CAAgB;AAAA,iBACPK,EAAAA,SAAS,OAAO;AAAA;AAAA,GAE9B;AAAA,EAGGC,EAAoBL,EAAO;AAAA,IAC7B,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAA;AAAA;AAAA,kBAEDD,EAAM,kBAAkB,CAAE,WAAY,SAAU,EAAEE,EAAAA,eAAe,oBAAoB,CAAC;AAAA,cAC1FF,EAAM,YAAY,IAAI;AAAA,GACjC;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),q=require("react"),f=require("classnames"),a=require("../../react-base/src/consts/index.js"),y=require("../../react-base/src/components/EmptyState/EmptyState.utils.js"),b=require("acinguiux-ds-fabrics"),c=require("../Button/Button.js"),t=require("./EmptyState.styles.js"),E=require("../ButtonLink/ButtonLink.js"),{getVisualPlaceholderType:T}=y,i=q.forwardRef(({className:m,image:n,icon:r,pictogram:x,title:d,description:h,size:l=a.Sizes.Medium,actions:u,actionsAlignment:p=a.Alignments.Center,...S},j)=>s.jsxs(t.EmptyState,{ref:j,size:l,className:f(a.EMPTY_STATE_CLASS,m),...S,children:[(n||x||r)&&s.jsx(t.VisualPlaceholder,{size:l,type:T(!!n,!!x,!!r),iconSentiment:(r==null?void 0:r.sentiment)||b.FabricsVariables.Sentiments.Neutral,children:n||x||(r==null?void 0:r.component)}),(d||h)&&s.jsxs(t.TextPlaceholder,{size:l,children:[d&&s.jsx(t.Title,{size:l,children:d}),typeof h=="string"?s.jsx(t.Description,{size:l,children:h}):h]}),(u==null?void 0:u.length)&&s.jsx(t.Actions,{size:l,actionsAlignment:p,children:u.map(e=>"href"in e?s.jsx(E,{size:l,href:e.href,...e.props,children:e.label},e.label):"action"in e?s.jsx(c,{size:l,onClick:e.action,...e.props,children:e.label},e.label):null)})]}));module.exports=i;
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +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 '../ButtonLink/ButtonLink';\n\nconst { getVisualPlaceholderType } = EmptyStateUtils;\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          type={getVisualPlaceholderType(!!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) {\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              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":["getVisualPlaceholderType","EmptyStateUtils","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","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","Button"],"mappings":"2WAYM,CAAE,yBAAAA,CAA6B,EAAAC,EAE/BC,EAAaC,EAAA,WACjB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EAAOC,EAAM,MAAA,OACb,QAAAC,EACA,iBAAAC,EAAmBC,EAAW,WAAA,OAC9B,GAAGC,CAEL,EAAAC,IAECC,EAAA,KAAAC,aAAA,CAAkB,IAAAF,EAAU,KAAAN,EAAY,UAAWS,EAAWC,EAAAA,kBAAmBhB,CAAS,EAAI,GAAGW,EAC9F,SAAA,EAAAV,GAASE,GAAaD,IACtBe,EAAA,IAACC,EAAO,kBAAP,CACC,KAAAZ,EACA,KAAMV,EAAyB,CAAC,CAACK,EAAO,CAAC,CAACE,EAAW,CAAC,CAACD,CAAI,EAC3D,eAAeA,GAAA,YAAAA,EAAM,YAAaiB,EAAA,iBAAiB,WAAW,QAE7D,SAAAlB,GAASE,IAAaD,GAAA,YAAAA,EAAM,UAAA,CAC/B,GAGAE,GAASC,IACTQ,EAAAA,KAACO,EAAAA,gBAAA,CAAuB,KAAAd,EACrB,SAAA,CAAAF,GAAUa,EAAA,IAAAI,EAAA,MAAA,CAAa,KAAAf,EAAa,SAAMF,EAAA,EAC1C,OAAOC,GAAgB,SACtBY,MAACK,EAAAA,YAAA,CAAmB,KAAAhB,EAAa,SAAAD,CAAA,CAAY,EAE7CA,CAAA,EAEJ,GAGDG,GAAA,YAAAA,EAAS,SACRS,MAACM,EAAAA,QAAA,CAAe,KAAAjB,EAAY,iBAAAG,EACzB,SAAAD,EAAQ,IAAKgB,GACR,SAAUA,EAETP,EAAAA,IAAAQ,EAAA,CAAoC,KAAAnB,EAAY,KAAMkB,EAAa,KAAO,GAAGA,EAAa,MACxF,SAAAA,EAAa,KADC,EAAAA,EAAa,KAE9B,EAIA,WAAYA,EAEXP,EAAAA,IAAAS,EAAA,CAAgC,KAAApB,EAAY,QAASkB,EAAa,OAAS,GAAGA,EAAa,MACzF,SAAAA,EAAa,KADH,EAAAA,EAAa,KAE1B,EAIG,IACR,CACH,CAAA,CAAA,CAEJ,CAAA,CAEJ"}

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

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),i=require("../../react-base/src/consts/index.js"),a=require("../../react-base/src/components/EmptyState/EmptyState.consts.js"),o=require("../../react-base/src/theme/variableTheme.js"),l=t.div`
+  ${({size:e})=>t.css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: ${a.consts[e].gap}px;
+  `}
+`,r=t.div`
+  ${({size:e,iconSentiment:s,type:c,theme:n})=>t.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    ${c==="image"&&t.css`
+      img {
+        width: ${a.consts[e].image}px;
+        height: ${a.consts[e].image}px;
+      }
+    `}
+
+    ${(c==="icon"||c==="pictogram")&&t.css`
+      svg {
+        width: ${a.consts[e][c]}px;
+        height: ${a.consts[e][c]}px;
+
+        ${c==="icon"&&s&&t.css`
+          fill: ${n.getVariablesLayer({sentiment:s})[o.VariablesNames.BackgroundSentiment]};
+        `}
+      }
+    `}
+  `}
+`,g=t.div`
+  ${({size:e})=>t.css`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: ${a.consts[e].textGap}px;
+  `}
+`,p=t.span`
+  ${({size:e,theme:s})=>t.css`
+    ${e===i.Sizes.XSmall&&s.getTypography("heading","h5")};
+    ${e===i.Sizes.Small&&s.getTypography("heading","h4")};
+    ${e===i.Sizes.Medium&&s.getTypography("heading","h3")};
+    ${e===i.Sizes.Large&&s.getTypography("heading","h2")};
+
+    max-width: 480px;
+    text-align: center;
+  `}
+`,d=t.span`
+  ${({size:e,theme:s})=>t.css`
+    ${(e===i.Sizes.XSmall||e===i.Sizes.Small)&&s.getTypography("body","small")};
+    ${e===i.Sizes.Medium&&s.getTypography("body","medium")};
+    ${e===i.Sizes.Large&&s.getTypography("body","large")};
+
+    max-width: 480px;
+    text-align: center;
+  `}
+`,y=t.div`
+  ${({size:e,actionsAlignment:s})=>t.css`
+    display: flex;
+    gap: ${a.consts[e].actionsGap}px;
+    flex-direction: ${s===i.Directions.Vertical?"column-reverse":"row"};
+
+    ${(s===i.Alignments.Fill||s===i.Directions.Vertical)&&t.css`
+      width: 100%;
+      justify-content: space-between;
+    `}
+  `}
+`;exports.Actions=y;exports.Description=d;exports.EmptyState=l;exports.TextPlaceholder=g;exports.Title=p;exports.VisualPlaceholder=r;
+//# sourceMappingURL=EmptyState.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.styles.js","sources":["../../../../src/components/EmptyState/EmptyState.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\nimport { type EmptyStateTypes, EmptyStateConsts } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { IEmptyStateProps } from './EmptyState.types';\n\nconst EmptyState = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\n  ${({ size }) => css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: ${EmptyStateConsts.consts[size].gap}px;\n  `}\n`;\n\nconst VisualPlaceholder = styled.div<\n  Required<Pick<IEmptyStateProps, 'size'>> & {\n    iconSentiment?: EmptyStateTypes.IconSentiment;\n    type: 'icon' | 'pictogram' | 'image' | 'none';\n  }\n>`\n  ${({ size, iconSentiment, type, theme }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    ${type === 'image' &&\n    css`\n      img {\n        width: ${EmptyStateConsts.consts[size].image}px;\n        height: ${EmptyStateConsts.consts[size].image}px;\n      }\n    `}\n\n    ${(type === 'icon' || type === 'pictogram') &&\n    css`\n      svg {\n        width: ${EmptyStateConsts.consts[size][type]}px;\n        height: ${EmptyStateConsts.consts[size][type]}px;\n\n        ${type === 'icon' &&\n        iconSentiment &&\n        css`\n          fill: ${theme.getVariablesLayer({ sentiment: iconSentiment })[VariablesNames.BackgroundSentiment]};\n        `}\n      }\n    `}\n  `}\n`;\n\nconst TextPlaceholder = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\n  ${({ size }) => css`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: ${EmptyStateConsts.consts[size].textGap}px;\n  `}\n`;\n\nconst Title = styled.span<{ size: EmptyStateTypes.Size }>`\n  ${({ size, theme }) => css`\n    ${size === Sizes.XSmall && theme.getTypography('heading', 'h5')};\n    ${size === Sizes.Small && theme.getTypography('heading', 'h4')};\n    ${size === Sizes.Medium && theme.getTypography('heading', 'h3')};\n    ${size === Sizes.Large && theme.getTypography('heading', 'h2')};\n\n    max-width: 480px;\n    text-align: center;\n  `}\n`;\n\nconst Description = styled.span<{ size: EmptyStateTypes.Size }>`\n  ${({ size, theme }) => css`\n    ${(size === Sizes.XSmall || size === Sizes.Small) && theme.getTypography('body', 'small')};\n    ${size === Sizes.Medium && theme.getTypography('body', 'medium')};\n    ${size === Sizes.Large && theme.getTypography('body', 'large')};\n\n    max-width: 480px;\n    text-align: center;\n  `}\n`;\n\nconst Actions = styled.div<Required<Pick<IEmptyStateProps, 'size'>> & Pick<IEmptyStateProps, 'actionsAlignment'>>`\n  ${({ size, actionsAlignment }) => css`\n    display: flex;\n    gap: ${EmptyStateConsts.consts[size].actionsGap}px;\n    flex-direction: ${actionsAlignment === Directions.Vertical ? 'column-reverse' : 'row'};\n\n    ${(actionsAlignment === Alignments.Fill || actionsAlignment === Directions.Vertical) &&\n    css`\n      width: 100%;\n      justify-content: space-between;\n    `}\n  `}\n`;\n\nexport { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };\n"],"names":["EmptyState","styled","size","css","EmptyStateConsts.consts","VisualPlaceholder","iconSentiment","type","theme","VariablesNames","TextPlaceholder","Title","Sizes","Description","Actions","actionsAlignment","Directions","Alignments"],"mappings":"yUAOMA,EAAaC,EAAO;AAAA,IACtB,CAAC,CAAE,KAAAC,CAAA,IAAWC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAKPC,EAAiB,OAAOF,CAAI,EAAE,GAAG;AAAA,GACzC;AAAA,EAGGG,EAAoBJ,EAAO;AAAA,IAM7B,CAAC,CAAE,KAAAC,EAAM,cAAAI,EAAe,KAAAC,EAAM,MAAAC,CAAY,IAAAL,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxCI,IAAS,SACXJ,EAAA;AAAA;AAAA,iBAEaC,EAAiB,OAAOF,CAAI,EAAE,KAAK;AAAA,kBAClCE,EAAiB,OAAOF,CAAI,EAAE,KAAK;AAAA;AAAA,KAEhD;AAAA;AAAA,OAEEK,IAAS,QAAUA,IAAS,cAC/BJ,EAAA;AAAA;AAAA,iBAEaC,SAAwBF,CAAI,EAAEK,CAAI,CAAC;AAAA,kBAClCH,SAAwBF,CAAI,EAAEK,CAAI,CAAC;AAAA;AAAA,UAE3CA,IAAS,QACXD,GACAH,EAAA;AAAA,kBACUK,EAAM,kBAAkB,CAAE,UAAWF,EAAe,EAAEG,EAAAA,eAAe,mBAAmB,CAAC;AAAA,SAClG;AAAA;AAAA,KAEJ;AAAA,GACF;AAAA,EAGGC,EAAkBT,EAAO;AAAA,IAC3B,CAAC,CAAE,KAAAC,CAAA,IAAWC,EAAA;AAAA;AAAA;AAAA;AAAA,WAIPC,EAAiB,OAAOF,CAAI,EAAE,OAAO;AAAA,GAC7C;AAAA,EAGGS,EAAQV,EAAO;AAAA,IACjB,CAAC,CAAE,KAAAC,EAAM,MAAAM,CAAA,IAAYL,EAAA;AAAA,MACnBD,IAASU,EAAAA,MAAM,QAAUJ,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC7DN,IAASU,EAAAA,MAAM,OAASJ,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC5DN,IAASU,EAAAA,MAAM,QAAUJ,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA,MAC7DN,IAASU,EAAAA,MAAM,OAASJ,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAI/D;AAAA,EAGGK,EAAcZ,EAAO;AAAA,IACvB,CAAC,CAAE,KAAAC,EAAM,MAAAM,CAAA,IAAYL,EAAA;AAAA,OAClBD,IAASU,QAAM,QAAUV,IAASU,EAAAA,MAAM,QAAUJ,EAAM,cAAc,OAAQ,OAAO,CAAC;AAAA,MACvFN,IAASU,EAAAA,MAAM,QAAUJ,EAAM,cAAc,OAAQ,QAAQ,CAAC;AAAA,MAC9DN,IAASU,EAAAA,MAAM,OAASJ,EAAM,cAAc,OAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,GAI/D;AAAA,EAGGM,EAAUb,EAAO;AAAA,IACnB,CAAC,CAAE,KAAAC,EAAM,iBAAAa,CAAA,IAAuBZ,EAAA;AAAA;AAAA,WAEzBC,EAAiB,OAAOF,CAAI,EAAE,UAAU;AAAA,sBAC7Ba,IAAqBC,EAAA,WAAW,SAAW,iBAAmB,KAAK;AAAA;AAAA,OAElFD,IAAqBE,aAAW,MAAQF,IAAqBC,EAAAA,WAAW,WAC3Eb,EAAA;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../react-base/src/consts/index.js"),i={[e.Sizes.XSmall]:6,[e.Sizes.Small]:6,[e.Sizes.Medium]:5,[e.Sizes.Large]:4};exports.HeadingSizeLevel=i;
+//# sourceMappingURL=FileUpload.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.utils.js","sources":["../../../../src/components/FileUploader/FileUpload.utils.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { HeadingTypes } from 'acinguiux-ds-react-base/components/Text';\n\nexport const HeadingSizeLevel: Record<FileUploaderTypes.Size, HeadingTypes.Level> = {\n  [Sizes.XSmall]: 6,\n  [Sizes.Small]: 6,\n  [Sizes.Medium]: 5,\n  [Sizes.Large]: 4,\n} as const;\n"],"names":["HeadingSizeLevel","Sizes"],"mappings":"oKAIaA,EAAuE,CAClF,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,CACjB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import { forwardRef, useMemo, useRef } from 'react';\n\nimport { 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 FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\nimport Alert from '../Alert/Alert';\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      showDescription = true,\n      showButton = true,\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      [isDropTarget, dropzoneRef.current],\n    );\n\n    const { onError, onProgress, ...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\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          <Flexbox flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" gap=\"4px\">\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              showDescription={showDescription}\n              showButton={showButton}\n              maxFileSize={props.maxFileSize}\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          </Flexbox>\n        </Styled.DropZone>\n        {renderFileUploads && (\n          <Flexbox flexDirection=\"column\" gap={`${FileUploaderConsts.consts[size].attachedFilesGap}`}>\n            {hasError ? (\n              <Alert\n                sentiment={FabricsVariables.Sentiments.Negative}\n                title=\"The following files could not be uploaded:\"\n              >\n                <ul>\n                  {(fileUploads as FileUploaderTypes.IFileUploadError[]).map((fileUpload) => (\n                    <li key={fileUpload.fileName}>\n                      <FileUploadErrorMessage\n                        size={size}\n                        disabled={disabled}\n                        fileUploadError={fileUpload}\n                        acceptedTextMapper={acceptedTextMapper}\n                        maxFilesSize={props.maxFileSize}\n                      />\n                    </li>\n                  ))}\n                </ul>\n              </Alert>\n            ) : (\n              (fileUploads as FileUploaderTypes.IFileUpload[]).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            )}\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","showDescription","showButton","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","dropzoneProps","jsxs","Styled.DropzoneContainer","FileUploaderTypes.FileType","jsx","Styled.DropZone","Flexbox","FileUploadContent","Styled.FileInput","FileUploaderConsts.consts","Alert","FabricsVariables","fileUpload","FileUploadErrorMessage","FileUpload"],"mappings":"8oBAeMA,EAAeC,EAAA,WACnB,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EAAc,GAAGC,cAA8B,KAAK,GACpD,gBAAAC,EAAkB,OAClB,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,GAAGC,GAELC,IACG,CACG,KAAA,CACJ,kBAAAC,EACA,SAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,0BAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,QAAAC,EACA,WAAY,CAAE,aAAAC,EAAc,UAAAC,CAAU,EACtC,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,aAAAC,CAAA,EACEC,EAAqBjB,CAAK,EAExBkB,EAAcC,SAAgC,IAAI,EAClDC,EAAeD,SAAuB,IAAI,EAIhDC,EAAa,QAAUC,EAAA,QACrB,IAAO,OAAA,OAAAX,IAAgBY,EAAAJ,EAAY,UAAZ,YAAAI,EAAqB,0BAA2B,KAAQ,MAC/E,CAACZ,EAAcQ,EAAY,OAAO,CACpC,EAEA,KAAM,CAAE,QAAAK,EAAS,WAAAC,EAAY,GAAGC,CAAkB,EAAAzB,EAGhD,OAAA0B,EAAA,KAACC,EAAO,kBAAP,CACC,eAAcxB,EACd,gBAAeP,EACf,KAAAL,EACA,IAAAU,EACA,IAAI,OACJ,cAAeY,IAAae,EAAAA,SAA2B,gBAAkB,MAAQ,SAEjF,SAAA,CAAAC,EAAA,IAACC,EAAO,SAAP,CACE,GAAGL,EACJ,KAAAlC,EACA,KAAM6B,EAAa,QACnB,aAAAV,EACA,IAAKQ,EACL,SAAU,EACV,gBAAa,GACb,UAAY,GAAM,QACX,EAAE,MAAQ,SAAW,EAAE,OAAS,UAAYF,EAAa,SAC5DA,EAAa,QAAQ,MAAM,GAE7BM,EAAAtB,EAAM,YAAN,MAAAsB,EAAA,KAAAtB,EAAkB,EACpB,EAEA,SAAA0B,EAAAA,KAACK,GAAQ,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,IAAI,MAC9E,SAAA,CAAAF,EAAA,IAACG,EAAA,CACC,uBAAAjB,EACA,YAAAD,EACA,iBAAAF,EACA,aAAAF,EACA,YAAAjB,EACA,0BAAAa,EACA,gBAAAX,EACA,mBAAoBQ,EACpB,mBAAAE,EACA,KAAAd,EACA,SAAAK,EACA,SAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAaC,EAAM,WAAA,CACrB,EACA6B,EAAA,IAACI,EAAO,UAAP,CACE,GAAGtB,EACJ,QAAAF,EACA,IAAKO,EACL,SAAAR,EACA,SAAUK,IAAae,EAAAA,SAA2B,OAClD,SAAU,GACV,cAAY,OACZ,KAAK,OACL,OAAAxB,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,EACCF,GACC2B,EAAA,IAACE,EAAQ,CAAA,cAAc,SAAS,IAAK,GAAGG,EAAAA,OAA0B3C,CAAI,EAAE,gBAAgB,GACrF,SACCY,EAAA0B,EAAA,IAACM,EAAA,CACC,UAAWC,EAAAA,iBAAiB,WAAW,SACvC,MAAM,6CAEN,eAAC,KACG,CAAA,SAAAtB,EAAqD,IAAKuB,SACzD,KACC,CAAA,SAAAR,EAAA,IAACS,EAAA,CACC,KAAA/C,EACA,SAAAK,EACA,gBAAiByC,EACjB,mBAAAhC,EACA,aAAcL,EAAM,WAAA,CAAA,GANfqC,EAAW,QAQpB,CACD,CACH,CAAA,CAAA,CAGD,EAAAvB,EAAgD,IAAKuB,GACpDR,EAAA,IAACU,EAAA,CAEE,GAAGF,EACJ,mBAAA9B,EACA,YAAAd,EACA,KAAAF,EACA,SAAAK,CAAA,EALKyC,EAAW,QAAA,CAOnB,CAEL,CAAA,CAAA,CAAA,CAEJ,CAAA,CAGN"}

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

@@ -0,0 +1,106 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),u=require("../../react-base/src/components/FileUploader/FileUploader.consts.js"),n=require("../../react-base/src/theme/variableTheme.js"),p=require("../Flexbox/Flexbox.js"),d=require("./components/FileUpload/FileUpload.styles.js"),g=require("./components/PreviewImage/PreviewImage.styles.js"),l=require("./components/FileUploadContent/FileUploadContent.styles.js"),o=u.consts,$=t.input`
+  position: absolute;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  cursor: pointer;
+`,c=t.label`
+  ${({size:e,isDropTarget:r,rect:i,theme:a})=>{const s=a.getVariablesLayer({selectedProminence:"subtle"});return t.css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      color: ${s[n.VariablesNames.TextOnFoundationStrong]};
+      border: dashed 1px ${s[n.VariablesNames.BorderOnFoundationMedium]};
+      border-radius: 16px;
+      padding: ${o[e].dropzonePadding}px;
+      min-width: 300px;
+
+      ${d.StyledErrorCross}.acinguiux-icon,
+      ${l.UploadCloudIcon}.acinguiux-icon,
+      ${d.StyledCheckCircle}.acinguiux-icon,
+      ${d.StyledFile}.acinguiux-icon,
+      ${d.StyledLoading}.acinguiux-icon,
+      ${g.PreviewImage} {
+        width: ${o[e].dropzoneIconSize}px;
+        height: ${o[e].dropzoneIconSize}px;
+        margin-bottom: 4px;
+      }
+
+      ${l.AddIcon}.acinguiux-icon {
+        width: ${o[e].dropzoneButtonIconSize}px;
+        height: ${o[e].dropzoneButtonIconSize}px;
+        margin: 0;
+      }
+
+      ${l.Heading} {
+        font-size: ${o[e].dropzoneHeadingSize}px;
+        line-height: ${o[e].dropzoneHeadingSize+4}px;
+      }
+
+      ${l.Subtitle} {
+        font-size: ${o[e].dropzoneSubtitleSize}px;
+      }
+
+      ${r&&t.css`
+        background-color: ${s[n.VariablesNames.BackgroundSelected]};
+        border-color: ${s[n.VariablesNames.BorderOnSelectedOnBackground]};
+        border-style: solid;
+      `}
+
+      ${i&&t.css`
+        height: ${i.height}px;
+        width: ${i.width}px;
+      `}
+    `}}
+`,b=t(p)`
+  ${({theme:e,size:r})=>{const i=e.getVariablesLayer({sentiment:"negative",sentimentProminence:"subtle"}),a=e.getVariablesLayer({disabled:"true"});return t.css`
+      &:not([data-disabled='true']):not([data-invalid='true']) ${c}:hover {
+        cursor: pointer;
+        background-color: ${e.getStyledLayers("Background/Foundation/Hover",{},{noBaseLayer:!0})};
+      }
+
+      ${o[r].attachedFileDeleteIconSize&&t.css`
+        ${d.RemoveFileButton} .acinguiux-icon {
+          width: ${o[r].attachedFileDeleteIconSize}px;
+          height: ${o[r].attachedFileDeleteIconSize}px;
+        }
+      `}
+
+      ${d.FileName} {
+        font-size: ${o[r].attachedFileNameSize}px;
+      }
+
+      &[data-invalid='true'] ${c} {
+        background-color: ${i[n.VariablesNames.BackgroundSentiment]};
+        border-color: ${i[n.VariablesNames.BorderOnSentimentOnBackground]};
+        border-width: 1.5px;
+
+        ${l.Heading}, ${l.Subtitle}, & > div > svg path {
+          color: ${i[n.VariablesNames.TextOnSentimentOnBackground]};
+          fill: currentColor;
+        }
+      }
+
+      &[data-disabled='true'] {
+        pointer-events: none;
+        user-select: none;
+        ${c} {
+          background-color: ${a[n.VariablesNames.BackgroundFoundation]};
+        }
+
+        svg,
+        path {
+          fill: ${a[n.VariablesNames.TextOnFoundationStrong]};
+        }
+
+        * {
+          color: ${a[n.VariablesNames.TextOnFoundationStrong]};
+          border-color: ${a[n.VariablesNames.BorderOnFoundationMedium]};
+        }
+      }
+    `}}
+`;exports.DropZone=c;exports.DropzoneContainer=b;exports.FileInput=$;
+//# sourceMappingURL=FileUploader.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.styles.js","sources":["../../../../src/components/FileUploader/FileUploader.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport Flexbox from '../Flexbox/Flexbox';\nimport {\n  FileName,\n  RemoveFileButton,\n  StyledCheckCircle,\n  StyledErrorCross,\n  StyledFile,\n  StyledLoading,\n} from './components/FileUpload/FileUpload.styles';\nimport { PreviewImage } from './components/PreviewImage/PreviewImage.styles';\nimport { AddIcon, Heading, Subtitle, UploadCloudIcon } from './components/FileUploadContent/FileUploadContent.styles';\n\nconst fileUploaderConsts = FileUploaderConsts.consts;\n\nexport const FileInput = styled.input`\n  position: absolute;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  cursor: pointer;\n`;\n\ninterface IDropzoneProps {\n  size: FileUploaderTypes.Size;\n  rect: DOMRect | null;\n  isDropTarget: boolean;\n}\n\nexport const DropZone = styled.label<IDropzoneProps>`\n  ${({ size, isDropTarget, rect, theme }) => {\n    const layer = theme.getVariablesLayer({ selectedProminence: 'subtle' });\n\n    return css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      color: ${layer[VariablesNames.TextOnFoundationStrong]};\n      border: dashed 1px ${layer[VariablesNames.BorderOnFoundationMedium]};\n      border-radius: 16px;\n      padding: ${fileUploaderConsts[size].dropzonePadding}px;\n      min-width: 300px;\n\n      ${StyledErrorCross}.acinguiux-icon,\n      ${UploadCloudIcon}.acinguiux-icon,\n      ${StyledCheckCircle}.acinguiux-icon,\n      ${StyledFile}.acinguiux-icon,\n      ${StyledLoading}.acinguiux-icon,\n      ${PreviewImage} {\n        width: ${fileUploaderConsts[size].dropzoneIconSize}px;\n        height: ${fileUploaderConsts[size].dropzoneIconSize}px;\n        margin-bottom: 4px;\n      }\n\n      ${AddIcon}.acinguiux-icon {\n        width: ${fileUploaderConsts[size].dropzoneButtonIconSize}px;\n        height: ${fileUploaderConsts[size].dropzoneButtonIconSize}px;\n        margin: 0;\n      }\n\n      ${Heading} {\n        font-size: ${fileUploaderConsts[size].dropzoneHeadingSize}px;\n        line-height: ${fileUploaderConsts[size].dropzoneHeadingSize + 4}px;\n      }\n\n      ${Subtitle} {\n        font-size: ${fileUploaderConsts[size].dropzoneSubtitleSize}px;\n      }\n\n      ${isDropTarget &&\n      css`\n        background-color: ${layer[VariablesNames.BackgroundSelected]};\n        border-color: ${layer[VariablesNames.BorderOnSelectedOnBackground]};\n        border-style: solid;\n      `}\n\n      ${rect &&\n      css`\n        height: ${rect.height}px;\n        width: ${rect.width}px;\n      `}\n    `;\n  }}\n`;\n\ninterface IDropzoneContainerProps {\n  size: FileUploaderTypes.Size;\n}\n\nexport const DropzoneContainer = styled(Flexbox)<IDropzoneContainerProps>`\n  ${({ theme, size }) => {\n    const invalidLayer = theme.getVariablesLayer({ sentiment: 'negative', sentimentProminence: 'subtle' });\n    const disabledLayer = theme.getVariablesLayer({ disabled: 'true' });\n\n    return css`\n      &:not([data-disabled='true']):not([data-invalid='true']) ${DropZone}:hover {\n        cursor: pointer;\n        background-color: ${theme.getStyledLayers('Background/Foundation/Hover', {}, { noBaseLayer: true })};\n      }\n\n      ${fileUploaderConsts[size].attachedFileDeleteIconSize &&\n      css`\n        ${RemoveFileButton} .acinguiux-icon {\n          width: ${fileUploaderConsts[size].attachedFileDeleteIconSize}px;\n          height: ${fileUploaderConsts[size].attachedFileDeleteIconSize}px;\n        }\n      `}\n\n      ${FileName} {\n        font-size: ${fileUploaderConsts[size].attachedFileNameSize}px;\n      }\n\n      &[data-invalid='true'] ${DropZone} {\n        background-color: ${invalidLayer[VariablesNames.BackgroundSentiment]};\n        border-color: ${invalidLayer[VariablesNames.BorderOnSentimentOnBackground]};\n        border-width: 1.5px;\n\n        ${Heading}, ${Subtitle}, & > div > svg path {\n          color: ${invalidLayer[VariablesNames.TextOnSentimentOnBackground]};\n          fill: currentColor;\n        }\n      }\n\n      &[data-disabled='true'] {\n        pointer-events: none;\n        user-select: none;\n        ${DropZone} {\n          background-color: ${disabledLayer[VariablesNames.BackgroundFoundation]};\n        }\n\n        svg,\n        path {\n          fill: ${disabledLayer[VariablesNames.TextOnFoundationStrong]};\n        }\n\n        * {\n          color: ${disabledLayer[VariablesNames.TextOnFoundationStrong]};\n          border-color: ${disabledLayer[VariablesNames.BorderOnFoundationMedium]};\n        }\n      }\n    `;\n  }}\n`;\n"],"names":["fileUploaderConsts","FileUploaderConsts.consts","FileInput","styled","DropZone","size","isDropTarget","rect","theme","layer","css","VariablesNames","StyledErrorCross","UploadCloudIcon","StyledCheckCircle","StyledFile","StyledLoading","PreviewImage","AddIcon","Heading","Subtitle","DropzoneContainer","Flexbox","invalidLayer","disabledLayer","RemoveFileButton","FileName"],"mappings":"8fAgBMA,EAAqBC,EAAmB,OAEjCC,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBnBC,EAAWD,EAAO;AAAA,IAC3B,CAAC,CAAE,KAAAE,EAAM,aAAAC,EAAc,KAAAC,EAAM,MAAAC,KAAY,CACzC,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,mBAAoB,SAAU,EAE/D,OAAAE,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAKID,EAAME,iBAAe,sBAAsB,CAAC;AAAA,2BAChCF,EAAME,iBAAe,wBAAwB,CAAC;AAAA;AAAA,iBAExDX,EAAmBK,CAAI,EAAE,eAAe;AAAA;AAAA;AAAA,QAGjDO,kBAAgB;AAAA,QAChBC,iBAAe;AAAA,QACfC,mBAAiB;AAAA,QACjBC,YAAU;AAAA,QACVC,eAAa;AAAA,QACbC,cAAY;AAAA,iBACHjB,EAAmBK,CAAI,EAAE,gBAAgB;AAAA,kBACxCL,EAAmBK,CAAI,EAAE,gBAAgB;AAAA;AAAA;AAAA;AAAA,QAInDa,SAAO;AAAA,iBACElB,EAAmBK,CAAI,EAAE,sBAAsB;AAAA,kBAC9CL,EAAmBK,CAAI,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,QAIzDc,SAAO;AAAA,qBACMnB,EAAmBK,CAAI,EAAE,mBAAmB;AAAA,uBAC1CL,EAAmBK,CAAI,EAAE,oBAAsB,CAAC;AAAA;AAAA;AAAA,QAG/De,UAAQ;AAAA,qBACKpB,EAAmBK,CAAI,EAAE,oBAAoB;AAAA;AAAA;AAAA,QAG1DC,GACFI,EAAA;AAAA,4BACsBD,EAAME,iBAAe,kBAAkB,CAAC;AAAA,wBAC5CF,EAAME,iBAAe,4BAA4B,CAAC;AAAA;AAAA,OAEnE;AAAA;AAAA,QAECJ,GACFG,EAAA;AAAA,kBACYH,EAAK,MAAM;AAAA,iBACZA,EAAK,KAAK;AAAA,OACpB;AAAA,KAEL,CAAC;AAAA,EAOUc,EAAoBlB,EAAOmB,CAAO;AAAA,IAC3C,CAAC,CAAE,MAAAd,EAAO,KAAAH,KAAW,CACf,MAAAkB,EAAef,EAAM,kBAAkB,CAAE,UAAW,WAAY,oBAAqB,SAAU,EAC/FgB,EAAgBhB,EAAM,kBAAkB,CAAE,SAAU,OAAQ,EAE3D,OAAAE,EAAA;AAAA,iEACsDN,CAAQ;AAAA;AAAA,4BAE7CI,EAAM,gBAAgB,8BAA+B,GAAI,CAAE,YAAa,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA,QAGnGR,EAAmBK,CAAI,EAAE,4BAC3BK,EAAA;AAAA,UACIe,kBAAgB;AAAA,mBACPzB,EAAmBK,CAAI,EAAE,0BAA0B;AAAA,oBAClDL,EAAmBK,CAAI,EAAE,0BAA0B;AAAA;AAAA,OAEhE;AAAA;AAAA,QAECqB,UAAQ;AAAA,qBACK1B,EAAmBK,CAAI,EAAE,oBAAoB;AAAA;AAAA;AAAA,+BAGnCD,CAAQ;AAAA,4BACXmB,EAAaZ,iBAAe,mBAAmB,CAAC;AAAA,wBACpDY,EAAaZ,iBAAe,6BAA6B,CAAC;AAAA;AAAA;AAAA,UAGxEQ,EAAO,OAAA,KAAKC,UAAQ;AAAA,mBACXG,EAAaZ,iBAAe,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQjEP,CAAQ;AAAA,8BACYoB,EAAcb,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAK9Da,EAAcb,iBAAe,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,mBAInDa,EAAcb,iBAAe,sBAAsB,CAAC;AAAA,0BAC7Ca,EAAcb,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,KAI9E,CAAC;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("../../../../react-base/src/consts/index.js"),m=require("../../../Flexbox/Flexbox.js"),n=require("./FileUpload.styles.js"),x=require("../../../Icon/components/Cross.js"),d=require("../../../Icon/components/TrashAlt.js"),S=require("../../FileUpload.utils.js"),t=require("./FileUpload.utils.js"),p=({progressPercentage:a,disabled:r,filePreview:c,size:l,file:s,handleOnRemoveFile:u})=>{const o=t.getIsUploadComplete(a);return e.jsxs(n.AttachedFiles,{size:l,children:[e.jsx(t.FileLoadingSuccess,{size:l,progressPercentage:a,file:s,filePreview:c}),e.jsxs(m,{flexDirection:"column",children:[e.jsx(n.FileName,{type:i.TextElementTypes.Span,level:S.HeadingSizeLevel[l],children:s.name}),e.jsx(t.FileSize,{fileSize:s.size,size:l===i.Sizes.XSmall?i.Sizes.Small:l,disabled:r})]}),e.jsx(n.RemoveFileButton,{onClick:()=>u(s.name),"aria-label":`${o?"Remove":"Cancel"} ${s.name}`,variant:i.Variants.Transparent,size:l===i.Sizes.XSmall?i.Sizes.Small:l,icon:o?e.jsx(d,{}):e.jsx(x,{}),iconOnly:!0})]},s.name)};module.exports=p;
+//# sourceMappingURL=FileUpload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { Sizes, Variants, TextElementTypes } from 'acinguiux-ds-react-base/consts';\n\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport * as Styled from './FileUpload.styles';\nimport type { IFileUploadProps } from './FileUpload.types';\nimport Cross from '../../../Icon/components/Cross';\nimport TrashAlt from '../../../Icon/components/TrashAlt';\nimport { HeadingSizeLevel } from '../../FileUpload.utils';\nimport { FileLoadingSuccess, FileSize, getIsUploadComplete } from './FileUpload.utils';\n\nconst FileUpload = ({\n  progressPercentage,\n  disabled,\n  filePreview,\n  size,\n  file,\n  handleOnRemoveFile,\n}: IFileUploadProps) => {\n  const isUploadComplete = getIsUploadComplete(progressPercentage);\n\n  return (\n    <Styled.AttachedFiles key={file.name} size={size}>\n      <FileLoadingSuccess size={size} progressPercentage={progressPercentage} file={file} filePreview={filePreview} />\n      <Flexbox flexDirection=\"column\">\n        <Styled.FileName type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n          {file.name}\n        </Styled.FileName>\n        <FileSize fileSize={file.size} size={size === Sizes.XSmall ? Sizes.Small : size} disabled={disabled} />\n      </Flexbox>\n      <Styled.RemoveFileButton\n        onClick={() => handleOnRemoveFile(file.name)}\n        aria-label={`${isUploadComplete ? 'Remove' : 'Cancel'} ${file.name}`}\n        variant={Variants.Transparent}\n        size={size === Sizes.XSmall ? Sizes.Small : size}\n        icon={isUploadComplete ? <TrashAlt /> : <Cross />}\n        iconOnly\n      />\n    </Styled.AttachedFiles>\n  );\n};\n\nexport default FileUpload;\n"],"names":["FileUpload","progressPercentage","disabled","filePreview","size","file","handleOnRemoveFile","isUploadComplete","getIsUploadComplete","jsxs","Styled.AttachedFiles","jsx","FileLoadingSuccess","Flexbox","Styled.FileName","TextElementTypes","HeadingSizeLevel","FileSize","Sizes","Styled.RemoveFileButton","Variants","TrashAlt","Cross"],"mappings":"kWAUMA,EAAa,CAAC,CAClB,mBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,KAAAC,EACA,KAAAC,EACA,mBAAAC,CACF,IAAwB,CAChB,MAAAC,EAAmBC,sBAAoBP,CAAkB,EAE/D,OACGQ,OAAAC,EAAAA,cAAA,CAAqC,KAAAN,EACpC,SAAA,CAAAO,EAAA,IAACC,EAAmB,mBAAA,CAAA,KAAAR,EAAY,mBAAAH,EAAwC,KAAAI,EAAY,YAAAF,EAA0B,EAC9GM,EAAAA,KAACI,EAAQ,CAAA,cAAc,SACrB,SAAA,CAACF,EAAAA,IAAAG,EAAAA,SAAA,CAAgB,KAAMC,EAAAA,iBAAiB,KAAM,MAAOC,EAAiB,iBAAAZ,CAAI,EACvE,SAAAC,EAAK,IACR,CAAA,EACCM,EAAAA,IAAAM,EAAAA,SAAA,CAAS,SAAUZ,EAAK,KAAM,KAAMD,IAASc,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQd,EAAM,SAAAF,CAAoB,CAAA,CAAA,EACvG,EACAS,EAAA,IAACQ,EAAO,iBAAP,CACC,QAAS,IAAMb,EAAmBD,EAAK,IAAI,EAC3C,aAAY,GAAGE,EAAmB,SAAW,QAAQ,IAAIF,EAAK,IAAI,GAClE,QAASe,EAAS,SAAA,YAClB,KAAMhB,IAASc,EAAM,MAAA,OAASA,QAAM,MAAQd,EAC5C,KAAMG,EAAmBI,EAAAA,IAACU,EAAS,CAAA,CAAA,QAAMC,EAAM,EAAA,EAC/C,SAAQ,EAAA,CAAA,CACV,CAAA,EAfyBjB,EAAK,IAgBhC,CAEJ"}

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

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),t=require("styled-components"),g=require("mime"),m=require("../../../../react-base/src/consts/index.js"),p=require("../../../../react-base/src/components/FormField/FormField.consts.js"),F=require("../../../../react-base/src/components/FileUploader/FileUploader.consts.js"),o=require("../../../../react-base/src/theme/variableTheme.js"),h=require("../../../Button/Button.js"),x=require("../../../Text/components/Heading/Heading.js"),q=require("../../../Icon/components/CheckCircle.js"),y=require("../../../Icon/components/CrossCircle.js"),S=require("../../../Icon/components/FilePngOutline.js"),l=require("../../../Icon/components/FileJpgOutline.js"),$=require("../../../Icon/components/FileSvgOutline.js"),v=require("../../../Icon/components/FilePdfOutline.js"),C=require("../../../Icon/components/FileXlsOutline.js"),a=require("../../../Icon/components/File.js"),f=require("../../../ProgressBar/ProgressBar.js"),{consts:u}=p,s=F.consts,b=t.div`
+  ${({size:e,theme:i})=>t.css`
+    background-color: ${i.getVariablesLayer({foundation:"section"})[o.VariablesNames.BackgroundFoundation]};
+    min-height: ${s[e].attachedFileHeight}px;
+    max-height: ${s[e].attachedFileHeight}px;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    border-radius: 12px;
+
+    ${e&&t.css`
+      padding: ${s[e].attachedFilePadding};
+    `}
+  `}
+`,n=t.css`
+  ${({size:e=m.Sizes.Medium})=>t.css`
+    width: ${u[e].previewIcon};
+    height: ${u[e].previewIcon};
+    margin: 0;
+  `}
+`,O=t(q)`
+  &.acinguiux-icon {
+    ${n}
+  }
+
+  & path {
+    fill: ${({theme:e})=>e.getVariablesLayer({sentiment:"positive",sentimentProminence:"transparent"})[o.VariablesNames.TextOnSentimentOnBackground]};
+  }
+`,w=t(y)`
+  &.acinguiux-icon {
+    ${n}
+  }
+
+  & path {
+    fill: ${({theme:e})=>e.getVariablesLayer({sentiment:"negative"})[o.VariablesNames.TextOnSentimentOnBackground]};
+  }
+`,k={png:S,jpeg:l,jpg:l,svg:$,pdf:v,xls:C},B=({fileType:e,...i})=>{const r=g.getExtension(e);if(r===null)return c.jsx(a,{...i});const d=k[r]??a;return c.jsx(d,{...i})},j=t(B)`
+  &.acinguiux-icon {
+    ${n}
+  }
+`,P=t(f)`
+  ${({label:e})=>!e&&t.css`
+      svg {
+        ${n}
+      }
+    `}
+`,V=t(x)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 300px;
+`,I=t(h)`
+  margin-left: auto;
+`;exports.AttachedFiles=b;exports.FileName=V;exports.IconStyles=n;exports.RemoveFileButton=I;exports.StyledCheckCircle=O;exports.StyledErrorCross=w;exports.StyledFile=j;exports.StyledLoading=P;
+//# sourceMappingURL=FileUpload.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.styles.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.styles.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\nimport styled, { css } from 'styled-components';\nimport mime from 'mime';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { FormFieldConsts } from 'acinguiux-ds-react-base/components/FormField';\nimport { type FileUploaderTypes, FileUploaderConsts } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport Button from '../../../Button/Button';\nimport Heading from '../../../Text/components/Heading/Heading';\nimport CheckCircle from '../../../Icon/components/CheckCircle';\nimport CrossCircle from '../../../Icon/components/CrossCircle';\nimport FilePngOutline from '../../../Icon/components/FilePngOutline';\nimport FileJpgOutline from '../../../Icon/components/FileJpgOutline';\nimport FileSvgOutline from '../../../Icon/components/FileSvgOutline';\nimport FilePdfOutline from '../../../Icon/components/FilePdfOutline';\nimport FileXlsOutline from '../../../Icon/components/FileXlsOutline';\nimport File from '../../../Icon/components/File';\nimport ProgressBar from '../../../ProgressBar/ProgressBar';\nimport type { IFileUploaderTextProps } from '../FileUploadContent/FileUploadContent.types';\n\ninterface IAttachedFilesProps {\n  size: FileUploaderTypes.Size;\n}\n\nconst { consts } = FormFieldConsts;\nconst fileUploaderConsts = FileUploaderConsts.consts;\n\nexport const AttachedFiles = styled.div<IAttachedFilesProps>`\n  ${({ size, theme }) => css`\n    background-color: ${theme.getVariablesLayer({ foundation: 'section' })[VariablesNames.BackgroundFoundation]};\n    min-height: ${fileUploaderConsts[size].attachedFileHeight}px;\n    max-height: ${fileUploaderConsts[size].attachedFileHeight}px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    border-radius: 12px;\n\n    ${size &&\n    css`\n      padding: ${fileUploaderConsts[size].attachedFilePadding};\n    `}\n  `}\n`;\n\nexport const IconStyles = css<{ size?: FileUploaderTypes.Size }>`\n  ${({ size = Sizes.Medium }) => css`\n    width: ${consts[size].previewIcon};\n    height: ${consts[size].previewIcon};\n    margin: 0;\n  `}\n`;\n\nexport const StyledCheckCircle = styled(CheckCircle)<{ size?: FileUploaderTypes.Size }>`\n  &.acinguiux-icon {\n    ${IconStyles}\n  }\n\n  & path {\n    fill: ${({ theme }) =>\n      theme.getVariablesLayer({ sentiment: 'positive', sentimentProminence: 'transparent' })[\n        VariablesNames.TextOnSentimentOnBackground\n      ]};\n  }\n`;\n\nexport const StyledErrorCross = styled(CrossCircle)<{ size?: FileUploaderTypes.Size }>`\n  &.acinguiux-icon {\n    ${IconStyles}\n  }\n\n  & path {\n    fill: ${({ theme }) =>\n      theme.getVariablesLayer({ sentiment: 'negative' })[VariablesNames.TextOnSentimentOnBackground]};\n  }\n`;\n\nconst extensionIconComponentMap = {\n  png: FilePngOutline,\n  jpeg: FileJpgOutline,\n  jpg: FileJpgOutline,\n  svg: FileSvgOutline,\n  pdf: FilePdfOutline,\n  xls: FileXlsOutline,\n};\n\ninterface StyledFileProps extends Omit<SVGProps<SVGSVGElement>, 'ref'> {\n  fileType: string;\n}\n\nconst GenericFile = ({ fileType, ...props }: StyledFileProps) => {\n  const extension = mime.getExtension(fileType);\n\n  if (extension === null) {\n    return <File {...props} />;\n  }\n\n  const iconFile = extensionIconComponentMap[extension as keyof typeof extensionIconComponentMap];\n\n  const Component = iconFile ?? File;\n\n  return <Component {...props} />;\n};\n\nexport const StyledFile = styled(GenericFile)<{ size?: FileUploaderTypes.Size }>`\n  &.acinguiux-icon {\n    ${IconStyles}\n  }\n`;\n\nexport const StyledLoading = styled(ProgressBar)`\n  ${({ label }) =>\n    !label &&\n    css`\n      svg {\n        ${IconStyles}\n      }\n    `}\n`;\n\nexport const FileName = styled(Heading)<IFileUploaderTextProps>`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 300px;\n`;\n\nexport const RemoveFileButton = styled(Button)`\n  margin-left: auto;\n`;\n"],"names":["consts","FormFieldConsts","fileUploaderConsts","FileUploaderConsts.consts","AttachedFiles","styled","size","theme","css","VariablesNames","IconStyles","Sizes","StyledCheckCircle","CheckCircle","StyledErrorCross","CrossCircle","extensionIconComponentMap","FilePngOutline","FileJpgOutline","FileSvgOutline","FilePdfOutline","FileXlsOutline","GenericFile","fileType","props","extension","mime","jsx","File","Component","StyledFile","StyledLoading","ProgressBar","label","FileName","Heading","RemoveFileButton","Button"],"mappings":"kiCA0BM,CAAE,OAAAA,CAAW,EAAAC,EACbC,EAAqBC,EAAmB,OAEjCC,EAAgBC,EAAO;AAAA,IAChC,CAAC,CAAE,KAAAC,EAAM,MAAAC,CAAA,IAAYC,EAAA;AAAA,wBACDD,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAAEE,EAAAA,eAAe,oBAAoB,CAAC;AAAA,kBAC7FP,EAAmBI,CAAI,EAAE,kBAAkB;AAAA,kBAC3CJ,EAAmBI,CAAI,EAAE,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMvDA,GACFE,EAAA;AAAA,iBACaN,EAAmBI,CAAI,EAAE,mBAAmB;AAAA,KACxD;AAAA,GACF;AAAA,EAGUI,EAAaF,EAAA;AAAA,IACtB,CAAC,CAAE,KAAAF,EAAOK,QAAM,MAAa,IAAAH,EAAA;AAAA,aACpBR,EAAOM,CAAI,EAAE,WAAW;AAAA,cACvBN,EAAOM,CAAI,EAAE,WAAW;AAAA;AAAA,GAEnC;AAAA,EAGUM,EAAoBP,EAAOQ,CAAW;AAAA;AAAA,MAE7CH,CAAU;AAAA;AAAA;AAAA;AAAA,YAIJ,CAAC,CAAE,MAAAH,CAAM,IACfA,EAAM,kBAAkB,CAAE,UAAW,WAAY,oBAAqB,aAAc,CAAC,EACnFE,EAAA,eAAe,2BACjB,CAAC;AAAA;AAAA,EAIMK,EAAmBT,EAAOU,CAAW;AAAA;AAAA,MAE5CL,CAAU;AAAA;AAAA;AAAA;AAAA,YAIJ,CAAC,CAAE,MAAAH,KACTA,EAAM,kBAAkB,CAAE,UAAW,UAAY,CAAA,EAAEE,EAAA,eAAe,2BAA2B,CAAC;AAAA;AAAA,EAI9FO,EAA4B,CAChC,IAAKC,EACL,KAAMC,EACN,IAAKA,EACL,IAAKC,EACL,IAAKC,EACL,IAAKC,CACP,EAMMC,EAAc,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAA6B,CACzD,MAAAC,EAAYC,EAAK,aAAaH,CAAQ,EAE5C,GAAIE,IAAc,KACT,OAAAE,MAACC,EAAM,CAAA,GAAGJ,CAAO,CAAA,EAK1B,MAAMK,EAFWb,EAA0BS,CAAmD,GAEhEG,EAEvB,OAAAD,MAACE,EAAW,CAAA,GAAGL,CAAO,CAAA,CAC/B,EAEaM,EAAazB,EAAOiB,CAAW;AAAA;AAAA,MAEtCZ,CAAU;AAAA;AAAA,EAIHqB,EAAgB1B,EAAO2B,CAAW;AAAA,IAC3C,CAAC,CAAE,MAAAC,KACH,CAACA,GACDzB,EAAA;AAAA;AAAA,UAEME,CAAU;AAAA;AAAA,KAEf;AAAA,EAGQwB,EAAW7B,EAAO8B,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOzBC,EAAmB/B,EAAOgC,CAAM;AAAA;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),S=require("acinguiux-ds-fabrics"),l=require("../../../../react-base/src/consts/index.js"),s=require("../../../../react-base/src/components/FileUploader/FileUploader.types.js"),F=require("../../../Text/components/Label/Label.js"),c=require("./FileUpload.styles.js"),v=require("../PreviewImage/PreviewImage.js"),a=e=>e===100,x=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],u=e=>{const t=e===0?0:Math.floor(Math.log(e)/Math.log(1024));return`${Number((e/1024**t).toFixed(2))} ${x[t]}`},y=({fileSize:e,size:t,disabled:o,prominence:i=S.Prominences.Subtle})=>n.jsx(F,{type:l.TextElementTypes.Span,size:t===l.Sizes.XSmall?l.Sizes.Small:t,prominence:i,disabled:o,children:u(e)}),B=(e,t,o)=>{const r={[s.FilePreview.None]:n.jsx(c.StyledCheckCircle,{size:o}),[s.FilePreview.Icon]:n.jsx(c.StyledFile,{size:o,fileType:e.type}),[s.FilePreview.Image]:n.jsx(v,{size:o,file:e})}[t];if(!r)throw new Error(`preview component for ${t} does not exist`);return r},g=({size:e,progressPercentage:t,file:o,filePreview:i,type:r="circle",label:m=!1})=>{const p=a(t),d=B(o,i,e);return t===0?null:p?n.jsx(n.Fragment,{children:d}):n.jsx(c.StyledLoading,{size:e===l.Sizes.XSmall?l.Sizes.Small:e,type:r,label:m,value:t})};exports.FileLoadingSuccess=g;exports.FileSize=y;exports.convertBytesToHumanReadableFormat=u;exports.getIsUploadComplete=a;
+//# sourceMappingURL=FileUpload.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.utils.js","sources":["../../../../../../src/components/FileUploader/components/FileUpload/FileUpload.utils.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Prominences } from 'acinguiux-ds-fabrics';\nimport { Sizes, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\nimport type { ProgressBarTypes } from 'acinguiux-ds-react-base/components/ProgressBar';\n\nimport Label from '../../../Text/components/Label/Label';\nimport * as Styled from './FileUpload.styles';\nimport PreviewImage from '../PreviewImage/PreviewImage';\n\nexport const getIsUploadComplete = (progressPercentage: number) => progressPercentage === 100;\n\nconst sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\nexport const convertBytesToHumanReadableFormat = (size: number): string => {\n  const index = size === 0 ? 0 : Math.floor(Math.log(size) / Math.log(1024));\n\n  return `${Number((size / 1024 ** index).toFixed(2))} ${sizes[index]}`;\n};\n\ninterface IFileSizeProps {\n  fileSize: number;\n  size: FileUploaderTypes.Size;\n  disabled?: boolean;\n  prominence?: TextTypes.Prominence;\n}\n\nexport const FileSize = ({ fileSize, size, disabled, prominence = Prominences.Subtle }: IFileSizeProps) => (\n  <Label\n    type={TextElementTypes.Span}\n    size={size === Sizes.XSmall ? Sizes.Small : size}\n    prominence={prominence}\n    disabled={disabled}\n  >\n    {convertBytesToHumanReadableFormat(fileSize)}\n  </Label>\n);\n\nconst getPreviewComponent = (\n  file: File,\n  filePreview: `${FileUploaderTypes.FilePreview}`,\n  size?: FileUploaderTypes.Size,\n) => {\n  const previewComponentMap: { [key in FileUploaderTypes.FilePreview]: ReactNode } = {\n    [FileUploaderTypes.FilePreview.None]: <Styled.StyledCheckCircle size={size} />,\n    [FileUploaderTypes.FilePreview.Icon]: <Styled.StyledFile size={size} fileType={file.type} />,\n    [FileUploaderTypes.FilePreview.Image]: <PreviewImage size={size} file={file} />,\n  };\n\n  const component = previewComponentMap[filePreview];\n\n  if (!component) {\n    throw new Error(`preview component for ${filePreview} does not exist`);\n  }\n\n  return component;\n};\n\ninterface IFileLoadingSuccessProps {\n  size?: FileUploaderTypes.Size;\n  file: File;\n  progressPercentage: number;\n  filePreview: `${FileUploaderTypes.FilePreview}`;\n  type?: ProgressBarTypes.Type;\n  label?: boolean;\n}\n\nexport const FileLoadingSuccess = ({\n  size,\n  progressPercentage,\n  file,\n  filePreview,\n  type = 'circle',\n  label = false,\n}: IFileLoadingSuccessProps) => {\n  const isUploadComplete = getIsUploadComplete(progressPercentage);\n  const previewComponent = getPreviewComponent(file, filePreview, size);\n\n  // If the upload process is initiated manually, the loader should not be displayed until the upload has actually started.\n  if (progressPercentage === 0) {\n    return null;\n  }\n\n  return isUploadComplete ? (\n    <>{previewComponent}</>\n  ) : (\n    <Styled.StyledLoading\n      size={size === Sizes.XSmall ? Sizes.Small : size}\n      type={type}\n      label={label}\n      value={progressPercentage}\n    />\n  );\n};\n"],"names":["getIsUploadComplete","progressPercentage","sizes","convertBytesToHumanReadableFormat","size","index","FileSize","fileSize","disabled","prominence","Prominences","jsx","Label","TextElementTypes","Sizes","getPreviewComponent","file","filePreview","component","FileUploaderTypes.FilePreview","Styled.StyledCheckCircle","Styled.StyledFile","PreviewImage","FileLoadingSuccess","type","label","isUploadComplete","previewComponent","Fragment","Styled.StyledLoading"],"mappings":"ucAYaA,EAAuBC,GAA+BA,IAAuB,IAEpFC,EAAQ,CAAC,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EACrDC,EAAqCC,GAAyB,CACzE,MAAMC,EAAQD,IAAS,EAAI,EAAI,KAAK,MAAM,KAAK,IAAIA,CAAI,EAAI,KAAK,IAAI,IAAI,CAAC,EAEzE,MAAO,GAAG,QAAQA,EAAO,MAAQC,GAAO,QAAQ,CAAC,CAAC,CAAC,IAAIH,EAAMG,CAAK,CAAC,EACrE,EASaC,EAAW,CAAC,CAAE,SAAAC,EAAU,KAAAH,EAAM,SAAAI,EAAU,WAAAC,EAAaC,EAAAA,YAAY,MAAA,IAC5EC,EAAA,IAACC,EAAA,CACC,KAAMC,EAAiB,iBAAA,KACvB,KAAMT,IAASU,EAAM,MAAA,OAASA,QAAM,MAAQV,EAC5C,WAAAK,EACA,SAAAD,EAEC,WAAkCD,CAAQ,CAAA,CAC7C,EAGIQ,EAAsB,CAC1BC,EACAC,EACAb,IACG,CAOG,MAAAc,EAN6E,CACjF,CAACC,EAAAA,YAA8B,IAAI,EAAIR,EAAAA,IAAAS,EAAAA,kBAAA,CAAyB,KAAAhB,CAAY,CAAA,EAC5E,CAACe,EAA8B,YAAA,IAAI,EAAGR,EAAAA,IAACU,EAAO,WAAP,CAAkB,KAAAjB,EAAY,SAAUY,EAAK,KAAM,EAC1F,CAACG,EAAAA,YAA8B,KAAK,EAAIR,EAAAA,IAAAW,EAAA,CAAa,KAAAlB,EAAY,KAAAY,CAAY,CAAA,CAC/E,EAEsCC,CAAW,EAEjD,GAAI,CAACC,EACH,MAAM,IAAI,MAAM,yBAAyBD,CAAW,iBAAiB,EAGhE,OAAAC,CACT,EAWaK,EAAqB,CAAC,CACjC,KAAAnB,EACA,mBAAAH,EACA,KAAAe,EACA,YAAAC,EACA,KAAAO,EAAO,SACP,MAAAC,EAAQ,EACV,IAAgC,CACxB,MAAAC,EAAmB1B,EAAoBC,CAAkB,EACzD0B,EAAmBZ,EAAoBC,EAAMC,EAAab,CAAI,EAGpE,OAAIH,IAAuB,EAClB,KAGFyB,EACFf,EAAAA,IAAAiB,EAAA,SAAA,CAAA,SAAAD,CAAiB,CAAA,EAEpBhB,EAAA,IAACkB,EAAO,cAAP,CACC,KAAMzB,IAASU,EAAM,MAAA,OAASA,QAAM,MAAQV,EAC5C,KAAAoB,EACA,MAAAC,EACA,MAAOxB,CAAA,CACT,CAEJ"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("../../../../react-base/src/consts/index.js"),F=require("acinguiux-ds-fabrics"),i=require("./FileUploadContent.styles.js"),x=require("../FileUpload/FileUpload.utils.js"),L=require("../FileUpload/FileUpload.styles.js"),V=require("../../../Icon/components/Cross.js"),_=require("../../../Icon/components/TrashAlt.js"),s=require("../../FileUpload.utils.js"),y=require("./FileUploadContent.utils.js"),A=({size:n=`${l.Sizes.Medium}`,disabled:t,renderSingleDeleteFile:v,fileUploads:o,isSingleFileType:f,acceptedTextMapper:S,isFirstFileUploadComplete:c,isDropTarget:d,filePreview:b,progressBarType:E,renderErrorsInside:j,showIcon:T,showDescription:q,showButton:H,maxFileSize:m})=>{var p,h;const r=o[0],z=j?i.FileUploadSentimentButton:i.FileUploadButton,U=c?e.jsx(i.FileUploadSentimentButton,{variant:l.Variants.Outlined,sentiment:F.FabricsVariables.Sentiments.Negative,icon:e.jsx(_,{}),label:"Delete file"}):e.jsx(i.FileUploadButton,{variant:l.Variants.Outlined,icon:e.jsx(V,{}),label:"Cancel file"}),u=d?null:e.jsx(e.Fragment,{children:v?U:H&&e.jsx(z,{size:n,variant:l.Variants.Outlined,sentiment:F.FabricsVariables.Sentiments.Negative,icon:e.jsx(i.AddIcon,{}),label:"Choose file","aria-hidden":"true"})});if(j){const C=o.some(B=>{var g;return(g=B.errors)==null?void 0:g.hasGenericError});let a=null;switch(!0){case C:a=e.jsx(i.Heading,{type:l.TextElementTypes.Span,level:s.HeadingSizeLevel[n],children:"An error occurred during the upload"});break;case((p=r.errors)==null?void 0:p.hasFileSizeError):a=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:l.TextElementTypes.Span,level:s.HeadingSizeLevel[n],children:"File size is too big"}),m?e.jsxs(e.Fragment,{children:[e.jsx(i.Subtitle,{disabled:t,size:n===l.Sizes.XSmall?l.Sizes.Small:n,children:"Maximum accepted file size is: "}),e.jsx(x.FileSize,{fileSize:m,size:n,disabled:t})]}):e.jsx(e.Fragment,{})]});break;case((h=r.errors)==null?void 0:h.hasFileTypeError):a=e.jsxs(e.Fragment,{children:[e.jsx(i.Heading,{type:l.TextElementTypes.Span,level:s.HeadingSizeLevel[n],children:"Invalid file type"}),e.jsx(i.Subtitle,{disabled:t,size:n===l.Sizes.XSmall?l.Sizes.Small:n,children:e.jsx(y.FileTypeErrorText,{acceptedTextMapper:S})})]});break}return e.jsxs(e.Fragment,{children:[e.jsx(L.StyledErrorCross,{}),a,u]})}return f&&r&&!y.isFileUploadError(r)&&o.length===1?e.jsxs(e.Fragment,{children:[e.jsx(x.FileLoadingSuccess,{size:n,progressPercentage:r.progressPercentage,file:r.file,filePreview:b,type:E,label:!0}),e.jsx(i.Heading,{type:l.TextElementTypes.Span,level:s.HeadingSizeLevel[n],children:c?r.fileName:"Uploading your file"}),c?e.jsx(x.FileSize,{fileSize:r.file.size,size:n,disabled:t}):e.jsx(i.Subtitle,{disabled:t,size:n===l.Sizes.XSmall?l.Sizes.Small:n,children:r.fileName}),u]}):e.jsxs(e.Fragment,{children:[T&&e.jsx(i.UploadCloudIcon,{}),e.jsx(i.Heading,{type:l.TextElementTypes.Span,level:s.HeadingSizeLevel[n],children:d?e.jsx("span",{children:"Drop files"}):e.jsx("span",{children:"Drag and drop or choose a file"})}),!d&&e.jsxs(e.Fragment,{children:[q&&e.jsxs(i.Subtitle,{disabled:t,size:n===l.Sizes.XSmall?l.Sizes.Small:n,children:["Accepts ",S("and")||"all file types"]}),u]})]})};module.exports=A;
+//# sourceMappingURL=FileUploadContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContent.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.tsx"],"sourcesContent":["import { Variants, Sizes, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport * as Styled from './FileUploadContent.styles';\nimport { FileLoadingSuccess, FileSize } 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, isFileUploadError } from './FileUploadContent.utils';\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  showDescription,\n  showButton,\n  maxFileSize,\n}: IFileUploadContentProps) => {\n  const firstFile: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError | undefined = fileUploads[0];\n\n  const ChooseFileButton = renderErrorsInside ? Styled.FileUploadSentimentButton : Styled.FileUploadButton;\n\n  const cancelOrDeleteButton = isFirstFileUploadComplete ? (\n    <Styled.FileUploadSentimentButton\n      variant={Variants.Outlined}\n      sentiment={FabricsVariables.Sentiments.Negative}\n      icon={<TrashAlt />}\n      label=\"Delete file\"\n    />\n  ) : (\n    <Styled.FileUploadButton variant={Variants.Outlined} icon={<Cross />} label=\"Cancel file\" />\n  );\n\n  const chooseFileComponent = !isDropTarget ? (\n    <>\n      {!renderSingleDeleteFile\n        ? showButton && (\n            <ChooseFileButton\n              size={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  ) : null;\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              <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        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      <>\n        <FileUploadStyled.StyledErrorCross />\n        {detailedMessage}\n        {chooseFileComponent}\n      </>\n    );\n  }\n\n  const renderPreviews = isSingleFileType && firstFile && !isFileUploadError(firstFile) && fileUploads.length === 1;\n\n  if (renderPreviews) {\n    return (\n      <>\n        <FileLoadingSuccess\n          size={size}\n          progressPercentage={firstFile.progressPercentage}\n          file={firstFile.file}\n          filePreview={filePreview}\n          type={progressBarType}\n          label\n        />\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        {chooseFileComponent}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {showIcon && <Styled.UploadCloudIcon />}\n      <Styled.Heading type={TextElementTypes.Span} level={HeadingSizeLevel[size]}>\n        {isDropTarget ? <span>Drop files</span> : <span>Drag and drop or choose a file</span>}\n      </Styled.Heading>\n      {!isDropTarget && (\n        <>\n          {showDescription && (\n            <Styled.Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n              Accepts {acceptedTextMapper('and') || 'all file types'}\n            </Styled.Subtitle>\n          )}\n          {chooseFileComponent}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default FileUploadContent;\n"],"names":["FileUploadContent","size","Sizes","disabled","renderSingleDeleteFile","fileUploads","isSingleFileType","acceptedTextMapper","isFirstFileUploadComplete","isDropTarget","filePreview","progressBarType","renderErrorsInside","showIcon","showDescription","showButton","maxFileSize","firstFile","ChooseFileButton","Styled.FileUploadSentimentButton","Styled.FileUploadButton","cancelOrDeleteButton","jsx","Variants","FabricsVariables","TrashAlt","Cross","chooseFileComponent","Fragment","Styled.AddIcon","hasGenericError","fileUpload","_a","detailedMessage","Styled.Heading","TextElementTypes","HeadingSizeLevel","jsxs","Styled.Subtitle","FileSize","_b","FileTypeErrorText","FileUploadStyled.StyledErrorCross","isFileUploadError","FileLoadingSuccess","Styled.UploadCloudIcon"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),n=require("../../../../react-base/src/consts/index.js"),o=require("../../../Icon/components/Add.js"),i=require("../../../Icon/components/UploadCloud.js"),l=require("../../../Button/SentimentButton.js"),s=require("../../../Button/Button.js"),r=require("../../../Text/components/Label/Label.js"),c=require("../../../Text/components/Heading/Heading.js"),a=t(i)``,d=t(o)``,u=t(c)`
+  text-align: center;
+`,p=t(r)`
+  max-width: 300px;
+  text-align: center;
+`,S=t(s)`
+  ${({size:e})=>e===n.Sizes.XSmall||e===n.Sizes.Small?t.css`
+          margin-top: 16px;
+        `:t.css`
+          margin-top: 24px;
+        `}
+`,m=t(l)`
+  ${({size:e})=>e===n.Sizes.XSmall||e===n.Sizes.Small?t.css`
+          margin-top: 16px;
+        `:t.css`
+          margin-top: 24px;
+        `}
+`;exports.AddIcon=d;exports.FileUploadButton=S;exports.FileUploadSentimentButton=m;exports.Heading=u;exports.Subtitle=p;exports.UploadCloudIcon=a;
+//# sourceMappingURL=FileUploadContent.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContent.styles.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport Add from '../../../Icon/components/Add';\nimport UploadCloud from '../../../Icon/components/UploadCloud';\nimport type { IFileUploaderTextProps } from './FileUploadContent.types';\nimport type { ISentimentButtonProps } from '../../../Button/Button.types';\nimport SentimentButton from '../../../Button/SentimentButton';\nimport Button from '../../../Button/Button';\nimport Label from '../../../Text/components/Label/Label';\nimport _Heading from '../../../Text/components/Heading/Heading';\n\nconst UploadCloudIcon = styled(UploadCloud)``;\n\nconst AddIcon = styled(Add)``;\n\nconst Heading = styled(_Heading)<IFileUploaderTextProps>`\n  text-align: center;\n`;\n\nconst Subtitle = styled(Label)`\n  max-width: 300px;\n  text-align: center;\n`;\n\nconst FileUploadButton = styled(Button)<ISentimentButtonProps>`\n  ${({ size }) =>\n    size === Sizes.XSmall || size === Sizes.Small\n      ? css`\n          margin-top: 16px;\n        `\n      : css`\n          margin-top: 24px;\n        `}\n`;\n\nconst FileUploadSentimentButton = styled(SentimentButton)<ISentimentButtonProps>`\n  ${({ size }) =>\n    size === Sizes.XSmall || size === Sizes.Small\n      ? css`\n          margin-top: 16px;\n        `\n      : css`\n          margin-top: 24px;\n        `}\n`;\n\nexport { Heading, Subtitle, UploadCloudIcon, AddIcon, FileUploadButton, FileUploadSentimentButton };\n"],"names":["UploadCloudIcon","styled","UploadCloud","AddIcon","Add","Heading","_Heading","Subtitle","Label","FileUploadButton","Button","size","Sizes","css","FileUploadSentimentButton","SentimentButton"],"mappings":"gfAYMA,EAAkBC,EAAOC,CAAW,IAEpCC,EAAUF,EAAOG,CAAG,IAEpBC,EAAUJ,EAAOK,CAAQ;AAAA;AAAA,EAIzBC,EAAWN,EAAOO,CAAK;AAAA;AAAA;AAAA,EAKvBC,EAAmBR,EAAOS,CAAM;AAAA,IAClC,CAAC,CAAE,KAAAC,CAAK,IACRA,IAASC,EAAAA,MAAM,QAAUD,IAASC,QAAM,MACpCC,EAAA;AAAA;AAAA,UAGAA,EAAA;AAAA;AAAA,SAEC;AAAA,EAGHC,EAA4Bb,EAAOc,CAAe;AAAA,IACpD,CAAC,CAAE,KAAAJ,CAAK,IACRA,IAASC,EAAAA,MAAM,QAAUD,IAASC,QAAM,MACpCC,EAAA;AAAA;AAAA,UAGAA,EAAA;AAAA;AAAA,SAEC;AAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=e=>!!e.errors,t=({acceptedTextMapper:e})=>r.jsxs(r.Fragment,{children:["File must be ",e("or")||"a valid type"]});exports.FileTypeErrorText=t;exports.isFileUploadError=o;
+//# sourceMappingURL=FileUploadContent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadContent.utils.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadContent/FileUploadContent.utils.tsx"],"sourcesContent":["import type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport type { IFileUploaderErrorText } from './FileUploadContent.types';\n\nexport const isFileUploadError = (\n  file: FileUploaderTypes.IFileUpload | FileUploaderTypes.IFileUploadError,\n): file is FileUploaderTypes.IFileUploadError => !!file.errors;\n\nexport const FileTypeErrorText = ({ acceptedTextMapper }: IFileUploaderErrorText) => (\n  <>File must be {acceptedTextMapper('or') || 'a valid type'}</>\n);\n"],"names":["isFileUploadError","file","FileTypeErrorText","acceptedTextMapper","jsxs","Fragment"],"mappings":"iJAIaA,EACXC,GAC+C,CAAC,CAACA,EAAK,OAE3CC,EAAoB,CAAC,CAAE,mBAAAC,CAAA,IAChCC,EAAAA,KAAAC,EAAAA,SAAA,CAAA,SAAA,CAAA,gBAAcF,EAAmB,IAAI,GAAK,cAAA,CAAe,CAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),t=require("../../../../react-base/src/consts/index.js"),a=require("../FileUploadContent/FileUploadContent.utils.js"),n=require("../FileUploadContent/FileUploadContent.styles.js"),S=require("../FileUpload/FileUpload.utils.js"),p=({fileUploadError:{errors:s,fileName:c},disabled:l,size:e,acceptedTextMapper:u,maxFilesSize:o})=>{let i=null;switch(!0){case s.hasFileTypeError:i=r.jsxs(n.Subtitle,{disabled:l,size:e===t.Sizes.XSmall?t.Sizes.Small:e,children:[c," is not supported. ",r.jsx(a.FileTypeErrorText,{acceptedTextMapper:u})]});break;case s.hasFileSizeError:i=r.jsxs(n.Subtitle,{disabled:l,size:e===t.Sizes.XSmall?t.Sizes.Small:e,children:[c," is too big.",o?" Maximum accepted file size is: ":"",o?r.jsx(S.FileSize,{fileSize:o,disabled:l,size:e}):r.jsx(r.Fragment,{})]});break;case s.hasGenericError:i=r.jsx(n.Subtitle,{disabled:l,size:e===t.Sizes.XSmall?t.Sizes.Small:e,children:"An error occurred during the upload."});break}return i};module.exports=p;
+//# sourceMappingURL=FileUploadErrorMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadErrorMessage.js","sources":["../../../../../../src/components/FileUploader/components/FileUploadErrorMessage/FileUploadErrorMessage.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport { FileTypeErrorText } from '../FileUploadContent/FileUploadContent.utils';\nimport { Subtitle } from '../FileUploadContent/FileUploadContent.styles';\nimport { FileSize } from '../FileUpload/FileUpload.utils';\nimport type { IFileUploadErrorMessageProps } from './FileUploadErrorMessage.types';\n\nconst FileUploadErrorMessage = ({\n  fileUploadError: { errors, fileName },\n  disabled,\n  size,\n  acceptedTextMapper,\n  maxFilesSize,\n}: IFileUploadErrorMessageProps) => {\n  let content: JSX.Element | null = null;\n\n  switch (true) {\n    case errors.hasFileTypeError:\n      content = (\n        <Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n          {fileName} is not supported.&nbsp;\n          <FileTypeErrorText acceptedTextMapper={acceptedTextMapper} />\n        </Subtitle>\n      );\n      break;\n    case errors.hasFileSizeError:\n      content = (\n        <Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n          {fileName} is too big.{maxFilesSize ? ' Maximum accepted file size is:&nbsp;' : ''}\n          {maxFilesSize ? <FileSize fileSize={maxFilesSize} disabled={disabled} size={size} /> : <></>}\n        </Subtitle>\n      );\n      break;\n    case errors.hasGenericError:\n      content = (\n        <Subtitle disabled={disabled} size={size === Sizes.XSmall ? Sizes.Small : size}>\n          An error occurred during the upload.\n        </Subtitle>\n      );\n      break;\n    default:\n      break;\n  }\n\n  return content;\n};\n\nexport default FileUploadErrorMessage;\n"],"names":["FileUploadErrorMessage","errors","fileName","disabled","size","acceptedTextMapper","maxFilesSize","content","jsxs","Subtitle","Sizes","jsx","FileTypeErrorText","FileSize","Fragment"],"mappings":"oRAOMA,EAAyB,CAAC,CAC9B,gBAAiB,CAAE,OAAAC,EAAQ,SAAAC,CAAS,EACpC,SAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,aAAAC,CACF,IAAoC,CAClC,IAAIC,EAA8B,KAElC,OAAQ,GAAM,CACZ,KAAKN,EAAO,iBAERM,EAAAC,EAAAA,KAACC,EAAAA,UAAS,SAAAN,EAAoB,KAAMC,IAASM,EAAM,MAAA,OAASA,EAAM,MAAA,MAAQN,EACvE,SAAA,CAAAF,EAAS,sBACVS,MAACC,EAAAA,mBAAkB,mBAAAP,CAAwC,CAAA,CAAA,EAC7D,EAEF,MACF,KAAKJ,EAAO,iBAERM,EAAAC,EAAAA,KAACC,EAAAA,UAAS,SAAAN,EAAoB,KAAMC,IAASM,EAAM,MAAA,OAASA,EAAM,MAAA,MAAQN,EACvE,SAAA,CAAAF,EAAS,eAAaI,EAAe,wCAA0C,GAC/EA,QAAgBO,WAAS,CAAA,SAAUP,EAAc,SAAAH,EAAoB,KAAAC,CAAY,CAAA,EAAOO,EAAA,IAAAG,EAAA,SAAA,CAAA,CAAA,CAAA,EAC3F,EAEF,MACF,KAAKb,EAAO,gBAERM,EAAAI,EAAAA,IAACF,EAAAA,SAAS,CAAA,SAAAN,EAAoB,KAAMC,IAASM,QAAM,OAASA,EAAA,MAAM,MAAQN,EAAM,SAEhF,sCAAA,CAAA,EAEF,KAEA,CAGG,OAAAG,CACT"}

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

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),r=require("react"),n=require("./PreviewImage.styles.js"),o=({size:s,file:e})=>{const[c,u]=r.useState();return r.useEffect(()=>{const t=URL.createObjectURL(e);return u(t),()=>{URL.revokeObjectURL(t)}},[e]),i.jsx(n.PreviewImage,{size:s,src:c,alt:""})};module.exports=o;
+//# sourceMappingURL=PreviewImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.js","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport * as Styled from './PreviewImage.styles';\nimport type { IPreviewImageProps } from './PreviewImage.types';\n\nconst PreviewImage = ({ size, file }: IPreviewImageProps) => {\n  const [fileURL, setFileURL] = useState<string | undefined>();\n\n  useEffect(() => {\n    const url = URL.createObjectURL(file);\n\n    setFileURL(url);\n\n    return () => {\n      // Better for performance reasons to revoke the URL as soon as we can to release it from memory\n      // https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL_static#usage_notes\n      URL.revokeObjectURL(url);\n    };\n  }, [file]);\n\n  return <Styled.PreviewImage size={size} src={fileURL} alt=\"\" />;\n};\n\nexport default PreviewImage;\n"],"names":["PreviewImage","size","file","fileURL","setFileURL","useState","useEffect","url","jsx","Styled.PreviewImage"],"mappings":"2GAKMA,EAAe,CAAC,CAAE,KAAAC,EAAM,KAAAC,KAA+B,CAC3D,KAAM,CAACC,EAASC,CAAU,EAAIC,WAA6B,EAE3DC,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAM,IAAI,gBAAgBL,CAAI,EAEpC,OAAAE,EAAWG,CAAG,EAEP,IAAM,CAGX,IAAI,gBAAgBA,CAAG,CACzB,CAAA,EACC,CAACL,CAAI,CAAC,EAEFM,EAAA,IAACC,EAAA,aAAA,CAAoB,KAAAR,EAAY,IAAKE,EAAS,IAAI,GAAG,CAC/D"}

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../FileUpload/FileUpload.styles.js"),r=e.img`
+  ${t.IconStyles};
+  object-fit: contain;
+  border-radius: 2px;
+`;exports.PreviewImage=r;
+//# sourceMappingURL=PreviewImage.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewImage.styles.js","sources":["../../../../../../src/components/FileUploader/components/PreviewImage/PreviewImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { FileUploaderTypes } from 'acinguiux-ds-react-base/components/FileUploader';\n\nimport { IconStyles } from '../FileUpload/FileUpload.styles';\n\nexport const PreviewImage = styled.img<{ size?: FileUploaderTypes.Size }>`\n  ${IconStyles};\n  object-fit: contain;\n  border-radius: 2px;\n`;\n"],"names":["PreviewImage","styled","IconStyles"],"mappings":"iMAKaA,EAAeC,EAAO;AAAA,IAC/BC,YAAU;AAAA;AAAA;AAAA"}

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

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