@coorpacademy/components 11.38.8-alpha.7 → 11.39.1-alpha.0

package/es/organism/content-translation/index.d.ts

@@ -16,7 +16,6 @@ declare namespace PlayListTranslation {
             placeholder: PropTypes.Requireable<string>;
             defaultValue: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;
@@ -35,7 +34,6 @@ declare namespace PlayListTranslation {
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { HeaderWithActionsProps } from './types';
 declare const HeaderWithActions: {
-    (props: HeaderWithActionsProps): JSX.Element;
+    (props: HeaderWithActionsProps): JSX.Element | null;
     propTypes: {
         closeButton: import("prop-types").Requireable<import("prop-types").InferProps<{
             'aria-label': import("prop-types").Requireable<string>;
@@ -36,6 +36,7 @@ declare const HeaderWithActions: {
             buttonAriaLabel: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Validator<boolean>;
         }>>;
+        isFetching: import("prop-types").Requireable<boolean>;
     };
 };
 export default HeaderWithActions;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAOA,OAAmC,EACjC,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAuEjB,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAOA,OAAmC,EACjC,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAuEjB,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

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

@@ -88,9 +88,10 @@ const HeaderWithActions = props => {
     tag,
     saveStatus,
     bulletPointMenuButton,
-    actionButtons
+    actionButtons,
+    isFetching
   } = props;
-  return /*#__PURE__*/React.createElement("div", {
+  return !isFetching ? /*#__PURE__*/React.createElement("div", {
     className: style.headerWrapper,
     "data-name": getDataName('wrapper')
   }, /*#__PURE__*/React.createElement("div", {
@@ -121,7 +122,7 @@ const HeaderWithActions = props => {
     return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buildActionButton(action), {
       key: key
     }));
-  }, actionButtons)));
+  }, actionButtons))) : null;
 };
 HeaderWithActions.propTypes = process.env.NODE_ENV !== "production" ? HeaderWithActionsPropTypes : {};
 export default HeaderWithActions;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","HeaderWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","type","buildActionButton","disabled","base","customStyle","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","buttonsWrapper","buttons","action","key","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 BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport HeaderWithActionsPropTypes, {\n  HeaderWithActionsProps,\n  ButtonMenuProps,\n  ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n  return {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'close-button',\n    'aria-label': ariaLabel,\n    onClick\n  };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n  return {\n    'data-name': dataName,\n    label,\n    buttonLinkType: 'tertiary',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14\n      }\n    },\n    onClick,\n    type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n  };\n};\n\nconst buildActionButton = ({\n  type,\n  label,\n  onClick,\n  disabled,\n  iconName,\n  iconColor\n}: ButtonActionProps) => {\n  const base = {\n    type,\n    label,\n    onClick,\n    disabled,\n    customStyle: {\n      fontWeight: '600',\n      borderRadius: '12px'\n    }\n  };\n\n  if (iconName && iconColor) {\n    return {\n      ...base,\n      icon: {\n        position: 'left' as const,\n        faIcon: {\n          name: iconName,\n          color: iconColor,\n          size: 14\n        }\n      }\n    };\n  }\n\n  return base;\n};\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\n          {...buildCloseButton({\n            onClick: closeButton.onClick,\n            ariaLabel: closeButton['aria-label']\n          })}\n          className={style.button}\n        />\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\n            {...bulletPointMenuButton}\n            buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n            data-name={getDataName('bullet-point-menu-button')}\n          />\n        ) : null}\n        {uncappedMap((action: ButtonActionProps, key: string) => {\n          return <ButtonLink {...buildActionButton(action)} key={key} />;\n        }, 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;AAChC,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,0BAA0B,MAI1B,SAAS;AAChB,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AACvE;AACA,MAAMC,WAAW,GAAGT,GAAG,CAACU,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,gBAAgB,GAAGA,CAAC;EAACC,OAAO;EAAEC;AAAmD,CAAC,KAAK;EAC3F,OAAO;IACLC,IAAI,EAAE,SAAS;IACfC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAEF,SAAS;IACvBD;EACF,CAAC;AACH,CAAC;AAED,MAAMI,eAAe,GAAGA,CAAC;EAACC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAER;AAAwB,CAAC,KAAK;EAC5F,OAAO;IACL,WAAW,EAAEK,QAAQ;IACrBC,KAAK;IACLG,cAAc,EAAE,UAAU;IAC1BN,IAAI,EAAE;MACJO,QAAQ,EAAE,MAAe;MACzBC,MAAM,EAAE;QACNC,IAAI,EAAEL,QAAQ;QACdM,KAAK,EAAEL,SAAS;QAChBN,IAAI,EAAE;MACR;IACF,CAAC;IACDF,OAAO;IACPc,IAAI,EAAEP,QAAQ,KAAK,OAAO,GAAG,eAAe,GAAG;EACjD,CAAC;AACH,CAAC;AAED,MAAMQ,iBAAiB,GAAGA,CAAC;EACzBD,IAAI;EACJR,KAAK;EACLN,OAAO;EACPgB,QAAQ;EACRT,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAMS,IAAI,GAAG;IACXH,IAAI;IACJR,KAAK;IACLN,OAAO;IACPgB,QAAQ;IACRE,WAAW,EAAE;MACXC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE;IAChB;EACF,CAAC;EAED,IAAIb,QAAQ,IAAIC,SAAS,EAAE;IACzB,OAAO;MACL,GAAGS,IAAI;MACPd,IAAI,EAAE;QACJO,QAAQ,EAAE,MAAe;QACzBC,MAAM,EAAE;UACNC,IAAI,EAAEL,QAAQ;UACdM,KAAK,EAAEL,SAAS;UAChBN,IAAI,EAAE;QACR;MACF;IACF,CAAC;EACH;EAEA,OAAOe,IAAI;AACb,CAAC;AAED,MAAMI,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC;EAAa,CAAC,GAAGN,KAAK;EAEzF,oBACErC,KAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAErC,KAAK,CAACsC,aAAc;IAAC,aAAWrC,WAAW,CAAC,SAAS;EAAE,gBACrET,KAAA,CAAA4C,aAAA;IACEC,SAAS,EAAErC,KAAK,CAACuC,qBAAsB;IACvC,aAAWtC,WAAW,CAAC,0BAA0B;EAAE,gBAEnDT,KAAA,CAAA4C,aAAA,CAACxC,cAAc,EAAA4C,QAAA,KACTlC,gBAAgB,CAAC;IACnBC,OAAO,EAAEuB,WAAW,CAACvB,OAAO;IAC5BC,SAAS,EAAEsB,WAAW,CAAC,YAAY;EACrC,CAAC,CAAC;IACFO,SAAS,EAAErC,KAAK,CAACyC;EAAO,EACzB,CAAC,eACFjD,KAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAErC,KAAK,CAAC0C;EAAa,gBACjClD,KAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAErC,KAAK,CAAC2C;EAAc,gBAClCnD,KAAA,CAAA4C,aAAA,CAACvC,GAAG,EAAKmC,GAAM,CAAC,EACfC,UAAU,CAACW,OAAO,IAAIX,UAAU,CAACpB,KAAK,gBACrCrB,KAAA,CAAA4C,aAAA;IAAGC,SAAS,EAAErC,KAAK,CAACiC;EAAW,GAAEA,UAAU,CAACpB,KAAS,CAAC,GACpD,IACD,CAAC,eACNrB,KAAA,CAAA4C,aAAA;IAAIC,SAAS,EAAErC,KAAK,CAAC+B,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAW9B,WAAW,CAAC,OAAO;EAAE,GAC5E8B,KACC,CACD,CACF,CAAC,eACNvC,KAAA,CAAA4C,aAAA;IAAKC,SAAS,EAAErC,KAAK,CAAC6C,cAAe;IAAC,aAAW5C,WAAW,CAAC,iBAAiB;EAAE,GAC7EiC,qBAAqB,IAAI,CAACzC,OAAO,CAACyC,qBAAqB,CAACY,OAAO,CAAC,gBAC/DtD,KAAA,CAAA4C,aAAA,CAACtC,qBAAqB,EAAA0C,QAAA,KAChBN,qBAAqB;IACzBY,OAAO,EAAE3C,WAAW,CAACQ,eAAe,EAAEuB,qBAAqB,CAACY,OAAO,CAAE;IACrE,aAAW7C,WAAW,CAAC,0BAA0B;EAAE,EACpD,CAAC,GACA,IAAI,EACPE,WAAW,CAAC,CAAC4C,MAAyB,EAAEC,GAAW,KAAK;IACvD,oBAAOxD,KAAA,CAAA4C,aAAA,CAACzC,UAAU,EAAA6C,QAAA,KAAKlB,iBAAiB,CAACyB,MAAM,CAAC;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAChE,CAAC,EAAEb,aAAa,CACb,CACF,CAAC;AAEV,CAAC;AAEDP,iBAAiB,CAACqB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGrD,0BAA0B;AAExD,eAAe6B,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","HeaderWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","type","buildActionButton","disabled","base","customStyle","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","isFetching","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","buttonsWrapper","buttons","action","key","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 BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport HeaderWithActionsPropTypes, {\n  HeaderWithActionsProps,\n  ButtonMenuProps,\n  ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n  return {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'close-button',\n    'aria-label': ariaLabel,\n    onClick\n  };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n  return {\n    'data-name': dataName,\n    label,\n    buttonLinkType: 'tertiary',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14\n      }\n    },\n    onClick,\n    type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n  };\n};\n\nconst buildActionButton = ({\n  type,\n  label,\n  onClick,\n  disabled,\n  iconName,\n  iconColor\n}: ButtonActionProps) => {\n  const base = {\n    type,\n    label,\n    onClick,\n    disabled,\n    customStyle: {\n      fontWeight: '600',\n      borderRadius: '12px'\n    }\n  };\n\n  if (iconName && iconColor) {\n    return {\n      ...base,\n      icon: {\n        position: 'left' as const,\n        faIcon: {\n          name: iconName,\n          color: iconColor,\n          size: 14\n        }\n      }\n    };\n  }\n\n  return base;\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons, isFetching} =\n    props;\n\n  return !isFetching ? (\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\n          {...buildCloseButton({\n            onClick: closeButton.onClick,\n            ariaLabel: closeButton['aria-label']\n          })}\n          className={style.button}\n        />\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\n            {...bulletPointMenuButton}\n            buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n            data-name={getDataName('bullet-point-menu-button')}\n          />\n        ) : null}\n        {uncappedMap((action: ButtonActionProps, key: string) => {\n          return <ButtonLink {...buildActionButton(action)} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  ) : null;\n};\n\nHeaderWithActions.propTypes = HeaderWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}

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

@@ -33,6 +33,7 @@ declare const HeaderWithActionsPropTypes: {
         buttonAriaLabel: PropTypes.Requireable<string>;
         disabled: PropTypes.Validator<boolean>;
     }>>;
+    isFetching: PropTypes.Requireable<boolean>;
 };
 export default HeaderWithActionsPropTypes;
 declare type TagProps = {
@@ -75,6 +76,7 @@ export declare type HeaderWithActionsProps = {
     saveStatus: SaveStatusProps;
     actionButtons: ButtonActionProps[];
     bulletPointMenuButton?: BulletPointMenuButtonProps;
+    isFetching?: boolean;
 };
 export declare type HeaderWithActionsPropsFixture = {
     props: HeaderWithActionsProps;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqB/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,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,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,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;CACpD,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB/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,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,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,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}

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

@@ -34,7 +34,8 @@ const HeaderWithActionsPropTypes = {
     buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,
     buttonAriaLabel: PropTypes.string,
     disabled: PropTypes.bool.isRequired
-  })
+  }),
+  isFetching: PropTypes.bool
 };
 export default HeaderWithActionsPropTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","ButtonMenuPropTypes","dataName","string","label","isRequired","iconName","iconColor","onClick","func","ButtonActionPropTypes","type","oneOf","disabled","bool","HeaderWithActionsPropTypes","closeButton","shape","title","tag","size","saveStatus","display","actionButtons","arrayOf","bulletPointMenuButton","buttons","buttonAriaLabel"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ButtonMenuPropTypes = {\n  dataName: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nconst ButtonActionPropTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary']).isRequired,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  iconName: PropTypes.string,\n  iconColor: PropTypes.string\n};\n\nconst HeaderWithActionsPropTypes = {\n  closeButton: PropTypes.shape({\n    'aria-label': PropTypes.string,\n    onClick: PropTypes.func.isRequired\n  }),\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  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonActionPropTypes)).isRequired,\n  bulletPointMenuButton: PropTypes.shape({\n    buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,\n    buttonAriaLabel: PropTypes.string,\n    disabled: PropTypes.bool.isRequired\n  })\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  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type ButtonMenuProps = {\n  dataName: string;\n  label: string;\n  iconName: string;\n  iconColor: string;\n  onClick: () => void;\n};\n\ntype BulletPointMenuButtonProps = {\n  buttons: ButtonMenuProps[];\n  buttonAriaLabel?: string;\n  disabled: boolean;\n};\n\nexport type ButtonActionProps = {\n  type: 'primary' | 'secondary';\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n  iconName?: string;\n  iconColor?: string;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonActionProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,mBAAmB,GAAG;EAC1BC,QAAQ,EAAEF,SAAS,CAACG,MAAM;EAC1BC,KAAK,EAAEJ,SAAS,CAACG,MAAM,CAACE,UAAU;EAClCC,QAAQ,EAAEN,SAAS,CAACG,MAAM,CAACE,UAAU;EACrCE,SAAS,EAAEP,SAAS,CAACG,MAAM,CAACE,UAAU;EACtCG,OAAO,EAAER,SAAS,CAACS,IAAI,CAACJ;AAC1B,CAAC;AAED,MAAMK,qBAAqB,GAAG;EAC5BC,IAAI,EAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAACP,UAAU;EAC1DD,KAAK,EAAEJ,SAAS,CAACG,MAAM,CAACE,UAAU;EAClCG,OAAO,EAAER,SAAS,CAACS,IAAI,CAACJ,UAAU;EAClCQ,QAAQ,EAAEb,SAAS,CAACc,IAAI;EACxBR,QAAQ,EAAEN,SAAS,CAACG,MAAM;EAC1BI,SAAS,EAAEP,SAAS,CAACG;AACvB,CAAC;AAED,MAAMY,0BAA0B,GAAG;EACjCC,WAAW,EAAEhB,SAAS,CAACiB,KAAK,CAAC;IAC3B,YAAY,EAAEjB,SAAS,CAACG,MAAM;IAC9BK,OAAO,EAAER,SAAS,CAACS,IAAI,CAACJ;EAC1B,CAAC,CAAC;EACFa,KAAK,EAAElB,SAAS,CAACG,MAAM,CAACE,UAAU;EAClCc,GAAG,EAAEnB,SAAS,CAACiB,KAAK,CAAC;IACnBb,KAAK,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACP,UAAU;IACxFM,IAAI,EAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACP,UAAU;IACpEe,IAAI,EAAEpB,SAAS,CAACG,MAAM,CAACE;EACzB,CAAC,CAAC,CAACA,UAAU;EACbgB,UAAU,EAAErB,SAAS,CAACiB,KAAK,CAAC;IAC1BK,OAAO,EAAEtB,SAAS,CAACc,IAAI,CAACT,UAAU;IAClCD,KAAK,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACP,UAAU;EACbkB,aAAa,EAAEvB,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACiB,KAAK,CAACP,qBAAqB,CAAC,CAAC,CAACL,UAAU;EACnFoB,qBAAqB,EAAEzB,SAAS,CAACiB,KAAK,CAAC;IACrCS,OAAO,EAAE1B,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACiB,KAAK,CAAChB,mBAAmB,CAAC,CAAC,CAACI,UAAU;IAC3EsB,eAAe,EAAE3B,SAAS,CAACG,MAAM;IACjCU,QAAQ,EAAEb,SAAS,CAACc,IAAI,CAACT;EAC3B,CAAC;AACH,CAAC;AAED,eAAeU,0BAA0B","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","ButtonMenuPropTypes","dataName","string","label","isRequired","iconName","iconColor","onClick","func","ButtonActionPropTypes","type","oneOf","disabled","bool","HeaderWithActionsPropTypes","closeButton","shape","title","tag","size","saveStatus","display","actionButtons","arrayOf","bulletPointMenuButton","buttons","buttonAriaLabel","isFetching"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ButtonMenuPropTypes = {\n  dataName: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nconst ButtonActionPropTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary']).isRequired,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  iconName: PropTypes.string,\n  iconColor: PropTypes.string\n};\n\nconst HeaderWithActionsPropTypes = {\n  closeButton: PropTypes.shape({\n    'aria-label': PropTypes.string,\n    onClick: PropTypes.func.isRequired\n  }),\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  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonActionPropTypes)).isRequired,\n  bulletPointMenuButton: PropTypes.shape({\n    buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,\n    buttonAriaLabel: PropTypes.string,\n    disabled: PropTypes.bool.isRequired\n  }),\n  isFetching: PropTypes.bool\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  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type ButtonMenuProps = {\n  dataName: string;\n  label: string;\n  iconName: string;\n  iconColor: string;\n  onClick: () => void;\n};\n\ntype BulletPointMenuButtonProps = {\n  buttons: ButtonMenuProps[];\n  buttonAriaLabel?: string;\n  disabled: boolean;\n};\n\nexport type ButtonActionProps = {\n  type: 'primary' | 'secondary';\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n  iconName?: string;\n  iconColor?: string;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonActionProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps;\n  isFetching?: boolean;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,mBAAmB,GAAG;EAC1BC,QAAQ,EAAEF,SAAS,CAACG,MAAM;EAC1BC,KAAK,EAAEJ,SAAS,CAACG,MAAM,CAACE,UAAU;EAClCC,QAAQ,EAAEN,SAAS,CAACG,MAAM,CAACE,UAAU;EACrCE,SAAS,EAAEP,SAAS,CAACG,MAAM,CAACE,UAAU;EACtCG,OAAO,EAAER,SAAS,CAACS,IAAI,CAACJ;AAC1B,CAAC;AAED,MAAMK,qBAAqB,GAAG;EAC5BC,IAAI,EAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAACP,UAAU;EAC1DD,KAAK,EAAEJ,SAAS,CAACG,MAAM,CAACE,UAAU;EAClCG,OAAO,EAAER,SAAS,CAACS,IAAI,CAACJ,UAAU;EAClCQ,QAAQ,EAAEb,SAAS,CAACc,IAAI;EACxBR,QAAQ,EAAEN,SAAS,CAACG,MAAM;EAC1BI,SAAS,EAAEP,SAAS,CAACG;AACvB,CAAC;AAED,MAAMY,0BAA0B,GAAG;EACjCC,WAAW,EAAEhB,SAAS,CAACiB,KAAK,CAAC;IAC3B,YAAY,EAAEjB,SAAS,CAACG,MAAM;IAC9BK,OAAO,EAAER,SAAS,CAACS,IAAI,CAACJ;EAC1B,CAAC,CAAC;EACFa,KAAK,EAAElB,SAAS,CAACG,MAAM,CAACE,UAAU;EAClCc,GAAG,EAAEnB,SAAS,CAACiB,KAAK,CAAC;IACnBb,KAAK,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACP,UAAU;IACxFM,IAAI,EAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACP,UAAU;IACpEe,IAAI,EAAEpB,SAAS,CAACG,MAAM,CAACE;EACzB,CAAC,CAAC,CAACA,UAAU;EACbgB,UAAU,EAAErB,SAAS,CAACiB,KAAK,CAAC;IAC1BK,OAAO,EAAEtB,SAAS,CAACc,IAAI,CAACT,UAAU;IAClCD,KAAK,EAAEJ,SAAS,CAACY,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACP,UAAU;EACbkB,aAAa,EAAEvB,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACiB,KAAK,CAACP,qBAAqB,CAAC,CAAC,CAACL,UAAU;EACnFoB,qBAAqB,EAAEzB,SAAS,CAACiB,KAAK,CAAC;IACrCS,OAAO,EAAE1B,SAAS,CAACwB,OAAO,CAACxB,SAAS,CAACiB,KAAK,CAAChB,mBAAmB,CAAC,CAAC,CAACI,UAAU;IAC3EsB,eAAe,EAAE3B,SAAS,CAACG,MAAM;IACjCU,QAAQ,EAAEb,SAAS,CAACc,IAAI,CAACT;EAC3B,CAAC,CAAC;EACFuB,UAAU,EAAE5B,SAAS,CAACc;AACxB,CAAC;AAED,eAAeC,0BAA0B","ignoreList":[]}

package/es/organism/icon-editor/index.d.ts

@@ -21,7 +21,6 @@ declare const IconEditor: {
             defaultValue: import("prop-types").Requireable<string>;
             theme: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
-            readOnly: import("prop-types").Requireable<boolean>;
             value: import("prop-types").Requireable<string>;
             hint: import("prop-types").Requireable<string>;
             error: import("prop-types").Requireable<string>;

package/es/organism/icon-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1E,CAAC;AAQF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1E,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/es/organism/icon-editor/types.d.ts

@@ -18,7 +18,6 @@ declare const IconEditorPropTypes: {
         defaultValue: PropTypes.Requireable<string>;
         theme: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        readOnly: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<string>;
         hint: PropTypes.Requireable<string>;
         error: PropTypes.Requireable<string>;

package/es/organism/icon-editor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAEnE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC;AAEnC,oBAAY,eAAe,GAAG;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAEnE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC;AAEnC,oBAAY,eAAe,GAAG;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC"}

package/es/organism/rewards-form/index.d.ts

@@ -100,7 +100,6 @@ declare namespace RewardsForm {
                     placeholder: PropTypes.Requireable<string>;
                     defaultValue: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
-                    readOnly: PropTypes.Requireable<boolean>;
                     value: PropTypes.Requireable<string>;
                     hint: PropTypes.Requireable<string>;
                     error: PropTypes.Requireable<string>;

package/es/organism/select-opponents/index.d.ts

@@ -99,7 +99,6 @@ declare const SelectOpponents: {
                     placeholder: import("prop-types").Requireable<string>;
                     defaultValue: import("prop-types").Requireable<string>;
                     disabled: import("prop-types").Requireable<boolean>;
-                    readOnly: import("prop-types").Requireable<boolean>;
                     value: import("prop-types").Requireable<string>;
                     hint: import("prop-types").Requireable<string>;
                     error: import("prop-types").Requireable<string>;

package/es/organism/select-opponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/es/organism/select-opponents/types.d.ts

@@ -97,7 +97,6 @@ export declare const propTypes: {
                 placeholder: PropTypes.Requireable<string>;
                 defaultValue: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;

package/es/organism/select-opponents/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE;QACL,SAAS,EAAE,iBAAiB,GAAG,cAAc,CAAC;QAC9C,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/skill-edition/index.d.ts

@@ -31,7 +31,6 @@ declare const SkillEdition: {
                         defaultValue: import("prop-types").Requireable<string>;
                         theme: import("prop-types").Requireable<string>;
                         disabled: import("prop-types").Requireable<boolean>;
-                        readOnly: import("prop-types").Requireable<boolean>;
                         value: import("prop-types").Requireable<string>;
                         hint: import("prop-types").Requireable<string>;
                         error: import("prop-types").Requireable<string>;
@@ -53,7 +52,6 @@ declare const SkillEdition: {
                         name: import("prop-types").Requireable<string>;
                         theme: import("prop-types").Requireable<string>;
                         disabled: import("prop-types").Requireable<boolean>;
-                        readOnly: import("prop-types").Requireable<boolean>;
                         value: import("prop-types").Requireable<string>;
                         hint: import("prop-types").Requireable<string>;
                         error: import("prop-types").Requireable<string>;
@@ -80,7 +78,6 @@ declare const SkillEdition: {
                     defaultValue: import("prop-types").Requireable<string>;
                     theme: import("prop-types").Requireable<string>;
                     disabled: import("prop-types").Requireable<boolean>;
-                    readOnly: import("prop-types").Requireable<boolean>;
                     value: import("prop-types").Requireable<string>;
                     hint: import("prop-types").Requireable<string>;
                     error: import("prop-types").Requireable<string>;
@@ -114,7 +111,6 @@ declare const SkillEdition: {
                     title: import("prop-types").Validator<string>;
                     onEditClick: import("prop-types").Validator<(...args: any[]) => any>;
                     onDeleteClick: import("prop-types").Validator<(...args: any[]) => any>;
-                    readonly: import("prop-types").Requireable<boolean>;
                 }>>;
             }>;
             button: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
@@ -122,11 +118,6 @@ declare const SkillEdition: {
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 disabled: import("prop-types").Requireable<boolean>;
             }>>>;
-            emptyResult: import("prop-types").Requireable<import("prop-types").InferProps<{
-                title: import("prop-types").Requireable<string>;
-                description: import("prop-types").Requireable<string>;
-            }>>;
-            readonly: import("prop-types").Requireable<boolean>;
         }>>>;
         content: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             title: import("prop-types").Validator<string>;
@@ -136,7 +127,6 @@ declare const SkillEdition: {
                 onClick: import("prop-types").Validator<(...args: any[]) => any>;
             }>>>;
             list: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
-                title: import("prop-types").Requireable<string>;
                 items: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                     ref: import("prop-types").Validator<string>;
                     title: import("prop-types").Validator<string>;
@@ -150,10 +140,6 @@ declare const SkillEdition: {
                         checked: import("prop-types").Validator<boolean>;
                         onChange: import("prop-types").Validator<(...args: any[]) => any>;
                     }>>>;
-                    deleteButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        label: import("prop-types").Requireable<string>;
-                        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                    }>>;
                 }>>[]>;
                 search: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                     value: import("prop-types").Validator<string>;
@@ -170,15 +156,9 @@ declare const SkillEdition: {
                     onChange: import("prop-types").Validator<(...args: any[]) => any>;
                 }>>;
             }>>>;
-            actionButtons: import("prop-types").Requireable<(object | null | undefined)[]>;
-            checkboxWithTitle: import("prop-types").Requireable<import("prop-types").InferProps<{
-                title: import("prop-types").Requireable<string>;
-                checked: import("prop-types").Requireable<boolean>;
-                onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-            }>>;
-            readonly: import("prop-types").Requireable<boolean>;
+            isFetching: import("prop-types").Requireable<boolean>;
         }>>>;
-        readonly: import("prop-types").Requireable<boolean>;
+        isFetching: import("prop-types").Requireable<boolean>;
     };
 };
 export default SkillEdition;

package/es/organism/skill-edition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/skill-edition/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAEhB,qBAAqB,EAMtB,MAAM,SAAS,CAAC;AA+ZjB,QAAA,MAAM,YAAY;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUjD,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/skill-edition/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAEhB,qBAAqB,EAMtB,MAAM,SAAS,CAAC;AA2YjB,QAAA,MAAM,YAAY;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcjD,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/es/organism/skill-edition/index.js

@@ -1,22 +1,19 @@
-import _omit from "lodash/fp/omit";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
 import _isEmpty from "lodash/fp/isEmpty";
 import _includes from "lodash/fp/includes";
-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 BrandFormGroup from '../../molecule/brand-form-group';
 import ListItems from '../list-items';
 import Title from '../../atom/title';
 import TitleAndInput from '../title-and-input';
 import { COLORS } from '../../variables/colors';
+import Loader from '../../atom/loader';
 import propTypes from './types';
 import style from './style.css';
-const buildFormField = (field, type, readonly) => {
-  const fieldWithoutOverrides = _omit(['type', 'theme', 'size', 'readOnly'], field);
+const buildFormField = (field, type) => {
   return {
-    ...fieldWithoutOverrides,
-    readOnly: readonly,
+    ...field,
     type,
     theme: 'coorpmanager',
     size: 'large'
@@ -46,8 +43,7 @@ const buildTitleAndInputField = ({
 const SkillInformations = skillInformations => {
   const {
     form,
-    iconEditor,
-    readonly
+    iconEditor
   } = skillInformations;
   const {
     select,
@@ -63,11 +59,8 @@ const SkillInformations = skillInformations => {
     },
     field: {
       iconPreview: iconEditor.iconPreview,
-      inputText: {
-        ...iconEditor.inputText,
-        readOnly: readonly
-      },
-      buttonLink: iconEditor.buttonLink && !readonly ? {
+      inputText: iconEditor.inputText,
+      buttonLink: iconEditor.buttonLink ? {
         type: 'secondary',
         label: iconEditor.buttonLink.label,
         ariaLabel: iconEditor.buttonLink.ariaLabel,
@@ -102,8 +95,7 @@ const SkillInformations = skillInformations => {
       'aria-label': select.field['aria-label'],
       onChange: select.field.onChange,
       theme: 'skillDetail',
-      size: 'large',
-      readOnly: readonly
+      size: 'large'
     }
   }, {
     ...buildTitleAndInputField({
@@ -111,13 +103,13 @@ const SkillInformations = skillInformations => {
       required: true,
       childType: 'inputText'
     }),
-    field: buildFormField(inputText.field, 'text', readonly)
+    field: buildFormField(inputText.field, 'text')
   }, {
     ...buildTitleAndInputField({
       title: inputTextArea.title,
       childType: 'inputTextArea'
     }),
-    field: buildFormField(inputTextArea.field, 'textarea', readonly)
+    field: buildFormField(inputTextArea.field, 'textarea')
   }];
   const formProps = {
     title: form.title,
@@ -166,33 +158,12 @@ const buildButtonProps = button => ({
 const buildTranslationItems = ({
   title: itemTitle,
   onEditClick,
-  onDeleteClick,
-  readonly = false
+  onDeleteClick
 }, index) => ({
-  ...(readonly ? {} : {
-    secondButtonLink: {
-      'aria-label': 'Delete',
-      type: 'primary',
-      customStyle: {
-        width: 'fit-content',
-        backgroundColor: 'transparent'
-      },
-      hoverBackgroundColor: COLORS.cm_grey_100,
-      icon: {
-        position: 'left',
-        faIcon: {
-          name: 'trash',
-          color: COLORS.neutral_500,
-          size: 16
-        }
-      },
-      onClick: onDeleteClick
-    }
-  }),
   id: index,
   title: itemTitle,
   buttonLink: {
-    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',
+    'aria-label': 'Edit',
     type: 'primary',
     customStyle: {
       width: 'fit-content',
@@ -202,12 +173,30 @@ const buildTranslationItems = ({
     icon: {
       position: 'left',
       faIcon: {
-        name: readonly ? 'eye' : 'edit',
-        color: COLORS.neutral_500,
+        name: 'edit',
+        color: COLORS.cm_grey_500,
         size: 16
       }
     },
     onClick: onEditClick
+  },
+  secondButtonLink: {
+    'aria-label': 'Delete',
+    type: 'primary',
+    customStyle: {
+      width: 'fit-content',
+      backgroundColor: 'transparent'
+    },
+    hoverBackgroundColor: COLORS.cm_grey_100,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'trash',
+        color: COLORS.cm_grey_500,
+        size: 16
+      }
+    },
+    onClick: onDeleteClick
   }
 });
 const Translations = ({
@@ -216,8 +205,7 @@ const Translations = ({
   items,
   button,
   localesOptions,
-  emptyResult,
-  readonly = false
+  emptyResult
 }) => {
   const buttonProps = buildButtonProps(button);
   const translationMenuAction = {
@@ -261,13 +249,10 @@ const Translations = ({
           button: translationMenuAction
         }
       }),
-      items: uncappedMap((item, index) => buildTranslationItems({
-        ...item,
-        readonly
-      }, index), items),
+      items: uncappedMap(buildTranslationItems, items),
       type: 'list'
     },
-    buttonMenuAction: readonly ? undefined : translationMenuAction
+    buttonMenuAction: translationMenuAction
   };
   return /*#__PURE__*/React.createElement(ListItems, translationProps);
 };
@@ -337,7 +322,8 @@ const Content = ({
   },
   actionButtons,
   checkboxWithTitle: checkboxWithTitleProps,
-  readonly = false
+  readonly = false,
+  isFetching = false
 }) => {
   const buttonProps = buildButtonProps(button);
   const titleProps = {
@@ -375,9 +361,7 @@ const Content = ({
     },
     search: {
       ...search,
-      theme: 'coorpmanager',
-      // Keep search interactive even in readonly mode
-      disabled: false
+      theme: 'coorpmanager'
     },
     actionButtons: readonly ? [] : _map(actionButton => ({
       ...actionButton,
@@ -402,7 +386,8 @@ const Content = ({
         iconColor: 'white',
         preset: 's'
       }
-    }
+    },
+    isFetching
   };
   return /*#__PURE__*/React.createElement("div", {
     className: style.contentContainer
@@ -413,17 +398,16 @@ const SkillEdition = props => {
     skillInformations,
     translations,
     content,
-    readonly
+    isFetching
   } = props;
-  return /*#__PURE__*/React.createElement("div", {
+  return isFetching ? /*#__PURE__*/React.createElement("div", {
+    className: style.loaderContainer
+  }, /*#__PURE__*/React.createElement(Loader, {
+    className: style.loader,
+    theme: "coorpmanager"
+  })) : /*#__PURE__*/React.createElement("div", {
     className: style.container
-  }, /*#__PURE__*/React.createElement(SkillInformations, _extends({}, skillInformations, {
-    readonly: readonly
-  })), /*#__PURE__*/React.createElement(Translations, _extends({}, translations, {
-    readonly: readonly
-  })), /*#__PURE__*/React.createElement(Content, _extends({}, content, {
-    readonly: readonly
-  })));
+  }, /*#__PURE__*/React.createElement(SkillInformations, skillInformations), /*#__PURE__*/React.createElement(Translations, translations), /*#__PURE__*/React.createElement(Content, content));
 };
 SkillEdition.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default SkillEdition;