@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/atom/button/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _link = _interopRequireDefault(require("../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 ButtonContent = props => {
   const {
     color,
@@ -29,6 +38,7 @@ const ButtonContent = props => {
   const anchorOnClick = disabled && null || onClick;
   const anchorHref = disabled && null || href;
   const inputClassName = disabled && `${className} ${_style.default.buttonDisabled}` || className;
+
   switch (type) {
     case 'link':
       return /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -40,6 +50,7 @@ const ButtonContent = props => {
         className: anchorClassName,
         style: style
       }, submitValue || children || 'submit');
+
     case 'a':
       return /*#__PURE__*/_react.default.createElement("a", {
         "data-name": dataName,
@@ -49,6 +60,7 @@ const ButtonContent = props => {
         onClick: anchorOnClick,
         style: style
       }, submitValue || children);
+
     default:
       return /*#__PURE__*/_react.default.createElement("input", {
         "data-name": dataName,
@@ -63,6 +75,7 @@ const ButtonContent = props => {
       });
   }
 };
+
 ButtonContent.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _proptypes.ColorPropType,
   submitValue: _propTypes.default.string,
@@ -77,6 +90,7 @@ ButtonContent.propTypes = process.env.NODE_ENV !== "production" ? {
   style: _propTypes.default.shape({}),
   'data-name': _propTypes.default.string
 } : {};
+
 const Button = props => {
   const {
     className,
@@ -95,6 +109,7 @@ const Button = props => {
     style: _extends({}, style)
   }), children));
 };
+
 Button.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _proptypes.ColorPropType,
   submitValue: _propTypes.default.string,

package/lib/atom/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","cssStyle","button","children","type","style","dataName","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","ColorPropType","PropTypes","string","bool","oneOf","func","node","shape","Button","buttonContentClassName","isLinkDisabled","cNames","classnames","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className = cssStyle.button,\n    children,\n    type,\n    style,\n    'data-name': dataName\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    style\n  } = props;\n  const cNames =\n    (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n    classnames([cssStyle.button, className]);\n  return (\n    <div className={cNames}>\n      <ButtonContent\n        {...props}\n        type={type}\n        className={buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent}\n        style={{\n          ...style\n        }}\n      >\n        {children}\n      </ButtonContent>\n    </div>\n  );\n};\n\nButton.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  isLinkDisabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  buttonContentClassName: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","cssStyle","button","children","type","style","dataName","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","propTypes","ColorPropType","PropTypes","string","bool","oneOf","func","node","shape","Button","buttonContentClassName","isLinkDisabled","cNames","classnames","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className = cssStyle.button,\n    children,\n    type,\n    style,\n    'data-name': dataName\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    style\n  } = props;\n  const cNames =\n    (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n    classnames([cssStyle.button, className]);\n  return (\n    <div className={cNames}>\n      <ButtonContent\n        {...props}\n        type={type}\n        className={buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent}\n        style={{\n          ...style\n        }}\n      >\n        {children}\n      </ButtonContent>\n    </div>\n  );\n};\n\nButton.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  isLinkDisabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  buttonContentClassName: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string\n};\n\nexport default Button;\n"],"mappings":"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"}

package/lib/atom/button/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TextStyle, ViewStyle } from 'react-native';
-type ButtonProps = {
+declare type ButtonProps = {
     accessibilityLabel?: string;
     disabled?: boolean;
     onPress: () => void;

package/lib/atom/button/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,KAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBAuBjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBAuBjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/button/index.native.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../text/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const createStyle = (theme, brandTheme) => _reactNative.StyleSheet.create({
   wrapper: {
     backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,
@@ -26,6 +35,7 @@ const createStyle = (theme, brandTheme) => _reactNative.StyleSheet.create({
     textAlign: 'center'
   }
 });
+
 const Button = props => {
   const {
     accessibilityLabel,
@@ -43,6 +53,7 @@ const Button = props => {
   const [styleSheet, setStylesheet] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     const _style = createStyle(theme, brandTheme);
+
     setStylesheet(_style);
   }, [theme, brandTheme]);
   if (!styleSheet) return null;
@@ -56,6 +67,7 @@ const Button = props => {
     style: [styleSheet.text, textStyle]
   }, submitValue));
 };
+
 var _default = Button;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyle","theme","brandTheme","StyleSheet","create","wrapper","backgroundColor","colors","primary","text","borderRadius","width","fontSize","lineHeight","fontWeight","color","white","marginBottom","marginTop","textAlign","Button","props","accessibilityLabel","disabled","onPress","style","submitValue","testID","textStyle","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_style"],"sources":["../../../src/atom/button/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, ViewStyle} from 'react-native';\nimport Text from '../text/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  text: ViewStyle;\n};\n\nconst createStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    text: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: 'center'\n    }\n  });\n\ntype ButtonProps = {\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  onPress: () => void;\n  style?: ViewStyle;\n  submitValue: string;\n  testID?: string;\n  textStyle?: TextStyle;\n};\n\nconst Button = (props: ButtonProps) => {\n  const {accessibilityLabel, disabled, onPress, style, submitValue, testID, textStyle} = props;\n  const {theme, brandTheme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const _style = createStyle(theme, brandTheme);\n    setStylesheet(_style);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) return null;\n\n  return (\n    <Touchable\n      testID={testID}\n      onPress={onPress}\n      disabled={disabled}\n      accessibilityLabel={accessibilityLabel}\n      style={[styleSheet.wrapper, style]}\n    >\n      <Text style={[styleSheet.text, textStyle]}>{submitValue}</Text>\n    </Touchable>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAEA;AAAyD;AAAA;AAAA;AAQzD,MAAMA,WAAW,GAAG,CAACC,KAAY,EAAEC,UAAiB,KAClDC,uBAAU,CAACC,MAAM,CAAC;EAChBC,OAAO,EAAE;IACPC,eAAe,EAAEJ,UAAU,EAAEK,MAAM,EAAEC,OAAO,IAAIP,KAAK,CAACM,MAAM,CAACE,IAAI,CAACD,OAAO;IACzEE,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE;EACT,CAAC;EACDF,IAAI,EAAE;IACJG,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEd,KAAK,CAACM,MAAM,CAACS,KAAK;IACzBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAYJ,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACrC,MAAM;IAACC,kBAAkB;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC,WAAW;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGP,KAAK;EAC5F,MAAM;IAACpB,KAAK;IAAEC;EAAU,CAAC,GAAG,IAAA2B,mCAAkB,GAAE;EAChD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,GAAkB;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,MAAM,GAAGlC,WAAW,CAACC,KAAK,EAAEC,UAAU,CAAC;IAC7C6B,aAAa,CAACG,MAAM,CAAC;EACvB,CAAC,EAAE,CAACjC,KAAK,EAAEC,UAAU,CAAC,CAAC;EAEvB,IAAI,CAAC4B,UAAU,EAAE,OAAO,IAAI;EAE5B,oBACE,6BAAC,eAAS;IACR,MAAM,EAAEH,MAAO;IACf,OAAO,EAAEH,OAAQ;IACjB,QAAQ,EAAED,QAAS;IACnB,kBAAkB,EAAED,kBAAmB;IACvC,KAAK,EAAE,CAACQ,UAAU,CAACzB,OAAO,EAAEoB,KAAK;EAAE,gBAEnC,6BAAC,cAAI;IAAC,KAAK,EAAE,CAACK,UAAU,CAACrB,IAAI,EAAEmB,SAAS;EAAE,GAAEF,WAAW,CAAQ,CACrD;AAEhB,CAAC;AAAC,eAEaN,MAAM;AAAA"}
+{"version":3,"file":"index.native.js","names":["createStyle","theme","brandTheme","StyleSheet","create","wrapper","backgroundColor","colors","primary","text","borderRadius","width","fontSize","lineHeight","fontWeight","color","white","marginBottom","marginTop","textAlign","Button","props","accessibilityLabel","disabled","onPress","style","submitValue","testID","textStyle","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_style"],"sources":["../../../src/atom/button/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, ViewStyle} from 'react-native';\nimport Text from '../text/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\n\ntype StyleSheetType = {\n  wrapper: ViewStyle;\n  text: ViewStyle;\n};\n\nconst createStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n      borderRadius: 7,\n      width: '100%'\n    },\n    text: {\n      fontSize: 14,\n      lineHeight: 20,\n      fontWeight: '700',\n      color: theme.colors.white,\n      marginBottom: 16,\n      marginTop: 16,\n      textAlign: 'center'\n    }\n  });\n\ntype ButtonProps = {\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  onPress: () => void;\n  style?: ViewStyle;\n  submitValue: string;\n  testID?: string;\n  textStyle?: TextStyle;\n};\n\nconst Button = (props: ButtonProps) => {\n  const {accessibilityLabel, disabled, onPress, style, submitValue, testID, textStyle} = props;\n  const {theme, brandTheme} = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const _style = createStyle(theme, brandTheme);\n    setStylesheet(_style);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) return null;\n\n  return (\n    <Touchable\n      testID={testID}\n      onPress={onPress}\n      disabled={disabled}\n      accessibilityLabel={accessibilityLabel}\n      style={[styleSheet.wrapper, style]}\n    >\n      <Text style={[styleSheet.text, textStyle]}>{submitValue}</Text>\n    </Touchable>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAeC,UAAf,KAClBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,eAAe,EAAEJ,UAAU,EAAEK,MAAZ,EAAoBC,OAApB,IAA+BP,KAAK,CAACM,MAAN,CAAaE,IAAb,CAAkBD,OAD3D;IAEPE,YAAY,EAAE,CAFP;IAGPC,KAAK,EAAE;EAHA,CADO;EAMhBF,IAAI,EAAE;IACJG,QAAQ,EAAE,EADN;IAEJC,UAAU,EAAE,EAFR;IAGJC,UAAU,EAAE,KAHR;IAIJC,KAAK,EAAEd,KAAK,CAACM,MAAN,CAAaS,KAJhB;IAKJC,YAAY,EAAE,EALV;IAMJC,SAAS,EAAE,EANP;IAOJC,SAAS,EAAE;EAPP;AANU,CAAlB,CADF;;AA4BA,MAAMC,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAACC,kBAAD;IAAqBC,QAArB;IAA+BC,OAA/B;IAAwCC,KAAxC;IAA+CC,WAA/C;IAA4DC,MAA5D;IAAoEC;EAApE,IAAiFP,KAAvF;EACA,MAAM;IAACpB,KAAD;IAAQC;EAAR,IAAsB,IAAA2B,mCAAA,GAA5B;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,GAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,MAAM,GAAGlC,WAAW,CAACC,KAAD,EAAQC,UAAR,CAA1B;;IACA6B,aAAa,CAACG,MAAD,CAAb;EACD,CAHD,EAGG,CAACjC,KAAD,EAAQC,UAAR,CAHH;EAKA,IAAI,CAAC4B,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,6BAAC,eAAD;IACE,MAAM,EAAEH,MADV;IAEE,OAAO,EAAEH,OAFX;IAGE,QAAQ,EAAED,QAHZ;IAIE,kBAAkB,EAAED,kBAJtB;IAKE,KAAK,EAAE,CAACQ,UAAU,CAACzB,OAAZ,EAAqBoB,KAArB;EALT,gBAOE,6BAAC,cAAD;IAAM,KAAK,EAAE,CAACK,UAAU,CAACrB,IAAZ,EAAkBmB,SAAlB;EAAb,GAA4CF,WAA5C,CAPF,CADF;AAWD,CAvBD;;eAyBeN,M"}

package/lib/atom/button-link/index.js

@@ -2,25 +2,40 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _link = _interopRequireDefault(require("../link"));
+
 var _buttonIcons = require("../../util/button-icons");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 getButtonContent = (icon, label) => {
   const {
     type,
     position
   } = icon;
   const Icon = (0, _getOr2.default)(null, type, _buttonIcons.ICONS);
+
   if (!Icon) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.buttonContent
@@ -28,6 +43,7 @@ const getButtonContent = (icon, label) => {
       className: _style.default.label
     }, label));
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContent
   }, position === 'left' ? /*#__PURE__*/_react.default.createElement(Icon, {
@@ -38,6 +54,7 @@ const getButtonContent = (icon, label) => {
     className: _style.default.icon
   }) : null);
 };
+
 const ButtonLink = props => {
   const {
     type,
@@ -55,6 +72,7 @@ const ButtonLink = props => {
   const contentView = getButtonContent(icon, label);
   const styleButton = (0, _classnames.default)(className, _style.default.button, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, link && _style.default.link, disabled && _style.default.disabled);
   const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
+
   if (link) {
     return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, link, {
       style: customStyle,
@@ -65,6 +83,7 @@ const ButtonLink = props => {
       title: ariaLabel || label
     }), contentView);
   }
+
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel || label,
@@ -76,6 +95,7 @@ const ButtonLink = props => {
     onClick: handleOnClick
   }, contentView);
 };
+
 ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
   label: _propTypes.default.string,

package/lib/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","className","customStyle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"sources":["../../../src/atom/button-link/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport style from './style.css';\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    className,\n    customStyle\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.shape({})\n};\n\nexport default ButtonLink;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","dataTestId","ariaLabel","link","onClick","className","customStyle","contentView","styleButton","classnames","button","primary","secondary","tertiary","text","dangerous","handleOnClick","useCallback","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"sources":["../../../src/atom/button-link/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport style from './style.css';\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    link,\n    onClick = noop,\n    className,\n    customStyle\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    className,\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        style={customStyle}\n        className={styleButton}\n        data-name={dataName}\n        data-testid={dataTestId}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  'data-testid': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  customStyle: PropTypes.shape({})\n};\n\nexport default ButtonLink;\n"],"mappings":"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"}

package/lib/atom/button-link-icon-only/index.js

@@ -2,41 +2,60 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _buttonIcons = require("../../util/button-icons");
+
 var _link = _interopRequireDefault(require("../link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 getButtonContent = icon => {
   const Icon = (0, _getOr2.default)(null, icon, _buttonIcons.ICONS);
+
   if (!Icon) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.buttonContent
     });
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContent
   }, /*#__PURE__*/_react.default.createElement(Icon, {
     className: _style.default.icon
   }));
 };
+
 const getSizeStyle = size => {
   switch (size) {
     case 'small':
       return _style.default.small;
+
     case 'responsive':
       return _style.default.responsive;
+
     default:
       return _style.default.default;
   }
 };
+
 const ButtonLinkIconOnly = props => {
   const {
     size = 'default',
@@ -51,6 +70,7 @@ const ButtonLinkIconOnly = props => {
   const contentView = getButtonContent(icon);
   const styleButton = (0, _classnames.default)(getSizeStyle(size), link && _style.default.link, disabled && _style.default.disabled, className);
   const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+
   if (link) {
     return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, link, {
       className: styleButton,
@@ -59,6 +79,7 @@ const ButtonLinkIconOnly = props => {
       title: ariaLabel
     }), contentView);
   }
+
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel,
@@ -68,6 +89,7 @@ const ButtonLinkIconOnly = props => {
     onClick: handleOnClick
   }, contentView);
 };
+
 ButtonLinkIconOnly.propTypes = process.env.NODE_ENV !== "production" ? {
   size: _propTypes.default.oneOf(['default', 'small', 'responsive']),
   'aria-label': _propTypes.default.string,

package/lib/atom/button-link-icon-only/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","getSizeStyle","size","small","responsive","default","ButtonLinkIconOnly","props","disabled","dataName","ariaLabel","link","onClick","className","contentView","styleButton","classnames","handleOnClick","useMemo","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon-only/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.default;\n  }\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport default ButtonLinkIconOnly;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;EAC/B,MAAMC,IAAI,GAAG,qBAAM,IAAI,EAAED,IAAI,EAAEE,kBAAK,CAAC;EAErC,IAAI,CAACD,IAAI,EAAE;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAK,CAACC;IAAc,EAAG;EAChD;EAEA,oBACE;IAAK,SAAS,EAAED,cAAK,CAACC;EAAc,gBAClC,6BAAC,IAAI;IAAC,SAAS,EAAED,cAAK,CAACH;EAAK,EAAG,CAC3B;AAEV,CAAC;AAED,MAAMK,YAAY,GAAGC,IAAI,IAAI;EAC3B,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAOH,cAAK,CAACI,KAAK;IACpB,KAAK,YAAY;MACf,OAAOJ,cAAK,CAACK,UAAU;IACzB;MACE,OAAOL,cAAK,CAACM,OAAO;EAAC;AAE3B,CAAC;AAED,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJL,IAAI,GAAG,SAAS;IAChBM,QAAQ;IACRZ,IAAI;IACJ,WAAW,EAAEa,QAAQ;IACrB,YAAY,EAAEC,SAAS;IACvBC,IAAI;IACJC,OAAO;IACPC;EACF,CAAC,GAAGN,KAAK;EACT,MAAMO,WAAW,GAAGnB,gBAAgB,CAACC,IAAI,CAAC;EAC1C,MAAMmB,WAAW,GAAG,IAAAC,mBAAU,EAC5Bf,YAAY,CAACC,IAAI,CAAC,EAClBS,IAAI,IAAIZ,cAAK,CAACY,IAAI,EAClBH,QAAQ,IAAIT,cAAK,CAACS,QAAQ,EAC1BK,SAAS,CACV;EAED,MAAMI,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAMN,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE/D,IAAID,IAAI,EAAE;IACR,oBACE,6BAAC,aAAI,eACCA,IAAI;MACR,SAAS,EAAEI,WAAY;MACvB,aAAWN,QAAS;MACpB,cAAYC,SAAU;MACtB,KAAK,EAAEA;IAAU,IAEhBI,WAAW,CACP;EAEX;EAEA,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,cAAYJ,SAAU;IACtB,aAAWD,QAAS;IACpB,KAAK,EAAEC,SAAU;IACjB,SAAS,EAAEK,WAAY;IACvB,OAAO,EAAEE;EAAc,GAEtBH,WAAW,CACL;AAEb,CAAC;AAEDR,kBAAkB,CAACa,SAAS,2CAAG;EAC7BjB,IAAI,EAAEkB,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;EACzD,YAAY,EAAED,kBAAS,CAACE,MAAM;EAC9B,WAAW,EAAEF,kBAAS,CAACE,MAAM;EAC7B1B,IAAI,EAAEwB,kBAAS,CAACC,KAAK,CAAC,oBAAKvB,kBAAK,CAAC,CAAC;EAClCc,OAAO,EAAEQ,kBAAS,CAACG,IAAI;EACvBZ,IAAI,EAAES,kBAAS,CAACI,KAAK,CAAC;IACpBC,IAAI,EAAEL,kBAAS,CAACE,MAAM;IACtBI,QAAQ,EAAEN,kBAAS,CAACO,IAAI;IACxBC,MAAM,EAAER,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFb,QAAQ,EAAEY,kBAAS,CAACO,IAAI;EACxBd,SAAS,EAAEO,kBAAS,CAACE;AACvB,CAAC;AAAC,eAEahB,kBAAkB;AAAA"}
+{"version":3,"file":"index.js","names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","getSizeStyle","size","small","responsive","default","ButtonLinkIconOnly","props","disabled","dataName","ariaLabel","link","onClick","className","contentView","styleButton","classnames","handleOnClick","useMemo","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon-only/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.default;\n  }\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string\n};\n\nexport default ButtonLinkIconOnly;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;EAC/B,MAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;EAEA,IAAI,CAACD,IAAL,EAAW;IACT,oBAAO;MAAK,SAAS,EAAEE,cAAA,CAAMC;IAAtB,EAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAED,cAAA,CAAMC;EAAtB,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAED,cAAA,CAAMH;EAAvB,EADF,CADF;AAKD,CAZD;;AAcA,MAAMK,YAAY,GAAGC,IAAI,IAAI;EAC3B,QAAQA,IAAR;IACE,KAAK,OAAL;MACE,OAAOH,cAAA,CAAMI,KAAb;;IACF,KAAK,YAAL;MACE,OAAOJ,cAAA,CAAMK,UAAb;;IACF;MACE,OAAOL,cAAA,CAAMM,OAAb;EANJ;AAQD,CATD;;AAWA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJL,IAAI,GAAG,SADH;IAEJM,QAFI;IAGJZ,IAHI;IAIJ,aAAaa,QAJT;IAKJ,cAAcC,SALV;IAMJC,IANI;IAOJC,OAPI;IAQJC;EARI,IASFN,KATJ;EAUA,MAAMO,WAAW,GAAGnB,gBAAgB,CAACC,IAAD,CAApC;EACA,MAAMmB,WAAW,GAAG,IAAAC,mBAAA,EAClBf,YAAY,CAACC,IAAD,CADM,EAElBS,IAAI,IAAIZ,cAAA,CAAMY,IAFI,EAGlBH,QAAQ,IAAIT,cAAA,CAAMS,QAHA,EAIlBK,SAJkB,CAApB;EAOA,MAAMI,aAAa,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMN,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;;EAEA,IAAID,IAAJ,EAAU;IACR,oBACE,6BAAC,aAAD,eACMA,IADN;MAEE,SAAS,EAAEI,WAFb;MAGE,aAAWN,QAHb;MAIE,cAAYC,SAJd;MAKE,KAAK,EAAEA;IALT,IAOGI,WAPH,CADF;EAWD;;EAED,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYJ,SAFd;IAGE,aAAWD,QAHb;IAIE,KAAK,EAAEC,SAJT;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEE;EANX,GAQGH,WARH,CADF;AAYD,CA/CD;;AAiDAR,kBAAkB,CAACa,SAAnB,2CAA+B;EAC7BjB,IAAI,EAAEkB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,YAArB,CAAhB,CADuB;EAE7B,cAAcD,kBAAA,CAAUE,MAFK;EAG7B,aAAaF,kBAAA,CAAUE,MAHM;EAI7B1B,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKvB,kBAAL,CAAhB,CAJuB;EAK7Bc,OAAO,EAAEQ,kBAAA,CAAUG,IALU;EAM7BZ,IAAI,EAAES,kBAAA,CAAUI,KAAV,CAAgB;IACpBC,IAAI,EAAEL,kBAAA,CAAUE,MADI;IAEpBI,QAAQ,EAAEN,kBAAA,CAAUO,IAFA;IAGpBC,MAAM,EAAER,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;EAHY,CAAhB,CANuB;EAW7Bb,QAAQ,EAAEY,kBAAA,CAAUO,IAXS;EAY7Bd,SAAS,EAAEO,kBAAA,CAAUE;AAZQ,CAA/B;eAeehB,kB"}

package/lib/atom/button-menu/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 Button = props => {
   const {
     'data-name': dataName,
@@ -34,6 +44,7 @@ const Button = props => {
     className: _style.default.label
   }, label)));
 };
+
 Button.propTypes = process.env.NODE_ENV !== "production" ? {
   'data-name': _propTypes.default.string,
   disabled: _propTypes.default.bool,
@@ -41,6 +52,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func.isRequired,
   type: _propTypes.default.oneOf(['default', 'dangerous'])
 } : {};
+
 const ButtonMenu = props => {
   const {
     buttons,
@@ -58,6 +70,7 @@ const ButtonMenu = props => {
     "data-name": dataName
   }, buttonList);
 };
+
 ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape(Button.propTypes)).isRequired,
   'data-name': _propTypes.default.string

package/lib/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","default","dangerous","handleOnClick","useCallback","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","useMemo","map","convert","cap","arrayOf","shape"],"sources":["../../../src/atom/button-menu/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGL,KAAK;EACjF,MAAMM,WAAW,GAAG,IAAAC,mBAAU,EAC5BC,cAAK,CAACC,MAAM,EACZJ,IAAI,KAAK,SAAS,IAAIG,cAAK,CAACE,OAAO,EACnCL,IAAI,KAAK,WAAW,IAAIG,cAAK,CAACG,SAAS,EACvCT,QAAQ,IAAIM,cAAK,CAACN,QAAQ,CAC3B;EAED,MAAMU,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAMT,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAC7D,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,cAAYD,KAAM;IAClB,KAAK,EAAEA,KAAM;IACb,aAAWF,QAAS;IACpB,SAAS,EAAEK,WAAY;IACvB,OAAO,EAAEM;EAAc,gBAEvB;IAAK,SAAS,EAAEJ,cAAK,CAACM;EAAc,gBAClC;IAAM,SAAS,EAAEN,cAAK,CAACL;EAAM,GAAEA,KAAK,CAAQ,CACxC,CACC;AAEb,CAAC;AAEDJ,MAAM,CAACgB,SAAS,2CAAG;EACjB,WAAW,EAAEC,kBAAS,CAACC,MAAM;EAC7Bf,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBf,KAAK,EAAEa,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCf,OAAO,EAAEY,kBAAS,CAACI,IAAI,CAACD,UAAU;EAClCd,IAAI,EAAEW,kBAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC;AAChD,CAAC;AAED,MAAMC,UAAU,GAAGtB,KAAK,IAAI;EAC1B,MAAM;IAACuB,OAAO;IAAE,WAAW,EAAEtB;EAAQ,CAAC,GAAGD,KAAK;EAC9C,MAAMwB,WAAW,GAAG,IAAAX,kBAAW,EAAC,CAACJ,MAAM,EAAEgB,KAAK,KAAK;IACjD,oBAAO,6BAAC,MAAM,eAAKhB,MAAM;MAAE,GAAG,EAAEA,MAAM,CAACN,KAAK,GAAGsB;IAAM,GAAG;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAMC,YAAG,CAACC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAACN,WAAW,EAAED,OAAO,CAAC,EACrD,CAACA,OAAO,EAAEC,WAAW,CAAC,CACvB;EAED,oBAAO;IAAK,aAAWvB;EAAS,GAAEyB,UAAU,CAAO;AACrD,CAAC;AAEDJ,UAAU,CAACP,SAAS,2CAAG;EACrBQ,OAAO,EAAEP,kBAAS,CAACe,OAAO,CAACf,kBAAS,CAACgB,KAAK,CAACjC,MAAM,CAACgB,SAAS,CAAC,CAAC,CAACI,UAAU;EACxE,WAAW,EAAEH,kBAAS,CAACC;AACzB,CAAC;AAAC,eAEaK,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","default","dangerous","handleOnClick","useCallback","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","useMemo","map","convert","cap","arrayOf","shape"],"sources":["../../../src/atom/button-menu/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAAC,aAAaC,QAAd;IAAwBC,QAAxB;IAAkCC,KAAlC;IAAyCC,OAAzC;IAAkDC,IAAI,GAAG;EAAzD,IAAsEL,KAA5E;EACA,MAAMM,WAAW,GAAG,IAAAC,mBAAA,EAClBC,cAAA,CAAMC,MADY,EAElBJ,IAAI,KAAK,SAAT,IAAsBG,cAAA,CAAME,OAFV,EAGlBL,IAAI,KAAK,WAAT,IAAwBG,cAAA,CAAMG,SAHZ,EAIlBT,QAAQ,IAAIM,cAAA,CAAMN,QAJA,CAApB;EAOA,MAAMU,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMT,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EACA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYD,KAFd;IAGE,KAAK,EAAEA,KAHT;IAIE,aAAWF,QAJb;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEM;EANX,gBAQE;IAAK,SAAS,EAAEJ,cAAA,CAAMM;EAAtB,gBACE;IAAM,SAAS,EAAEN,cAAA,CAAML;EAAvB,GAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACgB,SAAP,2CAAmB;EACjB,aAAaC,kBAAA,CAAUC,MADN;EAEjBf,QAAQ,EAAEc,kBAAA,CAAUE,IAFH;EAGjBf,KAAK,EAAEa,kBAAA,CAAUC,MAAV,CAAiBE,UAHP;EAIjBf,OAAO,EAAEY,kBAAA,CAAUI,IAAV,CAAeD,UAJP;EAKjBd,IAAI,EAAEW,kBAAA,CAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGtB,KAAK,IAAI;EAC1B,MAAM;IAACuB,OAAD;IAAU,aAAatB;EAAvB,IAAmCD,KAAzC;EACA,MAAMwB,WAAW,GAAG,IAAAX,kBAAA,EAAY,CAACJ,MAAD,EAASgB,KAAT,KAAmB;IACjD,oBAAO,6BAAC,MAAD,eAAYhB,MAAZ;MAAoB,GAAG,EAAEA,MAAM,CAACN,KAAP,GAAesB;IAAxC,GAAP;EACD,CAFmB,EAEjB,EAFiB,CAApB;EAIA,MAAMC,UAAU,GAAG,IAAAC,cAAA,EACjB,MAAMC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BN,WAA1B,EAAuCD,OAAvC,CADW,EAEjB,CAACA,OAAD,EAAUC,WAAV,CAFiB,CAAnB;EAKA,oBAAO;IAAK,aAAWvB;EAAhB,GAA2ByB,UAA3B,CAAP;AACD,CAZD;;AAcAJ,UAAU,CAACP,SAAX,2CAAuB;EACrBQ,OAAO,EAAEP,kBAAA,CAAUe,OAAV,CAAkBf,kBAAA,CAAUgB,KAAV,CAAgBjC,MAAM,CAACgB,SAAvB,CAAlB,EAAqDI,UADzC;EAErB,aAAaH,kBAAA,CAAUC;AAFF,CAAvB;eAKeK,U"}

package/lib/atom/card-image-preview/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CardImagePreview = ({
   image
 }, {
@@ -27,6 +35,7 @@ const CardImagePreview = ({
     "data-name": "card-image-preview"
   }, emptyIcon);
 };
+
 CardImagePreview.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/atom/card-image-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAEA;AAAgC;AAEhC,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,KAAK;EAC5C,MAAMC,UAAU,GAAG,mBAAI,cAAc,EAAED,IAAI,CAAC;EAC5C,MAAME,SAAS,GAAG,CAACH,KAAK,gBAAG,6BAAC,8CAAY;IAAC,SAAS,EAAEI,cAAK,CAACD,SAAU;IAAC,KAAK,EAAED;EAAW,EAAG,GAAG,IAAI;EAEjG,oBACE;IACE,SAAS,EAAEE,cAAK,CAACJ,KAAM;IACvB,KAAK,EAAE;MACLK,eAAe,EAAEL,KAAK,GAAI,QAAOA,KAAM,IAAG,GAAG;IAC/C,CAAE;IACF,aAAU;EAAoB,GAE7BG,SAAS,CACN;AAEV,CAAC;AAEDJ,gBAAgB,CAACO,YAAY,GAAG;EAC9BL,IAAI,EAAEM,iBAAQ,CAACC,iBAAiB,CAACP;AACnC,CAAC;AAEDF,gBAAgB,CAACU,SAAS,2CAAG;EAC3BT,KAAK,EAAEU,kBAAS,CAACC;AACnB,CAAC;AAAC,eACaZ,gBAAgB;AAAA"}
+{"version":3,"file":"index.js","names":["CardImagePreview","image","skin","whiteColor","emptyIcon","style","backgroundImage","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAnB;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAAS,6BAAC,8CAAD;IAAc,SAAS,EAAEI,cAAA,CAAMD,SAA/B;IAA0C,KAAK,EAAED;EAAjD,EAAT,GAA2E,IAA7F;EAEA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMJ,KADnB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAEL,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAfD;;AAiBAJ,gBAAgB,CAACO,YAAjB,GAAgC;EAC9BL,IAAI,EAAEM,iBAAA,CAASC,iBAAT,CAA2BP;AADH,CAAhC;AAIAF,gBAAgB,CAACU,SAAjB,2CAA6B;EAC3BT,KAAK,EAAEU,kBAAA,CAAUC;AADU,CAA7B;eAGeZ,gB"}

package/lib/atom/catalog-section/index.js

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const CatalogSection = ({
   title,
   children
@@ -14,6 +19,7 @@ const CatalogSection = ({
 }, /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.title
 }, title), children);
+
 CatalogSection.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   children: _propTypes.default.node