@coorpacademy/components 11.9.3-alpha.25.24 → 11.9.3-alpha.29

package/es/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

package/es/molecule/brand-logo/index.native.js

@@ -1,5 +1,4 @@
 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); }
-
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import ImageBackground from '../../atom/image-background/index.native';
@@ -9,7 +8,6 @@ const styles = StyleSheet.create({
     width: '100%'
   }
 });
-
 const BrandLogo = ({
   height
 }) => {
@@ -17,11 +15,9 @@ const BrandLogo = ({
   const {
     brandTheme
   } = templateContext;
-
   const imageStyle = _extends({}, styles.logo, {
     height
   });
-
   const source = {
     uri: brandTheme.images && brandTheme.images['logo-mobile']
   };
@@ -32,6 +28,5 @@ const BrandLogo = ({
     resizeMode: "contain"
   });
 };
-
 export default BrandLogo;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/brand-logo/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","ImageBackground","useTemplateContext","styles","create","logo","width","BrandLogo","height","templateContext","brandTheme","imageStyle","source","uri","images"],"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, ViewStyle} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: {\n    width: string;\n  };\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  const imageStyle: ViewStyle = {\n    ...styles.logo,\n    height\n  };\n\n  const source = {\n    uri: brandTheme.images && brandTheme.images['logo-mobile']\n  };\n\n  return (\n    <ImageBackground style={imageStyle} testID=\"brand-logo\" source={source} resizeMode=\"contain\" />\n  );\n};\n\nexport default BrandLogo;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,QAAoC,cAApC;AACA,OAAOC,eAAP,MAA4B,0CAA5B;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AAYA,MAAMC,MAAsB,GAAGH,UAAU,CAACI,MAAX,CAAkB;EAC/CC,IAAI,EAAE;IACJC,KAAK,EAAE;EADH;AADyC,CAAlB,CAA/B;;AAMA,MAAMC,SAAS,GAAG,CAAC;EAACC;AAAD,CAAD,KAAqB;EACrC,MAAMC,eAAe,GAAGP,kBAAkB,EAA1C;EACA,MAAM;IAACQ;EAAD,IAAeD,eAArB;;EAEA,MAAME,UAAqB,gBACtBR,MAAM,CAACE,IADe;IAEzBG;EAFyB,EAA3B;;EAKA,MAAMI,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAX,IAAqBJ,UAAU,CAACI,MAAX,CAAkB,aAAlB;EADb,CAAf;EAIA,oBACE,oBAAC,eAAD;IAAiB,KAAK,EAAEH,UAAxB;IAAoC,MAAM,EAAC,YAA3C;IAAwD,MAAM,EAAEC,MAAhE;IAAwE,UAAU,EAAC;EAAnF,EADF;AAGD,CAhBD;;AAkBA,eAAeL,SAAf"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","ImageBackground","useTemplateContext","styles","create","logo","width","BrandLogo","height","templateContext","brandTheme","imageStyle","source","uri","images"],"sources":["../../../src/molecule/brand-logo/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, ViewStyle} from 'react-native';\nimport ImageBackground from '../../atom/image-background/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport interface Props {\n  height: number;\n}\n\ntype StyleSheetType = {\n  logo: {\n    width: string;\n  };\n};\n\nconst styles: StyleSheetType = StyleSheet.create({\n  logo: {\n    width: '100%'\n  }\n});\n\nconst BrandLogo = ({height}: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme} = templateContext;\n\n  const imageStyle: ViewStyle = {\n    ...styles.logo,\n    height\n  };\n\n  const source = {\n    uri: brandTheme.images && brandTheme.images['logo-mobile']\n  };\n\n  return (\n    <ImageBackground style={imageStyle} testID=\"brand-logo\" source={source} resizeMode=\"contain\" />\n  );\n};\n\nexport default BrandLogo;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,UAAU,QAAkB,cAAc;AAClD,OAAOC,eAAe,MAAM,0CAA0C;AACtE,SAAQC,kBAAkB,QAAO,4CAA4C;AAY7E,MAAMC,MAAsB,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/CC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAG,CAAC;EAACC;AAAa,CAAC,KAAK;EACrC,MAAMC,eAAe,GAAGP,kBAAkB,EAAE;EAC5C,MAAM;IAACQ;EAAU,CAAC,GAAGD,eAAe;EAEpC,MAAME,UAAqB,gBACtBR,MAAM,CAACE,IAAI;IACdG;EAAM,EACP;EAED,MAAMI,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAM,IAAIJ,UAAU,CAACI,MAAM,CAAC,aAAa;EAC3D,CAAC;EAED,oBACE,oBAAC,eAAe;IAAC,KAAK,EAAEH,UAAW;IAAC,MAAM,EAAC,YAAY;IAAC,MAAM,EAAEC,MAAO;IAAC,UAAU,EAAC;EAAS,EAAG;AAEnG,CAAC;AAED,eAAeL,SAAS"}

package/es/molecule/brand-tabs/index.js

@@ -3,7 +3,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import style from './style.css';
-
 const Tab = ({
   tab,
   index,
@@ -27,7 +26,6 @@ const Tab = ({
     href: href
   }, title));
 };
-
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   tab: PropTypes.shape({
     title: Link.propTypes.children,
@@ -38,7 +36,6 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   index: PropTypes.number,
   isLightTab: PropTypes.bool
 } : {};
-
 const BrandTabs = props => {
   const {
     tabs,
@@ -54,7 +51,6 @@ const BrandTabs = props => {
     className: isLightTab ? style.lightwrapper : style.wrapper
   }, tabsList);
 };
-
 BrandTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),
   type: PropTypes.oneOf(['default', 'light'])

package/es/molecule/brand-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Tab","tab","index","isLightTab","title","href","selected","onClick","selectedStyle","selectedlight","unselectedStyle","lighttab","className","propTypes","shape","children","bool","func","number","BrandTabs","props","tabs","type","tabsList","map","lightwrapper","wrapper","arrayOf","oneOf"],"sources":["../../../src/molecule/brand-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Tab = ({tab, index, isLightTab}) => {\n  const {title, href, selected, onClick} = tab;\n  const selectedStyle = isLightTab ? style.selectedlight : style.selected;\n  const unselectedStyle = isLightTab ? style.lighttab : style.tab;\n  const className = selected ? selectedStyle : unselectedStyle;\n\n  return (\n    <div\n      data-name={`brand_tab_${snakeCase(title)}`}\n      className={className}\n      key={index}\n      onClick={onClick}\n    >\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\nTab.propTypes = {\n  tab: PropTypes.shape({\n    title: Link.propTypes.children,\n    href: Link.propTypes.href,\n    selected: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  index: PropTypes.number,\n  isLightTab: PropTypes.bool\n};\n\nconst BrandTabs = props => {\n  const {tabs, type = 'default'} = props;\n  const isLightTab = type === 'light';\n  const tabsList = tabs.map((tab, index) => Tab({tab, index, isLightTab}));\n\n  return <div className={isLightTab ? style.lightwrapper : style.wrapper}>{tabsList}</div>;\n};\n\nBrandTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  type: PropTypes.oneOf(['default', 'light'])\n};\nexport default BrandTabs;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,GAAD;EAAMC,KAAN;EAAaC;AAAb,CAAD,KAA8B;EACxC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,QAAd;IAAwBC;EAAxB,IAAmCN,GAAzC;EACA,MAAMO,aAAa,GAAGL,UAAU,GAAGJ,KAAK,CAACU,aAAT,GAAyBV,KAAK,CAACO,QAA/D;EACA,MAAMI,eAAe,GAAGP,UAAU,GAAGJ,KAAK,CAACY,QAAT,GAAoBZ,KAAK,CAACE,GAA5D;EACA,MAAMW,SAAS,GAAGN,QAAQ,GAAGE,aAAH,GAAmBE,eAA7C;EAEA,oBACE;IACE,aAAY,aAAY,WAAUN,KAAV,CAAiB,EAD3C;IAEE,SAAS,EAAEQ,SAFb;IAGE,GAAG,EAAEV,KAHP;IAIE,OAAO,EAAEK;EAJX,gBAME,oBAAC,IAAD;IAAM,IAAI,EAAEF;EAAZ,GAAmBD,KAAnB,CANF,CADF;AAUD,CAhBD;;AAiBAJ,GAAG,CAACa,SAAJ,2CAAgB;EACdZ,GAAG,EAAEJ,SAAS,CAACiB,KAAV,CAAgB;IACnBV,KAAK,EAAEN,IAAI,CAACe,SAAL,CAAeE,QADH;IAEnBV,IAAI,EAAEP,IAAI,CAACe,SAAL,CAAeR,IAFF;IAGnBC,QAAQ,EAAET,SAAS,CAACmB,IAHD;IAInBT,OAAO,EAAEV,SAAS,CAACoB;EAJA,CAAhB,CADS;EAOdf,KAAK,EAAEL,SAAS,CAACqB,MAPH;EAQdf,UAAU,EAAEN,SAAS,CAACmB;AARR,CAAhB;;AAWA,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAD;IAAOC,IAAI,GAAG;EAAd,IAA2BF,KAAjC;EACA,MAAMjB,UAAU,GAAGmB,IAAI,KAAK,OAA5B;EACA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAL,CAAS,CAACvB,GAAD,EAAMC,KAAN,KAAgBF,GAAG,CAAC;IAACC,GAAD;IAAMC,KAAN;IAAaC;EAAb,CAAD,CAA5B,CAAjB;EAEA,oBAAO;IAAK,SAAS,EAAEA,UAAU,GAAGJ,KAAK,CAAC0B,YAAT,GAAwB1B,KAAK,CAAC2B;EAAxD,GAAkEH,QAAlE,CAAP;AACD,CAND;;AAQAJ,SAAS,CAACN,SAAV,2CAAsB;EACpBQ,IAAI,EAAExB,SAAS,CAAC8B,OAAV,CAAkB9B,SAAS,CAACiB,KAAV,CAAgBd,GAAG,CAACa,SAApB,CAAlB,CADc;EAEpBS,IAAI,EAAEzB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AAFc,CAAtB;AAIA,eAAeT,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Tab","tab","index","isLightTab","title","href","selected","onClick","selectedStyle","selectedlight","unselectedStyle","lighttab","className","propTypes","shape","children","bool","func","number","BrandTabs","props","tabs","type","tabsList","map","lightwrapper","wrapper","arrayOf","oneOf"],"sources":["../../../src/molecule/brand-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Tab = ({tab, index, isLightTab}) => {\n  const {title, href, selected, onClick} = tab;\n  const selectedStyle = isLightTab ? style.selectedlight : style.selected;\n  const unselectedStyle = isLightTab ? style.lighttab : style.tab;\n  const className = selected ? selectedStyle : unselectedStyle;\n\n  return (\n    <div\n      data-name={`brand_tab_${snakeCase(title)}`}\n      className={className}\n      key={index}\n      onClick={onClick}\n    >\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\nTab.propTypes = {\n  tab: PropTypes.shape({\n    title: Link.propTypes.children,\n    href: Link.propTypes.href,\n    selected: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  index: PropTypes.number,\n  isLightTab: PropTypes.bool\n};\n\nconst BrandTabs = props => {\n  const {tabs, type = 'default'} = props;\n  const isLightTab = type === 'light';\n  const tabsList = tabs.map((tab, index) => Tab({tab, index, isLightTab}));\n\n  return <div className={isLightTab ? style.lightwrapper : style.wrapper}>{tabsList}</div>;\n};\n\nBrandTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  type: PropTypes.oneOf(['default', 'light'])\n};\nexport default BrandTabs;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAG,CAAC;EAACC,GAAG;EAAEC,KAAK;EAAEC;AAAU,CAAC,KAAK;EACxC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGN,GAAG;EAC5C,MAAMO,aAAa,GAAGL,UAAU,GAAGJ,KAAK,CAACU,aAAa,GAAGV,KAAK,CAACO,QAAQ;EACvE,MAAMI,eAAe,GAAGP,UAAU,GAAGJ,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACE,GAAG;EAC/D,MAAMW,SAAS,GAAGN,QAAQ,GAAGE,aAAa,GAAGE,eAAe;EAE5D,oBACE;IACE,aAAY,aAAY,WAAUN,KAAK,CAAE,EAAE;IAC3C,SAAS,EAAEQ,SAAU;IACrB,GAAG,EAAEV,KAAM;IACX,OAAO,EAAEK;EAAQ,gBAEjB,oBAAC,IAAI;IAAC,IAAI,EAAEF;EAAK,GAAED,KAAK,CAAQ,CAC5B;AAEV,CAAC;AACDJ,GAAG,CAACa,SAAS,2CAAG;EACdZ,GAAG,EAAEJ,SAAS,CAACiB,KAAK,CAAC;IACnBV,KAAK,EAAEN,IAAI,CAACe,SAAS,CAACE,QAAQ;IAC9BV,IAAI,EAAEP,IAAI,CAACe,SAAS,CAACR,IAAI;IACzBC,QAAQ,EAAET,SAAS,CAACmB,IAAI;IACxBT,OAAO,EAAEV,SAAS,CAACoB;EACrB,CAAC,CAAC;EACFf,KAAK,EAAEL,SAAS,CAACqB,MAAM;EACvBf,UAAU,EAAEN,SAAS,CAACmB;AACxB,CAAC;AAED,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAI;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGF,KAAK;EACtC,MAAMjB,UAAU,GAAGmB,IAAI,KAAK,OAAO;EACnC,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,CAACvB,GAAG,EAAEC,KAAK,KAAKF,GAAG,CAAC;IAACC,GAAG;IAAEC,KAAK;IAAEC;EAAU,CAAC,CAAC,CAAC;EAExE,oBAAO;IAAK,SAAS,EAAEA,UAAU,GAAGJ,KAAK,CAAC0B,YAAY,GAAG1B,KAAK,CAAC2B;EAAQ,GAAEH,QAAQ,CAAO;AAC1F,CAAC;AAEDJ,SAAS,CAACN,SAAS,2CAAG;EACpBQ,IAAI,EAAExB,SAAS,CAAC8B,OAAO,CAAC9B,SAAS,CAACiB,KAAK,CAACd,GAAG,CAACa,SAAS,CAAC,CAAC;EACvDS,IAAI,EAAEzB,SAAS,CAAC+B,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC;AAC5C,CAAC;AACD,eAAeT,SAAS"}

package/es/molecule/brand-upload-box/index.js

@@ -5,7 +5,6 @@ import PropTypes from 'prop-types';
 import { NovaSolidDataTransferDataUpload1 as UploadIcon } from '@coorpacademy/nova-icons';
 import Loader from '../../atom/loader';
 import style from './style.css';
-
 class BrandUploadBox extends React.Component {
   constructor(props) {
     super(props);
@@ -15,22 +14,18 @@ class BrandUploadBox extends React.Component {
     this.handleDragStart = this.handleDragStart.bind(this);
     this.handleDragStop = this.handleDragStop.bind(this);
   }
-
   handleDragStart() {
     this.setState({
       dragging: true
     });
   }
-
   handleDragStop() {
     this.setState({
       dragging: false
     });
   }
-
   render() {
     const idBox = _uniqueId('drop-box-');
-
     const {
       skin
     } = this.context;
@@ -47,16 +42,13 @@ class BrandUploadBox extends React.Component {
       onLoad,
       name
     } = this.props;
-
     const brandColor = _get('common.brand', skin);
-
     switch (status) {
       case 'loading':
         content = /*#__PURE__*/React.createElement("div", {
           className: style.loading
         }, /*#__PURE__*/React.createElement(Loader, null));
         break;
-
       default:
         content = /*#__PURE__*/React.createElement("div", {
           className: style.wrapper
@@ -82,12 +74,9 @@ class BrandUploadBox extends React.Component {
           onDragLeave: this.handleDragStop
         })));
     }
-
     return content;
   }
-
 }
-
 BrandUploadBox.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string,
   description: PropTypes.string,

package/es/molecule/brand-upload-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","Loader","style","BrandUploadBox","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","loading","wrapper","dropping","default","cont","arrow","desc","inputFile","propTypes","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon color={brandColor} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,gCAAgC,IAAIC,UAA5C,QAA6D,0BAA7D;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAN,SAA6BN,KAAK,CAACO,SAAnC,CAA6C;EAS3CC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,UAAS,WAAT,CAAd;;IACA,MAAM;MAACC;IAAD,IAAS,KAAKC,OAApB;IACA,MAAM;MAACC;IAAD,IAAW,KAAKX,KAAtB;IACA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIW,OAAJ;IAEA,MAAM;MAACC,WAAW,GAAG,EAAf;MAAmBC,MAAM,GAAG,EAA5B;MAAgCC,MAAhC;MAAwCC;IAAxC,IAAgD,KAAKhB,KAA3D;;IACA,MAAMiB,UAAU,GAAG,KAAI,cAAJ,EAAoBR,IAApB,CAAnB;;IAEA,QAAQE,MAAR;MACE,KAAK,SAAL;QACEC,OAAO,gBACL;UAAK,SAAS,EAAEhB,KAAK,CAACsB;QAAtB,gBACE,oBAAC,MAAD,OADF,CADF;QAKA;;MAEF;QACEN,OAAO,gBACL;UAAK,SAAS,EAAEhB,KAAK,CAACuB;QAAtB,gBACE;UAAK,EAAE,EAAEX,KAAT;UAAgB,SAAS,EAAEN,QAAQ,GAAGN,KAAK,CAACwB,QAAT,GAAoBxB,KAAK,CAACyB;QAA7D,gBACE;UAAK,SAAS,EAAEzB,KAAK,CAAC0B;QAAtB,gBACE,oBAAC,UAAD;UAAY,KAAK,EAAEL,UAAnB;UAA+B,SAAS,EAAErB,KAAK,CAAC2B;QAAhD,EADF,eAEE;UAAK,SAAS,EAAE3B,KAAK,CAAC4B;QAAtB,GAA6BX,WAA7B,CAFF,eAGE;UAAM,SAAS,EAAEjB,KAAK,CAACkB;QAAvB,GAAgCA,MAAhC,CAHF,CADF,eAME;UACE,IAAI,EAAC,MADP;UAEE,IAAI,EAAEE,IAFR;UAGE,SAAS,EAAEpB,KAAK,CAAC6B,SAHnB;UAIE,QAAQ,EAAEV,MAJZ;UAKE,WAAW,EAAE,KAAKZ,eALpB;UAME,MAAM,EAAE,KAAKE,cANf;UAOE,WAAW,EAAE,KAAKA;QAPpB,EANF,CADF,CADF;IAVJ;;IAgCA,OAAOO,OAAP;EACD;;AA5E0C;;AAAvCf,c,CACG6B,S,2CAAY;EACjBV,IAAI,EAAExB,SAAS,CAACmC,MADC;EAEjBd,WAAW,EAAErB,SAAS,CAACmC,MAFN;EAGjBb,MAAM,EAAEtB,SAAS,CAACmC,MAHD;EAIjBhB,MAAM,EAAEnB,SAAS,CAACoC,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CAJS;EAKjBb,MAAM,EAAEvB,SAAS,CAACqC;AALD,C;AA8ErB,eAAehC,cAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","Loader","style","BrandUploadBox","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","loading","wrapper","dropping","default","cont","arrow","desc","inputFile","propTypes","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon color={brandColor} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,gCAAgC,IAAIC,UAAU,QAAO,0BAA0B;AACvF,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,SAASN,KAAK,CAACO,SAAS,CAAC;EAS3CC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MACXC,QAAQ,EAAE;IACZ,CAAC;IAED,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAC,IAAI,CAAC;IACtD,IAAI,CAACC,cAAc,GAAG,IAAI,CAACA,cAAc,CAACD,IAAI,CAAC,IAAI,CAAC;EACtD;EAEAD,eAAe,GAAG;IAChB,IAAI,CAACG,QAAQ,CAAC;MACZJ,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ;EAEAG,cAAc,GAAG;IACf,IAAI,CAACC,QAAQ,CAAC;MACZJ,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ;EAEAK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,UAAS,WAAW,CAAC;IACnC,MAAM;MAACC;IAAI,CAAC,GAAG,IAAI,CAACC,OAAO;IAC3B,MAAM;MAACC;IAAM,CAAC,GAAG,IAAI,CAACX,KAAK;IAC3B,MAAM;MAACE;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAE7B,IAAIW,OAAO;IAEX,MAAM;MAACC,WAAW,GAAG,EAAE;MAAEC,MAAM,GAAG,EAAE;MAAEC,MAAM;MAAEC;IAAI,CAAC,GAAG,IAAI,CAAChB,KAAK;IAChE,MAAMiB,UAAU,GAAG,KAAI,cAAc,EAAER,IAAI,CAAC;IAE5C,QAAQE,MAAM;MACZ,KAAK,SAAS;QACZC,OAAO,gBACL;UAAK,SAAS,EAAEhB,KAAK,CAACsB;QAAQ,gBAC5B,oBAAC,MAAM,OAAG,CAEb;QACD;MAEF;QACEN,OAAO,gBACL;UAAK,SAAS,EAAEhB,KAAK,CAACuB;QAAQ,gBAC5B;UAAK,EAAE,EAAEX,KAAM;UAAC,SAAS,EAAEN,QAAQ,GAAGN,KAAK,CAACwB,QAAQ,GAAGxB,KAAK,CAACyB;QAAQ,gBACnE;UAAK,SAAS,EAAEzB,KAAK,CAAC0B;QAAK,gBACzB,oBAAC,UAAU;UAAC,KAAK,EAAEL,UAAW;UAAC,SAAS,EAAErB,KAAK,CAAC2B;QAAM,EAAG,eACzD;UAAK,SAAS,EAAE3B,KAAK,CAAC4B;QAAK,GAAEX,WAAW,CAAO,eAC/C;UAAM,SAAS,EAAEjB,KAAK,CAACkB;QAAO,GAAEA,MAAM,CAAQ,CAC1C,eACN;UACE,IAAI,EAAC,MAAM;UACX,IAAI,EAAEE,IAAK;UACX,SAAS,EAAEpB,KAAK,CAAC6B,SAAU;UAC3B,QAAQ,EAAEV,MAAO;UACjB,WAAW,EAAE,IAAI,CAACZ,eAAgB;UAClC,MAAM,EAAE,IAAI,CAACE,cAAe;UAC5B,WAAW,EAAE,IAAI,CAACA;QAAe,EACjC,CACE,CAET;IAAC;IAGN,OAAOO,OAAO;EAChB;AACF;AA7EMf,cAAc,CACX6B,SAAS,2CAAG;EACjBV,IAAI,EAAExB,SAAS,CAACmC,MAAM;EACtBd,WAAW,EAAErB,SAAS,CAACmC,MAAM;EAC7Bb,MAAM,EAAEtB,SAAS,CAACmC,MAAM;EACxBhB,MAAM,EAAEnB,SAAS,CAACoC,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;EAC/Cb,MAAM,EAAEvB,SAAS,CAACqC;AACpB,CAAC;AAwEH,eAAehC,cAAc"}

package/es/molecule/breadcrumbs/index.js

@@ -4,20 +4,17 @@ import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import { hoverFill } from '../../atom/button/hover-fill.css';
 import style from './style.css';
-
 const buildBreadcrumbs = (breadcrumb, index) => {
   const {
     title,
     href
   } = breadcrumb;
-
   if (!href) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.breadcrumb,
       key: index
     }, /*#__PURE__*/React.createElement("span", null, title));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.breadcrumb,
     key: index
@@ -25,7 +22,6 @@ const buildBreadcrumbs = (breadcrumb, index) => {
     href: href
   }, title));
 };
-
 const buildLink = (link, index) => {
   const {
     title,
@@ -43,7 +39,6 @@ const buildLink = (link, index) => {
     href: href
   }, title));
 };
-
 const Breadcrumbs = props => {
   const {
     breadcrumbs,
@@ -55,7 +50,6 @@ const Breadcrumbs = props => {
     className: style.wrapper
   }, /*#__PURE__*/React.createElement("div", null, breadcrumbsList), /*#__PURE__*/React.createElement("div", null, linksList));
 };
-
 Breadcrumbs.propTypes = process.env.NODE_ENV !== "production" ? {
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,

package/es/molecule/breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","hoverFill","style","buildBreadcrumbs","breadcrumb","index","title","href","buildLink","link","type","className","primary","secondary","Breadcrumbs","props","breadcrumbs","links","breadcrumbsList","map","linksList","wrapper","propTypes","arrayOf","shape","string","isRequired","children"],"sources":["../../../src/molecule/breadcrumbs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport {hoverFill} from '../../atom/button/hover-fill.css';\nimport style from './style.css';\n\nconst buildBreadcrumbs = (breadcrumb, index) => {\n  const {title, href} = breadcrumb;\n\n  if (!href) {\n    return (\n      <div className={style.breadcrumb} key={index}>\n        <span>{title}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.breadcrumb} key={index}>\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\n\nconst buildLink = (link, index) => {\n  const {title, href, type} = link;\n\n  const className = type === 'primary' ? style.primary : style.secondary;\n\n  return (\n    <div className={className} key={index}>\n      <Link\n        data-name={`${snakeCase(title)}_link`}\n        className={hoverFill}\n        target=\"_blank\"\n        href={href}\n      >\n        {title}\n      </Link>\n    </div>\n  );\n};\n\nconst Breadcrumbs = props => {\n  const {breadcrumbs, links = []} = props;\n\n  const breadcrumbsList = breadcrumbs.map(buildBreadcrumbs);\n  const linksList = links.map(buildLink);\n\n  return (\n    <div className={style.wrapper}>\n      <div>{breadcrumbsList}</div>\n      <div>{linksList}</div>\n    </div>\n  );\n};\n\nBreadcrumbs.propTypes = {\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string\n    })\n  ),\n  links: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      href: Link.propTypes.href,\n      type: PropTypes.string\n    })\n  )\n};\nexport default Breadcrumbs;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,SAAQC,SAAR,QAAwB,kCAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,UAAD,EAAaC,KAAb,KAAuB;EAC9C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAgBH,UAAtB;;EAEA,IAAI,CAACG,IAAL,EAAW;IACT,oBACE;MAAK,SAAS,EAAEL,KAAK,CAACE,UAAtB;MAAkC,GAAG,EAAEC;IAAvC,gBACE,kCAAOC,KAAP,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACE,UAAtB;IAAkC,GAAG,EAAEC;EAAvC,gBACE,oBAAC,IAAD;IAAM,IAAI,EAAEE;EAAZ,GAAmBD,KAAnB,CADF,CADF;AAKD,CAhBD;;AAkBA,MAAME,SAAS,GAAG,CAACC,IAAD,EAAOJ,KAAP,KAAiB;EACjC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcG;EAAd,IAAsBD,IAA5B;EAEA,MAAME,SAAS,GAAGD,IAAI,KAAK,SAAT,GAAqBR,KAAK,CAACU,OAA3B,GAAqCV,KAAK,CAACW,SAA7D;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,GAAG,EAAEN;EAAhC,gBACE,oBAAC,IAAD;IACE,aAAY,GAAE,WAAUC,KAAV,CAAiB,OADjC;IAEE,SAAS,EAAEL,SAFb;IAGE,MAAM,EAAC,QAHT;IAIE,IAAI,EAAEM;EAJR,GAMGD,KANH,CADF,CADF;AAYD,CAjBD;;AAmBA,MAAMQ,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,WAAD;IAAcC,KAAK,GAAG;EAAtB,IAA4BF,KAAlC;EAEA,MAAMG,eAAe,GAAGF,WAAW,CAACG,GAAZ,CAAgBhB,gBAAhB,CAAxB;EACA,MAAMiB,SAAS,GAAGH,KAAK,CAACE,GAAN,CAAUX,SAAV,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,iCAAMH,eAAN,CADF,eAEE,iCAAME,SAAN,CAFF,CADF;AAMD,CAZD;;AAcAN,WAAW,CAACQ,SAAZ,2CAAwB;EACtBN,WAAW,EAAEjB,SAAS,CAACwB,OAAV,CACXxB,SAAS,CAACyB,KAAV,CAAgB;IACdlB,KAAK,EAAEP,SAAS,CAAC0B,MAAV,CAAiBC,UADV;IAEdnB,IAAI,EAAER,SAAS,CAAC0B;EAFF,CAAhB,CADW,CADS;EAOtBR,KAAK,EAAElB,SAAS,CAACwB,OAAV,CACLxB,SAAS,CAACyB,KAAV,CAAgB;IACdlB,KAAK,EAAEN,IAAI,CAACsB,SAAL,CAAeK,QADR;IAEdpB,IAAI,EAAEP,IAAI,CAACsB,SAAL,CAAef,IAFP;IAGdG,IAAI,EAAEX,SAAS,CAAC0B;EAHF,CAAhB,CADK;AAPe,CAAxB;AAeA,eAAeX,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","hoverFill","style","buildBreadcrumbs","breadcrumb","index","title","href","buildLink","link","type","className","primary","secondary","Breadcrumbs","props","breadcrumbs","links","breadcrumbsList","map","linksList","wrapper","propTypes","arrayOf","shape","string","isRequired","children"],"sources":["../../../src/molecule/breadcrumbs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport {hoverFill} from '../../atom/button/hover-fill.css';\nimport style from './style.css';\n\nconst buildBreadcrumbs = (breadcrumb, index) => {\n  const {title, href} = breadcrumb;\n\n  if (!href) {\n    return (\n      <div className={style.breadcrumb} key={index}>\n        <span>{title}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.breadcrumb} key={index}>\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\n\nconst buildLink = (link, index) => {\n  const {title, href, type} = link;\n\n  const className = type === 'primary' ? style.primary : style.secondary;\n\n  return (\n    <div className={className} key={index}>\n      <Link\n        data-name={`${snakeCase(title)}_link`}\n        className={hoverFill}\n        target=\"_blank\"\n        href={href}\n      >\n        {title}\n      </Link>\n    </div>\n  );\n};\n\nconst Breadcrumbs = props => {\n  const {breadcrumbs, links = []} = props;\n\n  const breadcrumbsList = breadcrumbs.map(buildBreadcrumbs);\n  const linksList = links.map(buildLink);\n\n  return (\n    <div className={style.wrapper}>\n      <div>{breadcrumbsList}</div>\n      <div>{linksList}</div>\n    </div>\n  );\n};\n\nBreadcrumbs.propTypes = {\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string\n    })\n  ),\n  links: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Link.propTypes.children,\n      href: Link.propTypes.href,\n      type: PropTypes.string\n    })\n  )\n};\nexport default Breadcrumbs;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,SAAQC,SAAS,QAAO,kCAAkC;AAC1D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAG,CAACC,UAAU,EAAEC,KAAK,KAAK;EAC9C,MAAM;IAACC,KAAK;IAAEC;EAAI,CAAC,GAAGH,UAAU;EAEhC,IAAI,CAACG,IAAI,EAAE;IACT,oBACE;MAAK,SAAS,EAAEL,KAAK,CAACE,UAAW;MAAC,GAAG,EAAEC;IAAM,gBAC3C,kCAAOC,KAAK,CAAQ,CAChB;EAEV;EAEA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACE,UAAW;IAAC,GAAG,EAAEC;EAAM,gBAC3C,oBAAC,IAAI;IAAC,IAAI,EAAEE;EAAK,GAAED,KAAK,CAAQ,CAC5B;AAEV,CAAC;AAED,MAAME,SAAS,GAAG,CAACC,IAAI,EAAEJ,KAAK,KAAK;EACjC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEG;EAAI,CAAC,GAAGD,IAAI;EAEhC,MAAME,SAAS,GAAGD,IAAI,KAAK,SAAS,GAAGR,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACW,SAAS;EAEtE,oBACE;IAAK,SAAS,EAAEF,SAAU;IAAC,GAAG,EAAEN;EAAM,gBACpC,oBAAC,IAAI;IACH,aAAY,GAAE,WAAUC,KAAK,CAAE,OAAO;IACtC,SAAS,EAAEL,SAAU;IACrB,MAAM,EAAC,QAAQ;IACf,IAAI,EAAEM;EAAK,GAEVD,KAAK,CACD,CACH;AAEV,CAAC;AAED,MAAMQ,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,WAAW;IAAEC,KAAK,GAAG;EAAE,CAAC,GAAGF,KAAK;EAEvC,MAAMG,eAAe,GAAGF,WAAW,CAACG,GAAG,CAAChB,gBAAgB,CAAC;EACzD,MAAMiB,SAAS,GAAGH,KAAK,CAACE,GAAG,CAACX,SAAS,CAAC;EAEtC,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAQ,gBAC5B,iCAAMH,eAAe,CAAO,eAC5B,iCAAME,SAAS,CAAO,CAClB;AAEV,CAAC;AAEDN,WAAW,CAACQ,SAAS,2CAAG;EACtBN,WAAW,EAAEjB,SAAS,CAACwB,OAAO,CAC5BxB,SAAS,CAACyB,KAAK,CAAC;IACdlB,KAAK,EAAEP,SAAS,CAAC0B,MAAM,CAACC,UAAU;IAClCnB,IAAI,EAAER,SAAS,CAAC0B;EAClB,CAAC,CAAC,CACH;EACDR,KAAK,EAAElB,SAAS,CAACwB,OAAO,CACtBxB,SAAS,CAACyB,KAAK,CAAC;IACdlB,KAAK,EAAEN,IAAI,CAACsB,SAAS,CAACK,QAAQ;IAC9BpB,IAAI,EAAEP,IAAI,CAACsB,SAAS,CAACf,IAAI;IACzBG,IAAI,EAAEX,SAAS,CAAC0B;EAClB,CAAC,CAAC;AAEN,CAAC;AACD,eAAeX,WAAW"}

package/es/molecule/bullet-point-menu-button/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import ButtonMenu from '../../atom/button-menu';
 import style from './style.css';
-
 const BulletPointMenuButton = props => {
   const {
     disabled = false,
@@ -35,7 +34,6 @@ const BulletPointMenuButton = props => {
     "data-name": "bullet-point-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, bulletPointButtonProps), menu);
 };
-
 BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: PropTypes.bool,
   buttonAriaLabel: PropTypes.string,

package/es/molecule/bullet-point-menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","ButtonLinkIconOnly","ButtonMenu","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","bool","string","func"],"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n  const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAZ;IAAmBC,eAAnB;IAAoCC,aAApC;IAAmDC,OAAnD;IAA4DC;EAA5D,IAAuEL,KAA7E;EACA,MAAMM,aAAa,GAAGZ,WAAW,CAAC,MAAMU,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EAEA,MAAMG,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBF;EAFgB,CAAlB;EAKA,MAAMG,IAAI,gBACR;IAAK,SAAS,EAAEV,KAAK,CAACW,eAAtB;IAAuC,aAAU,cAAjD;IAAgE,cAAYN;EAA5E,gBACE,oBAAC,UAAD,EAAgBI,SAAhB,CADF,CADF;EAKA,MAAMG,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcT,eAFe;IAG7B,aAAa,qBAHgB;IAI7BU,IAAI,EAAE,cAJuB;IAK7BR,OAAO,EAAEE,aALoB;IAM7BL;EAN6B,CAA/B;EASA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACe,kBAAtB;IAA0C,aAAU;EAApD,gBACE,oBAAC,kBAAD,EAAwBH,sBAAxB,CADF,EAEGF,IAFH,CADF;AAMD,CA7BD;;AA+BAT,qBAAqB,CAACe,SAAtB,2CAAkC;EAChCb,QAAQ,EAAEN,SAAS,CAACoB,IADY;EAEhCb,eAAe,EAAEP,SAAS,CAACqB,MAFK;EAGhCb,aAAa,EAAER,SAAS,CAACqB,MAHO;EAIhCX,OAAO,EAAER,UAAU,CAACiB,SAAX,CAAqBT,OAJE;EAKhCD,OAAO,EAAET,SAAS,CAACsB;AALa,CAAlC;AAQA,eAAelB,qBAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","ButtonLinkIconOnly","ButtonMenu","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","bool","string","func"],"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n  const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAK;IAAEC,eAAe;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAClF,MAAMM,aAAa,GAAGZ,WAAW,CAAC,MAAMU,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,MAAMG,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1BF;EACF,CAAC;EAED,MAAMG,IAAI,gBACR;IAAK,SAAS,EAAEV,KAAK,CAACW,eAAgB;IAAC,aAAU,cAAc;IAAC,cAAYN;EAAc,gBACxF,oBAAC,UAAU,EAAKI,SAAS,CAAI,CAEhC;EACD,MAAMG,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAET,eAAe;IAC7B,WAAW,EAAE,qBAAqB;IAClCU,IAAI,EAAE,cAAc;IACpBR,OAAO,EAAEE,aAAa;IACtBL;EACF,CAAC;EAED,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACe,kBAAmB;IAAC,aAAU;EAAsB,gBACxE,oBAAC,kBAAkB,EAAKH,sBAAsB,CAAI,EACjDF,IAAI,CACD;AAEV,CAAC;AAEDT,qBAAqB,CAACe,SAAS,2CAAG;EAChCb,QAAQ,EAAEN,SAAS,CAACoB,IAAI;EACxBb,eAAe,EAAEP,SAAS,CAACqB,MAAM;EACjCb,aAAa,EAAER,SAAS,CAACqB,MAAM;EAC/BX,OAAO,EAAER,UAAU,CAACiB,SAAS,CAACT,OAAO;EACrCD,OAAO,EAAET,SAAS,CAACsB;AACrB,CAAC;AAED,eAAelB,qBAAqB"}

package/es/molecule/card/customer.js

@@ -7,7 +7,6 @@ export const THEMES = {
   default: null,
   coorpmanager: style.coorpmanager
 };
-
 const Customer = props => {
   const {
     name,
@@ -30,7 +29,6 @@ const Customer = props => {
     className: style.original
   }, "Original ") : null, !coorpOriginal && name));
 };
-
 Customer.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: PropTypes.oneOf(_keys(THEMES)),
   type: PropTypes.string,

package/es/molecule/card/customer.js.map

@@ -1 +1 @@
-{"version":3,"file":"customer.js","names":["React","PropTypes","classnames","style","THEMES","default","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","customer","chapterCustomer","content","coorp","original","propTypes","oneOf","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled = false, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,KAAP,MAAkB,gBAAlB;AAEA,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IADW;EAEpBC,YAAY,EAAEH,KAAK,CAACG;AAFA,CAAf;;AAKP,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAD;IAAOC,IAAP;IAAaC,aAAb;IAA4BC,KAA5B;IAAmCC,QAAQ,GAAG,KAA9C;IAAqD,cAAcC;EAAnE,IAAgFN,KAAtF;EACA,MAAMO,SAAS,GAAGb,UAAU,CAC1BE,MAAM,CAACQ,KAAD,CADoB,EAE1BT,KAAK,CAACa,QAFoB,EAG1BN,IAAI,KAAK,SAAT,GAAqBP,KAAK,CAACc,eAA3B,GAA6C,IAHnB,CAA5B;EAMA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,QAAQ,EAAEF,QAArC;IAA+C,cAAYC;EAA3D,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACe;EAAtB,GACGP,aAAa,gBAAG;IAAM,SAAS,EAAER,KAAK,CAACgB;EAAvB,YAAH,GAAiD,IADjE,EAEGR,aAAa,gBAAG;IAAM,SAAS,EAAER,KAAK,CAACiB;EAAvB,eAAH,GAAuD,IAFvE,EAGG,CAACT,aAAD,IAAkBF,IAHrB,CADF,CADF;AASD,CAjBD;;AAmBAF,QAAQ,CAACc,SAAT,2CAAqB;EACnBT,KAAK,EAAEX,SAAS,CAACqB,KAAV,CAAgB,MAAKlB,MAAL,CAAhB,CADY;EAEnBM,IAAI,EAAET,SAAS,CAACsB,MAFG;EAGnBd,IAAI,EAAER,SAAS,CAACsB,MAHG;EAInBZ,aAAa,EAAEV,SAAS,CAACuB,IAAV,CAAeC,UAJX;EAKnBZ,QAAQ,EAAEZ,SAAS,CAACuB,IALD;EAMnB,cAAcvB,SAAS,CAACsB;AANL,CAArB;AASA,eAAehB,QAAf"}
+{"version":3,"file":"customer.js","names":["React","PropTypes","classnames","style","THEMES","default","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","customer","chapterCustomer","content","coorp","original","propTypes","oneOf","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled = false, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,MAAM,gBAAgB;AAElC,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEH,KAAK,CAACG;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EAC3F,MAAMO,SAAS,GAAGb,UAAU,CAC1BE,MAAM,CAACQ,KAAK,CAAC,EACbT,KAAK,CAACa,QAAQ,EACdN,IAAI,KAAK,SAAS,GAAGP,KAAK,CAACc,eAAe,GAAG,IAAI,CAClD;EAED,oBACE;IAAK,SAAS,EAAEF,SAAU;IAAC,QAAQ,EAAEF,QAAS;IAAC,cAAYC;EAAU,gBACnE;IAAK,SAAS,EAAEX,KAAK,CAACe;EAAQ,GAC3BP,aAAa,gBAAG;IAAM,SAAS,EAAER,KAAK,CAACgB;EAAM,GAAC,QAAM,CAAO,GAAG,IAAI,EAClER,aAAa,gBAAG;IAAM,SAAS,EAAER,KAAK,CAACiB;EAAS,GAAC,WAAS,CAAO,GAAG,IAAI,EACxE,CAACT,aAAa,IAAIF,IAAI,CACnB,CACF;AAEV,CAAC;AAEDF,QAAQ,CAACc,SAAS,2CAAG;EACnBT,KAAK,EAAEX,SAAS,CAACqB,KAAK,CAAC,MAAKlB,MAAM,CAAC,CAAC;EACpCM,IAAI,EAAET,SAAS,CAACsB,MAAM;EACtBd,IAAI,EAAER,SAAS,CAACsB,MAAM;EACtBZ,aAAa,EAAEV,SAAS,CAACuB,IAAI,CAACC,UAAU;EACxCZ,QAAQ,EAAEZ,SAAS,CAACuB,IAAI;EACxB,YAAY,EAAEvB,SAAS,CAACsB;AAC1B,CAAC;AAED,eAAehB,QAAQ"}

package/es/molecule/card/favorite.js

@@ -7,13 +7,11 @@ import classnames from 'classnames';
 import { NovaCompositionNavigationMore as MoreIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../atom/provider';
 import style from './favorite.css';
-
 class Favorite extends React.Component {
   constructor(props, context) {
     super(props, context);
     this.handleFavoviteClick = this.handleFavoviteClick.bind(this);
   }
-
   handleFavoviteClick(e) {
     const {
       disabled,
@@ -23,7 +21,6 @@ class Favorite extends React.Component {
     e.preventDefault();
     if (!disabled) onFavoriteClick(e);
   }
-
   render() {
     const {
       skin
@@ -35,13 +32,9 @@ class Favorite extends React.Component {
       className,
       'aria-label': ariaLabel = {}
     } = this.props;
-
     const primaryColor = _get('common.primary', skin);
-
     const darkColor = _get('common.dark', skin);
-
     const brandColor = _get('common.brand', skin);
-
     const toolTipView = !_isEmpty(removeFavoriteToolTip) && !_isEmpty(addFavoriteToolTip) ? /*#__PURE__*/React.createElement("div", {
       className: style.showToolTip
     }, /*#__PURE__*/React.createElement("span", null, favorite ? removeFavoriteToolTip : addFavoriteToolTip)) : null;
@@ -69,9 +62,7 @@ class Favorite extends React.Component {
       "aria-label": ariaLabel.addToFavorite
     })));
   }
-
 }
-
 Favorite.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","style","Favorite","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","showToolTip","blocFavorite","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","childContextTypes","propTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              color={brandColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              color={darkColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}
+{"version":3,"file":"favorite.js","names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","style","Favorite","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","showToolTip","blocFavorite","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","childContextTypes","propTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              color={brandColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              color={darkColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}

package/es/molecule/card/index.js

@@ -3,9 +3,7 @@ import _pick from "lodash/fp/pick";
 import _isUndefined from "lodash/fp/isUndefined";
 import _isEmpty from "lodash/fp/isEmpty";
 import _get from "lodash/fp/get";
-
 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); }
-
 import React, { useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -22,7 +20,6 @@ export const THEMES = {
   default: null,
   coorpmanager: style.coorpmanager
 };
-
 const CardBackground = ({
   type,
   image,
@@ -32,11 +29,8 @@ const CardBackground = ({
   skin
 }) => {
   const externalContent = isExternalContent(type);
-
   const primaryColor = _get('common.primary', skin);
-
   const whiteColor = _get('common.white', skin);
-
   if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {
     const IconType = EXTERNAL_CONTENT_ICONS[type].icon;
     const iconColor = EXTERNAL_CONTENT_ICONS[type].color;
@@ -45,7 +39,6 @@ const CardBackground = ({
     }, /*#__PURE__*/React.createElement(IconType, {
       className: style.externalIcon
     }));
-
     if (image) {
       const _backgroundIcon = /*#__PURE__*/React.createElement("div", {
         className: classnames(style.externalIconCircleWrapper, style.externalIconCircleWithImageWrapper),
@@ -55,7 +48,6 @@ const CardBackground = ({
       }, /*#__PURE__*/React.createElement(IconType, {
         className: style.externalIconWithImage
       }));
-
       return /*#__PURE__*/React.createElement("div", {
         className: style.imageWrapper
       }, /*#__PURE__*/React.createElement("div", {
@@ -68,7 +60,6 @@ const CardBackground = ({
         className: classnames(style.externalContentHeader, style.externalBackground)
       }, _backgroundIcon));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: style.imageWrapper
     }, /*#__PURE__*/React.createElement("div", {
@@ -80,7 +71,6 @@ const CardBackground = ({
       className: style.externalContentHeader
     }, backgroundIcon));
   }
-
   const emptyIcon = empty ? /*#__PURE__*/React.createElement(PicturesIcon, {
     className: style.emptyIcon,
     color: whiteColor
@@ -97,7 +87,6 @@ const CardBackground = ({
     }
   }, emptyIcon));
 };
-
 CardBackground.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -141,17 +130,11 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
     'disabled-aria-label': disabledArialabel,
     'card-content-aria-label': cardContentLabelAriaLabel
   } = props;
-
   const empty = _isEmpty(_pick(['title', 'type', 'author', 'image'], props));
-
   const primaryColor = _get('common.primary', skin);
-
   const whiteColor = _get('common.white', skin);
-
   const cardStyle = classnames(THEMES[theme], type === 'chapter' ? style.chapter : style.course, title ? null : style.lazy, style.grid, empty ? style.empty : null);
-
   const disabled = hidden && (!isSelected || _isUndefined(isSelected));
-
   const handleClick = useMemo(() => e => !disabled && onClick(e), [disabled, onClick]);
   const lock = disabled ? /*#__PURE__*/React.createElement(LockIcon, {
     className: style.lockIcon,
@@ -161,20 +144,16 @@ const Card = /*#__PURE__*/memo(function Card(props, context) {
   const inlineBadgeStyle = {
     color: primaryColor
   };
-
   const getType = contentType => {
     switch (contentType) {
       case 'chapter':
         return 'microlearning';
-
       case 'course':
         return 'learner';
-
       default:
         return contentType;
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: cardStyle,
     "data-name": "card",