@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_provider","_item","e","__esModule","default","getTargetValueAndCall","fun","_pipe2","_get2","themeStyle","setup","style","coorpmanager","Item","props","context","idRadioButton","_uniqueId2","skin","color","name","value","checked","label","onChange","_identity2","theme","defaultColor","mainClass","createElement","className","classNames","normal","backgroundColor","borderRightColor","type","id","radio","selected","htmlFor","labelSpan","title","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","bool","func","_default","exports"],"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":"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","ignoreList":[]}
+{"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/radio-with-title/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _title = _interopRequireDefault(require("../title"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = require("./types");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const RadioWithTitle = props => {
   const {
     title,
@@ -42,6 +52,8 @@ const RadioWithTitle = props => {
     subtitleSize: 'extra-small'
   })))));
 };
+
 RadioWithTitle.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
-var _default = exports.default = RadioWithTitle;
+var _default = RadioWithTitle;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_title","_interopRequireDefault","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","_uniqueId2","handleChange","useCallback","target","createElement","className","style","container","htmlFor","type","id","radio","titleSize","subtitleSize","propTypes","process","env","NODE_ENV","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","useCallback","e","target","style","container","radio","propTypes"],"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;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,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,wBAAS,cAAT,CAAhB;EACA,MAAMC,YAAY,GAAG,IAAAC,kBAAA,EAAYC,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,OAAV,CAAzB,EAA6C,CAACC,QAAD,CAA7C,CAArB;EAEA,oBACE;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE;IAAO,OAAO,EAAEN;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAES,cAAA,CAAME,KANnB;IAOE,aAAWT,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAEM,cAAA,CAAMX;EAAvB,gBACE,6BAAC,cAAD,eAAWA,KAAX;IAAkB,SAAS,EAAE,OAA7B;IAAsC,YAAY,EAAE;EAApD,GADF,CAXF,CADF,CADF;AAmBD,CAxBD;;AA0BAF,cAAc,CAACgB,SAAf,2CAA2BA,gBAA3B;eAEehB,c"}

package/lib/atom/radio-with-title/types.js

@@ -2,10 +2,14 @@
 
 exports.__esModule = true;
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _title = _interopRequireDefault(require("../title"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const propTypes = exports.propTypes = {
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
   title: _propTypes.default.shape(_title.default.propTypes).isRequired,
   name: _propTypes.default.string,
   checked: _propTypes.default.bool,
@@ -13,4 +17,5 @@ const propTypes = exports.propTypes = {
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string
 };
+exports.propTypes = propTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_title","e","__esModule","default","propTypes","exports","title","PropTypes","shape","Title","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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtB,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,KAAK,EAAEC,kBAAS,CAACC,KAAK,CAACC,cAAK,CAACL,SAAS,CAAC,CAACM,UAAU;EAClDC,IAAI,EAAEJ,kBAAS,CAACK,MAAM;EACtBC,OAAO,EAAEN,kBAAS,CAACO,IAAI;EACvBC,QAAQ,EAAER,kBAAS,CAACS,IAAI,CAACN,UAAU;EACnC,YAAY,EAAEH,kBAAS,CAACK,MAAM;EAC9B,WAAW,EAAEL,kBAAS,CAACK;AACzB,CAAC","ignoreList":[]}
+{"version":3,"file":"types.js","names":["propTypes","title","PropTypes","shape","Title","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;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,KAAV,CAAgBC,cAAA,CAAMJ,SAAtB,EAAiCK,UADjB;EAEvBC,IAAI,EAAEJ,kBAAA,CAAUK,MAFO;EAGvBC,OAAO,EAAEN,kBAAA,CAAUO,IAHI;EAIvBC,QAAQ,EAAER,kBAAA,CAAUS,IAAV,CAAeN,UAJF;EAKvB,cAAcH,kBAAA,CAAUK,MALD;EAMvB,aAAaL,kBAAA,CAAUK;AANA,CAAlB"}

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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+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);
@@ -45,8 +60,7 @@ const Handle = (props, legacyContext) => {
   } = props;
   const handle = (0, _react.useRef)();
   const hammer = (0, _react.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]);
   (0, _react.useEffect)(() => {
@@ -72,6 +86,7 @@ const Handle = (props, legacyContext) => {
     "data-name": 'handle'
   }));
 };
+
 Handle.propTypes = process.env.NODE_ENV !== "production" ? {
   onPan: _propTypes.default.func,
   onPanStart: _propTypes.default.func,
@@ -85,5 +100,6 @@ Handle.propTypes = process.env.NODE_ENV !== "production" ? {
 Handle.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-var _default = exports.default = Handle;
+var _default = Handle;
+exports.default = _default;
 //# sourceMappingURL=handle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_getShadowBoxColorFromPrimary","_handle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NoopHammer","constructor","on","stop","destroy","Hammer","window","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","_getOr2","backgroundColor","onPanStart","_noop2","onPanEnd","onPan","HammerForTesting","handle","useRef","hammer","useMemo","current","useEffect","createElement","className","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","ref","propTypes","process","env","NODE_ENV","PropTypes","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"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":["NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","HammerForTesting","handle","useRef","hammer","useMemo","current","useEffect","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","default","propTypes","PropTypes","func","shape","contextTypes","Provider","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;;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,iBAA1C;IAAmDC;EAAnD,IAAuET,KAA7E;EAEA,MAAMU,MAAM,GAAG,IAAAC,aAAA,GAAf;EAEA,MAAMC,MAAM,GAAG,IAAAC,cAAA,EAAQ,MAAM;IAC3B,OAAOJ,gBAAgB,IAAKC,MAAM,CAACI,OAAP,IAAkB,IAAIlB,MAAJ,CAAWc,MAAM,CAACI,OAAlB,CAA9C,CAD2B,CAE3B;IACA;EACD,CAJc,EAIZ,CAACJ,MAAM,CAACI,OAAR,EAAiBL,gBAAjB,CAJY,CAAf;EAMA,IAAAM,gBAAA,EAAU,MAAM;IACd,IAAI,CAACH,MAAL,EAAa;IACbA,MAAM,CAACnB,EAAP,CAAU,UAAV,EAAsBa,UAAtB;IACAM,MAAM,CAACnB,EAAP,CAAU,QAAV,EAAoBc,QAApB;IAEAK,MAAM,CAACnB,EAAP,CAAU,kBAAV,EAA8Be,KAA9B;IAEA,OAAO,MAAM;MACXI,MAAM,CAAClB,IAAP;MACAkB,MAAM,CAACjB,OAAP;IACD,CAHD;EAID,CAXD,EAWG,CAACiB,MAAD,EAASN,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAXH;EAaA,oBACE;IAAK,SAAS,EAAEQ,eAAA,CAAMC,OAAtB;IAA+B,eAAY;EAA3C,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,EAAEV,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAX,MAAM,CAACsB,SAAP,2CAAmB;EACjBb,KAAK,EAAEc,kBAAA,CAAUC,IADA;EAEjBjB,UAAU,EAAEgB,kBAAA,CAAUC,IAFL;EAGjBhB,QAAQ,EAAEe,kBAAA,CAAUC,IAHH;EAIjBd,gBAAgB,EAAEa,kBAAA,CAAUE,KAAV,CAAgB;IAChC/B,EAAE,EAAE6B,kBAAA,CAAUC,IADkB;IAEhC5B,OAAO,EAAE2B,kBAAA,CAAUC,IAFa;IAGhC7B,IAAI,EAAE4B,kBAAA,CAAUC;EAHgB,CAAhB;AAJD,CAAnB;AAWAxB,MAAM,CAAC0B,YAAP,GAAsB;EACpBvB,IAAI,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AADb,CAAtB;eAIeH,M"}

package/lib/atom/range/index.js

@@ -2,14 +2,23 @@
 
 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(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const valueOnTrack = (track, x) => {
   const {
     left,
@@ -17,6 +26,7 @@ const valueOnTrack = (track, x) => {
   } = track.getBoundingClientRect();
   return (0, _clamp2.default)(0, 1, (x - left) / (right - left));
 };
+
 const extractStateFromProps = props => {
   const {
     multi = false,
@@ -27,6 +37,7 @@ const extractStateFromProps = props => {
     value: multi ? value : [0, value]
   };
 };
+
 const RenderHandles = props => {
   const {
     left,
@@ -64,6 +75,7 @@ const RenderHandles = props => {
     HammerForTesting: HammerForTestingMax
   })));
 };
+
 RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   left: _propTypes.default.number,
   right: _propTypes.default.number,
@@ -76,6 +88,7 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   HammerForTestingMin: _handle.default.propTypes.HammerForTesting,
   HammerForTestingMax: _handle.default.propTypes.HammerForTesting
 } : {};
+
 class Range extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -84,10 +97,10 @@ class Range extends _react.default.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);
@@ -97,33 +110,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
@@ -137,6 +156,7 @@ class Range extends _react.default.Component {
       value: pending ? nextValue : extractStateFromProps(this.props).value
     });
   }
+
   triggerChange(newValues, pending) {
     const {
       onChange = _noop2.default,
@@ -146,6 +166,7 @@ class Range extends _react.default.Component {
     const handle = pending ? onChange : onChangeEnd;
     return handle(multi ? newValues : newValues[1]);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -156,13 +177,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,
@@ -207,7 +231,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,
@@ -217,5 +243,6 @@ Range.propTypes = process.env.NODE_ENV !== "production" ? {
   // eslint-disable-next-line react/no-unused-prop-types
   value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.number)])
 } : {};
-var _default = exports.default = Range;
+var _default = Range;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_handle","_style","e","__esModule","default","valueOnTrack","track","x","left","right","getBoundingClientRect","_clamp2","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","HammerForTestingMin","HammerForTestingMax","createElement","className","style","handle","animatedHandle","axis","onPan","onPanEnd","HammerForTesting","propTypes","process","env","NODE_ENV","PropTypes","number","bool","func","Handle","Range","React","Component","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","_set2","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","_noop2","onChangeEnd","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","onClick","container","ref","rail","animatedRail","oneOfType","arrayOf","_default","exports"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp} from 'lodash/fp';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0} = props;\n  return {\n    multi,\n    value: multi ? value : [0, value]\n  };\n};\n\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd,\n    HammerForTestingMin,\n    HammerForTestingMax\n  } = props;\n\n  return (\n    <div data-testid=\"handles\">\n      {multi ? (\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${left * 100}%`}}\n        >\n          <Handle\n            axis=\"x\"\n            onPan={onHandleMinChange}\n            onPanEnd={onHandleMinChangeEnd}\n            HammerForTesting={HammerForTestingMin}\n          />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle\n          axis=\"x\"\n          onPan={onHandleMaxChange}\n          onPanEnd={onHandleMaxChangeEnd}\n          HammerForTesting={HammerForTestingMax}\n        />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func,\n  HammerForTestingMin: Handle.propTypes.HammerForTesting,\n  HammerForTestingMax: Handle.propTypes.HammerForTesting\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,\n    HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax,\n    // eslint-disable-next-line react/no-unused-prop-types\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n\n    if (pending) return null;\n\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n\n    const newValue = set(valueIndex, value, prevValue);\n\n    const [minValue, maxValue] = newValue;\n\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n\n    const handle = pending ? onChange : onChangeEnd;\n\n    return handle(multi ? newValues : newValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const x = e.clientX;\n    const newValue = valueOnTrack(this.track, x);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: '#9999A8',\n      width: `${railWidth * 100}%`,\n      left: `${railLeft * 100}%`\n    };\n\n    const {HammerForTestingMin, HammerForTestingMax} = this.props;\n\n    return (\n      <div data-testid=\"slider\" className={style.containerWrapper} onClick={this.handleClick}>\n        <div className={style.container}>\n          <div\n            data-testid=\"track\"\n            className={style.track}\n            data-name=\"sliderTrack\"\n            ref={this.setRefTrack}\n          />\n          <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n          <RenderHandles\n            HammerForTestingMin={HammerForTestingMin}\n            HammerForTestingMax={HammerForTestingMax}\n            left={left}\n            right={right}\n            pending={pending}\n            multi={multi}\n            onHandleMinChange={this.handleMinChange}\n            onHandleMinChangeEnd={this.handleMinChangeEnd}\n            onHandleMaxChange={this.handleMaxChange}\n            onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","HammerForTestingMin","HammerForTestingMax","style","handle","animatedHandle","propTypes","PropTypes","number","bool","func","Handle","HammerForTesting","Range","React","Component","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","onChangeEnd","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","oneOfType","arrayOf"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp} from 'lodash/fp';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0} = props;\n  return {\n    multi,\n    value: multi ? value : [0, value]\n  };\n};\n\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd,\n    HammerForTestingMin,\n    HammerForTestingMax\n  } = props;\n\n  return (\n    <div data-testid=\"handles\">\n      {multi ? (\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${left * 100}%`}}\n        >\n          <Handle\n            axis=\"x\"\n            onPan={onHandleMinChange}\n            onPanEnd={onHandleMinChangeEnd}\n            HammerForTesting={HammerForTestingMin}\n          />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle\n          axis=\"x\"\n          onPan={onHandleMaxChange}\n          onPanEnd={onHandleMaxChangeEnd}\n          HammerForTesting={HammerForTestingMax}\n        />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func,\n  HammerForTestingMin: Handle.propTypes.HammerForTesting,\n  HammerForTestingMax: Handle.propTypes.HammerForTesting\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,\n    HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax,\n    // eslint-disable-next-line react/no-unused-prop-types\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n\n    if (pending) return null;\n\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n\n    const newValue = set(valueIndex, value, prevValue);\n\n    const [minValue, maxValue] = newValue;\n\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n\n    const handle = pending ? onChange : onChangeEnd;\n\n    return handle(multi ? newValues : newValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const x = e.clientX;\n    const newValue = valueOnTrack(this.track, x);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: '#9999A8',\n      width: `${railWidth * 100}%`,\n      left: `${railLeft * 100}%`\n    };\n\n    const {HammerForTestingMin, HammerForTestingMax} = this.props;\n\n    return (\n      <div data-testid=\"slider\" className={style.containerWrapper} onClick={this.handleClick}>\n        <div className={style.container}>\n          <div\n            data-testid=\"track\"\n            className={style.track}\n            data-name=\"sliderTrack\"\n            ref={this.setRefTrack}\n          />\n          <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n          <RenderHandles\n            HammerForTestingMin={HammerForTestingMin}\n            HammerForTestingMax={HammerForTestingMax}\n            left={left}\n            right={right}\n            pending={pending}\n            multi={multi}\n            onHandleMinChange={this.handleMinChange}\n            onHandleMinChangeEnd={this.handleMinChangeEnd}\n            onHandleMaxChange={this.handleMaxChange}\n            onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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"}

package/lib/atom/resource-miniature/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const TYPES = {
   pdf: {
     style: _style.default.pdf,
@@ -25,6 +35,7 @@ const TYPES = {
     icon: _novaIcons.NovaSolidAudioAudioControlPlay
   }
 };
+
 const ResourceMiniature = (props, context) => {
   const {
     skin
@@ -61,14 +72,14 @@ const ResourceMiniature = (props, context) => {
     },
     className: _style.default.icon
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
     }
   }));
 };
+
 ResourceMiniature.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf((0, _keys2.default)(TYPES)),
   selected: _propTypes.default.bool,
@@ -79,5 +90,6 @@ ResourceMiniature.propTypes = process.env.NODE_ENV !== "production" ? {
 ResourceMiniature.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-var _default = exports.default = ResourceMiniature;
+var _default = ResourceMiniature;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_classnames","_provider","_style","e","__esModule","default","TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","_get2","primary","posterOutlineColor","Icon","createElement","className","posterWrapper","borderColor","backgroundImage","color","classnames","innerHTML","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","bool","string","func","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon style={{color: white}} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","color","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon style={{color: white}} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAE;MAACU,KAAK,EAAEP;IAAR,CAAb;IAA6B,SAAS,EAAEnB,cAAA,CAAMC;EAA9C,EAAZ,GAAqE,IAFxE,CADF,eAKE;IACE,SAAS,EAAE,IAAA0B,mBAAA,EAAWV,oBAAX,EAAiCjB,cAAA,CAAM4B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEjB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACuB,SAAlB,2CAA8B;EAC5BnB,IAAI,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKlC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEe,kBAAA,CAAUE,IAFQ;EAG5BrB,WAAW,EAAEmB,kBAAA,CAAUG,MAHK;EAI5BrB,MAAM,EAAEkB,kBAAA,CAAUG,MAJU;EAK5BpB,OAAO,EAAEiB,kBAAA,CAAUI;AALS,CAA9B;AAQA5B,iBAAiB,CAAC6B,YAAlB,GAAiC;EAC/B1B,IAAI,EAAE2B,iBAAA,CAASC,iBAAT,CAA2B5B;AADF,CAAjC;eAIeH,iB"}