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

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":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,gBAAgB,GAAG,CAACC,IAAI,EAAEC,KAAK,KAAK;EACxC,MAAM;IAACC,IAAI;IAAEC;EAAQ,CAAC,GAAGH,IAAI;EAC7B,MAAMI,IAAI,GAAG,qBAAM,IAAI,EAAEF,IAAI,EAAEG,kBAAK,CAAC;EAErC,IAAI,CAACD,IAAI,EAAE;IACT,oBACE;MAAK,SAAS,EAAEE,cAAK,CAACC;IAAc,gBAClC;MAAM,SAAS,EAAED,cAAK,CAACL;IAAM,GAAEA,KAAK,CAAQ,CACxC;EAEV;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAK,CAACC;EAAc,GACjCJ,QAAQ,KAAK,MAAM,gBAAG,6BAAC,IAAI;IAAC,SAAS,EAAEG,cAAK,CAACN;EAAK,EAAG,GAAG,IAAI,eAC7D;IAAM,SAAS,EAAEM,cAAK,CAACL;EAAM,GAAEA,KAAK,CAAQ,EAC3CE,QAAQ,KAAK,OAAO,gBAAG,6BAAC,IAAI;IAAC,SAAS,EAAEG,cAAK,CAACN;EAAK,EAAG,GAAG,IAAI,CAC1D;AAEV,CAAC;AAED,MAAMQ,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJP,IAAI;IACJD,KAAK;IACLS,QAAQ;IACRV,IAAI,GAAG,CAAC,CAAC;IACT,WAAW,EAAEW,QAAQ;IACrB,aAAa,EAAEC,UAAU,GAAG,aAAa;IACzC,YAAY,EAAEC,SAAS;IACvBC,IAAI;IACJC,OAAO,iBAAO;IACdC,SAAS;IACTC;EACF,CAAC,GAAGR,KAAK;EACT,MAAMS,WAAW,GAAGnB,gBAAgB,CAACC,IAAI,EAAEC,KAAK,CAAC;EACjD,MAAMkB,WAAW,GAAG,IAAAC,mBAAU,EAC5BJ,SAAS,EACTV,cAAK,CAACe,MAAM,EACZnB,IAAI,KAAK,SAAS,IAAII,cAAK,CAACgB,OAAO,EACnCpB,IAAI,KAAK,WAAW,IAAII,cAAK,CAACiB,SAAS,EACvCrB,IAAI,KAAK,UAAU,IAAII,cAAK,CAACkB,QAAQ,EACrCtB,IAAI,KAAK,MAAM,IAAII,cAAK,CAACmB,IAAI,EAC7BvB,IAAI,KAAK,WAAW,IAAII,cAAK,CAACoB,SAAS,EACvCZ,IAAI,IAAIR,cAAK,CAACQ,IAAI,EAClBJ,QAAQ,IAAIJ,cAAK,CAACI,QAAQ,CAC3B;EAED,MAAMiB,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAMb,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,IAAID,IAAI,EAAE;IACR,oBACE,6BAAC,aAAI,eACCA,IAAI;MACR,KAAK,EAAEG,WAAY;MACnB,SAAS,EAAEE,WAAY;MACvB,aAAWR,QAAS;MACpB,eAAaC,UAAW;MACxB,cAAYC,SAAS,IAAIZ,KAAM;MAC/B,KAAK,EAAEY,SAAS,IAAIZ;IAAM,IAEzBiB,WAAW,CACP;EAEX;EAEA,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,cAAYL,SAAS,IAAIZ,KAAM;IAC/B,KAAK,EAAEY,SAAS,IAAIZ,KAAM;IAC1B,aAAWU,QAAS;IACpB,eAAaC,UAAW;IACxB,KAAK,EAAEK,WAAY;IACnB,SAAS,EAAEE,WAAY;IACvB,OAAO,EAAEQ;EAAc,GAEtBT,WAAW,CACL;AAEb,CAAC;AAEDV,UAAU,CAACqB,SAAS,2CAAG;EACrB3B,IAAI,EAAE4B,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChF9B,KAAK,EAAE6B,kBAAS,CAACE,MAAM;EACvB,YAAY,EAAEF,kBAAS,CAACE,MAAM;EAC9B,WAAW,EAAEF,kBAAS,CAACE,MAAM;EAC7B,aAAa,EAAEF,kBAAS,CAACE,MAAM;EAC/BhC,IAAI,EAAE8B,kBAAS,CAACG,KAAK,CAAC;IACpB9B,QAAQ,EAAE2B,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5C7B,IAAI,EAAE4B,kBAAS,CAACC,KAAK,CAAC,oBAAK1B,kBAAK,CAAC;EACnC,CAAC,CAAC;EACFU,OAAO,EAAEe,kBAAS,CAACI,IAAI;EACvBpB,IAAI,EAAEgB,kBAAS,CAACG,KAAK,CAAC;IACpBE,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;EACFrB,QAAQ,EAAEoB,kBAAS,CAACO,IAAI;EACxBrB,SAAS,EAAEc,kBAAS,CAACE,MAAM;EAC3Bf,WAAW,EAAEa,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC;AACjC,CAAC;AAAC,eAEazB,UAAU;AAAA"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CatalogSection","title","children","context","style","details","propTypes","PropTypes","string","node"],"sources":["../../../src/atom/catalog-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CatalogSection = ({title, children}, context) => (\n  <div className={style.details}>\n    <div className={style.title}>{title}</div>\n    {children}\n  </div>\n);\n\nCatalogSection.propTypes = {\n  title: PropTypes.string,\n  children: PropTypes.node\n};\n\nexport default CatalogSection;\n"],"mappings":";;;;AAAA;AACA;AACA;AAAgC;AAEhC,MAAMA,cAAc,GAAG,CAAC;EAACC,KAAK;EAAEC;AAAQ,CAAC,EAAEC,OAAO,kBAChD;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAQ,gBAC5B;EAAK,SAAS,EAAED,cAAK,CAACH;AAAM,GAAEA,KAAK,CAAO,EACzCC,QAAQ,CAEZ;AAEDF,cAAc,CAACM,SAAS,2CAAG;EACzBL,KAAK,EAAEM,kBAAS,CAACC,MAAM;EACvBN,QAAQ,EAAEK,kBAAS,CAACE;AACtB,CAAC;AAAC,eAEaT,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["CatalogSection","title","children","context","style","details","propTypes","PropTypes","string","node"],"sources":["../../../src/atom/catalog-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CatalogSection = ({title, children}, context) => (\n  <div className={style.details}>\n    <div className={style.title}>{title}</div>\n    {children}\n  </div>\n);\n\nCatalogSection.propTypes = {\n  title: PropTypes.string,\n  children: PropTypes.node\n};\n\nexport default CatalogSection;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,EAAoBC,OAApB,kBACrB;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE;EAAK,SAAS,EAAED,cAAA,CAAMH;AAAtB,GAA8BA,KAA9B,CADF,EAEGC,QAFH,CADF;;AAOAF,cAAc,CAACM,SAAf,2CAA2B;EACzBL,KAAK,EAAEM,kBAAA,CAAUC,MADQ;EAEzBN,QAAQ,EAAEK,kBAAA,CAAUE;AAFK,CAA3B;eAKeT,c"}

package/lib/atom/centered-text/index.js

@@ -2,15 +2,21 @@
 
 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 CenteredText = ({
   children
 }) => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.center
 }, children);
+
 CenteredText.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};

package/lib/atom/centered-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CenteredText","children","style","center","propTypes","PropTypes","node"],"sources":["../../../src/atom/centered-text/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CenteredText = ({children}) => <div className={style.center}>{children}</div>;\n\nCenteredText.propTypes = {\n  children: PropTypes.node\n};\n\nexport default CenteredText;\n"],"mappings":";;;;AAAA;AACA;AACA;AAAgC;AAEhC,MAAMA,YAAY,GAAG,CAAC;EAACC;AAAQ,CAAC,kBAAK;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAO,GAAEF,QAAQ,CAAO;AAEnFD,YAAY,CAACI,SAAS,2CAAG;EACvBH,QAAQ,EAAEI,kBAAS,CAACC;AACtB,CAAC;AAAC,eAEaN,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["CenteredText","children","style","center","propTypes","PropTypes","node"],"sources":["../../../src/atom/centered-text/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CenteredText = ({children}) => <div className={style.center}>{children}</div>;\n\nCenteredText.propTypes = {\n  children: PropTypes.node\n};\n\nexport default CenteredText;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;EAACC;AAAD,CAAD,kBAAgB;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,GAA+BF,QAA/B,CAArC;;AAEAD,YAAY,CAACI,SAAb,2CAAyB;EACvBH,QAAQ,EAAEI,kBAAA,CAAUC;AADG,CAAzB;eAIeN,Y"}

package/lib/atom/checkbox/index.js

@@ -2,22 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 const _excluded = ["checked", "onChange", "type"];
+
 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); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const Checkbox = props => {
   const {
-      checked,
-      onChange = _noop2.default,
-      type = 'checkbox'
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+    checked,
+    onChange = _noop2.default,
+    type = 'checkbox'
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
+
   const [_checked, setChecked] = (0, _react.useState)(checked);
   const handleChange = (0, _react.useCallback)(e => {
     onChange(e.target.checked);
@@ -29,6 +40,7 @@ const Checkbox = props => {
     onChange: handleChange
   }));
 };
+
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
   checked: _propTypes.default.bool,
   onChange: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Checkbox","props","checked","onChange","type","rest","_checked","setChecked","useState","handleChange","useCallback","e","target","propTypes","PropTypes","bool","func","title","string","required","disabled"],"sources":["../../../src/atom/checkbox/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nconst Checkbox = props => {\n  const {checked, onChange = noop, type = 'checkbox', ...rest} = props;\n  const [_checked, setChecked] = useState(checked);\n\n  const handleChange = useCallback(\n    e => {\n      onChange(e.target.checked);\n      setChecked(!_checked);\n    },\n    [_checked, onChange]\n  );\n\n  return <input {...rest} checked={_checked} type={type} onChange={handleChange} />;\n};\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default Checkbox;\n"],"mappings":";;;;;AAAA;AACA;AAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAGnC,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;MAACC,OAAO;MAAEC,QAAQ,iBAAO;MAAEC,IAAI,GAAG;IAAmB,CAAC,GAAGH,KAAK;IAAbI,IAAI,iCAAIJ,KAAK;EACpE,MAAM,CAACK,QAAQ,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACN,OAAO,CAAC;EAEhD,MAAMO,YAAY,GAAG,IAAAC,kBAAW,EAC9BC,CAAC,IAAI;IACHR,QAAQ,CAACQ,CAAC,CAACC,MAAM,CAACV,OAAO,CAAC;IAC1BK,UAAU,CAAC,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACA,QAAQ,EAAEH,QAAQ,CAAC,CACrB;EAED,oBAAO,mDAAWE,IAAI;IAAE,OAAO,EAAEC,QAAS;IAAC,IAAI,EAAEF,IAAK;IAAC,QAAQ,EAAEK;EAAa,GAAG;AACnF,CAAC;AAEDT,QAAQ,CAACa,SAAS,2CAAG;EACnBX,OAAO,EAAEY,kBAAS,CAACC,IAAI;EACvBZ,QAAQ,EAAEW,kBAAS,CAACE,IAAI;EACxBC,KAAK,EAAEH,kBAAS,CAACI,MAAM;EACvBd,IAAI,EAAEU,kBAAS,CAACI,MAAM;EACtBC,QAAQ,EAAEL,kBAAS,CAACC,IAAI;EACxBK,QAAQ,EAAEN,kBAAS,CAACC,IAAI;EACxB,WAAW,EAAED,kBAAS,CAACI,MAAM;EAC7B,YAAY,EAAEJ,kBAAS,CAACI;AAC1B,CAAC;AAAC,eAEalB,QAAQ;AAAA"}
+{"version":3,"file":"index.js","names":["Checkbox","props","checked","onChange","type","rest","_checked","setChecked","useState","handleChange","useCallback","e","target","propTypes","PropTypes","bool","func","title","string","required","disabled"],"sources":["../../../src/atom/checkbox/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nconst Checkbox = props => {\n  const {checked, onChange = noop, type = 'checkbox', ...rest} = props;\n  const [_checked, setChecked] = useState(checked);\n\n  const handleChange = useCallback(\n    e => {\n      onChange(e.target.checked);\n      setChecked(!_checked);\n    },\n    [_checked, onChange]\n  );\n\n  return <input {...rest} checked={_checked} type={type} onChange={handleChange} />;\n};\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default Checkbox;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAGA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAQ,iBAAlB;IAA2BC,IAAI,GAAG;EAAlC,IAAyDH,KAA/D;EAAA,MAAuDI,IAAvD,iCAA+DJ,KAA/D;;EACA,MAAM,CAACK,QAAD,EAAWC,UAAX,IAAyB,IAAAC,eAAA,EAASN,OAAT,CAA/B;EAEA,MAAMO,YAAY,GAAG,IAAAC,kBAAA,EACnBC,CAAC,IAAI;IACHR,QAAQ,CAACQ,CAAC,CAACC,MAAF,CAASV,OAAV,CAAR;IACAK,UAAU,CAAC,CAACD,QAAF,CAAV;EACD,CAJkB,EAKnB,CAACA,QAAD,EAAWH,QAAX,CALmB,CAArB;EAQA,oBAAO,mDAAWE,IAAX;IAAiB,OAAO,EAAEC,QAA1B;IAAoC,IAAI,EAAEF,IAA1C;IAAgD,QAAQ,EAAEK;EAA1D,GAAP;AACD,CAbD;;AAeAT,QAAQ,CAACa,SAAT,2CAAqB;EACnBX,OAAO,EAAEY,kBAAA,CAAUC,IADA;EAEnBZ,QAAQ,EAAEW,kBAAA,CAAUE,IAFD;EAGnBC,KAAK,EAAEH,kBAAA,CAAUI,MAHE;EAInBd,IAAI,EAAEU,kBAAA,CAAUI,MAJG;EAKnBC,QAAQ,EAAEL,kBAAA,CAAUC,IALD;EAMnBK,QAAQ,EAAEN,kBAAA,CAAUC,IAND;EAOnB,aAAaD,kBAAA,CAAUI,MAPJ;EAQnB,cAAcJ,kBAAA,CAAUI;AARL,CAArB;eAWelB,Q"}

package/lib/atom/checkbox-with-title/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-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 }; }
+
 const CheckboxWithTitle = props => {
   const {
     title,
@@ -43,6 +53,7 @@ const CheckboxWithTitle = props => {
     className: _style.default.title
   }, title));
 };
+
 CheckboxWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   name: _propTypes.default.string,

package/lib/atom/checkbox-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","useMemo","e","target","style","container","checkbox","label","icon","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idCheckbox}>\n        <input\n          type=\"checkbox\"\n          id={idCheckbox}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.checkbox}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <div className={style.label}>\n          <CheckIcon className={style.icon} />\n        </div>\n      </label>\n      <span className={style.title}>{title}</span>\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,QAAQ,iBAAO;IACf,WAAW,EAAEC,QAAQ;IACrB,YAAY,EAAEC;EAChB,CAAC,GAAGN,KAAK;EAET,MAAMO,UAAU,GAAG,wBAAS,iBAAiB,CAAC;EAC9C,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAMC,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAM,CAACR,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE/E,oBACE;IAAK,SAAS,EAAEQ,cAAK,CAACC;EAAU,gBAC9B;IAAO,OAAO,EAAEN;EAAW,gBACzB;IACE,IAAI,EAAC,UAAU;IACf,EAAE,EAAEA,UAAW;IACf,IAAI,EAAEL,IAAK;IACX,QAAQ,EAAEM,YAAa;IACvB,OAAO,EAAEL,OAAQ;IACjB,SAAS,EAAES,cAAK,CAACE,QAAS;IAC1B,aAAWT,QAAS;IACpB,cAAYC;EAAU,EACtB,eACF;IAAK,SAAS,EAAEM,cAAK,CAACG;EAAM,gBAC1B,6BAAC,kCAAS;IAAC,SAAS,EAAEH,cAAK,CAACI;EAAK,EAAG,CAChC,CACA,eACR;IAAM,SAAS,EAAEJ,cAAK,CAACX;EAAM,GAAEA,KAAK,CAAQ,CACxC;AAEV,CAAC;AAEDF,iBAAiB,CAACkB,SAAS,2CAAG;EAC5BhB,KAAK,EAAEiB,kBAAS,CAACC,MAAM;EACvBjB,IAAI,EAAEgB,kBAAS,CAACC,MAAM;EACtBhB,OAAO,EAAEe,kBAAS,CAACE,IAAI;EACvBhB,QAAQ,EAAEc,kBAAS,CAACG,IAAI;EACxB,YAAY,EAAEH,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC;AACzB,CAAC;AAAC,eACapB,iBAAiB;AAAA"}
+{"version":3,"file":"index.js","names":["CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","useMemo","e","target","style","container","checkbox","label","icon","propTypes","PropTypes","string","bool","func"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idCheckbox}>\n        <input\n          type=\"checkbox\"\n          id={idCheckbox}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.checkbox}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <div className={style.label}>\n          <CheckIcon className={style.icon} />\n        </div>\n      </label>\n      <span className={style.title}>{title}</span>\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,OAHI;IAIJC,QAAQ,iBAJJ;IAKJ,aAAaC,QALT;IAMJ,cAAcC;EANV,IAOFN,KAPJ;EASA,MAAMO,UAAU,GAAG,wBAAS,iBAAT,CAAnB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAMC,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;EAEA,oBACE;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE;IAAO,OAAO,EAAEN;EAAhB,gBACE;IACE,IAAI,EAAC,UADP;IAEE,EAAE,EAAEA,UAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAES,cAAA,CAAME,QANnB;IAOE,aAAWT,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE,6BAAC,kCAAD;IAAW,SAAS,EAAEH,cAAA,CAAMI;EAA5B,EADF,CAXF,CADF,eAgBE;IAAM,SAAS,EAAEJ,cAAA,CAAMX;EAAvB,GAA+BA,KAA/B,CAhBF,CADF;AAoBD,CAjCD;;AAmCAF,iBAAiB,CAACkB,SAAlB,2CAA8B;EAC5BhB,KAAK,EAAEiB,kBAAA,CAAUC,MADW;EAE5BjB,IAAI,EAAEgB,kBAAA,CAAUC,MAFY;EAG5BhB,OAAO,EAAEe,kBAAA,CAAUE,IAHS;EAI5BhB,QAAQ,EAAEc,kBAAA,CAAUG,IAJQ;EAK5B,cAAcH,kBAAA,CAAUC,MALI;EAM5B,aAAaD,kBAAA,CAAUC;AANK,CAA9B;eAQepB,iB"}