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

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HtmlBase","props","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","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","useMemo","DEFAULT_TEXT_STYLE","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","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":["HtmlBase","props","Html","templateContext","useTemplateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","useState","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","HTML_ANCHOR_TEXT_COLOR","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","useMemo","DEFAULT_TEXT_STYLE","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","useCallback","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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"}

package/lib/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/lib/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/lib/atom/image-background/index.native.js

@@ -2,16 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactNative = require("react-native");
+
 var _getCleanUri = _interopRequireDefault(require("../../util/get-clean-uri"));
+
 var _getResizedImage = _interopRequireDefault(require("../../util/get-resized-image"));
+
 var _index = _interopRequireDefault(require("../gradient/index.native"));
+
 const _excluded = ["source", "gradient", "gradientStyle", "style", "testID"],
-  _excluded2 = ["children"];
+      _excluded2 = ["children"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const styles = _reactNative.StyleSheet.create({
   image: {
     width: '100%',
@@ -21,22 +31,26 @@ const styles = _reactNative.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,
       height: _height,
       resizeMode
     } = props;
+
     const {
       width,
       height
@@ -44,6 +58,7 @@ const ImageBackground = _ref => {
       width: _width,
       height: _height
     }, style]);
+
     const maxHeight = typeof height === 'number' ? height : undefined;
     const maxWidth = typeof width === 'number' ? width : undefined;
     uri = (0, _getResizedImage.default)((0, _getCleanUri.default)(uri), {
@@ -52,18 +67,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.default.createElement(_reactNative.ImageBackground, _extends({}, remainingProps, {
       source: resizedSource,
       style: [styles.image, style],
@@ -74,12 +94,14 @@ const ImageBackground = _ref => {
       style: _style
     }, children));
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.ImageBackground, _extends({}, props, {
     source: resizedSource,
     style: [styles.image, style],
     testID: testID
   }));
 };
+
 var _default = ImageBackground;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","image","width","height","gradient","flex","ImageBackground","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","getResizedImage","getCleanUri","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;AACA;AAOA;AAEA;AACA;AAAgD;EAAA;AAAA;AAAA;AAAA;AAEhD,MAAMA,MAAM,GAAGC,uBAAU,CAACC,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,MAAMC,eAAe,GAAG,QAOX;EAAA,IAPY;MACvBC,MAAM;MACNH,QAAQ;MACRI,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;MAACV,KAAK,EAAEW,MAAM;MAAEV,MAAM,EAAEW,OAAO;MAAEC;IAAU,CAAC,GAAGJ,KAAK;IAC1D,MAAM;MAACT,KAAK;MAAEC;IAAM,CAAC,GAAGJ,uBAAU,CAACiB,OAAO,CAAC,CAAC;MAACd,KAAK,EAAEW,MAAM;MAAEV,MAAM,EAAEW;IAAO,CAAC,EAAEL,KAAK,CAAC,CAAC;IACrF,MAAMQ,SAA6B,GAAG,OAAOd,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGe,SAAS;IACrF,MAAMC,QAA4B,GAAG,OAAOjB,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGgB,SAAS;IAElFN,GAAG,GAAG,IAAAQ,wBAAe,EAAC,IAAAC,oBAAW,EAACT,GAAG,CAAC,EAAE;MACtCK,SAAS;MACTE,QAAQ;MACRJ;IACF,CAAC,CAAC;EACJ;EAEA,MAAMO,aAAa,GAAIV,GAAG,IAAI;IAACA;EAAG,CAAC,IAAKL,MAAM;EAE9C,IAAIH,QAAQ,EAAE;IACZ,MAAM;QAACmB;MAA2B,CAAC,GAAGZ,KAAK;MAAvBa,cAAc,iCAAIb,KAAK;IAC3C,MAAMc,MAAmB,GAAG,CAAC3B,MAAM,CAACM,QAAQ,CAAC;IAE7C,IAAII,aAAa,EAAE;MACjBiB,MAAM,CAACC,IAAI,CAAClB,aAAa,CAAC;IAC5B;IAEA,oBACE,6BAAC,4BAAmB,eACdgB,cAAc;MAClB,MAAM,EAAEF,aAAc;MACtB,KAAK,EAAE,CAACxB,MAAM,CAACG,KAAK,EAAEQ,KAAK,CAAE;MAC7B,MAAM,EAAEC;IAAO,iBAEf,6BAAC,cAAQ;MAAC,MAAM,EAAG,GAAEA,MAAO,WAAW;MAAC,MAAM,EAAEN,QAAS;MAAC,KAAK,EAAEqB;IAAO,GACrEF,QAAQ,CACA,CACS;EAE1B;EAEA,oBACE,6BAAC,4BAAmB,eACdZ,KAAK;IACT,MAAM,EAAEW,aAAc;IACtB,KAAK,EAAE,CAACxB,MAAM,CAACG,KAAK,EAAEQ,KAAK,CAAE;IAC7B,MAAM,EAAEC;EAAO,GACf;AAEN,CAAC;AAAC,eAEaJ,eAAe;AAAA"}
+{"version":3,"file":"index.native.js","names":["styles","StyleSheet","create","image","width","height","gradient","flex","ImageBackground","source","gradientStyle","style","testID","props","uri","_width","_height","resizeMode","flatten","maxHeight","undefined","maxWidth","getResizedImage","getCleanUri","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;;AACA;;AAOA;;AAEA;;AACA;;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,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,MAAMC,eAAe,GAAG,QAOX;EAAA,IAPY;IACvBC,MADuB;IAEvBH,QAFuB;IAGvBI,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;MAACV,KAAK,EAAEW,MAAR;MAAgBV,MAAM,EAAEW,OAAxB;MAAiCC;IAAjC,IAA+CJ,KAArD;;IACA,MAAM;MAACT,KAAD;MAAQC;IAAR,IAAkBJ,uBAAA,CAAWiB,OAAX,CAAmB,CAAC;MAACd,KAAK,EAAEW,MAAR;MAAgBV,MAAM,EAAEW;IAAxB,CAAD,EAAmCL,KAAnC,CAAnB,CAAxB;;IACA,MAAMQ,SAA6B,GAAG,OAAOd,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsCe,SAA5E;IACA,MAAMC,QAA4B,GAAG,OAAOjB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCgB,SAAzE;IAEAN,GAAG,GAAG,IAAAQ,wBAAA,EAAgB,IAAAC,oBAAA,EAAYT,GAAZ,CAAhB,EAAkC;MACtCK,SADsC;MAEtCE,QAFsC;MAGtCJ;IAHsC,CAAlC,CAAN;EAKD;;EAED,MAAMO,aAAa,GAAIV,GAAG,IAAI;IAACA;EAAD,CAAR,IAAkBL,MAAxC;;EAEA,IAAIH,QAAJ,EAAc;IACZ,MAAM;MAACmB;IAAD,IAAgCZ,KAAtC;IAAA,MAAoBa,cAApB,iCAAsCb,KAAtC;;IACA,MAAMc,MAAmB,GAAG,CAAC3B,MAAM,CAACM,QAAR,CAA5B;;IAEA,IAAII,aAAJ,EAAmB;MACjBiB,MAAM,CAACC,IAAP,CAAYlB,aAAZ;IACD;;IAED,oBACE,6BAAC,4BAAD,eACMgB,cADN;MAEE,MAAM,EAAEF,aAFV;MAGE,KAAK,EAAE,CAACxB,MAAM,CAACG,KAAR,EAAeQ,KAAf,CAHT;MAIE,MAAM,EAAEC;IAJV,iBAME,6BAAC,cAAD;MAAU,MAAM,EAAG,GAAEA,MAAO,WAA5B;MAAwC,MAAM,EAAEN,QAAhD;MAA0D,KAAK,EAAEqB;IAAjE,GACGF,QADH,CANF,CADF;EAYD;;EAED,oBACE,6BAAC,4BAAD,eACMZ,KADN;IAEE,MAAM,EAAEW,aAFV;IAGE,KAAK,EAAE,CAACxB,MAAM,CAACG,KAAR,EAAeQ,KAAf,CAHT;IAIE,MAAM,EAAEC;EAJV,GADF;AAQD,CAvDD;;eAyDeJ,e"}

package/lib/atom/image-upload/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _join2 = _interopRequireDefault(require("lodash/fp/join"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _dragAndDrop = _interopRequireDefault(require("../drag-and-drop"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _buttonLink = _interopRequireDefault(require("../button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ImageUpload = ({
   title,
   description,
@@ -82,6 +97,7 @@ const ImageUpload = ({
     label: labelButtonLink
   })) : null);
 };
+
 ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dragAndDrop.default.propTypes, {
   name: _propTypes.default.string,
   onChange: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"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":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,WAAW,GAAG,CAAC;EACnBC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,cAAc;EACdC,WAAW;EACXC,OAAO;EACPC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,IAAI;EACdC,IAAI;EACJ;EACAC,SAAS;EACTC,eAAe;EACfC,QAAQ;EACRC,UAAU,GAAG,CAAC,GAAG,CAAC;EAClBC,KAAK,GAAG,EAAE;EACVC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC7BC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAO,CAAC,EAAE;IACpBW,CAAC,CAACC,cAAc,EAAE;IAClB,OAAOZ,OAAO,CAACW,CAAC,CAAC;EACnB,CAAC,EACD,CAACX,OAAO,CAAC,CACV;EAED,MAAMa,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAAC,CAAC,EACtB,oBAAK,GAAG,CAAC,CACV,CAACT,UAAU,CAAC;EAEb,MAAMU,eAAe,GAAG;IACtBC,KAAK,EAAE,MAAM;IACbC,KAAK,EAAE;EACT,CAAC;EAED,oBACE,uDACE,6BAAC,oBAAW;IACV,KAAK,EAAE1B,KAAM;IACb,WAAW,EAAEC,WAAY;IACzB,YAAY,EAAEC,YAAa;IAC3B,cAAc,EAAEC,cAAe;IAC/B,WAAW,EAAEC,WAAY;IACzB,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEC,QAAS;IACnB,OAAO,EAAEY,WAAY;IACrB,KAAK,EAAEH,KAAM;IACb,QAAQ,EAAER,QAAS;IACnB,eAAe,EAAES,eAAgB;IACjC,gBAAgB,EAAEC;EAAiB,GAElC,CAACU,WAAW,EAAEC,UAAU,kBACvB;IACE,IAAI,EAAC,MAAM;IACX,IAAI,EAAElB,IAAK;IACX,MAAM,EAAEY,cAAe;IACvB,QAAQ,EAAEjB,OAAO,IAAIE,QAAS;IAC9B,SAAS,EAAEsB,cAAK,CAACC,KAAM;IACvB,QAAQ,EAAEtB,QAAS;IACnB,WAAW,EAAEmB,WAAY;IACzB,MAAM,EAAEC,UAAW;IACnB,WAAW,EAAEA;EAAW,EAE3B,CACW,EACbjB,SAAS,IAAIE,QAAQ,gBACpB;IAAK,SAAS,EAAEgB,cAAK,CAACE;EAAa,GAChCpB,SAAS,eACV,6BAAC,mBAAI;IACH,IAAI,EAAC,MAAM;IACX,WAAW,EAAEa,eAAgB;IAC7B,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAQ;MAAEoB,QAAQ,EAAE;IAAI,CAAE;IACvC,KAAK,EAAErB;EAAgB,EACvB,CACE,GACJ,IAAI,CACJ;AAEV,CAAC;AAEDb,WAAW,CAACmC,SAAS,wDAChBC,oBAAW,CAACD,SAAS;EACxBxB,IAAI,EAAE0B,kBAAS,CAACC,MAAM;EACtB7B,QAAQ,EAAE4B,kBAAS,CAACE,IAAI;EACxB7B,OAAO,EAAE2B,kBAAS,CAACE,IAAI;EACvBxB,UAAU,EAAEsB,kBAAS,CAACG,OAAO,CAACC,wBAAa,CAAC;EAC5CzB,KAAK,EAAEqB,kBAAS,CAACC,MAAM;EACvBrB,eAAe,EAAEoB,kBAAS,CAACC,MAAM;EACjCpB,gBAAgB,EAAEmB,kBAAS,CAACC,MAAM;EAClC1B,SAAS,EAAEyB,kBAAS,CAACC,MAAM;EAC3BxB,QAAQ,EAAEuB,kBAAS,CAACC;AAAM;AAC1B,eAEatC,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"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":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,SAbmB;EAcnBC,eAdmB;EAenBC,QAfmB;EAgBnBC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBT,UAHqB,CAAvB;EAKA,MAAMU,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACU,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEY,cAHV;IAIE,QAAQ,EAAEjB,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CAnFD;;AAqFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}

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

@@ -2,24 +2,38 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const titleStylesClassNames = {
   inherit: _style.default.inherit,
   primary: _style.default.primary,
   secondary: _style.default.secondary,
   tertiary: _style.default.tertiary
 };
+
 const InputCheckbox = props => {
   const {
     checked,
@@ -64,6 +78,7 @@ const InputCheckbox = props => {
     title: title
   }, title));
 };
+
 InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   disabled: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["titleStylesClassNames","inherit","style","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","handleChange","useCallback","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","getClassState","checkbox","classnames","label","undefined","icon","propTypes","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":";;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,qBAAqB,GAAG;EAC5BC,OAAO,EAAEC,cAAK,CAACD,OAAO;EACtBE,OAAO,EAAED,cAAK,CAACC,OAAO;EACtBC,SAAS,EAAEF,cAAK,CAACE,SAAS;EAC1BC,QAAQ,EAAEH,cAAK,CAACG;AAClB,CAAC;AAED,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,OAAO;IACPC,QAAQ,iBAAO;IACfC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,UAAU,GAAG,SAAS;IACtBC,QAAQ,GAAG,KAAK;IAChBC,KAAK,GAAG,SAAS;IACjBC,KAAK,EAAEC,UAAU;IACjBC,cAAc,GAAG;EACnB,CAAC,GAAGX,KAAK;EAET,MAAMY,mBAAmB,GAAGnB,qBAAqB,CAACa,UAAU,CAAC;EAC7D,MAAMO,UAAU,GAAG,wBAAS,iBAAiB,CAAC;EAC9C,MAAMJ,KAAK,GAAI,GAAEC,UAAW,GAAEL,QAAQ,GAAG,GAAG,GAAG,EAAG,EAAC;EACnD,MAAMS,YAAY,GAAG,IAAAC,kBAAW,EAACC,CAAC,IAAId,QAAQ,CAACc,CAAC,CAACC,MAAM,CAAChB,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE7E,MAAMgB,iBAAiB,GACrBV,KAAK,KAAK,cAAc,GAAGb,cAAK,CAACwB,oBAAoB,GAAGxB,cAAK,CAACyB,eAAe;EAC/E,MAAMC,cAAc,GAAGb,KAAK,KAAK,cAAc,GAAGb,cAAK,CAAC2B,iBAAiB,GAAG3B,cAAK,CAAC4B,YAAY;EAC9F,MAAMC,yBAAyB,GAAGhB,KAAK,KAAK,cAAc,GAAGb,cAAK,CAAC8B,YAAY,GAAG9B,cAAK,CAAC+B,OAAO;EAE/F,MAAMC,SAAS,GAAG,IAAAC,sBAAa,EAC7BJ,yBAAyB,EACzBN,iBAAiB,EACjBG,cAAc,EACdd,QAAQ,EACRJ,KAAK,CACN;EAED,oBACE;IAAO,SAAS,EAAEwB,SAAU;IAAC,OAAO,EAAEd,UAAW;IAAC,aAAU;EAAsB,gBAChF;IACE,IAAI,EAAC,UAAU;IACf,SAAS,EAAElB,cAAK,CAACkC,QAAS;IAC1B,IAAI,EAAEpB,KAAM;IACZ,EAAE,EAAEI,UAAW;IACf,OAAO,EAAEZ,OAAQ;IACjB,QAAQ,EAAEa,YAAa;IACvB,QAAQ,EAAEV,QAAS;IACnB,aAAU;EAAgB,EAC1B,eACF;IACE,aAAU,gBAAgB;IAC1B,SAAS,EAAE,IAAA0B,mBAAU,EAACnC,cAAK,CAACoC,KAAK,EAAEpB,cAAc,GAAGhB,cAAK,CAACgB,cAAc,GAAGqB,SAAS;EAAE,gBAEtF,6BAAC,kCAAS;IAAC,SAAS,EAAErC,cAAK,CAACsC;EAAK,EAAG,CAChC,eACN;IAAM,SAAS,EAAErB,mBAAoB;IAAC,KAAK,EAAEH;EAAM,GAChDA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDV,aAAa,CAACmC,SAAS,2CAAG;EACxBzB,KAAK,EAAE0B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCjC,QAAQ,EAAE+B,kBAAS,CAACG,IAAI;EACxBjC,QAAQ,EAAE8B,kBAAS,CAACG,IAAI;EACxBrC,OAAO,EAAEkC,kBAAS,CAACG,IAAI;EACvBnC,KAAK,EAAEgC,kBAAS,CAACG,IAAI;EACrBpC,QAAQ,EAAEiC,kBAAS,CAACI,IAAI;EACxBhC,QAAQ,EAAE4B,kBAAS,CAACG,IAAI;EACxB3B,cAAc,EAAEwB,kBAAS,CAACG,IAAI;EAC9B9B,KAAK,EAAE2B,kBAAS,CAACK,KAAK,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;EACnDlC,UAAU,EAAE6B,kBAAS,CAACK,KAAK,CAAC,oBAAK/C,qBAAqB,CAAC;AACzD,CAAC;AAAC,eAEaM,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["titleStylesClassNames","inherit","style","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","handleChange","useCallback","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","getClassState","checkbox","classnames","label","undefined","icon","propTypes","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/lib/atom/input-color/index.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const InputColor = props => {
   const {
     title,
@@ -47,6 +56,7 @@ const InputColor = props => {
     className: _style.default.description
   }, description));
 };
+
 InputColor.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   name: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputColor","props","title","name","placeholder","value","defaultValue","onChange","error","description","modified","inlineStyle","backgroundColor","handleChange","useMemo","e","target","className","getClassState","style","default","input","preview","propTypes","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;AACA;AAEA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,QAAQ,iBAAO;IACfC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAG;EACb,CAAC,GAAGT,KAAK;EAET,MAAMU,WAAW,GAAG;IAClBC,eAAe,EAAEP;EACnB,CAAC;EACD,MAAMQ,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAMC,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAM,CAACX,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMU,SAAS,GAAG,IAAAC,sBAAa,EAACC,cAAK,CAACC,OAAO,EAAED,cAAK,CAACT,QAAQ,EAAES,cAAK,CAACX,KAAK,EAAEE,QAAQ,EAAEF,KAAK,CAAC;EAE5F,oBACE;IAAK,SAAS,EAAES;EAAU,gBACxB,yDACE;IAAM,SAAS,EAAEE,cAAK,CAACjB;EAAM,GAAG,GAAEA,KAAM,GAAE,CAAQ,eAClD;IACE,IAAI,EAAC,MAAM;IACX,IAAI,EAAEC,IAAK;IACX,SAAS,EAAEgB,cAAK,CAACE,KAAM;IACvB,WAAW,EAAEjB,WAAY;IACzB,YAAY,EAAEE,YAAa;IAC3B,KAAK,EAAED,KAAM;IACb,OAAO,EAAEQ,YAAa;IACtB,QAAQ;EAAO,EACf,eACF;IAAM,SAAS,EAAEM,cAAK,CAACG,OAAQ;IAAC,KAAK,EAAEX;EAAY,EAAG,CAChD,eACR;IAAK,SAAS,EAAEQ,cAAK,CAACV;EAAY,GAAEA,WAAW,CAAO,CAClD;AAEV,CAAC;AAEDT,UAAU,CAACuB,SAAS,2CAAG;EACrBrB,KAAK,EAAEsB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCvB,IAAI,EAAEqB,kBAAS,CAACC,MAAM;EACtBrB,WAAW,EAAEoB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxCpB,YAAY,EAAEkB,kBAAS,CAACC,MAAM;EAC9BpB,KAAK,EAAEmB,kBAAS,CAACC,MAAM;EACvBjB,KAAK,EAAEgB,kBAAS,CAACC,MAAM;EACvBlB,QAAQ,EAAEiB,kBAAS,CAACG,IAAI;EACxBlB,WAAW,EAAEe,kBAAS,CAACC,MAAM;EAC7Bf,QAAQ,EAAEc,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEa5B,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["InputColor","props","title","name","placeholder","value","defaultValue","onChange","error","description","modified","inlineStyle","backgroundColor","handleChange","useMemo","e","target","className","getClassState","style","default","input","preview","propTypes","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;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,WAHI;IAIJC,KAJI;IAKJC,YALI;IAMJC,QAAQ,iBANJ;IAOJC,KAPI;IAQJC,WARI;IASJC,QAAQ,GAAG;EATP,IAUFT,KAVJ;EAYA,MAAMU,WAAW,GAAG;IAClBC,eAAe,EAAEP;EADC,CAApB;EAGA,MAAMQ,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAMC,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAF,CAASX,KAAV,CAA3B,EAA6C,CAACE,QAAD,CAA7C,CAArB;EACA,MAAMU,SAAS,GAAG,IAAAC,sBAAA,EAAcC,cAAA,CAAMC,OAApB,EAA6BD,cAAA,CAAMT,QAAnC,EAA6CS,cAAA,CAAMX,KAAnD,EAA0DE,QAA1D,EAAoEF,KAApE,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAES;EAAhB,gBACE,yDACE;IAAM,SAAS,EAAEE,cAAA,CAAMjB;EAAvB,GAAgC,GAAEA,KAAM,GAAxC,CADF,eAEE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEC,IAFR;IAGE,SAAS,EAAEgB,cAAA,CAAME,KAHnB;IAIE,WAAW,EAAEjB,WAJf;IAKE,YAAY,EAAEE,YALhB;IAME,KAAK,EAAED,KANT;IAOE,OAAO,EAAEQ,YAPX;IAQE,QAAQ;EARV,EAFF,eAYE;IAAM,SAAS,EAAEM,cAAA,CAAMG,OAAvB;IAAgC,KAAK,EAAEX;EAAvC,EAZF,CADF,eAeE;IAAK,SAAS,EAAEQ,cAAA,CAAMV;EAAtB,GAAoCA,WAApC,CAfF,CADF;AAmBD,CAtCD;;AAwCAT,UAAU,CAACuB,SAAX,2CAAuB;EACrBrB,KAAK,EAAEsB,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAErBvB,IAAI,EAAEqB,kBAAA,CAAUC,MAFK;EAGrBrB,WAAW,EAAEoB,kBAAA,CAAUC,MAAV,CAAiBC,UAHT;EAIrBpB,YAAY,EAAEkB,kBAAA,CAAUC,MAJH;EAKrBpB,KAAK,EAAEmB,kBAAA,CAAUC,MALI;EAMrBjB,KAAK,EAAEgB,kBAAA,CAAUC,MANI;EAOrBlB,QAAQ,EAAEiB,kBAAA,CAAUG,IAPC;EAQrBlB,WAAW,EAAEe,kBAAA,CAAUC,MARF;EASrBf,QAAQ,EAAEc,kBAAA,CAAUI;AATC,CAAvB;eAYe5B,U"}

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

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _snakeCase2 = _interopRequireDefault(require("lodash/fp/snakeCase"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _loader = _interopRequireDefault(require("../loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ConfirmationInput = ({
   onChange,
   placeholder = ''
@@ -27,10 +39,12 @@ const ConfirmationInput = ({
     onChange: _noop2.default
   }));
 };
+
 ConfirmationInput.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   placeholder: _propTypes.default.string
 } : {};
+
 const ConfirmationForm = props => {
   const {
     confirmValue,
@@ -43,6 +57,7 @@ const ConfirmationForm = props => {
     placeholder,
     isPending = false
   } = props;
+
   const form = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.confirmForm
   }, textValidation ? /*#__PURE__*/_react.default.createElement(ConfirmationInput, {
@@ -57,10 +72,12 @@ const ConfirmationForm = props => {
     onClick: confirmDisabled ? _noop2.default : onConfirm,
     className: confirmDisabled ? _style.default.disabled : _style.default.delete
   }, confirmValue));
+
   return isPending ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.confirmForm
   }, /*#__PURE__*/_react.default.createElement(_loader.default, null)) : form;
 };
+
 ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   confirmValue: _propTypes.default.string.isRequired,
   confirmDisabled: _propTypes.default.bool,
@@ -70,6 +87,7 @@ ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   textValidation: _propTypes.default.bool,
   isPending: _propTypes.default.bool
 }, ConfirmationInput.propTypes) : {};
+
 const Confirmation = props => {
   const {
     description
@@ -80,10 +98,12 @@ const Confirmation = props => {
     className: _style.default.description
   }, description), /*#__PURE__*/_react.default.createElement(ConfirmationForm, props));
 };
+
 Confirmation.propTypes = process.env.NODE_ENV !== "production" ? {
   description: _propTypes.default.string
 } : {};
 const inputDoubleProps = process.env.NODE_ENV !== "production" ? (0, _omit2.default)(['onConfirm', 'onHandleClose'], _extends({}, Confirmation.propTypes)) : {};
+
 class InputDoublestep extends _react.default.Component {
   constructor(props, context) {
     super(props);
@@ -93,6 +113,7 @@ class InputDoublestep extends _react.default.Component {
     this.handleToggle = this.handleToggle.bind(this);
     this.handleOnClick = this.handleOnClick.bind(this);
   }
+
   handleToggle() {
     this.setState(state => ({
       open: !state.open
@@ -106,6 +127,7 @@ class InputDoublestep extends _react.default.Component {
     } = this.props;
     open ? onCloseConfirmation() : onOpenConfirmation();
   }
+
   handleOnClick(e) {
     e.preventDefault();
     this.setState({
@@ -116,6 +138,7 @@ class InputDoublestep extends _react.default.Component {
     } = this.props;
     return onClick(e);
   }
+
   render() {
     const {
       toggleValue,
@@ -138,7 +161,9 @@ class InputDoublestep extends _react.default.Component {
       className: _style.default.value
     }, formView));
   }
+
 }
+
 InputDoublestep.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   toggleValue: _propTypes.default.string.isRequired,
   onClick: _propTypes.default.func.isRequired,