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

package/lib/atom/provider/index.js

@@ -2,18 +2,30 @@
 
 exports.__esModule = true;
 exports.default = exports.GetTranslateFromContext = exports.GetSkinFromContext = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _defaultsDeep2 = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _proptypes = require("../../util/proptypes");
+
 var _webContext = _interopRequireWildcard(require("./web-context"));
+
 exports.WebContext = _webContext.default;
 exports.useWebContext = _webContext.useWebContext;
+
 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 DEFAULT_SKIN = {
   common: {
     good: '#24b694',
@@ -40,11 +52,14 @@ const DEFAULT_SKIN = {
     black: '#14171A'
   }
 };
+
 const mergeSkin = (skin = {}) => (0, _defaultsDeep2.default)(DEFAULT_SKIN, skin);
+
 const historyShape = _propTypes.default.shape({
   createHref: _propTypes.default.func,
   push: _propTypes.default.func
 });
+
 const skinShape = _propTypes.default.shape({
   common: _propTypes.default.objectOf(_proptypes.ColorPropType),
   images: _propTypes.default.shape({
@@ -58,7 +73,9 @@ const skinShape = _propTypes.default.shape({
   courses: _propTypes.default.arrayOf(_proptypes.ColorPropType),
   texts: _propTypes.default.objectOf(_proptypes.ColorPropType)
 });
+
 const translateShape = _propTypes.default.func;
+
 class Provider extends _react.default.Component {
   static getDerivedStateFromProps(props) {
     const {
@@ -72,6 +89,7 @@ class Provider extends _react.default.Component {
       translate
     };
   }
+
   constructor(props, context) {
     super(props, context);
     const {
@@ -79,8 +97,8 @@ class Provider extends _react.default.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),
@@ -88,16 +106,20 @@ class Provider extends _react.default.Component {
       Vimeo
     };
   }
+
   getChildContext() {
     return this.state;
   }
+
   render() {
     const {
       children
     } = this.props;
     return _react.default.Children.only(children);
   }
+
 }
+
 Provider.childContextTypes = {
   history: historyShape,
   skin: skinShape,
@@ -113,19 +135,23 @@ Provider.propTypes = process.env.NODE_ENV !== "production" ? {
     common: _propTypes.default.func
   })
 } : {};
+
 const GetSkinFromContext = legacyContext => {
   const context = (0, _webContext.useWebContext)();
   const legacySkin = (0, _get2.default)('skin', legacyContext);
   const skin = (0, _getOr2.default)(legacySkin, 'skin', context);
   return skin;
 };
+
 exports.GetSkinFromContext = GetSkinFromContext;
+
 const GetTranslateFromContext = legacyContext => {
   const context = (0, _webContext.useWebContext)();
   const legacyTranslate = (0, _get2.default)('translate', legacyContext);
   const translate = (0, _getOr2.default)(legacyTranslate, 'translate', context);
   return translate;
 };
+
 exports.GetTranslateFromContext = GetTranslateFromContext;
 var _default = Provider;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["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","PropTypes","shape","createHref","func","push","skinShape","objectOf","ColorPropType","images","SrcPropType","logo","login","icons","HexPropType","mod","courses","arrayOf","texts","translateShape","Provider","React","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","childContextTypes","object","propTypes","node","isRequired","GetSkinFromContext","legacyContext","useWebContext","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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"}
+{"version":3,"file":"index.js","names":["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","PropTypes","shape","createHref","func","push","skinShape","objectOf","ColorPropType","images","SrcPropType","logo","login","icons","HexPropType","mod","courses","arrayOf","texts","translateShape","Provider","React","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","childContextTypes","object","propTypes","node","isRequired","GetSkinFromContext","legacyContext","useWebContext","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/lib/atom/provider/web-context.d.ts

@@ -1,14 +1,14 @@
 import { ReactNode } from 'react';
-type Skin = {
+declare type Skin = {
     common: {
         primary: string;
     };
 };
-type WebContextValues = {
+declare type WebContextValues = {
     skin?: Skin;
     translate: (key: string, data?: Record<string, string>) => string;
 };
-type Props = WebContextValues & {
+declare type Props = WebContextValues & {
     children: ReactNode;
 };
 declare const WebContext: ({ children, ...value }: Props) => JSX.Element;

package/lib/atom/provider/web-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlE,KAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACnE,CAAC;AAMF,KAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACnE,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -2,32 +2,44 @@
 
 exports.__esModule = true;
 exports.useWebContext = exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
-var _translate = _interopRequireDefault(require("@coorpacademy/translate"));
+
+var _translate = require("@coorpacademy/translate");
+
 const _excluded = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const Context = /*#__PURE__*/(0, _react.createContext)({
-  translate: _translate.default
+  translate: _translate.mockTranslate
 });
+
 const WebContext = _ref => {
   let {
-      children
-    } = _ref,
-    value = _objectWithoutPropertiesLoose(_ref, _excluded);
+    children
+  } = _ref,
+      value = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   return /*#__PURE__*/_react.default.createElement(Context.Provider, {
     value: value
   }, children);
 };
+
 const useWebContext = () => {
   const context = (0, _react.useContext)(Context);
+
   if (!context) {
     throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');
   }
+
   return context;
 };
+
 exports.useWebContext = useWebContext;
 var _default = WebContext;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"web-context.js","names":["Context","createContext","translate","WebContext","children","value","useWebContext","context","useContext","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport translate from '@coorpacademy/translate';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({\n  translate\n});\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;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAahD,MAAMA,OAAO,gBAAG,IAAAC,oBAAa,EAAC;EAC5BC,SAAS,EAATA;AACF,CAAC,CAAC;AAMF,MAAMC,UAAU,GAAG,QAAiC;EAAA,IAAhC;MAACC;IAAyB,CAAC;IAAbC,KAAK;EACrC,oBAAO,6BAAC,OAAO,CAAC,QAAQ;IAAC,KAAK,EAAEA;EAAM,GAAED,QAAQ,CAAoB;AACtE,CAAC;AAEM,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACR,OAAO,CAAC;EAEnC,IAAI,CAACO,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,0EAA0E,CAAC;EAC7F;EAEA,OAAOF,OAAO;AAChB,CAAC;AAAC;AAAA,eAEaJ,UAAU;AAAA"}
+{"version":3,"file":"web-context.js","names":["Context","createContext","translate","mockTranslate","WebContext","children","value","useWebContext","context","useContext","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {mockTranslate} from '@coorpacademy/translate';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({\n  translate: mockTranslate\n});\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;;AACA;;;;;;;;;;AAaA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc;EAC5BC,SAAS,EAAEC;AADiB,CAAd,CAAhB;;AAQA,MAAMC,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWT,OAAX,CAAhB;;EAEA,IAAI,CAACQ,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOF,OAAP;AACD,CARM;;;eAUQJ,U"}

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

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _item = _interopRequireDefault(require("./item"));
+
 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 themeStyle = {
   setup: _style.default.setup,
   coorpmanager: _style.default.coorpmanager
 };
+
 const RadioGroup = (props, context) => {
   const {
     list = [],
@@ -44,6 +56,7 @@ const RadioGroup = (props, context) => {
     }
   }, items);
 };
+
 RadioGroup.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","setup","style","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","mainClass","items","itemProps","value","classnames","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","arrayOf","shape","Item","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;AACA;AAEA;AACA;AACA;AAEA;AAA0B;AAAA;AAE1B,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAK,CAACD,KAAK;EAClBE,YAAY,EAAED,cAAK,CAACC;AACtB,CAAC;AAED,MAAMC,UAAU,GAAG,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,IAAI,mBAAI,gBAAgB,EAAEG,IAAI,CAAC;EACxD,MAAME,SAAS,GAAGd,UAAU,CAACW,KAAK,CAAC;EACnC,MAAMI,KAAK,GAAG,mBAAIC,SAAS,IAAI;IAC7B,oBACE,6BAAC,aAAI,eAAKA,SAAS;MAAE,KAAK,EAAEP,KAAM;MAAC,KAAK,EAAEE,KAAM;MAAC,QAAQ,EAAEH,QAAS;MAAC,GAAG,EAAEQ,SAAS,CAACC;IAAM,GAAG;EAEjG,CAAC,EAAEV,IAAI,CAAC;EAER,oBACE;IAAK,SAAS,EAAE,IAAAW,mBAAU,EAAC,CAACJ,SAAS,EAAEZ,cAAK,CAACiB,SAAS,EAAET,SAAS,CAAC,CAAE;IAAC,KAAK,EAAE;MAACG;IAAW;EAAE,GACvFE,KAAK,CACF;AAEV,CAAC;AAEDX,UAAU,CAACgB,YAAY,GAAG;EACxBR,IAAI,EAAES,iBAAQ,CAACC,iBAAiB,CAACV;AACnC,CAAC;AAEDR,UAAU,CAACmB,SAAS,2CAAG;EACrBd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBd,KAAK,EAAEa,kBAAS,CAACC,MAAM;EACvBf,SAAS,EAAEc,kBAAS,CAACC,MAAM;EAC3BlB,IAAI,EAAEiB,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAACC,aAAI,CAACL,SAAS,CAAC,CAAC;EACxDf,QAAQ,EAAEgB,kBAAS,CAACK;AACtB,CAAC;AAAC,eAEazB,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["themeStyle","setup","style","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","mainClass","items","itemProps","value","classnames","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","arrayOf","shape","Item","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;;AACA;;AAEA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMD,KADI;EAEjBE,YAAY,EAAED,cAAA,CAAMC;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,mBAAI,gBAAJ,EAAsBG,IAAtB,CAA7B;EACA,MAAME,SAAS,GAAGd,UAAU,CAACW,KAAD,CAA5B;EACA,MAAMI,KAAK,GAAG,mBAAIC,SAAS,IAAI;IAC7B,oBACE,6BAAC,aAAD,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,EAAE,IAAAW,mBAAA,EAAW,CAACJ,SAAD,EAAYZ,cAAA,CAAMiB,SAAlB,EAA6BT,SAA7B,CAAX,CAAhB;IAAqE,KAAK,EAAE;MAACG;IAAD;EAA5E,GACGE,KADH,CADF;AAKD,CAhBD;;AAkBAX,UAAU,CAACgB,YAAX,GAA0B;EACxBR,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV;AADT,CAA1B;AAIAR,UAAU,CAACmB,SAAX,2CAAuB;EACrBd,KAAK,EAAEe,kBAAA,CAAUC,MADI;EAErBd,KAAK,EAAEa,kBAAA,CAAUC,MAFI;EAGrBf,SAAS,EAAEc,kBAAA,CAAUC,MAHA;EAIrBlB,IAAI,EAAEiB,kBAAA,CAAUE,OAAV,CAAkBF,kBAAA,CAAUG,KAAV,CAAgBC,aAAA,CAAKL,SAArB,CAAlB,CAJe;EAKrBf,QAAQ,EAAEgB,kBAAA,CAAUK;AALC,CAAvB;eAQezB,U"}

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

@@ -2,21 +2,34 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _item = _interopRequireDefault(require("./item.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const getTargetValueAndCall = fun => (0, _pipe2.default)((0, _get2.default)('target.value'), fun);
+
 const themeStyle = {
   setup: _item.default.setup,
   coorpmanager: _item.default.coorpmanager
 };
+
 const Item = (props, context) => {
   const idRadioButton = (0, _uniqueId2.default)('inputRadioButton');
   const {
@@ -60,6 +73,7 @@ const Item = (props, context) => {
     title: label
   }, label)));
 };
+
 Item.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["getTargetValueAndCall","fun","themeStyle","setup","style","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","classNames","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","Provider","childContextTypes","propTypes","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;AAEA;AACA;AACA;AACA;AAA+B;AAE/B,MAAMA,qBAAqB,GAAGC,GAAG,IAAI,oBAAK,mBAAI,cAAc,CAAC,EAAEA,GAAG,CAAC;AAEnE,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,aAAK,CAACD,KAAK;EAClBE,YAAY,EAAED,aAAK,CAACC;AACtB,CAAC;AAED,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAMC,aAAa,GAAG,wBAAS,kBAAkB,CAAC;EAClD,MAAM;IAACC;EAAI,CAAC,GAAGF,OAAO;EACtB,MAAM;IAACG,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ,qBAAW;IAAEC;EAAK,CAAC,GAAGV,KAAK;EAC9E,MAAMW,YAAY,GAAGP,KAAK,IAAI,mBAAI,gBAAgB,EAAED,IAAI,CAAC;EACzD,MAAMS,SAAS,GAAGjB,UAAU,CAACe,KAAK,CAAC;EACnC,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAU,EAAChB,aAAK,CAACiB,MAAM,EAAEF,SAAS,CAAE;IAC/C,KAAK,EAAE;MACLG,eAAe,EAAER,OAAO,IAAII,YAAY;MACxCK,gBAAgB,EAAEL,YAAY;MAC9BP,KAAK,EAAE,CAACG,OAAO,IAAII;IACrB;EAAE,gBAEF;IACE,IAAI,EAAC,OAAO;IACZ,EAAE,EAAET,aAAc;IAClB,SAAS,EAAEL,aAAK,CAACoB,KAAM;IACvB,IAAI,EAAEZ,IAAK;IACX,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEd,qBAAqB,CAACgB,QAAQ;EAAE,EAC1C,eACF;IACE,SAAS,EAAE,IAAAI,mBAAU,EAAChB,aAAK,CAACW,KAAK,EAAED,OAAO,IAAIV,aAAK,CAACqB,QAAQ,CAAE;IAC9D,KAAK,EAAE;MACLd,KAAK,EAAE,CAACG,OAAO,IAAII;IACrB,CAAE;IACF,OAAO,EAAET;EAAc,gBAEvB;IAAM,SAAS,EAAEL,aAAK,CAACsB,SAAU;IAAC,aAAY,SAAQb,KAAM,EAAE;IAAC,KAAK,EAAEE;EAAM,GACzEA,KAAK,CACD,CACD,CACJ;AAEV,CAAC;AAEDT,IAAI,CAACqB,YAAY,GAAG;EAClBjB,IAAI,EAAEkB,iBAAQ,CAACC,iBAAiB,CAACnB;AACnC,CAAC;AACDJ,IAAI,CAACwB,SAAS,2CAAG;EACfnB,KAAK,EAAEoB,kBAAS,CAACC,MAAM;EACvBnB,KAAK,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCrB,IAAI,EAAEmB,kBAAS,CAACC,MAAM;EACtBf,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBlB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,KAAK,EAAEgB,kBAAS,CAACC,MAAM;EACvBhB,QAAQ,EAAEe,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEa7B,IAAI;AAAA"}
+{"version":3,"file":"item.js","names":["getTargetValueAndCall","fun","themeStyle","setup","style","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","classNames","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","Provider","childContextTypes","propTypes","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;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,qBAAqB,GAAGC,GAAG,IAAI,oBAAK,mBAAI,cAAJ,CAAL,EAA0BA,GAA1B,CAArC;;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,aAAA,CAAMD,KADI;EAEjBE,YAAY,EAAED,aAAA,CAAMC;AAFH,CAAnB;;AAKA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAMC,aAAa,GAAG,wBAAS,kBAAT,CAAtB;EACA,MAAM;IAACC;EAAD,IAASF,OAAf;EACA,MAAM;IAACG,KAAD;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,OAArB;IAA8BC,KAA9B;IAAqCC,QAAQ,qBAA7C;IAA0DC;EAA1D,IAAmEV,KAAzE;EACA,MAAMW,YAAY,GAAGP,KAAK,IAAI,mBAAI,gBAAJ,EAAsBD,IAAtB,CAA9B;EACA,MAAMS,SAAS,GAAGjB,UAAU,CAACe,KAAD,CAA5B;EACA,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWhB,aAAA,CAAMiB,MAAjB,EAAyBF,SAAzB,CADb;IAEE,KAAK,EAAE;MACLG,eAAe,EAAER,OAAO,IAAII,YADvB;MAELK,gBAAgB,EAAEL,YAFb;MAGLP,KAAK,EAAE,CAACG,OAAD,IAAYI;IAHd;EAFT,gBAQE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAET,aAFN;IAGE,SAAS,EAAEL,aAAA,CAAMoB,KAHnB;IAIE,IAAI,EAAEZ,IAJR;IAKE,KAAK,EAAEC,KALT;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEd,qBAAqB,CAACgB,QAAD;EAPjC,EARF,eAiBE;IACE,SAAS,EAAE,IAAAI,mBAAA,EAAWhB,aAAA,CAAMW,KAAjB,EAAwBD,OAAO,IAAIV,aAAA,CAAMqB,QAAzC,CADb;IAEE,KAAK,EAAE;MACLd,KAAK,EAAE,CAACG,OAAD,IAAYI;IADd,CAFT;IAKE,OAAO,EAAET;EALX,gBAOE;IAAM,SAAS,EAAEL,aAAA,CAAMsB,SAAvB;IAAkC,aAAY,SAAQb,KAAM,EAA5D;IAA+D,KAAK,EAAEE;EAAtE,GACGA,KADH,CAPF,CAjBF,CADF;AA+BD,CArCD;;AAuCAT,IAAI,CAACqB,YAAL,GAAoB;EAClBjB,IAAI,EAAEkB,iBAAA,CAASC,iBAAT,CAA2BnB;AADf,CAApB;AAGAJ,IAAI,CAACwB,SAAL,2CAAiB;EACfnB,KAAK,EAAEoB,kBAAA,CAAUC,MADF;EAEfnB,KAAK,EAAEkB,kBAAA,CAAUC,MAAV,CAAiBC,UAFT;EAGfrB,IAAI,EAAEmB,kBAAA,CAAUC,MAHD;EAIff,KAAK,EAAEc,kBAAA,CAAUC,MAJF;EAKflB,OAAO,EAAEiB,kBAAA,CAAUG,IALJ;EAMfnB,KAAK,EAAEgB,kBAAA,CAAUC,MANF;EAOfhB,QAAQ,EAAEe,kBAAA,CAAUI;AAPL,CAAjB;eAUe7B,I"}

package/lib/atom/range/handle.js

@@ -2,37 +2,52 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireWildcard(require("../provider"));
+
 var _getShadowBoxColorFromPrimary = require("../../util/get-shadow-box-color-from-primary");
+
 var _handle = _interopRequireDefault(require("./handle.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 }; }
+
 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 = (0, _provider.GetSkinFromContext)(legacyContext);
   const primaryColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
@@ -70,6 +85,7 @@ const Handle = (props, legacyContext) => {
     "data-name": 'handle'
   }));
 };
+
 Handle.propTypes = process.env.NODE_ENV !== "production" ? {
   onPan: _propTypes.default.func,
   onPanStart: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","useRef","hammer","setHammer","useState","useEffect","current","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","default","propTypes","PropTypes","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useRef, useState} 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} = props;\n\n  const handle = useRef();\n  const [hammer, setHammer] = useState();\n\n  useEffect(() => {\n    setHammer(new Hammer(handle.current));\n  }, [handle]);\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      setHammer(null);\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.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};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAEjC,MAAMA,UAAU,CAAC;EACfC,WAAW,GAAG,CAAC;;EAEf;EACAC,EAAE,GAAG;IACH;EACF;;EAEA;EACAC,IAAI,GAAG;IACL;EACF;;EAEA;EACAC,OAAO,GAAG;IACR;EACF;AACF;AAEA,MAAMC,MAAM;AAAG;AACb,OAAOC,MAAM,KAAK,WAAW,GAAG,0BAA2BC,OAAO,CAAC,UAAU,CAAC,GAAGP,UAAU;AAE7F,MAAMQ,MAAM,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EACvC,MAAMC,IAAI,GAAG,IAAAC,4BAAkB,EAACF,aAAa,CAAC;EAC9C,MAAMG,YAAY,GAAG,qBAAM,SAAS,EAAE,gBAAgB,EAAEF,IAAI,CAAC;EAC7D,MAAMG,eAAe,GAAGD,YAAY;EACpC,MAAM;IAACE,UAAU,iBAAO;IAAEC,QAAQ,iBAAO;IAAEC,KAAK;EAAO,CAAC,GAAGR,KAAK;EAEhE,MAAMS,MAAM,GAAG,IAAAC,aAAM,GAAE;EACvB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,GAAE;EAEtC,IAAAC,gBAAS,EAAC,MAAM;IACdF,SAAS,CAAC,IAAIhB,MAAM,CAACa,MAAM,CAACM,OAAO,CAAC,CAAC;EACvC,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,MAAM,EAAE;IACbA,MAAM,CAAClB,EAAE,CAAC,UAAU,EAAEa,UAAU,CAAC;IACjCK,MAAM,CAAClB,EAAE,CAAC,QAAQ,EAAEc,QAAQ,CAAC;IAE7BI,MAAM,CAAClB,EAAE,CAAC,kBAAkB,EAAEe,KAAK,CAAC;IAEpC,OAAO,MAAM;MACXG,MAAM,CAACjB,IAAI,EAAE;MACbiB,MAAM,CAAChB,OAAO,EAAE;MAChBiB,SAAS,CAAC,IAAI,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACD,MAAM,EAAEL,UAAU,EAAEC,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAEzC,oBACE;IAAK,SAAS,EAAEQ,eAAK,CAACC;EAAQ,gBAC5B;IACE,KAAK,EAAE;MACLZ,eAAe;MACfa,SAAS,EAAG,gBAAe,IAAAC,0DAA4B,EAACf,YAAY,CAAE;IACxE,CAAE;IACF,SAAS,EAAEY,eAAK,CAACI,OAAQ;IACzB,GAAG,EAAEX,MAAO;IACZ,aAAW;EAAS,EACpB,CACE;AAEV,CAAC;AAEDV,MAAM,CAACsB,SAAS,2CAAG;EACjBb,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBjB,UAAU,EAAEgB,kBAAS,CAACC,IAAI;EAC1BhB,QAAQ,EAAEe,kBAAS,CAACC;AACtB,CAAC;AAEDxB,MAAM,CAACyB,YAAY,GAAG;EACpBtB,IAAI,EAAEuB,iBAAQ,CAACC,iBAAiB,CAACxB;AACnC,CAAC;AAAC,eAEaH,MAAM;AAAA"}
+{"version":3,"file":"handle.js","names":["NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","useRef","hammer","setHammer","useState","useEffect","current","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","default","propTypes","PropTypes","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useRef, useState} 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} = props;\n\n  const handle = useRef();\n  const [hammer, setHammer] = useState();\n\n  useEffect(() => {\n    setHammer(new Hammer(handle.current));\n  }, [handle]);\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      setHammer(null);\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.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};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,GAAG,IAAAC,4BAAA,EAAmBF,aAAnB,CAAb;EACA,MAAMG,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCF,IAAnC,CAArB;EACA,MAAMG,eAAe,GAAGD,YAAxB;EACA,MAAM;IAACE,UAAU,iBAAX;IAAoBC,QAAQ,iBAA5B;IAAqCC,KAAK;EAA1C,IAAqDR,KAA3D;EAEA,MAAMS,MAAM,GAAG,IAAAC,aAAA,GAAf;EACA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,GAA5B;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACdF,SAAS,CAAC,IAAIhB,MAAJ,CAAWa,MAAM,CAACM,OAAlB,CAAD,CAAT;EACD,CAFD,EAEG,CAACN,MAAD,CAFH;EAIA,IAAAK,gBAAA,EAAU,MAAM;IACd,IAAI,CAACH,MAAL,EAAa;IACbA,MAAM,CAAClB,EAAP,CAAU,UAAV,EAAsBa,UAAtB;IACAK,MAAM,CAAClB,EAAP,CAAU,QAAV,EAAoBc,QAApB;IAEAI,MAAM,CAAClB,EAAP,CAAU,kBAAV,EAA8Be,KAA9B;IAEA,OAAO,MAAM;MACXG,MAAM,CAACjB,IAAP;MACAiB,MAAM,CAAChB,OAAP;MACAiB,SAAS,CAAC,IAAD,CAAT;IACD,CAJD;EAKD,CAZD,EAYG,CAACD,MAAD,EAASL,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAZH;EAcA,oBACE;IAAK,SAAS,EAAEQ,eAAA,CAAMC;EAAtB,gBACE;IACE,KAAK,EAAE;MACLZ,eADK;MAELa,SAAS,EAAG,gBAAe,IAAAC,0DAAA,EAA6Bf,YAA7B,CAA2C;IAFjE,CADT;IAKE,SAAS,EAAEY,eAAA,CAAMI,OALnB;IAME,GAAG,EAAEX,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAV,MAAM,CAACsB,SAAP,2CAAmB;EACjBb,KAAK,EAAEc,kBAAA,CAAUC,IADA;EAEjBjB,UAAU,EAAEgB,kBAAA,CAAUC,IAFL;EAGjBhB,QAAQ,EAAEe,kBAAA,CAAUC;AAHH,CAAnB;AAMAxB,MAAM,CAACyB,YAAP,GAAsB;EACpBtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AADb,CAAtB;eAIeH,M"}

package/lib/atom/range/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _clamp2 = _interopRequireDefault(require("lodash/fp/clamp"));
+
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _handle = _interopRequireDefault(require("./handle"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 valueOnTrack = (track, x) => {
   const {
     left,
@@ -18,6 +28,7 @@ const valueOnTrack = (track, x) => {
   } = track.getBoundingClientRect();
   return (0, _clamp2.default)(0, 1, (x - left) / (right - left));
 };
+
 const extractStateFromProps = props => {
   const {
     multi = false,
@@ -28,6 +39,7 @@ const extractStateFromProps = props => {
     value: multi ? value : [0, value]
   };
 };
+
 const RenderHandles = props => {
   const {
     left,
@@ -59,6 +71,7 @@ const RenderHandles = props => {
     onPanEnd: onHandleMaxChangeEnd
   })));
 };
+
 RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   left: _propTypes.default.number,
   right: _propTypes.default.number,
@@ -69,6 +82,7 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   onHandleMaxChange: _propTypes.default.func,
   onHandleMaxChangeEnd: _propTypes.default.func
 } : {};
+
 class Range extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -77,6 +91,7 @@ class Range extends _react.default.Component {
     if (pending) return null;
     return extractStateFromProps(props);
   }
+
   constructor(props, context) {
     super(props, context);
     this.state = _extends({}, extractStateFromProps(props), {
@@ -89,33 +104,39 @@ class Range extends _react.default.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
@@ -129,6 +150,7 @@ class Range extends _react.default.Component {
       value: pending ? nextValue : extractStateFromProps(this.props).value
     });
   }
+
   triggerChange(newValues, pending) {
     const {
       onChange = _noop2.default,
@@ -138,6 +160,7 @@ class Range extends _react.default.Component {
     const handle = pending ? onChange : onChangeEnd;
     return handle(multi ? newValues : newValues[1]);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -148,13 +171,16 @@ class Range extends _react.default.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,
@@ -191,7 +217,9 @@ class Range extends _react.default.Component {
       onHandleMaxChangeEnd: this.handleMaxChangeEnd
     })));
   }
+
 }
+
 Range.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   onChangeEnd: _propTypes.default.func,