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

package/es/atom/html/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","DEFAULT_STYLE","DEFAULT_TEXT_STYLE","HtmlBase","props","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text, {DEFAULT_STYLE as DEFAULT_TEXT_STYLE} from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({...DEFAULT_TEXT_STYLE, fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","DEFAULT_STYLE","DEFAULT_TEXT_STYLE","HtmlBase","props","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","replace","renderers","font","span","html","undefined"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text, {DEFAULT_STYLE as DEFAULT_TEXT_STYLE} from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({...DEFAULT_TEXT_STYLE, fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,OAA5B,EAAqCC,QAArC,QAAoD,OAApD;AACA,SAAQC,IAAR,QAAqD,cAArD;AACA,OAAOC,UAAP,MAKO,0BALP;AAOA,SAAQC,sBAAR,QAAqC,8BAArC;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,OAAOC,IAAP,IAAcC,aAAa,IAAIC,kBAA/B,QAAwD,sBAAxD;;AAOA,MAAMC,QAAQ,GAAIC,KAAD,IAAkC;EACjD,oBAAO,oBAAC,UAAD,EAAgBA,KAAhB,CAAP;AACD,CAFD;;AAoCA,MAAMC,IAAI,GAAID,KAAD,IAAkB;EAC7B,MAAME,eAAe,GAAGP,kBAAkB,EAA1C;EACA,MAAM,CAACQ,4BAAD,EAA+BC,yBAA/B,IAA4Db,QAAQ,CAAU,KAAV,CAA1E;EACA,MAAM;IAACc;EAAD,IAAUH,eAAhB;EACA,MAAM;IACJI,QADI;IAEJC,QAFI;IAGJC,cAHI;IAIJC,UAJI;IAKJC,KALI;IAMJC,MANI;IAOJC,eAAe,GAAGlB,sBAPd;IAQJmB,cARI;IASJC;EATI,IAUFd,KAVJ,CAJ6B,CAgB7B;;EACA,MAAMe,MAAc,GAAG;IACrBC,CAAC,EAAE;MACDC,cAAc,EAAE,CADf;MAEDC,SAAS,EAAE;IAFV,CADkB;IAKrBC,CAAC,EAAE;MACDC,kBAAkB,EAAE;IADnB,CALkB;IAQrBC,CAAC,EAAE;MACDC,SAAS,EAAE;IADV,CARkB;IAWrBC,CAAC,EAAE;MACDC,UAAU,EAAEnB,KAAK,CAACmB,UAAN,CAAiBC;IAD5B,CAXkB;IAcrBC,CAAC,EAAE;MACDN,kBAAkB,EAAE;IADnB;EAdkB,CAAvB;;EAmBA,MAAMO,UAA4B,gBAC7BZ,MAD6B;IAEhCa,EAAE,EAAE;MAACrB;IAAD,CAF4B;IAGhCsB,EAAE,EAAE;MAACtB;IAAD,CAH4B;IAIhCuB,EAAE,EAAE;MAACvB;IAAD,CAJ4B;IAKhCwB,EAAE,EAAE;MAACxB;IAAD,CAL4B;IAMhCyB,EAAE,EAAE;MAACzB;IAAD,CAN4B;IAOhC0B,EAAE,EAAE;MAAC1B;IAAD,CAP4B;IAQhC2B,CAAC,EAAE;MAACC,KAAK,EAAEvB;IAAR,CAR6B;IAShCwB,GAAG,EAAE3B,UAAU,IAAI;EATa,EAAlC;;EAYA,IAAI4B,aAAwB,GAAG/C,OAAO,CACpC,mBAAWQ,kBAAX;IAA+BS,QAA/B;IAAyC4B,KAAK,EAAE9B,KAAK,CAACiC,MAAN,CAAaC;EAA7D,EADoC,EAEpC,CAAChC,QAAD,EAAWF,KAAX,CAFoC,CAAtC;;EAKA,IAAIK,KAAJ,EAAW;IACT,IAAI8B,KAAK,CAACC,OAAN,CAAc/B,KAAd,CAAJ,EAA0B;MACxB,MAAMgC,WAAW,GAAGhC,KAAK,CAACiC,MAAN,CAAa,CAACC,MAAD,EAASC,KAAT,kBAC5BD,MAD4B,EAE5BC,KAF4B,CAAb,CAApB;MAIAR,aAAa,gBACRA,aADQ,EAERK,WAFQ,CAAb;IAID,CATD,MASO;MACLL,aAAa,gBACRA,aADQ,EAER3B,KAFQ,CAAb;IAID;EACF;;EAED,MAAMoC,YAAY,GAAGzD,WAAW,CAC9B,CAAC0D,WAAD,EAA2CC,SAA3C,kBACE,oBAAC,IAAD;IAAM,aAAa,EAAElC;EAArB,GAAqCkC,SAArC,CAF4B,EAI9B,CAAClC,aAAD,CAJ8B,CAAhC;EAWA,MAAMmC,YAAY,GAAG5D,WAAW,CAC9B,CAAC0D,WAAD,EAA0BC,SAA1B,KAAgD;IAC9C,IAAID,WAAW,CAACZ,KAAhB,EAAuB;MACrB/B,yBAAyB,CAAC,IAAD,CAAzB;IACD;;IAED,oBACE,oBAAC,IAAD;MACE,GAAG,EAAE,CADP;MAEE,KAAK,eACAiC,aADA;QAEHF,KAAK,EAAEY,WAAW,CAACZ,KAAZ,EAAmBe,OAAnB,CAA2B,IAA3B,EAAiC,EAAjC;MAFJ;IAFP,GAOGF,SAPH,CADF;EAWD,CAjB6B,EAkB9B,CAACX,aAAD,CAlB8B,CAAhC;EAqBA,MAAMc,SAAS,GAAG;IAChBC,IAAI,EAAEH,YADU;IAEhBI,IAAI,EAAEP;EAFU,CAAlB;EAKA,oBACE,oBAAC,IAAD;IAAM,MAAM,EAAEnC,MAAd;IAAsB,KAAK,EAAEH;EAA7B,gBACE,oBAAC,QAAD,CACE;EACA;EACA;EACA;EAJF;IAKE,MAAM,EAAE;MACN;MACA8C,IAAI,EAAEzC,cAAc,GACf,MAAKP,QAAS,MADC,GAEhBQ,aAAa,GACZ,SAAQR,QAAS,SADL,GAEZ,GAAEA,QAAS;IANV,CALV;IAaE,UAAU,EAAEqB,UAbd;IAcE,aAAa,eACRU,aADQ;MAEXF,KAAK,EAAEhC,4BAA4B,GAAGoD,SAAH,GAAelB,aAAa,CAACF;IAFrD,EAdf;IAkBE,SAAS,EAAEgB,SAlBb,CAmBE;IACA;IACA;IACA;IAtBF;IAuBE,aAAa,EAAE,CAAC,OAAD,EAAU,QAAV,CAvBjB;IAwBE,MAAM,EAAC;EAxBT,EADF,CADF;AA8BD,CA1ID;;AA4IA,eAAelD,IAAf"}

package/es/atom/image-background/index.native.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ViewStyle, ImageStyle } from 'react-native';
-export type Props = ImageStyle & {
+export declare type Props = ImageStyle & {
     children?: ReactNode;
     gradient?: Array<string>;
     gradientStyle?: ViewStyle;

package/es/atom/image-background/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/image-background/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe,iEAOlB,KAAK,gBAgDP,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/image-background/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAiBtB,oBAAY,KAAK,GAAG,UAAU,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,eAAe,iEAOlB,KAAK,gBAgDP,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,7 +1,10 @@
 const _excluded = ["source", "gradient", "gradientStyle", "style", "testID"],
-  _excluded2 = ["children"];
+      _excluded2 = ["children"];
+
 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; }
+
 import React from 'react';
 import { ImageBackground as ImageBackgroundBase, StyleSheet } from 'react-native';
 import getCleanUri from '../../util/get-clean-uri';
@@ -16,16 +19,19 @@ const styles = StyleSheet.create({
     flex: 1
   }
 });
+
 const ImageBackground = _ref => {
   let {
-      source,
-      gradient,
-      gradientStyle,
-      style,
-      testID = 'image-background'
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    source,
+    gradient,
+    gradientStyle,
+    style,
+    testID = 'image-background'
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   let uri = source && source.uri;
+
   if (uri) {
     const {
       width: _width,
@@ -47,18 +53,23 @@ const ImageBackground = _ref => {
       resizeMode
     });
   }
+
   const resizedSource = uri && {
     uri
   } || source;
+
   if (gradient) {
     const {
-        children
-      } = props,
-      remainingProps = _objectWithoutPropertiesLoose(props, _excluded2);
+      children
+    } = props,
+          remainingProps = _objectWithoutPropertiesLoose(props, _excluded2);
+
     const _style = [styles.gradient];
+
     if (gradientStyle) {
       _style.push(gradientStyle);
     }
+
     return /*#__PURE__*/React.createElement(ImageBackgroundBase, _extends({}, remainingProps, {
       source: resizedSource,
       style: [styles.image, style],
@@ -69,11 +80,13 @@ const ImageBackground = _ref => {
       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"],"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,GAAG,QAOX;EAAA,IAPY;MACvBa,MAAM;MACNF,QAAQ;MACRG,aAAa;MACbC,KAAK;MACLC,MAAM,GAAG;IAEJ,CAAC;IADHC,KAAK;EAER,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;QAACgB;MAA2B,CAAC,GAAGV,KAAK;MAAvBW,cAAc,iCAAIX,KAAK;IAC3C,MAAMY,MAAmB,GAAG,CAACvB,MAAM,CAACK,QAAQ,CAAC;IAE7C,IAAIG,aAAa,EAAE;MACjBe,MAAM,CAACC,IAAI,CAAChB,aAAa,CAAC;IAC5B;IAEA,oBACE,oBAAC,mBAAmB,eACdc,cAAc;MAClB,MAAM,EAAEF,aAAc;MACtB,KAAK,EAAE,CAACpB,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;MAC7B,MAAM,EAAEC;IAAO,iBAEf,oBAAC,QAAQ;MAAC,MAAM,EAAG,GAAEA,MAAO,WAAW;MAAC,MAAM,EAAEL,QAAS;MAAC,KAAK,EAAEkB;IAAO,GACrEF,QAAQ,CACA,CACS;EAE1B;EAEA,oBACE,oBAAC,mBAAmB,eACdV,KAAK;IACT,MAAM,EAAES,aAAc;IACtB,KAAK,EAAE,CAACpB,MAAM,CAACE,KAAK,EAAEO,KAAK,CAAE;IAC7B,MAAM,EAAEC;EAAO,GACf;AAEN,CAAC;AAED,eAAehB,eAAe"}
+{"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,QAOX;EAAA,IAPY;IACvBa,MADuB;IAEvBF,QAFuB;IAGvBG,aAHuB;IAIvBC,KAJuB;IAKvBC,MAAM,GAAG;EALc,CAOZ;EAAA,IADRC,KACQ;;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;IAAD,IAAgCV,KAAtC;IAAA,MAAoBW,cAApB,iCAAsCX,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/image-upload/index.js

@@ -2,13 +2,16 @@ import _isNil from "lodash/fp/isNil";
 import _pipe from "lodash/fp/pipe";
 import _map from "lodash/fp/map";
 import _join from "lodash/fp/join";
+
 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 DragAndDrop from '../drag-and-drop';
 import { ImagePropType } from '../../util/proptypes';
 import Link from '../button-link';
 import style from './style.css';
+
 const ImageUpload = ({
   title,
   description,
@@ -35,7 +38,9 @@ const ImageUpload = ({
     e.preventDefault();
     return onReset(e);
   }, [onReset]);
+
   const acceptedImages = _pipe(_map(t => `image/${t}`), _join(','))(imageTypes);
+
   const linkCustomStyle = {
     width: '40px',
     color: 'red'
@@ -75,6 +80,7 @@ const ImageUpload = ({
     label: labelButtonLink
   })) : null);
 };
+
 ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, DragAndDrop.propTypes, {
   name: PropTypes.string,
   onChange: PropTypes.func,

package/es/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\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 acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\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        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\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 acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\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        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":"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"}

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","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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"}
+{"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","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,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,QAAO;IACfC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAG;EACb,CAAC,GAAGT,KAAK;EAET,MAAMU,WAAW,GAAG;IAClBC,eAAe,EAAEP;EACnB,CAAC;EACD,MAAMQ,YAAY,GAAGjB,OAAO,CAAC,MAAMkB,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAM,CAACV,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMS,SAAS,GAAGlB,aAAa,CAACC,KAAK,CAACkB,OAAO,EAAElB,KAAK,CAACW,QAAQ,EAAEX,KAAK,CAACS,KAAK,EAAEE,QAAQ,EAAEF,KAAK,CAAC;EAE5F,oBACE;IAAK,SAAS,EAAEQ;EAAU,gBACxB,gDACE;IAAM,SAAS,EAAEjB,KAAK,CAACG;EAAM,GAAG,GAAEA,KAAM,GAAE,CAAQ,eAClD;IACE,IAAI,EAAC,MAAM;IACX,IAAI,EAAEC,IAAK;IACX,SAAS,EAAEJ,KAAK,CAACmB,KAAM;IACvB,WAAW,EAAEd,WAAY;IACzB,YAAY,EAAEE,YAAa;IAC3B,KAAK,EAAED,KAAM;IACb,OAAO,EAAEQ,YAAa;IACtB,QAAQ;EAAO,EACf,eACF;IAAM,SAAS,EAAEd,KAAK,CAACoB,OAAQ;IAAC,KAAK,EAAER;EAAY,EAAG,CAChD,eACR;IAAK,SAAS,EAAEZ,KAAK,CAACU;EAAY,GAAEA,WAAW,CAAO,CAClD;AAEV,CAAC;AAEDT,UAAU,CAACoB,SAAS,2CAAG;EACrBlB,KAAK,EAAEL,SAAS,CAACwB,MAAM,CAACC,UAAU;EAClCnB,IAAI,EAAEN,SAAS,CAACwB,MAAM;EACtBjB,WAAW,EAAEP,SAAS,CAACwB,MAAM,CAACC,UAAU;EACxChB,YAAY,EAAET,SAAS,CAACwB,MAAM;EAC9BhB,KAAK,EAAER,SAAS,CAACwB,MAAM;EACvBb,KAAK,EAAEX,SAAS,CAACwB,MAAM;EACvBd,QAAQ,EAAEV,SAAS,CAAC0B,IAAI;EACxBd,WAAW,EAAEZ,SAAS,CAACwB,MAAM;EAC7BX,QAAQ,EAAEb,SAAS,CAAC2B;AACtB,CAAC;AAED,eAAexB,UAAU"}
+{"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,11 +1,14 @@
 import _noop from "lodash/fp/noop";
 import _omit from "lodash/fp/omit";
 import _snakeCase from "lodash/fp/snakeCase";
+
 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 style from './style.css';
+
 const ConfirmationInput = ({
   onChange,
   placeholder = ''
@@ -20,10 +23,12 @@ const ConfirmationInput = ({
     onChange: _noop
   }));
 };
+
 ConfirmationInput.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   placeholder: PropTypes.string
 } : {};
+
 const ConfirmationForm = props => {
   const {
     confirmValue,
@@ -54,6 +59,7 @@ const ConfirmationForm = props => {
     className: style.confirmForm
   }, /*#__PURE__*/React.createElement(Loader, null)) : form;
 };
+
 ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   confirmValue: PropTypes.string.isRequired,
   confirmDisabled: PropTypes.bool,
@@ -63,6 +69,7 @@ ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   textValidation: PropTypes.bool,
   isPending: PropTypes.bool
 }, ConfirmationInput.propTypes) : {};
+
 const Confirmation = props => {
   const {
     description
@@ -73,10 +80,12 @@ 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'], _extends({}, Confirmation.propTypes)) : {};
+
 class InputDoublestep extends React.Component {
   constructor(props, context) {
     super(props);
@@ -86,6 +95,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
@@ -99,6 +109,7 @@ class InputDoublestep extends React.Component {
     } = this.props;
     open ? onCloseConfirmation() : onOpenConfirmation();
   }
+
   handleOnClick(e) {
     e.preventDefault();
     this.setState({
@@ -109,6 +120,7 @@ class InputDoublestep extends React.Component {
     } = this.props;
     return onClick(e);
   }
+
   render() {
     const {
       toggleValue,
@@ -131,7 +143,9 @@ class InputDoublestep extends React.Component {
       className: style.value
     }, formView));
   }
+
 }
+
 InputDoublestep.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   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","style","ConfirmationInput","onChange","placeholder","handleOnChange","e","target","value","input","propTypes","func","string","ConfirmationForm","props","confirmValue","confirmDisabled","onConfirm","cancelValue","onHandleClose","textValidation","isPending","form","confirmForm","confirmEmptySpace","cancel","disabled","delete","isRequired","bool","Confirmation","description","sectionConfirm","inputDoubleProps","InputDoublestep","Component","constructor","context","state","open","handleToggle","bind","handleOnClick","setState","onCloseConfirmation","onOpenConfirmation","preventDefault","onClick","render","toggleValue","formView","toggleDisabled","toggle","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 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        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      <span onClick={onHandleClose} className={style.cancel}>\n        {cancelValue}\n      </span>\n      <span\n        onClick={confirmDisabled ? noop : onConfirm}\n        className={confirmDisabled ? style.disabled : style.delete}\n      >\n        {confirmValue}\n      </span>\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    ...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} = this.props;\n    const {open} = this.state;\n\n    const formView = !open ? (\n      <span\n        onClick={disabled ? noop : this.handleToggle}\n        className={disabled ? style.toggleDisabled : style.toggle}\n      >\n        {toggleValue}\n      </span>\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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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","Loader","style","ConfirmationInput","onChange","placeholder","handleOnChange","e","target","value","input","propTypes","func","string","ConfirmationForm","props","confirmValue","confirmDisabled","onConfirm","cancelValue","onHandleClose","textValidation","isPending","form","confirmForm","confirmEmptySpace","cancel","disabled","delete","isRequired","bool","Confirmation","description","sectionConfirm","inputDoubleProps","InputDoublestep","Component","constructor","context","state","open","handleToggle","bind","handleOnClick","setState","onCloseConfirmation","onOpenConfirmation","preventDefault","onClick","render","toggleValue","formView","toggleDisabled","toggle","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 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        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      <span onClick={onHandleClose} className={style.cancel}>\n        {cancelValue}\n      </span>\n      <span\n        onClick={confirmDisabled ? noop : onConfirm}\n        className={confirmDisabled ? style.disabled : style.delete}\n      >\n        {confirmValue}\n      </span>\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    ...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} = this.props;\n    const {open} = this.state;\n\n    const formView = !open ? (\n      <span\n        onClick={disabled ? noop : this.handleToggle}\n        className={disabled ? style.toggleDisabled : style.toggle}\n      >\n        {toggleValue}\n      </span>\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":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAG,CAAC;EAACC,QAAD;EAAWC,WAAW,GAAG;AAAzB,CAAD,KAAkC;EAC1D,MAAMC,cAAc,GAAGP,OAAO,CAC5B,MAAMQ,CAAC,IAAI;IACT,OAAOH,QAAQ,CAACG,CAAC,CAACC,MAAF,CAASC,KAAV,CAAf;EACD,CAH2B,EAI5B,CAACL,QAAD,CAJ4B,CAA9B;EAOA,oBACE,8CACE;IACE,OAAO,EAAEE,cADX;IAEE,WAAW,EAAED,WAFf;IAGE,SAAS,EAAEH,KAAK,CAACQ,KAHnB;IAIE,QAAQ;EAJV,EADF,CADF;AAUD,CAlBD;;AAoBAP,iBAAiB,CAACQ,SAAlB,2CAA8B;EAC5BP,QAAQ,EAAEJ,SAAS,CAACY,IADQ;EAE5BP,WAAW,EAAEL,SAAS,CAACa;AAFK,CAA9B;;AAKA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;EAChC,MAAM;IACJC,YADI;IAEJC,eAAe,GAAG,KAFd;IAGJC,SAHI;IAIJC,WAJI;IAKJC,aALI;IAMJhB,QANI;IAOJiB,cAPI;IAQJhB,WARI;IASJiB,SAAS,GAAG;EATR,IAUFP,KAVJ;EAYA,MAAMQ,IAAI,gBACR;IAAK,SAAS,EAAErB,KAAK,CAACsB;EAAtB,GACGH,cAAc,gBACb,oBAAC,iBAAD;IAAmB,QAAQ,EAAEjB,QAA7B;IAAuC,WAAW,EAAEC;EAApD,EADa,gBAGb;IAAK,SAAS,EAAEH,KAAK,CAACuB;EAAtB,EAJJ,eAME;IAAM,OAAO,EAAEL,aAAf;IAA8B,SAAS,EAAElB,KAAK,CAACwB;EAA/C,GACGP,WADH,CANF,eASE;IACE,OAAO,EAAEF,eAAe,WAAUC,SADpC;IAEE,SAAS,EAAED,eAAe,GAAGf,KAAK,CAACyB,QAAT,GAAoBzB,KAAK,CAAC0B;EAFtD,GAIGZ,YAJH,CATF,CADF;EAmBA,OAAOM,SAAS,gBACd;IAAK,SAAS,EAAEpB,KAAK,CAACsB;EAAtB,gBACE,oBAAC,MAAD,OADF,CADc,GAKdD,IALF;AAOD,CAvCD;;AAwCAT,gBAAgB,CAACH,SAAjB;EACEK,YAAY,EAAEhB,SAAS,CAACa,MAAV,CAAiBgB,UADjC;EAEEZ,eAAe,EAAEjB,SAAS,CAAC8B,IAF7B;EAGEZ,SAAS,EAAElB,SAAS,CAACY,IAAV,CAAeiB,UAH5B;EAIEV,WAAW,EAAEnB,SAAS,CAACa,MAAV,CAAiBgB,UAJhC;EAKET,aAAa,EAAEpB,SAAS,CAACY,IAAV,CAAeiB,UALhC;EAMER,cAAc,EAAErB,SAAS,CAAC8B,IAN5B;EAOER,SAAS,EAAEtB,SAAS,CAAC8B;AAPvB,GAQK3B,iBAAiB,CAACQ,SARvB;;AAWA,MAAMoB,YAAY,GAAGhB,KAAK,IAAI;EAC5B,MAAM;IAACiB;EAAD,IAAgBjB,KAAtB;EAEA,oBACE;IAAK,SAAS,EAAEb,KAAK,CAAC+B;EAAtB,gBACE;IAAK,SAAS,EAAE/B,KAAK,CAAC8B;EAAtB,GAAoCA,WAApC,CADF,eAEE,oBAAC,gBAAD,EAAsBjB,KAAtB,CAFF,CADF;AAMD,CATD;;AAUAgB,YAAY,CAACpB,SAAb,2CAAyB;EACvBqB,WAAW,EAAEhC,SAAS,CAACa;AADA,CAAzB;AAIA,MAAMqB,gBAAN,2CAAyB,MAAK,CAAC,WAAD,EAAc,eAAd,CAAL,eAAyCH,YAAY,CAACpB,SAAtD,EAAzB;;AACA,MAAMwB,eAAN,SAA8BrC,KAAK,CAACsC,SAApC,CAA8C;EAS5CC,WAAW,CAACtB,KAAD,EAAQuB,OAAR,EAAiB;IAC1B,MAAMvB,KAAN;IACA,KAAKwB,KAAL,GAAa;MACXC,IAAI,EAAE;IADK,CAAb;IAGA,KAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,aAAL,GAAqB,KAAKA,aAAL,CAAmBD,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,YAAY,GAAG;IACb,KAAKG,QAAL,CAAcL,KAAK,KAAK;MACtBC,IAAI,EAAE,CAACD,KAAK,CAACC;IADS,CAAL,CAAnB;IAIA,MAAM;MAACA;IAAD,IAAS,KAAKD,KAApB;IACA,MAAM;MAACM,mBAAmB,QAApB;MAA6BC,kBAAkB;IAA/C,IAA0D,KAAK/B,KAArE;IACAyB,IAAI,GAAGK,mBAAmB,EAAtB,GAA2BC,kBAAkB,EAAjD;EACD;;EAEDH,aAAa,CAACpC,CAAD,EAAI;IACfA,CAAC,CAACwC,cAAF;IACA,KAAKH,QAAL,CAAc;MAACJ,IAAI,EAAE;IAAP,CAAd;IACA,MAAM;MAACQ,OAAO;IAAR,IAAmB,KAAKjC,KAA9B;IACA,OAAOiC,OAAO,CAACzC,CAAD,CAAd;EACD;;EAED0C,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcvB;IAAd,IAA0B,KAAKZ,KAArC;IACA,MAAM;MAACyB;IAAD,IAAS,KAAKD,KAApB;IAEA,MAAMY,QAAQ,GAAG,CAACX,IAAD,gBACf;MACE,OAAO,EAAEb,QAAQ,WAAU,KAAKc,YADlC;MAEE,SAAS,EAAEd,QAAQ,GAAGzB,KAAK,CAACkD,cAAT,GAA0BlD,KAAK,CAACmD;IAFrD,GAIGH,WAJH,CADe,gBAQf,oBAAC,YAAD,eACM,KAAKnC,KADX;MAEE,aAAa,EAAE,KAAK0B,YAFtB;MAGE,SAAS,EAAE,KAAKE;IAHlB,GARF;IAeA,oBACE;MAAK,SAAS,EAAEzC,KAAK,CAACoD;IAAtB,gBACE;MAAK,aAAY,oBAAmB,WAAUJ,WAAV,CAAuB,EAA3D;MAA8D,SAAS,EAAEhD,KAAK,CAACO;IAA/E,GACG0C,QADH,CADF,CADF;EAOD;;AA7D2C;;AAAxChB,e,CACGxB,S;EACLuC,WAAW,EAAElD,SAAS,CAACa,MAAV,CAAiBgB,U;EAC9BmB,OAAO,EAAEhD,SAAS,CAACY,IAAV,CAAeiB,U;EACxBiB,kBAAkB,EAAE9C,SAAS,CAACY,I;EAC9BiC,mBAAmB,EAAE7C,SAAS,CAACY;GAC5BsB,gB;AA0DP,eAAeC,eAAf"}

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

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import { NovaLineBusinessCircleView as PreviewIcon, NovaLineContentEditionPencil2 as PencilIcon } from '@coorpacademy/nova-icons';
 import InputPreview from './input-preview';
 import style from './style.css';
+
 class InputHtml extends React.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -17,6 +18,7 @@ class InputHtml extends React.Component {
       preview: state.preview
     };
   }
+
   constructor(props, context) {
     super(props);
     this.state = {
@@ -26,6 +28,7 @@ class InputHtml extends React.Component {
     this.handleChange = this.handleChange.bind(this);
     this.handlePreview = this.handlePreview.bind(this);
   }
+
   handleChange(e) {
     const {
       onChange = _noop
@@ -37,6 +40,7 @@ class InputHtml extends React.Component {
     }));
     onChange(value);
   }
+
   handlePreview(e) {
     e.preventDefault();
     this.setState(state => ({
@@ -44,11 +48,14 @@ class InputHtml extends React.Component {
       preview: !state.preview
     }));
   }
+
   render() {
     const {
       skin
     } = this.context;
+
     const mediumColor = _getOr('#999999', 'common.medium', skin);
+
     const {
       title,
       placeholder,
@@ -89,7 +96,9 @@ class InputHtml extends React.Component {
       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","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","InputPreview","style","InputHtml","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","default","iconContent","contentWrapper","input","toggle","propTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static 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\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon color={mediumColor} height={16} />\n    ) : (\n      <PencilIcon color={mediumColor} height={16} />\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={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","InputPreview","style","InputHtml","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","default","iconContent","contentWrapper","input","toggle","propTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static 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\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon color={mediumColor} height={16} />\n    ) : (\n      <PencilIcon color={mediumColor} height={16} />\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={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}