@coorpacademy/components 11.18.9 → 11.18.10

package/es/molecule/draggable-list/index.d.ts

@@ -60,17 +60,12 @@ declare namespace DraggableList {
             position: PropTypes.Requireable<number>;
             id: PropTypes.Requireable<string>;
         }> | 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>;
-            }>>;
+            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>;
@@ -82,11 +77,36 @@ declare namespace DraggableList {
                 }>>;
                 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)[]>;
-            title: PropTypes.Validator<string>;
+            isBulkStyle: PropTypes.Requireable<boolean>;
             order: PropTypes.Requireable<number>;
             'aria-label': PropTypes.Requireable<string>;
             contentType: PropTypes.Requireable<string>;

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

@@ -35,6 +35,7 @@ declare const ActionableExpandableErrorsTable: {
             fields: import("prop-types").Requireable<(NonNullable<string | import("prop-types").InferProps<{
                 type: import("prop-types").Requireable<string>;
                 current: import("prop-types").Requireable<boolean>;
+                selected: import("prop-types").Requireable<boolean>;
                 icon: import("prop-types").Requireable<string>;
                 value: import("prop-types").Requireable<string>;
             }> | null | undefined> | null | undefined)[]>;
@@ -97,6 +98,8 @@ declare const ActionableExpandableErrorsTable: {
             isBulkMenu: import("prop-types").Requireable<boolean>;
         }> | null | undefined>>;
         isNestedTable: import("prop-types").Requireable<boolean>;
+        emptyStateFirstMessage: import("prop-types").Requireable<string>;
+        emptyStateSecondMessage: import("prop-types").Requireable<string>;
     };
 };
 export default ActionableExpandableErrorsTable;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAiCnF,QAAA,MAAM,+BAA+B;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKrF,CAAC;AASF,eAAe,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,+BAA+B;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLrF,CAAC;AASF,eAAe,+BAA+B,CAAC"}

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

@@ -1,3 +1,4 @@
+import _isEmpty from "lodash/fp/isEmpty";
 import _includes from "lodash/fp/includes";
 import _size from "lodash/fp/size";
 import _isString from "lodash/fp/isString";
@@ -14,6 +15,7 @@ import Provider, { GetTranslateFromContext } from '../../atom/provider';
 import BulletPointMenuButton from '../bullet-point-menu-button';
 import ButtonLink from '../../atom/button-link';
 import ErrorsTable from '../errors-table';
+import EmptySearchResult from '../../atom/empty-search-result';
 import style from './style.css';
 import { propTypes } from './types';
 
@@ -25,7 +27,9 @@ const buildField = field => {
 
   switch (componentType) {
     case 'status':
-      return /*#__PURE__*/React.createElement(StatusItem, field);
+      return /*#__PURE__*/React.createElement("div", {
+        className: style.statusItemWrapper
+      }, /*#__PURE__*/React.createElement(StatusItem, field));
 
     case 'progress-bar':
       return /*#__PURE__*/React.createElement(BulkProgressBar, field);
@@ -69,7 +73,9 @@ const ActionableExpandableErrorsTable = (props, legacyContext) => {
     stickyLastColumn = false,
     ariaDescribedby,
     columnWidth = `${100 / _size(columns)}%`,
-    isNestedTable = false
+    isNestedTable = false,
+    emptyStateFistMessage = '',
+    emptyStateSecondMessage = ''
   } = props;
   const translate = GetTranslateFromContext(legacyContext);
   /**
@@ -83,6 +89,13 @@ const ActionableExpandableErrorsTable = (props, legacyContext) => {
    */
 
   const [expandState, setExpandState] = useState({});
+  if (_isEmpty(columns)) return /*#__PURE__*/React.createElement("div", {
+    className: style.wrapper
+  }, /*#__PURE__*/React.createElement(EmptySearchResult, {
+    firstMessage: emptyStateFistMessage,
+    secondMessage: emptyStateSecondMessage,
+    isBulk: true
+  }));
   /**
    * This function gets called when show/hide link is clicked.
    */

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIconOnly","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","style","propTypes","buildField","field","componentType","buildLastField","lastField","buildNestedRow","row","ActionableExpandableErrorsTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","translate","expandedRows","setExpandedRows","expandState","setExpandState","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","wrapper","table","theadNested","thead","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return <StatusItem {...field} />;\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableErrorsTable {...row} />;\n  }\n};\n\nconst ActionableExpandableErrorsTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false\n  } = props;\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIconOnly\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-testid=\"expandible-actionable-table\"\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableErrorsTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableErrorsTable.propTypes = propTypes;\n\nexport default ActionableExpandableErrorsTable;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIconOnly","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","EmptySearchResult","style","propTypes","buildField","field","componentType","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableErrorsTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","expandedRows","setExpandedRows","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","table","theadNested","thead","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes, isEmpty} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return (\n        <div className={style.statusItemWrapper}>\n          <StatusItem {...field} />\n        </div>\n      );\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableErrorsTable {...row} />;\n  }\n};\n\nconst ActionableExpandableErrorsTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false,\n    emptyStateFistMessage = '',\n    emptyStateSecondMessage = ''\n  } = props;\n\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  if (isEmpty(columns))\n    return (\n      <div className={style.wrapper}>\n        <EmptySearchResult\n          firstMessage={emptyStateFistMessage}\n          secondMessage={emptyStateSecondMessage}\n          isBulk\n        />\n      </div>\n    );\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIconOnly\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-testid=\"expandible-actionable-table\"\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableErrorsTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableErrorsTable.propTypes = propTypes;\n\nexport default ActionableExpandableErrorsTable;\n"],"mappings":"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"}

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

@@ -132,3 +132,8 @@
 padding: 10px;
 border-top: 1px solid light;  
 }
+
+.statusItemWrapper {
+  width: 24px;
+  height: 24px;
+}

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

@@ -12,6 +12,7 @@ export declare const propTypes: {
         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)[]>;
@@ -74,6 +75,8 @@ export declare const propTypes: {
         isBulkMenu: PropTypes.Requireable<boolean>;
     }> | null | undefined>>;
     isNestedTable: PropTypes.Requireable<boolean>;
+    emptyStateFirstMessage: PropTypes.Requireable<string>;
+    emptyStateSecondMessage: PropTypes.Requireable<string>;
 };
 export declare type Field = string | (StatusItemProps & {
     componentType: 'status';
@@ -109,6 +112,8 @@ export declare type Props = {
     ariaDescribedby?: string;
     lastField?: LastField;
     isNestedTable?: boolean;
+    emptyStateFistMessage?: string;
+    emptyStateSecondMessage?: string;
 };
 export declare type ExpandState = {
     [key: number]: boolean;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBrB,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;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAC,CAAC"}

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

@@ -28,6 +28,8 @@ export const propTypes = {
   })), PropTypes.shape(_extends({}, BulletPointMenuButton.propTypes, {
     componentType: PropTypes.oneOf(['menu'])
   }))]),
-  isNestedTable: PropTypes.bool
+  isNestedTable: PropTypes.bool,
+  emptyStateFirstMessage: PropTypes.string,
+  emptyStateSecondMessage: PropTypes.string
 };
 //# sourceMappingURL=types.js.map

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

@@ -1 +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"}
+{"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","emptyStateFirstMessage","emptyStateSecondMessage"],"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  emptyStateFirstMessage: PropTypes.string,\n  emptyStateSecondMessage: PropTypes.string\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  emptyStateFistMessage?: string;\n  emptyStateSecondMessage?: string;\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,IAjBF;EAkBvBU,sBAAsB,EAAE3B,SAAS,CAACO,MAlBX;EAmBvBqB,uBAAuB,EAAE5B,SAAS,CAACO;AAnBZ,CAAlB"}

package/es/molecule/review-header-steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/index.js"],"names":[],"mappings":";AAMA,4DAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/index.js"],"names":[],"mappings":";AAMA,4DAiBC"}

package/es/molecule/review-header-steps/index.js

@@ -1,5 +1,3 @@
-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 React from 'react';
 import map from 'lodash/fp/map';
 import StatusItem from '../../atom/status-item';
@@ -12,9 +10,10 @@ const ReviewHeaderSteps = props => {
   } = props;
   const items = map.convert({
     cap: false
-  })((step, index) => /*#__PURE__*/React.createElement(StatusItem, _extends({}, step, {
+  })((step, index) => /*#__PURE__*/React.createElement("div", {
+    className: style.statusItemContainer,
     key: index
-  })), steps);
+  }, /*#__PURE__*/React.createElement(StatusItem, step)), steps);
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper,
     "data-name": "header-steps"

package/es/molecule/review-header-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","map","StatusItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","wrapper"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => <StatusItem {...step} key={index} />,\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,KAAK,GAAGP,GAAG,CAACQ,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,oBAAC,UAAD,eAAgBD,IAAhB;IAAsB,GAAG,EAAEC;EAA3B,GADL,EAEZL,KAFY,CAAd;EAKA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACU,OAAtB;IAA+B,aAAU;EAAzC,GACGL,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACD,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeC,iBAAf"}
+{"version":3,"file":"index.js","names":["React","map","StatusItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","statusItemContainer","wrapper"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => (\n      <div className={style.statusItemContainer} key={index}>\n        <StatusItem {...step} />\n      </div>\n    ),\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,KAAK,GAAGP,GAAG,CAACQ,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBACE;IAAK,SAAS,EAAET,KAAK,CAACU,mBAAtB;IAA2C,GAAG,EAAED;EAAhD,gBACE,oBAAC,UAAD,EAAgBD,IAAhB,CADF,CAFU,EAMZJ,KANY,CAAd;EASA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACW,OAAtB;IAA+B,aAAU;EAAzC,GACGN,KADH,CADF;AAKD,CAjBD;;AAmBAH,iBAAiB,CAACD,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeC,iBAAf"}

package/es/molecule/review-header-steps/prop-types.d.ts

@@ -3,6 +3,7 @@ import { StatusItemProps } from '../../atom/status-item/types';
 declare const propTypes: {
     steps: PropTypes.Requireable<(PropTypes.InferProps<{
         current: PropTypes.Requireable<boolean>;
+        selected: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
     }> | null | undefined)[]>;

package/es/molecule/review-header-steps/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAsC,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE5F,QAAA,MAAM,SAAS;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAsC,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE5F,QAAA,MAAM,SAAS;;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B,CAAC"}

package/es/molecule/review-header-steps/style.css

@@ -3,4 +3,9 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-}
+}
+
+.statusItemContainer {
+  width: 32px;
+  height: 32px;
+}

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

@@ -1,18 +1,24 @@
 export default ListItem;
-declare function ListItem(props: any): JSX.Element;
+declare function ListItem({ buttonLink, buttonLinkIcon, bulletPointMenuButton, tags, title, dataColumns, order, "aria-label": ariaLabel, contentType, isBulkStyle }: {
+    buttonLink: any;
+    buttonLinkIcon: any;
+    bulletPointMenuButton: any;
+    tags: any;
+    title: any;
+    dataColumns: any;
+    order: any;
+    "aria-label": any;
+    contentType: any;
+    isBulkStyle?: boolean | undefined;
+}): JSX.Element;
 declare namespace ListItem {
     const propTypes: {
-        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>;
-        }>>;
+        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>;
@@ -24,11 +30,36 @@ declare namespace ListItem {
             }>>;
             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)[]>;
-        title: PropTypes.Validator<string>;
+        isBulkStyle: PropTypes.Requireable<boolean>;
         order: PropTypes.Requireable<number>;
         'aria-label': PropTypes.Requireable<string>;
         contentType: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAQA,mDA8CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAWA;;;;;;;;;;;gBAgEC"}

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

@@ -1,65 +1,74 @@
 import _map from "lodash/fp/map";
 import React from 'react';
 import PropTypes from 'prop-types';
+import classnames from 'classnames';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
-import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
+import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import BulletPointMenuButton from '../../molecule/bullet-point-menu-button'; // eslint-disable-next-line css-modules/no-unused-class
+
 import style from './style.css';
 
-const ListItem = props => {
+const ListItem = ({
+  buttonLink,
+  buttonLinkIcon,
+  bulletPointMenuButton,
+  tags,
+  title,
+  dataColumns,
+  order,
+  'aria-label': ariaLabel,
+  contentType,
+  isBulkStyle = false
+}) => {
   let isPublished = false;
-  const {
-    bulletPointMenuButton,
-    buttonLink,
-    tags,
-    title,
-    order,
-    'aria-label': ariaLabel,
-    contentType
-  } = props;
 
   const tagsView = _map.convert({
     cap: false
   })((tag, index) => {
-    isPublished = tag.type === 'published';
+    isPublished = tag.type === 'success';
     return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: style.tag
     }, /*#__PURE__*/React.createElement(Tag, tag));
   })(tags);
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: style.wrapper
-  }, isPublished && contentType === 'certification' ? /*#__PURE__*/React.createElement("div", {
-    className: style.orderWrapper
-  }, order !== null && order !== undefined ? /*#__PURE__*/React.createElement("div", {
+  const dataColumnsView = _map.convert({
+    cap: false
+  })((dataColumn, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: style[dataColumn.className]
+    }, dataColumn.type ? /*#__PURE__*/React.createElement(Tag, dataColumn) : dataColumn.label);
+  })(dataColumns);
+
+  const orderView = order !== null && order !== undefined ? /*#__PURE__*/React.createElement("div", {
     className: style.order,
     "aria-label": ariaLabel
-  }, order + 1) : null, /*#__PURE__*/React.createElement("div", {
-    className: style.title,
-    title: title
-  }, title)) : /*#__PURE__*/React.createElement("div", {
+  }, order + 1) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(style.wrapper, isBulkStyle && style.gridLayout)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.dataColumnsWrapper
+  }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/React.createElement("div", {
     className: style.title,
     title: title
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, title), dataColumnsView), /*#__PURE__*/React.createElement("div", {
     className: style.settings
-  }, tagsView, /*#__PURE__*/React.createElement("div", {
-    className: style.edit
-  }, /*#__PURE__*/React.createElement(ButtonLink, buttonLink)), /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton)));
+  }, tagsView, buttonLink ? /*#__PURE__*/React.createElement("div", {
+    className: style.buttonLink
+  }, /*#__PURE__*/React.createElement(ButtonLink, buttonLink)) : null, buttonLinkIcon ? /*#__PURE__*/React.createElement("div", {
+    className: style.buttonLink
+  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonLinkIcon)) : null, /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton)));
 };
 
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  bulletPointMenuButton: PropTypes.shape({
-    buttonAriaLabel: PropTypes.string,
-    menuAriaLabel: PropTypes.string,
-    buttons: PropTypes.arrayOf(PropTypes.shape({
-      'data-name': PropTypes.string,
-      label: PropTypes.string,
-      type: PropTypes.string,
-      onClick: PropTypes.func
-    })),
-    onClick: PropTypes.func
-  }),
+  title: PropTypes.string.isRequired,
+  dataColumns: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string,
+    type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),
+    className: PropTypes.oneOf(['cell', 'title'])
+  })),
   buttonLink: PropTypes.shape({
     type: PropTypes.string,
     label: PropTypes.string,
@@ -71,11 +80,36 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
     }),
     onClick: PropTypes.func
   }),
+  buttonLinkIcon: PropTypes.shape({
+    size: PropTypes.oneOf(['default', 'small', 'responsive']),
+    'aria-label': PropTypes.string,
+    'data-name': PropTypes.string,
+    icon: PropTypes.string,
+    onClick: PropTypes.func,
+    link: PropTypes.shape({
+      href: PropTypes.string,
+      download: PropTypes.bool,
+      target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+    }),
+    disabled: PropTypes.bool,
+    className: PropTypes.string
+  }),
+  bulletPointMenuButton: PropTypes.shape({
+    buttonAriaLabel: PropTypes.string,
+    menuAriaLabel: PropTypes.string,
+    buttons: PropTypes.arrayOf(PropTypes.shape({
+      'data-name': PropTypes.string,
+      label: PropTypes.string,
+      type: PropTypes.string,
+      onClick: PropTypes.func
+    })),
+    onClick: PropTypes.func
+  }),
   tags: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
-    type: PropTypes.oneOf(['published', 'draft', 'archived', 'revised', 'default'])
+    type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])
   })),
-  title: PropTypes.string.isRequired,
+  isBulkStyle: PropTypes.bool,
   order: PropTypes.number,
   'aria-label': PropTypes.string,
   contentType: PropTypes.string,