@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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,

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,15 +2,25 @@
 
 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 {
@@ -22,6 +32,7 @@ class InputHtml extends _react.default.Component {
       preview: state.preview
     };
   }
+
   constructor(props, context) {
     super(props);
     this.state = {
@@ -31,6 +42,7 @@ class InputHtml extends _react.default.Component {
     this.handleChange = this.handleChange.bind(this);
     this.handlePreview = this.handlePreview.bind(this);
   }
+
   handleChange(e) {
     const {
       onChange = _noop2.default
@@ -42,6 +54,7 @@ class InputHtml extends _react.default.Component {
     }));
     onChange(value);
   }
+
   handlePreview(e) {
     e.preventDefault();
     this.setState(state => ({
@@ -49,6 +62,7 @@ class InputHtml extends _react.default.Component {
       preview: !state.preview
     }));
   }
+
   render() {
     const {
       skin
@@ -94,7 +108,9 @@ 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":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,SAAN,SAAwBC,cAAA,CAAMC,SAA9B,CAAwC;EAWP,OAAxBC,wBAAwB,CAACC,KAAD,EAAQC,KAAR,EAAe;IAC5C,MAAM;MAACC;IAAD,IAAUF,KAAhB;IAEA,IAAI,2BAAYE,KAAZ,CAAJ,EAAwB,OAAO,IAAP;IAExB,OAAO;MACLC,IAAI,EAAED,KADD;MAELE,OAAO,EAAEH,KAAK,CAACG;IAFV,CAAP;EAID;;EAEDC,WAAW,CAACL,KAAD,EAAQM,OAAR,EAAiB;IAC1B,MAAMN,KAAN;IACA,KAAKC,KAAL,GAAa;MACXE,IAAI,EAAE,qBAAM,EAAN,EAAU,OAAV,EAAmBH,KAAnB,CADK;MAEXI,OAAO,EAAE;IAFE,CAAb;IAIA,KAAKG,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,aAAL,GAAqB,KAAKA,aAAL,CAAmBD,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,YAAY,CAACG,CAAD,EAAI;IACd,MAAM;MAACC,QAAQ;IAAT,IAAoB,KAAKX,KAA/B;IACA,MAAME,KAAK,GAAGQ,CAAC,CAACE,MAAF,CAASV,KAAvB;IACA,KAAKW,QAAL,CAAcZ,KAAK,KAAK;MACtBE,IAAI,EAAED,KADgB;MAEtBE,OAAO,EAAEH,KAAK,CAACG;IAFO,CAAL,CAAnB;IAIAO,QAAQ,CAACT,KAAD,CAAR;EACD;;EAEDO,aAAa,CAACC,CAAD,EAAI;IACfA,CAAC,CAACI,cAAF;IACA,KAAKD,QAAL,CAAcZ,KAAK,KAAK;MACtBE,IAAI,EAAEF,KAAK,CAACE,IADU;MAEtBC,OAAO,EAAE,CAACH,KAAK,CAACG;IAFM,CAAL,CAAnB;EAID;;EAEDW,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAS,KAAKV,OAApB;IACA,MAAMW,WAAW,GAAG,qBAAM,SAAN,EAAiB,eAAjB,EAAkCD,IAAlC,CAApB;IAEA,MAAM;MAACE,KAAD;MAAQC,WAAR;MAAqBC,KAArB;MAA4BC,WAA5B;MAAyCC;IAAzC,IAAqD,KAAKtB,KAAhE;IACA,MAAM;MAACG,IAAD;MAAOC;IAAP,IAAkB,KAAKH,KAA7B;IAEA,MAAMsB,SAAS,GAAGH,KAAK,GAAGI,cAAA,CAAMJ,KAAT,GAAiBI,cAAA,CAAMC,OAA9C;IACA,MAAMC,WAAW,GAAG,CAACtB,OAAD,gBAClB,6BAAC,qCAAD;MAAa,KAAK,EAAEa,WAApB;MAAiC,MAAM,EAAE;IAAzC,EADkB,gBAGlB,6BAAC,wCAAD;MAAY,KAAK,EAAEA,WAAnB;MAAgC,MAAM,EAAE;IAAxC,EAHF;IAKA,oBACE;MAAK,SAAS,EAAEM;IAAhB,gBACE,yDACE;MAAM,SAAS,EAAEC,cAAA,CAAMN;IAAvB,GAAgC,GAAEA,KAAM,GAAxC,CADF,eAEE;MAAK,SAAS,EAAEM,cAAA,CAAMG;IAAtB,gBACE,6BAAC,qBAAD;MACE,KAAK,EAAET,KADT;MAEE,IAAI,EAAEf,IAFR;MAGE,WAAW,EAAEgB,WAHf;MAIE,QAAQ,EAAE,KAAKZ,YAJjB;MAKE,QAAQ,EAAEe,QALZ;MAME,OAAO,EAAElB,OANX;MAOE,SAAS,EAAEoB,cAAA,CAAMI;IAPnB,EADF,CAFF,eAaE;MAAM,SAAS,EAAEJ,cAAA,CAAMK,MAAvB;MAA+B,OAAO,EAAE,KAAKpB;IAA7C,GACGiB,WADH,CAbF,CADF,eAkBE;MAAK,SAAS,EAAEF,cAAA,CAAMH;IAAtB,GAAoCA,WAApC,CAlBF,CADF;EAsBD;;AArFqC;;AAAlCzB,S,CACGkC,S,2CAAY;EACjBZ,KAAK,EAAEa,kBAAA,CAAUC,MADA;EAEjBb,WAAW,EAAEY,kBAAA,CAAUC,MAFN;EAGjBV,QAAQ,EAAES,kBAAA,CAAUE,IAHH;EAIjB/B,KAAK,EAAE6B,kBAAA,CAAUC,MAJA;EAKjBZ,KAAK,EAAEW,kBAAA,CAAUC,MALA;EAMjBrB,QAAQ,EAAEoB,kBAAA,CAAUG,IANH;EAOjBb,WAAW,EAAEU,kBAAA,CAAUC;AAPN,C;eAsFNpC,S"}

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

@@ -2,11 +2,17 @@
 
 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,
@@ -25,14 +31,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;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"}
+{"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"}

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

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const InputReadonly = props => {
   const {
     title,
@@ -22,6 +27,7 @@ const InputReadonly = props => {
     className: _style.default.description
   }, description));
 };
+
 InputReadonly.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   value: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputReadonly","props","title","value","description","style","wrapper","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/input-readonly/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst InputReadonly = props => {\n  const {title, value, description} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.value}>{value}</div>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputReadonly.propTypes = {\n  title: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  description: PropTypes.string\n};\nexport default InputReadonly;\n"],"mappings":";;;;AAAA;AACA;AACA;AAAgC;AAEhC,MAAMA,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAEzC,oBACE;IAAK,SAAS,EAAEI,cAAK,CAACC;EAAQ,gBAC5B;IAAK,SAAS,EAAED,cAAK,CAACH;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEG,cAAK,CAACF;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEE,cAAK,CAACD;EAAY,GAAEA,WAAW,CAAO,CAClD;AAEV,CAAC;AAEDJ,aAAa,CAACO,SAAS,2CAAG;EACxBL,KAAK,EAAEM,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCP,KAAK,EAAEK,kBAAS,CAACC,MAAM;EACvBL,WAAW,EAAEI,kBAAS,CAACC;AACzB,CAAC;AAAC,eACaT,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["InputReadonly","props","title","value","description","style","wrapper","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/atom/input-readonly/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst InputReadonly = props => {\n  const {title, value, description} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.value}>{value}</div>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputReadonly.propTypes = {\n  title: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  description: PropTypes.string\n};\nexport default InputReadonly;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC;EAAf,IAA8BH,KAApC;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAMH;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEG,cAAA,CAAMF;EAAtB,GAA8BA,KAA9B,CAFF,eAGE;IAAK,SAAS,EAAEE,cAAA,CAAMD;EAAtB,GAAoCA,WAApC,CAHF,CADF;AAOD,CAVD;;AAYAJ,aAAa,CAACO,SAAd,2CAA0B;EACxBL,KAAK,EAAEM,kBAAA,CAAUC,MAAV,CAAiBC,UADA;EAExBP,KAAK,EAAEK,kBAAA,CAAUC,MAFO;EAGxBL,WAAW,EAAEI,kBAAA,CAAUC;AAHC,CAA1B;eAKeT,a"}

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

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 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 Search = props => {
   const {
     value,
@@ -55,6 +67,7 @@ const Search = props => {
     className: _style.default.clearIcon
   }) : null);
 };
+
 Search.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Search","props","value","placeholder","onChange","onClear","onFocus","onBlur","theme","handleChange","useMemo","e","target","cmStyle","classnames","style","coorpmanager","isDefaultTheme","wrapperSearch","searchIcon","title","noValue","search","clearIcon","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    theme = 'default'\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const cmStyle = classnames(style.coorpmanager);\n  const isDefaultTheme = theme === 'default';\n\n  return (\n    <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n      <label htmlFor=\"search\" title={placeholder}>\n        {!isDefaultTheme ? (\n          <CMSearchIcon className={style.searchIcon} />\n        ) : (\n          <SearchIcon className={style.searchIcon} />\n        )}\n        {!isDefaultTheme ? (\n          <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n            {placeholder}\n          </span>\n        ) : null}\n      </label>\n      <input\n        data-name=\"search-input\"\n        className={style.search}\n        aria-label={placeholder}\n        type=\"text\"\n        name=\"search\"\n        id=\"search\"\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onFocus={onFocus}\n        onChange={noop}\n        onBlur={onBlur}\n      />\n      {value && !isDefaultTheme ? (\n        <CloseIcon onClick={onClear} className={style.clearIcon} />\n      ) : null}\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Search;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAMA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,QAAQ,iBAAO;IACfC,OAAO,iBAAO;IACdC,OAAO;IACPC,MAAM;IACNC,KAAK,GAAG;EACV,CAAC,GAAGP,KAAK;EACT,MAAMQ,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAMC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAM,CAACV,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMS,OAAO,GAAG,IAAAC,mBAAU,EAACC,cAAK,CAACC,YAAY,CAAC;EAC9C,MAAMC,cAAc,GAAGT,KAAK,KAAK,SAAS;EAE1C,oBACE;IAAK,SAAS,EAAES,cAAc,GAAGF,cAAK,CAACG,aAAa,GAAGL;EAAQ,gBAC7D;IAAO,OAAO,EAAC,QAAQ;IAAC,KAAK,EAAEV;EAAY,GACxC,CAACc,cAAc,gBACd,6BAAC,gDAAY;IAAC,SAAS,EAAEF,cAAK,CAACI;EAAW,EAAG,gBAE7C,6BAAC,4CAAU;IAAC,SAAS,EAAEJ,cAAK,CAACI;EAAW,EACzC,EACA,CAACF,cAAc,gBACd;IAAM,SAAS,EAAE,IAAAH,mBAAU,EAACC,cAAK,CAACK,KAAK,EAAE,uBAAQlB,KAAK,CAAC,IAAIa,cAAK,CAACM,OAAO;EAAE,GACvElB,WAAW,CACP,GACL,IAAI,CACF,eACR;IACE,aAAU,cAAc;IACxB,SAAS,EAAEY,cAAK,CAACO,MAAO;IACxB,cAAYnB,WAAY;IACxB,IAAI,EAAC,MAAM;IACX,IAAI,EAAC,QAAQ;IACb,EAAE,EAAC,QAAQ;IACX,WAAW,EAAEA,WAAY;IACzB,KAAK,EAAED,KAAM;IACb,OAAO,EAAEO,YAAa;IACtB,OAAO,EAAEH,OAAQ;IACjB,QAAQ,gBAAO;IACf,MAAM,EAAEC;EAAO,EACf,EACDL,KAAK,IAAI,CAACe,cAAc,gBACvB,6BAAC,+BAAS;IAAC,OAAO,EAAEZ,OAAQ;IAAC,SAAS,EAAEU,cAAK,CAACQ;EAAU,EAAG,GACzD,IAAI,CACJ;AAEV,CAAC;AAEDvB,MAAM,CAACwB,YAAY,GAAG;EACpBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF;AACnC,CAAC;AAEDzB,MAAM,CAAC4B,SAAS,2CAAG;EACjB1B,KAAK,EAAE2B,kBAAS,CAACC,MAAM;EACvB3B,WAAW,EAAE0B,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxC3B,QAAQ,EAAEyB,kBAAS,CAACG,IAAI;EACxB3B,OAAO,EAAEwB,kBAAS,CAACG,IAAI;EACvB1B,OAAO,EAAEuB,kBAAS,CAACG,IAAI;EACvBzB,MAAM,EAAEsB,kBAAS,CAACG,IAAI;EACtBxB,KAAK,EAAEqB,kBAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC;AACpD,CAAC;AAAC,eAEajC,MAAM;AAAA"}
+{"version":3,"file":"index.js","names":["Search","props","value","placeholder","onChange","onClear","onFocus","onBlur","theme","handleChange","useMemo","e","target","cmStyle","classnames","style","coorpmanager","isDefaultTheme","wrapperSearch","searchIcon","title","noValue","search","clearIcon","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n  NovaCompositionCoorpacademySearch as SearchIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n  const {\n    value,\n    placeholder,\n    onChange = noop,\n    onClear = noop,\n    onFocus,\n    onBlur,\n    theme = 'default'\n  } = props;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const cmStyle = classnames(style.coorpmanager);\n  const isDefaultTheme = theme === 'default';\n\n  return (\n    <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n      <label htmlFor=\"search\" title={placeholder}>\n        {!isDefaultTheme ? (\n          <CMSearchIcon className={style.searchIcon} />\n        ) : (\n          <SearchIcon className={style.searchIcon} />\n        )}\n        {!isDefaultTheme ? (\n          <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n            {placeholder}\n          </span>\n        ) : null}\n      </label>\n      <input\n        data-name=\"search-input\"\n        className={style.search}\n        aria-label={placeholder}\n        type=\"text\"\n        name=\"search\"\n        id=\"search\"\n        placeholder={placeholder}\n        value={value}\n        onInput={handleChange}\n        onFocus={onFocus}\n        onChange={noop}\n        onBlur={onBlur}\n      />\n      {value && !isDefaultTheme ? (\n        <CloseIcon onClick={onClear} className={style.clearIcon} />\n      ) : null}\n    </div>\n  );\n};\n\nSearch.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n  onClear: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Search;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,QAAQ,iBAHJ;IAIJC,OAAO,iBAJH;IAKJC,OALI;IAMJC,MANI;IAOJC,KAAK,GAAG;EAPJ,IAQFP,KARJ;EASA,MAAMQ,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAMC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAASV,KAAV,CAA3B,EAA6C,CAACE,QAAD,CAA7C,CAArB;EACA,MAAMS,OAAO,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,YAAjB,CAAhB;EACA,MAAMC,cAAc,GAAGT,KAAK,KAAK,SAAjC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAc,GAAGF,cAAA,CAAMG,aAAT,GAAyBL;EAAvD,gBACE;IAAO,OAAO,EAAC,QAAf;IAAwB,KAAK,EAAEV;EAA/B,GACG,CAACc,cAAD,gBACC,6BAAC,gDAAD;IAAc,SAAS,EAAEF,cAAA,CAAMI;EAA/B,EADD,gBAGC,6BAAC,4CAAD;IAAY,SAAS,EAAEJ,cAAA,CAAMI;EAA7B,EAJJ,EAMG,CAACF,cAAD,gBACC;IAAM,SAAS,EAAE,IAAAH,mBAAA,EAAWC,cAAA,CAAMK,KAAjB,EAAwB,uBAAQlB,KAAR,KAAkBa,cAAA,CAAMM,OAAhD;EAAjB,GACGlB,WADH,CADD,GAIG,IAVN,CADF,eAaE;IACE,aAAU,cADZ;IAEE,SAAS,EAAEY,cAAA,CAAMO,MAFnB;IAGE,cAAYnB,WAHd;IAIE,IAAI,EAAC,MAJP;IAKE,IAAI,EAAC,QALP;IAME,EAAE,EAAC,QANL;IAOE,WAAW,EAAEA,WAPf;IAQE,KAAK,EAAED,KART;IASE,OAAO,EAAEO,YATX;IAUE,OAAO,EAAEH,OAVX;IAWE,QAAQ,gBAXV;IAYE,MAAM,EAAEC;EAZV,EAbF,EA2BGL,KAAK,IAAI,CAACe,cAAV,gBACC,6BAAC,+BAAD;IAAW,OAAO,EAAEZ,OAApB;IAA6B,SAAS,EAAEU,cAAA,CAAMQ;EAA9C,EADD,GAEG,IA7BN,CADF;AAiCD,CA/CD;;AAiDAvB,MAAM,CAACwB,YAAP,GAAsB;EACpBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADb,CAAtB;AAIAzB,MAAM,CAAC4B,SAAP,2CAAmB;EACjB1B,KAAK,EAAE2B,kBAAA,CAAUC,MADA;EAEjB3B,WAAW,EAAE0B,kBAAA,CAAUC,MAAV,CAAiBC,UAFb;EAGjB3B,QAAQ,EAAEyB,kBAAA,CAAUG,IAHH;EAIjB3B,OAAO,EAAEwB,kBAAA,CAAUG,IAJF;EAKjB1B,OAAO,EAAEuB,kBAAA,CAAUG,IALF;EAMjBzB,MAAM,EAAEsB,kBAAA,CAAUG,IAND;EAOjBxB,KAAK,EAAEqB,kBAAA,CAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAPU,CAAnB;eAUejC,M"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _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 InputSwitch = props => {
   const {
     title,
@@ -36,6 +46,7 @@ const InputSwitch = props => {
   const descriptionView = description ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.description
   }, description) : null;
+
   const getClass = () => {
     switch (theme) {
       case 'coorpmanager':
@@ -43,11 +54,13 @@ const InputSwitch = props => {
           defaultClass: _style.default.coorpmanager,
           modifiedClass: _style.default.coorpmanagerModified
         };
+
       case 'mooc':
         return {
           defaultClass: _style.default.partielUncheck,
           modifiedClass: _style.default.coorpmanagerModified
         };
+
       default:
         return {
           defaultClass: _style.default.default,
@@ -55,6 +68,7 @@ const InputSwitch = props => {
         };
     }
   };
+
   const {
     defaultClass,
     modifiedClass
@@ -89,6 +103,7 @@ const InputSwitch = props => {
     className: _style.default.detailsTxt
   }, details) : null), descriptionView);
 };
+
 InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   name: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","idSwitch","isDisabled","handleChange","useMemo","e","target","checked","titleView","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","getClassState","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","PropTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? <div id={`title-view-${dataName}`}>{titleView} </div> : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={`title-view-${dataName}`}\n          />\n          <label htmlFor={idSwitch} data-name=\"input-switch-label\" />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? <div id={`title-view-${dataName}`}>{titleView} </div> : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","details","requiredSelection","dataName","idSwitch","isDisabled","handleChange","useMemo","e","target","checked","titleView","style","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","default","className","getClassState","btnSwitchContainer","checkbox","alignedTextContainer","detailsTxt","propTypes","PropTypes","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.default, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? <div id={`title-view-${dataName}`}>{titleView} </div> : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={`title-view-${dataName}`}\n          />\n          <label htmlFor={idSwitch} data-name=\"input-switch-label\" />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? <div id={`title-view-${dataName}`}>{titleView} </div> : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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"}