acinguiux-ds-react-framework 0.0.4 → 0.0.6

package/build/esm/components/Drawer/Drawer.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Transient, RequiredProperties } from '..\..\react-base\src';
+import { IDrawerProps } from './Drawer.types';
+declare const Drawer: import("styled-components").StyledComponent<import("react").FC<import("rc-drawer").DrawerProps>, import("styled-components").DefaultTheme, Transient<IDrawerProps, "elevation">, never>;
+declare const DrawerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, RequiredProperties<IDrawerProps, "size" | "padding" | "bgColor" | "sticky">, never>;
+declare const DrawerHeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const DrawerHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IDrawerProps, "size"> & Required<Pick<IDrawerProps, "size">>, never>;
+declare const DrawerFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IDrawerProps, "size"> & Required<Pick<IDrawerProps, "size">> & IDrawerProps, never>;
+export { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };
+//# sourceMappingURL=Drawer.styles.d.ts.map

package/build/esm/components/Drawer/Drawer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAA0B,MAAM,yBAAyB,CAAC;AAEhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgB9C,QAAA,MAAM,MAAM,yLAqNX,CAAC;AAEF,QAAA,MAAM,aAAa,kLAqBlB,CAAC;AAaF,QAAA,MAAM,mBAAmB,yGAExB,CAAC;AAEF,QAAA,MAAM,YAAY,wKASjB,CAAC;AAEF,QAAA,MAAM,YAAY,uLASjB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}

package/build/esm/components/Drawer/Drawer.styles.js

@@ -278,3 +278,4 @@ export {
   w as DrawerHeader,
   g as DrawerHeaderContent
 };
+//# sourceMappingURL=Drawer.styles.js.map

package/build/esm/components/Drawer/Drawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\r\nimport styled, { css } from 'styled-components';\r\nimport { Transient, RequiredProperties, ZIndexes, DrawerConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { IDrawerProps } from './Drawer.types';\r\n\r\nconst panelMotion = css`\r\n  &-enter,\r\n  &-appear,\r\n  &-leave {\r\n    &-start {\r\n      transition: none;\r\n    }\r\n\r\n    &-active {\r\n      transition: all 0.3s ease-out;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Drawer = styled(RcDrawer) <Transient<IDrawerProps, 'elevation'>>`\r\n  ${({ prefixCls, theme, sticky, $elevation }) => css`\r\n    z-index: ${ZIndexes.DRAWER};\r\n    position: fixed;\r\n    inset: 0;\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n    pointer-events: none;\r\n\r\n    &.${prefixCls}-inline {\r\n      position: absolute;\r\n    }\r\n\r\n    .${prefixCls} {\r\n      &-mask {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: ${ZIndexes.DRAWER};\r\n        pointer-events: auto;\r\n        background-color: ${theme.additional.mask.strong};\r\n\r\n        &.mask-motion {\r\n          &-enter,\r\n          &-appear,\r\n          &-leave {\r\n            &-active {\r\n              transition: all 0.3s;\r\n            }\r\n          }\r\n\r\n          &-enter,\r\n          &-appear {\r\n            opacity: 0;\r\n\r\n            &-active {\r\n              opacity: 1;\r\n            }\r\n          }\r\n\r\n          &-leave {\r\n            opacity: 1;\r\n\r\n            &-active {\r\n              opacity: 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &-content-wrapper {\r\n        position: absolute;\r\n        z-index: ${ZIndexes.DRAWER};\r\n        transition: transform 0.3s ease-out;\r\n\r\n        &-hidden {\r\n          display: none;\r\n        }\r\n\r\n        .${prefixCls}-left& {\r\n          top: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n        }\r\n\r\n        .${prefixCls}-right& {\r\n          top: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n        }\r\n\r\n        .${prefixCls}-top& {\r\n          top: 0;\r\n          right: 0;\r\n          left: 0;\r\n        }\r\n\r\n        .${prefixCls}-bottom& {\r\n          right: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n        }\r\n\r\n        &.panel-motion {\r\n          /* Left */\r\n          &-left {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateX(-100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateX(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateX(0);\r\n\r\n              &-active {\r\n                transform: translateX(-100%);\r\n              }\r\n            }\r\n          }\r\n\r\n          /* Right */\r\n          &-right {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateX(100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateX(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateX(0);\r\n\r\n              &-active {\r\n                transform: translateX(100%);\r\n              }\r\n            }\r\n          }\r\n\r\n          /* Top */\r\n          &-top {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateY(-100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateY(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateY(0);\r\n\r\n              &-active {\r\n                transform: translateY(-100%);\r\n              }\r\n            }\r\n          }\r\n\r\n          /* Bottom */\r\n          &-bottom {\r\n            ${panelMotion};\r\n            &-enter,\r\n            &-appear {\r\n              &-start {\r\n                transform: translateY(100%) !important;\r\n              }\r\n\r\n              &-active {\r\n                transform: translateY(0);\r\n              }\r\n            }\r\n\r\n            &-leave {\r\n              transform: translateY(0);\r\n\r\n              &-active {\r\n                transform: translateY(100%);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        width: 100%;\r\n        pointer-events: auto;\r\n        background: ${theme.onSurface.surface.default.background};\r\n        overflow: hidden;\r\n\r\n        ${!sticky &&\r\n    css`\r\n          overflow-y: auto;\r\n        `}\r\n\r\n        ${$elevation &&\r\n    css`\r\n          box-shadow: ${theme.elevation.level2};\r\n        `}\r\n      }\r\n    }\r\n\r\n    &.${prefixCls}-left .${prefixCls}-content {\r\n      border-radius: 0 16px 16px 0;\r\n    }\r\n\r\n    &.${prefixCls}-right .${prefixCls}-content {\r\n      border-radius: 16px 0 0 16px;\r\n    }\r\n\r\n    &.${prefixCls}-top .${prefixCls}-content {\r\n      border-radius: 0 0 16px 16px;\r\n    }\r\n\r\n    &.${prefixCls}-bottom .${prefixCls}-content {\r\n      border-radius: 16px 16px 0 0;\r\n    }\r\n  `}\r\n`;\r\n\r\nconst DrawerContent = styled.div<RequiredProperties<IDrawerProps, 'size' | 'padding' | 'bgColor' | 'sticky'>>`\r\n  ${({ size, padding, bgColor, sticky, theme }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-color: ${theme.onSurface.surface.default.background};\r\n\r\n    ${sticky &&\r\n    css`\r\n      overflow-y: auto;\r\n    `}\r\n\r\n    ${bgColor &&\r\n    css`\r\n      background-color: ${theme.onSurface.base.default.background};\r\n    `}\r\n\r\n    ${padding &&\r\n    css`\r\n      padding: ${DrawerConsts.consts[size].padding};\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst DrawerBar = styled.div<RequiredProperties<IDrawerProps, 'size'>>`\r\n  ${({ size, theme }) => css`\r\n    z-index: ${ZIndexes.ELEVATED};\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: auto;\r\n    padding: ${DrawerConsts.consts[size].padding};\r\n    background: ${theme.onSurface.surface.default.background};\r\n  `}\r\n`;\r\n\r\nconst DrawerHeaderContent = styled.div`\r\n  flex: 1 0 0;\r\n`;\r\n\r\nconst DrawerHeader = styled(DrawerBar) <RequiredProperties<IDrawerProps, 'size'>>`\r\n  ${({ borders, theme }) => css`\r\n    gap: 12px;\r\n\r\n    ${borders &&\r\n    css`\r\n      border-bottom: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst DrawerFooter = styled(DrawerBar) <IDrawerProps>`\r\n  ${({ borders, theme }) => css`\r\n    width: 100%;\r\n\r\n    ${borders &&\r\n    css`\r\n      border-top: 1px solid ${theme.onSurface.surface.default.border.subtle};\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\r\n"],"names":["panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","sticky","$elevation","ZIndexes","DrawerContent","size","padding","bgColor","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","borders","DrawerFooter"],"mappings":"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"}

package/build/esm/components/Drawer/Drawer.types.d.ts

@@ -0,0 +1,5 @@
+import { DrawerProps } from 'rc-drawer';
+import { DrawerTypes } from '..\..\react-base\src';
+export interface IDrawerProps extends DrawerTypes.IProps, DrawerProps {
+}
+//# sourceMappingURL=Drawer.types.d.ts.map

package/build/esm/components/Drawer/Drawer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,WAAW,YAAa,SAAQ,WAAW,CAAC,MAAM,EAAE,WAAW;CAAI"}

package/build/esm/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownProps } from './Dropdown.types';
+/**
+ *
+ * @deprecated
+ * Use Popover instead of Dropdown
+ */
+declare const Dropdown: import("styled-components").StyledComponent<({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, import("styled-components").DefaultTheme, {}, never>;
+export default Dropdown;
+//# sourceMappingURL=Dropdown.d.ts.map

package/build/esm/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAO5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA4BlD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,uPAAuF,CAAC;AAEtG,eAAe,QAAQ,CAAC"}

package/build/esm/components/Dropdown/Dropdown.js

@@ -30,3 +30,4 @@ const w = ({
 export {
   _ as default
 };
+//# sourceMappingURL=Dropdown.js.map

package/build/esm/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport RcDropdown from 'rc-dropdown';\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Dropdown.styles';\nimport { IDropdownProps } from './Dropdown.types';\n\nconst DropdownComponent = ({\n  className,\n  overlayClassName,\n  trigger = 'click',\n  children,\n  arrow = false,\n  placement = 'bottomLeft',\n  overlay,\n  ...rest\n}: IDropdownProps): ReactElement => (\n  <RcDropdown\n    // @ts-ignore\n    className={className}\n    placement={placement}\n    arrow={arrow}\n    trigger={trigger}\n    getPopupContainer={(element) => element}\n    {...rest}\n    prefixCls={DROPDOWN_CLASS}\n    overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\n    overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\n  >\n    {children}\n  </RcDropdown>\n);\n\n/**\n *\n * @deprecated\n * Use Popover instead of Dropdown\n */\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\n\nexport default Dropdown;\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown","Dropdown$1"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAQR,EAAA,CAAA;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GAQIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC,GAEpGI,IAAeF;"}

package/build/esm/components/Dropdown/Dropdown.styles.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { IDropdownProps } from './Dropdown.types';
+declare const Dropdown: (Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement, prefixCls: string, overlayClassName: string) => import("styled-components").StyledComponent<({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement, import("styled-components").DefaultTheme, {}, never>;
+declare const DropdownContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export { Dropdown, DropdownContainer };
+//# sourceMappingURL=Dropdown.styles.d.ts.map

package/build/esm/components/Dropdown/Dropdown.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKrC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,QAAQ,cACD,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,KAAK,YAAY,aAC7F,MAAM,oBACC,MAAM,+GAFiD,cAAc,KAAK,YAAY,sDAsEvG,CAAC;AAEJ,QAAA,MAAM,iBAAiB,yGAMtB,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -77,3 +77,4 @@ export {
   c as Dropdown,
   i as DropdownContainer
 };
+//# sourceMappingURL=Dropdown.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { ReactElement } from 'react';\r\n\r\nimport styled, { css } from 'styled-components';\r\nimport { ZIndexes } from 'acinguiux-ds-react-base';\r\n\r\nimport { IDropdownProps } from './Dropdown.types';\r\n\r\nconst Dropdown = (\r\n  Component: ({ className, trigger, children, arrow, placement, ...rest }: IDropdownProps) => ReactElement,\r\n  prefixCls: string,\r\n  overlayClassName: string,\r\n) =>\r\n  styled(Component)`\r\n    ${({ theme }) => css`\r\n      &.${prefixCls} {\r\n        position: absolute;\r\n        display: flex;\r\n        flex-direction: column;\r\n        color: ${theme.onSurface.surface.default.text.strong};\r\n\r\n        &-hidden {\r\n          display: none !important;\r\n        }\r\n\r\n        .${prefixCls}-arrow {\r\n          width: 24px;\r\n          height: 12px;\r\n          margin: 0 16px;\r\n          overflow: hidden;\r\n\r\n          &::before {\r\n            content: '';\r\n            display: block;\r\n            width: 12px;\r\n            height: 12px;\r\n            background: ${theme.onSurface.elevated.default.background};\r\n            box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;\r\n            transform: translateX(50%) translateY(50%) rotate(45deg);\r\n          }\r\n        }\r\n\r\n        &-placement-topLeft,\r\n        &-placement-bottomLeft {\r\n          .${prefixCls}-arrow {\r\n            margin-right: auto;\r\n          }\r\n        }\r\n\r\n        &-placement-topCenter,\r\n        &-placement-bottomCenter {\r\n          .${prefixCls}-arrow {\r\n            margin: auto;\r\n          }\r\n        }\r\n\r\n        &-placement-topRight,\r\n        &-placement-bottomRight {\r\n          .${prefixCls}-arrow {\r\n            margin-left: auto;\r\n          }\r\n        }\r\n\r\n        &-placement-topLeft,\r\n        &-placement-topCenter,\r\n        &-placement-topRight {\r\n          flex-direction: column-reverse;\r\n          .${prefixCls}-arrow {\r\n            &::before {\r\n              transform: translateX(50%) translateY(-50%) rotate(45deg);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.${overlayClassName} {\r\n        z-index: ${ZIndexes.POPOVER};\r\n      }\r\n    `}\r\n  `;\r\n\r\nconst DropdownContainer = styled.div`\r\n  ${({ theme }) => css`\r\n    border-radius: 2px;\r\n    background: ${theme.onSurface.elevated.default.background};\r\n    box-shadow: ${theme.elevation.level2};\r\n  `}\r\n`;\r\n\r\nexport { Dropdown, DropdownContainer };\r\n"],"names":["Dropdown","Component","prefixCls","overlayClassName","styled","theme","css","ZIndexes","DropdownContainer"],"mappings":";;AAOA,MAAMA,IAAW,CACfC,GACAC,GACAC,MAEAC,EAAOH,CAAS;AAAA,MACZ,CAAC,EAAE,OAAAI,EAAY,MAAAC;AAAA,UACXJ,CAAS;AAAA;AAAA;AAAA;AAAA,iBAIFG,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMjDH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWMG,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQxDH,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASTA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQZC,CAAgB;AAAA,mBACPI,EAAS,OAAO;AAAA;AAAA,KAE9B;AAAA,KAGCC,IAAoBJ,EAAO;AAAA,IAC7B,CAAC,EAAE,OAAAC,EAAY,MAAAC;AAAA;AAAA,kBAEDD,EAAM,UAAU,SAAS,QAAQ,UAAU;AAAA,kBAC3CA,EAAM,UAAU,MAAM;AAAA,GACrC;AAAA;"}

package/build/esm/components/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithRef, ReactElement } from 'react';
+import { DropdownProps } from 'rc-dropdown/lib/Dropdown';
+export type DropdownPlacement = 'topCenter' | 'bottomCenter' | 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+export type DropdownTrigger = 'click' | 'hover' | 'contextMenu';
+export interface IDropdownProps extends Omit<DropdownProps, 'placement' | 'trigger'>, ComponentPropsWithRef<'div'> {
+    children: ReactElement;
+    overlay: ReactElement;
+    trigger?: DropdownTrigger | DropdownTrigger[];
+    onVisibleChange?: (visible: boolean) => void;
+    visible?: boolean;
+    overlayClassName?: string;
+    placement?: DropdownPlacement;
+    arrow?: boolean;
+}
+//# sourceMappingURL=Dropdown.types.d.ts.map

package/build/esm/components/Dropdown/Dropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AACrH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAChH,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/build/esm/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Directions, Alignments } from '..\..\react-base\src';
+declare const EmptyState: import("react").ForwardRefExoticComponent<(Omit<import("..\..\react-base\src/components/EmptyState/EmptyState.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & {
+    actionsDirection?: "horizontal" | Directions.Horizontal | undefined;
+    actionsAlignment?: Alignments.Center | Alignments.Fill | undefined;
+}, "ref"> | Omit<import("..\..\react-base\src/components/EmptyState/EmptyState.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & {
+    actionsDirection: "vertical" | Directions.Vertical;
+    actionsAlignment?: "never" | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+export default EmptyState;
+//# sourceMappingURL=EmptyState.d.ts.map

package/build/esm/components/EmptyState/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAS,UAAU,EAAsC,MAAM,yBAAyB,CAAC;AAU5G,QAAA,MAAM,UAAU;;;;;;;;;;2DAgEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/esm/components/EmptyState/EmptyState.js

@@ -40,3 +40,4 @@ const { getVisualPlaceholderType: $ } = V, w = b(
 export {
   I as default
 };
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Directions, Sizes, Alignments, EmptyStateUtils, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base';\r\nimport { Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport Button from '../Button/Button';\r\nimport * as Styled from './EmptyState.styles';\r\nimport { IEmptyStateProps } from './EmptyState.types';\r\nimport ButtonLink from '../ButtonLink/ButtonLink';\r\n\r\nconst { getVisualPlaceholderType } = EmptyStateUtils;\r\n\r\nconst EmptyState = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      image,\r\n      icon,\r\n      pictogram,\r\n      title,\r\n      description,\r\n      size = Sizes.Medium,\r\n      actions,\r\n      actionsDirection = Directions.Horizontal,\r\n      actionsAlignment = Alignments.Center,\r\n      ...rest\r\n    }: IEmptyStateProps,\r\n    ref: ForwardedRef<HTMLDivElement>,\r\n  ) => (\r\n    <Styled.EmptyState ref={ref} size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\r\n      {(image || pictogram || icon) && (\r\n        <Styled.VisualPlaceholder\r\n          size={size}\r\n          type={getVisualPlaceholderType(!!image, !!pictogram, !!icon)}\r\n          iconSentiment={icon?.sentiment || Sentiments.Neutral}\r\n        >\r\n          {image || pictogram || icon?.component}\r\n        </Styled.VisualPlaceholder>\r\n      )}\r\n\r\n      {(title || description) && (\r\n        <Styled.TextPlaceholder size={size}>\r\n          {title && <Styled.Title size={size}>{title}</Styled.Title>}\r\n          {typeof description === 'string' ? (\r\n            <Styled.Description size={size}>{description}</Styled.Description>\r\n          ) : (\r\n            description\r\n          )}\r\n        </Styled.TextPlaceholder>\r\n      )}\r\n\r\n      {actions?.length && (\r\n        <Styled.Actions size={size} actionsDirection={actionsDirection} actionsAlignment={actionsAlignment}>\r\n          {actions.map((actionButton) => {\r\n            if ('href' in actionButton) {\r\n              return (\r\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\r\n                  {actionButton.label}\r\n                </ButtonLink>\r\n              );\r\n            }\r\n\r\n            if ('action' in actionButton) {\r\n              return (\r\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\r\n                  {actionButton.label}\r\n                </Button>\r\n              );\r\n            }\r\n\r\n            return null;\r\n          })}\r\n        </Styled.Actions>\r\n      )}\r\n    </Styled.EmptyState>\r\n  ),\r\n);\r\n\r\nexport default EmptyState;\r\n"],"names":["getVisualPlaceholderType","EmptyStateUtils","EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsDirection","Directions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","Sentiments","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","Button","EmptyState$1"],"mappings":";;;;;;;;;AAWA,MAAM,EAAE,0BAAAA,EAA6B,IAAAC,GAE/BC,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAEL,GAAAC,MAEC,gBAAAC,EAAAC,GAAA,EAAkB,KAAAF,GAAU,MAAAR,GAAY,WAAWW,EAAWC,GAAmBlB,CAAS,GAAI,GAAGa,GAC9F,UAAA;AAAA,KAAAZ,KAASE,KAAaD,MACtB,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,MAAMV,EAAyB,CAAC,CAACK,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAC3D,gBAAeA,KAAA,gBAAAA,EAAM,cAAamB,EAAW;AAAA,QAE5C,UAAApB,KAASE,MAAaD,KAAA,gBAAAA,EAAM;AAAA,MAAA;AAAA,IAC/B;AAAA,KAGAE,KAASC,MACT,gBAAAU,EAACO,GAAA,EAAuB,MAAAhB,GACrB,UAAA;AAAA,MAAAF,KAAU,gBAAAe,EAAAI,GAAA,EAAa,MAAAjB,GAAa,UAAMF,GAAA;AAAA,MAC1C,OAAOC,KAAgB,WACtB,gBAAAc,EAACK,GAAA,EAAmB,MAAAlB,GAAa,UAAAD,EAAY,CAAA,IAE7CA;AAAA,IAAA,GAEJ;AAAA,KAGDG,KAAA,gBAAAA,EAAS,WACP,gBAAAW,EAAAM,GAAA,EAAe,MAAAnB,GAAY,kBAAAG,GAAoC,kBAAAE,GAC7D,UAAAH,EAAQ,IAAI,CAACkB,MACR,UAAUA,IAET,gBAAAP,EAAAQ,GAAA,EAAoC,MAAArB,GAAY,MAAMoB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MADC,GAAAA,EAAa,KAE9B,IAIA,YAAYA,IAEX,gBAAAP,EAAAS,GAAA,EAAgC,MAAAtB,GAAY,SAASoB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MADH,GAAAA,EAAa,KAE1B,IAIG,IACR,GACH;AAAA,EAAA,GAEJ;AAEJ,GAEAG,IAAe/B;"}

package/build/esm/components/EmptyState/EmptyState.styles.d.ts

@@ -0,0 +1,17 @@
+import { EmptyStateTypes } from '..\..\react-base\src';
+import { IEmptyStateProps } from './EmptyState.types';
+declare const EmptyState: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IEmptyStateProps, "size">>, never>;
+declare const VisualPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IEmptyStateProps, "size">> & {
+    iconSentiment?: EmptyStateTypes.IconSentiment | undefined;
+    type: 'icon' | 'pictogram' | 'image' | 'none';
+}, never>;
+declare const TextPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IEmptyStateProps, "size">>, never>;
+declare const Title: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size: EmptyStateTypes.Size;
+}, never>;
+declare const Description: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size: EmptyStateTypes.Size;
+}, never>;
+declare const Actions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IEmptyStateProps, "size">> & Pick<IEmptyStateProps, "actionsAlignment" | "actionsDirection">, never>;
+export { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };
+//# sourceMappingURL=EmptyState.styles.d.ts.map

package/build/esm/components/EmptyState/EmptyState.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAiC,eAAe,EAAoB,MAAM,yBAAyB,CAAC;AAG3G,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,QAAA,MAAM,UAAU,+IASf,CAAC;AAEF,QAAA,MAAM,iBAAiB;;UAGb,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM;SA8BhD,CAAC;AAEF,QAAA,MAAM,eAAe,+IAOpB,CAAC;AAEF,QAAA,MAAM,KAAK;UAAuB,gBAAgB,IAAI;SAUrD,CAAC;AAEF,QAAA,MAAM,WAAW;UAAuB,gBAAgB,IAAI;SAS3D,CAAC;AAEF,QAAA,MAAM,OAAO,iNAcZ,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC"}

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

@@ -9,7 +9,7 @@ const { consts: l } = m, x = o.div`
     align-items: center;
     justify-content: center;
     gap: ${l[t].gap}px;
-    padding: ${t === i.Large ? "32px" : "16px"};
+    padding: ${t === i.Large ? "32px" : "20px"};
   `}
 `, f = o.div`
   ${({ size: t, iconSentiment: a, type: e, theme: c }) => n`
@@ -81,3 +81,4 @@ export {
   u as Title,
   f as VisualPlaceholder
 };
+//# sourceMappingURL=EmptyState.styles.js.map

package/build/esm/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';\r\nimport { Sizes, Directions, Alignments, EmptyStateTypes, EmptyStateConsts } from 'acinguiux-ds-react-base';\r\n\r\nimport { getColorBySentiment } from '../../utils/colorUtils';\r\nimport { IEmptyStateProps } from './EmptyState.types';\r\n\r\nconst { consts } = EmptyStateConsts;\r\n\r\nconst EmptyState = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\r\n  ${({ size }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: ${consts[size].gap}px;\r\n    padding: ${size === Sizes.Large ? '32px' : '20px'};\r\n  `}\r\n`;\r\n\r\nconst VisualPlaceholder = styled.div<\r\n  Required<Pick<IEmptyStateProps, 'size'>> & {\r\n    iconSentiment?: EmptyStateTypes.IconSentiment;\r\n    type: 'icon' | 'pictogram' | 'image' | 'none';\r\n  }\r\n>`\r\n  ${({ size, iconSentiment, type, theme }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    ${type === 'image' &&\r\n    css`\r\n      img {\r\n        width: ${consts[size].image}px;\r\n        height: ${consts[size].image}px;\r\n      }\r\n    `}\r\n\r\n    ${(type === 'icon' || type === 'pictogram') &&\r\n    css`\r\n      svg {\r\n        width: ${consts[size][type]}px;\r\n        height: ${consts[size][type]}px;\r\n\r\n        ${type === 'icon' &&\r\n      iconSentiment &&\r\n      css`\r\n          fill: ${getColorBySentiment(iconSentiment, theme)};\r\n        `}\r\n      }\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst TextPlaceholder = styled.div<Required<Pick<IEmptyStateProps, 'size'>>>`\r\n  ${({ size }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: ${consts[size].textGap}px;\r\n  `}\r\n`;\r\n\r\nconst Title = styled.span<{ size: EmptyStateTypes.Size }>`\r\n  ${({ size, theme }) => css`\r\n    ${size === Sizes.XSmall && theme.heading['5'].bold};\r\n    ${size === Sizes.Small && theme.heading['4'].bold};\r\n    ${size === Sizes.Medium && theme.heading['3'].demi};\r\n    ${size === Sizes.Large && theme.heading['2'].demi};\r\n\r\n    max-width: 480px;\r\n    text-align: center;\r\n  `}\r\n`;\r\n\r\nconst Description = styled.span<{ size: EmptyStateTypes.Size }>`\r\n  ${({ size, theme }) => css`\r\n    ${(size === Sizes.XSmall || size === Sizes.Small) && theme.paragraph[Sizes.Small].normal};\r\n    ${size === Sizes.Medium && theme.paragraph[Sizes.Medium].normal};\r\n    ${size === Sizes.Large && theme.paragraph[Sizes.Large].normal};\r\n\r\n    max-width: 480px;\r\n    text-align: center;\r\n  `}\r\n`;\r\n\r\nconst Actions = styled.div<\r\n  Required<Pick<IEmptyStateProps, 'size'>> & Pick<IEmptyStateProps, 'actionsDirection' | 'actionsAlignment'>\r\n>`\r\n  ${({ size, actionsDirection, actionsAlignment }) => css`\r\n    display: flex;\r\n    gap: ${consts[size].actionsGap}px;\r\n    flex-direction: ${actionsDirection === Directions.Horizontal ? 'row' : 'column-reverse'};\r\n\r\n    ${(actionsAlignment === Alignments.Fill || actionsDirection === Directions.Vertical) &&\r\n    css`\r\n      width: 100%;\r\n      justify-content: space-between;\r\n    `}\r\n  `}\r\n`;\r\n\r\nexport { EmptyState, VisualPlaceholder, TextPlaceholder, Title, Description, Actions };\r\n"],"names":["consts","EmptyStateConsts","EmptyState","styled","size","css","Sizes","VisualPlaceholder","iconSentiment","type","theme","getColorBySentiment","TextPlaceholder","Title","Description","Actions","actionsDirection","actionsAlignment","Directions","Alignments"],"mappings":";;;;AAMA,MAAM,EAAE,QAAAA,EAAW,IAAAC,GAEbC,IAAaC,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAC,EAAW,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA,WAKPL,EAAOI,CAAI,EAAE,GAAG;AAAA,eACZA,MAASE,EAAM,QAAQ,SAAS,MAAM;AAAA,GAClD;AAAA,GAGGC,IAAoBJ,EAAO;AAAA,IAM7B,CAAC,EAAE,MAAAC,GAAM,eAAAI,GAAe,MAAAC,GAAM,OAAAC,EAAY,MAAAL;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxCI,MAAS,WACXJ;AAAA;AAAA,iBAEaL,EAAOI,CAAI,EAAE,KAAK;AAAA,kBACjBJ,EAAOI,CAAI,EAAE,KAAK;AAAA;AAAA,KAE/B;AAAA;AAAA,OAEEK,MAAS,UAAUA,MAAS,gBAC/BJ;AAAA;AAAA,iBAEaL,EAAOI,CAAI,EAAEK,CAAI,CAAC;AAAA,kBACjBT,EAAOI,CAAI,EAAEK,CAAI,CAAC;AAAA;AAAA,UAE1BA,MAAS,UACbD,KACAH;AAAA,kBACYM,EAAoBH,GAAeE,CAAK,CAAC;AAAA,SAClD;AAAA;AAAA,KAEJ;AAAA,GACF;AAAA,GAGGE,IAAkBT,EAAO;AAAA,IAC3B,CAAC,EAAE,MAAAC,EAAW,MAAAC;AAAA;AAAA;AAAA;AAAA,WAIPL,EAAOI,CAAI,EAAE,OAAO;AAAA,GAC5B;AAAA,GAGGS,IAAQV,EAAO;AAAA,IACjB,CAAC,EAAE,MAAAC,GAAM,OAAAM,EAAA,MAAYL;AAAA,MACnBD,MAASE,EAAM,UAAUI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDN,MAASE,EAAM,SAASI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAC/CN,MAASE,EAAM,UAAUI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA,MAChDN,MAASE,EAAM,SAASI,EAAM,QAAQ,CAAG,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA,GAIlD;AAAA,GAGGI,IAAcX,EAAO;AAAA,IACvB,CAAC,EAAE,MAAAC,GAAM,OAAAM,EAAA,MAAYL;AAAA,OAClBD,MAASE,EAAM,UAAUF,MAASE,EAAM,UAAUI,EAAM,UAAUJ,EAAM,KAAK,EAAE,MAAM;AAAA,MACtFF,MAASE,EAAM,UAAUI,EAAM,UAAUJ,EAAM,MAAM,EAAE,MAAM;AAAA,MAC7DF,MAASE,EAAM,SAASI,EAAM,UAAUJ,EAAM,KAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,GAI9D;AAAA,GAGGS,IAAUZ,EAAO;AAAA,IAGnB,CAAC,EAAE,MAAAC,GAAM,kBAAAY,GAAkB,kBAAAC,QAAuBZ;AAAA;AAAA,WAE3CL,EAAOI,CAAI,EAAE,UAAU;AAAA,sBACZY,MAAqBE,EAAW,aAAa,QAAQ,gBAAgB;AAAA;AAAA,OAEpFD,MAAqBE,EAAW,QAAQH,MAAqBE,EAAW,aAC3Eb;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;"}

package/build/esm/components/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef } from 'react';
+import { EmptyStateTypes, Directions, Alignments } from '..\..\react-base\src';
+export type IEmptyStateProps = (EmptyStateTypes.IProps & ComponentPropsWithRef<'div'> & {
+    actionsDirection?: Directions.Horizontal | 'horizontal';
+    actionsAlignment?: Alignments.Fill | Alignments.Center;
+}) | (EmptyStateTypes.IProps & ComponentPropsWithRef<'div'> & {
+    actionsDirection: Directions.Vertical | 'vertical';
+    actionsAlignment?: 'never';
+});
+//# sourceMappingURL=EmptyState.types.d.ts.map

package/build/esm/components/EmptyState/EmptyState.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.types.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,MAAM,gBAAgB,GACxB,CAAC,eAAe,CAAC,MAAM,GACvB,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC7B,gBAAgB,CAAC,EAAE,UAAU,CAAC,UAAU,GAAG,YAAY,CAAC;IACxD,gBAAgB,CAAC,EAAE,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC;CACxD,CAAC,GACF,CAAC,eAAe,CAAC,MAAM,GACvB,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC7B,gBAAgB,EAAE,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC,CAAC"}

package/build/esm/components/FileUploader/FileUploader.consts.d.ts

@@ -0,0 +1,21 @@
+import { FileUploaderSize } from './FileUploader.types';
+type FileUploaderConstsType = {
+    [sizes in FileUploaderSize]: {
+        dropzoneIconSize: number;
+        dropzoneHeadingSize: number;
+        dropzoneSubtitleSize: number;
+        dropzoneButtonMarginTop: number;
+        dropzoneButtonIconSize: number;
+        dropzoneButtonPadding: {
+            width: number;
+            height: number;
+        };
+        dropzonePadding: number;
+        attachedFilePadding: number;
+        attachedFileNameSize: number;
+        attachedFileDeleteIconSize?: number;
+    };
+};
+export declare const fileUploaderConsts: FileUploaderConstsType;
+export {};
+//# sourceMappingURL=FileUploader.consts.d.ts.map

package/build/esm/components/FileUploader/FileUploader.consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.consts.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.consts.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,sBAAsB,GAAG;KAC3B,KAAK,IAAI,gBAAgB,GAAG;QAC3B,gBAAgB,EAAE,MAAM,CAAC;QACzB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,uBAAuB,EAAE,MAAM,CAAC;QAChC,sBAAsB,EAAE,MAAM,CAAC;QAC/B,qBAAqB,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACzD,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,0BAA0B,CAAC,EAAE,MAAM,CAAC;KACrC;CACF,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,sBA0DhC,CAAC"}

package/build/esm/components/FileUploader/FileUploader.consts.js

@@ -61,3 +61,4 @@ const d = {
 export {
   d as fileUploaderConsts
 };
+//# sourceMappingURL=FileUploader.consts.js.map

package/build/esm/components/FileUploader/FileUploader.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.consts.js","sources":["../../../../src/components/FileUploader/FileUploader.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { FileUploaderSize } from './FileUploader.types';\r\n\r\ntype FileUploaderConstsType = {\r\n  [sizes in FileUploaderSize]: {\r\n    dropzoneIconSize: number;\r\n    dropzoneHeadingSize: number;\r\n    dropzoneSubtitleSize: number;\r\n    dropzoneButtonMarginTop: number;\r\n    dropzoneButtonIconSize: number;\r\n    dropzoneButtonPadding: { width: number; height: number };\r\n    dropzonePadding: number;\r\n    attachedFilePadding: number;\r\n    attachedFileNameSize: number;\r\n    attachedFileDeleteIconSize?: number;\r\n  };\r\n};\r\n\r\nexport const fileUploaderConsts: FileUploaderConstsType = {\r\n  [Sizes.XSmall]: {\r\n    dropzoneIconSize: 28,\r\n    dropzoneHeadingSize: 14,\r\n    dropzoneSubtitleSize: 14,\r\n    dropzoneButtonMarginTop: 4,\r\n    dropzoneButtonIconSize: 20,\r\n    dropzoneButtonPadding: {\r\n      width: 8,\r\n      height: 4,\r\n    },\r\n    dropzonePadding: 24,\r\n    attachedFileNameSize: 14,\r\n    attachedFilePadding: 8,\r\n  },\r\n  [Sizes.Small]: {\r\n    dropzoneIconSize: 36,\r\n    dropzoneHeadingSize: 16,\r\n    dropzoneSubtitleSize: 14,\r\n    dropzoneButtonMarginTop: 6,\r\n    dropzoneButtonIconSize: 20,\r\n    dropzoneButtonPadding: {\r\n      width: 12,\r\n      height: 6,\r\n    },\r\n    dropzonePadding: 32,\r\n    attachedFileNameSize: 14,\r\n    attachedFilePadding: 12,\r\n  },\r\n  [Sizes.Medium]: {\r\n    dropzoneIconSize: 44,\r\n    dropzoneHeadingSize: 20,\r\n    dropzoneSubtitleSize: 16,\r\n    dropzoneButtonMarginTop: 8,\r\n    dropzoneButtonIconSize: 24,\r\n    dropzoneButtonPadding: {\r\n      width: 16,\r\n      height: 8,\r\n    },\r\n    dropzonePadding: 40,\r\n    attachedFileNameSize: 16,\r\n    attachedFilePadding: 16,\r\n  },\r\n  [Sizes.Large]: {\r\n    dropzoneIconSize: 56,\r\n    dropzoneHeadingSize: 24,\r\n    dropzoneSubtitleSize: 20,\r\n    dropzoneButtonMarginTop: 10,\r\n    dropzoneButtonIconSize: 24,\r\n    dropzoneButtonPadding: {\r\n      width: 20,\r\n      height: 12,\r\n    },\r\n    dropzonePadding: 48,\r\n    attachedFilePadding: 16,\r\n    attachedFileNameSize: 20,\r\n    attachedFileDeleteIconSize: 24,\r\n  },\r\n};\r\n"],"names":["fileUploaderConsts","Sizes"],"mappings":";AAmBO,MAAMA,IAA6C;AAAA,EACxD,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,EACvB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,EACvB;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,EACvB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,EAC9B;AACF;"}

package/build/esm/components/FileUploader/FileUploader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IFileUploaderProps } from './FileUploader.types';
+declare const FileUploader: import("react").ForwardRefExoticComponent<IFileUploaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export default FileUploader;
+//# sourceMappingURL=FileUploader.d.ts.map

package/build/esm/components/FileUploader/FileUploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAsC,kBAAkB,EAAoB,MAAM,sBAAsB,CAAC;AAShH,QAAA,MAAM,YAAY,+GAuIjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/esm/components/FileUploader/FileUploader.js

@@ -1,125 +1,129 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as j, useRef as x, useMemo as k } from "react";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { forwardRef as j, useRef as g, useMemo as k } from "react";
 import { Sentiments as v } from "acinguiux-ds-fabrics";
-import { FileType as h, FilePreview as A } from "./FileUploader.types.js";
-import { DropzoneContainer as K, DropZone as B, FileInput as H } from "./FileUploader.styles.js";
-import y from "../Flexbox/Flexbox.js";
+import { FileType as h, FilePreview as K } from "./FileUploader.types.js";
+import { DropzoneContainer as A, DropZone as B, FileInput as H } from "./FileUploader.styles.js";
+import S from "../Flexbox/Flexbox.js";
 import O from "./components/FileUpload/FileUpload.js";
-import Z, { FileTypeErrorText as $ } from "./components/FileUploadContent/FileUploadContent.js";
+import Z from "./components/FileUploadErrorMessage/FileUploadErrorMessage.js";
+import $ from "./components/FileUploadContent/FileUploadContent.js";
 import q from "../Alert/Alert.js";
-import G from "../Text/components/Text/Text.js";
-import J from "./hooks/useFileUploaderProps.js";
-import { Sizes as L } from "../../react-base/src/consts.js";
-const Q = j(
+import G from "./hooks/useFileUploaderProps.js";
+import { Sizes as J } from "../../react-base/src/consts.js";
+const L = j(
   ({
-    size: n = L.Medium,
-    filePreview: c = A.Image,
-    progressBarType: T = "line",
-    disabled: D = !1,
-    showIcon: R = !0,
-    showDescription: C = !0,
-    showButton: I = !0,
+    size: i = J.Medium,
+    filePreview: m = K.Image,
+    progressBarType: D = "line",
+    disabled: y = !1,
+    showIcon: z = !0,
+    showDescription: R = !0,
+    showButton: U = !0,
     ...o
-  }, b) => {
+  }, C) => {
     const {
-      renderFileUploads: E,
-      hasError: l,
-      accept: S,
-      acceptedTextMapper: m,
-      isFirstFileUploadComplete: w,
-      handleOnRemoveFile: u,
-      onChange: N,
-      onClick: U,
-      dropResult: { isDropTarget: t, dropProps: z },
-      isSingleFileType: M,
-      fileType: f,
-      fileUploads: i,
-      renderSingleDeleteFile: s,
+      renderFileUploads: I,
+      hasError: t,
+      accept: b,
+      acceptedTextMapper: c,
+      isFirstFileUploadComplete: E,
+      handleOnRemoveFile: p,
+      onChange: T,
+      onClick: w,
+      dropResult: { isDropTarget: l, dropProps: M },
+      isSingleFileType: N,
+      fileType: u,
+      fileUploads: n,
+      renderSingleDeleteFile: f,
       fileInputRef: a
-    } = J(o), d = x(null), F = x(null);
-    F.current = k(
+    } = G(o), d = g(null), s = g(null);
+    s.current = k(
       () => {
         var e;
-        return t ? ((e = d.current) == null ? void 0 : e.getBoundingClientRect()) ?? null : null;
+        return l ? ((e = d.current) == null ? void 0 : e.getBoundingClientRect()) ?? null : null;
       },
-      [t, d.current]
+      [l, d.current]
     );
-    const { onError: V, onProgress: W, ...P } = o;
-    return /* @__PURE__ */ p(
-      K,
+    const { onError: Q, onProgress: V, ...P } = o;
+    return /* @__PURE__ */ x(
+      A,
       {
-        "data-invalid": l,
-        "data-disabled": D,
-        size: n,
-        ref: b,
+        "data-invalid": t,
+        "data-disabled": y,
+        size: i,
+        ref: C,
         gap: "16px",
-        flexDirection: f === h.MultiHorizontal ? "row" : "column",
+        flexDirection: u === h.MultiHorizontal ? "row" : "column",
         children: [
           /* @__PURE__ */ r(
             B,
             {
               ...P,
-              size: n,
-              rect: F.current,
-              isDropTarget: t,
+              size: i,
+              rect: s.current,
+              isDropTarget: l,
               ref: d,
               tabIndex: 0,
               "data-dropzone": !0,
               onKeyDown: (e) => {
-                var g;
-                if (s) {
-                  u(i[0].fileName);
+                var F;
+                if (f) {
+                  p(n[0].fileName);
                   return;
                 }
-                (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), (g = o.onKeyDown) == null || g.call(o, e);
+                (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), (F = o.onKeyDown) == null || F.call(o, e);
               },
-              children: /* @__PURE__ */ p(y, { flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px", children: [
+              children: /* @__PURE__ */ x(S, { flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px", children: [
                 /* @__PURE__ */ r(
-                  Z,
+                  $,
                   {
-                    renderSingleDeleteFile: s,
-                    fileUploads: i,
-                    isSingleFileType: M,
-                    isDropTarget: t,
-                    filePreview: c,
-                    isFirstFileUploadComplete: w,
-                    progressBarType: T,
-                    renderErrorsInside: l,
-                    acceptedTextMapper: m,
-                    size: n,
-                    showIcon: R,
-                    showDescription: C,
-                    showButton: I
+                    renderSingleDeleteFile: f,
+                    fileUploads: n,
+                    isSingleFileType: N,
+                    isDropTarget: l,
+                    filePreview: m,
+                    isFirstFileUploadComplete: E,
+                    progressBarType: D,
+                    renderErrorsInside: t,
+                    acceptedTextMapper: c,
+                    size: i,
+                    showIcon: z,
+                    showDescription: R,
+                    showButton: U,
+                    maxFileSize: o.maxFileSize
                   }
                 ),
                 /* @__PURE__ */ r(
                   H,
                   {
-                    ...z,
-                    onClick: U,
+                    ...M,
+                    onClick: w,
                     ref: a,
-                    onChange: N,
-                    multiple: f !== h.Single,
+                    onChange: T,
+                    multiple: u !== h.Single,
                     tabIndex: -1,
                     "aria-hidden": "true",
                     type: "file",
-                    accept: S
+                    accept: b
                   }
                 )
               ] })
             }
           ),
-          E && /* @__PURE__ */ r(y, { flexDirection: "column", gap: "16px", children: l ? /* @__PURE__ */ r(q, { sentiment: v.Negative, label: "The following files could not be uploaded:", children: /* @__PURE__ */ r("ul", { children: i.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ p(G, { children: [
-            e.fileName,
-            " is not supported. ",
-            e.errors.hasFileTypeError ? /* @__PURE__ */ r($, { acceptedTextMapper: m }) : "An error ocurred during the upload."
-          ] }) }, e.fileName)) }) }) : i.map((e) => /* @__PURE__ */ r(
+          I && /* @__PURE__ */ r(S, { flexDirection: "column", gap: "16px", children: t ? /* @__PURE__ */ r(q, { sentiment: v.Negative, label: "The following files could not be uploaded:", children: /* @__PURE__ */ r("ul", { children: n.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+            Z,
+            {
+              fileUploadError: e,
+              acceptedTextMapper: c,
+              maxFilesSize: o.maxFileSize
+            }
+          ) }, e.fileName)) }) }) : n.map((e) => /* @__PURE__ */ r(
             O,
             {
               ...e,
-              handleOnRemoveFile: u,
-              filePreview: c,
-              size: n
+              handleOnRemoveFile: p,
+              filePreview: m,
+              size: i
             },
             e.fileName
           )) })
@@ -127,7 +131,8 @@ const Q = j(
       }
     );
   }
-), pe = Q;
+), de = L;
 export {
-  pe as default
+  de as default
 };
+//# sourceMappingURL=FileUploader.js.map

package/build/esm/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';\r\n\r\nimport { Sizes } from 'acinguiux-ds-react-base';\r\nimport { Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport { FilePreview, FileType, IFileUpload, IFileUploaderProps, IFileUploadError } from './FileUploader.types';\r\nimport * as Styled from './FileUploader.styles';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport FileUpload from './components/FileUpload/FileUpload';\r\nimport FileUploadErrorMessage from './components/FileUploadErrorMessage/FileUploadErrorMessage';\r\nimport FileUploadContent from './components/FileUploadContent/FileUploadContent';\r\nimport Alert from '../Alert/Alert';\r\nimport useFileUploaderProps from './hooks/useFileUploaderProps';\r\n\r\nconst FileUploader = forwardRef<HTMLDivElement, IFileUploaderProps>(\r\n  (\r\n    {\r\n      size = Sizes.Medium,\r\n      filePreview = FilePreview.Image,\r\n      progressBarType = 'line',\r\n      disabled = false,\r\n      showIcon = true,\r\n      showDescription = true,\r\n      showButton = true,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const {\r\n      renderFileUploads,\r\n      hasError,\r\n      accept,\r\n      acceptedTextMapper,\r\n      isFirstFileUploadComplete,\r\n      handleOnRemoveFile,\r\n      onChange,\r\n      onClick,\r\n      dropResult: { isDropTarget, dropProps },\r\n      isSingleFileType,\r\n      fileType,\r\n      fileUploads,\r\n      renderSingleDeleteFile,\r\n      fileInputRef,\r\n    } = useFileUploaderProps(props);\r\n\r\n    const dropzoneRef = useRef<HTMLLabelElement | null>(null);\r\n    const dropzoneRect = useRef<DOMRect | null>(null);\r\n\r\n    // Stops the dropzone from collapsing when files are moved over it\r\n    // Don't want to use hard coded width/height\r\n    dropzoneRect.current = useMemo(\r\n      () => (isDropTarget ? dropzoneRef.current?.getBoundingClientRect() ?? null : null),\r\n      [isDropTarget, dropzoneRef.current],\r\n    );\r\n\r\n    const { onError, onProgress, ...dropzoneProps } = props;\r\n\r\n    return (\r\n      <Styled.DropzoneContainer\r\n        data-invalid={hasError}\r\n        data-disabled={disabled}\r\n        size={size}\r\n        ref={ref}\r\n        gap=\"16px\"\r\n        flexDirection={fileType === FileType.MultiHorizontal ? 'row' : 'column'}\r\n      >\r\n        <Styled.DropZone\r\n          {...dropzoneProps}\r\n          size={size}\r\n          rect={dropzoneRect.current}\r\n          isDropTarget={isDropTarget}\r\n          ref={dropzoneRef}\r\n          tabIndex={0}\r\n          data-dropzone\r\n          onKeyDown={(e) => {\r\n            if (renderSingleDeleteFile) {\r\n              handleOnRemoveFile(fileUploads[0].fileName);\r\n\r\n              return;\r\n            }\r\n\r\n            if ((e.key === 'Enter' || e.code === 'Space') && fileInputRef.current) {\r\n              fileInputRef.current.click();\r\n            }\r\n            props.onKeyDown?.(e);\r\n          }}\r\n        >\r\n          <Flexbox flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" gap=\"8px\">\r\n            <FileUploadContent\r\n              renderSingleDeleteFile={renderSingleDeleteFile}\r\n              fileUploads={fileUploads}\r\n              isSingleFileType={isSingleFileType}\r\n              isDropTarget={isDropTarget}\r\n              filePreview={filePreview}\r\n              isFirstFileUploadComplete={isFirstFileUploadComplete}\r\n              progressBarType={progressBarType}\r\n              renderErrorsInside={hasError}\r\n              acceptedTextMapper={acceptedTextMapper}\r\n              size={size}\r\n              showIcon={showIcon}\r\n              showDescription={showDescription}\r\n              showButton={showButton}\r\n              maxFileSize={props.maxFileSize}\r\n            />\r\n            <Styled.FileInput\r\n              {...dropProps}\r\n              onClick={onClick}\r\n              ref={fileInputRef}\r\n              onChange={onChange}\r\n              multiple={fileType !== FileType.Single}\r\n              tabIndex={-1}\r\n              aria-hidden=\"true\"\r\n              type=\"file\"\r\n              accept={accept}\r\n            />\r\n          </Flexbox>\r\n        </Styled.DropZone>\r\n        {renderFileUploads && (\r\n          <Flexbox flexDirection=\"column\" gap=\"16px\">\r\n            {hasError ? (\r\n              <Alert sentiment={Sentiments.Negative} label=\"The following files could not be uploaded:\">\r\n                <ul>\r\n                  {(fileUploads as IFileUploadError[]).map((fileUpload) => (\r\n                    <li key={fileUpload.fileName}>\r\n                      <FileUploadErrorMessage\r\n                        fileUploadError={fileUpload}\r\n                        acceptedTextMapper={acceptedTextMapper}\r\n                        maxFilesSize={props.maxFileSize}\r\n                      />\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </Alert>\r\n            ) : (\r\n              (fileUploads as IFileUpload[]).map((fileUpload) => (\r\n                <FileUpload\r\n                  key={fileUpload.fileName}\r\n                  {...fileUpload}\r\n                  handleOnRemoveFile={handleOnRemoveFile}\r\n                  filePreview={filePreview}\r\n                  size={size}\r\n                />\r\n              ))\r\n            )}\r\n          </Flexbox>\r\n        )}\r\n      </Styled.DropzoneContainer>\r\n    );\r\n  },\r\n);\r\n\r\nexport default FileUploader;\r\n"],"names":["FileUploader","forwardRef","size","Sizes","filePreview","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","FileType","jsx","Styled.DropZone","Flexbox","FileUploadContent","Styled.FileInput","Alert","Sentiments","fileUpload","FileUploadErrorMessage","FileUpload","FileUploader$1"],"mappings":"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"}

package/build/esm/components/FileUploader/FileUploader.styles.d.ts

@@ -0,0 +1,14 @@
+import { FileUploaderSize } from './FileUploader.types';
+export declare const FileInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+interface IDropzoneProps {
+    size: FileUploaderSize;
+    rect: DOMRect | null;
+    isDropTarget: boolean;
+}
+export declare const DropZone: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, IDropzoneProps, never>;
+interface IDropzoneContainerProps {
+    size: FileUploaderSize;
+}
+export declare const DropzoneContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../..").IFlexboxProps & IDropzoneContainerProps, never>;
+export {};
+//# sourceMappingURL=FileUploader.styles.d.ts.map

package/build/esm/components/FileUploader/FileUploader.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAaxD,eAAO,MAAM,SAAS,2GAQrB,CAAC;AAEF,UAAU,cAAc;IACtB,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,uHAmDpB,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,8JAwC7B,CAAC"}

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

@@ -106,3 +106,4 @@ export {
   y as DropzoneContainer,
   F as FileInput
 };
+//# sourceMappingURL=FileUploader.styles.js.map

package/build/esm/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';\r\n\r\nimport { fileUploaderConsts } from './FileUploader.consts';\r\nimport { FileUploaderSize } from './FileUploader.types';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport {\r\n  FileName,\r\n  RemoveFileButton,\r\n  StyledCheckCircle,\r\n  StyledErrorCross,\r\n  StyledFile,\r\n  StyledLoading,\r\n} from './components/FileUpload/FileUpload.styles';\r\nimport { PreviewImage } from './components/PreviewImage/PreviewImage.styles';\r\nimport { AddIcon, Heading, Subtitle, UploadCloudIcon } from './components/FileUploadContent/FileUploadContent.styles';\r\n\r\nexport const FileInput = styled.input`\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  cursor: pointer;\r\n`;\r\n\r\ninterface IDropzoneProps {\r\n  size: FileUploaderSize;\r\n  rect: DOMRect | null;\r\n  isDropTarget: boolean;\r\n}\r\n\r\nexport const DropZone = styled.label<IDropzoneProps>`\r\n  ${({ size, isDropTarget, rect, theme }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    background-color: ${theme.onSurface.section.default.background};\r\n    border: dashed 2px ${theme.onSurface.surface.default.border.subtle};\r\n    border-radius: 16px;\r\n    padding: ${fileUploaderConsts[size].dropzonePadding}px;\r\n    min-width: 300px;\r\n\r\n    ${StyledErrorCross}.acinguiux-icon,\r\n    ${UploadCloudIcon}.acinguiux-icon,\r\n    ${StyledCheckCircle}.acinguiux-icon,\r\n    ${StyledFile}.acinguiux-icon,\r\n    ${StyledLoading}.acinguiux-icon,\r\n    ${PreviewImage} {\r\n      width: ${fileUploaderConsts[size].dropzoneIconSize}px;\r\n      height: ${fileUploaderConsts[size].dropzoneIconSize}px;\r\n      margin: 0;\r\n    }\r\n\r\n    ${AddIcon}.acinguiux-icon {\r\n      width: ${fileUploaderConsts[size].dropzoneButtonIconSize}px;\r\n      height: ${fileUploaderConsts[size].dropzoneButtonIconSize}px;\r\n      margin: 0;\r\n    }\r\n\r\n    ${Heading} {\r\n      font-size: ${fileUploaderConsts[size].dropzoneHeadingSize}px;\r\n      line-height: ${fileUploaderConsts[size].dropzoneHeadingSize + 4}px;\r\n    }\r\n\r\n    ${Subtitle} {\r\n      font-size: ${fileUploaderConsts[size].dropzoneSubtitleSize}px;\r\n    }\r\n\r\n    ${isDropTarget &&\r\n    css`\r\n      background-color: ${theme.onSentiment.default.subtle.selected.default.background};\r\n      border-color: ${theme.additional.focus.strong};\r\n      border-width: 3px;\r\n    `}\r\n\r\n    ${rect &&\r\n    css`\r\n      height: ${rect.height}px;\r\n      width: ${rect.width}px;\r\n    `}\r\n  `}\r\n`;\r\n\r\ninterface IDropzoneContainerProps {\r\n  size: FileUploaderSize;\r\n}\r\n\r\nexport const DropzoneContainer = styled(Flexbox)<IDropzoneContainerProps>`\r\n  ${({ theme, size }) => css`\r\n    &:not([data-disabled='true']):not([data-invalid='true']) ${DropZone}:hover {\r\n      cursor: pointer;\r\n      border-color: ${theme.onSurface.surface.default.border.medium};\r\n      background-color: ${theme.onSurface.section.default.background};\r\n    }\r\n\r\n    ${fileUploaderConsts[size].attachedFileDeleteIconSize &&\r\n    css`\r\n      ${RemoveFileButton} .acinguiux-icon {\r\n        width: ${fileUploaderConsts[size].attachedFileDeleteIconSize}px;\r\n        height: ${fileUploaderConsts[size].attachedFileDeleteIconSize}px;\r\n      }\r\n    `}\r\n\r\n    ${FileName} {\r\n      font-size: ${fileUploaderConsts[size].attachedFileNameSize}px;\r\n    }\r\n\r\n    &[data-invalid='true'] ${DropZone} {\r\n      background-color: ${theme.onSentiment.default.subtle.negative.default.background};\r\n      border-color: ${theme.onSentiment.default.subtle.negative.default.border.colour};\r\n    }\r\n\r\n    &[data-disabled='true'] {\r\n      pointer-events: none;\r\n      user-select: none;\r\n\r\n      svg,\r\n      path {\r\n        fill: ${theme.onSurface.inactive.default.text.subtle};\r\n      }\r\n\r\n      * {\r\n        color: ${theme.onSurface.inactive.default.text.subtle};\r\n        border-color: ${theme.onSurface.inactive.default.text.subtle};\r\n      }\r\n    }\r\n  `}\r\n`;\r\n"],"names":["FileInput","styled","DropZone","size","isDropTarget","rect","theme","css","fileUploaderConsts","StyledErrorCross","UploadCloudIcon","StyledCheckCircle","StyledFile","StyledLoading","PreviewImage","AddIcon","Heading","Subtitle","DropzoneContainer","Flexbox","RemoveFileButton","FileName"],"mappings":";;;;;;AAgBO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAWD,EAAO;AAAA,IAC3B,CAAC,EAAE,MAAAE,GAAM,cAAAC,GAAc,MAAAC,GAAM,OAAAC,EAAY,MAAAC;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKrBD,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA,yBACzCA,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA,eAEvDE,EAAmBL,CAAI,EAAE,eAAe;AAAA;AAAA;AAAA,MAGjDM,CAAgB;AAAA,MAChBC,CAAe;AAAA,MACfC,CAAiB;AAAA,MACjBC,CAAU;AAAA,MACVC,CAAa;AAAA,MACbC,CAAY;AAAA,eACHN,EAAmBL,CAAI,EAAE,gBAAgB;AAAA,gBACxCK,EAAmBL,CAAI,EAAE,gBAAgB;AAAA;AAAA;AAAA;AAAA,MAInDY,CAAO;AAAA,eACEP,EAAmBL,CAAI,EAAE,sBAAsB;AAAA,gBAC9CK,EAAmBL,CAAI,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,MAIzDa,CAAO;AAAA,mBACMR,EAAmBL,CAAI,EAAE,mBAAmB;AAAA,qBAC1CK,EAAmBL,CAAI,EAAE,sBAAsB,CAAC;AAAA;AAAA;AAAA,MAG/Dc,CAAQ;AAAA,mBACKT,EAAmBL,CAAI,EAAE,oBAAoB;AAAA;AAAA;AAAA,MAG1DC,KACFG;AAAA,0BACsBD,EAAM,YAAY,QAAQ,OAAO,SAAS,QAAQ,UAAU;AAAA,sBAChEA,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA,KAE9C;AAAA;AAAA,MAECD,KACFE;AAAA,gBACYF,EAAK,MAAM;AAAA,eACZA,EAAK,KAAK;AAAA,KACpB;AAAA,GACF;AAAA,GAOUa,IAAoBjB,EAAOkB,CAAO;AAAA,IAC3C,CAAC,EAAE,OAAAb,GAAO,MAAAH,EAAA,MAAWI;AAAA,+DACsCL,CAAQ;AAAA;AAAA,sBAEjDI,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA,0BACzCA,EAAM,UAAU,QAAQ,QAAQ,UAAU;AAAA;AAAA;AAAA,MAG9DE,EAAmBL,CAAI,EAAE,8BAC3BI;AAAA,QACIa,CAAgB;AAAA,iBACPZ,EAAmBL,CAAI,EAAE,0BAA0B;AAAA,kBAClDK,EAAmBL,CAAI,EAAE,0BAA0B;AAAA;AAAA,KAEhE;AAAA;AAAA,MAECkB,CAAQ;AAAA,mBACKb,EAAmBL,CAAI,EAAE,oBAAoB;AAAA;AAAA;AAAA,6BAGnCD,CAAQ;AAAA,0BACXI,EAAM,YAAY,QAAQ,OAAO,SAAS,QAAQ,UAAU;AAAA,sBAChEA,EAAM,YAAY,QAAQ,OAAO,SAAS,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASrEA,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,iBAI3CA,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA,wBACrCA,EAAM,UAAU,SAAS,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,GAGjE;AAAA;"}