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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","style","texts","icon","titleTexts","wrapper","button","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} color={negativeColor} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;EACA,MAAMQ,aAAa,GAAG,mBAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE,6BAAC,yDAAD;IAAW,SAAS,EAAED,cAAA,CAAME,IAA5B;IAAkC,KAAK,EAAEJ;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMR;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEQ,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEO,cAAA,CAAMG;EAAtB,gBACE;IAAM,SAAS,EAAEH,cAAA,CAAMT;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAES,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMI;EAAtB,GACGL,IADH,eAEE,6BAAC,eAAD;IACE,SAAS,EAAEC,cAAA,CAAMK,MADnB;IAEE,IAAI,EAAC,MAFP;IAGE,QAAQ,MAHV;IAIE,IAAI,EAAEX,IAJR;IAKE,OAAO,EAAEC,OALX;IAME,WAAW,EAAEC;EANf,EAFF,CADF;AAaD,CA/BD;;AAiCAR,gBAAgB,CAACkB,YAAjB,GAAgC;EAC9BT,IAAI,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AADH,CAAhC;AAIAT,gBAAgB,CAACqB,SAAjB,2CAA6B;EAC3BlB,KAAK,EAAEmB,kBAAA,CAAUC,MADU;EAE3BnB,OAAO,EAAEkB,kBAAA,CAAUC,MAFQ;EAG3BlB,WAAW,EAAEiB,kBAAA,CAAUC,MAHI;EAI3BjB,IAAI,EAAEgB,kBAAA,CAAUC,MAJW;EAK3BhB,OAAO,EAAEe,kBAAA,CAAUE,IALQ;EAM3BhB,WAAW,EAAEc,kBAAA,CAAUC;AANI,CAA7B;eASevB,gB"}
+{"version":3,"file":"index.js","names":["BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","style","texts","icon","titleTexts","wrapper","button","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} color={negativeColor} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAgC;AAEhC,MAAMA,gBAAgB,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAE;IAAEC,OAAO,GAAG,EAAE;IAAEC,WAAW,GAAG,EAAE;IAAEC,IAAI,GAAG,EAAE;IAAEC,OAAO;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGP,KAAK;EAChG,MAAM;IAACQ;EAAI,CAAC,GAAGP,OAAO;EACtB,MAAMQ,aAAa,GAAG,mBAAI,iBAAiB,EAAED,IAAI,CAAC;EAElD,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEQ,cAAK,CAACC;EAAM,gBAC1B,6BAAC,yDAAS;IAAC,SAAS,EAAED,cAAK,CAACE,IAAK;IAAC,KAAK,EAAEJ;EAAc,EAAG,eAC1D;IAAM,SAAS,EAAEE,cAAK,CAACR;EAAQ,GAAEA,OAAO,CAAQ,eAChD;IAAG,SAAS,EAAEQ,cAAK,CAACP;EAAY,GAAEA,WAAW,CAAK,CAC9C,gBAEN;IAAK,SAAS,EAAEO,cAAK,CAACG;EAAW,gBAC/B;IAAM,SAAS,EAAEH,cAAK,CAACT;EAAM,GAAEA,KAAK,CAAQ,eAC5C;IAAG,SAAS,EAAES,cAAK,CAACP;EAAY,GAAEA,WAAW,CAAK,CAErD;EAED,oBACE;IAAK,SAAS,EAAEO,cAAK,CAACI;EAAQ,GAC3BL,IAAI,eACL,6BAAC,eAAM;IACL,SAAS,EAAEC,cAAK,CAACK,MAAO;IACxB,IAAI,EAAC,MAAM;IACX,QAAQ;IACR,IAAI,EAAEX,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,WAAW,EAAEC;EAAY,EACzB,CACE;AAEV,CAAC;AAEDR,gBAAgB,CAACkB,YAAY,GAAG;EAC9BT,IAAI,EAAEU,iBAAQ,CAACC,iBAAiB,CAACX;AACnC,CAAC;AAEDT,gBAAgB,CAACqB,SAAS,2CAAG;EAC3BlB,KAAK,EAAEmB,kBAAS,CAACC,MAAM;EACvBnB,OAAO,EAAEkB,kBAAS,CAACC,MAAM;EACzBlB,WAAW,EAAEiB,kBAAS,CAACC,MAAM;EAC7BjB,IAAI,EAAEgB,kBAAS,CAACC,MAAM;EACtBhB,OAAO,EAAEe,kBAAS,CAACE,IAAI;EACvBhB,WAAW,EAAEc,kBAAS,CAACC;AACzB,CAAC;AAAC,eAEavB,gBAAgB;AAAA"}

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

@@ -2,151 +2,97 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _snakeCase2 = _interopRequireDefault(require("lodash/fp/snakeCase"));
-
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _autocomplete = _interopRequireDefault(require("../../atom/autocomplete"));
-
 var _select = _interopRequireDefault(require("../../atom/select"));
-
 var _selectMultiple = _interopRequireDefault(require("../select-multiple"));
-
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
-
 var _inputColor = _interopRequireDefault(require("../../atom/input-color"));
-
 var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
-
 var _inputReadonly = _interopRequireDefault(require("../../atom/input-readonly"));
-
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
-
 var _brandUploadBox = _interopRequireDefault(require("../brand-upload-box"));
-
 var _brandDownloadBox = _interopRequireDefault(require("../brand-download-box"));
-
 var _button = _interopRequireDefault(require("../../atom/button"));
-
 var _inputTextarea = _interopRequireDefault(require("../../atom/input-textarea"));
-
 var _inputHtml = _interopRequireDefault(require("../../atom/input-html"));
-
 var _inputDoublestep = _interopRequireDefault(require("../../atom/input-doublestep"));
-
 var _imageUpload = _interopRequireDefault(require("../../atom/image-upload"));
-
 var _setupSlider = _interopRequireDefault(require("../setup-slider"));
-
 var _setupSections = _interopRequireDefault(require("../setup-sections"));
-
 var _title = _interopRequireDefault(require("../../atom/title"));
-
 var _coorpManagerRoles = _interopRequireDefault(require("../coorp-manager-roles"));
-
 var _titleAndCheckboxWrapper = _interopRequireDefault(require("../title-and-checkbox-wrapper"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 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 inputContainerStyle = {
   default: _style.default.defaultWidth,
   medium: _style.default.mediumWidth,
   large: _style.default.largeWidth
 };
-
 const buildInput = field => {
   const {
     type
   } = field;
-
   switch (type) {
     case 'autoComplete':
       return /*#__PURE__*/_react.default.createElement(_autocomplete.default, field);
-
     case 'color':
       return /*#__PURE__*/_react.default.createElement(_inputColor.default, field);
-
     case 'readonly':
       return /*#__PURE__*/_react.default.createElement(_inputReadonly.default, field);
-
     case 'switch':
       return /*#__PURE__*/_react.default.createElement(_inputSwitch.default, field);
-
     case 'textarea':
       return /*#__PURE__*/_react.default.createElement(_inputTextarea.default, field);
-
     case 'html':
       return /*#__PURE__*/_react.default.createElement(_inputHtml.default, field);
-
     case 'doublestep':
       return /*#__PURE__*/_react.default.createElement(_inputDoublestep.default, field);
-
     case 'select':
       return /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, field, {
         theme: 'coorpmanager'
       }));
-
     case 'selectMultiple':
       return /*#__PURE__*/_react.default.createElement(_selectMultiple.default, field);
-
     case 'checkbox':
       return /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field);
-
     case 'image':
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.imageUploadContainer
       }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
-
     case 'slider':
       return /*#__PURE__*/_react.default.createElement(_setupSlider.default, field);
-
     case 'sections':
       return /*#__PURE__*/_react.default.createElement(_setupSections.default, field);
-
     case 'text':
       return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
-
     case 'downloadbox':
       return /*#__PURE__*/_react.default.createElement(_brandDownloadBox.default, field);
-
     case 'uploadbox':
       return /*#__PURE__*/_react.default.createElement(_brandUploadBox.default, field);
-
     case 'button':
     case 'link':
       return /*#__PURE__*/_react.default.createElement(_button.default, field);
-
     case 'buttonLink':
       return /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, field, {
         type: field.buttonType
       }));
-
     case 'roles':
       return /*#__PURE__*/_react.default.createElement(_coorpManagerRoles.default, field);
-
     case 'titleAndCheckBoxWrapper':
       return /*#__PURE__*/_react.default.createElement(_titleAndCheckboxWrapper.default, field);
-
     default:
       return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
   }
 };
-
 const buildField = (field, index) => {
   const input = buildInput(field);
   const {
@@ -159,7 +105,6 @@ const buildField = (field, index) => {
     key: index
   }, input);
 };
-
 const BrandFormGroup = props => {
   const {
     title,
@@ -169,11 +114,9 @@ const BrandFormGroup = props => {
     fields = [],
     subtitleSize = 'standard'
   } = props;
-
   const fieldsList = _map2.default.convert({
     cap: false
   })(buildField, fields);
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `brand_form_group_${(0, _snakeCase2.default)(title)}`,
     className: (0, _classnames.default)(_style.default.wrapper, groupLayout === 'grid' && _style.default.groupGrid)
@@ -188,7 +131,6 @@ const BrandFormGroup = props => {
     className: fieldsLayout === 'grid' ? _style.default.grid : null
   }, fieldsList));
 };
-
 BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   subtitle: _propTypes.default.string,

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,25 +2,17 @@
 
 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
 }) => {
@@ -28,11 +20,9 @@ const BrandLogo = ({
   const {
     brandTheme
   } = templateContext;
-
   const imageStyle = _extends({}, styles.logo, {
     height
   });
-
   const source = {
     uri: brandTheme.images && brandTheme.images['logo-mobile']
   };
@@ -43,7 +33,6 @@ 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;;;;;;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"}
+{"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"}

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

@@ -2,19 +2,12 @@
 
 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,
@@ -38,7 +31,6 @@ const Tab = ({
     href: href
   }, title));
 };
-
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   tab: _propTypes.default.shape({
     title: _link.default.propTypes.children,
@@ -49,7 +41,6 @@ Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   index: _propTypes.default.number,
   isLightTab: _propTypes.default.bool
 } : {};
-
 const BrandTabs = props => {
   const {
     tabs,
@@ -65,7 +56,6 @@ 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;;;;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"}
+{"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"}

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

@@ -2,23 +2,14 @@
 
 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);
@@ -28,19 +19,16 @@ 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 {
@@ -60,14 +48,12 @@ 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
@@ -93,12 +79,9 @@ 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;;;;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"}
+{"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"}

package/lib/molecule/breadcrumbs/index.js

@@ -2,34 +2,24 @@
 
 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
@@ -37,7 +27,6 @@ const buildBreadcrumbs = (breadcrumb, index) => {
     href: href
   }, title));
 };
-
 const buildLink = (link, index) => {
   const {
     title,
@@ -55,7 +44,6 @@ const buildLink = (link, index) => {
     href: href
   }, title));
 };
-
 const Breadcrumbs = props => {
   const {
     breadcrumbs,
@@ -67,7 +55,6 @@ 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;;;;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"}
+{"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"}