@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

package/es/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","BrandFormGroup","Provider","Button","ButtonLink","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","massiveBattleForm","disabledSubmit","submitButton","createElement","title","className","massiveBattleButton","saveButton","type","label","usage","onClick","icon","position","faIcon","name","color","size","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","theme","skin","darkColor","_get","fields","backView","arrowBack","href","link","backDesc","desc","brandGroups","map","group","index","key","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","place","propTypes","process","env","NODE_ENV","arrayOf","shape","isRequired","bool","func","children","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      <ButtonLink\n        type=\"primary\"\n        label={submitValue}\n        disabled={disabledSubmit}\n        data-testid=\"submit-button\"\n        usage=\"submit\"\n        onClick={onSubmit}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'circle-check',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <ButtonLink\n        usage=\"reset\"\n        label={resetValue}\n        data-testid=\"reset-button\"\n        onClick={onReset}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme,\n    massiveBattleForm\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","BrandFormGroup","Provider","Button","ButtonLink","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","massiveBattleForm","disabledSubmit","submitButton","title","massiveBattleButton","saveButton","position","faIcon","name","color","size","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","theme","skin","darkColor","fields","type","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","place","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      <ButtonLink\n        type=\"primary\"\n        label={submitValue}\n        disabled={disabledSubmit}\n        data-testid=\"submit-button\"\n        usage=\"submit\"\n        onClick={onSubmit}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'circle-check',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <ButtonLink\n        usage=\"reset\"\n        label={resetValue}\n        data-testid=\"reset-button\"\n        onClick={onReset}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme,\n    massiveBattleForm\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/es/organism/brand-learning-priorities/index.js

@@ -7,6 +7,7 @@ import DraggableList from '../../molecule/draggable-list';
 import ButtonLink from '../../atom/button-link';
 import LearningPriorityModal from '../../molecule/learning-priority-modal';
 import style from './style.css';
+
 const BrandLearningPriorities = (props, context) => {
   const {
     content,
@@ -93,6 +94,7 @@ const BrandLearningPriorities = (props, context) => {
     onDrop: handleDropItem
   })));
 };
+
 BrandLearningPriorities.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
@@ -104,8 +106,7 @@ BrandLearningPriorities.propTypes = process.env.NODE_ENV !== "production" ? {
     courses: PropTypes.number,
     type: PropTypes.string
   })),
-  filters: PropTypes.arrayOf(PropTypes.shape({
-    ...SelectOptionPropTypes,
+  filters: PropTypes.arrayOf(PropTypes.shape({ ...SelectOptionPropTypes,
     count: PropTypes.number
   })),
   isLoading: PropTypes.bool,

package/es/organism/brand-learning-priorities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","useEffect","PropTypes","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","openModal","setOpenModal","translate","selectedPriorities","map","priority","priorityRef","handleDropItem","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","createElement","className","loaderContainer","loader","theme","handleOpenModal","handleCloseModal","container","isOpen","onCancel","onClose","preselected","LPtitle","LPdescription","Fragment","ctaWrapper","priorityCount","length","customStyle","width","onClick","label","icon","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","shape","arrayOf","string","title","courses","number","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {translate} = context;\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              type=\"primary\"\n              customStyle={{\n                width: 'fit-content'\n              }}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","useEffect","PropTypes","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","openModal","setOpenModal","translate","selectedPriorities","map","priority","priorityRef","handleDropItem","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","loaderContainer","loader","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","string","title","courses","number","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {translate} = context;\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              type=\"primary\"\n              customStyle={{\n                width: 'fit-content'\n              }}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}

package/es/organism/brand-table/index.js

@@ -5,6 +5,7 @@ import Pagination from '../../molecule/pagination';
 import Search from '../../atom/input-search';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const BrandTable = props => {
   const {
     pagination,
@@ -43,6 +44,7 @@ const BrandTable = props => {
     className: style.headerWrapper
   }, refreshView, searchView, paginationView), /*#__PURE__*/React.createElement("div", null, isPending ? pendingView : tableView), /*#__PURE__*/React.createElement("div", null));
 };
+
 BrandTable.propTypes = process.env.NODE_ENV !== "production" ? {
   search: PropTypes.shape(Search.propTypes),
   pagination: PropTypes.shape(Pagination.propTypes),

package/es/organism/brand-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Table","Pagination","Search","Loader","style","BrandTable","props","pagination","search","rows","columns","editable","isPending","emptyValue","onRefresh","refreshLabel","headerTitle","pendingView","createElement","className","loading","tableView","length","empty","paginationView","searchView","searchWrapper","refreshView","refresh","onClick","wrapper","headerWrapper","propTypes","process","env","NODE_ENV","shape","string","isRequired","bool","func"],"sources":["../../../src/organism/brand-table/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Table from '../../molecule/table';\nimport Pagination from '../../molecule/pagination';\nimport Search from '../../atom/input-search';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst BrandTable = props => {\n  const {\n    pagination,\n    search,\n    rows = [],\n    columns = [],\n    editable,\n    isPending,\n    emptyValue,\n    onRefresh,\n    refreshLabel,\n    headerTitle = ''\n  } = props;\n\n  const pendingView = (\n    <div className={style.loading}>\n      <Loader />\n    </div>\n  );\n\n  const tableView =\n    rows.length > 0 ? (\n      <Table rows={rows} columns={columns} editable={editable} headerTitle={headerTitle} />\n    ) : (\n      <div className={style.empty}>{emptyValue}</div>\n    );\n  const paginationView = pagination ? (\n    <div>\n      <Pagination {...pagination} />\n    </div>\n  ) : null;\n  const searchView = search ? (\n    <div className={style.searchWrapper}>\n      <Search {...search} />\n    </div>\n  ) : null;\n\n  const refreshView = onRefresh ? (\n    <div className={style.refresh} onClick={onRefresh}>\n      🔄 {refreshLabel}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.headerWrapper}>\n        {refreshView}\n        {searchView}\n        {paginationView}\n      </div>\n      <div>{isPending ? pendingView : tableView}</div>\n      <div />\n    </div>\n  );\n};\n\nBrandTable.propTypes = {\n  search: PropTypes.shape(Search.propTypes),\n  pagination: PropTypes.shape(Pagination.propTypes),\n  emptyValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  editable: PropTypes.bool,\n  rows: Table.propTypes.rows,\n  columns: Table.propTypes.columns,\n  onRefresh: PropTypes.func,\n  refreshLabel: PropTypes.string,\n  headerTitle: PropTypes.string\n};\n\nexport default BrandTable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Table","Pagination","Search","Loader","style","BrandTable","props","pagination","search","rows","columns","editable","isPending","emptyValue","onRefresh","refreshLabel","headerTitle","pendingView","loading","tableView","length","empty","paginationView","searchView","searchWrapper","refreshView","refresh","wrapper","headerWrapper","propTypes","shape","string","isRequired","bool","func"],"sources":["../../../src/organism/brand-table/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Table from '../../molecule/table';\nimport Pagination from '../../molecule/pagination';\nimport Search from '../../atom/input-search';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst BrandTable = props => {\n  const {\n    pagination,\n    search,\n    rows = [],\n    columns = [],\n    editable,\n    isPending,\n    emptyValue,\n    onRefresh,\n    refreshLabel,\n    headerTitle = ''\n  } = props;\n\n  const pendingView = (\n    <div className={style.loading}>\n      <Loader />\n    </div>\n  );\n\n  const tableView =\n    rows.length > 0 ? (\n      <Table rows={rows} columns={columns} editable={editable} headerTitle={headerTitle} />\n    ) : (\n      <div className={style.empty}>{emptyValue}</div>\n    );\n  const paginationView = pagination ? (\n    <div>\n      <Pagination {...pagination} />\n    </div>\n  ) : null;\n  const searchView = search ? (\n    <div className={style.searchWrapper}>\n      <Search {...search} />\n    </div>\n  ) : null;\n\n  const refreshView = onRefresh ? (\n    <div className={style.refresh} onClick={onRefresh}>\n      🔄 {refreshLabel}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.headerWrapper}>\n        {refreshView}\n        {searchView}\n        {paginationView}\n      </div>\n      <div>{isPending ? pendingView : tableView}</div>\n      <div />\n    </div>\n  );\n};\n\nBrandTable.propTypes = {\n  search: PropTypes.shape(Search.propTypes),\n  pagination: PropTypes.shape(Pagination.propTypes),\n  emptyValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  editable: PropTypes.bool,\n  rows: Table.propTypes.rows,\n  columns: Table.propTypes.columns,\n  onRefresh: PropTypes.func,\n  refreshLabel: PropTypes.string,\n  headerTitle: PropTypes.string\n};\n\nexport default BrandTable;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,sBAAlB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,UADI;IAEJC,MAFI;IAGJC,IAAI,GAAG,EAHH;IAIJC,OAAO,GAAG,EAJN;IAKJC,QALI;IAMJC,SANI;IAOJC,UAPI;IAQJC,SARI;IASJC,YATI;IAUJC,WAAW,GAAG;EAVV,IAWFV,KAXJ;EAaA,MAAMW,WAAW,gBACf;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,gBACE,oBAAC,MAAD,OADF,CADF;EAMA,MAAMC,SAAS,GACbV,IAAI,CAACW,MAAL,GAAc,CAAd,gBACE,oBAAC,KAAD;IAAO,IAAI,EAAEX,IAAb;IAAmB,OAAO,EAAEC,OAA5B;IAAqC,QAAQ,EAAEC,QAA/C;IAAyD,WAAW,EAAEK;EAAtE,EADF,gBAGE;IAAK,SAAS,EAAEZ,KAAK,CAACiB;EAAtB,GAA8BR,UAA9B,CAJJ;EAMA,MAAMS,cAAc,GAAGf,UAAU,gBAC/B,8CACE,oBAAC,UAAD,EAAgBA,UAAhB,CADF,CAD+B,GAI7B,IAJJ;EAKA,MAAMgB,UAAU,GAAGf,MAAM,gBACvB;IAAK,SAAS,EAAEJ,KAAK,CAACoB;EAAtB,gBACE,oBAAC,MAAD,EAAYhB,MAAZ,CADF,CADuB,GAIrB,IAJJ;EAMA,MAAMiB,WAAW,GAAGX,SAAS,gBAC3B;IAAK,SAAS,EAAEV,KAAK,CAACsB,OAAtB;IAA+B,OAAO,EAAEZ;EAAxC,oBACMC,YADN,CAD2B,GAIzB,IAJJ;EAMA,oBACE;IAAK,SAAS,EAAEX,KAAK,CAACuB;EAAtB,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,GACGH,WADH,EAEGF,UAFH,EAGGD,cAHH,CADF,eAME,iCAAMV,SAAS,GAAGK,WAAH,GAAiBE,SAAhC,CANF,eAOE,gCAPF,CADF;AAWD,CAtDD;;AAwDAd,UAAU,CAACwB,SAAX,2CAAuB;EACrBrB,MAAM,EAAET,SAAS,CAAC+B,KAAV,CAAgB5B,MAAM,CAAC2B,SAAvB,CADa;EAErBtB,UAAU,EAAER,SAAS,CAAC+B,KAAV,CAAgB7B,UAAU,CAAC4B,SAA3B,CAFS;EAGrBhB,UAAU,EAAEd,SAAS,CAACgC,MAAV,CAAiBC,UAHR;EAIrBpB,SAAS,EAAEb,SAAS,CAACkC,IAJA;EAKrBtB,QAAQ,EAAEZ,SAAS,CAACkC,IALC;EAMrBxB,IAAI,EAAET,KAAK,CAAC6B,SAAN,CAAgBpB,IAND;EAOrBC,OAAO,EAAEV,KAAK,CAAC6B,SAAN,CAAgBnB,OAPJ;EAQrBI,SAAS,EAAEf,SAAS,CAACmC,IARA;EASrBnB,YAAY,EAAEhB,SAAS,CAACgC,MATH;EAUrBf,WAAW,EAAEjB,SAAS,CAACgC;AAVF,CAAvB;AAaA,eAAe1B,UAAf"}

package/es/organism/brand-upload/index.js

@@ -1,5 +1,7 @@
 import _keys from "lodash/fp/keys";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
@@ -12,6 +14,7 @@ const notificationStyle = {
   error: style.error,
   success: style.success
 };
+
 const BrandUpload = props => {
   const {
     title = '',
@@ -38,6 +41,7 @@ const BrandUpload = props => {
     className: style.notifications
   }, notificationsItems));
 };
+
 BrandUpload.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/organism/brand-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","ProgressBar","UploadBox","DownloadBox","style","notificationStyle","warning","error","success","BrandUpload","props","title","download","oneLoginTokens","upload","progress","notifications","notificationsItems","map","notif","index","createElement","className","type","key","message","oneLoginTokensView","wrapper","_extends","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","value","number","isRequired","max","desc","arrayOf","oneOf","_keys"],"sources":["../../../src/organism/brand-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport UploadBox from '../../molecule/brand-upload-box';\nimport DownloadBox from '../../molecule/brand-download-box';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst BrandUpload = props => {\n  const {title = '', download, oneLoginTokens, upload, progress, notifications} = props;\n\n  const notificationsItems = notifications.map((notif, index) => (\n    <div className={notificationStyle[notif.type]} key={index}>\n      <span>{notif.message}</span>\n    </div>\n  ));\n\n  const oneLoginTokensView = oneLoginTokens ? (\n    <div>\n      <div className={style.title}>\n        <h3>{oneLoginTokens.title} </h3>\n      </div>\n      {oneLoginTokens.download ? <DownloadBox {...oneLoginTokens.download} /> : null}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      {oneLoginTokensView}\n      <div className={style.title}>\n        <h3>{title}</h3>\n      </div>\n      {download ? <DownloadBox {...download} /> : null}\n      <UploadBox {...upload} />\n      {progress ? <ProgressBar {...progress} className={style.progress} /> : null}\n      <ul className={style.notifications}>{notificationsItems}</ul>\n    </div>\n  );\n};\n\nBrandUpload.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandUpload.propTypes = {\n  title: PropTypes.string,\n  download: PropTypes.shape(DownloadBox.propTypes),\n  oneLoginTokens: PropTypes.shape({\n    title: PropTypes.string,\n    download: PropTypes.shape(DownloadBox.propTypes)\n  }),\n  progress: PropTypes.shape({\n    value: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n    desc: PropTypes.string\n  }),\n  upload: PropTypes.shape(UploadBox.propTypes).isRequired,\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n      message: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport default BrandUpload;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","ProgressBar","UploadBox","DownloadBox","style","notificationStyle","warning","error","success","BrandUpload","props","title","download","oneLoginTokens","upload","progress","notifications","notificationsItems","map","notif","index","type","message","oneLoginTokensView","wrapper","contextTypes","skin","childContextTypes","propTypes","string","shape","value","number","isRequired","max","desc","arrayOf","oneOf"],"sources":["../../../src/organism/brand-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport UploadBox from '../../molecule/brand-upload-box';\nimport DownloadBox from '../../molecule/brand-download-box';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst BrandUpload = props => {\n  const {title = '', download, oneLoginTokens, upload, progress, notifications} = props;\n\n  const notificationsItems = notifications.map((notif, index) => (\n    <div className={notificationStyle[notif.type]} key={index}>\n      <span>{notif.message}</span>\n    </div>\n  ));\n\n  const oneLoginTokensView = oneLoginTokens ? (\n    <div>\n      <div className={style.title}>\n        <h3>{oneLoginTokens.title} </h3>\n      </div>\n      {oneLoginTokens.download ? <DownloadBox {...oneLoginTokens.download} /> : null}\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.wrapper}>\n      {oneLoginTokensView}\n      <div className={style.title}>\n        <h3>{title}</h3>\n      </div>\n      {download ? <DownloadBox {...download} /> : null}\n      <UploadBox {...upload} />\n      {progress ? <ProgressBar {...progress} className={style.progress} /> : null}\n      <ul className={style.notifications}>{notificationsItems}</ul>\n    </div>\n  );\n};\n\nBrandUpload.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandUpload.propTypes = {\n  title: PropTypes.string,\n  download: PropTypes.shape(DownloadBox.propTypes),\n  oneLoginTokens: PropTypes.shape({\n    title: PropTypes.string,\n    download: PropTypes.shape(DownloadBox.propTypes)\n  }),\n  progress: PropTypes.shape({\n    value: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n    desc: PropTypes.string\n  }),\n  upload: PropTypes.shape(UploadBox.propTypes).isRequired,\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n      message: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport default BrandUpload;\n"],"mappings":"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"}

package/es/organism/cards-grid/index.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import Card from '../../molecule/card';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 function CardsGrid(props) {
   const {
     list = [],
@@ -13,6 +14,7 @@ function CardsGrid(props) {
   const loader = loading ? /*#__PURE__*/React.createElement("div", {
     className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, null)) : null;
+
   const cards = _map(cardProps => {
     return /*#__PURE__*/React.createElement("div", {
       "data-name": "cardGrid",
@@ -20,11 +22,13 @@ function CardsGrid(props) {
       key: cardProps.key
     }, /*#__PURE__*/React.createElement(Card, cardProps));
   }, list);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default,
     style: customStyle
   }, cards, loader);
 }
+
 CardsGrid.propTypes = process.env.NODE_ENV !== "production" ? {
   list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),
   customStyle: PropTypes.objectOf(PropTypes.string),

package/es/organism/cards-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","customStyle","loading","loader","createElement","className","cards","_map","cardProps","card","key","default","propTypes","process","env","NODE_ENV","arrayOf","shape","objectOf","string","bool"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.default} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,qBAAqB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,SAASA,CAACC,KAAK,EAAE;EACxB,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBT,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACM;EAAO,gBAC3BV,KAAA,CAAAW,aAAA,CAACR,MAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEf,KAAA,CAAAW,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAER,KAAK,CAACY,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEjB,KAAA,CAAAW,aAAA,CAACT,IAAI,EAAKa,SAAY,CACnB,CAAC;EAEV,CAAC,EAAER,IAAI,CAAC;EAER,oBACEP,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACc,OAAQ;IAACd,KAAK,EAAEI;EAAY,GAC/CK,KAAK,EACLH,MACE,CAAC;AAEV;AAEAL,SAAS,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,IAAI,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACtB,IAAI,CAACiB,SAAS,CAAC,CAAC;EACxDX,WAAW,EAAEP,SAAS,CAACwB,QAAQ,CAACxB,SAAS,CAACyB,MAAM,CAAC;EACjDjB,OAAO,EAAER,SAAS,CAAC0B;AACrB,CAAC;AAED,eAAetB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Card","Loader","style","CardsGrid","props","list","customStyle","loading","loader","cards","cardProps","card","key","default","propTypes","arrayOf","shape","objectOf","string","bool"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.default} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,qBAAjB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;EACxB,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,WAAW,GAAG,EAA1B;IAA8BC,OAAO,GAAG;EAAxC,IAAiDH,KAAvD;EAEA,MAAMI,MAAM,GAAGD,OAAO,gBACpB;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE,oBAAC,MAAD,OADF,CADoB,GAIlB,IAJJ;;EAMA,MAAMC,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE;MAAK,aAAU,UAAf;MAA0B,SAAS,EAAER,KAAK,CAACS,IAA3C;MAAiD,GAAG,EAAED,SAAS,CAACE;IAAhE,gBACE,oBAAC,IAAD,EAAUF,SAAV,CADF,CADF;EAKD,CANa,EAMXL,IANW,CAAd;;EAQA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACW,OAAtB;IAA+B,KAAK,EAAEP;EAAtC,GACGG,KADH,EAEGD,MAFH,CADF;AAMD;;AAEDL,SAAS,CAACW,SAAV,2CAAsB;EACpBT,IAAI,EAAEN,SAAS,CAACgB,OAAV,CAAkBhB,SAAS,CAACiB,KAAV,CAAgBhB,IAAI,CAACc,SAArB,CAAlB,CADc;EAEpBR,WAAW,EAAEP,SAAS,CAACkB,QAAV,CAAmBlB,SAAS,CAACmB,MAA7B,CAFO;EAGpBX,OAAO,EAAER,SAAS,CAACoB;AAHC,CAAtB;AAMA,eAAehB,SAAf"}

package/es/organism/cart/index.js

@@ -6,6 +6,7 @@ import Provider from '../../atom/provider';
 import PromoCode from '../../atom/promo-code';
 import PaymentForm from '../../molecule/payment-form';
 import style from './style.css';
+
 const Cart = (props, context) => {
   const {
     productCardProps,
@@ -33,6 +34,7 @@ const Cart = (props, context) => {
     href: backUrl
   }, translate('back_to_catalog')))));
 };
+
 Cart.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/organism/cart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ProductCard","Link","Provider","PromoCode","PaymentForm","style","Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","createElement","className","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","href","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","shape","string"],"sources":["../../../src/organism/cart/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductCard from '../../molecule/product-card';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport PromoCode from '../../atom/promo-code';\nimport PaymentForm from '../../molecule/payment-form';\n\nimport style from './style.css';\n\nconst Cart = (props, context) => {\n  const {productCardProps, promoCodeProps, paymentFormProps, backUrl} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.parent}>\n      <div className={style.titleContainer}>\n        <div className={style.headerTitle}>{translate('cart_title')}</div>\n      </div>\n      <div className={style.cart}>\n        <div className={style.productBlock}>\n          <ProductCard {...productCardProps} />\n          <PromoCode {...promoCodeProps} />\n        </div>\n        <div className={style.paymentBlock}>\n          <PaymentForm {...paymentFormProps} />\n          <Link className={style.backButton} href={backUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCart.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCart.propTypes = {\n  productCardProps: PropTypes.shape(ProductCard.propTypes),\n  promoCodeProps: PropTypes.shape(PromoCode.propTypes),\n  paymentFormProps: PropTypes.shape(PaymentForm.propTypes),\n  backUrl: PropTypes.string\n};\n\nexport default Cart;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,WAAW,MAAM,6BAA6B;AAErD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IAACC,gBAAgB;IAAEC,cAAc;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAC3E,MAAM;IAACM;EAAS,CAAC,GAAGL,OAAO;EAE3B,oBACEV,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACW;EAAO,gBAC3BlB,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACY;EAAe,gBACnCnB,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACa;EAAY,GAAEL,SAAS,CAAC,YAAY,CAAO,CAC9D,CAAC,eACNf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACc;EAAK,gBACzBrB,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACe;EAAa,gBACjCtB,KAAA,CAAAgB,aAAA,CAACd,WAAW,EAAKS,gBAAmB,CAAC,eACrCX,KAAA,CAAAgB,aAAA,CAACX,SAAS,EAAKO,cAAiB,CAC7B,CAAC,eACNZ,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACgB;EAAa,gBACjCvB,KAAA,CAAAgB,aAAA,CAACV,WAAW,EAAKO,gBAAmB,CAAC,eACrCb,KAAA,CAAAgB,aAAA,CAACb,IAAI;IAACc,SAAS,EAAEV,KAAK,CAACiB,UAAW;IAACC,IAAI,EAAEX;EAAQ,GAC9CC,SAAS,CAAC,iBAAiB,CACxB,CACH,CACF,CACF,CAAC;AAEV,CAAC;AAEDP,IAAI,CAACkB,YAAY,GAAG;EAClBX,SAAS,EAAEX,QAAQ,CAACuB,iBAAiB,CAACZ;AACxC,CAAC;AAEDP,IAAI,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACfpB,gBAAgB,EAAEV,SAAS,CAAC+B,KAAK,CAAC9B,WAAW,CAAC0B,SAAS,CAAC;EACxDhB,cAAc,EAAEX,SAAS,CAAC+B,KAAK,CAAC3B,SAAS,CAACuB,SAAS,CAAC;EACpDf,gBAAgB,EAAEZ,SAAS,CAAC+B,KAAK,CAAC1B,WAAW,CAACsB,SAAS,CAAC;EACxDd,OAAO,EAAEb,SAAS,CAACgC;AACrB,CAAC;AAED,eAAezB,IAAI","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","ProductCard","Link","Provider","PromoCode","PaymentForm","style","Cart","props","context","productCardProps","promoCodeProps","paymentFormProps","backUrl","translate","parent","titleContainer","headerTitle","cart","productBlock","paymentBlock","backButton","contextTypes","childContextTypes","propTypes","shape","string"],"sources":["../../../src/organism/cart/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductCard from '../../molecule/product-card';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport PromoCode from '../../atom/promo-code';\nimport PaymentForm from '../../molecule/payment-form';\n\nimport style from './style.css';\n\nconst Cart = (props, context) => {\n  const {productCardProps, promoCodeProps, paymentFormProps, backUrl} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.parent}>\n      <div className={style.titleContainer}>\n        <div className={style.headerTitle}>{translate('cart_title')}</div>\n      </div>\n      <div className={style.cart}>\n        <div className={style.productBlock}>\n          <ProductCard {...productCardProps} />\n          <PromoCode {...promoCodeProps} />\n        </div>\n        <div className={style.paymentBlock}>\n          <PaymentForm {...paymentFormProps} />\n          <Link className={style.backButton} href={backUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCart.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCart.propTypes = {\n  productCardProps: PropTypes.shape(ProductCard.propTypes),\n  promoCodeProps: PropTypes.shape(PromoCode.propTypes),\n  paymentFormProps: PropTypes.shape(PaymentForm.propTypes),\n  backUrl: PropTypes.string\n};\n\nexport default Cart;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC,gBAAD;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,IAAgEL,KAAtE;EACA,MAAM;IAACM;EAAD,IAAcL,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,GAAoCH,SAAS,CAAC,YAAD,CAA7C,CADF,CADF,eAIE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,gBACE,oBAAC,WAAD,EAAiBT,gBAAjB,CADF,eAEE,oBAAC,SAAD,EAAeC,cAAf,CAFF,CADF,eAKE;IAAK,SAAS,EAAEL,KAAK,CAACc;EAAtB,gBACE,oBAAC,WAAD,EAAiBR,gBAAjB,CADF,eAEE,oBAAC,IAAD;IAAM,SAAS,EAAEN,KAAK,CAACe,UAAvB;IAAmC,IAAI,EAAER;EAAzC,GACGC,SAAS,CAAC,iBAAD,CADZ,CAFF,CALF,CAJF,CADF;AAmBD,CAvBD;;AAyBAP,IAAI,CAACe,YAAL,GAAoB;EAClBR,SAAS,EAAEX,QAAQ,CAACoB,iBAAT,CAA2BT;AADpB,CAApB;AAIAP,IAAI,CAACiB,SAAL,2CAAiB;EACfd,gBAAgB,EAAEV,SAAS,CAACyB,KAAV,CAAgBxB,WAAW,CAACuB,SAA5B,CADH;EAEfb,cAAc,EAAEX,SAAS,CAACyB,KAAV,CAAgBrB,SAAS,CAACoB,SAA1B,CAFD;EAGfZ,gBAAgB,EAAEZ,SAAS,CAACyB,KAAV,CAAgBpB,WAAW,CAACmB,SAA5B,CAHH;EAIfX,OAAO,EAAEb,SAAS,CAAC0B;AAJJ,CAAjB;AAOA,eAAenB,IAAf"}

package/es/organism/content-translation/index.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,10 +8,12 @@ import InputText from '../../atom/input-text';
 import TextArea from '../../atom/input-textarea';
 import Button from '../../atom/button-link';
 import style from './style.css';
+
 const buildCtaButton = cta => {
   if (!cta) {
     return;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(style.button, style.binButton)
   }, /*#__PURE__*/React.createElement(Button, {
@@ -23,6 +26,7 @@ const buildCtaButton = cta => {
     label: cta.label
   }));
 };
+
 const PlayListTranslation = props => {
   const {
     languageTabs,
@@ -48,14 +52,13 @@ const PlayListTranslation = props => {
     className: style.input
   }, /*#__PURE__*/React.createElement(TextArea, textArea)), ctaButton));
 };
+
 PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
   languageTabs: VerticalLanguageMenu.propTypes.tabs,
-  inputText: PropTypes.shape({
-    ...InputText.propTypes,
+  inputText: PropTypes.shape({ ...InputText.propTypes,
     theme: PropTypes.string
   }),
-  textArea: PropTypes.shape({
-    ...TextArea.propTypes,
+  textArea: PropTypes.shape({ ...TextArea.propTypes,
     theme: PropTypes.string
   }),
   cta: PropTypes.shape({

package/es/organism/content-translation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","buildCtaButton","cta","createElement","className","button","binButton","onClick","handleOnClick","type","icon","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","_extends","menu","tabs","horizontalSection","input","propTypes","process","env","NODE_ENV","shape","theme","string","func","oneOf"],"sources":["../../../src/organism/content-translation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAG,EAAE;IACR;EACF;EAEA,oBACET,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAET,UAAU,CAACK,KAAK,CAACK,MAAM,EAAEL,KAAK,CAACM,SAAS;EAAE,gBACxDb,KAAA,CAAAU,aAAA,CAACJ,MAAM;IACLQ,OAAO,EAAEL,GAAG,CAACM,aAAc;IAC3BC,IAAI,EAAC,MAAM;IACXC,IAAI,EAAE;MAACD,IAAI,EAAE,KAAK;MAAEE,QAAQ,EAAE;IAAM,CAAE;IACtCC,KAAK,EAAEV,GAAG,CAACU;EAAM,CAClB,CACE,CAAC;AAEV,CAAC;AAED,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAY;IAAEC,SAAS;IAAEC,QAAQ;IAAEf,GAAG;IAAE,iBAAiB,EAAEgB;EAAa,CAAC,GAAGJ,KAAK;EACxF,MAAMK,SAAS,GAAGlB,cAAc,CAACC,GAAG,CAAC;EAErC,MAAMkB,SAAS,GAAG;IAAC,YAAY,EAAEF;EAAa,CAAC;EAC/C,oBACEzB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEJ,KAAK,CAACqB;EAAU,gBAC9B5B,KAAA,CAAAU,aAAA,CAACP,oBAAoB,EAAA0B,QAAA,KAAKF,SAAS;IAAEhB,SAAS,EAAEJ,KAAK,CAACuB,IAAK;IAACC,IAAI,EAAET;EAAa,EAAE,CAAC,eAClFtB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEJ,KAAK,CAACyB;EAAkB,gBACtChC,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEJ,KAAK,CAAC0B;EAAM,gBAC1BjC,KAAA,CAAAU,aAAA,CAACN,SAAS,EAAKmB,SAAY,CACxB,CAAC,eACNvB,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEJ,KAAK,CAAC0B;EAAM,gBAC1BjC,KAAA,CAAAU,aAAA,CAACL,QAAQ,EAAKmB,QAAW,CACtB,CAAC,EACLE,SACE,CACF,CAAC;AAEV,CAAC;AAEDN,mBAAmB,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC9Bf,YAAY,EAAEnB,oBAAoB,CAAC+B,SAAS,CAACH,IAAI;EACjDR,SAAS,EAAEtB,SAAS,CAACqC,KAAK,CAAC;IAAC,GAAGlC,SAAS,CAAC8B,SAAS;IAAEK,KAAK,EAAEtC,SAAS,CAACuC;EAAM,CAAC,CAAC;EAC7EhB,QAAQ,EAAEvB,SAAS,CAACqC,KAAK,CAAC;IAAC,GAAGjC,QAAQ,CAAC6B,SAAS;IAAEK,KAAK,EAAEtC,SAAS,CAACuC;EAAM,CAAC,CAAC;EAC3E/B,GAAG,EAAER,SAAS,CAACqC,KAAK,CAAC;IACnBnB,KAAK,EAAElB,SAAS,CAACuC,MAAM;IACvBzB,aAAa,EAAEd,SAAS,CAACwC,IAAI;IAC7BzB,IAAI,EAAEf,SAAS,CAACyC,KAAK,CAAC,CAAC,QAAQ,CAAC;EAClC,CAAC,CAAC;EACF,iBAAiB,EAAEzC,SAAS,CAACuC;AAC/B,CAAC;AAED,eAAepB,mBAAmB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","buildCtaButton","cta","button","binButton","handleOnClick","type","position","label","PlayListTranslation","props","languageTabs","inputText","textArea","listAriaLabel","ctaButton","ariaLabel","container","menu","horizontalSection","input","propTypes","tabs","shape","theme","string","func","oneOf"],"sources":["../../../src/organism/content-translation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildCtaButton = cta => {\n  if (!cta) {\n    return;\n  }\n\n  return (\n    <div className={classNames(style.button, style.binButton)}>\n      <Button\n        onClick={cta.handleOnClick}\n        type=\"text\"\n        icon={{type: 'bin', position: 'left'}}\n        label={cta.label}\n      />\n    </div>\n  );\n};\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n  const ctaButton = buildCtaButton(cta);\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        {ctaButton}\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnClick: PropTypes.func,\n    type: PropTypes.oneOf(['delete'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,GAAG,IAAI;EAC5B,IAAI,CAACA,GAAL,EAAU;IACR;EACD;;EAED,oBACE;IAAK,SAAS,EAAEP,UAAU,CAACK,KAAK,CAACG,MAAP,EAAeH,KAAK,CAACI,SAArB;EAA1B,gBACE,oBAAC,MAAD;IACE,OAAO,EAAEF,GAAG,CAACG,aADf;IAEE,IAAI,EAAC,MAFP;IAGE,IAAI,EAAE;MAACC,IAAI,EAAE,KAAP;MAAcC,QAAQ,EAAE;IAAxB,CAHR;IAIE,KAAK,EAAEL,GAAG,CAACM;EAJb,EADF,CADF;AAUD,CAfD;;AAiBA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;EACnC,MAAM;IAACC,YAAD;IAAeC,SAAf;IAA0BC,QAA1B;IAAoCX,GAApC;IAAyC,mBAAmBY;EAA5D,IAA6EJ,KAAnF;EACA,MAAMK,SAAS,GAAGd,cAAc,CAACC,GAAD,CAAhC;EAEA,MAAMc,SAAS,GAAG;IAAC,cAAcF;EAAf,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACiB;EAAtB,gBACE,oBAAC,oBAAD,eAA0BD,SAA1B;IAAqC,SAAS,EAAEhB,KAAK,CAACkB,IAAtD;IAA4D,IAAI,EAAEP;EAAlE,GADF,eAEE;IAAK,SAAS,EAAEX,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAtB,gBACE,oBAAC,SAAD,EAAeR,SAAf,CADF,CADF,eAIE;IAAK,SAAS,EAAEZ,KAAK,CAACoB;EAAtB,gBACE,oBAAC,QAAD,EAAcP,QAAd,CADF,CAJF,EAOGE,SAPH,CAFF,CADF;AAcD,CAnBD;;AAqBAN,mBAAmB,CAACY,SAApB,2CAAgC;EAC9BV,YAAY,EAAEf,oBAAoB,CAACyB,SAArB,CAA+BC,IADf;EAE9BV,SAAS,EAAElB,SAAS,CAAC6B,KAAV,CAAgB,EAAC,GAAG1B,SAAS,CAACwB,SAAd;IAAyBG,KAAK,EAAE9B,SAAS,CAAC+B;EAA1C,CAAhB,CAFmB;EAG9BZ,QAAQ,EAAEnB,SAAS,CAAC6B,KAAV,CAAgB,EAAC,GAAGzB,QAAQ,CAACuB,SAAb;IAAwBG,KAAK,EAAE9B,SAAS,CAAC+B;EAAzC,CAAhB,CAHoB;EAI9BvB,GAAG,EAAER,SAAS,CAAC6B,KAAV,CAAgB;IACnBf,KAAK,EAAEd,SAAS,CAAC+B,MADE;IAEnBpB,aAAa,EAAEX,SAAS,CAACgC,IAFN;IAGnBpB,IAAI,EAAEZ,SAAS,CAACiC,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAHa,CAAhB,CAJyB;EAS9B,mBAAmBjC,SAAS,CAAC+B;AATC,CAAhC;AAYA,eAAehB,mBAAf"}

package/es/organism/course-selection/index.js

@@ -1,7 +1,9 @@
 import _kebabCase from "lodash/fp/kebabCase";
 import _get from "lodash/fp/get";
 import _isEmpty from "lodash/fp/isEmpty";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import EmptySearchResult from '../../atom/empty-search-result';
@@ -11,13 +13,17 @@ import Card from '../../molecule/card';
 import InputSwitch from '../../atom/input-switch';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
   if (!isLoading && _isEmpty(courses)) {
     return /*#__PURE__*/React.createElement(EmptySearchResult, emptyMessages);
   }
+
   const items = courses.map((card, index) => {
     const title = _get('title', card);
+
     const type = _get('type', card);
+
     return /*#__PURE__*/React.createElement("li", {
       className: style.cards,
       key: `card-${index}`,
@@ -28,6 +34,7 @@ const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLo
     "aria-label": coursesSelectionAriaLabel
   }, items);
 };
+
 const CourseSelection = props => {
   const {
     search,
@@ -59,6 +66,7 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   })) : resultView));
 };
+
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: PropTypes.shape(Search.PropTypes),
   isLoading: PropTypes.bool,

package/es/organism/course-selection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","_isEmpty","createElement","items","map","card","index","title","_get","type","className","cards","key","_kebabCase","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","_extends","theme","contentFilter","cardsContainer","loaderContainer","loader","propTypes","process","env","NODE_ENV","shape","bool","arrayOf","string","firstMessage","secondMessage"],"sources":["../../../src/organism/course-selection/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"sources":["../../../src/organism/course-selection/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"mappings":"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"}

package/es/organism/discussion/index.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -8,6 +9,7 @@ import ForumThread from '../../molecule/forum/forum-thread';
 import postConditions from '../../molecule/forum/post-conditions';
 import Loader from '../../atom/loader';
 import style from './style.css';
+
 function Discussion(props) {
   const {
     threads = [],
@@ -46,14 +48,14 @@ function Discussion(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.header
   }, /*#__PURE__*/React.createElement("h1", {
-    id: "forum-discussion"
-    // eslint-disable-next-line react/no-danger
+    id: "forum-discussion" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), commentView), threadsView, loader);
 }
+
 Discussion.propTypes = process.env.NODE_ENV !== "production" ? {
   avatar: SrcPropType,
   loading: PropTypes.bool,