@coorpacademy/components 11.18.9 → 11.18.10

package/lib/organism/list-items/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","itemsView","length","map","item","contentType","index","id","style","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","contentView","header","actionsWrapper","buttonCreate","propTypes","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ExpandibleActionableTable"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem {...item} order={null} contentType={itemType} />\n        </li>\n      ))\n    );\n  return (\n    <ul\n      className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n      aria-label={ariaLabel}\n      data-name={'content-list'}\n    >\n      {itemsView}\n    </ul>\n  );\n};\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({title, buttonLink, selectMultiple, content, 'aria-label': ariaLabel}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.actionsWrapper}>\n          {selectMultiple ? (\n            <div className={style.selectMultiple}>\n              <SelectMultiple {...selectMultiple} />\n            </div>\n          ) : null}\n\n          <div className={style.buttonCreate}>\n            <ButtonLink {...buttonLink} />\n          </div>\n        </div>\n      </div>\n      {contentView}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","length","map","item","contentType","index","id","style","tableHeaderView","isNil","isEmpty","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","settings","list","listWithSelectMultiple","buildContentView","type","ListItems","title","buttonLink","contentView","header","actionsWrapper","buttonCreate","propTypes","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ExpandibleActionableTable"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem {...item} order={null} contentType={itemType} />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({title, buttonLink, selectMultiple, content, 'aria-label': ariaLabel}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'list-title'} />\n        </div>\n        <div className={style.actionsWrapper}>\n          {selectMultiple ? (\n            <div className={style.selectMultiple}>\n              <SelectMultiple {...selectMultiple} />\n            </div>\n          ) : null}\n\n          <div className={style.buttonCreate}>\n            <ButtonLink {...buttonLink} />\n          </div>\n        </div>\n      </div>\n      {contentView}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string)\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,kBAAkB,GAAG,CAACC,OAAD,EAAUC,SAAV,EAAqBC,cAArB,KAAwC;EACjE,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC,MAAlB;IAA0BC,WAAW,GAAG,KAAxC;IAA+CC;EAA/C,IAA8DP,OAApE;EACA,MAAMQ,SAAS,GACbF,WAAW,IAAIH,KAAK,CAACM,MAAN,GAAe,CAA9B,gBACE,6BAAC,sBAAD;IACE,KAAK,EAAEN,KAAK,CAACO,GAAN,CAAUC,IAAI,iBAASA,IAAT;MAAeC,WAAW,EAAER;IAA5B,EAAd,CADT;IAEE,QAAQ,EAAC,WAFX;IAGE,MAAM,EAAEC;EAHV,EADF,GAOEF,KAAK,CAACO,GAAN,CAAU,CAACC,IAAD,EAAOE,KAAP,kBACR;IAAI,GAAG,EAAEF,IAAI,CAACG,EAAd;IAAkB,SAAS,EAAEC,cAAA,CAAMJ,IAAnC;IAAyC,aAAY,WAAUE,KAAM;EAArE,gBACE,6BAAC,iBAAD,eAAcF,IAAd;IAAoB,KAAK,EAAE,IAA3B;IAAiC,WAAW,EAAEP;EAA9C,GADF,CADF,CARJ;EAcA,MAAMY,eAAe,GACnB,CAAC,IAAAC,cAAA,EAAMV,WAAN,CAAD,IAAuB,CAAC,IAAAW,gBAAA,EAAQX,WAAR,CAAxB,gBACE;IAAK,SAAS,EAAEQ,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,GACGb,WAAW,CAACG,GAAZ,CAAgB,CAACW,eAAD,EAAkBR,KAAlB,kBACf;IACE,GAAG,EAAG,wBAAuBA,KAAM,EADrC;IAEE,SAAS,EAAEE,cAAA,CAAMM,eAFnB;IAGE,aAAY,eAAcR,KAAM;EAHlC,GAKGQ,eALH,CADD,CADH,CADF,eAYE;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,GAAiC,EAAjC,CAZF,CADF,GAeI,IAhBN;EAiBA,oBACE,0CACGN,eADH,eAEE;IACE,SAAS,EAAE,CAACd,cAAD,GAAkBa,cAAA,CAAMQ,IAAxB,GAA+BR,cAAA,CAAMS,sBADlD;IAEE,cAAYvB,SAFd;IAGE,aAAW;EAHb,GAKGO,SALH,CAFF,CADF;AAYD,CA7CD;;AA8CA,MAAMiB,gBAAgB,GAAG,CAACzB,OAAD,EAAUC,SAAV,EAAqBC,cAArB,KAAwC;EAC/D,MAAM;IAACwB;EAAD,IAAS1B,OAAf;;EACA,QAAQ0B,IAAR;IACE,KAAK,MAAL;MACE,OAAO3B,kBAAkB,CAACC,OAAD,EAAUC,SAAV,EAAqBC,cAArB,CAAzB;;IACF,KAAK,6BAAL;MACE,oBAAO,6BAAC,kCAAD,EAA+BF,OAA/B,CAAP;EAJJ;AAMD,CARD;;AAUA,MAAM2B,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,UAAR;EAAoB3B,cAApB;EAAoCF,OAApC;EAA6C,cAAcC;AAA3D,CAAD,KAA2E;EAC3F,MAAM6B,WAAW,GAAGL,gBAAgB,CAACzB,OAAD,EAAUC,SAAV,EAAqBC,cAArB,CAApC;EAEA,oBACE,uDACE;IAAK,SAAS,EAAEa,cAAA,CAAMgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,cAAA,CAAMa;EAAtB,gBACE,6BAAC,cAAD;IAAO,KAAK,EAAEA,KAAd;IAAqB,IAAI,EAAE,YAA3B;IAAyC,aAAW;EAApD,EADF,CADF,eAIE;IAAK,SAAS,EAAEb,cAAA,CAAMiB;EAAtB,GACG9B,cAAc,gBACb;IAAK,SAAS,EAAEa,cAAA,CAAMb;EAAtB,gBACE,6BAAC,uBAAD,EAAoBA,cAApB,CADF,CADa,GAIX,IALN,eAOE;IAAK,SAAS,EAAEa,cAAA,CAAMkB;EAAtB,gBACE,6BAAC,mBAAD,EAAgBJ,UAAhB,CADF,CAPF,CAJF,CADF,EAiBGC,WAjBH,CADF;AAqBD,CAxBD;;AA0BAH,SAAS,CAACO,SAAV,2CAAsB;EACpB,cAAcC,kBAAA,CAAUC,MADJ;EAEpBP,UAAU,EAAEM,kBAAA,CAAUE,KAAV,CAAgBC,mBAAA,CAAWJ,SAA3B,CAFQ;EAGpBhC,cAAc,EAAEiC,kBAAA,CAAUE,KAAV,CAAgBE,uBAAA,CAAeL,SAA/B,CAHI;EAIpBlC,OAAO,EAAEmC,kBAAA,CAAUK,SAAV,CAAoB,CAC3BL,kBAAA,CAAUE,KAAV,CAAgB;IACdlC,KAAK,EAAEgC,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUE,KAAV,CAAgBK,iBAAA,CAASR,SAAzB,CAAlB,CADO;IAEdR,IAAI,EAAES,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAFQ;IAGdvC,QAAQ,EAAE+B,kBAAA,CAAUC,MAHN;IAId/B,MAAM,EAAE8B,kBAAA,CAAUS,IAJJ;IAKdtC,WAAW,EAAE6B,kBAAA,CAAUU,IALT;IAMdtC,WAAW,EAAE4B,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUC,MAA5B;EANC,CAAhB,CAD2B,EAS3BD,kBAAA,CAAUE,KAAV,cACKS,kCAAA,CAA0BZ,SAD/B;IAEER,IAAI,EAAES,kBAAA,CAAUQ,KAAV,CAAgB,CAAC,6BAAD,CAAhB;EAFR,GAT2B,CAApB,CAJW;EAkBpBf,KAAK,EAAEO,kBAAA,CAAUC;AAlBG,CAAtB;eAqBeT,S"}

package/lib/organism/list-items/style.css

@@ -3,6 +3,7 @@
 @value colors: "../../variables/colors.css";
 @value medium from colors;
 @value xtraLightGrey from colors;
+@value cm_grey_400 from colors;
 @value dark from colors;
 
 .header {
@@ -53,4 +54,45 @@
   margin: 0;
   padding: 0;
   min-height: 200px;
+}
+
+.tableHeaderWrapper {
+  display: grid;
+  grid-template-columns: 70% auto; 
+  padding: 8px 16px;
+  align-items: center;
+  gap: 24px;
+  border-radius: 7px;
+  padding: 8px 16px;
+}
+
+
+.tableHeaderItem {
+  display: flex;
+  gap: 16px;
+  flex: 1 0 0;
+  overflow: hidden;
+  align-items: flex-start;
+  gap: 8px;
+  flex-shrink: 0;
+  color: var(--font-font-color-tertiary, #9999A8);
+  text-overflow: ellipsis;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.dataColumnsWrapper {
+  align-items: center;
+  display: flex;
+  width: 100%;
+  margin-left: 24px;
+}
+
+.settings {
+  align-items: center;
+  display: flex;
+  height: 100%;
 }

package/lib/organism/review-header/types.d.ts

@@ -3,6 +3,7 @@ import { StatusItemProps } from '../../atom/status-item/types';
 declare const propTypes: {
     steps: PropTypes.Requireable<(PropTypes.InferProps<{
         current: PropTypes.Requireable<boolean>;
+        selected: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
     }> | null | undefined)[]>;

package/lib/organism/review-header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/lib/organism/wizard-contents/index.d.ts

@@ -7,11 +7,75 @@ declare namespace WizardContents {
             title: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>>;
+        const actions: PropTypes.Requireable<PropTypes.InferProps<{
+            bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                buttonAriaLabel: PropTypes.Requireable<string>;
+                menuAriaLabel: PropTypes.Requireable<string>;
+                buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                    'data-name': PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }> | null | undefined)[]>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            firstButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                'data-testid': PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                link: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    download: PropTypes.Requireable<boolean>;
+                    target: PropTypes.Requireable<string>;
+                }>>;
+                disabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                'data-testid': PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                link: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    download: PropTypes.Requireable<boolean>;
+                    target: PropTypes.Requireable<string>;
+                }>>;
+                disabled: PropTypes.Requireable<boolean>;
+                className: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+        }>>;
         const steps: PropTypes.Requireable<(PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             done: PropTypes.Requireable<boolean>;
             current: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
+        const tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+            tab: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+                href: PropTypes.Requireable<string>;
+                status: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            index: PropTypes.Requireable<number>;
+            isLightTab: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
         const summary: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             side: PropTypes.Requireable<string>;
@@ -281,6 +345,7 @@ declare namespace WizardContents {
                 fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     current: PropTypes.Requireable<boolean>;
+                    selected: PropTypes.Requireable<boolean>;
                     icon: PropTypes.Requireable<string>;
                     value: PropTypes.Requireable<string>;
                 }> | null | undefined> | null | undefined)[]>;
@@ -343,6 +408,8 @@ declare namespace WizardContents {
                 isBulkMenu: PropTypes.Requireable<boolean>;
             }> | null | undefined>>;
             isNestedTable: PropTypes.Requireable<boolean>;
+            emptyStateFirstMessage: PropTypes.Requireable<string>;
+            emptyStateSecondMessage: PropTypes.Requireable<string>;
         }> | null | undefined>>;
         const previousStep: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;

package/lib/organism/wizard-contents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AAsHA,yDAoCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AA0IA,yDAqCC"}

package/lib/organism/wizard-contents/index.js

@@ -27,6 +27,10 @@ var _courseSelection = _interopRequireDefault(require("../course-selection"));
 
 var _courseSections = _interopRequireDefault(require("../../molecule/course-sections"));
 
+var _brandTabs = _interopRequireDefault(require("../../molecule/brand-tabs"));
+
+var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+
 var _rewardsForm = _interopRequireDefault(require("../rewards-form"));
 
 var _expandibleActionableTable = _interopRequireDefault(require("../../molecule/expandible-actionable-table"));
@@ -37,7 +41,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const buildHeader = (wizardHeader, steps) => {
+const buildHeader = (wizardHeader, actions, steps, tabs) => {
   const {
     title,
     onClick
@@ -51,12 +55,25 @@ const buildHeader = (wizardHeader, steps) => {
   };
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, buttonCloseIcon), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.headerTitle,
     "data-name": 'content-title'
-  }, title)), /*#__PURE__*/_react.default.createElement(_wizardSteps.default, {
+  }, title)), actions ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.actionsWrapper
+  }, /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, actions.bulletPointMenuButton), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonLink
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, actions.firstButtonLink)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonLink
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, actions.secondButtonLink))) : null), steps ? /*#__PURE__*/_react.default.createElement(_wizardSteps.default, {
     steps: steps
-  }));
+  }) : null, tabs ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabs
+  }, /*#__PURE__*/_react.default.createElement(_brandTabs.default, {
+    type: "light",
+    tabs: tabs
+  })) : null);
 };
 
 const buildForm = content => {
@@ -152,13 +169,15 @@ const WizardContents = props => {
   const {
     isLoading,
     wizardHeader,
+    actions,
     steps,
+    tabs,
     summary,
     content,
     nextStep,
     previousStep
   } = props;
-  const headerView = buildHeader(wizardHeader, steps);
+  const headerView = buildHeader(wizardHeader, actions, steps, tabs);
   const formView = buildForm(_extends({}, content, {
     isLoading
   }));
@@ -203,7 +222,23 @@ WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
     title: _propTypes.default.string,
     onClick: _propTypes.default.func
   }).isRequired,
+  actions: _propTypes.default.shape({
+    bulletPointMenuButton: _propTypes.default.shape({
+      buttonAriaLabel: _propTypes.default.string,
+      menuAriaLabel: _propTypes.default.string,
+      buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
+        'data-name': _propTypes.default.string,
+        label: _propTypes.default.string,
+        type: _propTypes.default.string,
+        onClick: _propTypes.default.func
+      })),
+      onClick: _propTypes.default.func
+    }),
+    firstButtonLink: _propTypes.default.shape(_buttonLink.default.propTypes),
+    secondButtonLink: _propTypes.default.shape(_buttonLink.default.propTypes)
+  }),
   steps: _wizardSteps.default.propTypes.steps,
+  tabs: _brandTabs.default.propTypes.tabs,
   summary: _propTypes.default.shape(_extends({}, _wizardSummary.default.propTypes)),
   content: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _brandForm.default.propTypes, {
     type: _propTypes.default.oneOf(['form'])

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","formView","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","ExpandibleActionableErrorsTable"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","actions","steps","tabs","title","onClick","buttonCloseIcon","size","icon","style","header","titleWrapper","headerTitle","actionsWrapper","bulletPointMenuButton","buttonLink","firstButtonLink","secondButtonLink","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","formView","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","buttonAriaLabel","menuAriaLabel","buttons","arrayOf","ButtonLink","WizardSteps","BrandTabs","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","ExpandibleActionableErrorsTable"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport BrandTabs from '../../molecule/brand-tabs';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport RewardsForm from '../rewards-form';\nimport ExpandibleActionableErrorsTable from '../../molecule/expandible-actionable-table';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, actions, steps, tabs) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleWrapper}>\n          <ButtonLinkIconOnly {...buttonCloseIcon} />\n          <div className={style.headerTitle} data-name={'content-title'}>\n            {title}\n          </div>\n        </div>\n        {actions ? (\n          <div className={style.actionsWrapper}>\n            <BulletPointMenuButton {...actions.bulletPointMenuButton} />\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.firstButtonLink} />\n            </div>\n            <div className={style.buttonLink}>\n              <ButtonLink {...actions.secondButtonLink} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {steps ? <WizardSteps steps={steps} /> : null}\n      {tabs ? (\n        <div className={style.tabs}>\n          <BrandTabs type=\"light\" tabs={tabs} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n    case 'expandible-table':\n      return <ExpandibleActionableErrorsTable {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, actions, steps, tabs, summary, content, nextStep, previousStep} =\n    props;\n  const headerView = buildHeader(wizardHeader, actions, steps, tabs);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={currentStyle.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  actions: PropTypes.shape({\n    bulletPointMenuButton: PropTypes.shape({\n      buttonAriaLabel: PropTypes.string,\n      menuAriaLabel: PropTypes.string,\n      buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n          'data-name': PropTypes.string,\n          label: PropTypes.string,\n          type: PropTypes.string,\n          onClick: PropTypes.func\n        })\n      ),\n      onClick: PropTypes.func\n    }),\n    firstButtonLink: PropTypes.shape(ButtonLink.propTypes),\n    secondButtonLink: PropTypes.shape(ButtonLink.propTypes)\n  }),\n  steps: WizardSteps.propTypes.steps,\n  tabs: BrandTabs.propTypes.tabs,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableErrorsTable.propTypes,\n      type: PropTypes.oneOf(['expandible-table'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}

package/lib/organism/wizard-contents/style.css

@@ -17,6 +17,17 @@
   flex-direction: column;
 }
 
+.actionsWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.buttonLink {
+  max-width: 190px;
+}
+
 .leftSection {
   display: flex;
   flex-direction: column;
@@ -58,6 +69,13 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  justify-content: space-between;
+}
+
+.titleWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
 
 .headerTitle {
@@ -67,6 +85,10 @@
   margin: 0 0 0 16px;
 }
 
+.tabs {
+  padding: 31px 0 0 0;
+}
+
 .form {
   margin: 45px 32px 0 0;
 }

package/lib/template/app-review/index.d.ts

@@ -8,6 +8,7 @@ declare const AppReview: {
             header: import("prop-types").Requireable<import("prop-types").InferProps<{
                 steps: import("prop-types").Requireable<(import("prop-types").InferProps<{
                     current: import("prop-types").Requireable<boolean>;
+                    selected: import("prop-types").Requireable<boolean>;
                     icon: import("prop-types").Requireable<string>;
                     value: import("prop-types").Requireable<string>;
                 }> | null | undefined)[]>;

package/lib/template/app-review/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEvD,QAAA,MAAM,SAAS;2BAAwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpD,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/lib/template/app-review/player/prop-types.d.ts

@@ -8,6 +8,7 @@ declare const propTypes: {
     header: PropTypes.Requireable<PropTypes.InferProps<{
         steps: PropTypes.Requireable<(PropTypes.InferProps<{
             current: PropTypes.Requireable<boolean>;
+            selected: PropTypes.Requireable<boolean>;
             icon: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;

package/lib/template/app-review/player/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}

package/lib/template/app-review/prop-types.d.ts

@@ -12,6 +12,7 @@ declare const propTypes: {
         header: PropTypes.Requireable<PropTypes.InferProps<{
             steps: PropTypes.Requireable<(PropTypes.InferProps<{
                 current: PropTypes.Requireable<boolean>;
+                selected: PropTypes.Requireable<boolean>;
                 icon: PropTypes.Requireable<string>;
                 value: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;

package/lib/template/app-review/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}