@coorpacademy/components 11.9.1 → 11.9.2-alpha.12

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

@@ -126,10 +126,10 @@ const WizardContents = props => {
     className: style.container,
     "data-name": "content-summary"
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.leftSection
+    className: summary ? style.leftSection : style.leftSectionWithoutSummary
   }, headerView, /*#__PURE__*/React.createElement("div", {
     className: style.form
-  }, formView)), /*#__PURE__*/React.createElement("div", {
+  }, formView)), summary ? /*#__PURE__*/React.createElement("div", {
     className: style.rightSection,
     "data-name": "summary-right-section"
   }, /*#__PURE__*/React.createElement("div", {
@@ -139,7 +139,7 @@ const WizardContents = props => {
     "data-name": "summary-zone"
   }, /*#__PURE__*/React.createElement(WizardSummary, _extends({}, summary, {
     side: 'right'
-  }))), rightActionView)), /*#__PURE__*/React.createElement("div", {
+  }))), rightActionView)) : null, summary ? /*#__PURE__*/React.createElement("div", {
     className: style.footer,
     "data-name": "summary-footer-section"
   }, /*#__PURE__*/React.createElement("div", {
@@ -148,6 +148,11 @@ const WizardContents = props => {
     side: 'footer'
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.actionFooter
+  }, footerActionView)) : /*#__PURE__*/React.createElement("div", {
+    className: style.footerWithoutSummary,
+    "data-name": "footer-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.actionFooterWithoutSummary
   }, footerActionView)));
 };
 
@@ -158,7 +163,7 @@ WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
     onClick: PropTypes.func
   }).isRequired,
   steps: WizardSteps.propTypes.steps,
-  summary: PropTypes.shape(_extends({}, WizardSummary.propTypes)).isRequired,
+  summary: PropTypes.shape(_extends({}, WizardSummary.propTypes)),
   content: PropTypes.oneOfType([PropTypes.shape(_extends({}, BrandForm.propTypes, {
     type: PropTypes.oneOf(['form'])
   })), PropTypes.shape(_extends({}, ContentTranslate.propTypes, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"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 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  }\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 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\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\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      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.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  }).isRequired,\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  ]),\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":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","leftSectionWithoutSummary","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","footerWithoutSummary","actionFooterWithoutSummary","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"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 style from './style.css';\nimport isEmpty from 'lodash/fp/isEmpty';\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  }\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 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\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={summary ? style.leftSection: style.leftSectionWithoutSummary}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? (\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        ) : null}\n    {summary ? ( <div className={style.footer} data-name=\"summary-footer-section\">\n   <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n        ) : ( <div className={style.footerWithoutSummary} data-name=\"footer-section\">\n        <div className={style.actionFooterWithoutSummary}>{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  ]),\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/es/organism/wizard-contents/style.css

@@ -22,6 +22,15 @@
   position: relative;
 }
 
+.leftSectionWithoutSummary {
+  display: block;
+  overflow: auto;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
 .rightSection {
   height: 100%;
   padding-bottom: 58px;
@@ -69,12 +78,22 @@
 .actionZone {
   width: 100%;
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   margin: 16px 0;
+  flex-wrap: wrap;
 }
 
 .button {
-  width: calc(50% - 8px);
+  width: 100%;
+  max-width: 184px;
+}
+
+.footerWithoutSummary {
+  width: 100%;
+  bottom: 0px;
+  position: inherit;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .footer {
@@ -84,6 +103,16 @@
   position: inherit;
 }
 
+.actionFooterWithoutSummary {
+  width: 100%;
+  display: flex;
+  right: 0;
+  max-width: 184px;
+  bottom: -10px;
+  position: sticky;
+  position: absolute;
+}
+
 @media desktop, tablet {
   .leftSection {
     width: 100%;
@@ -94,13 +123,14 @@
     display: none;
   }
 
-  .footer {
+  .footer  {
     display: flex;
     align-items: flex-end;
     bottom: 10px;
     position: sticky;
     z-index: 1;
   }
+
   .footer::before {
     content: '';
     background: linear-gradient(to top,white 64px, #ffffff00 );
@@ -118,8 +148,10 @@
   }
 
   .actionFooter {
-    width: 43%;
+    max-width: 184px;
+    width: 100%;
   }
+  
   .actionZone {
     margin: 0;
   }

package/es/template/back-office/brand-update/index.d.ts

@@ -136,6 +136,7 @@ declare namespace BrandUpdate {
             groups: PropTypes.Validator<(PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 subtitle: PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
                 fieldsLayout: PropTypes.Requireable<string>;
                 groupLayout: PropTypes.Requireable<string>;
                 fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -261,6 +262,8 @@ declare namespace BrandUpdate {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;
@@ -374,6 +377,8 @@ declare namespace BrandUpdate {
                             error: PropTypes.Requireable<string>;
                             buttonAriaLabel: PropTypes.Requireable<string>;
                             errorButtonLabel: PropTypes.Requireable<string>;
+                            labelLink: PropTypes.Requireable<string>;
+                            hrefLink: PropTypes.Requireable<string>;
                             title: PropTypes.Requireable<string>;
                             description: PropTypes.Requireable<string>;
                             uploadLabel: PropTypes.Requireable<string>;
@@ -738,7 +743,7 @@ declare namespace BrandUpdate {
                 done: PropTypes.Requireable<boolean>;
                 current: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
-            summary: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            summary: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 side: PropTypes.Requireable<string>;
                 sections: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -771,12 +776,13 @@ declare namespace BrandUpdate {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     'aria-label': PropTypes.Requireable<string>;
                 }>>;
-            }>>>;
+            }>>;
             content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 groups: PropTypes.Validator<(PropTypes.InferProps<{
                     title: PropTypes.Requireable<string>;
                     subtitle: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
                     fieldsLayout: PropTypes.Requireable<string>;
                     groupLayout: PropTypes.Requireable<string>;
                     fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -902,6 +908,8 @@ declare namespace BrandUpdate {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;
@@ -1015,6 +1023,8 @@ declare namespace BrandUpdate {
                                 error: PropTypes.Requireable<string>;
                                 buttonAriaLabel: PropTypes.Requireable<string>;
                                 errorButtonLabel: PropTypes.Requireable<string>;
+                                labelLink: PropTypes.Requireable<string>;
+                                hrefLink: PropTypes.Requireable<string>;
                                 title: PropTypes.Requireable<string>;
                                 description: PropTypes.Requireable<string>;
                                 uploadLabel: PropTypes.Requireable<string>;
@@ -1366,6 +1376,7 @@ declare namespace BrandUpdate {
                         subtitle: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
                         'data-name': PropTypes.Requireable<string>;
+                        subtitleSize: PropTypes.Requireable<string>;
                     }>>;
                     child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                         childType: PropTypes.Requireable<string>;
@@ -1400,6 +1411,8 @@ declare namespace BrandUpdate {
                             error: PropTypes.Requireable<string>;
                             buttonAriaLabel: PropTypes.Requireable<string>;
                             errorButtonLabel: PropTypes.Requireable<string>;
+                            labelLink: PropTypes.Requireable<string>;
+                            hrefLink: PropTypes.Requireable<string>;
                             title: PropTypes.Requireable<string>;
                             description: PropTypes.Requireable<string>;
                             uploadLabel: PropTypes.Requireable<string>;

package/es/template/back-office/brand-update/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAsLA,sDA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAwLA,sDA6CC"}

package/es/template/back-office/brand-update/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","EmptyStateDashboard","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport EmptyStateDashboard from '../../../molecule/empty-state-dashboard';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","EmptyStateDashboard","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport EmptyStateDashboard from '../../../molecule/empty-state-dashboard';\nimport style from './style.css';\nimport ImageUpload from '../../../atom/image-upload';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n    \n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}

package/lib/atom/drag-and-drop/style.css

@@ -18,10 +18,10 @@
 
 .wrapper {
   font-family: "Gilroy";
-  max-height: 350px;
-  max-width: 460px;
   height: 100%;
   width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .disabled {
@@ -55,6 +55,7 @@
   width: 100%;
   height: 80%;
   border: none;
+  display: flex;
   border-radius: 7px;
   background: cm_grey_50;
 }
@@ -96,7 +97,6 @@
 .inputWrapper {
   background: cm_grey_50;
   width: 100%;
-  height: 80%;
   box-sizing: border-box;
   border-radius: 7px;
   position: relative;
@@ -147,23 +147,26 @@
   background-color: cm_grey_50;
   border-radius: 3px;
   display: flex;
+  flex-wrap: nowrap;
+  min-width: 0;
   align-items: center;
   justify-content: space-between;
   margin-top: 16px;
   padding: 4px 8px;
   font-size: 12px;
   font-weight: 400;
+  position: relative;
 }
 
 .resetSrcLabel {
   color: cm_grey_700;
-  display: inline-block;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  direction: rtl;
-  text-align: left;
-  max-width: 90%;
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  position: absolute;
+  left: 0;
+  right: 15px;
 }
 
 .closeIcon {
@@ -172,6 +175,8 @@
   margin-left: 6px;
   height: 15px;
   width: 15px;
+  position: absolute;
+  right: 0;
 }
 
 .dragging {
@@ -244,7 +249,7 @@
 }
 
 .loaderWrapper:hover .loadingCancel {
-  display: block;
+  display: flex;
 }
 
 .loaderWrapper:hover {

package/lib/atom/image-upload/index.d.ts

@@ -1,5 +1,5 @@
 export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
+declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -11,6 +11,9 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     onChange: any;
     onReset?: null | undefined;
     name: any;
+    labelLink: any;
+    labelButtonLink: any;
+    hrefLink: any;
     imageTypes?: string[] | undefined;
     error?: string | undefined;
     buttonAriaLabel: any;
@@ -25,6 +28,8 @@ declare namespace ImageUpload {
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
+        labelLink: PropTypes.Requireable<string>;
+        hrefLink: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
         description: PropTypes.Requireable<string>;
         uploadLabel: PropTypes.Requireable<string>;

package/lib/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAOA;;;;;;;;;;;;;;;;gBAgEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}

package/lib/atom/image-upload/index.js

@@ -19,6 +19,8 @@ var _dragAndDrop = _interopRequireDefault(require("../drag-and-drop"));
 
 var _proptypes = require("../../util/proptypes");
 
+var _buttonLink = _interopRequireDefault(require("../button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -42,6 +44,9 @@ const ImageUpload = ({
   onReset = null,
   name,
   // See ImagePropType for accepted values
+  labelLink,
+  labelButtonLink,
+  hrefLink,
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
@@ -53,7 +58,11 @@ const ImageUpload = ({
     return onReset(e);
   }, [onReset]);
   const acceptedImages = (0, _pipe2.default)((0, _map2.default)(t => `image/${t}`), (0, _join2.default)(','))(imageTypes);
-  return /*#__PURE__*/_react.default.createElement(_dragAndDrop.default, {
+  const linkCustomStyle = {
+    width: '40px',
+    color: 'red'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_dragAndDrop.default, {
     title: title,
     description: description,
     previewLabel: previewLabel,
@@ -66,7 +75,7 @@ const ImageUpload = ({
     disabled: disabled,
     buttonAriaLabel: buttonAriaLabel,
     errorButtonLabel: errorButtonLabel
-  }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
+  }, (onDragStart, onDragStop) => /*#__PURE__*/_react.default.createElement("input", {
     type: "file",
     name: name,
     accept: acceptedImages,
@@ -76,7 +85,17 @@ const ImageUpload = ({
     onDragEnter: onDragStart,
     onDrop: onDragStop,
     onDragLeave: onDragStop
-  })));
+  })), labelLink && hrefLink ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.templateLink
+  }, labelLink, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    type: "text",
+    customStyle: linkCustomStyle,
+    link: {
+      href: hrefLink,
+      download: true
+    },
+    label: labelButtonLink
+  })) : null);
 };
 
 ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dragAndDrop.default.propTypes, {
@@ -86,7 +105,9 @@ ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dr
   imageTypes: _propTypes.default.arrayOf(_proptypes.ImagePropType),
   error: _propTypes.default.string,
   buttonAriaLabel: _propTypes.default.string,
-  errorButtonLabel: _propTypes.default.string
+  errorButtonLabel: _propTypes.default.string,
+  labelLink: _propTypes.default.string,
+  hrefLink: _propTypes.default.string
 }) : {};
 var _default = ImageUpload;
 exports.default = _default;

package/lib/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n      error={error}\n      disabled={disabled}\n      buttonAriaLabel={buttonAriaLabel}\n      errorButtonLabel={errorButtonLabel}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,UAAU,GAAG,CAAC,GAAD,CAbM;EAcnBC,KAAK,GAAG,EAdW;EAenBC,eAfmB;EAgBnBC;AAhBmB,CAAD,KAiBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMR,OAAN,CAAJ,EAAoB;IACpBQ,CAAC,CAACC,cAAF;IACA,OAAOT,OAAO,CAACQ,CAAD,CAAd;EACD,CALiB,EAMlB,CAACR,OAAD,CANkB,CAApB;EASA,MAAMU,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBT,UAHqB,CAAvB;EAKA,oBACE,6BAAC,oBAAD;IACE,KAAK,EAAEX,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAES,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAEL,QAVZ;IAWE,eAAe,EAAEM,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACO,WAAD,EAAcC,UAAd,kBACC,uDACE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEZ,IAFR;IAGE,MAAM,EAAES,cAHV;IAIE,QAAQ,EAAEd,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEgB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEhB,QANZ;IAOE,WAAW,EAAEa,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EADF,CAfJ,CADF;AAgCD,CAhED;;AAkEAvB,WAAW,CAAC0B,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEEf,IAAI,EAAEiB,kBAAA,CAAUC,MAFlB;EAGEpB,QAAQ,EAAEmB,kBAAA,CAAUE,IAHtB;EAIEpB,OAAO,EAAEkB,kBAAA,CAAUE,IAJrB;EAKElB,UAAU,EAAEgB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEnB,KAAK,EAAEe,kBAAA,CAAUC,MANnB;EAOEf,eAAe,EAAEc,kBAAA,CAAUC,MAP7B;EAQEd,gBAAgB,EAAEa,kBAAA,CAAUC;AAR9B;eAWe7B,W"}
+{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,SAbmB;EAcnBC,eAdmB;EAenBC,QAfmB;EAgBnBC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBT,UAHqB,CAAvB;EAKA,MAAMU,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACU,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEY,cAHV;IAIE,QAAQ,EAAEjB,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CAnFD;;AAqFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}

package/lib/atom/image-upload/style.css

@@ -10,3 +10,10 @@
   bottom: 0;
   right: 0;
 }
+
+.templateLink {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-top: 8px;
+}

package/lib/atom/title/index.d.ts

@@ -6,6 +6,7 @@ declare namespace Title {
         subtitle: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
+        subtitleSize: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsBA,gDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA2BA,gDAeC"}