@coorpacademy/components 11.24.0 → 11.24.1

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WebContextValues } from '../../atom/provider/web-context';
 import { Props } from './types';
-declare const ActionableExpandableErrorsTable: {
+declare const ActionableExpandableTable: {
     (props: Props, legacyContext: WebContextValues): JSX.Element;
     contextTypes: {
         skin: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -102,5 +102,5 @@ declare const ActionableExpandableErrorsTable: {
         emptyStateSecondMessage: import("prop-types").Requireable<string>;
     };
 };
-export default ActionableExpandableErrorsTable;
+export default ActionableExpandableTable;
 //# sourceMappingURL=index.d.ts.map

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;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,+BAA+B;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLrF,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,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}

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

@@ -60,11 +60,11 @@ const buildNestedRow = row => {
       return /*#__PURE__*/React.createElement(ErrorsTable, row);
 
     case 'expandible-errors-table':
-      return /*#__PURE__*/React.createElement(ActionableExpandableErrorsTable, row);
+      return /*#__PURE__*/React.createElement(ActionableExpandableTable, row);
   }
 };
 
-const ActionableExpandableErrorsTable = (props, legacyContext) => {
+const ActionableExpandableTable = (props, legacyContext) => {
   const {
     columns,
     rows = [],
@@ -198,10 +198,10 @@ const ActionableExpandableErrorsTable = (props, legacyContext) => {
   }, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView)));
 };
 
-ActionableExpandableErrorsTable.contextTypes = {
+ActionableExpandableTable.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
-ActionableExpandableErrorsTable.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-export default ActionableExpandableErrorsTable;
+ActionableExpandableTable.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ActionableExpandableTable;
 //# sourceMappingURL=index.js.map

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","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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"}
+{"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","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 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 <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                <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\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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"}

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

@@ -16,8 +16,6 @@
   font-style: normal;
   border-spacing: 0;
   border-radius: 8px;
-  max-width: 1089px;
-  min-width: 1089px;
 }
 
 .thead {

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WebContextValues } from '../../atom/provider/web-context';
 import { Props } from './types';
-declare const ActionableExpandableErrorsTable: {
+declare const ActionableExpandableTable: {
     (props: Props, legacyContext: WebContextValues): JSX.Element;
     contextTypes: {
         skin: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -102,5 +102,5 @@ declare const ActionableExpandableErrorsTable: {
         emptyStateSecondMessage: import("prop-types").Requireable<string>;
     };
 };
-export default ActionableExpandableErrorsTable;
+export default ActionableExpandableTable;
 //# sourceMappingURL=index.d.ts.map

package/lib/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;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,+BAA+B;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLrF,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,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}

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

@@ -86,11 +86,11 @@ const buildNestedRow = row => {
       return /*#__PURE__*/_react.default.createElement(_errorsTable.default, row);
 
     case 'expandible-errors-table':
-      return /*#__PURE__*/_react.default.createElement(ActionableExpandableErrorsTable, row);
+      return /*#__PURE__*/_react.default.createElement(ActionableExpandableTable, row);
   }
 };
 
-const ActionableExpandableErrorsTable = (props, legacyContext) => {
+const ActionableExpandableTable = (props, legacyContext) => {
   const {
     columns,
     rows = [],
@@ -221,11 +221,11 @@ const ActionableExpandableErrorsTable = (props, legacyContext) => {
   }, /*#__PURE__*/_react.default.createElement("tr", null, headerView)), /*#__PURE__*/_react.default.createElement("tbody", null, bodyView)));
 };
 
-ActionableExpandableErrorsTable.contextTypes = {
+ActionableExpandableTable.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
-ActionableExpandableErrorsTable.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
-var _default = ActionableExpandableErrorsTable;
+ActionableExpandableTable.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = ActionableExpandableTable;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildField","field","componentType","style","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableErrorsTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","GetTranslateFromContext","expandedRows","setExpandedRows","useState","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","classnames","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","Provider","childContextTypes","propTypes"],"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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"}
+{"version":3,"file":"index.js","names":["buildField","field","componentType","style","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","GetTranslateFromContext","expandedRows","setExpandedRows","useState","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","classnames","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","Provider","childContextTypes","propTypes"],"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 <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                <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\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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"}

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

@@ -16,8 +16,6 @@
   font-style: normal;
   border-spacing: 0;
   border-radius: 8px;
-  max-width: 1089px;
-  min-width: 1089px;
 }
 
 .thead {

package/locales/fi/global.json

@@ -0,0 +1,98 @@
+{
+  "accepted_cards": "Luotto- tai pankkikortti",
+  "An Error Occurred": "Tapahtui virhe",
+  "Answer": "Vastaus",
+  "At the end of this level, you will be able to_": "Tämän tason päätteeksi pystyt:",
+  "author": "tekijä",
+  "Back to Dashboard Home": "Takaisin koontinäytön kotisivulle",
+  "back_to_catalog": "Takaisin kursseihin",
+  "cart_title": "Coorpacademyn tilaus",
+  "challenges you on": "haastaa sinut",
+  "is challenging you": "{{username}} haastaa sinut {{courseName}}",
+  "chapters": "kappaleet",
+  "Close": "Sulje",
+  "clue_stars_to_loose_plural": "Jos avaat tämän vihjeen, voitat tästä kysymyksestä {{count}} tähteä vähemmän (jos saat sen oikein)",
+  "clue_stars_to_loose": "Jos avaat tämän vihjeen, voitat tästä kysymyksestä {{count}} tähteä vähemmän (jos saat sen oikein)",
+  "confirm_unsubscribe": "Haluatko varmasti peruuttaa tilauksen?",
+  "cookies_details": "Tämä verkkosivusto käyttää evästeitä, jotta voisimme tarjota sinulle parhaan mahdollisen oppimiskokemuksen. Jos haluat tietää enemmän käyttämistämme evästeistä ja siitä, miten käytämme tietojasi, lue",
+  "cookies_policy": "Tietosuoja- ja evästekäytäntö.",
+  "cookies_title": "Miten käytämme evästeitä:",
+  "Create a new cohort": "Luo uusi kohortti",
+  "Delete": "Poista",
+  "Draft": "Luonnos",
+  "answer_the_question": "Vastaa kysymykseen",
+  "Edit": "Muokkaa",
+  "external_content_article": "ASIAKIRJAT",
+  "external_content_scorm": "ANIMOIDUT RESURSSIT",
+  "external_content_video": "VIDEOT",
+  "external_content_podcast": "PODCASTIT",
+  "keep_subscription": "Jatka tilaustani",
+  "media_stars_to_win_plural": "Voita {{count}} ylimääräistä tähteä tässä kappaleessa, kun katsot oppitunnin ensimmäisen kerran!",
+  "media_stars_to_win": "Voita {{count}} ylimääräinen tähti tässä kappaleessa, kun katsot oppitunnin ensimmäisen kerran!",
+  "More": "Enemmän",
+  "More details": "Lisää tietoja",
+  "New media": "Uusi oppitunti",
+  "No Selected Dashboard": "Ei valittua koontinäyttöä",
+  "No status": "Ei tilaa",
+  "Ok": "OK",
+  "Open": "Avaa",
+  "payment_form_submit": "Aloita Coorpacademyn tilaus",
+  "Post": "Julkaise",
+  "premium_unsubscribe_confirmation": "Vahvistamme tilauksesi peruuttamisen, joka astuu voimaan seuraavan kuun alussa.\n\nVoit sillä välin jatkaa sisältösi käyttämistä Coorpacademyn alustalla.",
+  "Press the escape key to close the information text": "Sulje tietoteksti painamalla ESC-näppäintä",
+  "product_cancel": "Peruuta koska tahansa.",
+  "product_desc_battle": "Taistelutila",
+  "product_desc_certificates": "Coorpacademyn todistukset",
+  "product_desc_coach": "Verkkovalmentajat",
+  "product_desc_culture": "Digitaalinen kulttuuri: kaikki tasot suoritettu",
+  "product_desc_forum": "Keskustelupalsta",
+  "product_desc_partnership": "Kaikki kumppaneidemme koulutuskurssit",
+  "Put back": "Pane takaisin",
+  "Reject": "Hylkää",
+  "Reload": "Lataa uudelleen",
+  "Review lesson": "Katso oppitunti uudelleen",
+  "secured_payment": "Turvallinen palvelin",
+  "See clue": "Näytä vihje",
+  "See less": "Näytä vähemmän",
+  "See lesson": "Näytä oppitunti",
+  "Select a dashboard in the Sidebar": "Valitse koontinäyttö sivupalkista",
+  "Show more": "Näytä enemmän",
+  "Show": "Aloita taistelu",
+  "Start battle": "Aloita taistelu",
+  "subscription_disclaimer": "Suostut saamaan CooCoorpacademy Premium ”à la carten” heti käyttöösi. Samalla hyväksyt sen, että sinua veloitetaan tapahtumapäivästä kuun loppuun asti ensimmäistä laskua varten. Sen jälkeen sinua laskutetaan jokaisen kuukauden ensimmäisenä päivänä.",
+  "subscription_freemium_button": "Käynnistä Coorpacademy Premium",
+  "subscription_freemium_description": "Käytät tällä hetkellä Coorpacademy Freemiumia. Tarjoamme myös paljon paremman palvelun nimeltä Coorpacademy Premium. Pääset tämän palvelun avulla käyttämään kaikkia kursseja ja kaikkia tasoja. Kiinnostaisiko?",
+  "subscription_freemium_title": "Coorpacademy Freemium",
+  "subscription_premium_description_part1": "Tilauksesi uudistetaan automaattisesti",
+  "subscription_premium_description_part2": ". Sinulta veloitetaan",
+  "subscription_premium_description_part3_with_link": "peruuttaa tilauksesi?",
+  "subscription_premium_description_part3": "Haluatko",
+  "subscription_premium_title": "Coorpacademy Premium",
+  "subscription_price": "${price} ${currency} kuukaudessa sisältäen verot",
+  "subscription_promo_code": "Sinulla on nyt luettelomme ilmainen ja rajoittamaton käyttöoikeus {{date}} asti. Jos haluat jatkaa sen käyttämistä kyseisen päivän jälkeen, tilaa",
+  "This message has been removed by its author": "Tekijä on poistanut tämän viestin.",
+  "unsubscribe": "Peruuta Coorpacademyn tilaus",
+  "Validated": "Vahvistettu",
+  "Video Loading Error": "Videota ladattaessa tapahtui virhe. Yritä uudelleen.",
+  "Wait_creation": "Alustaa luodaan. Tässä voi kestää useita sekunteja. Odota...",
+  "comment_aria_label": "Lisää kommenttisi",
+  "zuora_discount_code_submit": "Käytä",
+  "zuora_discount_code": "Kampanjakoodi",
+  "mandatory_fields": "*Pakolliset kentät",
+  "something_went_wrong": "Voi nakki! Jotakin meni pieleen.",
+  "review_header_step_item": {
+    "correct_question": "{{current}} kysymys {{headerStepValue}} on oikein",
+    "incorrect_question": "{{current}} kysymys {{headerStepValue}} on väärin",
+    "not_answered_question": "{{current}} kysymys {{headerStepValue}} on vielä vastaamatta"
+  },
+  "bulk_import": {
+    "errors_number": "massatuonnin virheiden lukumäärä on {{bulkImportErrorsNumber}}",
+    "valid_scorm": "Scorm-tiedosto on käypä",
+    "invalid_scorm": "Scorm-tiedosto ei ole käypä",
+    "show_errors": "näytä virheet"
+  },
+  "close_button_ariaLabel": "Sulje tarkastusdia",
+  "post_comment_aria_label": "Julkaise kommenttisi",
+  "validate_aria_label": "Vahvista vastauksesi ja siirry seuraavaan vaiheeseen",
+  "stars": "tähdet"
+}

package/locales/sv/global.json

@@ -0,0 +1,98 @@
+{
+  "accepted_cards": "Kredit- eller betalkort",
+  "An Error Occurred": "Ett fel uppstod",
+  "Answer": "Svara",
+  "At the end of this level, you will be able to_": "I slutet av denna nivå kommer du att kunna:",
+  "author": "upphovsperson",
+  "Back to Dashboard Home": "Tillbaka till kontrollpanelens startsida",
+  "back_to_catalog": "Tillbaka till kurser",
+  "cart_title": "Prenumeration på Coorpacademy",
+  "challenges you on": "utmanar dig i",
+  "is challenging you": "{{username}} utmanar dig {{courseName}}",
+  "chapters": "kapitel",
+  "Close": "Stäng",
+  "clue_stars_to_loose_plural": "Att låsa upp ledtråden minskar antalet stjärnor du kan vinna på den här frågan med {{count}} (om du svarar rätt)",
+  "clue_stars_to_loose": "Att låsa upp ledtråden minskar antalet stjärnor du kan vinna på den här frågan med {{count}} (om du svarar rätt)",
+  "confirm_unsubscribe": "Är du säker på att du vill avregistrera dig?",
+  "cookies_details": "Den här webbplatsen använder cookies för att vi ska kunna ge dig bästa möjliga inlärningsupplevelse. För mer information om de cookies vi använder och om hur vi använder dina uppgifter, läs vår",
+  "cookies_policy": "Riktlinje för integritet och cookies.",
+  "cookies_title": "Hur vi använder cookies:",
+  "Create a new cohort": "Skapa en ny årskull",
+  "Delete": "Radera",
+  "Draft": "Utkast",
+  "answer_the_question": "Besvara frågan",
+  "Edit": "Redigera",
+  "external_content_article": "DOKUMENT",
+  "external_content_scorm": "ANIMERADE RESURSER",
+  "external_content_video": "VIDEOR",
+  "external_content_podcast": "PODDAR",
+  "keep_subscription": "Behåll min prenumeration",
+  "media_stars_to_win_plural": "Vinn {{count}} stjärnor till i det här kapitlet första gången du tittar på en lektion!",
+  "media_stars_to_win": "Vinn {{count}} stjärna till i det här kapitlet första gången du tittar på en lektion!",
+  "More": "Mer",
+  "More details": "Fler uppgifter",
+  "New media": "Ny lektion",
+  "No Selected Dashboard": "Ingen kontrollpanel är vald",
+  "No status": "Ingen status",
+  "Ok": "Ok",
+  "Open": "Öppna",
+  "payment_form_submit": "Starta prenumeration på Coorpacademy",
+  "Post": "Publicera",
+  "premium_unsubscribe_confirmation": "Vi bekräftar uppsägningen av din prenumeration som kommer att träda i kraft från och med nästa månad.\n\nUnder tiden kan du fortsätta att ta del av vårt innehåll på Coorpacademys plattform.",
+  "Press the escape key to close the information text": "Tyck på Esc-tangenten för att stänga informationstexten",
+  "product_cancel": "Avbryt när som helst.",
+  "product_desc_battle": "Tävlingsläge",
+  "product_desc_certificates": "Coorpacademy-certifikat",
+  "product_desc_coach": "Online-coacher",
+  "product_desc_culture": "Digital kultur: Alla nivåer slutförda",
+  "product_desc_forum": "Forum",
+  "product_desc_partnership": "Alla utbildningar från våra partners",
+  "Put back": "Lägg tillbaka",
+  "Reject": "Förkasta",
+  "Reload": "Ladda om",
+  "Review lesson": "Granska lektion",
+  "secured_payment": "Säker server",
+  "See clue": "Se ledtråd",
+  "See less": "Visa mindre",
+  "See lesson": "Se lektion",
+  "Select a dashboard in the Sidebar": "Välj en kontrollpanel i sidofältet",
+  "Show more": "Visa mer",
+  "Show": "Visa",
+  "Start battle": "Starta tävling",
+  "subscription_disclaimer": "Du samtycker till att omedelbart få tillgång till Coorpacademy Premium \"à la carte\". Du samtycker också till att debiteras från transaktionsdatumet till slutet av månaden i den första fakturan. Därefter debiteras du den första dagen i varje månad.",
+  "subscription_freemium_button": "Starta Coorpacademy Premium",
+  "subscription_freemium_description": "Du använder för närvarande Coorpacademy Freemium. Vi erbjuder även en mycket bättre tjänst, Coorpacademy Premium, där du får tillgång till alla kurser och samtliga nivåer. Intresserad?",
+  "subscription_freemium_title": "Coorpacademy Freemium",
+  "subscription_premium_description_part1": "Din prenumeration förnyas automatiskt",
+  "subscription_premium_description_part2": ". Du kommer att debiteras ett belopp på",
+  "subscription_premium_description_part3_with_link": "avsluta din prenumeration?",
+  "subscription_premium_description_part3": "Vill du",
+  "subscription_premium_title": "Coorpacademy Premium",
+  "subscription_price": "${currency}${price} inkl. skatt per månad",
+  "subscription_promo_code": "Du har nu gratis obegränsad tillgång till vår katalog fram till den {{date}}. För att fortsätta använda den efter det här datumet, vänligen prenumerera på ",
+  "This message has been removed by its author": "Meddelandet har tagits bort av upphovspersonen.",
+  "unsubscribe": "Avregistrera dig från Coorpacademy",
+  "Validated": "Validerad",
+  "Video Loading Error": "Ett fel uppstod när videon skulle läsas in, vänligen försök igen.",
+  "Wait_creation": "Plattformen skapas. Det här kan ta flera sekunder. Vänligen vänta...",
+  "comment_aria_label": "Lägg in en kommentar",
+  "zuora_discount_code_submit": "Tillämpa",
+  "zuora_discount_code": "Kampanjkod",
+  "mandatory_fields": "*Obligatoriska fält",
+  "something_went_wrong": "Oj då! Någonting gick fel.",
+  "review_header_step_item": {
+    "correct_question": "{{current}}frågan {{headerStepValue}} är korrekt",
+    "incorrect_question": "{{current}}frågan {{headerStepValue}} är ej korrekt",
+    "not_answered_question": "{{current}}frågan {{headerStepValue}} är inte besvarad än"
+  },
+  "bulk_import": {
+    "errors_number": "bulkimportfelets nummer är {{bulkImportErrorsNumber}}",
+    "valid_scorm": "scorm-filen är giltig",
+    "invalid_scorm": "scorm-filen är ogiltig",
+    "show_errors": "visa fel"
+  },
+  "close_button_ariaLabel": "Stäng granskningsbilden",
+  "post_comment_aria_label": "Posta din kommentar",
+  "validate_aria_label": "Validera ditt svar och gå till nästa steg",
+  "stars": "stjärnor"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.24.0",
+  "version": "11.24.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "2c0750e77b19f5aae0062c34f7b2288a9023128c"
+  "gitHead": "f38adf1e6ee376f1e8c9e6b11ccc8184c93d24c7"
 }