@coorpacademy/components 11.13.3 → 11.13.4

package/es/molecule/expandible-actionable-table/style.css

@@ -0,0 +1,134 @@
+@value colors: "../../variables/colors.css";
+@value xtraLightGrey from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
+@value cm_negative_red_200 from colors;
+@value light from colors;
+
+.wrapper {
+  width: 100%;
+}
+
+.table {
+  table-layout: fixed;  
+  border: 1px solid light;
+  font-family: 'Gilroy';
+  font-style: normal;
+  border-spacing: 0;
+  border-radius: 8px;
+  max-width: 1089px;
+  min-width: 1089px;
+}
+
+.thead {
+  background-color: xtraLightGrey;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  color: cm_grey_400;
+  height: 56px;
+  text-align: left; 
+}
+
+.theadNested {
+  background-color: xtraLightGrey;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  color: cm_grey_400;
+  height: 40px;
+  text-align: left; 
+}
+
+.header {
+  width: 276px;
+  padding-left: 56px;
+  box-sizing: border-box;
+  background-color: xtraLightGrey;
+}
+
+.headerFirstSticky {
+  position: sticky;
+  left: 0;
+  background-color: xtraLightGrey;
+}
+
+.headerFirst {
+  background-color: xtraLightGrey;
+}
+
+.headerLastSticky {
+  position: sticky;
+  right: 0;
+  background-color: xtraLightGrey;
+}
+
+.headerLast {
+  background-color: xtraLightGrey;
+}
+
+.col {
+  text-align: left; 
+  padding-top: 8px;
+  padding-bottom: 8px;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 20px;
+  color: cm_grey_700;
+  border-top: 1px solid light;
+  padding-left: 56px;
+  max-width: 364px;
+}
+
+.columnFirst {
+  padding-left: 16px;
+  background-color: white;
+}
+
+.columnFirst .columFirstWrapper,
+.columnFirstSticky .columFirstWrapper {
+  display: flex;
+  justify-content: start;
+  gap: 16px;
+}
+
+.columnFirst .columFirstWrapper .expandButtonWrapper,
+.columnFirstSticky .columFirstWrapper .expandButtonWrapper {
+  min-width: 24px;
+}
+
+.columnFirstSticky {
+  position: sticky;
+  left: 0;
+  padding-left: 16px;
+  background-color: white;
+}
+
+.columnLast {
+  text-align: left; 
+  padding-top: 8px;
+  padding-bottom: 8px;
+  font-weight: 600; 
+  font-size: 14px;
+  line-height: 20px;
+  color: cm_grey_700;
+  border-top: 1px solid light;
+  display: flex;
+  justify-content: end;
+}
+
+.columnLastSticky {
+  composes: columnLast;
+  position: sticky;
+  right: 0;
+ }
+
+.inspectButton{
+  padding-right: 20px;
+  background-color: white;
+}
+
+.nestedRowCellule{
+padding: 10px;
+border-top: 1px solid light;  
+}

package/es/molecule/expandible-actionable-table/types.d.ts

@@ -0,0 +1,116 @@
+import PropTypes from 'prop-types';
+import { BulletPointMenuButtonProps } from '../bullet-point-menu-button/types';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+import { StatusItemProps } from '../../atom/status-item/types';
+import { Props as ErrorsTableProps } from '../errors-table/types';
+import { Props as BulkProgressBarProps } from '../bulk-progress-bar/types';
+export declare const propTypes: {
+    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>;
+            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>;
+};
+export declare type Field = string | (StatusItemProps & {
+    componentType: 'status';
+}) | (BulkProgressBarProps & {
+    componentType: 'progress-bar';
+});
+export declare type LastField = (ButtonLinkProps & {
+    componentType: 'button-link';
+}) | (BulletPointMenuButtonProps & {
+    componentType: 'menu';
+});
+export declare type NestedRow = (ErrorsTableProps & {
+    componentType: 'errors-table';
+}) | (Props & {
+    componentType: 'expandible-errors-table';
+});
+export declare type Column = {
+    title: string;
+};
+export declare type Row = {
+    fields: Field[];
+    nestedRow?: NestedRow;
+    isRowExpandible?: boolean;
+};
+export declare type Columns = Column[];
+export declare type Rows = Row[];
+export declare type Props = {
+    columns: Columns;
+    rows?: Rows;
+    stickyFirstColumn?: boolean;
+    stickyLastColumn?: boolean;
+    columnWidth?: `${number}${'px' | '%'}`;
+    ariaDescribedby?: string;
+    lastField?: LastField;
+    isNestedTable?: boolean;
+};
+export declare type ExpandState = {
+    [key: number]: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/expandible-actionable-table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,IAAI,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,KAAK,IAAI,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AA0BzE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEF,oBAAY,KAAK,GACb,MAAM,GACN,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACtB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC,GACF,CAAC,0BAA0B,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,gBAAgB,GAAG;IAClB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,GACF,CAAC,KAAK,GAAG;IACP,aAAa,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAEP,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAChB,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF,oBAAY,OAAO,GAAG,MAAM,EAAE,CAAC;AAC/B,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,oBAAY,WAAW,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAC,CAAC"}

package/es/molecule/expandible-actionable-table/types.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import PropTypes from 'prop-types';
+import StatusItem from '../../atom/status-item';
+import ButtonLink from '../../atom/button-link';
+import BulletPointMenuButton from '../bullet-point-menu-button';
+const columnProptypes = PropTypes.shape({
+  title: PropTypes.string.isRequired
+});
+const rowProptypes = PropTypes.shape({
+  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape(_extends({}, StatusItem.propTypes, {
+    type: PropTypes.oneOf(['status'])
+  }))])),
+  isRowExpandible: PropTypes.bool,
+  lastField: PropTypes.oneOfType([PropTypes.string, PropTypes.shape(_extends({}, BulletPointMenuButton.propTypes, {
+    type: PropTypes.oneOf(['menu'])
+  }))])
+});
+export const propTypes = {
+  columns: PropTypes.arrayOf(columnProptypes),
+  rows: PropTypes.arrayOf(rowProptypes),
+  stickyFirstColumn: PropTypes.bool,
+  stickyLastColumn: PropTypes.bool,
+  columnWidth: PropTypes.string,
+  ariaDescribedby: PropTypes.string,
+  lastField: PropTypes.oneOfType([PropTypes.shape(_extends({}, ButtonLink.propTypes, {
+    componentType: PropTypes.oneOf(['button-link'])
+  })), PropTypes.shape(_extends({}, BulletPointMenuButton.propTypes, {
+    componentType: PropTypes.oneOf(['menu'])
+  }))]),
+  isNestedTable: PropTypes.bool
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/expandible-actionable-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","StatusItem","ButtonLink","BulletPointMenuButton","columnProptypes","shape","title","string","isRequired","rowProptypes","fields","arrayOf","oneOfType","propTypes","type","oneOf","isRowExpandible","bool","lastField","columns","rows","stickyFirstColumn","stickyLastColumn","columnWidth","ariaDescribedby","componentType","isNestedTable"],"sources":["../../../src/molecule/expandible-actionable-table/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport StatusItem from '../../atom/status-item';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport {BulletPointMenuButtonProps} from '../bullet-point-menu-button/types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport {StatusItemProps} from '../../atom/status-item/types';\nimport {Props as ErrorsTableProps} from '../errors-table/types';\nimport {Props as BulkProgressBarProps} from '../bulk-progress-bar/types';\n\nconst columnProptypes = PropTypes.shape({\n  title: PropTypes.string.isRequired\n});\n\nconst rowProptypes = PropTypes.shape({\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        ...StatusItem.propTypes,\n        type: PropTypes.oneOf(['status'])\n      })\n    ])\n  ),\n  isRowExpandible: PropTypes.bool,\n  lastField: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.shape({\n      ...BulletPointMenuButton.propTypes,\n      type: PropTypes.oneOf(['menu'])\n    })\n  ])\n});\n\nexport const propTypes = {\n  columns: PropTypes.arrayOf(columnProptypes),\n  rows: PropTypes.arrayOf(rowProptypes),\n  stickyFirstColumn: PropTypes.bool,\n  stickyLastColumn: PropTypes.bool,\n  columnWidth: PropTypes.string,\n  ariaDescribedby: PropTypes.string,\n  lastField: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ButtonLink.propTypes,\n      componentType: PropTypes.oneOf(['button-link'])\n    }),\n    PropTypes.shape({\n      ...BulletPointMenuButton.propTypes,\n      componentType: PropTypes.oneOf(['menu'])\n    })\n  ]),\n  isNestedTable: PropTypes.bool\n};\n\nexport type Field =\n  | string\n  | (StatusItemProps & {\n      componentType: 'status';\n    })\n  | (BulkProgressBarProps & {\n      componentType: 'progress-bar';\n    });\n\nexport type LastField =\n  | (ButtonLinkProps & {\n      componentType: 'button-link';\n    })\n  | (BulletPointMenuButtonProps & {\n      componentType: 'menu';\n    });\n\nexport type NestedRow =\n  | (ErrorsTableProps & {\n      componentType: 'errors-table';\n    })\n  | (Props & {\n      componentType: 'expandible-errors-table';\n    });\n\nexport type Column = {title: string};\nexport type Row = {\n  fields: Field[];\n\n  nestedRow?: NestedRow;\n  isRowExpandible?: boolean;\n};\nexport type Columns = Column[];\nexport type Rows = Row[];\n\nexport type Props = {\n  columns: Columns;\n  rows?: Rows;\n  stickyFirstColumn?: boolean;\n  stickyLastColumn?: boolean;\n  columnWidth?: `${number}${'px' | '%'}`;\n  ariaDescribedby?: string;\n  lastField?: LastField;\n  isNestedTable?: boolean;\n};\n\nexport type ExpandState = {[key: number]: boolean};\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AAOA,MAAMC,eAAe,GAAGJ,SAAS,CAACK,KAAV,CAAgB;EACtCC,KAAK,EAAEN,SAAS,CAACO,MAAV,CAAiBC;AADc,CAAhB,CAAxB;AAIA,MAAMC,YAAY,GAAGT,SAAS,CAACK,KAAV,CAAgB;EACnCK,MAAM,EAAEV,SAAS,CAACW,OAAV,CACNX,SAAS,CAACY,SAAV,CAAoB,CAClBZ,SAAS,CAACO,MADQ,EAElBP,SAAS,CAACK,KAAV,cACKJ,UAAU,CAACY,SADhB;IAEEC,IAAI,EAAEd,SAAS,CAACe,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAFkB,CAApB,CADM,CAD2B;EAUnCC,eAAe,EAAEhB,SAAS,CAACiB,IAVQ;EAWnCC,SAAS,EAAElB,SAAS,CAACY,SAAV,CAAoB,CAC7BZ,SAAS,CAACO,MADmB,EAE7BP,SAAS,CAACK,KAAV,cACKF,qBAAqB,CAACU,SAD3B;IAEEC,IAAI,EAAEd,SAAS,CAACe,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GAF6B,CAApB;AAXwB,CAAhB,CAArB;AAoBA,OAAO,MAAMF,SAAS,GAAG;EACvBM,OAAO,EAAEnB,SAAS,CAACW,OAAV,CAAkBP,eAAlB,CADc;EAEvBgB,IAAI,EAAEpB,SAAS,CAACW,OAAV,CAAkBF,YAAlB,CAFiB;EAGvBY,iBAAiB,EAAErB,SAAS,CAACiB,IAHN;EAIvBK,gBAAgB,EAAEtB,SAAS,CAACiB,IAJL;EAKvBM,WAAW,EAAEvB,SAAS,CAACO,MALA;EAMvBiB,eAAe,EAAExB,SAAS,CAACO,MANJ;EAOvBW,SAAS,EAAElB,SAAS,CAACY,SAAV,CAAoB,CAC7BZ,SAAS,CAACK,KAAV,cACKH,UAAU,CAACW,SADhB;IAEEY,aAAa,EAAEzB,SAAS,CAACe,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFjB,GAD6B,EAK7Bf,SAAS,CAACK,KAAV,cACKF,qBAAqB,CAACU,SAD3B;IAEEY,aAAa,EAAEzB,SAAS,CAACe,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFjB,GAL6B,CAApB,CAPY;EAiBvBW,aAAa,EAAE1B,SAAS,CAACiB;AAjBF,CAAlB"}

package/es/molecule/uploading-file-progress/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props } from './types';
+import { UploadingFileProgressProps as Props } from './types';
 declare const UploadingFileProgress: {
     ({ mainText, subText, progressionValue, leftButtonLink, rightButtonLink }: Props): JSX.Element;
     propTypes: {

package/es/molecule/uploading-file-progress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,qBAAqB;+EAMxB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBP,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,0BAA0B,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAEvE,QAAA,MAAM,qBAAqB;+EAMxB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBP,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/es/molecule/uploading-file-progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ButtonLink","Loader","style","propTypes","UploadingFileProgress","mainText","subText","progressionValue","leftButtonLink","rightButtonLink","loaderWrapper","loader","container","buttonContainer"],"sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst UploadingFileProgress = ({\n  mainText,\n  subText,\n  progressionValue,\n  leftButtonLink,\n  rightButtonLink\n}: Props) => (\n  <div>\n    <div className={style.loaderWrapper}>\n      <div className={style.loader}>\n        <Loader theme=\"coorpmanager\" />\n      </div>\n    </div>\n    <div className={style.container}>\n      <p className={style.mainText}>\n        {mainText}\n        <span className={style.progressionValue}> {progressionValue}%</span>\n      </p>\n      <p className={style.subText}>{subText}</p>\n      <div className={style.buttonContainer}>\n        <ButtonLink {...leftButtonLink} className={style.leftButtonLink} />\n        <ButtonLink {...rightButtonLink} className={style.rightButtonLink} />\n      </div>\n    </div>\n  </div>\n);\n\nUploadingFileProgress.propTypes = propTypes;\n\nexport default UploadingFileProgress;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAA+B,SAA/B;;AAEA,MAAMC,qBAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,OAF6B;EAG7BC,gBAH6B;EAI7BC,cAJ6B;EAK7BC;AAL6B,CAAD,kBAO5B,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EAAK,SAAS,EAAER,KAAK,CAACS;AAAtB,gBACE,oBAAC,MAAD;EAAQ,KAAK,EAAC;AAAd,EADF,CADF,CADF,eAME;EAAK,SAAS,EAAET,KAAK,CAACU;AAAtB,gBACE;EAAG,SAAS,EAAEV,KAAK,CAACG;AAApB,GACGA,QADH,eAEE;EAAM,SAAS,EAAEH,KAAK,CAACK;AAAvB,QAA2CA,gBAA3C,MAFF,CADF,eAKE;EAAG,SAAS,EAAEL,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEJ,KAAK,CAACW;AAAtB,gBACE,oBAAC,UAAD,eAAgBL,cAAhB;EAAgC,SAAS,EAAEN,KAAK,CAACM;AAAjD,GADF,eAEE,oBAAC,UAAD,eAAgBC,eAAhB;EAAiC,SAAS,EAAEP,KAAK,CAACO;AAAlD,GAFF,CANF,CANF,CAPF;;AA2BAL,qBAAqB,CAACD,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeC,qBAAf"}
+{"version":3,"file":"index.js","names":["React","ButtonLink","Loader","style","propTypes","UploadingFileProgress","mainText","subText","progressionValue","leftButtonLink","rightButtonLink","loaderWrapper","loader","container","buttonContainer"],"sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {UploadingFileProgressProps as Props, propTypes} from './types';\n\nconst UploadingFileProgress = ({\n  mainText,\n  subText,\n  progressionValue,\n  leftButtonLink,\n  rightButtonLink\n}: Props) => (\n  <div>\n    <div className={style.loaderWrapper}>\n      <div className={style.loader}>\n        <Loader theme=\"coorpmanager\" />\n      </div>\n    </div>\n    <div className={style.container}>\n      <p className={style.mainText}>\n        {mainText}\n        <span className={style.progressionValue}> {progressionValue}%</span>\n      </p>\n      <p className={style.subText}>{subText}</p>\n      <div className={style.buttonContainer}>\n        <ButtonLink {...leftButtonLink} className={style.leftButtonLink} />\n        <ButtonLink {...rightButtonLink} className={style.rightButtonLink} />\n      </div>\n    </div>\n  </div>\n);\n\nUploadingFileProgress.propTypes = propTypes;\n\nexport default UploadingFileProgress;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAA6CC,SAA7C,QAA6D,SAA7D;;AAEA,MAAMC,qBAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,OAF6B;EAG7BC,gBAH6B;EAI7BC,cAJ6B;EAK7BC;AAL6B,CAAD,kBAO5B,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EAAK,SAAS,EAAER,KAAK,CAACS;AAAtB,gBACE,oBAAC,MAAD;EAAQ,KAAK,EAAC;AAAd,EADF,CADF,CADF,eAME;EAAK,SAAS,EAAET,KAAK,CAACU;AAAtB,gBACE;EAAG,SAAS,EAAEV,KAAK,CAACG;AAApB,GACGA,QADH,eAEE;EAAM,SAAS,EAAEH,KAAK,CAACK;AAAvB,QAA2CA,gBAA3C,MAFF,CADF,eAKE;EAAG,SAAS,EAAEL,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEJ,KAAK,CAACW;AAAtB,gBACE,oBAAC,UAAD,eAAgBL,cAAhB;EAAgC,SAAS,EAAEN,KAAK,CAACM;AAAjD,GADF,eAEE,oBAAC,UAAD,eAAgBC,eAAhB;EAAiC,SAAS,EAAEP,KAAK,CAACO;AAAlD,GAFF,CANF,CANF,CAPF;;AA2BAL,qBAAqB,CAACD,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeC,qBAAf"}

package/es/molecule/uploading-file-progress/types.d.ts

@@ -1,4 +1,6 @@
 import PropTypes from 'prop-types';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+import Picture from '../../atom/picture';
 export declare const propTypes: {
     mainText: PropTypes.Requireable<string>;
     subText: PropTypes.Requireable<string>;
@@ -27,5 +29,12 @@ export declare const propTypes: {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }>>;
 };
-export declare type Props = PropTypes.InferProps<typeof propTypes>;
+export declare type UploadingFileProgressProps = {
+    mainText?: string;
+    subText?: string;
+    imageUrl?: PropTypes.InferProps<typeof Picture.propTypes.src>;
+    progressionValue?: number;
+    leftButtonLink?: ButtonLinkProps;
+    rightButtonLink?: ButtonLinkProps;
+};
 //# sourceMappingURL=types.d.ts.map

package/es/molecule/uploading-file-progress/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC"}

package/es/molecule/uploading-file-progress/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","progressionValue","number","leftButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","rightButtonLink"],"sources":["../../../src/molecule/uploading-file-progress/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  progressionValue: PropTypes.number,\n  leftButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  rightButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,gBAAgB,EAAER,SAAS,CAACS,MAJL;EAKvBC,cAAc,EAAEV,SAAS,CAACW,KAAV,CAAgB;IAC9BC,IAAI,EAAEZ,SAAS,CAACI,MADc;IAE9BS,KAAK,EAAEb,SAAS,CAACI,MAFa;IAG9BU,SAAS,EAAEd,SAAS,CAACI,MAHS;IAI9BW,QAAQ,EAAEf,SAAS,CAACI,MAJU;IAK9BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALwB;IAS9Bc,OAAO,EAAElB,SAAS,CAACmB;EATW,CAAhB,CALO;EAgBvBC,eAAe,EAAEpB,SAAS,CAACW,KAAV,CAAgB;IAC/BC,IAAI,EAAEZ,SAAS,CAACI,MADe;IAE/BS,KAAK,EAAEb,SAAS,CAACI,MAFc;IAG/BU,SAAS,EAAEd,SAAS,CAACI,MAHU;IAI/BW,QAAQ,EAAEf,SAAS,CAACI,MAJW;IAK/BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALyB;IAS/Bc,OAAO,EAAElB,SAAS,CAACmB;EATY,CAAhB;AAhBM,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","progressionValue","number","leftButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","rightButtonLink"],"sources":["../../../src/molecule/uploading-file-progress/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  progressionValue: PropTypes.number,\n  leftButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  rightButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type UploadingFileProgressProps = {\n  mainText?: string;\n  subText?: string;\n  imageUrl?: PropTypes.InferProps<typeof Picture.propTypes.src>;\n  progressionValue?: number;\n  leftButtonLink?: ButtonLinkProps;\n  rightButtonLink?: ButtonLinkProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,gBAAgB,EAAER,SAAS,CAACS,MAJL;EAKvBC,cAAc,EAAEV,SAAS,CAACW,KAAV,CAAgB;IAC9BC,IAAI,EAAEZ,SAAS,CAACI,MADc;IAE9BS,KAAK,EAAEb,SAAS,CAACI,MAFa;IAG9BU,SAAS,EAAEd,SAAS,CAACI,MAHS;IAI9BW,QAAQ,EAAEf,SAAS,CAACI,MAJU;IAK9BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALwB;IAS9Bc,OAAO,EAAElB,SAAS,CAACmB;EATW,CAAhB,CALO;EAgBvBC,eAAe,EAAEpB,SAAS,CAACW,KAAV,CAAgB;IAC/BC,IAAI,EAAEZ,SAAS,CAACI,MADe;IAE/BS,KAAK,EAAEb,SAAS,CAACI,MAFc;IAG/BU,SAAS,EAAEd,SAAS,CAACI,MAHU;IAI/BW,QAAQ,EAAEf,SAAS,CAACI,MAJW;IAK/BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALyB;IAS/Bc,OAAO,EAAElB,SAAS,CAACmB;EATY,CAAhB;AAhBM,CAAlB"}

package/es/organism/brand-form/index.d.ts

@@ -449,7 +449,6 @@ declare namespace BrandForm {
                     type: PropTypes.Requireable<string>;
                 }>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
                     href: PropTypes.Requireable<string>;
                     download: PropTypes.Requireable<boolean>;
@@ -458,7 +457,6 @@ declare namespace BrandForm {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-                useTitle: PropTypes.Requireable<boolean>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;

package/es/organism/list-items/index.d.ts

@@ -1,10 +1,9 @@
 export default ListItems;
-declare function ListItems({ title, buttonLink, items, "aria-label": ariaLabel, contentType }: {
+declare function ListItems({ title, buttonLink, content, "aria-label": ariaLabel }: {
     title: any;
     buttonLink: any;
-    items: any;
+    content: any;
     "aria-label": any;
-    contentType: any;
 }): JSX.Element;
 declare namespace ListItems {
     const propTypes: {
@@ -20,7 +19,6 @@ declare namespace ListItems {
                 type: PropTypes.Requireable<string>;
             }>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
                 download: PropTypes.Requireable<boolean>;
@@ -29,7 +27,6 @@ declare namespace ListItems {
             disabled: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
             customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            useTitle: PropTypes.Requireable<boolean>;
         }>>;
         items: PropTypes.Requireable<(PropTypes.InferProps<{
             bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
@@ -63,8 +60,114 @@ declare namespace ListItems {
             'aria-label': PropTypes.Requireable<string>;
             contentType: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
+        content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+            items: PropTypes.Requireable<(PropTypes.InferProps<{
+                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>;
+                }>>;
+                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>;
+                }>>;
+                tags: PropTypes.Requireable<(PropTypes.InferProps<{
+                    label: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                title: PropTypes.Validator<string>;
+                order: PropTypes.Requireable<number>;
+                'aria-label': PropTypes.Requireable<string>;
+                contentType: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
+            type: PropTypes.Requireable<string>;
+            itemType: PropTypes.Requireable<string>;
+        }> | 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>;
+                    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>;
+        }> | null | undefined>>;
         title: PropTypes.Requireable<string>;
-        contentType: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/organism/list-items/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAOA;;;;;;gBAsBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AA+BA;;;;;gBAgBC"}

package/es/organism/list-items/index.js

@@ -5,23 +5,50 @@ import PropTypes from 'prop-types';
 import ListItem from '../list-item';
 import Title from '../../atom/title';
 import ButtonLink from '../../atom/button-link';
+import ExpandibleActionableTable from '../../molecule/expandible-actionable-table';
 import style from './style.css';
 
-const ListItems = ({
-  title,
-  buttonLink,
-  items,
-  'aria-label': ariaLabel,
-  contentType
-}) => {
+const buildListItemsView = (content, ariaLabel) => {
+  const {
+    items,
+    itemType
+  } = content;
   const itemsView = items.map((item, index) => /*#__PURE__*/React.createElement("li", {
     key: item.id,
     className: style.item,
     "data-name": `content-${index}`
   }, /*#__PURE__*/React.createElement(ListItem, _extends({}, item, {
     order: index,
-    contentType: contentType
+    contentType: itemType
   }))));
+  return /*#__PURE__*/React.createElement("ul", {
+    className: style.list,
+    "aria-label": ariaLabel,
+    "data-name": 'content-list'
+  }, itemsView);
+};
+
+const buildContentView = (content, ariaLabel) => {
+  const {
+    type
+  } = content;
+
+  switch (type) {
+    case 'list':
+      return buildListItemsView(content, ariaLabel);
+
+    case 'expandible-actionable-table':
+      return /*#__PURE__*/React.createElement(ExpandibleActionableTable, content);
+  }
+};
+
+const ListItems = ({
+  title,
+  buttonLink,
+  content,
+  'aria-label': ariaLabel
+}) => {
+  const contentView = buildContentView(content, ariaLabel);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: style.header
   }, /*#__PURE__*/React.createElement("div", {
@@ -32,19 +59,21 @@ const ListItems = ({
     "data-name": 'list-title'
   })), /*#__PURE__*/React.createElement("div", {
     className: style.buttonCreate
-  }, /*#__PURE__*/React.createElement(ButtonLink, buttonLink))), /*#__PURE__*/React.createElement("ul", {
-    className: style.list,
-    "aria-label": ariaLabel,
-    "data-name": 'content-list'
-  }, itemsView));
+  }, /*#__PURE__*/React.createElement(ButtonLink, buttonLink))), contentView);
 };
 
 ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   buttonLink: PropTypes.shape(ButtonLink.propTypes),
   items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),
-  title: PropTypes.string,
-  contentType: PropTypes.string
+  content: PropTypes.oneOfType([PropTypes.shape({
+    items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),
+    type: PropTypes.oneOf(['list']),
+    itemType: PropTypes.string
+  }), PropTypes.shape(_extends({}, ExpandibleActionableTable.propTypes, {
+    type: PropTypes.oneOf(['expandible-actionable-table'])
+  }))]),
+  title: PropTypes.string
 } : {};
 export default ListItems;
 //# sourceMappingURL=index.js.map

package/es/organism/list-items/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ListItem","Title","ButtonLink","style","ListItems","title","buttonLink","items","ariaLabel","contentType","itemsView","map","item","index","id","header","buttonCreate","list","propTypes","string","shape","arrayOf"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel, contentType}) => {\n  const itemsView = items.map((item, index) => (\n    <li key={item.id} className={style.item} data-name={`content-${index}`}>\n      <ListItem {...item} order={index} contentType={contentType} />\n    </li>\n  ));\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      <ul className={style.list} aria-label={ariaLabel} data-name={'content-list'}>\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string,\n  contentType: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoBC,KAApB;EAA2B,cAAcC,SAAzC;EAAoDC;AAApD,CAAD,KAAsE;EACtF,MAAMC,SAAS,GAAGH,KAAK,CAACI,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,kBAC1B;IAAI,GAAG,EAAED,IAAI,CAACE,EAAd;IAAkB,SAAS,EAAEX,KAAK,CAACS,IAAnC;IAAyC,aAAY,WAAUC,KAAM;EAArE,gBACE,oBAAC,QAAD,eAAcD,IAAd;IAAoB,KAAK,EAAEC,KAA3B;IAAkC,WAAW,EAAEJ;EAA/C,GADF,CADgB,CAAlB;EAMA,oBACE,8CACE;IAAK,SAAS,EAAEN,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACE;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAEF,KAAK,CAACa;EAAtB,gBACE,oBAAC,UAAD,EAAgBV,UAAhB,CADF,CAJF,CADF,eASE;IAAI,SAAS,EAAEH,KAAK,CAACc,IAArB;IAA2B,cAAYT,SAAvC;IAAkD,aAAW;EAA7D,GACGE,SADH,CATF,CADF;AAeD,CAtBD;;AAwBAN,SAAS,CAACc,SAAV,2CAAsB;EACpB,cAAcnB,SAAS,CAACoB,MADJ;EAEpBb,UAAU,EAAEP,SAAS,CAACqB,KAAV,CAAgBlB,UAAU,CAACgB,SAA3B,CAFQ;EAGpBX,KAAK,EAAER,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACqB,KAAV,CAAgBpB,QAAQ,CAACkB,SAAzB,CAAlB,CAHa;EAIpBb,KAAK,EAAEN,SAAS,CAACoB,MAJG;EAKpBV,WAAW,EAAEV,SAAS,CAACoB;AALH,CAAtB;AAQA,eAAef,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ListItem","Title","ButtonLink","ExpandibleActionableTable","style","buildListItemsView","content","ariaLabel","items","itemType","itemsView","map","item","index","id","list","buildContentView","type","ListItems","title","buttonLink","contentView","header","buttonCreate","propTypes","string","shape","arrayOf","oneOfType","oneOf"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel) => {\n  const {items, itemType} = content;\n  const itemsView = items.map((item, index) => (\n    <li key={item.id} className={style.item} data-name={`content-${index}`}>\n      <ListItem {...item} order={index} contentType={itemType} />\n    </li>\n  ));\n  return (\n    <ul className={style.list} aria-label={ariaLabel} data-name={'content-list'}>\n      {itemsView}\n    </ul>\n  );\n};\nconst buildContentView = (content, ariaLabel) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({title, buttonLink, content, 'aria-label': ariaLabel}) => {\n  const contentView = buildContentView(content, ariaLabel);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      {contentView}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":"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"}