@coorpacademy/components 11.32.52 → 11.33.0

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

@@ -3,9 +3,7 @@ import _includes from "lodash/fp/includes";
 import _size from "lodash/fp/size";
 import _isString from "lodash/fp/isString";
 import _get from "lodash/fp/get";
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useState } from 'react';
 import classnames from 'classnames';
 import ButtonLinkIcon from '../../atom/button-link-icon';
@@ -18,52 +16,42 @@ import ErrorsTable from '../errors-table';
 import EmptySearchResult from '../../atom/empty-search-result';
 import style from './style.css';
 import { propTypes } from './types';
-
 const buildField = field => {
   if (_isString(field)) return field;
   const {
     componentType
   } = field;
-
   switch (componentType) {
     case 'status':
       return /*#__PURE__*/React.createElement("div", {
         className: style.statusItemWrapper
       }, /*#__PURE__*/React.createElement(StatusItem, field));
-
     case 'progress-bar':
       return /*#__PURE__*/React.createElement(BulkProgressBar, field);
   }
 };
-
 const buildLastField = lastField => {
   const {
     componentType
   } = lastField;
-
   switch (componentType) {
     case 'menu':
       return /*#__PURE__*/React.createElement(BulletPointMenuButton, lastField);
-
     case 'button-link':
       return /*#__PURE__*/React.createElement(ButtonLink, lastField);
   }
 };
-
 const buildNestedRow = row => {
   const {
     componentType
   } = row;
-
   switch (componentType) {
     case 'errors-table':
       return /*#__PURE__*/React.createElement(ErrorsTable, row);
-
     case 'expandible-errors-table':
       return /*#__PURE__*/React.createElement(ActionableExpandableTable, row);
   }
 };
-
 const ActionableExpandableTable = (props, legacyContext) => {
   const {
     columns,
@@ -78,16 +66,16 @@ const ActionableExpandableTable = (props, legacyContext) => {
     emptyStateSecondMessage = ''
   } = props;
   const translate = GetTranslateFromContext(legacyContext);
+
   /**
    * State variable to keep track of all the expanded rows
    * By default, nothing expanded. Hence initialized with empty array.
    */
-
   const [expandedRows, setExpandedRows] = useState([]);
+
   /**
    * State variable to keep track which row is currently expanded.
    */
-
   const [expandState, setExpandState] = useState({});
   if (_isEmpty(columns)) return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
@@ -96,32 +84,30 @@ const ActionableExpandableTable = (props, legacyContext) => {
     secondMessage: emptyStateSecondMessage,
     isBulk: true
   }));
+
   /**
    * This function gets called when show/hide link is clicked.
    */
-
   const handleExpandRow = index => () => {
     const isRowExpanded = _includes(index, expandedRows);
+
     /**
      * If the row is expanded, we are here to hide it. Hence remove
      * it from the state variable. Otherwise add to it.
      */
-
-
     const newExpandedRows = isRowExpanded ? expandedRows.filter(id => id !== index) : expandedRows.concat(index);
     setExpandedRows(newExpandedRows);
+
     /**
      * Create a new object to update the expanded state of all rows
      * Use the newExpandedRows array to set the state of all rows that are currently expanded
      */
-
     const expandedState = {};
     newExpandedRows.forEach(id => {
       expandedState[id] = true;
     });
     setExpandState(expandedState);
   };
-
   const headerRow = columns.map((column, cIndex) => {
     const {
       title
@@ -132,7 +118,7 @@ const ActionableExpandableTable = (props, legacyContext) => {
       role: "columnheader"
     }, title);
   });
-  headerRow.push( /*#__PURE__*/React.createElement("th", {
+  headerRow.push(/*#__PURE__*/React.createElement("th", {
     className: stickyLastColumn ? style.headerLastSticky : style.headerLast,
     key: "action-header"
   }));
@@ -162,7 +148,7 @@ const ActionableExpandableTable = (props, legacyContext) => {
         key: `${field}-${fIndex}`
       }, cellContent);
     });
-    bodyRow.push( /*#__PURE__*/React.createElement("td", {
+    bodyRow.push(/*#__PURE__*/React.createElement("td", {
       className: stickyLastColumn ? style.columnLastSticky : style.columnLast,
       key: "actionHeader"
     }, lastField ? /*#__PURE__*/React.createElement("div", {
@@ -170,9 +156,7 @@ const ActionableExpandableTable = (props, legacyContext) => {
         [style.inspectButton]: _get('className', lastField) === 'bulkInspectButton'
       })
     }, buildLastField(lastField)) : null));
-
     const nestedRow = _get('nestedRow', row);
-
     const nestedRowCellule = nestedRow && expandedRows.includes(index) ? /*#__PURE__*/React.createElement("tr", {
       key: `line-${index}-error`
     }, /*#__PURE__*/React.createElement("td", {
@@ -197,7 +181,6 @@ const ActionableExpandableTable = (props, legacyContext) => {
     className: isNestedTable ? style.theadNested : style.thead
   }, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView)));
 };
-
 ActionableExpandableTable.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIcon","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","EmptySearchResult","style","propTypes","buildField","field","componentType","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","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 ButtonLinkIcon from '../../atom/button-link-icon';\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 <ActionableExpandableTable {...row} />;\n  }\n};\n\nconst ActionableExpandableTable = (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                <ButtonLinkIcon\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\nActionableExpandableTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableTable.propTypes = propTypes;\n\nexport default ActionableExpandableTable;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIcon","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","EmptySearchResult","style","propTypes","buildField","field","_isString","componentType","createElement","className","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","_size","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","expandedRows","setExpandedRows","expandState","setExpandState","_isEmpty","wrapper","firstMessage","secondMessage","isBulk","handleExpandRow","index","isRowExpanded","_includes","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","headerFirstSticky","headerFirst","header","key","role","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","onClick","icon","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","_get","nestedRow","nestedRowCellule","includes","colSpan","length","_extends","table","theadNested","thead","contextTypes","skin","childContextTypes","process","env","NODE_ENV"],"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 ButtonLinkIcon from '../../atom/button-link-icon';\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 <ActionableExpandableTable {...row} />;\n  }\n};\n\nconst ActionableExpandableTable = (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                <ButtonLinkIcon\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\nActionableExpandableTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableTable.propTypes = propTypes;\n\nexport default ActionableExpandableTable;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/expandible-actionable-table/types.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 PropTypes from 'prop-types';
 import StatusItem from '../../atom/status-item';
 import ButtonLink from '../../atom/button-link';
@@ -8,13 +6,15 @@ const columnProptypes = PropTypes.shape({
   title: PropTypes.string.isRequired
 });
 const rowProptypes = PropTypes.shape({
-  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape(_extends({}, StatusItem.propTypes, {
+  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    ...StatusItem.propTypes,
     type: PropTypes.oneOf(['status'])
-  }))])),
+  })])),
   isRowExpandible: PropTypes.bool,
-  lastField: PropTypes.oneOfType([PropTypes.string, PropTypes.shape(_extends({}, BulletPointMenuButton.propTypes, {
+  lastField: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    ...BulletPointMenuButton.propTypes,
     type: PropTypes.oneOf(['menu'])
-  }))])
+  })])
 });
 export const propTypes = {
   columns: PropTypes.arrayOf(columnProptypes),
@@ -23,11 +23,13 @@ export const propTypes = {
   stickyLastColumn: PropTypes.bool,
   columnWidth: PropTypes.string,
   ariaDescribedby: PropTypes.string,
-  lastField: PropTypes.oneOfType([PropTypes.shape(_extends({}, ButtonLink.propTypes, {
+  lastField: PropTypes.oneOfType([PropTypes.shape({
+    ...ButtonLink.propTypes,
     componentType: PropTypes.oneOf(['button-link'])
-  })), PropTypes.shape(_extends({}, BulletPointMenuButton.propTypes, {
+  }), PropTypes.shape({
+    ...BulletPointMenuButton.propTypes,
     componentType: PropTypes.oneOf(['menu'])
-  }))]),
+  })]),
   isNestedTable: PropTypes.bool,
   emptyStateFirstMessage: PropTypes.string,
   emptyStateSecondMessage: PropTypes.string

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","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"}
+{"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,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,qBAAqB,MAAM,6BAA6B;AAO/D,MAAMC,eAAe,GAAGJ,SAAS,CAACK,KAAK,CAAC;EACtCC,KAAK,EAAEN,SAAS,CAACO,MAAM,CAACC;AAC1B,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGT,SAAS,CAACK,KAAK,CAAC;EACnCK,MAAM,EAAEV,SAAS,CAACW,OAAO,CACvBX,SAAS,CAACY,SAAS,CAAC,CAClBZ,SAAS,CAACO,MAAM,EAChBP,SAAS,CAACK,KAAK,CAAC;IACd,GAAGJ,UAAU,CAACY,SAAS;IACvBC,IAAI,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,QAAQ,CAAC;EAClC,CAAC,CAAC,CACH,CACH,CAAC;EACDC,eAAe,EAAEhB,SAAS,CAACiB,IAAI;EAC/BC,SAAS,EAAElB,SAAS,CAACY,SAAS,CAAC,CAC7BZ,SAAS,CAACO,MAAM,EAChBP,SAAS,CAACK,KAAK,CAAC;IACd,GAAGF,qBAAqB,CAACU,SAAS;IAClCC,IAAI,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,MAAM,CAAC;EAChC,CAAC,CAAC,CACH;AACH,CAAC,CAAC;AAEF,OAAO,MAAMF,SAAS,GAAG;EACvBM,OAAO,EAAEnB,SAAS,CAACW,OAAO,CAACP,eAAe,CAAC;EAC3CgB,IAAI,EAAEpB,SAAS,CAACW,OAAO,CAACF,YAAY,CAAC;EACrCY,iBAAiB,EAAErB,SAAS,CAACiB,IAAI;EACjCK,gBAAgB,EAAEtB,SAAS,CAACiB,IAAI;EAChCM,WAAW,EAAEvB,SAAS,CAACO,MAAM;EAC7BiB,eAAe,EAAExB,SAAS,CAACO,MAAM;EACjCW,SAAS,EAAElB,SAAS,CAACY,SAAS,CAAC,CAC7BZ,SAAS,CAACK,KAAK,CAAC;IACd,GAAGH,UAAU,CAACW,SAAS;IACvBY,aAAa,EAAEzB,SAAS,CAACe,KAAK,CAAC,CAAC,aAAa,CAAC;EAChD,CAAC,CAAC,EACFf,SAAS,CAACK,KAAK,CAAC;IACd,GAAGF,qBAAqB,CAACU,SAAS;IAClCY,aAAa,EAAEzB,SAAS,CAACe,KAAK,CAAC,CAAC,MAAM,CAAC;EACzC,CAAC,CAAC,CACH,CAAC;EACFW,aAAa,EAAE1B,SAAS,CAACiB,IAAI;EAC7BU,sBAAsB,EAAE3B,SAAS,CAACO,MAAM;EACxCqB,uBAAuB,EAAE5B,SAAS,CAACO;AACrC,CAAC","ignoreList":[]}

package/es/molecule/external-content-button/index.js

@@ -3,21 +3,21 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import { EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import style from './style.css';
-
 class ExternalContentButton extends React.Component {
+  static contextTypes = {
+    translate: Provider.childContextTypes.translate
+  };
   constructor(props, context) {
     super(props, context);
-
-    this.handleClick = e => {
-      e.stopPropagation();
-      e.preventDefault();
-      const {
-        onClick
-      } = this.props;
-      onClick && onClick(e);
-    };
   }
-
+  handleClick = e => {
+    e.stopPropagation();
+    e.preventDefault();
+    const {
+      onClick
+    } = this.props;
+    onClick && onClick(e);
+  };
   render() {
     const {
       translate
@@ -52,12 +52,7 @@ class ExternalContentButton extends React.Component {
       className: style.description
     }, description));
   }
-
 }
-
-ExternalContentButton.contextTypes = {
-  translate: Provider.childContextTypes.translate
-};
 ExternalContentButton.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.string,
   description: PropTypes.string,

package/es/molecule/external-content-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","EXTERNAL_CONTENT_ICONS","style","ExternalContentButton","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","icon","iconColor","color","button","header","backgroundColor","iconBackground","title","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div\n        onClick={this.handleClick}\n        className={style.button}\n        data-testid=\"external-content-button\"\n      >\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,sBAAR,QAAqC,6BAArC;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAN,SAAoCL,KAAK,CAACM,SAA1C,CAAoD;EAWlDC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAI5BC,WAJ4B,GAIdC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAF;MACAD,CAAC,CAACE,cAAF;MACA,MAAM;QAACC;MAAD,IAAY,KAAKN,KAAvB;MACAM,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;IACD,CAT2B;EAE3B;;EASDI,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAc,KAAKP,OAAzB;IACA,MAAM;MAACQ,IAAD;MAAOC;IAAP,IAAsB,KAAKV,KAAjC;IACA,MAAMW,QAAQ,GAAGhB,sBAAsB,CAACc,IAAD,CAAtB,CAA6BG,IAA9C;IACA,MAAMC,SAAS,GAAGlB,sBAAsB,CAACc,IAAD,CAAtB,CAA6BK,KAA/C;IACA,oBACE;MACE,OAAO,EAAE,KAAKZ,WADhB;MAEE,SAAS,EAAEN,KAAK,CAACmB,MAFnB;MAGE,eAAY;IAHd,gBAKE;MAAK,SAAS,EAAEnB,KAAK,CAACoB,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEJ;MAAlB;IAArC,EALF,eAME;MAAK,SAAS,EAAEjB,KAAK,CAACsB,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEJ;MAAlB;IAA7C,gBACE,oBAAC,QAAD;MAAU,SAAS,EAAEjB,KAAK,CAACgB,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CANF,eASE;MAAM,SAAS,EAAEhB,KAAK,CAACuB;IAAvB,GACGV,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGC,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CATF,eAeE;MAAM,SAAS,EAAEZ,KAAK,CAACc;IAAvB,GAAqCA,WAArC,CAfF,CADF;EAmBD;;AA9CiD;;AAA9Cb,qB,CAOGuB,Y,GAAe;EACpBZ,SAAS,EAAEd,QAAQ,CAAC2B,iBAAT,CAA2Bb;AADlB,C;AAPlBX,qB,CACGyB,S,2CAAY;EACjBb,IAAI,EAAEhB,SAAS,CAAC8B,MADC;EAEjBb,WAAW,EAAEjB,SAAS,CAAC8B,MAFN;EAGjBjB,OAAO,EAAEb,SAAS,CAAC+B;AAHF,C;AAgDrB,eAAe3B,qBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","EXTERNAL_CONTENT_ICONS","style","ExternalContentButton","Component","contextTypes","translate","childContextTypes","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","type","description","IconType","icon","iconColor","color","createElement","className","button","header","backgroundColor","iconBackground","width","height","title","propTypes","process","env","NODE_ENV","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div\n        onClick={this.handleClick}\n        className={style.button}\n        data-testid=\"external-content-button\"\n      >\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,sBAAsB,QAAO,6BAA6B;AAElE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,SAASL,KAAK,CAACM,SAAS,CAAC;EAOlD,OAAOC,YAAY,GAAG;IACpBC,SAAS,EAAEN,QAAQ,CAACO,iBAAiB,CAACD;EACxC,CAAC;EAEDE,WAAWA,CAACC,KAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,KAAK,EAAEC,OAAO,CAAC;EACvB;EAEAC,WAAW,GAAGC,CAAC,IAAI;IACjBA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;IAClB,MAAM;MAACC;IAAO,CAAC,GAAG,IAAI,CAACN,KAAK;IAC5BM,OAAO,IAAIA,OAAO,CAACH,CAAC,CAAC;EACvB,CAAC;EAEDI,MAAMA,CAAA,EAAG;IACP,MAAM;MAACV;IAAS,CAAC,GAAG,IAAI,CAACI,OAAO;IAChC,MAAM;MAACO,IAAI;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACT,KAAK;IACtC,MAAMU,QAAQ,GAAGlB,sBAAsB,CAACgB,IAAI,CAAC,CAACG,IAAI;IAClD,MAAMC,SAAS,GAAGpB,sBAAsB,CAACgB,IAAI,CAAC,CAACK,KAAK;IACpD,oBACExB,KAAA,CAAAyB,aAAA;MACER,OAAO,EAAE,IAAI,CAACJ,WAAY;MAC1Ba,SAAS,EAAEtB,KAAK,CAACuB,MAAO;MACxB,eAAY;IAAyB,gBAErC3B,KAAA,CAAAyB,aAAA;MAAKC,SAAS,EAAEtB,KAAK,CAACwB,MAAO;MAACxB,KAAK,EAAE;QAACyB,eAAe,EAAEN;MAAS;IAAE,CAAE,CAAC,eACrEvB,KAAA,CAAAyB,aAAA;MAAKC,SAAS,EAAEtB,KAAK,CAAC0B,cAAe;MAAC1B,KAAK,EAAE;QAACyB,eAAe,EAAEN;MAAS;IAAE,gBACxEvB,KAAA,CAAAyB,aAAA,CAACJ,QAAQ;MAACK,SAAS,EAAEtB,KAAK,CAACkB,IAAK;MAACS,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE,CACtD,CAAC,eACNhC,KAAA,CAAAyB,aAAA;MAAMC,SAAS,EAAEtB,KAAK,CAAC6B;IAAM,GAC1Bd,IAAI,KAAK,OAAO,GAAGX,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DW,IAAI,KAAK,OAAO,GAAGX,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DW,IAAI,KAAK,SAAS,GAAGX,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,EAC/DW,IAAI,KAAK,SAAS,GAAGX,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAC1D,CAAC,eACPR,KAAA,CAAAyB,aAAA;MAAMC,SAAS,EAAEtB,KAAK,CAACgB;IAAY,GAAEA,WAAkB,CACpD,CAAC;EAEV;AACF;AA/CMf,qBAAqB,CAClB6B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBlB,IAAI,EAAElB,SAAS,CAACqC,MAAM;EACtBlB,WAAW,EAAEnB,SAAS,CAACqC,MAAM;EAC7BrB,OAAO,EAAEhB,SAAS,CAACsC;AACrB,CAAC;AA4CH,eAAelC,qBAAqB","ignoreList":[]}

package/es/molecule/external-content-viewer/index.js

@@ -13,7 +13,6 @@ const iframeStyle = {
   cockpit: style.iframeCockpit,
   mobile: style.iframe
 };
-
 function ExternalContentViewer(props) {
   const {
     url,
@@ -49,7 +48,6 @@ function ExternalContentViewer(props) {
     "data-name": "external-content-iframe"
   });
 }
-
 ExternalContentViewer.propTypes = process.env.NODE_ENV !== "production" ? {
   url: PropTypes.string.isRequired,
   backgroundImageUrl: PropTypes.string,

package/es/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,cADW;EAE1BC,OAAO,EAAEJ,KAAK,CAACK,qBAFW;EAG1BC,MAAM,EAAEN,KAAK,CAACG;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;EAClBL,OAAO,EAAEF,KAAK,CAACQ,MADG;EAElBJ,OAAO,EAAEJ,KAAK,CAACS,aAFG;EAGlBH,MAAM,EAAEN,KAAK,CAACQ;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;EACpC,MAAM;IAACC,GAAD;IAAMC,kBAAN;IAA0BC,WAA1B;IAAuCC,IAAI,GAAG;EAA9C,IAA2DJ,KAAjE;EACA,MAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAD,EAASc,GAAT,CAAtB;EACA,MAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;EAEA,OAAOf,UAAU,CAAC,OAAD,EAAUiB,WAAV,CAAV,gBACL;IAAK,SAAS,EAAEb,mBAAmB,CAACc,IAAD;EAAnC,gBACE;IACE,SAAS,EAAEf,KAAK,CAACkB,SADnB;IAEE,KAAK,EAAE;MAACC,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;IAAlE;EAFT,EADF,eAKE;IACE,SAAS,EAAEb,KAAK,CAACoB,OADnB;IAEE,QAAQ,MAFV;IAGE,YAAY,EAAC,YAHf;IAIE,QAAQ,EAAC,EAJX;IAKE,IAAI,EAAC,OALP;IAME,aAAU,0BANZ;IAOE,OAAO,EAAC;EAPV,gBASE;IAAQ,GAAG,EAAER,GAAb;IAAkB,IAAI,EAAEE;EAAxB,EATF,CALF,CADK,gBAmBL;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;IAEE,WAAW,EAAE,CAFf;IAGE,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;IAIE,eAAe,MAJjB;IAKE,aAAU;EALZ,EAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;EAChCT,GAAG,EAAEb,SAAS,CAACuB,MAAV,CAAiBC,UADU;EAEhCV,kBAAkB,EAAEd,SAAS,CAACuB,MAFE;EAGhCR,WAAW,EAAEf,SAAS,CAACuB,MAHS;EAIhCP,IAAI,EAAEhB,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf"}
+{"version":3,"file":"index.js","names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","createElement","className","bgPodcast","backgroundImage","podcast","controls","controlsList","autoPlay","name","preload","src","type","frameBorder","allowFullScreen","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,sBAAsB;AAC7C,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,cAAc;EAC7BC,OAAO,EAAEJ,KAAK,CAACK,qBAAqB;EACpCC,MAAM,EAAEN,KAAK,CAACG;AAChB,CAAC;AAED,MAAMI,WAAW,GAAG;EAClBL,OAAO,EAAEF,KAAK,CAACQ,MAAM;EACrBJ,OAAO,EAAEJ,KAAK,CAACS,aAAa;EAC5BH,MAAM,EAAEN,KAAK,CAACQ;AAChB,CAAC;AAED,SAASE,qBAAqBA,CAACC,KAAK,EAAE;EACpC,MAAM;IAACC,GAAG;IAAEC,kBAAkB;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGJ,KAAK;EACtE,MAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAM,EAAEc,GAAG,CAAC;EACnC,MAAMK,YAAY,GAAG,6DAA6DL,GAAG,EAAE;EAEvF,OAAOf,UAAU,CAAC,OAAO,EAAEiB,WAAW,CAAC,gBACrClB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAElB,mBAAmB,CAACc,IAAI;EAAE,gBACxCnB,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEnB,KAAK,CAACoB,SAAU;IAC3BpB,KAAK,EAAE;MAACqB,eAAe,EAAER,kBAAkB,IAAI,OAAOA,kBAAkB;IAAG;EAAE,CAC9E,CAAC,eACFjB,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEnB,KAAK,CAACsB,OAAQ;IACzBC,QAAQ;IACRC,YAAY,EAAC,YAAY;IACzBC,QAAQ,EAAC,EAAE;IACXC,IAAI,EAAC,OAAO;IACZ,aAAU,0BAA0B;IACpCC,OAAO,EAAC;EAAM,gBAEd/B,KAAA,CAAAsB,aAAA;IAAQU,GAAG,EAAEhB,GAAI;IAACiB,IAAI,EAAEf;EAAY,CAAE,CACjC,CACJ,CAAC,gBAENlB,KAAA,CAAAsB,aAAA;IACEU,GAAG,EAAEZ,KAAK,IAAID,IAAI,KAAK,QAAQ,GAAGE,YAAY,GAAGL,GAAI;IACrDkB,WAAW,EAAE,CAAE;IACfX,SAAS,EAAEZ,WAAW,CAACQ,IAAI,CAAE;IAC7BgB,eAAe;IACf,aAAU;EAAyB,CACpC,CACF;AACH;AAEArB,qBAAqB,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChCvB,GAAG,EAAEb,SAAS,CAACqC,MAAM,CAACC,UAAU;EAChCxB,kBAAkB,EAAEd,SAAS,CAACqC,MAAM;EACpCtB,WAAW,EAAEf,SAAS,CAACqC,MAAM;EAC7BrB,IAAI,EAAEhB,SAAS,CAACqC;AAClB,CAAC;AAED,eAAe1B,qBAAqB","ignoreList":[]}

package/es/molecule/feedback/index.js

@@ -1,15 +1,11 @@
 import _extend from "lodash/fp/extend";
 import _get from "lodash/fp/get";
 import _pipe from "lodash/fp/pipe";
-
-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 PropTypes from 'prop-types';
 import classnames from 'classnames';
 import ResourcePlayer, { TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO } from '../resource-player';
 import style from './style.css';
-
 const Feedback = (props, context) => {
   const {
     media,
@@ -18,11 +14,12 @@ const Feedback = (props, context) => {
     description,
     mode = 'default'
   } = props;
-
-  const resource = media && media.type && _extends({}, media, _pipe(_get('src.0'), _extend({
-    description: mediaDescription
-  }))(media));
-
+  const resource = media && media.type && {
+    ...media,
+    ..._pipe(_get('src.0'), _extend({
+      description: mediaDescription
+    }))(media)
+  };
   return (resource || title || description ? /*#__PURE__*/React.createElement("div", {
     className: mode === 'scorm' ? style.feedbackContainerScorm : null
   }, /*#__PURE__*/React.createElement("div", {
@@ -31,7 +28,8 @@ const Feedback = (props, context) => {
     id: "feedback"
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.title, style.innerHTML),
-    "data-name": "title" // eslint-disable-next-line react/no-danger
+    "data-name": "title"
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -40,7 +38,8 @@ const Feedback = (props, context) => {
     className: style.descWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.description, style.innerHTML),
-    "data-name": "description" // eslint-disable-next-line react/no-danger
+    "data-name": "description"
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -50,14 +49,14 @@ const Feedback = (props, context) => {
     resource: resource
   }), /*#__PURE__*/React.createElement("div", {
     "data-name": "mediaDescription",
-    className: classnames(style.mediaDescription, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.mediaDescription, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: mediaDescription
     }
   })) : null))) : null) || null;
 };
-
 Feedback.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,

package/es/molecule/feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourcePlayer","TYPE_IMAGE","TYPE_VIDEO","TYPE_PDF","TYPE_AUDIO","style","Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","feedbackContainerScorm","feedback","innerHTML","__html","descWrapper","resourcePlayer","propTypes","string","shape","oneOf","src","arrayOf","any"],"sources":["../../../src/molecule/feedback/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || null\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.arrayOf(PropTypes.any)\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,IAAwBC,UAAxB,EAAoCC,UAApC,EAAgDC,QAAhD,EAA0DC,UAA1D,QAA2E,oBAA3E;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACnC,MAAM;IAACC,KAAD;IAAQC,gBAAR;IAA0BC,KAA1B;IAAiCC,WAAjC;IAA8CC,IAAI,GAAG;EAArD,IAAkEN,KAAxE;;EACA,MAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IADS,iBAEVN,KAFU,EAGV,MAAK,KAAI,OAAJ,CAAL,EAAmB,QAAO;IAACG,WAAW,EAAEF;EAAd,CAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;EAMA,OACE,CAACK,QAAQ,IAAIH,KAAZ,IAAqBC,WAArB,gBACC;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBR,KAAK,CAACW,sBAAzB,GAAkD;EAAlE,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,QAAtB;IAAgC,aAAU,UAA1C;IAAqD,EAAE,EAAC;EAAxD,gBACE;IACE,SAAS,EAAElB,UAAU,CAACM,KAAK,CAACM,KAAP,EAAcN,KAAK,CAACa,SAApB,CADvB;IAEE,aAAU,OAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAER;IAAT;EAJ3B,EADF,eAOE;IAAK,SAAS,EAAEN,KAAK,CAACe;EAAtB,gBACE;IACE,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACO,WAAP,EAAoBP,KAAK,CAACa,SAA1B,CADvB;IAEE,aAAU,aAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEP;IAAT;EAJ3B,EADF,EAOGE,QAAQ,gBACP,8CACE,oBAAC,cAAD;IAAgB,SAAS,EAAET,KAAK,CAACgB,cAAjC;IAAiD,QAAQ,EAAEP;EAA3D,EADF,eAEE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAEf,UAAU,CAACM,KAAK,CAACK,gBAAP,EAAyBL,KAAK,CAACa,SAA/B,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAJ3B,EAFF,CADO,GAUL,IAjBN,CAPF,CADF,CADD,GA8BG,IA9BJ,KA8Ba,IA/Bf;AAiCD,CAzCD;;AA2CAJ,QAAQ,CAACgB,SAAT,2CAAqB;EACnBX,KAAK,EAAEb,SAAS,CAACyB,MADE;EAEnBX,WAAW,EAAEd,SAAS,CAACyB,MAFJ;EAGnBd,KAAK,EAAEX,SAAS,CAAC0B,KAAV,CAAgB;IACrBT,IAAI,EAAEjB,SAAS,CAAC2B,KAAV,CAAgB,CAACxB,UAAD,EAAaE,QAAb,EAAuBD,UAAvB,EAAmCE,UAAnC,CAAhB,CADe;IAErBsB,GAAG,EAAE5B,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,GAA5B;EAFgB,CAAhB,CAHY;EAOnBlB,gBAAgB,EAAEZ,SAAS,CAACyB;AAPT,CAArB;AAUA,eAAejB,QAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourcePlayer","TYPE_IMAGE","TYPE_VIDEO","TYPE_PDF","TYPE_AUDIO","style","Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","_pipe","_get","_extend","createElement","className","feedbackContainerScorm","feedback","id","innerHTML","dangerouslySetInnerHTML","__html","descWrapper","resourcePlayer","propTypes","process","env","NODE_ENV","string","shape","oneOf","src","arrayOf","any"],"sources":["../../../src/molecule/feedback/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || null\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.arrayOf(PropTypes.any)\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,IAAGC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,QAAO,oBAAoB;AAC/F,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACnC,MAAM;IAACC,KAAK;IAAEC,gBAAgB;IAAEC,KAAK;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGN,KAAK;EAC7E,MAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IAAI,IAAI;IACZ,GAAGN,KAAK;IACR,GAAGO,KAAA,CAAKC,IAAA,CAAI,OAAO,CAAC,EAAEC,OAAA,CAAO;MAACN,WAAW,EAAEF;IAAgB,CAAC,CAAC,CAAC,CAACD,KAAK;EACtE,CAAC;EAEH,OACE,CAACK,QAAQ,IAAIH,KAAK,IAAIC,WAAW,gBAC/Bf,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEP,IAAI,KAAK,OAAO,GAAGR,KAAK,CAACgB,sBAAsB,GAAG;EAAK,gBACrExB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACiB,QAAS;IAAC,aAAU,UAAU;IAACC,EAAE,EAAC;EAAU,gBAChE1B,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACmB,SAAS,CAAE;IACpD,aAAU;IACV;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAK;EAAE,CAC1C,CAAC,eACFd,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACsB;EAAY,gBAChC9B,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACO,WAAW,EAAEP,KAAK,CAACmB,SAAS,CAAE;IAC1D,aAAU;IACV;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAW;EAAE,CAChD,CAAC,EACDE,QAAQ,gBACPjB,KAAA,CAAAsB,aAAA,2BACEtB,KAAA,CAAAsB,aAAA,CAACnB,cAAc;IAACoB,SAAS,EAAEf,KAAK,CAACuB,cAAe;IAACd,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACvEjB,KAAA,CAAAsB,aAAA;IACE,aAAU,kBAAkB;IAC5BC,SAAS,EAAErB,UAAU,CAACM,KAAK,CAACK,gBAAgB,EAAEL,KAAK,CAACmB,SAAS;IAC7D;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAgB;EAAE,CACrD,CACE,CAAC,GACJ,IACD,CACF,CACF,CAAC,GACJ,IAAI,KAAK,IAAI;AAErB,CAAC;AAEDJ,QAAQ,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBrB,KAAK,EAAEb,SAAS,CAACmC,MAAM;EACvBrB,WAAW,EAAEd,SAAS,CAACmC,MAAM;EAC7BxB,KAAK,EAAEX,SAAS,CAACoC,KAAK,CAAC;IACrBnB,IAAI,EAAEjB,SAAS,CAACqC,KAAK,CAAC,CAAClC,UAAU,EAAEE,QAAQ,EAAED,UAAU,EAAEE,UAAU,CAAC,CAAC;IACrEgC,GAAG,EAAEtC,SAAS,CAACuC,OAAO,CAACvC,SAAS,CAACwC,GAAG;EACtC,CAAC,CAAC;EACF5B,gBAAgB,EAAEZ,SAAS,CAACmC;AAC9B,CAAC;AAED,eAAe3B,QAAQ","ignoreList":[]}

package/es/molecule/filters/filters-wrapper.js

@@ -1,8 +1,6 @@
 import _map from "lodash/fp/map";
 import _isEmpty from "lodash/fp/isEmpty";
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -11,20 +9,17 @@ import InputSwitch from '../../atom/input-switch';
 import RadioGroup from '../../atom/radio-group';
 import RangeSlider from '../../atom/range';
 import style from './filters-wapper.css';
-
 const FiltersWapper = (props, context) => {
   const {
     filters,
     className,
     filterGroupAriaLabel
   } = props;
-
   const buildFilter = (filter, idx) => {
     const {
       type,
       fieldName
     } = filter;
-
     switch (type) {
       case 'select':
         return /*#__PURE__*/React.createElement("div", {
@@ -33,7 +28,6 @@ const FiltersWapper = (props, context) => {
           className: style.choice,
           key: idx
         }, /*#__PURE__*/React.createElement(Select, filter));
-
       case 'radio':
         return /*#__PURE__*/React.createElement("div", {
           "data-name": "choice",
@@ -45,7 +39,6 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/React.createElement(RadioGroup, _extends({}, filter, {
           className: style.radioGroup
         })));
-
       case 'range':
         return /*#__PURE__*/React.createElement("div", {
           "data-name": "choice",
@@ -57,7 +50,6 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/React.createElement("p", {
           className: style.timerSubtitle
         }, filter.subtitle), /*#__PURE__*/React.createElement(RangeSlider, filter)));
-
       case 'switch':
         return /*#__PURE__*/React.createElement("div", {
           "data-name": "choice",
@@ -72,25 +64,20 @@ const FiltersWapper = (props, context) => {
           id: `title-id-${idx}`,
           className: style.switchTitle
         }, filter.title));
-
       default:
         return null;
     }
   };
-
   const filtersList = _map.convert({
     cap: false
   })(buildFilter, filters);
-
   const emptyFilters = _isEmpty(filters);
-
   return /*#__PURE__*/React.createElement("form", null, /*#__PURE__*/React.createElement("div", {
     className: classnames(className, emptyFilters ? style.wrapperNone : style.wrapper),
     role: "group",
     "aria-label": filterGroupAriaLabel
   }, filtersList));
 };
-
 FiltersWapper.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   filters: PropTypes.arrayOf(PropTypes.shape({