@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/atom/provider/index.js

@@ -31,7 +31,9 @@ const DEFAULT_SKIN = {
     black: '#14171A'
   }
 };
+
 const mergeSkin = (skin = {}) => _defaultsDeep(DEFAULT_SKIN, skin);
+
 const historyShape = PropTypes.shape({
   createHref: PropTypes.func,
   push: PropTypes.func
@@ -50,6 +52,7 @@ const skinShape = PropTypes.shape({
   texts: PropTypes.objectOf(ColorPropType)
 });
 const translateShape = PropTypes.func;
+
 class Provider extends React.Component {
   static childContextTypes = {
     history: historyShape,
@@ -57,6 +60,7 @@ class Provider extends React.Component {
     translate: translateShape,
     Vimeo: PropTypes.object
   };
+
   static getDerivedStateFromProps(props) {
     const {
       history,
@@ -69,6 +73,7 @@ class Provider extends React.Component {
       translate
     };
   }
+
   constructor(props, context) {
     super(props, context);
     const {
@@ -76,8 +81,8 @@ class Provider extends React.Component {
       skin,
       translate,
       Vimeo
-    } = props;
-    // eslint-disable-next-line react/no-unused-state
+    } = props; // eslint-disable-next-line react/no-unused-state
+
     this.state = {
       history,
       skin: mergeSkin(skin),
@@ -85,16 +90,20 @@ class Provider extends React.Component {
       Vimeo
     };
   }
+
   getChildContext() {
     return this.state;
   }
+
   render() {
     const {
       children
     } = this.props;
     return React.Children.only(children);
   }
+
 }
+
 Provider.propTypes = process.env.NODE_ENV !== "production" ? {
   history: historyShape,
   skin: skinShape,
@@ -104,18 +113,27 @@ Provider.propTypes = process.env.NODE_ENV !== "production" ? {
     common: PropTypes.func
   })
 } : {};
+
 const GetSkinFromContext = legacyContext => {
   const context = useWebContext();
+
   const legacySkin = _get('skin', legacyContext);
+
   const skin = _getOr(legacySkin, 'skin', context);
+
   return skin;
 };
+
 const GetTranslateFromContext = legacyContext => {
   const context = useWebContext();
+
   const legacyTranslate = _get('translate', legacyContext);
+
   const translate = _getOr(legacyTranslate, 'translate', context);
+
   return translate;
 };
+
 export { WebContext, useWebContext, GetSkinFromContext, GetTranslateFromContext };
 export default Provider;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","ColorPropType","HexPropType","WebContext","useWebContext","DEFAULT_SKIN","common","good","bad","primary","life","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","_defaultsDeep","historyShape","shape","createHref","func","push","skinShape","objectOf","images","logo","login","icons","mod","courses","arrayOf","texts","translateShape","Provider","Component","childContextTypes","history","translate","Vimeo","object","getDerivedStateFromProps","props","constructor","context","state","getChildContext","render","children","Children","only","propTypes","process","env","NODE_ENV","node","isRequired","GetSkinFromContext","legacyContext","legacySkin","_get","_getOr","GetTranslateFromContext","legacyTranslate"],"sources":["../../../src/atom/provider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep, get, getOr} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\nimport WebContext, {useWebContext} from './web-context';\n\nconst DEFAULT_SKIN = {\n  common: {\n    good: '#24b694',\n    bad: '#ed1c24',\n    primary: '#00B0FF',\n    life: '#ed1c24',\n    brand: '#00B0FF',\n    primaryAdd1: '#B3E5FC',\n    primaryAdd2: '#0091EA',\n    primaryAdd3: '#0277BD',\n    primaryAdd4: '#015798',\n    xtraLightGrey: '#FAFAFA',\n    light: '#ECEFF1',\n    medium: '#90A4AE',\n    dark: '#546E7A',\n    grey: '#607D8B',\n    orangeAdd: '#FF7043',\n    orange: '#FFA000',\n    positive: '#3EC483',\n    lightGreen: '#66BB6A',\n    negative: '#F73F52',\n    battle: '#FFE100',\n    white: '#FFFFFF',\n    black: '#14171A'\n  }\n};\n\nconst mergeSkin = (skin = {}) => defaultsDeep(DEFAULT_SKIN, skin);\n\nconst historyShape = PropTypes.shape({\n  createHref: PropTypes.func,\n  push: PropTypes.func\n});\n\nconst skinShape = PropTypes.shape({\n  common: PropTypes.objectOf(ColorPropType),\n  images: PropTypes.shape({\n    'logo-mobile': SrcPropType,\n    logo: SrcPropType,\n    'logo-email': SrcPropType,\n    login: SrcPropType\n  }),\n  icons: PropTypes.objectOf(HexPropType),\n  mod: PropTypes.objectOf(ColorPropType),\n  courses: PropTypes.arrayOf(ColorPropType),\n  texts: PropTypes.objectOf(ColorPropType)\n});\n\nconst translateShape = PropTypes.func;\n\nclass Provider extends React.Component {\n  static propTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    children: PropTypes.node.isRequired,\n    Vimeo: PropTypes.shape({\n      common: PropTypes.func\n    })\n  };\n\n  static childContextTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    Vimeo: PropTypes.object\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {history, skin, translate} = props;\n\n    return {\n      history,\n      skin: mergeSkin(skin),\n      translate\n    };\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    const {history, skin, translate, Vimeo} = props;\n    // eslint-disable-next-line react/no-unused-state\n    this.state = {history, skin: mergeSkin(skin), translate, Vimeo};\n  }\n\n  getChildContext() {\n    return this.state;\n  }\n\n  render() {\n    const {children} = this.props;\n    return React.Children.only(children);\n  }\n}\n\nconst GetSkinFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacySkin = get('skin', legacyContext);\n  const skin = getOr(legacySkin, 'skin', context);\n\n  return skin;\n};\n\nconst GetTranslateFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacyTranslate = get('translate', legacyContext);\n  const translate = getOr(legacyTranslate, 'translate', context);\n  return translate;\n};\n\nexport {WebContext, useWebContext, GetSkinFromContext, GetTranslateFromContext};\nexport default Provider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","ColorPropType","HexPropType","WebContext","useWebContext","DEFAULT_SKIN","common","good","bad","primary","life","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","historyShape","shape","createHref","func","push","skinShape","objectOf","images","logo","login","icons","mod","courses","arrayOf","texts","translateShape","Provider","Component","childContextTypes","history","translate","Vimeo","object","getDerivedStateFromProps","props","constructor","context","state","getChildContext","render","children","Children","only","propTypes","node","isRequired","GetSkinFromContext","legacyContext","legacySkin","GetTranslateFromContext","legacyTranslate"],"sources":["../../../src/atom/provider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep, get, getOr} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\nimport WebContext, {useWebContext} from './web-context';\n\nconst DEFAULT_SKIN = {\n  common: {\n    good: '#24b694',\n    bad: '#ed1c24',\n    primary: '#00B0FF',\n    life: '#ed1c24',\n    brand: '#00B0FF',\n    primaryAdd1: '#B3E5FC',\n    primaryAdd2: '#0091EA',\n    primaryAdd3: '#0277BD',\n    primaryAdd4: '#015798',\n    xtraLightGrey: '#FAFAFA',\n    light: '#ECEFF1',\n    medium: '#90A4AE',\n    dark: '#546E7A',\n    grey: '#607D8B',\n    orangeAdd: '#FF7043',\n    orange: '#FFA000',\n    positive: '#3EC483',\n    lightGreen: '#66BB6A',\n    negative: '#F73F52',\n    battle: '#FFE100',\n    white: '#FFFFFF',\n    black: '#14171A'\n  }\n};\n\nconst mergeSkin = (skin = {}) => defaultsDeep(DEFAULT_SKIN, skin);\n\nconst historyShape = PropTypes.shape({\n  createHref: PropTypes.func,\n  push: PropTypes.func\n});\n\nconst skinShape = PropTypes.shape({\n  common: PropTypes.objectOf(ColorPropType),\n  images: PropTypes.shape({\n    'logo-mobile': SrcPropType,\n    logo: SrcPropType,\n    'logo-email': SrcPropType,\n    login: SrcPropType\n  }),\n  icons: PropTypes.objectOf(HexPropType),\n  mod: PropTypes.objectOf(ColorPropType),\n  courses: PropTypes.arrayOf(ColorPropType),\n  texts: PropTypes.objectOf(ColorPropType)\n});\n\nconst translateShape = PropTypes.func;\n\nclass Provider extends React.Component {\n  static propTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    children: PropTypes.node.isRequired,\n    Vimeo: PropTypes.shape({\n      common: PropTypes.func\n    })\n  };\n\n  static childContextTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    Vimeo: PropTypes.object\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {history, skin, translate} = props;\n\n    return {\n      history,\n      skin: mergeSkin(skin),\n      translate\n    };\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    const {history, skin, translate, Vimeo} = props;\n    // eslint-disable-next-line react/no-unused-state\n    this.state = {history, skin: mergeSkin(skin), translate, Vimeo};\n  }\n\n  getChildContext() {\n    return this.state;\n  }\n\n  render() {\n    const {children} = this.props;\n    return React.Children.only(children);\n  }\n}\n\nconst GetSkinFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacySkin = get('skin', legacyContext);\n  const skin = getOr(legacySkin, 'skin', context);\n\n  return skin;\n};\n\nconst GetTranslateFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacyTranslate = get('translate', legacyContext);\n  const translate = getOr(legacyTranslate, 'translate', context);\n  return translate;\n};\n\nexport {WebContext, useWebContext, GetSkinFromContext, GetTranslateFromContext};\nexport default Provider;\n"],"mappings":"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"}

package/es/atom/provider/web-context.js

@@ -1,5 +1,6 @@
 import React, { createContext, useContext } from 'react';
 const Context = /*#__PURE__*/createContext({});
+
 const WebContext = ({
   children,
   ...value
@@ -8,11 +9,14 @@ const WebContext = ({
     value: value
   }, children);
 };
+
 export const useWebContext = () => {
   const context = useContext(Context);
+
   if (!context) {
     throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');
   }
+
   return context;
 };
 export default WebContext;

package/es/atom/provider/web-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.js","names":["React","createContext","useContext","Context","WebContext","children","value","createElement","Provider","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\nexport type WebContextValues = {\n  skin?: Skin;\n  translate?: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,aAAa,EAAaC,UAAU,QAAO,OAAO;AAajE,MAAMC,OAAO,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAMjC,MAAMG,UAAU,GAAGA,CAAC;EAACC,QAAQ;EAAE,GAAGC;AAAY,CAAC,KAAK;EAClD,oBAAON,KAAA,CAAAO,aAAA,CAACJ,OAAO,CAACK,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAA2B,CAAC;AACtE,CAAC;AAED,OAAO,MAAMI,aAAa,GAAGA,CAAA,KAAwB;EACnD,MAAMC,OAAO,GAAGR,UAAU,CAACC,OAAO,CAAC;EAEnC,IAAI,CAACO,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,0EAA0E,CAAC;EAC7F;EAEA,OAAOD,OAAO;AAChB,CAAC;AAED,eAAeN,UAAU","ignoreList":[]}
+{"version":3,"file":"web-context.js","names":["React","createContext","useContext","Context","WebContext","children","value","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\nexport type WebContextValues = {\n  skin?: Skin;\n  translate?: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,aAAf,EAAyCC,UAAzC,QAA0D,OAA1D;AAaA,MAAMC,OAAO,gBAAGF,aAAa,CAAC,EAAD,CAA7B;;AAMA,MAAMG,UAAU,GAAG,CAAC;EAACC,QAAD;EAAW,GAAGC;AAAd,CAAD,KAAiC;EAClD,oBAAO,oBAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIA,OAAO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAGN,UAAU,CAACC,OAAD,CAA1B;;EAEA,IAAI,CAACK,OAAL,EAAc;IACZ,MAAM,IAAIC,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOD,OAAP;AACD,CARM;AAUP,eAAeJ,UAAf"}

package/es/atom/radio-group/index.js

@@ -1,6 +1,8 @@
 import _map from "lodash/fp/map";
 import _get from "lodash/fp/get";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import classnames from 'classnames';
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -11,6 +13,7 @@ const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager
 };
+
 const RadioGroup = (props, context) => {
   const {
     list = [],
@@ -22,8 +25,11 @@ const RadioGroup = (props, context) => {
   const {
     skin
   } = context;
+
   const borderColor = color || _get('common.primary', skin);
+
   const mainClass = themeStyle[theme];
+
   const items = _map(itemProps => {
     return /*#__PURE__*/React.createElement(Item, _extends({}, itemProps, {
       color: color,
@@ -32,6 +38,7 @@ const RadioGroup = (props, context) => {
       key: itemProps.value
     }));
   }, list);
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames([mainClass, style.container, className]),
     style: {
@@ -39,6 +46,7 @@ const RadioGroup = (props, context) => {
     }
   }, items);
 };
+
 RadioGroup.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/atom/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["classnames","React","PropTypes","Provider","style","Item","themeStyle","setup","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","_get","mainClass","items","_map","itemProps","createElement","_extends","key","value","container","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","arrayOf","shape","func"],"sources":["../../../src/atom/radio-group/index.js"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport {get, map} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nimport Item from './item';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst RadioGroup = (props, context) => {\n  const {list = [], onChange, color, className, theme = 'setup'} = props;\n  const {skin} = context;\n  const borderColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  const items = map(itemProps => {\n    return (\n      <Item {...itemProps} color={color} theme={theme} onChange={onChange} key={itemProps.value} />\n    );\n  }, list);\n\n  return (\n    <div className={classnames([mainClass, style.container, className])} style={{borderColor}}>\n      {items}\n    </div>\n  );\n};\n\nRadioGroup.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nRadioGroup.propTypes = {\n  color: PropTypes.string,\n  theme: PropTypes.string,\n  className: PropTypes.string,\n  list: PropTypes.arrayOf(PropTypes.shape(Item.propTypes)),\n  onChange: PropTypes.func\n};\n\nexport default RadioGroup;\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEH,KAAK,CAACG,KAAK;EAClBC,YAAY,EAAEJ,KAAK,CAACI;AACtB,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,KAAK,GAAG;EAAO,CAAC,GAAGN,KAAK;EACtE,MAAM;IAACO;EAAI,CAAC,GAAGN,OAAO;EACtB,MAAMO,WAAW,GAAGJ,KAAK,IAAIK,IAAA,CAAI,gBAAgB,EAAEF,IAAI,CAAC;EACxD,MAAMG,SAAS,GAAGd,UAAU,CAACU,KAAK,CAAC;EACnC,MAAMK,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEtB,KAAA,CAAAuB,aAAA,CAACnB,IAAI,EAAAoB,QAAA,KAAKF,SAAS;MAAET,KAAK,EAAEA,KAAM;MAACE,KAAK,EAAEA,KAAM;MAACH,QAAQ,EAAEA,QAAS;MAACa,GAAG,EAAEH,SAAS,CAACI;IAAM,EAAE,CAAC;EAEjG,CAAC,EAAEf,IAAI,CAAC;EAER,oBACEX,KAAA,CAAAuB,aAAA;IAAKT,SAAS,EAAEf,UAAU,CAAC,CAACoB,SAAS,EAAEhB,KAAK,CAACwB,SAAS,EAAEb,SAAS,CAAC,CAAE;IAACX,KAAK,EAAE;MAACc;IAAW;EAAE,GACvFG,KACE,CAAC;AAEV,CAAC;AAEDZ,UAAU,CAACoB,YAAY,GAAG;EACxBZ,IAAI,EAAEd,QAAQ,CAAC2B,iBAAiB,CAACb;AACnC,CAAC;AAEDR,UAAU,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBpB,KAAK,EAAEZ,SAAS,CAACiC,MAAM;EACvBnB,KAAK,EAAEd,SAAS,CAACiC,MAAM;EACvBpB,SAAS,EAAEb,SAAS,CAACiC,MAAM;EAC3BvB,IAAI,EAAEV,SAAS,CAACkC,OAAO,CAAClC,SAAS,CAACmC,KAAK,CAAChC,IAAI,CAAC0B,SAAS,CAAC,CAAC;EACxDlB,QAAQ,EAAEX,SAAS,CAACoC;AACtB,CAAC;AAED,eAAe7B,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["classnames","React","PropTypes","Provider","style","Item","themeStyle","setup","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","mainClass","items","itemProps","value","container","contextTypes","childContextTypes","propTypes","string","arrayOf","shape","func"],"sources":["../../../src/atom/radio-group/index.js"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport {get, map} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nimport Item from './item';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst RadioGroup = (props, context) => {\n  const {list = [], onChange, color, className, theme = 'setup'} = props;\n  const {skin} = context;\n  const borderColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  const items = map(itemProps => {\n    return (\n      <Item {...itemProps} color={color} theme={theme} onChange={onChange} key={itemProps.value} />\n    );\n  }, list);\n\n  return (\n    <div className={classnames([mainClass, style.container, className])} style={{borderColor}}>\n      {items}\n    </div>\n  );\n};\n\nRadioGroup.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nRadioGroup.propTypes = {\n  color: PropTypes.string,\n  theme: PropTypes.string,\n  className: PropTypes.string,\n  list: PropTypes.arrayOf(PropTypes.shape(Item.propTypes)),\n  onChange: PropTypes.func\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEH,KAAK,CAACG,KADI;EAEjBC,YAAY,EAAEJ,KAAK,CAACI;AAFH,CAAnB;;AAKA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,QAAZ;IAAsBC,KAAtB;IAA6BC,SAA7B;IAAwCC,KAAK,GAAG;EAAhD,IAA2DN,KAAjE;EACA,MAAM;IAACO;EAAD,IAASN,OAAf;;EACA,MAAMO,WAAW,GAAGJ,KAAK,IAAI,KAAI,gBAAJ,EAAsBG,IAAtB,CAA7B;;EACA,MAAME,SAAS,GAAGb,UAAU,CAACU,KAAD,CAA5B;;EACA,MAAMI,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE,oBAAC,IAAD,eAAUA,SAAV;MAAqB,KAAK,EAAEP,KAA5B;MAAmC,KAAK,EAAEE,KAA1C;MAAiD,QAAQ,EAAEH,QAA3D;MAAqE,GAAG,EAAEQ,SAAS,CAACC;IAApF,GADF;EAGD,CAJa,EAIXV,IAJW,CAAd;;EAMA,oBACE;IAAK,SAAS,EAAEZ,UAAU,CAAC,CAACmB,SAAD,EAAYf,KAAK,CAACmB,SAAlB,EAA6BR,SAA7B,CAAD,CAA1B;IAAqE,KAAK,EAAE;MAACG;IAAD;EAA5E,GACGE,KADH,CADF;AAKD,CAhBD;;AAkBAX,UAAU,CAACe,YAAX,GAA0B;EACxBP,IAAI,EAAEd,QAAQ,CAACsB,iBAAT,CAA2BR;AADT,CAA1B;AAIAR,UAAU,CAACiB,SAAX,2CAAuB;EACrBZ,KAAK,EAAEZ,SAAS,CAACyB,MADI;EAErBX,KAAK,EAAEd,SAAS,CAACyB,MAFI;EAGrBZ,SAAS,EAAEb,SAAS,CAACyB,MAHA;EAIrBf,IAAI,EAAEV,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,KAAV,CAAgBxB,IAAI,CAACqB,SAArB,CAAlB,CAJe;EAKrBb,QAAQ,EAAEX,SAAS,CAAC4B;AALC,CAAvB;AAQA,eAAerB,UAAf"}

package/es/atom/radio-group/item.js

@@ -7,13 +7,17 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Provider from '../provider';
 import style from './item.css';
+
 const getTargetValueAndCall = fun => _pipe(_get('target.value'), fun);
+
 const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager
 };
+
 const Item = (props, context) => {
   const idRadioButton = _uniqueId('inputRadioButton');
+
   const {
     skin
   } = context;
@@ -26,7 +30,9 @@ const Item = (props, context) => {
     onChange = _identity,
     theme
   } = props;
+
   const defaultColor = color || _get('common.primary', skin);
+
   const mainClass = themeStyle[theme];
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(style.normal, mainClass),
@@ -55,6 +61,7 @@ const Item = (props, context) => {
     title: label
   }, label)));
 };
+
 Item.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/atom/radio-group/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["React","PropTypes","classNames","Provider","style","getTargetValueAndCall","fun","_pipe","_get","themeStyle","setup","coorpmanager","Item","props","context","idRadioButton","_uniqueId","skin","color","name","value","checked","label","onChange","_identity","theme","defaultColor","mainClass","createElement","className","normal","backgroundColor","borderRightColor","type","id","radio","selected","htmlFor","labelSpan","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","bool","func"],"sources":["../../../src/atom/radio-group/item.js"],"sourcesContent":["import React from 'react';\nimport {get, pipe, identity, uniqueId} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Provider from '../provider';\nimport style from './item.css';\n\nconst getTargetValueAndCall = fun => pipe(get('target.value'), fun);\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst Item = (props, context) => {\n  const idRadioButton = uniqueId('inputRadioButton');\n  const {skin} = context;\n  const {color, name, value, checked, label, onChange = identity, theme} = props;\n  const defaultColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  return (\n    <div\n      className={classNames(style.normal, mainClass)}\n      style={{\n        backgroundColor: checked && defaultColor,\n        borderRightColor: defaultColor,\n        color: !checked && defaultColor\n      }}\n    >\n      <input\n        type=\"radio\"\n        id={idRadioButton}\n        className={style.radio}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={getTargetValueAndCall(onChange)}\n      />\n      <label\n        className={classNames(style.label, checked && style.selected)}\n        style={{\n          color: !checked && defaultColor\n        }}\n        htmlFor={idRadioButton}\n      >\n        <span className={style.labelSpan} data-name={`radio-${value}`} title={label}>\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n\nItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nItem.propTypes = {\n  color: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  theme: PropTypes.string,\n  checked: PropTypes.bool,\n  label: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default Item;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,YAAY;AAE9B,MAAMC,qBAAqB,GAAGC,GAAG,IAAIC,KAAA,CAAKC,IAAA,CAAI,cAAc,CAAC,EAAEF,GAAG,CAAC;AAEnE,MAAMG,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACM,KAAK;EAClBC,YAAY,EAAEP,KAAK,CAACO;AACtB,CAAC;AAED,MAAMC,IAAI,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAMC,aAAa,GAAGC,SAAA,CAAS,kBAAkB,CAAC;EAClD,MAAM;IAACC;EAAI,CAAC,GAAGH,OAAO;EACtB,MAAM;IAACI,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ,GAAAC,SAAW;IAAEC;EAAK,CAAC,GAAGZ,KAAK;EAC9E,MAAMa,YAAY,GAAGR,KAAK,IAAIV,IAAA,CAAI,gBAAgB,EAAES,IAAI,CAAC;EACzD,MAAMU,SAAS,GAAGlB,UAAU,CAACgB,KAAK,CAAC;EACnC,oBACEzB,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAE3B,UAAU,CAACE,KAAK,CAAC0B,MAAM,EAAEH,SAAS,CAAE;IAC/CvB,KAAK,EAAE;MACL2B,eAAe,EAAEV,OAAO,IAAIK,YAAY;MACxCM,gBAAgB,EAAEN,YAAY;MAC9BR,KAAK,EAAE,CAACG,OAAO,IAAIK;IACrB;EAAE,gBAEF1B,KAAA,CAAA4B,aAAA;IACEK,IAAI,EAAC,OAAO;IACZC,EAAE,EAAEnB,aAAc;IAClBc,SAAS,EAAEzB,KAAK,CAAC+B,KAAM;IACvBhB,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAElB,qBAAqB,CAACkB,QAAQ;EAAE,CAC3C,CAAC,eACFvB,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAE3B,UAAU,CAACE,KAAK,CAACkB,KAAK,EAAED,OAAO,IAAIjB,KAAK,CAACgC,QAAQ,CAAE;IAC9DhC,KAAK,EAAE;MACLc,KAAK,EAAE,CAACG,OAAO,IAAIK;IACrB,CAAE;IACFW,OAAO,EAAEtB;EAAc,gBAEvBf,KAAA,CAAA4B,aAAA;IAAMC,SAAS,EAAEzB,KAAK,CAACkC,SAAU;IAAC,aAAW,SAASlB,KAAK,EAAG;IAACmB,KAAK,EAAEjB;EAAM,GACzEA,KACG,CACD,CACJ,CAAC;AAEV,CAAC;AAEDV,IAAI,CAAC4B,YAAY,GAAG;EAClBvB,IAAI,EAAEd,QAAQ,CAACsC,iBAAiB,CAACxB;AACnC,CAAC;AACDL,IAAI,CAAC8B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACf3B,KAAK,EAAEjB,SAAS,CAAC6C,MAAM;EACvB1B,KAAK,EAAEnB,SAAS,CAAC6C,MAAM,CAACC,UAAU;EAClC5B,IAAI,EAAElB,SAAS,CAAC6C,MAAM;EACtBrB,KAAK,EAAExB,SAAS,CAAC6C,MAAM;EACvBzB,OAAO,EAAEpB,SAAS,CAAC+C,IAAI;EACvB1B,KAAK,EAAErB,SAAS,CAAC6C,MAAM;EACvBvB,QAAQ,EAAEtB,SAAS,CAACgD;AACtB,CAAC;AAED,eAAerC,IAAI","ignoreList":[]}
+{"version":3,"file":"item.js","names":["React","PropTypes","classNames","Provider","style","getTargetValueAndCall","fun","themeStyle","setup","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","childContextTypes","propTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/radio-group/item.js"],"sourcesContent":["import React from 'react';\nimport {get, pipe, identity, uniqueId} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Provider from '../provider';\nimport style from './item.css';\n\nconst getTargetValueAndCall = fun => pipe(get('target.value'), fun);\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst Item = (props, context) => {\n  const idRadioButton = uniqueId('inputRadioButton');\n  const {skin} = context;\n  const {color, name, value, checked, label, onChange = identity, theme} = props;\n  const defaultColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  return (\n    <div\n      className={classNames(style.normal, mainClass)}\n      style={{\n        backgroundColor: checked && defaultColor,\n        borderRightColor: defaultColor,\n        color: !checked && defaultColor\n      }}\n    >\n      <input\n        type=\"radio\"\n        id={idRadioButton}\n        className={style.radio}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={getTargetValueAndCall(onChange)}\n      />\n      <label\n        className={classNames(style.label, checked && style.selected)}\n        style={{\n          color: !checked && defaultColor\n        }}\n        htmlFor={idRadioButton}\n      >\n        <span className={style.labelSpan} data-name={`radio-${value}`} title={label}>\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n\nItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nItem.propTypes = {\n  color: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  theme: PropTypes.string,\n  checked: PropTypes.bool,\n  label: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default Item;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,YAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,GAAG,IAAI,MAAK,KAAI,cAAJ,CAAL,EAA0BA,GAA1B,CAArC;;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEJ,KAAK,CAACI,KADI;EAEjBC,YAAY,EAAEL,KAAK,CAACK;AAFH,CAAnB;;AAKA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAMC,aAAa,GAAG,UAAS,kBAAT,CAAtB;;EACA,MAAM;IAACC;EAAD,IAASF,OAAf;EACA,MAAM;IAACG,KAAD;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,OAArB;IAA8BC,KAA9B;IAAqCC,QAAQ,YAA7C;IAA0DC;EAA1D,IAAmEV,KAAzE;;EACA,MAAMW,YAAY,GAAGP,KAAK,IAAI,KAAI,gBAAJ,EAAsBD,IAAtB,CAA9B;;EACA,MAAMS,SAAS,GAAGhB,UAAU,CAACc,KAAD,CAA5B;EACA,oBACE;IACE,SAAS,EAAEnB,UAAU,CAACE,KAAK,CAACoB,MAAP,EAAeD,SAAf,CADvB;IAEE,KAAK,EAAE;MACLE,eAAe,EAAEP,OAAO,IAAII,YADvB;MAELI,gBAAgB,EAAEJ,YAFb;MAGLP,KAAK,EAAE,CAACG,OAAD,IAAYI;IAHd;EAFT,gBAQE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAET,aAFN;IAGE,SAAS,EAAET,KAAK,CAACuB,KAHnB;IAIE,IAAI,EAAEX,IAJR;IAKE,KAAK,EAAEC,KALT;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEb,qBAAqB,CAACe,QAAD;EAPjC,EARF,eAiBE;IACE,SAAS,EAAElB,UAAU,CAACE,KAAK,CAACe,KAAP,EAAcD,OAAO,IAAId,KAAK,CAACwB,QAA/B,CADvB;IAEE,KAAK,EAAE;MACLb,KAAK,EAAE,CAACG,OAAD,IAAYI;IADd,CAFT;IAKE,OAAO,EAAET;EALX,gBAOE;IAAM,SAAS,EAAET,KAAK,CAACyB,SAAvB;IAAkC,aAAY,SAAQZ,KAAM,EAA5D;IAA+D,KAAK,EAAEE;EAAtE,GACGA,KADH,CAPF,CAjBF,CADF;AA+BD,CArCD;;AAuCAT,IAAI,CAACoB,YAAL,GAAoB;EAClBhB,IAAI,EAAEX,QAAQ,CAAC4B,iBAAT,CAA2BjB;AADf,CAApB;AAGAJ,IAAI,CAACsB,SAAL,2CAAiB;EACfjB,KAAK,EAAEd,SAAS,CAACgC,MADF;EAEfhB,KAAK,EAAEhB,SAAS,CAACgC,MAAV,CAAiBC,UAFT;EAGflB,IAAI,EAAEf,SAAS,CAACgC,MAHD;EAIfZ,KAAK,EAAEpB,SAAS,CAACgC,MAJF;EAKff,OAAO,EAAEjB,SAAS,CAACkC,IALJ;EAMfhB,KAAK,EAAElB,SAAS,CAACgC,MANF;EAOfb,QAAQ,EAAEnB,SAAS,CAACmC;AAPL,CAAjB;AAUA,eAAe1B,IAAf"}

package/es/atom/radio-with-title/index.js

@@ -1,9 +1,12 @@
 import _uniqueId from "lodash/fp/uniqueId";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useCallback } from 'react';
 import Title from '../title';
 import style from './style.css';
 import { propTypes } from './types';
+
 const RadioWithTitle = props => {
   const {
     title,
@@ -13,7 +16,9 @@ const RadioWithTitle = props => {
     'data-name': dataName,
     'aria-label': ariaLabel
   } = props;
+
   const idRadio = _uniqueId('input-radio-');
+
   const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
@@ -35,6 +40,7 @@ const RadioWithTitle = props => {
     subtitleSize: 'extra-small'
   })))));
 };
+
 RadioWithTitle.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default RadioWithTitle;
 //# sourceMappingURL=index.js.map

package/es/atom/radio-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","_uniqueId","handleChange","e","target","createElement","className","container","htmlFor","type","id","radio","_extends","titleSize","subtitleSize","process","env","NODE_ENV"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} titleSize={'small'} subtitleSize={'extra-small'} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AAExC,OAAOC,KAAK,MAAM,UAAU;AAC5B,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAQC,SAAS,QAA4B,SAAS;AAEtD,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,OAAO;IAAEC,QAAQ;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EAC9F,MAAMO,OAAO,GAAGC,SAAA,CAAS,cAAc,CAAC;EACxC,MAAMC,YAAY,GAAGd,WAAW,CAACe,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAM,CAACR,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE7E,oBACEV,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACiB;EAAU,gBAC9BpB,KAAA,CAAAkB,aAAA;IAAOG,OAAO,EAAER;EAAQ,gBACtBb,KAAA,CAAAkB,aAAA;IACEI,IAAI,EAAC,OAAO;IACZC,EAAE,EAAEV,OAAQ;IACZL,IAAI,EAAEA,IAAK;IACXE,QAAQ,EAAEK,YAAa;IACvBN,OAAO,EAAEA,OAAQ;IACjBU,SAAS,EAAEhB,KAAK,CAACqB,KAAM;IACvB,aAAWb,QAAS;IACpB,cAAYC;EAAU,CACvB,CAAC,eACFZ,KAAA,CAAAkB,aAAA;IAAMC,SAAS,EAAEhB,KAAK,CAACI;EAAM,gBAC3BP,KAAA,CAAAkB,aAAA,CAAChB,KAAK,EAAAuB,QAAA,KAAKlB,KAAK;IAAEmB,SAAS,EAAE,OAAQ;IAACC,YAAY,EAAE;EAAc,EAAE,CAChE,CACD,CACJ,CAAC;AAEV,CAAC;AAEDtB,cAAc,CAACD,SAAS,GAAAwB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG1B,SAAS;AAEpC,eAAeC,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","e","target","container","radio"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} titleSize={'small'} subtitleSize={'extra-small'} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,SAAR,QAA6C,SAA7C;;AAEA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,OAAd;IAAuBC,QAAvB;IAAiC,aAAaC,QAA9C;IAAwD,cAAcC;EAAtE,IAAmFN,KAAzF;;EACA,MAAMO,OAAO,GAAG,UAAS,cAAT,CAAhB;;EACA,MAAMC,YAAY,GAAGb,WAAW,CAACc,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAAd,EAAkC,CAACC,QAAD,CAAlC,CAAhC;EAEA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACc;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEN,KAAK,CAACe,KANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAET,KAAK,CAACI;EAAvB,gBACE,oBAAC,KAAD,eAAWA,KAAX;IAAkB,SAAS,EAAE,OAA7B;IAAsC,YAAY,EAAE;EAApD,GADF,CAXF,CADF,CADF;AAmBD,CAxBD;;AA0BAF,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}

package/es/atom/radio-with-title/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Title","propTypes","title","shape","isRequired","name","string","checked","bool","onChange","func"],"sources":["../../../src/atom/radio-with-title/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Title from '../title';\n\nexport const propTypes = {\n  title: PropTypes.shape(Title.propTypes).isRequired,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n\nexport type RadioWithTitleProps = {\n  title: {\n    title: string;\n    subtitle: string;\n    type: string;\n    'data-name': string;\n    subtitleSize: string;\n  };\n  name?: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n  'aria-label': string;\n  'data-name'?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,UAAU;AAE5B,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEH,SAAS,CAACI,KAAK,CAACH,KAAK,CAACC,SAAS,CAAC,CAACG,UAAU;EAClDC,IAAI,EAAEN,SAAS,CAACO,MAAM;EACtBC,OAAO,EAAER,SAAS,CAACS,IAAI;EACvBC,QAAQ,EAAEV,SAAS,CAACW,IAAI,CAACN,UAAU;EACnC,YAAY,EAAEL,SAAS,CAACO,MAAM;EAC9B,WAAW,EAAEP,SAAS,CAACO;AACzB,CAAC","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","Title","propTypes","title","shape","isRequired","name","string","checked","bool","onChange","func"],"sources":["../../../src/atom/radio-with-title/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Title from '../title';\n\nexport const propTypes = {\n  title: PropTypes.shape(Title.propTypes).isRequired,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n\nexport type RadioWithTitleProps = {\n  title: {\n    title: string;\n    subtitle: string;\n    type: string;\n    'data-name': string;\n    subtitleSize: string;\n  };\n  name?: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n  'aria-label': string;\n  'data-name'?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEH,SAAS,CAACI,KAAV,CAAgBH,KAAK,CAACC,SAAtB,EAAiCG,UADjB;EAEvBC,IAAI,EAAEN,SAAS,CAACO,MAFO;EAGvBC,OAAO,EAAER,SAAS,CAACS,IAHI;EAIvBC,QAAQ,EAAEV,SAAS,CAACW,IAAV,CAAeN,UAJF;EAKvB,cAAcL,SAAS,CAACO,MALD;EAMvB,aAAaP,SAAS,CAACO;AANA,CAAlB"}

package/es/atom/range/handle.js

@@ -5,30 +5,37 @@ import PropTypes from 'prop-types';
 import Provider, { GetSkinFromContext } from '../provider';
 import { getShadowBoxColorFromPrimary } from '../../util/get-shadow-box-color-from-primary';
 import style from './handle.css';
+
 class NoopHammer {
-  constructor() {}
+  constructor() {} // eslint-disable-next-line class-methods-use-this
+
 
-  // eslint-disable-next-line class-methods-use-this
   on() {
     return;
-  }
+  } // eslint-disable-next-line class-methods-use-this
+
 
-  // eslint-disable-next-line class-methods-use-this
   stop() {
     return;
-  }
+  } // eslint-disable-next-line class-methods-use-this
+
 
-  // eslint-disable-next-line class-methods-use-this
   destroy() {
     return;
   }
+
 }
-const Hammer =
-// eslint-disable-next-line no-undef
-typeof window !== 'undefined' ? /* istanbul ignore next */require('hammerjs') : NoopHammer;
+
+const Hammer = // eslint-disable-next-line no-undef
+typeof window !== 'undefined' ?
+/* istanbul ignore next */
+require('hammerjs') : NoopHammer;
+
 const Handle = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
+
   const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
+
   const backgroundColor = primaryColor;
   const {
     onPanStart = _noop,
@@ -38,8 +45,7 @@ const Handle = (props, legacyContext) => {
   } = props;
   const handle = useRef();
   const hammer = useMemo(() => {
-    return HammerForTesting || handle.current && new Hammer(handle.current);
-    // (we need to mount Hammer when handle.current is rendered and ready)
+    return HammerForTesting || handle.current && new Hammer(handle.current); // (we need to mount Hammer when handle.current is rendered and ready)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [handle.current, HammerForTesting]);
   useEffect(() => {
@@ -65,6 +71,7 @@ const Handle = (props, legacyContext) => {
     "data-name": 'handle'
   }));
 };
+
 Handle.propTypes = process.env.NODE_ENV !== "production" ? {
   onPan: PropTypes.func,
   onPanStart: PropTypes.func,

package/es/atom/range/handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["React","useEffect","useMemo","useRef","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","_getOr","backgroundColor","onPanStart","_noop","onPanEnd","onPan","HammerForTesting","handle","hammer","current","createElement","className","wrapper","boxShadow","default","ref","propTypes","process","env","NODE_ENV","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"handle.js","names":["React","useEffect","useMemo","useRef","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","HammerForTesting","handle","hammer","current","wrapper","boxShadow","default","propTypes","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;AACA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,OAA1B,EAAmCC,MAAnC,QAAgD,OAAhD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,aAA3C;AACA,SAAQC,4BAAR,QAA2C,8CAA3C;AACA,OAAOC,KAAP,MAAkB,cAAlB;;AAEA,MAAMC,UAAN,CAAiB;EACfC,WAAW,GAAG,CAAE,CADD,CAGf;;;EACAC,EAAE,GAAG;IACH;EACD,CANc,CAQf;;;EACAC,IAAI,GAAG;IACL;EACD,CAXc,CAaf;;;EACAC,OAAO,GAAG;IACR;EACD;;AAhBc;;AAmBjB,MAAMC,MAAM,GAAG;AACb,OAAOC,MAAP,KAAkB,WAAlB;AAAgC;AAA2BC,OAAO,CAAC,UAAD,CAAlE,GAAiFP,UADnF;;AAGA,MAAMQ,MAAM,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACvC,MAAMC,IAAI,GAAGd,kBAAkB,CAACa,aAAD,CAA/B;;EACA,MAAME,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EACA,MAAME,eAAe,GAAGD,YAAxB;EACA,MAAM;IAACE,UAAU,QAAX;IAAoBC,QAAQ,QAA5B;IAAqCC,KAAK,QAA1C;IAAmDC;EAAnD,IAAuER,KAA7E;EAEA,MAAMS,MAAM,GAAGxB,MAAM,EAArB;EAEA,MAAMyB,MAAM,GAAG1B,OAAO,CAAC,MAAM;IAC3B,OAAOwB,gBAAgB,IAAKC,MAAM,CAACE,OAAP,IAAkB,IAAIf,MAAJ,CAAWa,MAAM,CAACE,OAAlB,CAA9C,CAD2B,CAE3B;IACA;EACD,CAJqB,EAInB,CAACF,MAAM,CAACE,OAAR,EAAiBH,gBAAjB,CAJmB,CAAtB;EAMAzB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC2B,MAAL,EAAa;IACbA,MAAM,CAACjB,EAAP,CAAU,UAAV,EAAsBY,UAAtB;IACAK,MAAM,CAACjB,EAAP,CAAU,QAAV,EAAoBa,QAApB;IAEAI,MAAM,CAACjB,EAAP,CAAU,kBAAV,EAA8Bc,KAA9B;IAEA,OAAO,MAAM;MACXG,MAAM,CAAChB,IAAP;MACAgB,MAAM,CAACf,OAAP;IACD,CAHD;EAID,CAXQ,EAWN,CAACe,MAAD,EAASL,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAXM,CAAT;EAaA,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACsB,OAAtB;IAA+B,eAAY;EAA3C,gBACE;IACE,KAAK,EAAE;MACLR,eADK;MAELS,SAAS,EAAG,gBAAexB,4BAA4B,CAACc,YAAD,CAAe;IAFjE,CADT;IAKE,SAAS,EAAEb,KAAK,CAACwB,OALnB;IAME,GAAG,EAAEL,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAV,MAAM,CAACgB,SAAP,2CAAmB;EACjBR,KAAK,EAAErB,SAAS,CAAC8B,IADA;EAEjBX,UAAU,EAAEnB,SAAS,CAAC8B,IAFL;EAGjBV,QAAQ,EAAEpB,SAAS,CAAC8B,IAHH;EAIjBR,gBAAgB,EAAEtB,SAAS,CAAC+B,KAAV,CAAgB;IAChCxB,EAAE,EAAEP,SAAS,CAAC8B,IADkB;IAEhCrB,OAAO,EAAET,SAAS,CAAC8B,IAFa;IAGhCtB,IAAI,EAAER,SAAS,CAAC8B;EAHgB,CAAhB;AAJD,CAAnB;AAWAjB,MAAM,CAACmB,YAAP,GAAsB;EACpBhB,IAAI,EAAEf,QAAQ,CAACgC,iBAAT,CAA2BjB;AADb,CAAtB;AAIA,eAAeH,MAAf"}

package/es/atom/range/index.js

@@ -5,6 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Handle from './handle';
 import style from './style.css';
+
 const valueOnTrack = (track, x) => {
   const {
     left,
@@ -12,6 +13,7 @@ const valueOnTrack = (track, x) => {
   } = track.getBoundingClientRect();
   return _clamp(0, 1, (x - left) / (right - left));
 };
+
 const extractStateFromProps = props => {
   const {
     multi = false,
@@ -22,6 +24,7 @@ const extractStateFromProps = props => {
     value: multi ? value : [0, value]
   };
 };
+
 const RenderHandles = props => {
   const {
     left,
@@ -59,6 +62,7 @@ const RenderHandles = props => {
     HammerForTesting: HammerForTestingMax
   })));
 };
+
 RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   left: PropTypes.number,
   right: PropTypes.number,
@@ -71,6 +75,7 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   HammerForTestingMin: Handle.propTypes.HammerForTesting,
   HammerForTestingMax: Handle.propTypes.HammerForTesting
 } : {};
+
 class Range extends React.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -79,10 +84,10 @@ class Range extends React.Component {
     if (pending) return null;
     return extractStateFromProps(props);
   }
+
   constructor(props, context) {
     super(props, context);
-    this.state = {
-      ...extractStateFromProps(props),
+    this.state = { ...extractStateFromProps(props),
       pending: false
     };
     this.handleClick = this.handleClick.bind(this);
@@ -92,38 +97,46 @@ class Range extends React.Component {
     this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);
     this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);
   }
+
   setRefTrack(track) {
     this.track = track;
   }
+
   handleMinChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 0, true);
   }
+
   handleMaxChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 1, true);
   }
+
   handleMinChangeEnd(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 0, false);
   }
+
   handleMaxChangeEnd(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 1, false);
   }
+
   handleChange(value, valueIndex, pending) {
     const {
       value: prevValue
     } = this.state;
+
     const newValue = _set(valueIndex, value, prevValue);
+
     const [minValue, maxValue] = newValue;
     const nextValue = minValue > maxValue ? prevValue : newValue;
     this.triggerChange(nextValue, pending);
@@ -132,6 +145,7 @@ class Range extends React.Component {
       value: pending ? nextValue : extractStateFromProps(this.props).value
     });
   }
+
   triggerChange(newValues, pending) {
     const {
       onChange = _noop,
@@ -141,6 +155,7 @@ class Range extends React.Component {
     const handle = pending ? onChange : onChangeEnd;
     return handle(multi ? newValues : newValues[1]);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -151,13 +166,16 @@ class Range extends React.Component {
     const x = e.clientX;
     const newValue = valueOnTrack(this.track, x);
     if (!multi) return this.handleChange(newValue, 1, false);
+
     if (left === right) {
       const isClickToTheLeft = left - newValue > 0;
       return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);
     }
+
     const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;
     return this.handleChange(newValue, closestHandle, false);
   }
+
   render() {
     const {
       multi = false,
@@ -202,7 +220,9 @@ class Range extends React.Component {
       onHandleMaxChangeEnd: this.handleMaxChangeEnd
     })));
   }
+
 }
+
 Range.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   onChangeEnd: PropTypes.func,