npm - @coorpacademy/components - Versions diffs - 11.40.15 → 11.40.17-react18.15 - Mend

@coorpacademy/components 11.40.15 → 11.40.17-react18.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1711) hide show

package/lib/atom/range/index.js CHANGED Viewed

@@ -2,11 +2,13 @@
 exports.__esModule = true;
 exports.default = void 0;
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 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 _provider = _interopRequireDefault(require("../provider"));
 var _handle = _interopRequireDefault(require("./handle"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,11 +22,20 @@ const valueOnTrack = (track, x) => {
 const extractStateFromProps = props => {
   const {
     multi = false,
-    value = multi ? [0, 1] : 0
+    value = multi ? [0, 1] : 0,
+    min = 0,
+    max = 1
   } = props;
+  const toNormalized = actualValue => (actualValue - min) / (max - min);
+  let normalizedValue;
+  if (multi) {
+    normalizedValue = Array.isArray(value) ? value.map(toNormalized) : [toNormalized(0), toNormalized(value)];
+  } else {
+    normalizedValue = toNormalized(value);
+  }
   return {
     multi,
-    value: multi ? value : [0, value]
+    value: multi ? normalizedValue : [0, normalizedValue]
   };
 };
 const RenderHandles = props => {
@@ -77,6 +88,9 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   HammerForTestingMax: _handle.default.propTypes.HammerForTesting
 } : {};
 class Range extends _react.default.Component {
+  static contextTypes = {
+    skin: _provider.default.childContextTypes.skin
+  };
   static getDerivedStateFromProps(props, state) {
     const {
       pending
@@ -100,6 +114,20 @@ class Range extends _react.default.Component {
   setRefTrack(track) {
     this.track = track;
   }
+  normalizedToActual(normalizedValue) {
+    const {
+      min = 0,
+      max = 1
+    } = this.props;
+    return min + normalizedValue * (max - min);
+  }
+  roundToStep(value) {
+    const {
+      step = 0.1
+    } = this.props;
+    const precision = 10;
+    return Number((Math.round(value / step) * step).toFixed(precision));
+  }
   handleMinChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
@@ -144,7 +172,8 @@ class Range extends _react.default.Component {
       multi = false
     } = this.props;
     const handle = pending ? onChange : onChangeEnd;
-    return handle(multi ? newValues : newValues[1]);
+    const actualValues = newValues.map(val => this.roundToStep(this.normalizedToActual(val)));
+    return handle(multi ? actualValues : actualValues[1]);
   }
   handleClick(e) {
     e.stopPropagation();
@@ -153,8 +182,7 @@ class Range extends _react.default.Component {
       value: [left, right],
       multi
     } = this.state;
-    const x = e.clientX;
-    const newValue = valueOnTrack(this.track, x);
+    const newValue = valueOnTrack(this.track, e.clientX);
     if (!multi) return this.handleChange(newValue, 1, false);
     if (left === right) {
       const isClickToTheLeft = left - newValue > 0;
@@ -169,22 +197,34 @@ class Range extends _react.default.Component {
       value: [left, right],
       pending
     } = this.state;
+    const {
+      theme = 'default',
+      minLabel = 'Min',
+      maxLabel = 'Max',
+      min,
+      max,
+      minValueLabel,
+      maxValueLabel,
+      HammerForTestingMin,
+      HammerForTestingMax
+    } = this.props;
     const railWidth = right - left;
     const railLeft = left;
-    const railStyle = {
-      backgroundColor: '#9999A8',
+    const {
+      skin
+    } = this.context;
+    const primaryColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
+    const railStyle = theme === 'mooc' ? {
+      backgroundColor: primaryColor,
+      width: `${railWidth * 100}%`,
+      left: `${railLeft * 100}%`
+    } : {
       width: `${railWidth * 100}%`,
       left: `${railLeft * 100}%`
     };
-    const {
-      HammerForTestingMin,
-      HammerForTestingMax
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": "slider",
-      className: _style.default.containerWrapper,
-      onClick: this.handleClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    const minActualValue = this.roundToStep(this.normalizedToActual(left));
+    const maxActualValue = this.roundToStep(this.normalizedToActual(right));
+    const sliderComponent = /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.container
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "track",
@@ -205,17 +245,52 @@ class Range extends _react.default.Component {
       onHandleMinChangeEnd: this.handleMinChangeEnd,
       onHandleMaxChange: this.handleMaxChange,
       onHandleMaxChangeEnd: this.handleMaxChangeEnd
-    })));
+    }));
+    if (theme === 'mooc') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        "data-testid": "slider",
+        className: _style.default.containerWrapper
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        onClick: this.handleClick
+      }, sliderComponent), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.inputsRow
+      }, multi ? /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.moocInput,
+        "data-testid": "min-value"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.default.inputHint
+      }, minLabel), /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.default.inputValue
+      }, minActualValue === min && !!minValueLabel ? minValueLabel : minActualValue)) : null, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.moocInput,
+        "data-testid": "max-value"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.default.inputHint
+      }, maxLabel), /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.default.inputValue
+      }, maxActualValue === max && !!maxValueLabel ? maxValueLabel : maxActualValue))));
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "slider",
+      className: _style.default.containerWrapper,
+      onClick: this.handleClick
+    }, sliderComponent);
   }
 }
 Range.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   onChangeEnd: _propTypes.default.func,
   multi: _propTypes.default.bool,
+  theme: _propTypes.default.oneOf(['default', 'mooc']),
+  min: _propTypes.default.number,
+  max: _propTypes.default.number,
+  step: _propTypes.default.number,
+  minLabel: _propTypes.default.string,
+  maxLabel: _propTypes.default.string,
+  minValueLabel: _propTypes.default.string,
+  maxValueLabel: _propTypes.default.string,
   HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,
-  HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax,
-  // eslint-disable-next-line react/no-unused-prop-types
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.number)])
+  HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax
 } : {};
 var _default = exports.default = Range;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":[]}
1	+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_handle","_style","e","__esModule","default","valueOnTrack","track","x","left","right","getBoundingClientRect","_clamp2","extractStateFromProps","props","multi","value","min","max","toNormalized","actualValue","normalizedValue","Array","isArray","map","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","contextTypes","skin","Provider","childContextTypes","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","normalizedToActual","roundToStep","step","precision","Number","Math","round","toFixed","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","_set2","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","_noop2","onChangeEnd","actualValues","val","clientX","isClickToTheLeft","closestHandle","abs","render","theme","minLabel","maxLabel","minValueLabel","maxValueLabel","railWidth","railLeft","primaryColor","_getOr2","railStyle","backgroundColor","width","minActualValue","maxActualValue","sliderComponent","container","ref","rail","animatedRail","containerWrapper","onClick","inputsRow","moocInput","inputHint","inputValue","oneOf","string","_default","exports"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp, getOr} from 'lodash/fp';\nimport Provider from '../provider';\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, min = 0, max = 1} = props;\n\n const toNormalized = actualValue => (actualValue - min) / (max - min);\n\n let normalizedValue;\n if (multi) {\n normalizedValue = Array.isArray(value)\n ? value.map(toNormalized)\n : [toNormalized(0), toNormalized(value)];\n } else {\n normalizedValue = toNormalized(value);\n }\n\n return {\n multi,\n value: multi ? normalizedValue : [0, normalizedValue]\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 theme: PropTypes.oneOf(['default', 'mooc']),\n min: PropTypes.number,\n max: PropTypes.number,\n step: PropTypes.number,\n minLabel: PropTypes.string,\n maxLabel: PropTypes.string,\n minValueLabel: PropTypes.string,\n maxValueLabel: PropTypes.string,\n HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,\n HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n static getDerivedStateFromProps(props, state) {\n const {pending} = state;\n if (pending) return null;\n return extractStateFromProps(props);\n }\n\n constructor(props, context) {\n super(props, context);\n this.state = {\n ...extractStateFromProps(props),\n pending: false\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 normalizedToActual(normalizedValue) {\n const {min = 0, max = 1} = this.props;\n return min + normalizedValue * (max - min);\n }\n\n roundToStep(value) {\n const {step = 0.1} = this.props;\n const precision = 10;\n return Number((Math.round(value / step) * step).toFixed(precision));\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 const newValue = set(valueIndex, value, prevValue);\n const [minValue, maxValue] = newValue;\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 const handle = pending ? onChange : onChangeEnd;\n const actualValues = newValues.map(val => this.roundToStep(this.normalizedToActual(val)));\n return handle(multi ? actualValues : actualValues[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 newValue = valueOnTrack(this.track, e.clientX);\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 {\n theme = 'default',\n minLabel = 'Min',\n maxLabel = 'Max',\n min,\n max,\n minValueLabel,\n maxValueLabel,\n HammerForTestingMin,\n HammerForTestingMax\n } = this.props;\n\n const railWidth = right - left;\n const railLeft = left;\n\n const {skin} = this.context;\n const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n const railStyle =\n theme === 'mooc'\n ? {\n backgroundColor: primaryColor,\n width: `${railWidth * 100}%`,\n left: `${railLeft * 100}%`\n }\n : {\n width: `${railWidth * 100}%`,\n left: `${railLeft * 100}%`\n };\n\n const minActualValue = this.roundToStep(this.normalizedToActual(left));\n const maxActualValue = this.roundToStep(this.normalizedToActual(right));\n\n const sliderComponent = (\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 );\n\n if (theme === 'mooc') {\n return (\n <div data-testid=\"slider\" className={style.containerWrapper}>\n <div onClick={this.handleClick}>{sliderComponent}</div>\n <div className={style.inputsRow}>\n {multi ? (\n <div className={style.moocInput} data-testid=\"min-value\">\n <span className={style.inputHint}>{minLabel}</span>\n <span className={style.inputValue}>\n {minActualValue === min && !!minValueLabel ? minValueLabel : minActualValue}\n </span>\n </div>\n ) : null}\n <div className={style.moocInput} data-testid=\"max-value\">\n <span className={style.inputHint}>{maxLabel}</span>\n <span className={style.inputValue}>\n {maxActualValue === max && !!maxValueLabel ? maxValueLabel : maxActualValue}\n </span>\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <div data-testid=\"slider\" className={style.containerWrapper} onClick={this.handleClick}>\n {sliderComponent}\n </div>\n );\n }\n}\n\nexport default Range;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/range/style.css CHANGED Viewed

@@ -2,11 +2,15 @@
 @value light from colors;
 @value dark from colors;
 @value white from colors;
-@value brand from colors;
+@value cm_grey_400 from colors;
+@value surface_input_neutral_strong from colors;
 .containerWrapper {
   padding: 15px;
   user-select: none;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
 }
 .container {
@@ -27,7 +31,7 @@
 .rail {
   composes: track;
   width: 0;
-  background-color: brand;
+  background-color: cm_grey_400;
 }
 .animatedRail {
@@ -55,3 +59,37 @@
   transition-duration: 0.3s;
   transition-timing-function: ease-out;
 }
+.inputsRow {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 18px;
+}
+.moocInput {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: auto;
+  padding: 12px 16px;
+  border: none;
+  border-radius: 12px;
+  background-color: surface_input_neutral_strong;
+  font-size: 16px;
+  cursor: default;
+  user-select: none;
+  white-space: nowrap;
+}
+.inputHint {
+  color: cm_grey_400;
+  font-weight: 700;
+  font-size: 16px;
+}
+.inputValue {
+  color: black;
+  font-weight: 600;
+  font-size: 16px;
+}

package/lib/atom/resource-miniature/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export default ResourceMiniature;
-declare function ResourceMiniature(props: any, context: any): JSX.Element;
+declare function ResourceMiniature(props: any, context: any): React.JSX.Element;
 declare namespace ResourceMiniature {
     namespace propTypes {
         const type: PropTypes.Requireable<string>;
@@ -32,5 +32,6 @@ declare namespace ResourceMiniature {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/resource-miniature/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/resource-miniature/index.js"],"names":[],"mappings":";AAkBA,~~0EAqBC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/resource-miniature/index.js"],"names":[],"mappings":";AAkBA,gFAqBC"}

package/lib/atom/resource-miniature/style.css CHANGED Viewed

@@ -1,5 +1,5 @@
 @value colors: "../../variables/colors.css";
-@value lightMediumGray from colors;
+@value lightMediumGrey from colors;
 @value white from colors;
 @value breakpoints: "../../variables/breakpoints.css";
 @value mobile from breakpoints;
@@ -30,7 +30,7 @@
   width: 70px;
   height: 45px;
   border: 1px solid ;
-  box-shadow: 1px 1px 3px lightMediumGray;
+  box-shadow: 1px 1px 3px lightMediumGrey;
 }
 .poster {
@@ -39,7 +39,7 @@
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
-  background-color: lightMediumGray;
+  background-color: lightMediumGrey;
 }
 .icon {

package/lib/atom/review-presentation/index.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 export default ReviewPresentation;
-declare function ReviewPresentation(props: any): JSX.Element;
+declare function ReviewPresentation(props: any): React.JSX.Element;
 declare namespace ReviewPresentation {
     export { propTypes };
 }
+import React from "react";
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/review-presentation/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,~~6DA~~+BC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,mEA+BC"}

package/lib/atom/review-presentation/index.native.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { OnboardingProps } from './prop-types';
-declare const Onboarding: (props: OnboardingProps) => JSX.Element | null;
+declare const Onboarding: (props: OnboardingProps) => React.JSX.Element;
 export default Onboarding;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/review-presentation/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";~~AAcA~~,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAwGvD,QAAA,MAAM,UAAU,UAAW,eAAe,~~uBA~~+CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAcjD,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAwGvD,QAAA,MAAM,UAAU,UAAW,eAAe,sBA+CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/atom/select/index.d.ts CHANGED Viewed

@@ -1,21 +1,21 @@
 export namespace SelectOptionPropTypes {
     const name: PropTypes.Validator<string>;
-    const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    const value: PropTypes.Requireable<NonNullable<string | number>>;
     const selected: PropTypes.Requireable<boolean>;
     const validOption: PropTypes.Requireable<boolean>;
 }
 export namespace SelectOptionGroupPropTypes {
     const label: PropTypes.Validator<string>;
-    const options: PropTypes.Requireable<(PropTypes.InferProps<{
+    const options: PropTypes.Requireable<PropTypes.InferProps<{
         name: PropTypes.Validator<string>;
-        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        value: PropTypes.Requireable<NonNullable<string | number>>;
         selected: PropTypes.Requireable<boolean>;
         validOption: PropTypes.Requireable<boolean>;
-    }> | null | undefined)[]>;
+    }>[]>;
 }
 export default Select;
 import PropTypes from "prop-types";
-declare function Select(props: any, legacyContext: any): JSX.Element;
+declare function Select(props: any, legacyContext: any): React.JSX.Element;
 declare namespace Select {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -52,25 +52,26 @@ declare namespace Select {
         required: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         theme: PropTypes.Requireable<string>;
-        options: PropTypes.Requireable<(PropTypes.InferProps<{
+        options: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-        optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+        }>[]>;
+        optgroups: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                value: PropTypes.Requireable<NonNullable<string | number>>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
+            }>[]>;
+        }>[]>;
         modified: PropTypes.Requireable<boolean>;
         error: PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
         'aria-labelledby': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/select/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,~~qEAmNC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,2EAmNC"}

package/lib/atom/select-icon/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export default SelectIcon;
-declare function SelectIcon(props: any): JSX.Element;
+declare function SelectIcon(props: any): React.JSX.Element;
 declare namespace SelectIcon {
     const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
@@ -13,5 +13,6 @@ declare namespace SelectIcon {
         }>>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/select-icon/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select-icon/index.js"],"names":[],"mappings":";AAgDA,~~qDA0BC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select-icon/index.js"],"names":[],"mappings":";AAgDA,2DA0BC"}

package/lib/atom/select-modal/index.native.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 import type { QuestionType } from '../../molecule/questions/types';
 import { OnChangeFunction } from '../../hoc/modal/select/index.native';
@@ -23,6 +23,6 @@ export declare type Props = {
     textStyle?: ViewStyle[];
     testID?: string;
 };
-declare const Select: (props: Props) => JSX.Element | null;
+declare const Select: (props: Props) => React.JSX.Element;
 export default Select;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/select-modal/index.native.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";~~AACA~~,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,~~uBAuG3B~~,CAAC;AAEF,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAuG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/select-modal/index.native.js CHANGED Viewed

@@ -81,7 +81,7 @@ const Select = props => {
   const text = selectedItem && selectedItem.text || placeholder || null;
   let textStyles = {
     ...styleSheet.text,
-    ...textStyle
+    ...(textStyle ? _reactNative.StyleSheet.flatten(textStyle) : {})
   };
   let color;
   if ((selectedItem?.value?.length || 0) > 0) {

package/lib/atom/select-modal/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeModal","_interopRequireDefault","_index","_analytics","_index2","_index3","_index4","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","createElement","Fragment","disabled","onPress","View","type","NovaCompositionNavigationArrowDown","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose","_default","exports"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n text: string;\n selected: boolean;\n _id: string;\n value: string;\n};\n\nexport type Props = {\n analyticsID: string;\n questionType: QuestionType;\n isDisabled?: boolean;\n isFocused?: boolean;\n values: Array<ChoiceItem>;\n value?: string;\n placeholder?: string;\n onChange: OnChangeFunction;\n onFocus: () => void;\n onBlur: () => void;\n style?: ViewStyle[];\n textStyle?: ViewStyle[];\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n text: {\n flex: 1,\n color: theme.colors.gray.medium,\n textAlign: 'center'\n }\n });\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n questionType: QuestionType\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: analyticsID,\n questionType\n });\n};\n\nconst Select = (props: Props) => {\n const templateContext = useTemplateContext();\n const {brandTheme, theme, analytics} = templateContext;\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n const {\n analyticsID,\n onBlur,\n onFocus,\n onChange,\n values,\n placeholder,\n value,\n style,\n textStyle,\n questionType,\n isFocused = false,\n isDisabled = false,\n testID = 'select'\n } = props;\n\n const handleFocus = useCallback(() => {\n if (!onFocus) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n onFocus();\n }, [analytics, analyticsID, onFocus, questionType]);\n\n const handleBlur = useCallback(() => {\n if (!onBlur) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n onBlur();\n }, [analytics, analyticsID, onBlur, questionType]);\n\n const handleChange = useCallback(\n _value => {\n onChange(_value);\n handleBlur();\n },\n [onChange, handleBlur]\n );\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedItem = values.find(item => item.selected);\n const text = (selectedItem && selectedItem.text) \|\| placeholder \|\| null;\n\n let textStyles: TextStyle = {\n ...styleSheet.text,\n ...textStyle\n };\n\n let color;\n if ((selectedItem?.value?.length \|\| 0) > 0) {\n color = brandTheme?.colors?.primary;\n textStyles = {\n ...textStyles,\n color\n };\n }\n\n return (\n <>\n <Touchable\n disabled={isDisabled}\n onPress={handleFocus}\n analyticsID={analyticsID}\n testID={`${testID}-input`}\n >\n <View style={[styleSheet.container, style]}>\n <Text style={textStyles}>{text}</Text>\n <Space type=\"tiny\" />\n <ArrowDown\n color={color \|\| theme.colors.gray.dark}\n height={ICON_WIDTH}\n width={ICON_WIDTH}\n />\n </View>\n </Touchable>\n <Modal\n isVisible={isFocused}\n onSwipeComplete={handleBlur}\n onBackdropPress={handleBlur}\n testID={testID}\n >\n <ModalSelect\n value={value}\n values={values}\n onChange={handleChange}\n onClose={handleBlur}\n testID={`${testID}-modal`}\n />\n </Modal>\n </>\n );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeModal","_interopRequireDefault","_index","_analytics","_index2","_index3","_index4","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","View","type","NovaCompositionNavigationArrowDown","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose","_default","exports"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n text: string;\n selected: boolean;\n _id: string;\n value: string;\n};\n\nexport type Props = {\n analyticsID: string;\n questionType: QuestionType;\n isDisabled?: boolean;\n isFocused?: boolean;\n values: Array<ChoiceItem>;\n value?: string;\n placeholder?: string;\n onChange: OnChangeFunction;\n onFocus: () => void;\n onBlur: () => void;\n style?: ViewStyle[];\n textStyle?: ViewStyle[];\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n text: TextStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n text: {\n flex: 1,\n color: theme.colors.gray.medium,\n textAlign: 'center'\n }\n });\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n questionType: QuestionType\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: analyticsID,\n questionType\n });\n};\n\nconst Select = (props: Props) => {\n const templateContext = useTemplateContext();\n const {brandTheme, theme, analytics} = templateContext;\n const [styleSheet, setStylesheet] = useState<StyleSheetType \| null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n const {\n analyticsID,\n onBlur,\n onFocus,\n onChange,\n values,\n placeholder,\n value,\n style,\n textStyle,\n questionType,\n isFocused = false,\n isDisabled = false,\n testID = 'select'\n } = props;\n\n const handleFocus = useCallback(() => {\n if (!onFocus) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n onFocus();\n }, [analytics, analyticsID, onFocus, questionType]);\n\n const handleBlur = useCallback(() => {\n if (!onBlur) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n onBlur();\n }, [analytics, analyticsID, onBlur, questionType]);\n\n const handleChange = useCallback(\n _value => {\n onChange(_value);\n handleBlur();\n },\n [onChange, handleBlur]\n );\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedItem = values.find(item => item.selected);\n const text = (selectedItem && selectedItem.text) \|\| placeholder \|\| null;\n\n let textStyles: TextStyle = {\n ...styleSheet.text,\n ...(textStyle ? StyleSheet.flatten(textStyle) : {})\n };\n\n let color;\n if ((selectedItem?.value?.length \|\| 0) > 0) {\n color = brandTheme?.colors?.primary;\n textStyles = {\n ...textStyles,\n color\n };\n }\n\n return (\n <>\n <Touchable\n disabled={isDisabled}\n onPress={handleFocus}\n analyticsID={analyticsID}\n testID={`${testID}-input`}\n >\n <View style={[styleSheet.container, style]}>\n <Text style={textStyles}>{text}</Text>\n <Space type=\"tiny\" />\n <ArrowDown\n color={color \|\| theme.colors.gray.dark}\n height={ICON_WIDTH}\n width={ICON_WIDTH}\n />\n </View>\n </Touchable>\n <Modal\n isVisible={isFocused}\n onSwipeComplete={handleBlur}\n onBackdropPress={handleBlur}\n testID={testID}\n >\n <ModalSelect\n value={value}\n values={values}\n onChange={handleChange}\n onClose={handleBlur}\n testID={`${testID}-modal`}\n />\n </Modal>\n </>\n );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/slide/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export default Slide;
-declare function Slide(props: any): JSX.Element;
+declare function Slide(props: any): React.JSX.Element;
 declare namespace Slide {
     namespace propTypes {
         const cover: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace Slide {
         const alignment: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/slide/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/slide/index.js"],"names":[],"mappings":";AAKA,~~gDA6BC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/slide/index.js"],"names":[],"mappings":";AAKA,sDA6BC"}

package/lib/atom/social-link/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export default SocialLink;
-declare function SocialLink(props: any): JSX.Element;
+declare function SocialLink(props: any): React.JSX.Element;
 declare namespace SocialLink {
     const propTypes: {
         mode: PropTypes.Requireable<string>;
@@ -8,5 +8,6 @@ declare namespace SocialLink {
         'aria-label': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/social-link/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/social-link/index.js"],"names":[],"mappings":";AA8BA,~~qDAeC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/social-link/index.js"],"names":[],"mappings":";AA8BA,2DAeC"}