@coorpacademy/components 11.40.14-alpha.9 → 11.40.14-react18.80

package/es/atom/radio-with-title/types.d.ts

@@ -9,24 +9,24 @@ export declare const propTypes: {
         'data-name': PropTypes.Requireable<string>;
         titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<import("react").WeakValidationMap<import("../icon").IconProps>>>;
         tag: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             size: PropTypes.Requireable<string>;
             customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
             icon: PropTypes.Requireable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
-                iconName?: import("react").Validator<string> | undefined;
-                iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                preset?: import("react").Validator<string | null | undefined> | undefined;
-                size?: import("react").Validator<import("../icon").IconSize | null | undefined> | undefined;
-                customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
+                iconName?: import("react").Validator<string>;
+                iconColor?: import("react").Validator<string>;
+                backgroundColor?: import("react").Validator<string>;
+                gradientBackground?: import("react").Validator<boolean>;
+                borderRadius?: import("react").Validator<string>;
+                preset?: import("react").Validator<string>;
+                size?: import("react").Validator<import("../icon").IconSize>;
+                customStyle?: import("react").Validator<import("react").CSSProperties>;
             }>>;
         }>>;
         button: PropTypes.Requireable<PropTypes.InferProps<{
@@ -49,7 +49,7 @@ export declare const propTypes: {
                     size: PropTypes.Requireable<number>;
                     customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }> | (PropTypes.InferProps<{
+            }> | PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -59,7 +59,7 @@ export declare const propTypes: {
                     size: PropTypes.Requireable<number>;
                     customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }> | null | undefined)[] | null | undefined>>;
+            }>[]>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;

package/es/atom/range/handle.d.ts

@@ -1,5 +1,5 @@
 export default Handle;
-declare function Handle(props: any, legacyContext: any): JSX.Element;
+declare function Handle(props: any, legacyContext: any): React.JSX.Element;
 declare namespace Handle {
     namespace propTypes {
         const onPan: PropTypes.Requireable<(...args: any[]) => any>;
@@ -35,5 +35,6 @@ declare namespace Handle {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=handle.d.ts.map

package/es/atom/range/handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../src/atom/range/handle.js"],"names":[],"mappings":";AA6BA,qEAwCC"}
+{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../src/atom/range/handle.js"],"names":[],"mappings":";AA6BA,2EAwCC"}

package/es/atom/range/index.d.ts

@@ -4,12 +4,6 @@ declare class Range extends React.Component<any, any, any> {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeEnd: PropTypes.Requireable<(...args: any[]) => any>;
         multi: PropTypes.Requireable<boolean>;
-        theme: PropTypes.Requireable<string>;
-        min: PropTypes.Requireable<number>;
-        max: PropTypes.Requireable<number>;
-        step: PropTypes.Requireable<number>;
-        minLabel: PropTypes.Requireable<string>;
-        maxLabel: PropTypes.Requireable<string>;
         HammerForTestingMin: PropTypes.Requireable<PropTypes.InferProps<{
             on: PropTypes.Requireable<(...args: any[]) => any>;
             destroy: PropTypes.Requireable<(...args: any[]) => any>;
@@ -20,39 +14,17 @@ declare class Range extends React.Component<any, any, any> {
             destroy: PropTypes.Requireable<(...args: any[]) => any>;
             stop: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    };
-    static contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            images: PropTypes.Requireable<PropTypes.InferProps<{
-                'logo-mobile': PropTypes.Requireable<any>;
-                logo: PropTypes.Requireable<any>;
-                'logo-email': PropTypes.Requireable<any>;
-                login: PropTypes.Requireable<any>;
-            }>>;
-            icons: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            mod: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            courses: PropTypes.Requireable<any[]>;
-            texts: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-        }>>;
+        value: PropTypes.Requireable<NonNullable<number | number[]>>;
     };
     static getDerivedStateFromProps(props: any, state: any): {
         multi: any;
-        value: number | (number | number[])[];
-    } | null;
+        value: any;
+    };
     constructor(props: any, context: any);
     state: {
         pending: boolean;
         multi: any;
-        value: number | (number | number[])[];
+        value: any;
     };
     handleClick(e: any): void;
     setRefTrack(track: any): void;
@@ -61,11 +33,9 @@ declare class Range extends React.Component<any, any, any> {
     handleMinChangeEnd(e: any): void;
     handleMaxChangeEnd(e: any): void;
     track: any;
-    normalizedToActual(normalizedValue: any): any;
-    roundToStep(value: any): number;
     handleChange(value: any, valueIndex: any, pending: any): void;
     triggerChange(newValues: any, pending: any): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/atom/range/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AAyFA;IACE;;;;;;;;;;;;;;;;;;;;MAYE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF;;;aAIC;IAED,sCAYC;IAVC;;;;MAGC;IAuEH,0BAkBC;IAhFD,8BAEC;IAYD,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IAvCC,WAAkB;IAGpB,8CAGC;IAED,gCAGC;IA8BD,8DAWC;IAED,iDAKC;IAsBD,sBAmFC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AA4EA;IACE;;;;;;;;;;;;;;;MAQE;IAEF;;;MAMC;IAED,sCAcC;IAXC;;;;MAGC;IAkEH,0BAmBC;IA3ED,8BAEC;IAED,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IA7BC,WAAkB;IA+BpB,8DAcC;IAED,iDAMC;IAuBD,4BAyCC;CACF"}

package/es/atom/range/index.js

@@ -1,10 +1,8 @@
-import _getOr from "lodash/fp/getOr";
 import _clamp from "lodash/fp/clamp";
 import _set from "lodash/fp/set";
 import _noop from "lodash/fp/noop";
 import React from 'react';
 import PropTypes from 'prop-types';
-import Provider from '../provider';
 import Handle from './handle';
 import style from './style.css';
 const valueOnTrack = (track, x) => {
@@ -17,20 +15,11 @@ const valueOnTrack = (track, x) => {
 const extractStateFromProps = props => {
   const {
     multi = false,
-    value = multi ? [0, 1] : 0,
-    min = 0,
-    max = 100
+    value = multi ? [0, 1] : 0
   } = 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 ? normalizedValue : [0, normalizedValue]
+    value: multi ? value : [0, value]
   };
 };
 const RenderHandles = props => {
@@ -83,9 +72,6 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   HammerForTestingMax: Handle.propTypes.HammerForTesting
 } : {};
 class Range extends React.Component {
-  static contextTypes = {
-    skin: Provider.childContextTypes.skin
-  };
   static getDerivedStateFromProps(props, state) {
     const {
       pending
@@ -109,19 +95,6 @@ class Range extends React.Component {
   setRefTrack(track) {
     this.track = track;
   }
-  normalizedToActual(normalizedValue) {
-    const {
-      min = 0,
-      max = 100
-    } = this.props;
-    return min + normalizedValue * (max - min);
-  }
-  roundToStep(value) {
-    const {
-      step = 1
-    } = this.props;
-    return Math.round(value / step) * step;
-  }
   handleMinChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
@@ -166,8 +139,7 @@ class Range extends React.Component {
       multi = false
     } = this.props;
     const handle = pending ? onChange : onChangeEnd;
-    const actualValues = newValues.map(val => this.roundToStep(this.normalizedToActual(val)));
-    return handle(multi ? actualValues : actualValues[1]);
+    return handle(multi ? newValues : newValues[1]);
   }
   handleClick(e) {
     e.stopPropagation();
@@ -176,7 +148,8 @@ class Range extends React.Component {
       value: [left, right],
       multi
     } = this.state;
-    const newValue = valueOnTrack(this.track, e.clientX);
+    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;
@@ -191,30 +164,22 @@ class Range extends React.Component {
       value: [left, right],
       pending
     } = this.state;
-    const {
-      theme = 'default',
-      minLabel = 'Min',
-      maxLabel = 'Max',
-      HammerForTestingMin,
-      HammerForTestingMax
-    } = this.props;
     const railWidth = right - left;
     const railLeft = left;
-    const {
-      skin
-    } = this.context;
-    const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
-    const railStyle = theme === 'mooc' ? {
-      backgroundColor: primaryColor,
-      width: `${railWidth * 100}%`,
-      left: `${railLeft * 100}%`
-    } : {
+    const railStyle = {
+      backgroundColor: '#9999A8',
       width: `${railWidth * 100}%`,
       left: `${railLeft * 100}%`
     };
-    const minActualValue = this.roundToStep(this.normalizedToActual(left));
-    const maxActualValue = this.roundToStep(this.normalizedToActual(right));
-    const sliderComponent = /*#__PURE__*/React.createElement("div", {
+    const {
+      HammerForTestingMin,
+      HammerForTestingMax
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": "slider",
+      className: style.containerWrapper,
+      onClick: this.handleClick
+    }, /*#__PURE__*/React.createElement("div", {
       className: style.container
     }, /*#__PURE__*/React.createElement("div", {
       "data-testid": "track",
@@ -235,50 +200,17 @@ class Range extends React.Component {
       onHandleMinChangeEnd: this.handleMinChangeEnd,
       onHandleMaxChange: this.handleMaxChange,
       onHandleMaxChangeEnd: this.handleMaxChangeEnd
-    }));
-    if (theme === 'mooc') {
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "slider",
-        className: style.containerWrapper
-      }, /*#__PURE__*/React.createElement("div", {
-        onClick: this.handleClick
-      }, sliderComponent), /*#__PURE__*/React.createElement("div", {
-        className: style.inputsRow
-      }, multi ? /*#__PURE__*/React.createElement("div", {
-        className: style.moocInput,
-        "data-testid": "min-value"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.inputHint
-      }, minLabel), /*#__PURE__*/React.createElement("span", {
-        className: style.inputValue
-      }, minActualValue)) : null, /*#__PURE__*/React.createElement("div", {
-        className: style.moocInput,
-        "data-testid": "max-value"
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.inputHint
-      }, maxLabel), /*#__PURE__*/React.createElement("span", {
-        className: style.inputValue
-      }, maxActualValue))));
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": "slider",
-      className: style.containerWrapper,
-      onClick: this.handleClick
-    }, sliderComponent);
+    })));
   }
 }
 Range.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: PropTypes.func,
   onChangeEnd: PropTypes.func,
   multi: PropTypes.bool,
-  theme: PropTypes.oneOf(['default', 'mooc']),
-  min: PropTypes.number,
-  max: PropTypes.number,
-  step: PropTypes.number,
-  minLabel: PropTypes.string,
-  maxLabel: PropTypes.string,
   HammerForTestingMin: RenderHandles.propTypes.HammerForTestingMin,
-  HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax
+  HammerForTestingMax: RenderHandles.propTypes.HammerForTestingMax,
+  // eslint-disable-next-line react/no-unused-prop-types
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
 } : {};
 export default Range;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Handle","style","valueOnTrack","track","x","left","right","getBoundingClientRect","_clamp","extractStateFromProps","props","multi","value","min","max","toNormalized","actualValue","normalizedValue","Array","isArray","map","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","HammerForTestingMin","HammerForTestingMax","createElement","className","handle","animatedHandle","axis","onPan","onPanEnd","HammerForTesting","propTypes","process","env","NODE_ENV","number","bool","func","Range","Component","contextTypes","skin","childContextTypes","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","normalizedToActual","roundToStep","step","Math","round","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","_set","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","_noop","onChangeEnd","actualValues","val","clientX","isClickToTheLeft","closestHandle","abs","render","theme","minLabel","maxLabel","railWidth","railLeft","primaryColor","_getOr","railStyle","backgroundColor","width","minActualValue","maxActualValue","sliderComponent","container","ref","rail","animatedRail","containerWrapper","onClick","inputsRow","moocInput","inputHint","inputValue","oneOf","string"],"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 = 100} = 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    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 = 100} = this.props;\n    return min + normalizedValue * (max - min);\n  }\n\n  roundToStep(value) {\n    const {step = 1} = this.props;\n    return Math.round(value / step) * step;\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      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}>{minActualValue}</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}>{maxActualValue}</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":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Handle","style","valueOnTrack","track","x","left","right","getBoundingClientRect","_clamp","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","HammerForTestingMin","HammerForTestingMax","createElement","className","handle","animatedHandle","axis","onPan","onPanEnd","HammerForTesting","propTypes","process","env","NODE_ENV","number","bool","func","Range","Component","getDerivedStateFromProps","state","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","_set","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","_noop","onChangeEnd","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","onClick","container","ref","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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","ignoreList":[]}

package/es/atom/range/style.css

@@ -3,14 +3,10 @@
 @value dark from colors;
 @value white from colors;
 @value brand from colors;
-@value surface_input_neutral_strong from colors;
 
 .containerWrapper {
   padding: 15px;
   user-select: none;
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
 }
 
 .container {
@@ -59,37 +55,3 @@
   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: #999;
-  font-weight: 700;
-  font-size: 16px;
-}
-
-.inputValue {
-  color: #000;
-  font-weight: 600;
-  font-size: 16px;
-}
-

package/es/atom/resource-miniature/index.d.ts

@@ -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/es/atom/resource-miniature/index.d.ts.map

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

package/es/atom/review-presentation/index.d.ts

@@ -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/es/atom/review-presentation/index.d.ts.map

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

package/es/atom/review-presentation/index.native.d.ts

@@ -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/es/atom/review-presentation/index.native.d.ts.map

@@ -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"}
+{"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/es/atom/select/index.d.ts

@@ -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/es/atom/select/index.d.ts.map

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

package/es/atom/select-icon/index.d.ts

@@ -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/es/atom/select-icon/index.d.ts.map

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

package/es/atom/select-modal/index.native.d.ts

@@ -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/es/atom/select-modal/index.native.d.ts.map

@@ -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"}
+{"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/es/atom/select-modal/index.native.js

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