@coorpacademy/components 11.19.1-alpha.4 → 11.19.1

package/es/molecule/cm-popin/style.css

@@ -73,9 +73,11 @@
   line-height: 20px;
   margin: 0;
 }
+
 .message p {
   margin: 10px 0px;
 }
+
 @keyframes popup {
   0% {
     transform: scale(0);
@@ -140,25 +142,21 @@
 }
 
 .headerContent {
+  gap: 16px;
   display: flex;
+  justify-content: start;
+  align-items: center;
   width: 100%;
-  gap: 16px;
-  padding: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid cm_grey_100;
 }
 
-.headerTitle {
-  width: 612px;
-  margin-bottom: 16px;
-  padding: 2px 0px 2px;
-}
 
 .lockIcon {
   height: 48px;
   width: 48px;
   background-color: negative_100;
   border-radius: 16px;
-  min-width: 48px;
-  min-height: 48px;
   color: cm_negative_200;
 }
 
@@ -178,13 +176,6 @@
   margin: 20px 32px;
 }
 
-.cookieTitleContainer {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
 .titleContainer {
   padding-top: 40px;
   align-items: center;
@@ -193,61 +184,6 @@
   width: 100%;
 }
 
-.cookieHeader {
-  width: 100%;
-  background-color: cm_grey_700;
-  padding: 16px 24px;
-  border-radius: 10px 10px 0px 0px;
-  display: flex;
-  align-items: center;
-}
-
-.popinCookie {
-  max-width: 550px;
-  flex-grow: 0;
-  margin: 16px;
-  border-radius: 10px;
-  background-color: cm_grey_50;
-  animation: popup 0.7s;
-  position: fixed;
-  bottom: 32px;
-  left: 32px;
-  z-index: 1000;
-}
-.cookieTitle {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 32px;
-  color: white;
-  padding-left: 16px;
-}
-.cookieIcon {
-  height: 20px;
-  width: 20px;
-}
-.cookieIconContainer {
-  width: 39px;
-  height: 39px;
-  border-radius: 8px;
-  background-color: cm_blue_50;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.popinCookie .button  {
-  width: 100%;
-  padding: 0px 8px 0px 0px
-}
-.popinCookie .button span {
-  margin: 0
-}
-
-.popinCookie .message {
-  padding: 24px 24px 40px 24px 
-}
-
 .descriptionBtn {
   font-family: "Gilroy";
   font-weight: 500;
@@ -262,7 +198,6 @@
   margin-bottom: 24px;
 }
 
-
 .firstBtnSwitchContainer {
   height: 56px;
   background-color: cm_grey_75;
@@ -270,9 +205,11 @@
   display: flex;
   align-items: center;
 }
+
 .firstBtnSwitchContainer div:first-child {
   margin-left: 9px;
 }
+
 .singleSwitchContainer div:first-child {
  margin-left: 9px;
 }
@@ -289,11 +226,80 @@
   width: 100%;
   margin-top: 24px;
 }
+
 a {
   color: cm_primary_blue;
   text-decoration: none;
 }
 
+/* ---------- COOKIES ---------- */
+.popinCookie {
+  max-width: 550px;
+  flex-grow: 0;
+  margin: 16px;
+  border-radius: 10px;
+  background-color: cm_grey_50;
+  animation: popup 0.7s;
+  position: fixed;
+  bottom: 32px;
+  left: 32px;
+  z-index: 1000;
+}
+
+.cookieHeader {
+  width: 100%;
+  background-color: cm_grey_700;
+  padding: 16px 24px;
+  border-radius: 10px 10px 0px 0px;
+  display: flex;
+  align-items: center;
+}
+
+.cookieIconContainer {
+  width: 39px;
+  height: 39px;
+  border-radius: 8px;
+  background-color: cm_blue_50;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.cookieIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.cookieTitle {
+  font-family: "Gilroy";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  color: white;
+  padding-left: 16px;
+}
+
+.cookieTitleContainer {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+}
+
+.popinCookie .button  {
+  width: 100%;
+  padding: 0px 8px 0px 0px
+}
+
+.popinCookie .button span {
+  margin: 0
+}
+
+.popinCookie .message {
+  padding: 24px 24px 40px 24px 
+}
+
 .popinCookie .buttonContainer  {
   min-height: 44px;
   padding-bottom: 16px;
@@ -301,6 +307,7 @@ a {
   padding-left: 24px;
   padding-right: 16px;
 }
+
 .popinCookie .largeButton {
   padding: 0px 8px 0px 0px
 }
@@ -309,9 +316,41 @@ a {
   max-height: 369px;
   overflow-y: auto;
   width: 100%;
-  border-top: 1px solid cm_grey_100;
 }
 
+/* ---------- FILES DETAILS ---------- */
+.popinFilesList {
+  font-family: "Gilroy";
+  width: 70%;
+  padding: 16px;
+  border-radius: 20px;
+  background-color: white;
+  animation: popup 0.7s;
+}
+
+.filesListIconContainer {
+  composes: lockIcon;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 12px;
+  background-color: cm_blue_50;
+  color: cm_primary_blue;
+}
+
+.filesListIcon {
+  height: 20px;
+  width: 20px;
+}
+
+.filesListContainer {
+  max-height: 600px;
+  width: 100%;
+  margin-top: 24px;
+  overflow: scroll;
+}
+
+/* ---------- MEDIA QUERIES ---------- */
 @media tablet {
   .popin {
     width: 80%;

package/es/molecule/cm-popin/types.d.ts

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import { TitleProps } from '../../atom/title/types';
 import CardsGrid from '../../organism/cards-grid';
+import ListItems from '../../organism/list-items';
 declare const propTypes: {
     content: PropTypes.Requireable<string>;
     mode: PropTypes.Requireable<string>;
@@ -45,6 +46,7 @@ declare const propTypes: {
     backgroundImageUrl: PropTypes.Requireable<string>;
     descriptionText: PropTypes.Requireable<string>;
     cookieTitle: PropTypes.Requireable<string>;
+    headerSubtitle: PropTypes.Requireable<string>;
     descriptionBtnTxt: PropTypes.Requireable<string>;
     listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
         title: PropTypes.Requireable<string>;
@@ -65,10 +67,185 @@ declare const propTypes: {
     }> | null | undefined)[]>;
     items: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
-        list: PropTypes.Requireable<PropTypes.InferProps<{
+        list: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             loading: PropTypes.Requireable<boolean>;
-        }>>;
+        }> | PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<string>;
+            buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                'data-testid': PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                link: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    download: PropTypes.Requireable<boolean>;
+                    target: PropTypes.Requireable<string>;
+                }>>;
+                disabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                placeholder: PropTypes.Requireable<string>;
+                description: PropTypes.Requireable<string>;
+                hint: PropTypes.Requireable<string>;
+                options: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                    selected: PropTypes.Validator<boolean>;
+                    name: PropTypes.Validator<string>;
+                    value: PropTypes.Requireable<string>;
+                }>>[]>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                onError: PropTypes.Requireable<(...args: any[]) => any>;
+                multiple: PropTypes.Requireable<boolean>;
+                modified: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                error: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+            }>>;
+            content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Validator<string>;
+                    dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        className: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                        ariaLabel: PropTypes.Requireable<string>;
+                        dataName: PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                        }>>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }>>;
+                    buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        size: PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        'data-name': PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        link: PropTypes.Requireable<PropTypes.InferProps<{
+                            href: PropTypes.Requireable<string>;
+                            download: PropTypes.Requireable<boolean>;
+                            target: PropTypes.Requireable<string>;
+                        }>>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        className: PropTypes.Requireable<string>;
+                    }>>;
+                    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                        buttonAriaLabel: PropTypes.Requireable<string>;
+                        menuAriaLabel: PropTypes.Requireable<string>;
+                        buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                            'data-name': PropTypes.Requireable<string>;
+                            label: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        }> | null | undefined)[]>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }>>;
+                    tags: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    isBulkStyle: PropTypes.Requireable<boolean>;
+                    order: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    contentType: PropTypes.Requireable<string>;
+                    id: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                type: PropTypes.Requireable<string>;
+                itemType: PropTypes.Requireable<string>;
+                onDrop: PropTypes.Requireable<(...args: any[]) => any>;
+                isDraggable: PropTypes.Requireable<boolean>;
+                tableHeader: PropTypes.Requireable<(string | null | undefined)[]>;
+            }> | PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                columns: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Validator<string>;
+                }> | null | undefined)[]>;
+                rows: PropTypes.Requireable<(PropTypes.InferProps<{
+                    fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        current: PropTypes.Requireable<boolean>;
+                        selected: PropTypes.Requireable<boolean>;
+                        icon: PropTypes.Requireable<string>;
+                        value: PropTypes.Requireable<string>;
+                    }> | null | undefined> | null | undefined)[]>;
+                    isRowExpandible: PropTypes.Requireable<boolean>;
+                    lastField: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
+                        type: PropTypes.Requireable<string>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        buttonAriaLabel: PropTypes.Requireable<string>;
+                        menuAriaLabel: PropTypes.Requireable<string>;
+                        buttons: PropTypes.Validator<(PropTypes.InferProps<{
+                            'data-name': PropTypes.Requireable<string>;
+                            disabled: PropTypes.Requireable<boolean>;
+                            label: PropTypes.Validator<string>;
+                            onClick: PropTypes.Validator<(...args: any[]) => any>;
+                            type: PropTypes.Requireable<string>;
+                        }> | null | undefined)[]>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        menuButtonClassName: PropTypes.Requireable<string>;
+                        isBulkMenu: PropTypes.Requireable<boolean>;
+                    }> | null | undefined>>;
+                }> | null | undefined)[]>;
+                stickyFirstColumn: PropTypes.Requireable<boolean>;
+                stickyLastColumn: PropTypes.Requireable<boolean>;
+                columnWidth: PropTypes.Requireable<string>;
+                ariaDescribedby: PropTypes.Requireable<string>;
+                lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                    componentType: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    'data-testid': PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    link: PropTypes.Requireable<PropTypes.InferProps<{
+                        href: PropTypes.Requireable<string>;
+                        download: PropTypes.Requireable<boolean>;
+                        target: PropTypes.Requireable<string>;
+                    }>>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    className: PropTypes.Requireable<string>;
+                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                }> | PropTypes.InferProps<{
+                    componentType: PropTypes.Requireable<string>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    buttonAriaLabel: PropTypes.Requireable<string>;
+                    menuAriaLabel: PropTypes.Requireable<string>;
+                    buttons: PropTypes.Validator<(PropTypes.InferProps<{
+                        'data-name': PropTypes.Requireable<string>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        label: PropTypes.Validator<string>;
+                        onClick: PropTypes.Validator<(...args: any[]) => any>;
+                        type: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    menuButtonClassName: PropTypes.Requireable<string>;
+                    isBulkMenu: PropTypes.Requireable<boolean>;
+                }> | null | undefined>>;
+                isNestedTable: PropTypes.Requireable<boolean>;
+                emptyStateFirstMessage: PropTypes.Requireable<string>;
+                emptyStateSecondMessage: PropTypes.Requireable<string>;
+            }> | null | undefined>>;
+            title: PropTypes.Requireable<string>;
+        }> | null | undefined>>;
     }>>;
 };
 declare type PopinHeaderProps = {
@@ -89,14 +266,14 @@ export declare type QuitPopinButton = {
 export declare type CMPopinProps = {
     content: string;
     icon: string;
-    mode: string;
+    mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';
     popinHeader?: PopinHeaderProps;
     descriptionText: string;
     firstButton?: QuitPopinButton;
     secondButton?: QuitPopinButton;
     items?: {
-        type: string;
-        list: PropTypes.InferProps<typeof CardsGrid.propTypes>;
+        type: 'content' | 'list';
+        list: PropTypes.InferProps<typeof CardsGrid.propTypes> | PropTypes.InferProps<typeof ListItems.propTypes>;
     };
 };
 export default propTypes;

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACxD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Cd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/cm-popin/types.js

@@ -3,9 +3,10 @@ import Cta from '../../atom/button-link';
 import InputSwitch from '../../atom/input-switch';
 import Title from '../../atom/title';
 import CardsGrid from '../../organism/cards-grid';
+import ListItems from '../../organism/list-items';
 const propTypes = {
   content: PropTypes.string,
-  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items']),
+  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items', 'list']),
   header: PropTypes.shape({
     title: PropTypes.shape(Title.propTypes),
     headerIcon: PropTypes.string,
@@ -40,11 +41,12 @@ const propTypes = {
   backgroundImageUrl: PropTypes.string,
   descriptionText: PropTypes.string,
   cookieTitle: PropTypes.string,
+  headerSubtitle: PropTypes.string,
   descriptionBtnTxt: PropTypes.string,
   listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),
   items: PropTypes.shape({
-    type: PropTypes.string,
-    list: PropTypes.shape(CardsGrid.propTypes)
+    type: PropTypes.oneOf(['content', 'list']),
+    list: PropTypes.oneOfType([PropTypes.shape(CardsGrid.propTypes), PropTypes.shape(ListItems.propTypes)])
   })
 };
 export default propTypes;

package/es/molecule/cm-popin/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","Title","CardsGrid","propTypes","content","string","mode","oneOf","header","shape","title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","descriptionBtnTxt","listBtnSwicth","arrayOf","items","list"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport {TitleProps} from '../../atom/title/types';\nimport CardsGrid from '../../organism/cards-grid';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.string,\n    list: PropTypes.shape(CardsGrid.propTypes)\n  })\n};\n\ntype PopinHeaderProps = {\n  title: TitleProps;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: string;\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: string;\n    list: PropTypes.InferProps<typeof CardsGrid.propTypes>;\n  };\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AAEA,OAAOC,SAAP,MAAsB,2BAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEN,SAAS,CAACO,MADH;EAEhBC,IAAI,EAAER,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,EAAmC,OAAnC,CAAhB,CAFU;EAGhBC,MAAM,EAAEV,SAAS,CAACW,KAAV,CAAgB;IACtBC,KAAK,EAAEZ,SAAS,CAACW,KAAV,CAAgBR,KAAK,CAACE,SAAtB,CADe;IAEtBQ,UAAU,EAAEb,SAAS,CAACO,MAFA;IAGtBO,eAAe,EAAEd,SAAS,CAACO;EAHL,CAAhB,CAHQ;EAQhBQ,WAAW,EAAEf,SAAS,CAACW,KAAV,CAAgB;IAC3BK,KAAK,EAAEhB,SAAS,CAACO,MADU;IAE3BU,aAAa,EAAEjB,SAAS,CAACkB,IAFE;IAG3B,cAAclB,SAAS,CAACO,MAHG;IAI3BY,WAAW,EAAEnB,SAAS,CAACoB,IAJI;IAK3BC,IAAI,EAAErB,SAAS,CAACS,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;IAM3Ba,WAAW,EAAErB,GAAG,CAACI,SAAJ,CAAciB;EANA,CAAhB,CARG;EAgBhBC,YAAY,EAAEvB,SAAS,CAACW,KAAV,CAAgB;IAC5BK,KAAK,EAAEhB,SAAS,CAACO,MADW;IAE5BU,aAAa,EAAEjB,SAAS,CAACkB,IAFG;IAG5BG,IAAI,EAAErB,SAAS,CAACS,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;IAI5B,cAAcT,SAAS,CAACO,MAJI;IAK5BY,WAAW,EAAEnB,SAAS,CAACoB,IALK;IAM5BE,WAAW,EAAErB,GAAG,CAACI,SAAJ,CAAciB;EANC,CAAhB,CAhBE;EAwBhBE,WAAW,EAAExB,SAAS,CAACW,KAAV,CAAgB;IAC3BK,KAAK,EAAEhB,SAAS,CAACO,MADU;IAE3BU,aAAa,EAAEjB,SAAS,CAACkB,IAFE;IAG3BG,IAAI,EAAErB,SAAS,CAACS,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;IAI3B,cAAcT,SAAS,CAACO,MAJG;IAK3BY,WAAW,EAAEnB,SAAS,CAACoB,IALI;IAM3BE,WAAW,EAAErB,GAAG,CAACI,SAAJ,CAAciB;EANA,CAAhB,CAxBG;EAgChBG,OAAO,EAAEzB,SAAS,CAACkB,IAhCH;EAiChBQ,IAAI,EAAE1B,SAAS,CAACO,MAjCA;EAkChBoB,kBAAkB,EAAE3B,SAAS,CAACO,MAlCd;EAmChBqB,eAAe,EAAE5B,SAAS,CAACO,MAnCX;EAoChBsB,WAAW,EAAE7B,SAAS,CAACO,MApCP;EAqChBuB,iBAAiB,EAAE9B,SAAS,CAACO,MArCb;EAsChBwB,aAAa,EAAE/B,SAAS,CAACgC,OAAV,CAAkBhC,SAAS,CAACW,KAAV,CAAgBT,WAAW,CAACG,SAA5B,CAAlB,CAtCC;EAuChB4B,KAAK,EAAEjC,SAAS,CAACW,KAAV,CAAgB;IACrBU,IAAI,EAAErB,SAAS,CAACO,MADK;IAErB2B,IAAI,EAAElC,SAAS,CAACW,KAAV,CAAgBP,SAAS,CAACC,SAA1B;EAFe,CAAhB;AAvCS,CAAlB;AA4EA,eAAeA,SAAf"}
+{"version":3,"file":"types.js","names":["PropTypes","Cta","InputSwitch","Title","CardsGrid","ListItems","propTypes","content","string","mode","oneOf","header","shape","title","headerIcon","backgroundImage","firstButton","label","handleOnclick","func","largeButton","bool","type","customStyle","secondButton","thirdButton","onClose","icon","backgroundImageUrl","descriptionText","cookieTitle","headerSubtitle","descriptionBtnTxt","listBtnSwicth","arrayOf","items","list","oneOfType"],"sources":["../../../src/molecule/cm-popin/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Cta from '../../atom/button-link';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport {TitleProps} from '../../atom/title/types';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\n\nconst propTypes = {\n  content: PropTypes.string,\n  mode: PropTypes.oneOf(['alert', 'information', 'cookie', 'items', 'list']),\n  header: PropTypes.shape({\n    title: PropTypes.shape(Title.propTypes),\n    headerIcon: PropTypes.string,\n    backgroundImage: PropTypes.string\n  }),\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary', 'tertiary']),\n    customStyle: Cta.propTypes.customStyle\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  thirdButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary', 'secondary']),\n    'aria-label': PropTypes.string,\n    largeButton: PropTypes.bool,\n    customStyle: Cta.propTypes.customStyle\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string,\n  backgroundImageUrl: PropTypes.string,\n  descriptionText: PropTypes.string,\n  cookieTitle: PropTypes.string,\n  headerSubtitle: PropTypes.string,\n  descriptionBtnTxt: PropTypes.string,\n  listBtnSwicth: PropTypes.arrayOf(PropTypes.shape(InputSwitch.propTypes)),\n  items: PropTypes.shape({\n    type: PropTypes.oneOf(['content', 'list']),\n    list: PropTypes.oneOfType([\n      PropTypes.shape(CardsGrid.propTypes),\n      PropTypes.shape(ListItems.propTypes)\n    ])\n  })\n};\n\ntype PopinHeaderProps = {\n  title: TitleProps;\n  backgroundImage: string;\n  headerIcon: string;\n};\n\nexport type QuitPopinButton = {\n  'aria-label'?: string;\n  label: string;\n  type: string;\n  customStyle?: {\n    backgroundColor?: string;\n    color?: string;\n  };\n  handleOnclick: () => void;\n};\n\nexport type CMPopinProps = {\n  content: string;\n  icon: string;\n  mode: 'alert' | 'information' | 'cookie' | 'items' | 'list';\n  popinHeader?: PopinHeaderProps;\n  descriptionText: string;\n  firstButton?: QuitPopinButton;\n  secondButton?: QuitPopinButton;\n  items?: {\n    type: 'content' | 'list';\n    list:\n      | PropTypes.InferProps<typeof CardsGrid.propTypes>\n      | PropTypes.InferProps<typeof ListItems.propTypes>;\n  };\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AAEA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEP,SAAS,CAACQ,MADH;EAEhBC,IAAI,EAAET,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,aAAV,EAAyB,QAAzB,EAAmC,OAAnC,EAA4C,MAA5C,CAAhB,CAFU;EAGhBC,MAAM,EAAEX,SAAS,CAACY,KAAV,CAAgB;IACtBC,KAAK,EAAEb,SAAS,CAACY,KAAV,CAAgBT,KAAK,CAACG,SAAtB,CADe;IAEtBQ,UAAU,EAAEd,SAAS,CAACQ,MAFA;IAGtBO,eAAe,EAAEf,SAAS,CAACQ;EAHL,CAAhB,CAHQ;EAQhBQ,WAAW,EAAEhB,SAAS,CAACY,KAAV,CAAgB;IAC3BK,KAAK,EAAEjB,SAAS,CAACQ,MADU;IAE3BU,aAAa,EAAElB,SAAS,CAACmB,IAFE;IAG3B,cAAcnB,SAAS,CAACQ,MAHG;IAI3BY,WAAW,EAAEpB,SAAS,CAACqB,IAJI;IAK3BC,IAAI,EAAEtB,SAAS,CAACU,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,EAAsC,UAAtC,CAAhB,CALqB;IAM3Ba,WAAW,EAAEtB,GAAG,CAACK,SAAJ,CAAciB;EANA,CAAhB,CARG;EAgBhBC,YAAY,EAAExB,SAAS,CAACY,KAAV,CAAgB;IAC5BK,KAAK,EAAEjB,SAAS,CAACQ,MADW;IAE5BU,aAAa,EAAElB,SAAS,CAACmB,IAFG;IAG5BG,IAAI,EAAEtB,SAAS,CAACU,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHsB;IAI5B,cAAcV,SAAS,CAACQ,MAJI;IAK5BY,WAAW,EAAEpB,SAAS,CAACqB,IALK;IAM5BE,WAAW,EAAEtB,GAAG,CAACK,SAAJ,CAAciB;EANC,CAAhB,CAhBE;EAwBhBE,WAAW,EAAEzB,SAAS,CAACY,KAAV,CAAgB;IAC3BK,KAAK,EAAEjB,SAAS,CAACQ,MADU;IAE3BU,aAAa,EAAElB,SAAS,CAACmB,IAFE;IAG3BG,IAAI,EAAEtB,SAAS,CAACU,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,EAAyB,WAAzB,CAAhB,CAHqB;IAI3B,cAAcV,SAAS,CAACQ,MAJG;IAK3BY,WAAW,EAAEpB,SAAS,CAACqB,IALI;IAM3BE,WAAW,EAAEtB,GAAG,CAACK,SAAJ,CAAciB;EANA,CAAhB,CAxBG;EAgChBG,OAAO,EAAE1B,SAAS,CAACmB,IAhCH;EAiChBQ,IAAI,EAAE3B,SAAS,CAACQ,MAjCA;EAkChBoB,kBAAkB,EAAE5B,SAAS,CAACQ,MAlCd;EAmChBqB,eAAe,EAAE7B,SAAS,CAACQ,MAnCX;EAoChBsB,WAAW,EAAE9B,SAAS,CAACQ,MApCP;EAqChBuB,cAAc,EAAE/B,SAAS,CAACQ,MArCV;EAsChBwB,iBAAiB,EAAEhC,SAAS,CAACQ,MAtCb;EAuChByB,aAAa,EAAEjC,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACY,KAAV,CAAgBV,WAAW,CAACI,SAA5B,CAAlB,CAvCC;EAwChB6B,KAAK,EAAEnC,SAAS,CAACY,KAAV,CAAgB;IACrBU,IAAI,EAAEtB,SAAS,CAACU,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,CADe;IAErB0B,IAAI,EAAEpC,SAAS,CAACqC,SAAV,CAAoB,CACxBrC,SAAS,CAACY,KAAV,CAAgBR,SAAS,CAACE,SAA1B,CADwB,EAExBN,SAAS,CAACY,KAAV,CAAgBP,SAAS,CAACC,SAA1B,CAFwB,CAApB;EAFe,CAAhB;AAxCS,CAAlB;AAkFA,eAAeA,SAAf"}

package/es/molecule/drag-and-drop-wrapper/index.d.ts

@@ -6,7 +6,7 @@ declare namespace DragAndDropWrapper {
             name: PropTypes.Requireable<string>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             onReset: PropTypes.Requireable<(...args: any[]) => any>;
-            imageTypes: (props: any, propName: any, componentName: any) => Error | null;
+            filesTypes: (props: any, propName: any, componentName: any) => Error | null;
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
@@ -27,6 +27,7 @@ declare namespace DragAndDropWrapper {
             children: PropTypes.Requireable<(...args: any[]) => any>;
             pdfButtonLabel: PropTypes.Requireable<string>;
             pdfButtonAriaLabel: PropTypes.Requireable<string>;
+            multiple: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         'data-name': PropTypes.Requireable<string>;
     };

package/es/molecule/drag-and-drop-wrapper/index.js

@@ -1,7 +1,7 @@
 import _map from "lodash/fp/map";
 import React from 'react';
 import PropTypes from 'prop-types';
-import ImageUpload from '../../atom/image-upload';
+import InputFileDraggable from '../../atom/input-file-draggable';
 import style from './style.css';
 
 const DragAndDropWrapper = props => {
@@ -14,7 +14,7 @@ const DragAndDropWrapper = props => {
     return /*#__PURE__*/React.createElement("li", {
       className: style.dragAndDrop,
       key: `dragAndDrop-${dragAndDropProps.title}`
-    }, /*#__PURE__*/React.createElement(ImageUpload, dragAndDropProps));
+    }, /*#__PURE__*/React.createElement(InputFileDraggable, dragAndDropProps));
   }, list);
 
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
@@ -24,7 +24,7 @@ const DragAndDropWrapper = props => {
 };
 
 DragAndDropWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
-  list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),
+  list: PropTypes.arrayOf(PropTypes.shape(InputFileDraggable.propTypes)),
   'data-name': PropTypes.string
 } : {};
 export default DragAndDropWrapper;

package/es/molecule/drag-and-drop-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ImageUpload","style","DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","dragAndDrop","title","group","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport ImageUpload from '../../atom/image-upload';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n  const {list = [], 'data-name': dataName} = props;\n\n  const dragAndDropList = map(dragAndDropProps => {\n    return (\n      <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n        <ImageUpload {...dragAndDropProps} />\n      </li>\n    );\n  }, list);\n\n  return (\n    <div>\n      <ul className={style.group} data-name={dataName}>\n        {dragAndDropList}\n      </ul>\n    </div>\n  );\n};\n\nDragAndDropWrapper.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAY,aAAaC;EAAzB,IAAqCF,KAA3C;;EAEA,MAAMG,eAAe,GAAG,KAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEN,KAAK,CAACO,WAArB;MAAkC,GAAG,EAAG,eAAcD,gBAAgB,CAACE,KAAM;IAA7E,gBACE,oBAAC,WAAD,EAAiBF,gBAAjB,CADF,CADF;EAKD,CANuB,EAMrBH,IANqB,CAAxB;;EAQA,oBACE,8CACE;IAAI,SAAS,EAAEH,KAAK,CAACS,KAArB;IAA4B,aAAWL;EAAvC,GACGC,eADH,CADF,CADF;AAOD,CAlBD;;AAoBAJ,kBAAkB,CAACS,SAAnB,2CAA+B;EAC7BP,IAAI,EAAEL,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,WAAW,CAACW,SAA5B,CAAlB,CADuB;EAE7B,aAAaZ,SAAS,CAACe;AAFM,CAA/B;AAKA,eAAeZ,kBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputFileDraggable","style","DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","dragAndDrop","title","group","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n  const {list = [], 'data-name': dataName} = props;\n\n  const dragAndDropList = map(dragAndDropProps => {\n    return (\n      <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n        <InputFileDraggable {...dragAndDropProps} />\n      </li>\n    );\n  }, list);\n\n  return (\n    <div>\n      <ul className={style.group} data-name={dataName}>\n        {dragAndDropList}\n      </ul>\n    </div>\n  );\n};\n\nDragAndDropWrapper.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(InputFileDraggable.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,kBAAP,MAA+B,iCAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAY,aAAaC;EAAzB,IAAqCF,KAA3C;;EAEA,MAAMG,eAAe,GAAG,KAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEN,KAAK,CAACO,WAArB;MAAkC,GAAG,EAAG,eAAcD,gBAAgB,CAACE,KAAM;IAA7E,gBACE,oBAAC,kBAAD,EAAwBF,gBAAxB,CADF,CADF;EAKD,CANuB,EAMrBH,IANqB,CAAxB;;EAQA,oBACE,8CACE;IAAI,SAAS,EAAEH,KAAK,CAACS,KAArB;IAA4B,aAAWL;EAAvC,GACGC,eADH,CADF,CADF;AAOD,CAlBD;;AAoBAJ,kBAAkB,CAACS,SAAnB,2CAA+B;EAC7BP,IAAI,EAAEL,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,kBAAkB,CAACW,SAAnC,CAAlB,CADuB;EAE7B,aAAaZ,SAAS,CAACe;AAFM,CAA/B;AAKA,eAAeZ,kBAAf"}

package/es/molecule/setup-slider/index.js

@@ -11,7 +11,7 @@ import InputText from '../../atom/input-text';
 import InputCheckbox from '../../atom/input-checkbox';
 import InputDoublestep from '../../atom/input-doublestep';
 import InputSwitch from '../../atom/input-switch';
-import ImageUpload from '../../atom/image-upload';
+import InputFileDraggable from '../../atom/input-file-draggable';
 import SetupCohortItem from '../setup-cohort-item';
 import MessagePopin from '../message-popin';
 import BrandDownloadBox from '../brand-download-box';
@@ -48,7 +48,7 @@ const SetupSlider = props => {
           case 'image':
             return /*#__PURE__*/React.createElement("div", {
               className: style.imageUploadContainer
-            }, /*#__PURE__*/React.createElement(ImageUpload, field));
+            }, /*#__PURE__*/React.createElement(InputFileDraggable, field));
 
           case 'splitForm':
             return /*#__PURE__*/React.createElement(SetupCohortItem, {
@@ -123,7 +123,7 @@ const SlidePropTypes = process.env.NODE_ENV !== "production" ? PropTypes.shape({
     type: PropTypes.oneOf(['select'])
   })), PropTypes.shape(_extends({}, InputCheckbox.propTypes, {
     type: PropTypes.oneOf(['checkbox'])
-  })), PropTypes.shape(_extends({}, ImageUpload.propTypes, {
+  })), PropTypes.shape(_extends({}, InputFileDraggable.propTypes, {
     type: PropTypes.oneOf(['image'])
   })), PropTypes.shape(_extends({}, InputReadonly.propTypes, {
     type: PropTypes.oneOf(['readonly'])