@coorpacademy/components 11.33.7 → 11.33.8-alpha.1

package/es/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/es/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/es/organism/header-with-actions/index.js

@@ -0,0 +1,48 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import isEmpty from 'lodash/fp/isEmpty';
+import map from 'lodash/fp/map';
+import ButtonLink from '../../atom/button-link';
+import ButtonLinkIcon from '../../atom/button-link-icon';
+import Tag from '../../atom/tag';
+import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
+import headerWithActionsPropTypes from './types';
+import style from './style.css';
+const getDataName = suffix => `header-with-actions-${suffix}`;
+const HeaderWithActions = props => {
+  const {
+    closeButton,
+    title,
+    tag,
+    saveStatus,
+    bulletPointMenuButton,
+    actionButtons
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.headerWrapper,
+    "data-name": getDataName('wrapper')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleAndButtonWrapper,
+    "data-name": getDataName('title-and-button-wrapper')
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, _extends({}, closeButton, {
+    className: style.button
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.titleWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.statusWrapper
+  }, /*#__PURE__*/React.createElement(Tag, tag), saveStatus.display && saveStatus.label ? /*#__PURE__*/React.createElement("p", {
+    className: style.saveStatus
+  }, saveStatus.label) : null), /*#__PURE__*/React.createElement("h3", {
+    className: style.title,
+    "aria-label": title,
+    "data-name": getDataName('title')
+  }, title))), /*#__PURE__*/React.createElement("div", {
+    className: style.buttonsWrapper,
+    "data-name": getDataName('buttons-wrapper')
+  }, bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, _extends({}, bulletPointMenuButton, {
+    buttonAriaLabel: "More actions"
+  })) : null, map(action => /*#__PURE__*/React.createElement(ButtonLink, action))(actionButtons)));
+};
+HeaderWithActions.propTypes = process.env.NODE_ENV !== "production" ? headerWithActionsPropTypes : {};
+export default HeaderWithActions;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","buttons","buttonAriaLabel","action","propTypes","process","env","NODE_ENV"],"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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,0BAA0B,MAAgC,SAAS;AAC1E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AAEvE,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC;EAAa,CAAC,GAAGN,KAAK;EAEzF,oBACEZ,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACa,aAAc;IAAC,aAAWZ,WAAW,CAAC,SAAS;EAAE,gBACrET,KAAA,CAAAmB,aAAA;IACEC,SAAS,EAAEZ,KAAK,CAACc,qBAAsB;IACvC,aAAWb,WAAW,CAAC,0BAA0B;EAAE,gBAEnDT,KAAA,CAAAmB,aAAA,CAACf,cAAc,EAAAmB,QAAA,KAAKV,WAAW;IAAEO,SAAS,EAAEZ,KAAK,CAACgB;EAAO,EAAE,CAAC,eAC5DxB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACiB;EAAa,gBACjCzB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACkB;EAAc,gBAClC1B,KAAA,CAAAmB,aAAA,CAACd,GAAG,EAAKU,GAAM,CAAC,EACfC,UAAU,CAACW,OAAO,IAAIX,UAAU,CAACY,KAAK,gBACrC5B,KAAA,CAAAmB,aAAA;IAAGC,SAAS,EAAEZ,KAAK,CAACQ;EAAW,GAAEA,UAAU,CAACY,KAAS,CAAC,GACpD,IACD,CAAC,eACN5B,KAAA,CAAAmB,aAAA;IAAIC,SAAS,EAAEZ,KAAK,CAACM,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAWL,WAAW,CAAC,OAAO;EAAE,GAC5EK,KACC,CACD,CACF,CAAC,eACNd,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEZ,KAAK,CAACqB,cAAe;IAAC,aAAWpB,WAAW,CAAC,iBAAiB;EAAE,GAC7EQ,qBAAqB,IAAI,CAAChB,OAAO,CAACgB,qBAAqB,CAACa,OAAO,CAAC,gBAC/D9B,KAAA,CAAAmB,aAAA,CAACb,qBAAqB,EAAAiB,QAAA,KAAKN,qBAAqB;IAAEc,eAAe,EAAC;EAAc,EAAE,CAAC,GACjF,IAAI,EACP7B,GAAG,CAAE8B,MAAuB,iBAAKhC,KAAA,CAAAmB,aAAA,CAAChB,UAAU,EAAK6B,MAAS,CAAC,CAAC,CAACd,aAAa,CACxE,CACF,CAAC;AAEV,CAAC;AAEDP,iBAAiB,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG7B,0BAA0B;AAExD,eAAeI,iBAAiB","ignoreList":[]}

package/es/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/es/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/es/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/es/organism/header-with-actions/types.js

@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+import bulletPointMenuButtonPropTypes from '../../molecule/bullet-point-menu-button/types';
+import ButtonLinkPropTypes from '../../atom/button-link/types';
+const closeButtonPropTypes = {
+  size: PropTypes.oneOf(['default', 'small', 'responsive']).isRequired,
+  icon: PropTypes.string.isRequired,
+  'data-name': PropTypes.string.isRequired,
+  'aria-label': PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+const headerWithActionsPropTypes = {
+  closeButton: PropTypes.shape(closeButtonPropTypes),
+  title: PropTypes.string.isRequired,
+  tag: PropTypes.shape({
+    label: PropTypes.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,
+    type: PropTypes.oneOf(['success', 'progress', 'warning']).isRequired,
+    size: PropTypes.string.isRequired
+  }).isRequired,
+  saveStatus: PropTypes.shape({
+    display: PropTypes.bool.isRequired,
+    label: PropTypes.oneOf(['Unsaved changes', 'Saved'])
+  }).isRequired,
+  bulletPointMenuButton: PropTypes.shape(bulletPointMenuButtonPropTypes),
+  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLinkPropTypes)).isRequired
+};
+export default headerWithActionsPropTypes;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","bulletPointMenuButtonPropTypes","ButtonLinkPropTypes","closeButtonPropTypes","size","oneOf","isRequired","icon","string","onClick","func","headerWithActionsPropTypes","closeButton","shape","title","tag","label","type","saveStatus","display","bool","bulletPointMenuButton","actionButtons","arrayOf"],"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,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,8BAA8B,MAE9B,+CAA+C;AACtD,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,oBAAoB,GAAG;EAC3BC,IAAI,EAAEJ,SAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAACC,UAAU;EACpEC,IAAI,EAAEP,SAAS,CAACQ,MAAM,CAACF,UAAU;EACjC,WAAW,EAAEN,SAAS,CAACQ,MAAM,CAACF,UAAU;EACxC,YAAY,EAAEN,SAAS,CAACQ,MAAM,CAACF,UAAU;EACzCG,OAAO,EAAET,SAAS,CAACU,IAAI,CAACJ;AAC1B,CAAC;AACD,MAAMK,0BAA0B,GAAG;EACjCC,WAAW,EAAEZ,SAAS,CAACa,KAAK,CAACV,oBAAoB,CAAC;EAClDW,KAAK,EAAEd,SAAS,CAACQ,MAAM,CAACF,UAAU;EAClCS,GAAG,EAAEf,SAAS,CAACa,KAAK,CAAC;IACnBG,KAAK,EAAEhB,SAAS,CAACK,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACC,UAAU;IACxFW,IAAI,EAAEjB,SAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACC,UAAU;IACpEF,IAAI,EAAEJ,SAAS,CAACQ,MAAM,CAACF;EACzB,CAAC,CAAC,CAACA,UAAU;EACbY,UAAU,EAAElB,SAAS,CAACa,KAAK,CAAC;IAC1BM,OAAO,EAAEnB,SAAS,CAACoB,IAAI,CAACd,UAAU;IAClCU,KAAK,EAAEhB,SAAS,CAACK,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACC,UAAU;EACbe,qBAAqB,EAAErB,SAAS,CAACa,KAAK,CAACZ,8BAA8B,CAAC;EACtEqB,aAAa,EAAEtB,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACa,KAAK,CAACX,mBAAmB,CAAC,CAAC,CAACI;AACzE,CAAC;AAED,eAAeK,0BAA0B","ignoreList":[]}

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

@@ -21,8 +21,17 @@ declare namespace ListItems {
             '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<{
@@ -34,7 +43,9 @@ declare namespace ListItems {
             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;
+            }>;
         }>>;
         selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
@@ -152,6 +163,23 @@ declare namespace ListItems {
                         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>;
@@ -174,8 +202,17 @@ declare namespace ListItems {
                 '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<{
@@ -187,7 +224,9 @@ declare namespace ListItems {
                 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>;
@@ -199,6 +238,23 @@ declare namespace ListItems {
                     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/es/organism/setup-header/index.d.ts

@@ -14,8 +14,17 @@ declare namespace SetupHeader {
                 '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<{
@@ -27,7 +36,9 @@ declare namespace SetupHeader {
                 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;
+                }>;
             }>>;
             logOut: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -40,8 +51,17 @@ declare namespace SetupHeader {
                 '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<{
@@ -53,7 +73,9 @@ declare namespace SetupHeader {
                 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;
+                }>;
             }>>;
             globalAnalytics: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -66,8 +88,17 @@ declare namespace SetupHeader {
                 '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<{
@@ -79,7 +110,9 @@ declare namespace SetupHeader {
                 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;
+                }>;
             }>>;
             platformList: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -92,8 +125,17 @@ declare namespace SetupHeader {
                 '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<{
@@ -105,7 +147,9 @@ declare namespace SetupHeader {
                 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;
+                }>;
             }>>;
         }>>;
         const platformName: PropTypes.Requireable<string>;