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

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;;;;;;;;;;;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"}
+{"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"}

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

@@ -2,35 +2,20 @@
 
 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,
@@ -97,7 +82,6 @@ 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;;;;;;;;;;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"}
+{"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"}

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

@@ -2,38 +2,24 @@
 
 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,
@@ -78,7 +64,6 @@ 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":"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"}
+{"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"}

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

@@ -2,23 +2,14 @@
 
 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,
@@ -56,7 +47,6 @@ 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;;;;;;;;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"}
+{"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"}

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

@@ -2,29 +2,17 @@
 
 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 = ''
@@ -39,12 +27,10 @@ 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,
@@ -57,7 +43,6 @@ const ConfirmationForm = props => {
     placeholder,
     isPending = false
   } = props;
-
   const form = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.confirmForm
   }, textValidation ? /*#__PURE__*/_react.default.createElement(ConfirmationInput, {
@@ -72,12 +57,10 @@ 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,
@@ -87,7 +70,6 @@ ConfirmationForm.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   textValidation: _propTypes.default.bool,
   isPending: _propTypes.default.bool
 }, ConfirmationInput.propTypes) : {};
-
 const Confirmation = props => {
   const {
     description
@@ -98,12 +80,10 @@ 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);
@@ -113,7 +93,6 @@ 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
@@ -127,7 +106,6 @@ class InputDoublestep extends _react.default.Component {
     } = this.props;
     open ? onCloseConfirmation() : onOpenConfirmation();
   }
-
   handleOnClick(e) {
     e.preventDefault();
     this.setState({
@@ -138,7 +116,6 @@ class InputDoublestep extends _react.default.Component {
     } = this.props;
     return onClick(e);
   }
-
   render() {
     const {
       toggleValue,
@@ -161,9 +138,7 @@ 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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ConfirmationInput","onChange","placeholder","handleOnChange","useMemo","e","target","value","style","input","propTypes","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","React","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":["ConfirmationInput","onChange","placeholder","handleOnChange","useMemo","e","target","value","style","input","propTypes","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","React","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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"}

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

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/fp/isUndefined"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _inputPreview = _interopRequireDefault(require("./input-preview"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class InputHtml extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -32,7 +22,6 @@ class InputHtml extends _react.default.Component {
       preview: state.preview
     };
   }
-
   constructor(props, context) {
     super(props);
     this.state = {
@@ -42,7 +31,6 @@ class InputHtml extends _react.default.Component {
     this.handleChange = this.handleChange.bind(this);
     this.handlePreview = this.handlePreview.bind(this);
   }
-
   handleChange(e) {
     const {
       onChange = _noop2.default
@@ -54,7 +42,6 @@ class InputHtml extends _react.default.Component {
     }));
     onChange(value);
   }
-
   handlePreview(e) {
     e.preventDefault();
     this.setState(state => ({
@@ -62,7 +49,6 @@ class InputHtml extends _react.default.Component {
       preview: !state.preview
     }));
   }
-
   render() {
     const {
       skin
@@ -108,9 +94,7 @@ class InputHtml extends _react.default.Component {
       className: _style.default.description
     }, description));
   }
-
 }
-
 InputHtml.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   placeholder: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputHtml","React","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","style","default","iconContent","contentWrapper","input","toggle","propTypes","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":["InputHtml","React","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","style","default","iconContent","contentWrapper","input","toggle","propTypes","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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"}

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

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _inputPreview = _interopRequireDefault(require("./input-preview.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const InputPreview = (props, context) => {
   const {
     title,
@@ -31,14 +25,14 @@ const InputPreview = (props, context) => {
     onChange: onChange,
     disabled: disabled
   }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_inputPreview.default.preview, className) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_inputPreview.default.preview, className)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: text
     }
   });
 };
-
 InputPreview.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string.isRequired,
   title: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"input-preview.js","names":["InputPreview","props","context","title","text","placeholder","onChange","disabled","preview","className","classnames","style","__html","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/input-html/input-preview.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './input-preview.css';\n\nconst InputPreview = (props, context) => {\n  const {title, text, placeholder, onChange, disabled, preview, className} = props;\n  return !preview ? (\n    <textarea\n      className={className}\n      name={title}\n      value={text}\n      placeholder={placeholder}\n      onChange={onChange}\n      disabled={disabled}\n    />\n  ) : (\n    <div\n      className={classnames(style.preview, className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  );\n};\n\nInputPreview.propTypes = {\n  text: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  preview: PropTypes.bool.isRequired,\n  onChange: PropTypes.func,\n  className: PropTypes.string\n};\nexport default InputPreview;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,WAAd;IAA2BC,QAA3B;IAAqCC,QAArC;IAA+CC,OAA/C;IAAwDC;EAAxD,IAAqER,KAA3E;EACA,OAAO,CAACO,OAAD,gBACL;IACE,SAAS,EAAEC,SADb;IAEE,IAAI,EAAEN,KAFR;IAGE,KAAK,EAAEC,IAHT;IAIE,WAAW,EAAEC,WAJf;IAKE,QAAQ,EAAEC,QALZ;IAME,QAAQ,EAAEC;EANZ,EADK,gBAUL;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,qBAAA,CAAMH,OAAjB,EAA0BC,SAA1B,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAER;IAAT;EAH3B,EAVF;AAgBD,CAlBD;;AAoBAJ,YAAY,CAACa,SAAb,2CAAyB;EACvBT,IAAI,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UADA;EAEvBb,KAAK,EAAEW,kBAAA,CAAUC,MAFM;EAGvBV,WAAW,EAAES,kBAAA,CAAUC,MAHA;EAIvBR,QAAQ,EAAEO,kBAAA,CAAUG,IAJG;EAKvBT,OAAO,EAAEM,kBAAA,CAAUG,IAAV,CAAeD,UALD;EAMvBV,QAAQ,EAAEQ,kBAAA,CAAUI,IANG;EAOvBT,SAAS,EAAEK,kBAAA,CAAUC;AAPE,CAAzB;eASef,Y"}
+{"version":3,"file":"input-preview.js","names":["InputPreview","props","context","title","text","placeholder","onChange","disabled","preview","className","classnames","style","__html","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/input-html/input-preview.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './input-preview.css';\n\nconst InputPreview = (props, context) => {\n  const {title, text, placeholder, onChange, disabled, preview, className} = props;\n  return !preview ? (\n    <textarea\n      className={className}\n      name={title}\n      value={text}\n      placeholder={placeholder}\n      onChange={onChange}\n      disabled={disabled}\n    />\n  ) : (\n    <div\n      className={classnames(style.preview, className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  );\n};\n\nInputPreview.propTypes = {\n  text: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  preview: PropTypes.bool.isRequired,\n  onChange: PropTypes.func,\n  className: PropTypes.string\n};\nexport default InputPreview;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAwC;AAExC,MAAMA,YAAY,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGR,KAAK;EAChF,OAAO,CAACO,OAAO,gBACb;IACE,SAAS,EAAEC,SAAU;IACrB,IAAI,EAAEN,KAAM;IACZ,KAAK,EAAEC,IAAK;IACZ,WAAW,EAAEC,WAAY;IACzB,QAAQ,EAAEC,QAAS;IACnB,QAAQ,EAAEC;EAAS,EACnB,gBAEF;IACE,SAAS,EAAE,IAAAG,mBAAU,EAACC,qBAAK,CAACH,OAAO,EAAEC,SAAS;IAC9C;IAAA;IACA,uBAAuB,EAAE;MAACG,MAAM,EAAER;IAAI;EAAE,EAE3C;AACH,CAAC;AAEDJ,YAAY,CAACa,SAAS,2CAAG;EACvBT,IAAI,EAAEU,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCb,KAAK,EAAEW,kBAAS,CAACC,MAAM;EACvBV,WAAW,EAAES,kBAAS,CAACC,MAAM;EAC7BR,QAAQ,EAAEO,kBAAS,CAACG,IAAI;EACxBT,OAAO,EAAEM,kBAAS,CAACG,IAAI,CAACD,UAAU;EAClCV,QAAQ,EAAEQ,kBAAS,CAACI,IAAI;EACxBT,SAAS,EAAEK,kBAAS,CAACC;AACvB,CAAC;AAAC,eACaf,YAAY;AAAA"}