@coorpacademy/components 11.33.7 → 11.33.8-alpha.1

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

@@ -28,6 +28,23 @@ export declare const propTypes: {
                 label: PropTypes.Validator<string>;
                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                 type: PropTypes.Requireable<string>;
+                buttonLinkType: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Validator<string>;
+                    type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
+                }>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }> | null | undefined)[]>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             menuButtonClassName: PropTypes.Requireable<string>;
@@ -50,8 +67,17 @@ export declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         'data-testid': PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.InferProps<{
-            position: PropTypes.Requireable<string>;
+            position: PropTypes.Validator<string>;
             type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
         }>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -63,7 +89,9 @@ export declare const propTypes: {
         hoverColor: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }> | PropTypes.InferProps<{
         componentType: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
@@ -75,6 +103,23 @@ export declare const propTypes: {
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Validator<(...args: any[]) => any>;
             type: PropTypes.Requireable<string>;
+            buttonLinkType: PropTypes.Requireable<string>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                position: PropTypes.Validator<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | null | undefined)[]>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         menuButtonClassName: PropTypes.Requireable<string>;

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

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

package/lib/molecule/filters/index.js

@@ -140,7 +140,7 @@ class Filters extends _react.default.Component {
       filterGroupAriaLabel: filterGroupAriaLabel
     }), /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "cta",
-      className: _style.default.CTAfilter,
+      className: _style.default.ctaFilter,
       style: {
         backgroundColor: defaultColor
       },
@@ -150,7 +150,7 @@ class Filters extends _react.default.Component {
       className: sortingActive ? _style.default.activeSorting : _style.default.sorting
     }, sortView, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "cta",
-      className: _style.default.CTAfilter,
+      className: _style.default.ctaFilter,
       style: {
         backgroundColor: defaultColor
       },

package/lib/molecule/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","defaultStyle","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.defaultStyle}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","defaultStyle","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","ctaFilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.defaultStyle}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.ctaFilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.ctaFilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/filters/style.css

@@ -107,7 +107,7 @@
   width: 25%;
 }
 
-.CTAfilter {
+.ctaFilter {
   composes: hoverFill from '../../atom/button/hover-fill.css';
   display: none;
 }
@@ -278,10 +278,10 @@
     width: 100%;
   }
 
-  .wrapperFilters .CTAfilter,
-  .sorting .CTAfilter,
-  .activeWrapperFilters .CTAfilter,
-  .activeSorting .CTAfilter {
+  .wrapperFilters .ctaFilter,
+  .sorting .ctaFilter,
+  .activeWrapperFilters .ctaFilter,
+  .activeSorting .ctaFilter {
     display: block;
     width: 100%;
     height: 49px;
@@ -295,8 +295,8 @@
     bottom: 15px;
   }
 
-  .activeWrapperFilters .CTAfilter::before,
-  .activeSorting .CTAfilter::before {
+  .activeWrapperFilters .ctaFilter::before,
+  .activeSorting .ctaFilter::before {
     background-color: rgba(0, 0, 0, 0.2);
   }
 }

package/lib/organism/header-with-actions/index.d.ts

@@ -0,0 +1,95 @@
+/// <reference types="react" />
+import { HeaderWithActionsProps } from './types';
+declare const HeaderWithActions: {
+    (props: HeaderWithActionsProps): JSX.Element;
+    propTypes: {
+        closeButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+            size: import("prop-types").Validator<string>;
+            icon: import("prop-types").Validator<string>;
+            'data-name': import("prop-types").Validator<string>;
+            'aria-label': import("prop-types").Validator<string>;
+            onClick: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>;
+        title: import("prop-types").Validator<string>;
+        tag: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            type: import("prop-types").Validator<string>;
+            size: import("prop-types").Validator<string>;
+        }>>>;
+        saveStatus: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            display: import("prop-types").Validator<boolean>;
+            label: import("prop-types").Requireable<string>;
+        }>>>;
+        bulletPointMenuButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+            disabled: import("prop-types").Requireable<boolean>;
+            buttonAriaLabel: import("prop-types").Requireable<string>;
+            menuAriaLabel: import("prop-types").Requireable<string>;
+            buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+                'data-name': import("prop-types").Requireable<string>;
+                disabled: import("prop-types").Requireable<boolean>;
+                label: import("prop-types").Validator<string>;
+                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                type: import("prop-types").Requireable<string>;
+                buttonLinkType: import("prop-types").Requireable<string>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    position: import("prop-types").Validator<string>;
+                    type: import("prop-types").Requireable<string>;
+                    faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        name: import("prop-types").Validator<string>;
+                        color: import("prop-types").Requireable<string>;
+                        backgroundColor: import("prop-types").Requireable<string>;
+                        size: import("prop-types").Requireable<number>;
+                        customStyle: import("prop-types").Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
+                }>>;
+                customStyle: import("prop-types").Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }> | null | undefined)[]>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            menuButtonClassName: import("prop-types").Requireable<string>;
+            isBulkMenu: import("prop-types").Requireable<boolean>;
+        }>>;
+        actionButtons: import("prop-types").Validator<(import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            usage: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            'aria-label': import("prop-types").Requireable<string>;
+            tooltipText: import("prop-types").Requireable<string>;
+            tooltipPlacement: import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            'data-testid': import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Validator<string>;
+                type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            link: import("prop-types").Requireable<import("prop-types").InferProps<{
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+            }>>;
+            hoverBackgroundColor: import("prop-types").Requireable<string>;
+            hoverColor: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            className: import("prop-types").Requireable<string>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
+        }> | null | undefined)[]>;
+    };
+};
+export default HeaderWithActions;
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/header-with-actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAQA,OAAmC,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAK3E,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/lib/organism/header-with-actions/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+var _types = _interopRequireDefault(require("./types"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const getDataName = suffix => `header-with-actions-${suffix}`;
+const HeaderWithActions = props => {
+  const {
+    closeButton,
+    title,
+    tag,
+    saveStatus,
+    bulletPointMenuButton,
+    actionButtons
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.headerWrapper,
+    "data-name": getDataName('wrapper')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleAndButtonWrapper,
+    "data-name": getDataName('title-and-button-wrapper')
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, _extends({}, closeButton, {
+    className: _style.default.button
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.statusWrapper
+  }, /*#__PURE__*/_react.default.createElement(_tag.default, tag), saveStatus.display && saveStatus.label ? /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.saveStatus
+  }, saveStatus.label) : null), /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title,
+    "aria-label": title,
+    "data-name": getDataName('title')
+  }, title))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonsWrapper,
+    "data-name": getDataName('buttons-wrapper')
+  }, bulletPointMenuButton && !(0, _isEmpty.default)(bulletPointMenuButton.buttons) ? /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, _extends({}, bulletPointMenuButton, {
+    buttonAriaLabel: "More actions"
+  })) : null, (0, _map.default)(action => /*#__PURE__*/_react.default.createElement(_buttonLink.default, action))(actionButtons)));
+};
+HeaderWithActions.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = exports.default = HeaderWithActions;
+//# sourceMappingURL=index.js.map

package/lib/organism/header-with-actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_isEmpty","_map","_buttonLink","_buttonLinkIcon","_tag","_bulletPointMenuButton","_types","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getDataName","suffix","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","style","headerWrapper","titleAndButtonWrapper","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","isEmpty","buttons","buttonAriaLabel","map","action","propTypes","process","env","NODE_ENV","headerWithActionsPropTypes","_default","exports"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {HeaderWithActionsProps} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon {...closeButton} className={style.button} />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} buttonAriaLabel=\"More actions\" />\n        ) : null}\n        {map((action: ButtonLinkProps) => <ButtonLink {...action} />)(actionButtons)}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/header-with-actions/style.css

@@ -0,0 +1,55 @@
+@value colors: '../../variables/colors.css';
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+
+.headerWrapper {
+  display: flex;
+  justify-content: space-between;
+}
+
+.titleAndButtonWrapper {
+  display: flex;
+  gap: 15px;
+}
+
+.button {
+  background-color: #f4f4f5;
+  color: cm_grey_500;
+}
+
+.titleWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+.statusWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 5px;
+}
+
+.saveStatus {
+  color: cm_grey_500;
+  font-family: "Gilroy";
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 12px;
+  margin: 0;
+}
+
+.title {
+  color: cm_grey_700;
+  font-family: "Gilroy";
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 24px;
+  margin-top: 5px;
+}
+
+.buttonsWrapper {
+  display: flex;
+  gap: 10px;
+}

package/lib/organism/header-with-actions/types.d.ts

@@ -0,0 +1,120 @@
+import PropTypes from 'prop-types';
+import { BulletPointMenuButtonProps } from '../../molecule/bullet-point-menu-button/types';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+declare const headerWithActionsPropTypes: {
+    closeButton: PropTypes.Requireable<PropTypes.InferProps<{
+        size: PropTypes.Validator<string>;
+        icon: PropTypes.Validator<string>;
+        'data-name': PropTypes.Validator<string>;
+        'aria-label': PropTypes.Validator<string>;
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+    }>>;
+    title: PropTypes.Validator<string>;
+    tag: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        type: PropTypes.Validator<string>;
+        size: PropTypes.Validator<string>;
+    }>>>;
+    saveStatus: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        display: PropTypes.Validator<boolean>;
+        label: PropTypes.Requireable<string>;
+    }>>>;
+    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+        disabled: PropTypes.Requireable<boolean>;
+        buttonAriaLabel: PropTypes.Requireable<string>;
+        menuAriaLabel: PropTypes.Requireable<string>;
+        buttons: PropTypes.Validator<(PropTypes.InferProps<{
+            'data-name': PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            label: PropTypes.Validator<string>;
+            onClick: PropTypes.Validator<(...args: any[]) => any>;
+            type: PropTypes.Requireable<string>;
+            buttonLinkType: PropTypes.Requireable<string>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                position: PropTypes.Validator<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
+        }> | null | undefined)[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        menuButtonClassName: PropTypes.Requireable<string>;
+        isBulkMenu: PropTypes.Requireable<boolean>;
+    }>>;
+    actionButtons: PropTypes.Validator<(PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        usage: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'aria-label': PropTypes.Requireable<string>;
+        tooltipText: PropTypes.Requireable<string>;
+        tooltipPlacement: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        'data-testid': PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Validator<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
+        }>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        link: PropTypes.Requireable<PropTypes.InferProps<{
+            href: PropTypes.Requireable<string>;
+            download: PropTypes.Requireable<boolean>;
+            target: PropTypes.Requireable<string>;
+        }>>;
+        hoverBackgroundColor: PropTypes.Requireable<string>;
+        hoverColor: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
+    }> | null | undefined)[]>;
+};
+export default headerWithActionsPropTypes;
+declare type TagProps = {
+    label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';
+    type: 'success' | 'progress' | 'warning';
+    size: string;
+};
+declare type SaveStatusProps = {
+    display: boolean;
+    label?: 'Unsaved changes' | 'Saved';
+};
+declare type CloseButtonProps = {
+    size: 'default' | 'small' | 'responsive';
+    icon: string;
+    'data-name': string;
+    'aria-label': string;
+    onClick: () => void;
+};
+export declare type HeaderWithActionsProps = {
+    closeButton: CloseButtonProps;
+    title: string;
+    tag: TagProps;
+    saveStatus: SaveStatusProps;
+    actionButtons: ButtonLinkProps[];
+    bulletPointMenuButton?: BulletPointMenuButtonProps;
+};
+export declare type HeaderWithActionsPropsFixture = {
+    props: HeaderWithActionsProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/organism/header-with-actions/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,+CAA+C,CAAC;AACvD,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AASlF,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;CACpD,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}

package/lib/organism/header-with-actions/types.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _types = _interopRequireDefault(require("../../molecule/bullet-point-menu-button/types"));
+var _types2 = _interopRequireDefault(require("../../atom/button-link/types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const closeButtonPropTypes = {
+  size: _propTypes.default.oneOf(['default', 'small', 'responsive']).isRequired,
+  icon: _propTypes.default.string.isRequired,
+  'data-name': _propTypes.default.string.isRequired,
+  'aria-label': _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func.isRequired
+};
+const headerWithActionsPropTypes = {
+  closeButton: _propTypes.default.shape(closeButtonPropTypes),
+  title: _propTypes.default.string.isRequired,
+  tag: _propTypes.default.shape({
+    label: _propTypes.default.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,
+    type: _propTypes.default.oneOf(['success', 'progress', 'warning']).isRequired,
+    size: _propTypes.default.string.isRequired
+  }).isRequired,
+  saveStatus: _propTypes.default.shape({
+    display: _propTypes.default.bool.isRequired,
+    label: _propTypes.default.oneOf(['Unsaved changes', 'Saved'])
+  }).isRequired,
+  bulletPointMenuButton: _propTypes.default.shape(_types.default),
+  actionButtons: _propTypes.default.arrayOf(_propTypes.default.shape(_types2.default)).isRequired
+};
+var _default = exports.default = headerWithActionsPropTypes;
+//# sourceMappingURL=types.js.map

package/lib/organism/header-with-actions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_types","_types2","e","__esModule","default","closeButtonPropTypes","size","PropTypes","oneOf","isRequired","icon","string","onClick","func","headerWithActionsPropTypes","closeButton","shape","title","tag","label","type","saveStatus","display","bool","bulletPointMenuButton","bulletPointMenuButtonPropTypes","actionButtons","arrayOf","ButtonLinkPropTypes","_default","exports"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport bulletPointMenuButtonPropTypes, {\n  BulletPointMenuButtonProps\n} from '../../molecule/bullet-point-menu-button/types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst closeButtonPropTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']).isRequired,\n  icon: PropTypes.string.isRequired,\n  'data-name': PropTypes.string.isRequired,\n  'aria-label': PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\nconst headerWithActionsPropTypes = {\n  closeButton: PropTypes.shape(closeButtonPropTypes),\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.shape({\n    label: PropTypes.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,\n    type: PropTypes.oneOf(['success', 'progress', 'warning']).isRequired,\n    size: PropTypes.string.isRequired\n  }).isRequired,\n  saveStatus: PropTypes.shape({\n    display: PropTypes.bool.isRequired,\n    label: PropTypes.oneOf(['Unsaved changes', 'Saved'])\n  }).isRequired,\n  bulletPointMenuButton: PropTypes.shape(bulletPointMenuButtonPropTypes),\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLinkPropTypes)).isRequired\n};\n\nexport default headerWithActionsPropTypes;\n\ntype TagProps = {\n  label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';\n  type: 'success' | 'progress' | 'warning';\n  size: string;\n};\n\ntype SaveStatusProps = {\n  display: boolean;\n  label?: 'Unsaved changes' | 'Saved';\n};\n\ntype CloseButtonProps = {\n  size: 'default' | 'small' | 'responsive';\n  icon: string;\n  'data-name': string;\n  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonLinkProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAkF,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElF,MAAMG,oBAAoB,GAAG;EAC3BC,IAAI,EAAEC,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAACC,UAAU;EACpEC,IAAI,EAAEH,kBAAS,CAACI,MAAM,CAACF,UAAU;EACjC,WAAW,EAAEF,kBAAS,CAACI,MAAM,CAACF,UAAU;EACxC,YAAY,EAAEF,kBAAS,CAACI,MAAM,CAACF,UAAU;EACzCG,OAAO,EAAEL,kBAAS,CAACM,IAAI,CAACJ;AAC1B,CAAC;AACD,MAAMK,0BAA0B,GAAG;EACjCC,WAAW,EAAER,kBAAS,CAACS,KAAK,CAACX,oBAAoB,CAAC;EAClDY,KAAK,EAAEV,kBAAS,CAACI,MAAM,CAACF,UAAU;EAClCS,GAAG,EAAEX,kBAAS,CAACS,KAAK,CAAC;IACnBG,KAAK,EAAEZ,kBAAS,CAACC,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACC,UAAU;IACxFW,IAAI,EAAEb,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACC,UAAU;IACpEH,IAAI,EAAEC,kBAAS,CAACI,MAAM,CAACF;EACzB,CAAC,CAAC,CAACA,UAAU;EACbY,UAAU,EAAEd,kBAAS,CAACS,KAAK,CAAC;IAC1BM,OAAO,EAAEf,kBAAS,CAACgB,IAAI,CAACd,UAAU;IAClCU,KAAK,EAAEZ,kBAAS,CAACC,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACC,UAAU;EACbe,qBAAqB,EAAEjB,kBAAS,CAACS,KAAK,CAACS,cAA8B,CAAC;EACtEC,aAAa,EAAEnB,kBAAS,CAACoB,OAAO,CAACpB,kBAAS,CAACS,KAAK,CAACY,eAAmB,CAAC,CAAC,CAACnB;AACzE,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaU,0BAA0B","ignoreList":[]}