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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","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","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"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":["inputContainerStyle","default","style","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","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"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/lib/molecule/brand-logo/index.native.js

@@ -2,17 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../atom/image-background/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const styles = _reactNative.StyleSheet.create({
   logo: {
     width: '100%'
   }
 });
+
 const BrandLogo = ({
   height
 }) => {
@@ -20,9 +28,11 @@ const BrandLogo = ({
   const {
     brandTheme
   } = templateContext;
+
   const imageStyle = _extends({}, styles.logo, {
     height
   });
+
   const source = {
     uri: brandTheme.images && brandTheme.images['logo-mobile']
   };
@@ -33,6 +43,7 @@ const BrandLogo = ({
     resizeMode: "contain"
   });
 };
+
 var _default = BrandLogo;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","logo","width","BrandLogo","height","templateContext","useTemplateContext","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;AACA;AACA;AACA;AAA8E;AAAA;AAY9E,MAAMA,MAAsB,GAAGC,uBAAU,CAACC,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,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM;IAACC;EAAU,CAAC,GAAGF,eAAe;EAEpC,MAAMG,UAAqB,gBACtBV,MAAM,CAACG,IAAI;IACdG;EAAM,EACP;EAED,MAAMK,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAM,IAAIJ,UAAU,CAACI,MAAM,CAAC,aAAa;EAC3D,CAAC;EAED,oBACE,6BAAC,cAAe;IAAC,KAAK,EAAEH,UAAW;IAAC,MAAM,EAAC,YAAY;IAAC,MAAM,EAAEC,MAAO;IAAC,UAAU,EAAC;EAAS,EAAG;AAEnG,CAAC;AAAC,eAEaN,SAAS;AAAA"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","logo","width","BrandLogo","height","templateContext","useTemplateContext","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;;AACA;;AACA;;AACA;;;;;;AAYA,MAAMA,MAAsB,GAAGC,uBAAA,CAAWC,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,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM;IAACC;EAAD,IAAeF,eAArB;;EAEA,MAAMG,UAAqB,gBACtBV,MAAM,CAACG,IADe;IAEzBG;EAFyB,EAA3B;;EAKA,MAAMK,MAAM,GAAG;IACbC,GAAG,EAAEH,UAAU,CAACI,MAAX,IAAqBJ,UAAU,CAACI,MAAX,CAAkB,aAAlB;EADb,CAAf;EAIA,oBACE,6BAAC,cAAD;IAAiB,KAAK,EAAEH,UAAxB;IAAoC,MAAM,EAAC,YAA3C;IAAwD,MAAM,EAAEC,MAAhE;IAAwE,UAAU,EAAC;EAAnF,EADF;AAGD,CAhBD;;eAkBeN,S"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _snakeCase2 = _interopRequireDefault(require("lodash/fp/snakeCase"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Tab = ({
   tab,
   index,
@@ -31,6 +38,7 @@ const Tab = ({
     href: href
   }, title));
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   tab: _propTypes.default.shape({
     title: _link.default.propTypes.children,
@@ -41,6 +49,7 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
   isLightTab: _propTypes.default.bool
 } : {};
+
 const BrandTabs = props => {
   const {
     tabs,
@@ -56,6 +65,7 @@ const BrandTabs = props => {
     className: isLightTab ? _style.default.lightwrapper : _style.default.wrapper
   }, tabsList);
 };
+
 BrandTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: _propTypes.default.arrayOf(_propTypes.default.shape(Tab.propTypes)),
   type: _propTypes.default.oneOf(['default', 'light'])

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Tab","tab","index","isLightTab","title","href","selected","onClick","selectedStyle","style","selectedlight","unselectedStyle","lighttab","className","propTypes","PropTypes","shape","Link","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;AACA;AAEA;AACA;AAAgC;AAEhC,MAAMA,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,GAAGM,cAAK,CAACC,aAAa,GAAGD,cAAK,CAACH,QAAQ;EACvE,MAAMK,eAAe,GAAGR,UAAU,GAAGM,cAAK,CAACG,QAAQ,GAAGH,cAAK,CAACR,GAAG;EAC/D,MAAMY,SAAS,GAAGP,QAAQ,GAAGE,aAAa,GAAGG,eAAe;EAE5D,oBACE;IACE,aAAY,aAAY,yBAAUP,KAAK,CAAE,EAAE;IAC3C,SAAS,EAAES,SAAU;IACrB,GAAG,EAAEX,KAAM;IACX,OAAO,EAAEK;EAAQ,gBAEjB,6BAAC,aAAI;IAAC,IAAI,EAAEF;EAAK,GAAED,KAAK,CAAQ,CAC5B;AAEV,CAAC;AACDJ,GAAG,CAACc,SAAS,2CAAG;EACdb,GAAG,EAAEc,kBAAS,CAACC,KAAK,CAAC;IACnBZ,KAAK,EAAEa,aAAI,CAACH,SAAS,CAACI,QAAQ;IAC9Bb,IAAI,EAAEY,aAAI,CAACH,SAAS,CAACT,IAAI;IACzBC,QAAQ,EAAES,kBAAS,CAACI,IAAI;IACxBZ,OAAO,EAAEQ,kBAAS,CAACK;EACrB,CAAC,CAAC;EACFlB,KAAK,EAAEa,kBAAS,CAACM,MAAM;EACvBlB,UAAU,EAAEY,kBAAS,CAACI;AACxB,CAAC;AAED,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAI;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGF,KAAK;EACtC,MAAMpB,UAAU,GAAGsB,IAAI,KAAK,OAAO;EACnC,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAAC,CAAC1B,GAAG,EAAEC,KAAK,KAAKF,GAAG,CAAC;IAACC,GAAG;IAAEC,KAAK;IAAEC;EAAU,CAAC,CAAC,CAAC;EAExE,oBAAO;IAAK,SAAS,EAAEA,UAAU,GAAGM,cAAK,CAACmB,YAAY,GAAGnB,cAAK,CAACoB;EAAQ,GAAEH,QAAQ,CAAO;AAC1F,CAAC;AAEDJ,SAAS,CAACR,SAAS,2CAAG;EACpBU,IAAI,EAAET,kBAAS,CAACe,OAAO,CAACf,kBAAS,CAACC,KAAK,CAAChB,GAAG,CAACc,SAAS,CAAC,CAAC;EACvDW,IAAI,EAAEV,kBAAS,CAACgB,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC;AAC5C,CAAC;AAAC,eACaT,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["Tab","tab","index","isLightTab","title","href","selected","onClick","selectedStyle","style","selectedlight","unselectedStyle","lighttab","className","propTypes","PropTypes","shape","Link","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;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,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,GAAGM,cAAA,CAAMC,aAAT,GAAyBD,cAAA,CAAMH,QAA/D;EACA,MAAMK,eAAe,GAAGR,UAAU,GAAGM,cAAA,CAAMG,QAAT,GAAoBH,cAAA,CAAMR,GAA5D;EACA,MAAMY,SAAS,GAAGP,QAAQ,GAAGE,aAAH,GAAmBG,eAA7C;EAEA,oBACE;IACE,aAAY,aAAY,yBAAUP,KAAV,CAAiB,EAD3C;IAEE,SAAS,EAAES,SAFb;IAGE,GAAG,EAAEX,KAHP;IAIE,OAAO,EAAEK;EAJX,gBAME,6BAAC,aAAD;IAAM,IAAI,EAAEF;EAAZ,GAAmBD,KAAnB,CANF,CADF;AAUD,CAhBD;;AAiBAJ,GAAG,CAACc,SAAJ,2CAAgB;EACdb,GAAG,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACnBZ,KAAK,EAAEa,aAAA,CAAKH,SAAL,CAAeI,QADH;IAEnBb,IAAI,EAAEY,aAAA,CAAKH,SAAL,CAAeT,IAFF;IAGnBC,QAAQ,EAAES,kBAAA,CAAUI,IAHD;IAInBZ,OAAO,EAAEQ,kBAAA,CAAUK;EAJA,CAAhB,CADS;EAOdlB,KAAK,EAAEa,kBAAA,CAAUM,MAPH;EAQdlB,UAAU,EAAEY,kBAAA,CAAUI;AARR,CAAhB;;AAWA,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAD;IAAOC,IAAI,GAAG;EAAd,IAA2BF,KAAjC;EACA,MAAMpB,UAAU,GAAGsB,IAAI,KAAK,OAA5B;EACA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAL,CAAS,CAAC1B,GAAD,EAAMC,KAAN,KAAgBF,GAAG,CAAC;IAACC,GAAD;IAAMC,KAAN;IAAaC;EAAb,CAAD,CAA5B,CAAjB;EAEA,oBAAO;IAAK,SAAS,EAAEA,UAAU,GAAGM,cAAA,CAAMmB,YAAT,GAAwBnB,cAAA,CAAMoB;EAAxD,GAAkEH,QAAlE,CAAP;AACD,CAND;;AAQAJ,SAAS,CAACR,SAAV,2CAAsB;EACpBU,IAAI,EAAET,kBAAA,CAAUe,OAAV,CAAkBf,kBAAA,CAAUC,KAAV,CAAgBhB,GAAG,CAACc,SAApB,CAAlB,CADc;EAEpBW,IAAI,EAAEV,kBAAA,CAAUgB,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AAFc,CAAtB;eAIeT,S"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class BrandUploadBox extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -19,16 +28,19 @@ class BrandUploadBox extends _react.default.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 = (0, _uniqueId2.default)('drop-box-');
     const {
@@ -48,12 +60,14 @@ class BrandUploadBox extends _react.default.Component {
       name
     } = this.props;
     const brandColor = (0, _get2.default)('common.brand', skin);
+
     switch (status) {
       case 'loading':
         content = /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.loading
         }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
         break;
+
       default:
         content = /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.wrapper
@@ -79,9 +93,12 @@ class BrandUploadBox extends _react.default.Component {
           onDragLeave: this.handleDragStop
         })));
     }
+
     return content;
   }
+
 }
+
 BrandUploadBox.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string,
   description: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","style","loading","wrapper","dropping","default","cont","arrow","desc","inputFile","propTypes","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;AACA;AAEA;AACA;AACA;AAAgC;AAEhC,MAAMA,cAAc,SAASC,cAAK,CAACC,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,wBAAS,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,mBAAI,cAAc,EAAER,IAAI,CAAC;IAE5C,QAAQE,MAAM;MACZ,KAAK,SAAS;QACZC,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAK,CAACC;QAAQ,gBAC5B,6BAAC,eAAM,OAAG,CAEb;QACD;MAEF;QACEP,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAK,CAACE;QAAQ,gBAC5B;UAAK,EAAE,EAAEZ,KAAM;UAAC,SAAS,EAAEN,QAAQ,GAAGgB,cAAK,CAACG,QAAQ,GAAGH,cAAK,CAACI;QAAQ,gBACnE;UAAK,SAAS,EAAEJ,cAAK,CAACK;QAAK,gBACzB,6BAAC,2CAAU;UAAC,KAAK,EAAEN,UAAW;UAAC,SAAS,EAAEC,cAAK,CAACM;QAAM,EAAG,eACzD;UAAK,SAAS,EAAEN,cAAK,CAACO;QAAK,GAAEZ,WAAW,CAAO,eAC/C;UAAM,SAAS,EAAEK,cAAK,CAACJ;QAAO,GAAEA,MAAM,CAAQ,CAC1C,eACN;UACE,IAAI,EAAC,MAAM;UACX,IAAI,EAAEE,IAAK;UACX,SAAS,EAAEE,cAAK,CAACQ,SAAU;UAC3B,QAAQ,EAAEX,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;AA7EMhB,cAAc,CACX+B,SAAS,2CAAG;EACjBX,IAAI,EAAEY,kBAAS,CAACC,MAAM;EACtBhB,WAAW,EAAEe,kBAAS,CAACC,MAAM;EAC7Bf,MAAM,EAAEc,kBAAS,CAACC,MAAM;EACxBlB,MAAM,EAAEiB,kBAAS,CAACE,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;EAC/Cf,MAAM,EAAEa,kBAAS,CAACG;AACpB,CAAC;AAAA,eAwEYnC,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","style","loading","wrapper","dropping","default","cont","arrow","desc","inputFile","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,cAAN,SAA6BC,cAAA,CAAMC,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,wBAAS,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,mBAAI,cAAJ,EAAoBR,IAApB,CAAnB;;IAEA,QAAQE,MAAR;MACE,KAAK,SAAL;QACEC,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAMC;QAAtB,gBACE,6BAAC,eAAD,OADF,CADF;QAKA;;MAEF;QACEP,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAME;QAAtB,gBACE;UAAK,EAAE,EAAEZ,KAAT;UAAgB,SAAS,EAAEN,QAAQ,GAAGgB,cAAA,CAAMG,QAAT,GAAoBH,cAAA,CAAMI;QAA7D,gBACE;UAAK,SAAS,EAAEJ,cAAA,CAAMK;QAAtB,gBACE,6BAAC,2CAAD;UAAY,KAAK,EAAEN,UAAnB;UAA+B,SAAS,EAAEC,cAAA,CAAMM;QAAhD,EADF,eAEE;UAAK,SAAS,EAAEN,cAAA,CAAMO;QAAtB,GAA6BZ,WAA7B,CAFF,eAGE;UAAM,SAAS,EAAEK,cAAA,CAAMJ;QAAvB,GAAgCA,MAAhC,CAHF,CADF,eAME;UACE,IAAI,EAAC,MADP;UAEE,IAAI,EAAEE,IAFR;UAGE,SAAS,EAAEE,cAAA,CAAMQ,SAHnB;UAIE,QAAQ,EAAEX,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;;AAAvChB,c,CACG+B,S,2CAAY;EACjBX,IAAI,EAAEY,kBAAA,CAAUC,MADC;EAEjBhB,WAAW,EAAEe,kBAAA,CAAUC,MAFN;EAGjBf,MAAM,EAAEc,kBAAA,CAAUC,MAHD;EAIjBlB,MAAM,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CAJS;EAKjBf,MAAM,EAAEa,kBAAA,CAAUG;AALD,C;eA8ENnC,c"}

package/lib/molecule/breadcrumbs/index.js

@@ -2,24 +2,34 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _snakeCase2 = _interopRequireDefault(require("lodash/fp/snakeCase"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _hoverFill = require("../../atom/button/hover-fill.css");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const buildBreadcrumbs = (breadcrumb, index) => {
   const {
     title,
     href
   } = breadcrumb;
+
   if (!href) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.breadcrumb,
       key: index
     }, /*#__PURE__*/_react.default.createElement("span", null, title));
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.breadcrumb,
     key: index
@@ -27,6 +37,7 @@ const buildBreadcrumbs = (breadcrumb, index) => {
     href: href
   }, title));
 };
+
 const buildLink = (link, index) => {
   const {
     title,
@@ -44,6 +55,7 @@ const buildLink = (link, index) => {
     href: href
   }, title));
 };
+
 const Breadcrumbs = props => {
   const {
     breadcrumbs,
@@ -55,6 +67,7 @@ const Breadcrumbs = props => {
     className: _style.default.wrapper
   }, /*#__PURE__*/_react.default.createElement("div", null, breadcrumbsList), /*#__PURE__*/_react.default.createElement("div", null, linksList));
 };
+
 Breadcrumbs.propTypes = process.env.NODE_ENV !== "production" ? {
   breadcrumbs: _propTypes.default.arrayOf(_propTypes.default.shape({
     title: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildBreadcrumbs","breadcrumb","index","title","href","style","buildLink","link","type","className","primary","secondary","hoverFill","Breadcrumbs","props","breadcrumbs","links","breadcrumbsList","map","linksList","wrapper","propTypes","PropTypes","arrayOf","shape","string","isRequired","Link","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;AACA;AAEA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,EAAEC,cAAK,CAACJ,UAAW;MAAC,GAAG,EAAEC;IAAM,gBAC3C,2CAAOC,KAAK,CAAQ,CAChB;EAEV;EAEA,oBACE;IAAK,SAAS,EAAEE,cAAK,CAACJ,UAAW;IAAC,GAAG,EAAEC;EAAM,gBAC3C,6BAAC,aAAI;IAAC,IAAI,EAAEE;EAAK,GAAED,KAAK,CAAQ,CAC5B;AAEV,CAAC;AAED,MAAMG,SAAS,GAAG,CAACC,IAAI,EAAEL,KAAK,KAAK;EACjC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEI;EAAI,CAAC,GAAGD,IAAI;EAEhC,MAAME,SAAS,GAAGD,IAAI,KAAK,SAAS,GAAGH,cAAK,CAACK,OAAO,GAAGL,cAAK,CAACM,SAAS;EAEtE,oBACE;IAAK,SAAS,EAAEF,SAAU;IAAC,GAAG,EAAEP;EAAM,gBACpC,6BAAC,aAAI;IACH,aAAY,GAAE,yBAAUC,KAAK,CAAE,OAAO;IACtC,SAAS,EAAES,oBAAU;IACrB,MAAM,EAAC,QAAQ;IACf,IAAI,EAAER;EAAK,GAEVD,KAAK,CACD,CACH;AAEV,CAAC;AAED,MAAMU,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,WAAW;IAAEC,KAAK,GAAG;EAAE,CAAC,GAAGF,KAAK;EAEvC,MAAMG,eAAe,GAAGF,WAAW,CAACG,GAAG,CAAClB,gBAAgB,CAAC;EACzD,MAAMmB,SAAS,GAAGH,KAAK,CAACE,GAAG,CAACZ,SAAS,CAAC;EAEtC,oBACE;IAAK,SAAS,EAAED,cAAK,CAACe;EAAQ,gBAC5B,0CAAMH,eAAe,CAAO,eAC5B,0CAAME,SAAS,CAAO,CAClB;AAEV,CAAC;AAEDN,WAAW,CAACQ,SAAS,2CAAG;EACtBN,WAAW,EAAEO,kBAAS,CAACC,OAAO,CAC5BD,kBAAS,CAACE,KAAK,CAAC;IACdrB,KAAK,EAAEmB,kBAAS,CAACG,MAAM,CAACC,UAAU;IAClCtB,IAAI,EAAEkB,kBAAS,CAACG;EAClB,CAAC,CAAC,CACH;EACDT,KAAK,EAAEM,kBAAS,CAACC,OAAO,CACtBD,kBAAS,CAACE,KAAK,CAAC;IACdrB,KAAK,EAAEwB,aAAI,CAACN,SAAS,CAACO,QAAQ;IAC9BxB,IAAI,EAAEuB,aAAI,CAACN,SAAS,CAACjB,IAAI;IACzBI,IAAI,EAAEc,kBAAS,CAACG;EAClB,CAAC,CAAC;AAEN,CAAC;AAAC,eACaZ,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["buildBreadcrumbs","breadcrumb","index","title","href","style","buildLink","link","type","className","primary","secondary","hoverFill","Breadcrumbs","props","breadcrumbs","links","breadcrumbsList","map","linksList","wrapper","propTypes","PropTypes","arrayOf","shape","string","isRequired","Link","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;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAaC,KAAb,KAAuB;EAC9C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAgBH,UAAtB;;EAEA,IAAI,CAACG,IAAL,EAAW;IACT,oBACE;MAAK,SAAS,EAAEC,cAAA,CAAMJ,UAAtB;MAAkC,GAAG,EAAEC;IAAvC,gBACE,2CAAOC,KAAP,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMJ,UAAtB;IAAkC,GAAG,EAAEC;EAAvC,gBACE,6BAAC,aAAD;IAAM,IAAI,EAAEE;EAAZ,GAAmBD,KAAnB,CADF,CADF;AAKD,CAhBD;;AAkBA,MAAMG,SAAS,GAAG,CAACC,IAAD,EAAOL,KAAP,KAAiB;EACjC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcI;EAAd,IAAsBD,IAA5B;EAEA,MAAME,SAAS,GAAGD,IAAI,KAAK,SAAT,GAAqBH,cAAA,CAAMK,OAA3B,GAAqCL,cAAA,CAAMM,SAA7D;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,GAAG,EAAEP;EAAhC,gBACE,6BAAC,aAAD;IACE,aAAY,GAAE,yBAAUC,KAAV,CAAiB,OADjC;IAEE,SAAS,EAAES,oBAFb;IAGE,MAAM,EAAC,QAHT;IAIE,IAAI,EAAER;EAJR,GAMGD,KANH,CADF,CADF;AAYD,CAjBD;;AAmBA,MAAMU,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,WAAD;IAAcC,KAAK,GAAG;EAAtB,IAA4BF,KAAlC;EAEA,MAAMG,eAAe,GAAGF,WAAW,CAACG,GAAZ,CAAgBlB,gBAAhB,CAAxB;EACA,MAAMmB,SAAS,GAAGH,KAAK,CAACE,GAAN,CAAUZ,SAAV,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAED,cAAA,CAAMe;EAAtB,gBACE,0CAAMH,eAAN,CADF,eAEE,0CAAME,SAAN,CAFF,CADF;AAMD,CAZD;;AAcAN,WAAW,CAACQ,SAAZ,2CAAwB;EACtBN,WAAW,EAAEO,kBAAA,CAAUC,OAAV,CACXD,kBAAA,CAAUE,KAAV,CAAgB;IACdrB,KAAK,EAAEmB,kBAAA,CAAUG,MAAV,CAAiBC,UADV;IAEdtB,IAAI,EAAEkB,kBAAA,CAAUG;EAFF,CAAhB,CADW,CADS;EAOtBT,KAAK,EAAEM,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,KAAV,CAAgB;IACdrB,KAAK,EAAEwB,aAAA,CAAKN,SAAL,CAAeO,QADR;IAEdxB,IAAI,EAAEuB,aAAA,CAAKN,SAAL,CAAejB,IAFP;IAGdI,IAAI,EAAEc,kBAAA,CAAUG;EAHF,CAAhB,CADK;AAPe,CAAxB;eAeeZ,W"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
 var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const BulletPointMenuButton = props => {
   const {
     disabled = false,
@@ -23,11 +32,13 @@ const BulletPointMenuButton = props => {
     'data-name': 'button-menu',
     buttons
   };
+
   const menu = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.bulletPointMenu,
     "data-name": "menu-wrapper",
     "aria-label": menuAriaLabel
   }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));
+
   const bulletPointButtonProps = {
     size: 'default',
     'aria-label': buttonAriaLabel,
@@ -41,6 +52,7 @@ const BulletPointMenuButton = props => {
     "data-name": "bullet-point-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, bulletPointButtonProps), menu);
 };
+
 BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: _propTypes.default.bool,
   buttonAriaLabel: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","useCallback","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","PropTypes","bool","string","ButtonMenu","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;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAK;IAAEC,eAAe;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAClF,MAAMM,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAMH,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,MAAMI,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1BH;EACF,CAAC;EAED,MAAMI,IAAI,gBACR;IAAK,SAAS,EAAEC,cAAK,CAACC,eAAgB;IAAC,aAAU,cAAc;IAAC,cAAYR;EAAc,gBACxF,6BAAC,mBAAU,EAAKK,SAAS,CAAI,CAEhC;EACD,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAEX,eAAe;IAC7B,WAAW,EAAE,qBAAqB;IAClCY,IAAI,EAAE,cAAc;IACpBV,OAAO,EAAEE,aAAa;IACtBL;EACF,CAAC;EAED,oBACE;IAAK,SAAS,EAAES,cAAK,CAACK,kBAAmB;IAAC,aAAU;EAAsB,gBACxE,6BAAC,2BAAkB,EAAKH,sBAAsB,CAAI,EACjDH,IAAI,CACD;AAEV,CAAC;AAEDV,qBAAqB,CAACiB,SAAS,2CAAG;EAChCf,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,eAAe,EAAEe,kBAAS,CAACE,MAAM;EACjChB,aAAa,EAAEc,kBAAS,CAACE,MAAM;EAC/Bd,OAAO,EAAEe,mBAAU,CAACJ,SAAS,CAACX,OAAO;EACrCD,OAAO,EAAEa,kBAAS,CAACI;AACrB,CAAC;AAAC,eAEatB,qBAAqB;AAAA"}
+{"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","useCallback","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","PropTypes","bool","string","ButtonMenu","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;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAZ;IAAmBC,eAAnB;IAAoCC,aAApC;IAAmDC,OAAnD;IAA4DC;EAA5D,IAAuEL,KAA7E;EACA,MAAMM,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMH,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMI,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBH;EAFgB,CAAlB;;EAKA,MAAMI,IAAI,gBACR;IAAK,SAAS,EAAEC,cAAA,CAAMC,eAAtB;IAAuC,aAAU,cAAjD;IAAgE,cAAYR;EAA5E,gBACE,6BAAC,mBAAD,EAAgBK,SAAhB,CADF,CADF;;EAKA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcX,eAFe;IAG7B,aAAa,qBAHgB;IAI7BY,IAAI,EAAE,cAJuB;IAK7BV,OAAO,EAAEE,aALoB;IAM7BL;EAN6B,CAA/B;EASA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMK,kBAAtB;IAA0C,aAAU;EAApD,gBACE,6BAAC,2BAAD,EAAwBH,sBAAxB,CADF,EAEGH,IAFH,CADF;AAMD,CA7BD;;AA+BAV,qBAAqB,CAACiB,SAAtB,2CAAkC;EAChCf,QAAQ,EAAEgB,kBAAA,CAAUC,IADY;EAEhChB,eAAe,EAAEe,kBAAA,CAAUE,MAFK;EAGhChB,aAAa,EAAEc,kBAAA,CAAUE,MAHO;EAIhCd,OAAO,EAAEe,mBAAA,CAAWJ,SAAX,CAAqBX,OAJE;EAKhCD,OAAO,EAAEa,kBAAA,CAAUI;AALa,CAAlC;eAQetB,qB"}

package/lib/molecule/card/customer.js

@@ -2,17 +2,25 @@
 
 exports.__esModule = true;
 exports.default = exports.THEMES = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _customer = _interopRequireDefault(require("./customer.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const THEMES = {
   default: null,
   coorpmanager: _customer.default.coorpmanager
 };
 exports.THEMES = THEMES;
+
 const Customer = props => {
   const {
     name,
@@ -35,6 +43,7 @@ const Customer = props => {
     className: _customer.default.original
   }, "Original ") : null, !coorpOriginal && name));
 };
+
 Customer.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES)),
   type: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"customer.js","names":["THEMES","default","coorpmanager","style","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","content","coorp","original","propTypes","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;AACA;AACA;AAEA;AAAmC;AAE5B,MAAMA,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEC,iBAAK,CAACD;AACtB,CAAC;AAAC;AAEF,MAAME,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,GAAG,IAAAC,mBAAU,EAC1Bb,MAAM,CAACS,KAAK,CAAC,EACbN,iBAAK,CAACW,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGJ,iBAAK,CAACY,eAAe,GAAG,IAAI,CAClD;EAED,oBACE;IAAK,SAAS,EAAEH,SAAU;IAAC,QAAQ,EAAEF,QAAS;IAAC,cAAYC;EAAU,gBACnE;IAAK,SAAS,EAAER,iBAAK,CAACa;EAAQ,GAC3BR,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAK,CAACc;EAAM,GAAC,QAAM,CAAO,GAAG,IAAI,EAClET,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAK,CAACe;EAAS,GAAC,WAAS,CAAO,GAAG,IAAI,EACxE,CAACV,aAAa,IAAIF,IAAI,CACnB,CACF;AAEV,CAAC;AAEDF,QAAQ,CAACe,SAAS,2CAAG;EACnBV,KAAK,EAAEW,kBAAS,CAACC,KAAK,CAAC,oBAAKrB,MAAM,CAAC,CAAC;EACpCO,IAAI,EAAEa,kBAAS,CAACE,MAAM;EACtBhB,IAAI,EAAEc,kBAAS,CAACE,MAAM;EACtBd,aAAa,EAAEY,kBAAS,CAACG,IAAI,CAACC,UAAU;EACxCd,QAAQ,EAAEU,kBAAS,CAACG,IAAI;EACxB,YAAY,EAAEH,kBAAS,CAACE;AAC1B,CAAC;AAAC,eAEalB,QAAQ;AAAA"}
+{"version":3,"file":"customer.js","names":["THEMES","default","coorpmanager","style","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","content","coorp","original","propTypes","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;;AACA;;AACA;;AAEA;;;;AAEO,MAAMA,MAAM,GAAG;EACpBC,OAAO,EAAE,IADW;EAEpBC,YAAY,EAAEC,iBAAA,CAAMD;AAFA,CAAf;;;AAKP,MAAME,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,GAAG,IAAAC,mBAAA,EAChBb,MAAM,CAACS,KAAD,CADU,EAEhBN,iBAAA,CAAMW,QAFU,EAGhBP,IAAI,KAAK,SAAT,GAAqBJ,iBAAA,CAAMY,eAA3B,GAA6C,IAH7B,CAAlB;EAMA,oBACE;IAAK,SAAS,EAAEH,SAAhB;IAA2B,QAAQ,EAAEF,QAArC;IAA+C,cAAYC;EAA3D,gBACE;IAAK,SAAS,EAAER,iBAAA,CAAMa;EAAtB,GACGR,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAA,CAAMc;EAAvB,YAAH,GAAiD,IADjE,EAEGT,aAAa,gBAAG;IAAM,SAAS,EAAEL,iBAAA,CAAMe;EAAvB,eAAH,GAAuD,IAFvE,EAGG,CAACV,aAAD,IAAkBF,IAHrB,CADF,CADF;AASD,CAjBD;;AAmBAF,QAAQ,CAACe,SAAT,2CAAqB;EACnBV,KAAK,EAAEW,kBAAA,CAAUC,KAAV,CAAgB,oBAAKrB,MAAL,CAAhB,CADY;EAEnBO,IAAI,EAAEa,kBAAA,CAAUE,MAFG;EAGnBhB,IAAI,EAAEc,kBAAA,CAAUE,MAHG;EAInBd,aAAa,EAAEY,kBAAA,CAAUG,IAAV,CAAeC,UAJX;EAKnBd,QAAQ,EAAEU,kBAAA,CAAUG,IALD;EAMnB,cAAcH,kBAAA,CAAUE;AANL,CAArB;eASelB,Q"}

package/lib/molecule/card/favorite.js

@@ -2,21 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _favorite = _interopRequireDefault(require("./favorite.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class Favorite extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
     this.handleFavoviteClick = this.handleFavoviteClick.bind(this);
   }
+
   handleFavoviteClick(e) {
     const {
       disabled,
@@ -26,6 +38,7 @@ class Favorite extends _react.default.Component {
     e.preventDefault();
     if (!disabled) onFavoriteClick(e);
   }
+
   render() {
     const {
       skin
@@ -67,7 +80,9 @@ class Favorite extends _react.default.Component {
       "aria-label": ariaLabel.addToFavorite
     })));
   }
+
 }
+
 Favorite.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","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":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","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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"}