@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/atom/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","number","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","createGradientBackground","baseColor","startColor","endColor","getForegroundColor","backgroundColor","Icon","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","iconWrapperStyle","background","width","height","padding","createElement","className","iconWrapper","icon","color","fontSize","propTypes","process","env","NODE_ENV","string","isRequired","bool","oneOf","shape","objectOf","oneOfType"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const createGradientBackground = baseColor => {\n  const startColor = convert(`color(${baseColor} lightness(91%))`);\n  const endColor = convert(`color(${baseColor} lightness(81%))`);\n  return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;\n};\n\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    background: gradientBackground ? createGradientBackground(effectiveIconColor) : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","number","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","createGradientBackground","baseColor","startColor","endColor","getForegroundColor","backgroundColor","Icon","memo","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","iconWrapperStyle","background","width","height","padding","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","objectOf","oneOfType"],"sources":["../../../src/atom/icon/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes, {number} from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst DEFAULT_PRESET = 'm';\nconst ICON_LUMINOSITY = 32;\nconst DEFAULT_WRAPPER_SIZE = 40;\nconst ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nconst SIZE_CONFIGS = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nexport const createGradientBackground = baseColor => {\n  const startColor = convert(`color(${baseColor} lightness(91%))`);\n  const endColor = convert(`color(${baseColor} lightness(81%))`);\n  return `linear-gradient(180deg, ${startColor} 0%, ${endColor} 100%)`;\n};\n\nexport const getForegroundColor = backgroundColor =>\n  convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n// set lightness to 32%\n\nconst Icon = React.memo(function Icon({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n\n  const iconWrapperStyle = {\n    background: gradientBackground ? createGradientBackground(effectiveIconColor) : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}`}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n});\n\nIcon.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: number,\n    wrapperSize: PropTypes.number\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Icon;\n"],"mappings":"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"}

package/es/atom/image-background/index.native.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { ImageBackground as ImageBackgroundBase, StyleSheet } from 'react-native';
 import getCleanUri from '../../util/get-clean-uri';
@@ -13,6 +14,7 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
+
 const ImageBackground = ({
   source,
   gradient,
@@ -22,6 +24,7 @@ const ImageBackground = ({
   ...props
 }) => {
   let uri = source && source.uri;
+
   if (uri) {
     const {
       width: _width,
@@ -43,18 +46,22 @@ const ImageBackground = ({
       resizeMode
     });
   }
+
   const resizedSource = uri && {
     uri
   } || source;
+
   if (gradient) {
     const {
       children,
       ...remainingProps
     } = props;
     const _style = [styles.gradient];
+
     if (gradientStyle) {
       _style.push(gradientStyle);
     }
+
     return /*#__PURE__*/React.createElement(ImageBackgroundBase, _extends({}, remainingProps, {
       source: resizedSource,
       style: [styles.image, style],
@@ -65,11 +72,13 @@ const ImageBackground = ({
       style: _style
     }, children));
   }
+
   return /*#__PURE__*/React.createElement(ImageBackgroundBase, _extends({}, props, {
     source: resizedSource,
     style: [styles.image, style],
     testID: testID
   }));
 };
+
 export default ImageBackground;
 //# sourceMappingURL=index.native.js.map

package/es/atom/image-background/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","ImageBackground","ImageBackgroundBase","StyleSheet","getCleanUri","getResizedImage","Gradient","styles","create","image","width","height","gradient","flex","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","resizedSource","children","remainingProps","_style","push","createElement","_extends","colors"],"sources":["../../../src/atom/image-background/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...remainingProps}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...props}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SACEC,eAAe,IAAIC,mBAAmB,EACtCC,UAAU,QAGL,cAAc;AAErB,OAAOC,WAAW,MAAM,0BAA0B;AAElD,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,OAAOC,QAAQ,MAAM,0BAA0B;AAE/C,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAWF,MAAMZ,eAAe,GAAGA,CAAC;EACvBa,MAAM;EACNF,QAAQ;EACRG,aAAa;EACbC,KAAK;EACLC,MAAM,GAAG,kBAAkB;EAC3B,GAAGC;AACE,CAAC,KAAK;EACX,IAAIC,GAAuB,GAAGL,MAAM,IAAIA,MAAM,CAACK,GAAG;EAElD,IAAIA,GAAG,EAAE;IACP,MAAM;MAACT,KAAK,EAAEU,MAAM;MAAET,MAAM,EAAEU,OAAO;MAAEC;IAAU,CAAC,GAAGJ,KAAK;IAC1D,MAAM;MAACR,KAAK;MAAEC;IAAM,CAAC,GAAGR,UAAU,CAACoB,OAAO,CAAC,CAAC;MAACb,KAAK,EAAEU,MAAM;MAAET,MAAM,EAAEU;IAAO,CAAC,EAAEL,KAAK,CAAC,CAAC;IACrF,MAAMQ,SAA6B,GAAG,OAAOb,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGc,SAAS;IACrF,MAAMC,QAA4B,GAAG,OAAOhB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGe,SAAS;IAElFN,GAAG,GAAGd,eAAe,CAACD,WAAW,CAACe,GAAG,CAAC,EAAE;MACtCK,SAAS;MACTE,QAAQ;MACRJ;IACF,CAAC,CAAC;EACJ;EAEA,MAAMK,aAAa,GAAIR,GAAG,IAAI;IAACA;EAAG,CAAC,IAAKL,MAAM;EAE9C,IAAIF,QAAQ,EAAE;IACZ,MAAM;MAACgB,QAAQ;MAAE,GAAGC;IAAc,CAAC,GAAGX,KAAK;IAC3C,MAAMY,MAAmB,GAAG,CAACvB,MAAM,CAACK,QAAQ,CAAC;IAE7C,IAAIG,aAAa,EAAE;MACjBe,MAAM,CAACC,IAAI,CAAChB,aAAa,CAAC;IAC5B;IAEA,oBACEf,KAAA,CAAAgC,aAAA,CAAC9B,mBAAmB,EAAA+B,QAAA,KACdJ,cAAc;MAClBf,MAAM,EAAEa,aAAc;MACtBX,KAAK,EAAE,CAACT,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;MAC7BC,MAAM,EAAEA;IAAO,iBAEfjB,KAAA,CAAAgC,aAAA,CAAC1B,QAAQ;MAACW,MAAM,EAAE,GAAGA,MAAM,WAAY;MAACiB,MAAM,EAAEtB,QAAS;MAACI,KAAK,EAAEc;IAAO,GACrEF,QACO,CACS,CAAC;EAE1B;EAEA,oBACE5B,KAAA,CAAAgC,aAAA,CAAC9B,mBAAmB,EAAA+B,QAAA,KACdf,KAAK;IACTJ,MAAM,EAAEa,aAAc;IACtBX,KAAK,EAAE,CAACT,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;IAC7BC,MAAM,EAAEA;EAAO,EAChB,CAAC;AAEN,CAAC;AAED,eAAehB,eAAe","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","ImageBackground","ImageBackgroundBase","StyleSheet","getCleanUri","getResizedImage","Gradient","styles","create","image","width","height","gradient","flex","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","resizedSource","children","remainingProps","_style","push"],"sources":["../../../src/atom/image-background/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {\n  ImageBackground as ImageBackgroundBase,\n  StyleSheet,\n  ViewStyle,\n  ImageStyle\n} from 'react-native';\n\nimport getCleanUri from '../../util/get-clean-uri';\n\nimport getResizedImage from '../../util/get-resized-image';\nimport Gradient from '../gradient/index.native';\n\nconst styles = StyleSheet.create({\n  image: {\n    width: '100%',\n    height: '100%'\n  },\n  gradient: {\n    flex: 1\n  }\n});\n\nexport type Props = ImageStyle & {\n  children?: ReactNode;\n  gradient?: Array<string>;\n  gradientStyle?: ViewStyle;\n  testID?: string;\n  source: {uri: string | undefined};\n  style?: ViewStyle;\n};\n\nconst ImageBackground = ({\n  source,\n  gradient,\n  gradientStyle,\n  style,\n  testID = 'image-background',\n  ...props\n}: Props) => {\n  let uri: string | undefined = source && source.uri;\n\n  if (uri) {\n    const {width: _width, height: _height, resizeMode} = props;\n    const {width, height} = StyleSheet.flatten([{width: _width, height: _height}, style]);\n    const maxHeight: number | undefined = typeof height === 'number' ? height : undefined;\n    const maxWidth: number | undefined = typeof width === 'number' ? width : undefined;\n\n    uri = getResizedImage(getCleanUri(uri), {\n      maxHeight,\n      maxWidth,\n      resizeMode\n    });\n  }\n\n  const resizedSource = (uri && {uri}) || source;\n\n  if (gradient) {\n    const {children, ...remainingProps} = props;\n    const _style: ViewStyle[] = [styles.gradient];\n\n    if (gradientStyle) {\n      _style.push(gradientStyle);\n    }\n\n    return (\n      <ImageBackgroundBase\n        {...remainingProps}\n        source={resizedSource}\n        style={[styles.image, style]}\n        testID={testID}\n      >\n        <Gradient testID={`${testID}-gradient`} colors={gradient} style={_style}>\n          {children}\n        </Gradient>\n      </ImageBackgroundBase>\n    );\n  }\n\n  return (\n    <ImageBackgroundBase\n      {...props}\n      source={resizedSource}\n      style={[styles.image, style]}\n      testID={testID}\n    />\n  );\n};\n\nexport default ImageBackground;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAA+B,OAA/B;AACA,SACEC,eAAe,IAAIC,mBADrB,EAEEC,UAFF,QAKO,cALP;AAOA,OAAOC,WAAP,MAAwB,0BAAxB;AAEA,OAAOC,eAAP,MAA4B,8BAA5B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,MADF;IAELC,MAAM,EAAE;EAFH,CADwB;EAK/BC,QAAQ,EAAE;IACRC,IAAI,EAAE;EADE;AALqB,CAAlB,CAAf;;AAmBA,MAAMZ,eAAe,GAAG,CAAC;EACvBa,MADuB;EAEvBF,QAFuB;EAGvBG,aAHuB;EAIvBC,KAJuB;EAKvBC,MAAM,GAAG,kBALc;EAMvB,GAAGC;AANoB,CAAD,KAOX;EACX,IAAIC,GAAuB,GAAGL,MAAM,IAAIA,MAAM,CAACK,GAA/C;;EAEA,IAAIA,GAAJ,EAAS;IACP,MAAM;MAACT,KAAK,EAAEU,MAAR;MAAgBT,MAAM,EAAEU,OAAxB;MAAiCC;IAAjC,IAA+CJ,KAArD;IACA,MAAM;MAACR,KAAD;MAAQC;IAAR,IAAkBR,UAAU,CAACoB,OAAX,CAAmB,CAAC;MAACb,KAAK,EAAEU,MAAR;MAAgBT,MAAM,EAAEU;IAAxB,CAAD,EAAmCL,KAAnC,CAAnB,CAAxB;IACA,MAAMQ,SAA6B,GAAG,OAAOb,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsCc,SAA5E;IACA,MAAMC,QAA4B,GAAG,OAAOhB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCe,SAAzE;IAEAN,GAAG,GAAGd,eAAe,CAACD,WAAW,CAACe,GAAD,CAAZ,EAAmB;MACtCK,SADsC;MAEtCE,QAFsC;MAGtCJ;IAHsC,CAAnB,CAArB;EAKD;;EAED,MAAMK,aAAa,GAAIR,GAAG,IAAI;IAACA;EAAD,CAAR,IAAkBL,MAAxC;;EAEA,IAAIF,QAAJ,EAAc;IACZ,MAAM;MAACgB,QAAD;MAAW,GAAGC;IAAd,IAAgCX,KAAtC;IACA,MAAMY,MAAmB,GAAG,CAACvB,MAAM,CAACK,QAAR,CAA5B;;IAEA,IAAIG,aAAJ,EAAmB;MACjBe,MAAM,CAACC,IAAP,CAAYhB,aAAZ;IACD;;IAED,oBACE,oBAAC,mBAAD,eACMc,cADN;MAEE,MAAM,EAAEF,aAFV;MAGE,KAAK,EAAE,CAACpB,MAAM,CAACE,KAAR,EAAeO,KAAf,CAHT;MAIE,MAAM,EAAEC;IAJV,iBAME,oBAAC,QAAD;MAAU,MAAM,EAAG,GAAEA,MAAO,WAA5B;MAAwC,MAAM,EAAEL,QAAhD;MAA0D,KAAK,EAAEkB;IAAjE,GACGF,QADH,CANF,CADF;EAYD;;EAED,oBACE,oBAAC,mBAAD,eACMV,KADN;IAEE,MAAM,EAAES,aAFV;IAGE,KAAK,EAAE,CAACpB,MAAM,CAACE,KAAR,EAAeO,KAAf,CAHT;IAIE,MAAM,EAAEC;EAJV,GADF;AAQD,CAvDD;;AAyDA,eAAehB,eAAf"}

package/es/atom/input-checkbox/index.js

@@ -13,6 +13,7 @@ const titleStylesClassNames = {
   secondary: style.secondary,
   tertiary: style.tertiary
 };
+
 const InputCheckbox = props => {
   const {
     checked,
@@ -27,7 +28,9 @@ const InputCheckbox = props => {
     noLabelMargins = false
   } = props;
   const titleStyleClassName = titleStylesClassNames[titleStyle];
+
   const idCheckbox = _uniqueId('input-checkbox-');
+
   const title = `${propsTitle}${required ? '*' : ''}`;
   const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);
   const modifiedClassName = theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;
@@ -57,6 +60,7 @@ const InputCheckbox = props => {
     title: title
   }, title));
 };
+
 InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   disabled: PropTypes.bool,

package/es/atom/input-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","NovaSolidStatusValidate","CheckIcon","getClassState","style","titleStylesClassNames","inherit","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","_noop","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","_uniqueId","handleChange","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","createElement","htmlFor","type","checkbox","name","id","label","undefined","icon","propTypes","process","env","NODE_ENV","string","isRequired","bool","func","oneOf","_keys"],"sources":["../../../src/atom/input-checkbox/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  inherit: style.inherit,\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle,\n    noLabelMargins = false\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  const modifiedClassName =\n    theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n  const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n  const className = getClassState(\n    defaultContainerClassName,\n    modifiedClassName,\n    errorClassName,\n    modified,\n    error\n  );\n\n  return (\n    <label className={className} htmlFor={idCheckbox} data-name=\"checkbox-input-label\">\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        data-name=\"checkbox-input\"\n      />\n      <div\n        data-name=\"checkbox-label\"\n        className={classnames(style.label, noLabelMargins ? style.noLabelMargins : undefined)}\n      >\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={titleStyleClassName} title={title}>\n        {title}\n      </span>\n    </label>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  noLabelMargins: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","NovaSolidStatusValidate","CheckIcon","getClassState","style","titleStylesClassNames","inherit","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","handleChange","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","checkbox","label","undefined","icon","propTypes","string","isRequired","bool","func","oneOf"],"sources":["../../../src/atom/input-checkbox/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  inherit: style.inherit,\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle,\n    noLabelMargins = false\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  const modifiedClassName =\n    theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n  const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n  const className = getClassState(\n    defaultContainerClassName,\n    modifiedClassName,\n    errorClassName,\n    modified,\n    error\n  );\n\n  return (\n    <label className={className} htmlFor={idCheckbox} data-name=\"checkbox-input-label\">\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        data-name=\"checkbox-input\"\n      />\n      <div\n        data-name=\"checkbox-label\"\n        className={classnames(style.label, noLabelMargins ? style.noLabelMargins : undefined)}\n      >\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={titleStyleClassName} title={title}>\n        {title}\n      </span>\n    </label>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  noLabelMargins: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"mappings":"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"}

package/es/atom/input-color/index.js

@@ -3,6 +3,7 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
+
 const InputColor = props => {
   const {
     title,
@@ -40,6 +41,7 @@ const InputColor = props => {
     className: style.description
   }, description));
 };
+
 InputColor.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   name: PropTypes.string,

package/es/atom/input-color/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputColor","props","title","name","placeholder","value","defaultValue","onChange","_noop","error","description","modified","inlineStyle","backgroundColor","handleChange","e","target","className","default","createElement","type","input","onInput","preview","propTypes","process","env","NODE_ENV","string","isRequired","func","bool"],"sources":["../../../src/atom/input-color/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputColor = props => {\n  const {\n    title,\n    name,\n    placeholder,\n    value,\n    defaultValue,\n    onChange = noop,\n    error,\n    description,\n    modified = false\n  } = props;\n\n  const inlineStyle = {\n    backgroundColor: value\n  };\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <input\n          type=\"text\"\n          name={name}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onInput={handleChange}\n          onChange={noop}\n        />\n        <span className={style.preview} style={inlineStyle} />\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputColor.propTypes = {\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool\n};\n\nexport default InputColor;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,QAAQ,GAAAC,KAAO;IACfC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAG;EACb,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAG;IAClBC,eAAe,EAAER;EACnB,CAAC;EACD,MAAMS,YAAY,GAAGlB,OAAO,CAAC,MAAMmB,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAM,CAACX,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMU,SAAS,GAAGnB,aAAa,CAACC,KAAK,CAACmB,OAAO,EAAEnB,KAAK,CAACY,QAAQ,EAAEZ,KAAK,CAACU,KAAK,EAAEE,QAAQ,EAAEF,KAAK,CAAC;EAE5F,oBACEd,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAEA;EAAU,gBACxBtB,KAAA,CAAAwB,aAAA,6BACExB,KAAA,CAAAwB,aAAA;IAAMF,SAAS,EAAElB,KAAK,CAACG;EAAM,GAAE,GAAGA,KAAK,GAAU,CAAC,eAClDP,KAAA,CAAAwB,aAAA;IACEC,IAAI,EAAC,MAAM;IACXjB,IAAI,EAAEA,IAAK;IACXc,SAAS,EAAElB,KAAK,CAACsB,KAAM;IACvBjB,WAAW,EAAEA,WAAY;IACzBE,YAAY,EAAEA,YAAa;IAC3BD,KAAK,EAAEA,KAAM;IACbiB,OAAO,EAAER,YAAa;IACtBP,QAAQ,EAAAC;EAAO,CAChB,CAAC,eACFb,KAAA,CAAAwB,aAAA;IAAMF,SAAS,EAAElB,KAAK,CAACwB,OAAQ;IAACxB,KAAK,EAAEa;EAAY,CAAE,CAChD,CAAC,eACRjB,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAElB,KAAK,CAACW;EAAY,GAAEA,WAAiB,CAClD,CAAC;AAEV,CAAC;AAEDV,UAAU,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBzB,KAAK,EAAEL,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAClC1B,IAAI,EAAEN,SAAS,CAAC+B,MAAM;EACtBxB,WAAW,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACxCvB,YAAY,EAAET,SAAS,CAAC+B,MAAM;EAC9BvB,KAAK,EAAER,SAAS,CAAC+B,MAAM;EACvBnB,KAAK,EAAEZ,SAAS,CAAC+B,MAAM;EACvBrB,QAAQ,EAAEV,SAAS,CAACiC,IAAI;EACxBpB,WAAW,EAAEb,SAAS,CAAC+B,MAAM;EAC7BjB,QAAQ,EAAEd,SAAS,CAACkC;AACtB,CAAC;AAED,eAAe/B,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputColor","props","title","name","placeholder","value","defaultValue","onChange","error","description","modified","inlineStyle","backgroundColor","handleChange","e","target","className","default","input","preview","propTypes","string","isRequired","func","bool"],"sources":["../../../src/atom/input-color/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputColor = props => {\n  const {\n    title,\n    name,\n    placeholder,\n    value,\n    defaultValue,\n    onChange = noop,\n    error,\n    description,\n    modified = false\n  } = props;\n\n  const inlineStyle = {\n    backgroundColor: value\n  };\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <input\n          type=\"text\"\n          name={name}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onInput={handleChange}\n          onChange={noop}\n        />\n        <span className={style.preview} style={inlineStyle} />\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputColor.propTypes = {\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool\n};\n\nexport default InputColor;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,WAHI;IAIJC,KAJI;IAKJC,YALI;IAMJC,QAAQ,QANJ;IAOJC,KAPI;IAQJC,WARI;IASJC,QAAQ,GAAG;EATP,IAUFT,KAVJ;EAYA,MAAMU,WAAW,GAAG;IAClBC,eAAe,EAAEP;EADC,CAApB;EAGA,MAAMQ,YAAY,GAAGjB,OAAO,CAAC,MAAMkB,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAASV,KAAV,CAApB,EAAsC,CAACE,QAAD,CAAtC,CAA5B;EACA,MAAMS,SAAS,GAAGlB,aAAa,CAACC,KAAK,CAACkB,OAAP,EAAgBlB,KAAK,CAACW,QAAtB,EAAgCX,KAAK,CAACS,KAAtC,EAA6CE,QAA7C,EAAuDF,KAAvD,CAA/B;EAEA,oBACE;IAAK,SAAS,EAAEQ;EAAhB,gBACE,gDACE;IAAM,SAAS,EAAEjB,KAAK,CAACG;EAAvB,GAAgC,GAAEA,KAAM,GAAxC,CADF,eAEE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEC,IAFR;IAGE,SAAS,EAAEJ,KAAK,CAACmB,KAHnB;IAIE,WAAW,EAAEd,WAJf;IAKE,YAAY,EAAEE,YALhB;IAME,KAAK,EAAED,KANT;IAOE,OAAO,EAAEQ,YAPX;IAQE,QAAQ;EARV,EAFF,eAYE;IAAM,SAAS,EAAEd,KAAK,CAACoB,OAAvB;IAAgC,KAAK,EAAER;EAAvC,EAZF,CADF,eAeE;IAAK,SAAS,EAAEZ,KAAK,CAACU;EAAtB,GAAoCA,WAApC,CAfF,CADF;AAmBD,CAtCD;;AAwCAT,UAAU,CAACoB,SAAX,2CAAuB;EACrBlB,KAAK,EAAEL,SAAS,CAACwB,MAAV,CAAiBC,UADH;EAErBnB,IAAI,EAAEN,SAAS,CAACwB,MAFK;EAGrBjB,WAAW,EAAEP,SAAS,CAACwB,MAAV,CAAiBC,UAHT;EAIrBhB,YAAY,EAAET,SAAS,CAACwB,MAJH;EAKrBhB,KAAK,EAAER,SAAS,CAACwB,MALI;EAMrBb,KAAK,EAAEX,SAAS,CAACwB,MANI;EAOrBd,QAAQ,EAAEV,SAAS,CAAC0B,IAPC;EAQrBd,WAAW,EAAEZ,SAAS,CAACwB,MARF;EASrBX,QAAQ,EAAEb,SAAS,CAAC2B;AATC,CAAvB;AAYA,eAAexB,UAAf"}

package/es/atom/input-doublestep/index.js

@@ -1,12 +1,15 @@
 import _noop from "lodash/fp/noop";
 import _omit from "lodash/fp/omit";
 import _snakeCase from "lodash/fp/snakeCase";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Loader from '../loader';
 import ButtonLink from '../button-link';
 import style from './style.css';
+
 const ConfirmationInput = ({
   onChange,
   placeholder = ''
@@ -22,10 +25,12 @@ const ConfirmationInput = ({
     onChange: _noop
   }));
 };
+
 ConfirmationInput.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   placeholder: PropTypes.string
 } : {};
+
 const ConfirmationForm = props => {
   const {
     confirmValue,
@@ -65,6 +70,7 @@ const ConfirmationForm = props => {
     className: style.confirmForm
   }, /*#__PURE__*/React.createElement(Loader, null)) : form;
 };
+
 ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? {
   confirmValue: PropTypes.string.isRequired,
   confirmDisabled: PropTypes.bool,
@@ -75,6 +81,7 @@ ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? {
   isPending: PropTypes.bool,
   ...ConfirmationInput.propTypes
 } : {};
+
 const Confirmation = props => {
   const {
     description
@@ -85,12 +92,13 @@ const Confirmation = props => {
     className: style.description
   }, description), /*#__PURE__*/React.createElement(ConfirmationForm, props));
 };
+
 Confirmation.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string
 } : {};
-const inputDoubleProps = process.env.NODE_ENV !== "production" ? _omit(['onConfirm', 'onHandleClose'], {
-  ...Confirmation.propTypes
+const inputDoubleProps = process.env.NODE_ENV !== "production" ? _omit(['onConfirm', 'onHandleClose'], { ...Confirmation.propTypes
 }) : {};
+
 class InputDoublestep extends React.Component {
   constructor(props, context) {
     super(props);
@@ -100,6 +108,7 @@ class InputDoublestep extends React.Component {
     this.handleToggle = this.handleToggle.bind(this);
     this.handleOnClick = this.handleOnClick.bind(this);
   }
+
   handleToggle() {
     this.setState(state => ({
       open: !state.open
@@ -113,6 +122,7 @@ class InputDoublestep extends React.Component {
     } = this.props;
     open ? onCloseConfirmation() : onOpenConfirmation();
   }
+
   handleOnClick(e) {
     e.preventDefault();
     this.setState({
@@ -123,6 +133,7 @@ class InputDoublestep extends React.Component {
     } = this.props;
     return onClick(e);
   }
+
   render() {
     const {
       toggleValue,
@@ -158,7 +169,9 @@ class InputDoublestep extends React.Component {
       className: style.value
     }, formView));
   }
+
 }
+
 InputDoublestep.propTypes = process.env.NODE_ENV !== "production" ? {
   toggleValue: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,

package/es/atom/input-doublestep/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Loader","ButtonLink","style","ConfirmationInput","onChange","placeholder","handleOnChange","e","target","value","createElement","onInput","className","input","_noop","propTypes","process","env","NODE_ENV","func","string","ConfirmationForm","props","confirmValue","confirmDisabled","onConfirm","cancelValue","onHandleClose","textValidation","isPending","form","confirmForm","confirmEmptySpace","confirmationCTAWrapper","label","onClick","disabled","customStyle","backgroundColor","color","isRequired","bool","Confirmation","description","sectionConfirm","inputDoubleProps","_omit","InputDoublestep","Component","constructor","context","state","open","handleToggle","bind","handleOnClick","setState","onCloseConfirmation","onOpenConfirmation","preventDefault","render","toggleValue","icon","formView","_extends","position","faIcon","name","size","type","wrapper","_snakeCase"],"sources":["../../../src/atom/input-doublestep/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase, omit, noop} from 'lodash/fp';\nimport Loader from '../loader';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst ConfirmationInput = ({onChange, placeholder = ''}) => {\n  const handleOnChange = useMemo(\n    () => e => {\n      return onChange(e.target.value);\n    },\n    [onChange]\n  );\n\n  return (\n    <div>\n      <input\n        data-testid=\"input\"\n        onInput={handleOnChange}\n        placeholder={placeholder}\n        className={style.input}\n        onChange={noop}\n      />\n    </div>\n  );\n};\n\nConfirmationInput.propTypes = {\n  onChange: PropTypes.func,\n  placeholder: PropTypes.string\n};\n\nconst ConfirmationForm = props => {\n  const {\n    confirmValue,\n    confirmDisabled = false,\n    onConfirm,\n    cancelValue,\n    onHandleClose,\n    onChange,\n    textValidation,\n    placeholder,\n    isPending = false\n  } = props;\n\n  const form = (\n    <div className={style.confirmForm}>\n      {textValidation ? (\n        <ConfirmationInput onChange={onChange} placeholder={placeholder} />\n      ) : (\n        <div className={style.confirmEmptySpace} />\n      )}\n      <div className={style.confirmationCTAWrapper}>\n        <ButtonLink\n          label={cancelValue}\n          data-testid=\"cancel-confirmation-button\"\n          onClick={onHandleClose}\n        />\n        <ButtonLink\n          label={confirmValue}\n          disabled={confirmDisabled}\n          data-testid=\"confirm-delete-button\"\n          onClick={onConfirm}\n          customStyle={{backgroundColor: 'orange', color: 'white'}}\n        />\n      </div>\n    </div>\n  );\n\n  return isPending ? (\n    <div className={style.confirmForm}>\n      <Loader />\n    </div>\n  ) : (\n    form\n  );\n};\nConfirmationForm.propTypes = {\n  confirmValue: PropTypes.string.isRequired,\n  confirmDisabled: PropTypes.bool,\n  onConfirm: PropTypes.func.isRequired,\n  cancelValue: PropTypes.string.isRequired,\n  onHandleClose: PropTypes.func.isRequired,\n  textValidation: PropTypes.bool,\n  isPending: PropTypes.bool,\n  ...ConfirmationInput.propTypes\n};\n\nconst Confirmation = props => {\n  const {description} = props;\n\n  return (\n    <div className={style.sectionConfirm}>\n      <div className={style.description}>{description}</div>\n      <ConfirmationForm {...props} />\n    </div>\n  );\n};\nConfirmation.propTypes = {\n  description: PropTypes.string\n};\n\nconst inputDoubleProps = omit(['onConfirm', 'onHandleClose'], {...Confirmation.propTypes});\nclass InputDoublestep extends React.Component {\n  static propTypes = {\n    toggleValue: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onOpenConfirmation: PropTypes.func,\n    onCloseConfirmation: PropTypes.func,\n    icon: PropTypes.string,\n    ...inputDoubleProps\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      open: false\n    };\n    this.handleToggle = this.handleToggle.bind(this);\n    this.handleOnClick = this.handleOnClick.bind(this);\n  }\n\n  handleToggle() {\n    this.setState(state => ({\n      open: !state.open\n    }));\n\n    const {open} = this.state;\n    const {onCloseConfirmation = noop, onOpenConfirmation = noop} = this.props;\n    open ? onCloseConfirmation() : onOpenConfirmation();\n  }\n\n  handleOnClick(e) {\n    e.preventDefault();\n    this.setState({open: false});\n    const {onClick = noop} = this.props;\n    return onClick(e);\n  }\n\n  render() {\n    const {toggleValue, disabled, icon} = this.props;\n    const {open} = this.state;\n\n    const formView = !open ? (\n      <ButtonLink\n        {...(icon\n          ? {\n              icon: {\n                position: 'left',\n                faIcon: {\n                  name: icon,\n                  color: '#ffffff',\n                  size: 16\n                }\n              }\n            }\n          : {})}\n        type=\"dangerous\"\n        label={toggleValue}\n        disabled={disabled}\n        data-testid=\"input-toggle-button\"\n        onClick={this.handleToggle}\n      />\n    ) : (\n      <Confirmation\n        {...this.props}\n        onHandleClose={this.handleToggle}\n        onConfirm={this.handleOnClick}\n      />\n    );\n\n    return (\n      <div className={style.wrapper}>\n        <div data-name={`input_doublestep_${snakeCase(toggleValue)}`} className={style.value}>\n          {formView}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default InputDoublestep;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Loader","ButtonLink","style","ConfirmationInput","onChange","placeholder","handleOnChange","e","target","value","input","propTypes","func","string","ConfirmationForm","props","confirmValue","confirmDisabled","onConfirm","cancelValue","onHandleClose","textValidation","isPending","form","confirmForm","confirmEmptySpace","confirmationCTAWrapper","backgroundColor","color","isRequired","bool","Confirmation","description","sectionConfirm","inputDoubleProps","InputDoublestep","Component","constructor","context","state","open","handleToggle","bind","handleOnClick","setState","onCloseConfirmation","onOpenConfirmation","preventDefault","onClick","render","toggleValue","disabled","icon","formView","position","faIcon","name","size","wrapper"],"sources":["../../../src/atom/input-doublestep/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase, omit, noop} from 'lodash/fp';\nimport Loader from '../loader';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\n\nconst ConfirmationInput = ({onChange, placeholder = ''}) => {\n  const handleOnChange = useMemo(\n    () => e => {\n      return onChange(e.target.value);\n    },\n    [onChange]\n  );\n\n  return (\n    <div>\n      <input\n        data-testid=\"input\"\n        onInput={handleOnChange}\n        placeholder={placeholder}\n        className={style.input}\n        onChange={noop}\n      />\n    </div>\n  );\n};\n\nConfirmationInput.propTypes = {\n  onChange: PropTypes.func,\n  placeholder: PropTypes.string\n};\n\nconst ConfirmationForm = props => {\n  const {\n    confirmValue,\n    confirmDisabled = false,\n    onConfirm,\n    cancelValue,\n    onHandleClose,\n    onChange,\n    textValidation,\n    placeholder,\n    isPending = false\n  } = props;\n\n  const form = (\n    <div className={style.confirmForm}>\n      {textValidation ? (\n        <ConfirmationInput onChange={onChange} placeholder={placeholder} />\n      ) : (\n        <div className={style.confirmEmptySpace} />\n      )}\n      <div className={style.confirmationCTAWrapper}>\n        <ButtonLink\n          label={cancelValue}\n          data-testid=\"cancel-confirmation-button\"\n          onClick={onHandleClose}\n        />\n        <ButtonLink\n          label={confirmValue}\n          disabled={confirmDisabled}\n          data-testid=\"confirm-delete-button\"\n          onClick={onConfirm}\n          customStyle={{backgroundColor: 'orange', color: 'white'}}\n        />\n      </div>\n    </div>\n  );\n\n  return isPending ? (\n    <div className={style.confirmForm}>\n      <Loader />\n    </div>\n  ) : (\n    form\n  );\n};\nConfirmationForm.propTypes = {\n  confirmValue: PropTypes.string.isRequired,\n  confirmDisabled: PropTypes.bool,\n  onConfirm: PropTypes.func.isRequired,\n  cancelValue: PropTypes.string.isRequired,\n  onHandleClose: PropTypes.func.isRequired,\n  textValidation: PropTypes.bool,\n  isPending: PropTypes.bool,\n  ...ConfirmationInput.propTypes\n};\n\nconst Confirmation = props => {\n  const {description} = props;\n\n  return (\n    <div className={style.sectionConfirm}>\n      <div className={style.description}>{description}</div>\n      <ConfirmationForm {...props} />\n    </div>\n  );\n};\nConfirmation.propTypes = {\n  description: PropTypes.string\n};\n\nconst inputDoubleProps = omit(['onConfirm', 'onHandleClose'], {...Confirmation.propTypes});\nclass InputDoublestep extends React.Component {\n  static propTypes = {\n    toggleValue: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    onOpenConfirmation: PropTypes.func,\n    onCloseConfirmation: PropTypes.func,\n    icon: PropTypes.string,\n    ...inputDoubleProps\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      open: false\n    };\n    this.handleToggle = this.handleToggle.bind(this);\n    this.handleOnClick = this.handleOnClick.bind(this);\n  }\n\n  handleToggle() {\n    this.setState(state => ({\n      open: !state.open\n    }));\n\n    const {open} = this.state;\n    const {onCloseConfirmation = noop, onOpenConfirmation = noop} = this.props;\n    open ? onCloseConfirmation() : onOpenConfirmation();\n  }\n\n  handleOnClick(e) {\n    e.preventDefault();\n    this.setState({open: false});\n    const {onClick = noop} = this.props;\n    return onClick(e);\n  }\n\n  render() {\n    const {toggleValue, disabled, icon} = this.props;\n    const {open} = this.state;\n\n    const formView = !open ? (\n      <ButtonLink\n        {...(icon\n          ? {\n              icon: {\n                position: 'left',\n                faIcon: {\n                  name: icon,\n                  color: '#ffffff',\n                  size: 16\n                }\n              }\n            }\n          : {})}\n        type=\"dangerous\"\n        label={toggleValue}\n        disabled={disabled}\n        data-testid=\"input-toggle-button\"\n        onClick={this.handleToggle}\n      />\n    ) : (\n      <Confirmation\n        {...this.props}\n        onHandleClose={this.handleToggle}\n        onConfirm={this.handleOnClick}\n      />\n    );\n\n    return (\n      <div className={style.wrapper}>\n        <div data-name={`input_doublestep_${snakeCase(toggleValue)}`} className={style.value}>\n          {formView}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default InputDoublestep;\n"],"mappings":"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"}

package/es/atom/input-file-draggable/index.js

@@ -1,5 +1,7 @@
 import _isNil from "lodash/fp/isNil";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidFilesBasicFileLines as FileLinesIcon, NovaCompositionCoorpacademyEye as EyeIcon } from '@coorpacademy/nova-icons';
@@ -7,6 +9,7 @@ import DragAndDrop from '../drag-and-drop';
 import ButtonLink from '../button-link';
 import { FilesPropType } from '../../util/proptypes';
 import style from './style.css';
+
 const InputFileDraggable = ({
   title,
   description,
@@ -101,8 +104,8 @@ const InputFileDraggable = ({
     className: style.seeIcon
   }), /*#__PURE__*/React.createElement("div", null, "See details"))) : null);
 };
-InputFileDraggable.propTypes = process.env.NODE_ENV !== "production" ? {
-  ...DragAndDrop.propTypes,
+
+InputFileDraggable.propTypes = process.env.NODE_ENV !== "production" ? { ...DragAndDrop.propTypes,
   disableHoverTooltip: PropTypes.bool,
   name: PropTypes.string,
   onChange: PropTypes.func,

package/es/atom/input-file-draggable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","ButtonLink","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","e","_isNil","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","_extends","type","accept","className","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","process","env","NODE_ENV","bool","string","func"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  disableHoverTooltip = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  filesTypes = '',\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel,\n  filesNumber = 0,\n  multiple = false,\n  required = false,\n  onClick\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: '#FF541F'\n  };\n\n  const onClick_ = useCallback(\n    e => {\n      e.preventDefault();\n      return onClick(e);\n    },\n    [onClick]\n  );\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        disableHoverTooltip={disableHoverTooltip}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n        multiple={multiple}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            {...(disableHoverTooltip ? {title: ''} : {})}\n            type=\"file\"\n            name={name}\n            accept={filesTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n            multiple={multiple}\n            required={required}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <ButtonLink\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n      {multiple && filesNumber > 0 ? (\n        <div className={style.multipleFilesContainer}>\n          <div className={style.filesNumber}>\n            <FileLinesIcon className={style.icon} />\n            <div>{filesNumber} files</div>\n          </div>\n          <div className={style.seeDetailsButton} onClick={onClick_}>\n            <EyeIcon className={style.seeIcon} />\n            <div>See details</div>\n          </div>\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nInputFileDraggable.propTypes = {\n  ...DragAndDrop.propTypes,\n  disableHoverTooltip: PropTypes.bool,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  filesTypes: FilesPropType,\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","ButtonLink","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","e","preventDefault","linkCustomStyle","width","color","onClick_","onDragStart","onDragStop","input","templateLink","href","download","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","bool","string","func"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  disableHoverTooltip = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  filesTypes = '',\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel,\n  filesNumber = 0,\n  multiple = false,\n  required = false,\n  onClick\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: '#FF541F'\n  };\n\n  const onClick_ = useCallback(\n    e => {\n      e.preventDefault();\n      return onClick(e);\n    },\n    [onClick]\n  );\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        disableHoverTooltip={disableHoverTooltip}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n        multiple={multiple}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            {...(disableHoverTooltip ? {title: ''} : {})}\n            type=\"file\"\n            name={name}\n            accept={filesTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n            multiple={multiple}\n            required={required}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <ButtonLink\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n      {multiple && filesNumber > 0 ? (\n        <div className={style.multipleFilesContainer}>\n          <div className={style.filesNumber}>\n            <FileLinesIcon className={style.icon} />\n            <div>{filesNumber} files</div>\n          </div>\n          <div className={style.seeDetailsButton} onClick={onClick_}>\n            <EyeIcon className={style.seeIcon} />\n            <div>See details</div>\n          </div>\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nInputFileDraggable.propTypes = {\n  ...DragAndDrop.propTypes,\n  disableHoverTooltip: PropTypes.bool,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  filesTypes: FilesPropType,\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default InputFileDraggable;\n"],"mappings":"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"}

package/es/atom/input-html/index.js

@@ -6,6 +6,7 @@ import { NovaLineBusinessCircleView as PreviewIcon, NovaLineContentEditionPencil
 import Provider, { GetSkinFromContext } from '../provider';
 import InputPreview from './input-preview';
 import style from './style.css';
+
 const InputHtml = (props, legacyContext) => {
   const {
     value = '',
@@ -23,7 +24,9 @@ const InputHtml = (props, legacyContext) => {
     setPreview(!preview);
   }, [preview, setPreview]);
   const skin = GetSkinFromContext(legacyContext);
+
   const mediumColor = _getOr('#999999', 'common.medium', skin);
+
   const {
     title,
     placeholder,
@@ -65,6 +68,7 @@ const InputHtml = (props, legacyContext) => {
     className: style.description
   }, description));
 };
+
 InputHtml.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   placeholder: PropTypes.string,

package/es/atom/input-html/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","Provider","GetSkinFromContext","InputPreview","style","InputHtml","props","legacyContext","value","onChange","_noop","text","setText","preview","setPreview","handleChange","e","_value","target","handlePreview","preventDefault","skin","mediumColor","_getOr","title","placeholder","error","description","disabled","className","default","iconContent","createElement","color","height","contentWrapper","input","toggle","onClick","propTypes","process","env","NODE_ENV","string","bool","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n  const {value = '', onChange = noop} = props;\n  const [text, setText] = useState(value);\n  const [preview, setPreview] = useState(true);\n\n  const handleChange = useCallback(\n    e => {\n      const _value = e.target.value;\n      setText(_value);\n      onChange(_value);\n    },\n    [onChange]\n  );\n\n  const handlePreview = useCallback(\n    e => {\n      e.preventDefault();\n      setPreview(!preview);\n    },\n    [preview, setPreview]\n  );\n\n  const skin = GetSkinFromContext(legacyContext);\n  const mediumColor = getOr('#999999', 'common.medium', skin);\n\n  const {title, placeholder, error, description, disabled} = props;\n\n  const className = error ? style.error : style.default;\n  const iconContent = !preview ? (\n    <PreviewIcon style={{color: mediumColor}} height={16} />\n  ) : (\n    <PencilIcon style={{color: mediumColor}} height={16} />\n  );\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <div className={style.contentWrapper}>\n          <InputPreview\n            title={title}\n            text={text}\n            placeholder={placeholder}\n            onChange={handleChange}\n            disabled={disabled}\n            preview={preview}\n            className={style.input}\n          />\n        </div>\n        <span\n          data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n          className={style.toggle}\n          onClick={handlePreview}\n        >\n          {iconContent}\n        </span>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputHtml.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","Provider","GetSkinFromContext","InputPreview","style","InputHtml","props","legacyContext","value","onChange","text","setText","preview","setPreview","handleChange","e","_value","target","handlePreview","preventDefault","skin","mediumColor","title","placeholder","error","description","disabled","className","default","iconContent","color","contentWrapper","input","toggle","propTypes","string","bool","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n  const {value = '', onChange = noop} = props;\n  const [text, setText] = useState(value);\n  const [preview, setPreview] = useState(true);\n\n  const handleChange = useCallback(\n    e => {\n      const _value = e.target.value;\n      setText(_value);\n      onChange(_value);\n    },\n    [onChange]\n  );\n\n  const handlePreview = useCallback(\n    e => {\n      e.preventDefault();\n      setPreview(!preview);\n    },\n    [preview, setPreview]\n  );\n\n  const skin = GetSkinFromContext(legacyContext);\n  const mediumColor = getOr('#999999', 'common.medium', skin);\n\n  const {title, placeholder, error, description, disabled} = props;\n\n  const className = error ? style.error : style.default;\n  const iconContent = !preview ? (\n    <PreviewIcon style={{color: mediumColor}} height={16} />\n  ) : (\n    <PencilIcon style={{color: mediumColor}} height={16} />\n  );\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <div className={style.contentWrapper}>\n          <InputPreview\n            title={title}\n            text={text}\n            placeholder={placeholder}\n            onChange={handleChange}\n            disabled={disabled}\n            preview={preview}\n            className={style.input}\n          />\n        </div>\n        <span\n          data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n          className={style.toggle}\n          onClick={handlePreview}\n        >\n          {iconContent}\n        </span>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputHtml.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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"}

package/es/atom/input-html/input-preview.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './input-preview.css';
+
 const InputPreview = (props, context) => {
   const {
     title,
@@ -22,14 +23,14 @@ const InputPreview = (props, context) => {
     disabled: disabled
   }) : /*#__PURE__*/React.createElement("div", {
     "data-testid": "input-preview",
-    className: classnames(style.preview, className)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.preview, className) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: text
     }
   });
 };
+
 InputPreview.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string.isRequired,
   title: PropTypes.string,

package/es/atom/input-html/input-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-preview.js","names":["React","PropTypes","classnames","style","InputPreview","props","context","title","text","placeholder","onChange","disabled","preview","className","createElement","name","value","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string","isRequired","bool","func"],"sources":["../../../src/atom/input-html/input-preview.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './input-preview.css';\n\nconst InputPreview = (props, context) => {\n  const {title, text, placeholder, onChange, disabled, preview, className} = props;\n\n  return !preview ? (\n    <textarea\n      data-testid=\"input-preview-textarea\"\n      className={className}\n      name={title}\n      value={text}\n      placeholder={placeholder}\n      onChange={onChange}\n      disabled={disabled}\n    />\n  ) : (\n    <div\n      data-testid=\"input-preview\"\n      className={classnames(style.preview, className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  );\n};\n\nInputPreview.propTypes = {\n  text: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  preview: PropTypes.bool.isRequired,\n  onChange: PropTypes.func,\n  className: PropTypes.string\n};\nexport default InputPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,qBAAqB;AAEvC,MAAMC,YAAY,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGR,KAAK;EAEhF,OAAO,CAACO,OAAO,gBACbZ,KAAA,CAAAc,aAAA;IACE,eAAY,wBAAwB;IACpCD,SAAS,EAAEA,SAAU;IACrBE,IAAI,EAAER,KAAM;IACZS,KAAK,EAAER,IAAK;IACZC,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA;EAAS,CACpB,CAAC,gBAEFX,KAAA,CAAAc,aAAA;IACE,eAAY,eAAe;IAC3BD,SAAS,EAAEX,UAAU,CAACC,KAAK,CAACS,OAAO,EAAEC,SAAS;IAC9C;IAAA;IACAI,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAI;EAAE,CACzC,CACF;AACH,CAAC;AAEDJ,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBd,IAAI,EAAEP,SAAS,CAACsB,MAAM,CAACC,UAAU;EACjCjB,KAAK,EAAEN,SAAS,CAACsB,MAAM;EACvBd,WAAW,EAAER,SAAS,CAACsB,MAAM;EAC7BZ,QAAQ,EAAEV,SAAS,CAACwB,IAAI;EACxBb,OAAO,EAAEX,SAAS,CAACwB,IAAI,CAACD,UAAU;EAClCd,QAAQ,EAAET,SAAS,CAACyB,IAAI;EACxBb,SAAS,EAAEZ,SAAS,CAACsB;AACvB,CAAC;AACD,eAAenB,YAAY","ignoreList":[]}
+{"version":3,"file":"input-preview.js","names":["React","PropTypes","classnames","style","InputPreview","props","context","title","text","placeholder","onChange","disabled","preview","className","__html","propTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/input-html/input-preview.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './input-preview.css';\n\nconst InputPreview = (props, context) => {\n  const {title, text, placeholder, onChange, disabled, preview, className} = props;\n\n  return !preview ? (\n    <textarea\n      data-testid=\"input-preview-textarea\"\n      className={className}\n      name={title}\n      value={text}\n      placeholder={placeholder}\n      onChange={onChange}\n      disabled={disabled}\n    />\n  ) : (\n    <div\n      data-testid=\"input-preview\"\n      className={classnames(style.preview, className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  );\n};\n\nInputPreview.propTypes = {\n  text: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  preview: PropTypes.bool.isRequired,\n  onChange: PropTypes.func,\n  className: PropTypes.string\n};\nexport default InputPreview;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,WAAd;IAA2BC,QAA3B;IAAqCC,QAArC;IAA+CC,OAA/C;IAAwDC;EAAxD,IAAqER,KAA3E;EAEA,OAAO,CAACO,OAAD,gBACL;IACE,eAAY,wBADd;IAEE,SAAS,EAAEC,SAFb;IAGE,IAAI,EAAEN,KAHR;IAIE,KAAK,EAAEC,IAJT;IAKE,WAAW,EAAEC,WALf;IAME,QAAQ,EAAEC,QANZ;IAOE,QAAQ,EAAEC;EAPZ,EADK,gBAWL;IACE,eAAY,eADd;IAEE,SAAS,EAAET,UAAU,CAACC,KAAK,CAACS,OAAP,EAAgBC,SAAhB,CAFvB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEN;IAAT;EAJ3B,EAXF;AAkBD,CArBD;;AAuBAJ,YAAY,CAACW,SAAb,2CAAyB;EACvBP,IAAI,EAAEP,SAAS,CAACe,MAAV,CAAiBC,UADA;EAEvBV,KAAK,EAAEN,SAAS,CAACe,MAFM;EAGvBP,WAAW,EAAER,SAAS,CAACe,MAHA;EAIvBL,QAAQ,EAAEV,SAAS,CAACiB,IAJG;EAKvBN,OAAO,EAAEX,SAAS,CAACiB,IAAV,CAAeD,UALD;EAMvBP,QAAQ,EAAET,SAAS,CAACkB,IANG;EAOvBN,SAAS,EAAEZ,SAAS,CAACe;AAPE,CAAzB;AASA,eAAeZ,YAAf"}