@coorpacademy/components 11.40.13-alpha.1.2 → 11.40.13-alpha.12

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

@@ -4,6 +4,12 @@ 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>;
@@ -18,13 +24,13 @@ declare class Range extends React.Component<any, any, any> {
     };
     static getDerivedStateFromProps(props: any, state: any): {
         multi: any;
-        value: any;
+        value: number | (number | number[])[];
     } | null;
     constructor(props: any, context: any);
     state: {
         pending: boolean;
         multi: any;
-        value: any;
+        value: number | (number | number[])[];
     };
     handleClick(e: any): void;
     setRefTrack(track: any): void;
@@ -33,6 +39,8 @@ 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;

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":";AA4EA;IACE;;;;;;;;;;;;;;;MAQE;IAEF;;;aAMC;IAED,sCAcC;IAXC;;;;MAGC;IAkEH,0BAmBC;IA3ED,8BAEC;IAED,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IA7BC,WAAkB;IA+BpB,8DAcC;IAED,iDAMC;IAuBD,sBAyCC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AAqFA;IACE;;;;;;;;;;;;;;;;;;;;;MAaE;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,sBAiFC;CACF"}

package/es/atom/range/index.js

@@ -15,11 +15,15 @@ const valueOnTrack = (track, x) => {
 const extractStateFromProps = props => {
   const {
     multi = false,
-    value = multi ? [0, 1] : 0
+    value = multi ? [0, 1] : 0,
+    min = 0,
+    max = 100
   } = props;
+  const toNormalized = actualValue => (actualValue - min) / (max - min);
+  const normalizedValue = multi ? Array.isArray(value) ? value.map(toNormalized) : [toNormalized(0), toNormalized(value)] : toNormalized(value);
   return {
     multi,
-    value: multi ? value : [0, value]
+    value: multi ? normalizedValue : [0, normalizedValue]
   };
 };
 const RenderHandles = props => {
@@ -95,6 +99,19 @@ 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();
@@ -136,10 +153,13 @@ class Range extends React.Component {
     const {
       onChange = _noop,
       onChangeEnd = onChange,
-      multi = false
+      multi = false,
+      min = 0,
+      max = 100
     } = 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();
@@ -148,8 +168,7 @@ class Range extends React.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;
@@ -164,22 +183,28 @@ 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 railStyle = {
+
+    // For mooc theme, let CSS handle the brand color, for default theme use original color
+    const railStyle = theme === 'mooc' ? {
+      width: `${railWidth * 100}%`,
+      left: `${railLeft * 100}%`
+    } : {
       backgroundColor: '#9999A8',
       width: `${railWidth * 100}%`,
       left: `${railLeft * 100}%`
     };
-    const {
-      HammerForTestingMin,
-      HammerForTestingMax
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": "slider",
-      className: style.containerWrapper,
-      onClick: this.handleClick
-    }, /*#__PURE__*/React.createElement("div", {
+    const minActualValue = this.roundToStep(this.normalizedToActual(left));
+    const maxActualValue = this.roundToStep(this.normalizedToActual(right));
+    const sliderComponent = /*#__PURE__*/React.createElement("div", {
       className: style.container
     }, /*#__PURE__*/React.createElement("div", {
       "data-testid": "track",
@@ -200,16 +225,50 @@ 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,
-  // eslint-disable-next-line react/no-unused-prop-types
   value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
 } : {};
 export default Range;

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","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","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","railStyle","width","backgroundColor","minActualValue","maxActualValue","sliderComponent","container","ref","rail","animatedRail","containerWrapper","onClick","inputsRow","moocInput","inputHint","inputValue","oneOf","string","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, min = 0, max = 100} = props;\n\n  const toNormalized = actualValue => (actualValue - min) / (max - min);\n\n  const normalizedValue = multi\n    ? Array.isArray(value)\n      ? value.map(toNormalized)\n      : [toNormalized(0), toNormalized(value)]\n    : toNormalized(value);\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    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\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, min = 0, max = 100} = 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    // For mooc theme, let CSS handle the brand color, for default theme use original color\n    const railStyle = theme === 'mooc'\n      ? {\n          width: `${railWidth * 100}%`,\n          left: `${railLeft * 100}%`\n        }\n      : {\n          backgroundColor: '#9999A8',\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":[]}

package/es/atom/range/style.css

@@ -3,10 +3,14 @@
 @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 {
@@ -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: #999;
+  font-weight: 700;
+  font-size: 16px;
+}
+
+.inputValue {
+  color: #000;
+  font-weight: 600;
+  font-size: 16px;
+}
+

package/es/molecule/multi-filter-panel/index.d.ts

@@ -63,8 +63,28 @@ declare const MultiFilterPanel: {
                     onChange: import("prop-types").Validator<(...args: any[]) => any>;
                     theme: import("prop-types").Validator<string>;
                     ariaLabel: import("prop-types").Validator<string>;
+                    id: import("prop-types").Requireable<string>;
                 }> | null | undefined)[]>;
             }>>;
+        }> | import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            options: import("prop-types").Requireable<import("prop-types").InferProps<{
+                title: import("prop-types").Validator<string>;
+                titleAriaLabel: import("prop-types").Requireable<string>;
+                onClear: import("prop-types").Validator<(...args: any[]) => any>;
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    label: import("prop-types").Validator<string>;
+                    min: import("prop-types").Validator<number>;
+                    max: import("prop-types").Validator<number>;
+                    step: import("prop-types").Requireable<number>;
+                    value: import("prop-types").Requireable<(number | null | undefined)[]>;
+                    minLabel: import("prop-types").Requireable<string>;
+                    maxLabel: import("prop-types").Requireable<string>;
+                    onChange: import("prop-types").Validator<(...args: any[]) => any>;
+                    theme: import("prop-types").Requireable<string>;
+                    selected: import("prop-types").Requireable<boolean>;
+                }>>;
+            }>>;
         }> | null | undefined> | null | undefined)[]>;
     };
     contextTypes: {

package/es/molecule/multi-filter-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AASjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAwDlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAWjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AA2DlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}

package/es/molecule/multi-filter-panel/index.js

@@ -14,6 +14,7 @@ import Provider, { GetTranslateFromContext } from '../../atom/provider';
 import Chip from '../../atom/chip';
 import { COLORS } from '../../variables/colors';
 import FilterSwitch from '../../organism/filter-switch';
+import FilterRange from '../../organism/filter-range';
 import style from './style.css';
 import propTypes from './prop-types';
 // @ts-expect-error convert is not recognized by the types
@@ -39,6 +40,8 @@ const buildFilters = filterOptions => {
       return /*#__PURE__*/React.createElement(FilterCheckboxAndSearch, options);
     case 'switch':
       return /*#__PURE__*/React.createElement(FilterSwitch, options);
+    case 'range':
+      return /*#__PURE__*/React.createElement(FilterRange, options);
     default:
       return null;
   }

package/es/molecule/multi-filter-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FilterChip","FilterCheckboxAndSearch","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","Chip","COLORS","FilterSwitch","style","propTypes","uncappedMap","_map","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","filterSeparator","buildFilters","filterOptions","type","options","buildAllSelectedFilterChips","selectedFilters","onRemoveSelectedFilter","selectedFiltersContainer","map","filterItem","label","handleClick","key","onClick","text","textColor","neutral_500","backgroundColor","cm_grey_150","customIcon","customStyle","height","MultiFilterPanel","props","context","title","onClearAll","translate","allSelectedFilters","_pipe","_flatMap","_filter","selected","value","hasSelectedFilters","_size","filters","i","isLastItem","Fragment","header","titleContainer","titleSize","_toString","size","buttonContainer","hoverColor","primary_600","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Chip from '../../atom/chip';\nimport {COLORS} from '../../variables/colors';\nimport FilterSwitch from '../../organism/filter-switch';\nimport {FilterCheckboxAndSearchOptions} from '../../organism/filter-checkbox-and-search/props-types';\nimport {FilterChipOptionsProps} from '../../organism/filter-chip/prop-types';\nimport {FilterSwitchOptionsProps} from '../../organism/filter-switch/prop-types';\nimport style from './style.css';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\n\ntype SelectedFilter =\n  | FilterChipOptionsProps\n  | FilterSwitchOptionsProps\n  | FilterCheckboxAndSearchOptions;\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCheckboxAndSearch {...options} />;\n    case 'switch':\n      return <FilterSwitch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst buildAllSelectedFilterChips = (\n  selectedFilters: SelectedFilter[],\n  onRemoveSelectedFilter: (label: string) => void\n) => {\n  return (\n    <div className={style.selectedFiltersContainer} data-testid=\"selected-filters-container\">\n      {selectedFilters.map((filterItem: SelectedFilter) => {\n        const {label} = filterItem;\n\n        function handleClick() {\n          return onRemoveSelectedFilter(label);\n        }\n\n        return (\n          <Chip\n            key={label}\n            onClick={handleClick}\n            text={label}\n            textColor={COLORS.neutral_500}\n            backgroundColor={COLORS.cm_grey_150}\n            customIcon={'xmark'}\n            customStyle={{height: '28px', padding: '4px 8px'}}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options, onRemoveSelectedFilter = false} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters: SelectedFilter[] = pipe(\n    map('options'),\n    flatMap('options'),\n    filter(filterOptions => filterOptions.selected || filterOptions.value === true)\n  )(options);\n  const hasSelectedFilters = size(allSelectedFilters) > 0;\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(size(allSelectedFilters))} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n              hoverColor={COLORS.primary_600}\n            />\n          </div>\n        ) : null}\n      </div>\n      {onRemoveSelectedFilter && hasSelectedFilters ? (\n        <>\n          <div>{buildAllSelectedFilterChips(allSelectedFilters, onRemoveSelectedFilter)}</div>\n          {FilterSeparator}\n        </>\n      ) : null}\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FilterChip","FilterCheckboxAndSearch","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","Chip","COLORS","FilterSwitch","FilterRange","style","propTypes","uncappedMap","_map","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","filterSeparator","buildFilters","filterOptions","type","options","buildAllSelectedFilterChips","selectedFilters","onRemoveSelectedFilter","selectedFiltersContainer","map","filterItem","label","handleClick","key","onClick","text","textColor","neutral_500","backgroundColor","cm_grey_150","customIcon","customStyle","height","MultiFilterPanel","props","context","title","onClearAll","translate","allSelectedFilters","_pipe","_flatMap","_filter","selected","value","hasSelectedFilters","_size","filters","i","isLastItem","Fragment","header","titleContainer","titleSize","_toString","size","buttonContainer","hoverColor","primary_600","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Chip from '../../atom/chip';\nimport {COLORS} from '../../variables/colors';\nimport FilterSwitch from '../../organism/filter-switch';\nimport FilterRange from '../../organism/filter-range';\nimport {FilterCheckboxAndSearchOptions} from '../../organism/filter-checkbox-and-search/props-types';\nimport {FilterChipOptionsProps} from '../../organism/filter-chip/prop-types';\nimport {FilterSwitchOptionsProps} from '../../organism/filter-switch/prop-types';\nimport {FilterRangeOptionsProps} from '../../organism/filter-range/prop-types';\nimport style from './style.css';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\n\ntype SelectedFilter =\n  | FilterChipOptionsProps\n  | FilterSwitchOptionsProps\n  | FilterCheckboxAndSearchOptions\n  | FilterRangeOptionsProps;\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCheckboxAndSearch {...options} />;\n    case 'switch':\n      return <FilterSwitch {...options} />;\n    case 'range':\n      return <FilterRange {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst buildAllSelectedFilterChips = (\n  selectedFilters: SelectedFilter[],\n  onRemoveSelectedFilter: (label: string) => void\n) => {\n  return (\n    <div className={style.selectedFiltersContainer} data-testid=\"selected-filters-container\">\n      {selectedFilters.map((filterItem: SelectedFilter) => {\n        const {label} = filterItem;\n\n        function handleClick() {\n          return onRemoveSelectedFilter(label);\n        }\n\n        return (\n          <Chip\n            key={label}\n            onClick={handleClick}\n            text={label}\n            textColor={COLORS.neutral_500}\n            backgroundColor={COLORS.cm_grey_150}\n            customIcon={'xmark'}\n            customStyle={{height: '28px', padding: '4px 8px'}}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options, onRemoveSelectedFilter = false} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters: SelectedFilter[] = pipe(\n    map('options'),\n    flatMap('options'),\n    filter(filterOptions => filterOptions.selected || filterOptions.value === true)\n  )(options);\n  const hasSelectedFilters = size(allSelectedFilters) > 0;\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(size(allSelectedFilters))} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n              hoverColor={COLORS.primary_600}\n            />\n          </div>\n        ) : null}\n      </div>\n      {onRemoveSelectedFilter && hasSelectedFilters ? (\n        <>\n          <div>{buildAllSelectedFilterChips(allSelectedFilters, onRemoveSelectedFilter)}</div>\n          {FilterSeparator}\n        </>\n      ) : null}\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/multi-filter-panel/prop-types.d.ts

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import { FilterChipProps } from '../../organism/filter-chip/prop-types';
 import { FilterCheckboxAndSearchProps } from '../../organism/filter-checkbox-and-search/props-types';
 import { FilterSwitchProps } from '../../organism/filter-switch/prop-types';
+import { FilterRangeProps } from '../../organism/filter-range/prop-types';
 declare const propTypes: {
     title: PropTypes.Requireable<string>;
     onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
@@ -62,8 +63,28 @@ declare const propTypes: {
                 onChange: PropTypes.Validator<(...args: any[]) => any>;
                 theme: PropTypes.Validator<string>;
                 ariaLabel: PropTypes.Validator<string>;
+                id: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
         }>>;
+    }> | PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        options: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            titleAriaLabel: PropTypes.Requireable<string>;
+            onClear: PropTypes.Validator<(...args: any[]) => any>;
+            options: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+                value: PropTypes.Requireable<(number | null | undefined)[]>;
+                minLabel: PropTypes.Requireable<string>;
+                maxLabel: PropTypes.Requireable<string>;
+                onChange: PropTypes.Validator<(...args: any[]) => any>;
+                theme: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+            }>>;
+        }>>;
     }> | null | undefined> | null | undefined)[]>;
 };
 export declare type OptionsChipProps = {
@@ -78,7 +99,11 @@ export declare type OptionsSwitchProps = {
     type: 'switch';
     options: FilterSwitchProps;
 };
-export declare type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps;
+export declare type OptionsRangeProps = {
+    type: 'range';
+    options: FilterRangeProps;
+};
+export declare type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps | OptionsRangeProps;
 export declare type MultiFilterPanelProps = {
     title: string;
     onRemoveSelectedFilter?: (label: string) => void;

package/es/molecule/multi-filter-panel/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAC/D,OAA8B,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAEjG,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBd,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE9F,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAC/D,OAA8B,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AACjG,OAA6B,EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AAE9F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAElH,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/molecule/multi-filter-panel/prop-types.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import filterChipProptypes from '../../organism/filter-chip/prop-types';
 import filterCheckboxAndSearchProptypes from '../../organism/filter-checkbox-and-search/props-types';
 import filterSwitchProptypes from '../../organism/filter-switch/prop-types';
+import filterRangeProptypes from '../../organism/filter-range/prop-types';
 const propTypes = {
   title: PropTypes.string,
   onClearAll: PropTypes.func,
@@ -15,6 +16,9 @@ const propTypes = {
   }), PropTypes.shape({
     type: PropTypes.oneOf(['switch']),
     options: PropTypes.shape(filterSwitchProptypes)
+  }), PropTypes.shape({
+    type: PropTypes.oneOf(['range']),
+    options: PropTypes.shape(filterRangeProptypes)
   })]))
 };
 export default propTypes;

package/es/molecule/multi-filter-panel/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","filterChipProptypes","filterCheckboxAndSearchProptypes","filterSwitchProptypes","propTypes","title","string","onClearAll","func","onRemoveSelectedFilter","options","arrayOf","oneOfType","shape","type","oneOf"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {FilterChipProps} from '../../organism/filter-chip/prop-types';\nimport filterCheckboxAndSearchProptypes, {\n  FilterCheckboxAndSearchProps\n} from '../../organism/filter-checkbox-and-search/props-types';\nimport filterSwitchProptypes, {FilterSwitchProps} from '../../organism/filter-switch/prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  onRemoveSelectedFilter: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        type: PropTypes.oneOf(['chip']),\n        options: PropTypes.shape(filterChipProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['checkbox']),\n        options: PropTypes.shape(filterCheckboxAndSearchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['switch']),\n        options: PropTypes.shape(filterSwitchProptypes)\n      })\n    ])\n  )\n};\n\nexport type OptionsChipProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type OptionsCheckboxProps = {\n  type: 'checkbox';\n  options: FilterCheckboxAndSearchProps;\n};\n\nexport type OptionsSwitchProps = {\n  type: 'switch';\n  options: FilterSwitchProps;\n};\n\nexport type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps;\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onRemoveSelectedFilter?: (label: string) => void;\n  onClearAll: () => void;\n  options: FilterOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,mBAAmB,MAAyB,uCAAuC;AAC1F,OAAOC,gCAAgC,MAEhC,uDAAuD;AAC9D,OAAOC,qBAAqB,MAA2B,yCAAyC;AAEhG,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEL,SAAS,CAACM,MAAM;EACvBC,UAAU,EAAEP,SAAS,CAACQ,IAAI;EAC1BC,sBAAsB,EAAET,SAAS,CAACQ,IAAI;EACtCE,OAAO,EAAEV,SAAS,CAACW,OAAO,CACxBX,SAAS,CAACY,SAAS,CAAC,CAClBZ,SAAS,CAACa,KAAK,CAAC;IACdC,IAAI,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BL,OAAO,EAAEV,SAAS,CAACa,KAAK,CAACZ,mBAAmB;EAC9C,CAAC,CAAC,EACFD,SAAS,CAACa,KAAK,CAAC;IACdC,IAAI,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACnCL,OAAO,EAAEV,SAAS,CAACa,KAAK,CAACX,gCAAgC;EAC3D,CAAC,CAAC,EACFF,SAAS,CAACa,KAAK,CAAC;IACdC,IAAI,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjCL,OAAO,EAAEV,SAAS,CAACa,KAAK,CAACV,qBAAqB;EAChD,CAAC,CAAC,CACH,CACH;AACF,CAAC;AA0BD,eAAeC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","filterChipProptypes","filterCheckboxAndSearchProptypes","filterSwitchProptypes","filterRangeProptypes","propTypes","title","string","onClearAll","func","onRemoveSelectedFilter","options","arrayOf","oneOfType","shape","type","oneOf"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {FilterChipProps} from '../../organism/filter-chip/prop-types';\nimport filterCheckboxAndSearchProptypes, {\n  FilterCheckboxAndSearchProps\n} from '../../organism/filter-checkbox-and-search/props-types';\nimport filterSwitchProptypes, {FilterSwitchProps} from '../../organism/filter-switch/prop-types';\nimport filterRangeProptypes, {FilterRangeProps} from '../../organism/filter-range/prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  onRemoveSelectedFilter: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        type: PropTypes.oneOf(['chip']),\n        options: PropTypes.shape(filterChipProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['checkbox']),\n        options: PropTypes.shape(filterCheckboxAndSearchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['switch']),\n        options: PropTypes.shape(filterSwitchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['range']),\n        options: PropTypes.shape(filterRangeProptypes)\n      })\n    ])\n  )\n};\n\nexport type OptionsChipProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type OptionsCheckboxProps = {\n  type: 'checkbox';\n  options: FilterCheckboxAndSearchProps;\n};\n\nexport type OptionsSwitchProps = {\n  type: 'switch';\n  options: FilterSwitchProps;\n};\n\nexport type OptionsRangeProps = {\n  type: 'range';\n  options: FilterRangeProps;\n};\n\nexport type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps | OptionsRangeProps;\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onRemoveSelectedFilter?: (label: string) => void;\n  onClearAll: () => void;\n  options: FilterOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,mBAAmB,MAAyB,uCAAuC;AAC1F,OAAOC,gCAAgC,MAEhC,uDAAuD;AAC9D,OAAOC,qBAAqB,MAA2B,yCAAyC;AAChG,OAAOC,oBAAoB,MAA0B,wCAAwC;AAE7F,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEN,SAAS,CAACO,MAAM;EACvBC,UAAU,EAAER,SAAS,CAACS,IAAI;EAC1BC,sBAAsB,EAAEV,SAAS,CAACS,IAAI;EACtCE,OAAO,EAAEX,SAAS,CAACY,OAAO,CACxBZ,SAAS,CAACa,SAAS,CAAC,CAClBb,SAAS,CAACc,KAAK,CAAC;IACdC,IAAI,EAAEf,SAAS,CAACgB,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BL,OAAO,EAAEX,SAAS,CAACc,KAAK,CAACb,mBAAmB;EAC9C,CAAC,CAAC,EACFD,SAAS,CAACc,KAAK,CAAC;IACdC,IAAI,EAAEf,SAAS,CAACgB,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACnCL,OAAO,EAAEX,SAAS,CAACc,KAAK,CAACZ,gCAAgC;EAC3D,CAAC,CAAC,EACFF,SAAS,CAACc,KAAK,CAAC;IACdC,IAAI,EAAEf,SAAS,CAACgB,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjCL,OAAO,EAAEX,SAAS,CAACc,KAAK,CAACX,qBAAqB;EAChD,CAAC,CAAC,EACFH,SAAS,CAACc,KAAK,CAAC;IACdC,IAAI,EAAEf,SAAS,CAACgB,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChCL,OAAO,EAAEX,SAAS,CAACc,KAAK,CAACV,oBAAoB;EAC/C,CAAC,CAAC,CACH,CACH;AACF,CAAC;AA+BD,eAAeC,SAAS","ignoreList":[]}

package/es/molecule/questions/question-range/index.d.ts

@@ -32,6 +32,10 @@ declare namespace QuestionRange {
         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>;
         HammerForTestingMin: PropTypes.Requireable<PropTypes.InferProps<{
             on: PropTypes.Requireable<(...args: any[]) => any>;
             destroy: PropTypes.Requireable<(...args: any[]) => any>;

package/es/organism/content-skill-modal/index.d.ts

@@ -745,8 +745,28 @@ declare const ContentSkillModal: {
                         onChange: import("prop-types").Validator<(...args: any[]) => any>;
                         theme: import("prop-types").Validator<string>;
                         ariaLabel: import("prop-types").Validator<string>;
+                        id: import("prop-types").Requireable<string>;
                     }> | null | undefined)[]>;
                 }>>;
+            }> | import("prop-types").InferProps<{
+                type: import("prop-types").Requireable<string>;
+                options: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    title: import("prop-types").Validator<string>;
+                    titleAriaLabel: import("prop-types").Requireable<string>;
+                    onClear: import("prop-types").Validator<(...args: any[]) => any>;
+                    options: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        label: import("prop-types").Validator<string>;
+                        min: import("prop-types").Validator<number>;
+                        max: import("prop-types").Validator<number>;
+                        step: import("prop-types").Requireable<number>;
+                        value: import("prop-types").Requireable<(number | null | undefined)[]>;
+                        minLabel: import("prop-types").Requireable<string>;
+                        maxLabel: import("prop-types").Requireable<string>;
+                        onChange: import("prop-types").Validator<(...args: any[]) => any>;
+                        theme: import("prop-types").Requireable<string>;
+                        selected: import("prop-types").Requireable<boolean>;
+                    }>>;
+                }>>;
             }> | null | undefined> | null | undefined)[]>;
         }>>>;
         modal: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{

package/es/organism/content-skill-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/es/organism/content-skill-modal/types.d.ts

@@ -742,8 +742,28 @@ declare const ContentSkillModalPropTypes: {
                     onChange: PropTypes.Validator<(...args: any[]) => any>;
                     theme: PropTypes.Validator<string>;
                     ariaLabel: PropTypes.Validator<string>;
+                    id: PropTypes.Requireable<string>;
                 }> | null | undefined)[]>;
             }>>;
+        }> | PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
+                onClear: PropTypes.Validator<(...args: any[]) => any>;
+                options: PropTypes.Requireable<PropTypes.InferProps<{
+                    label: PropTypes.Validator<string>;
+                    min: PropTypes.Validator<number>;
+                    max: PropTypes.Validator<number>;
+                    step: PropTypes.Requireable<number>;
+                    value: PropTypes.Requireable<(number | null | undefined)[]>;
+                    minLabel: PropTypes.Requireable<string>;
+                    maxLabel: PropTypes.Requireable<string>;
+                    onChange: PropTypes.Validator<(...args: any[]) => any>;
+                    theme: PropTypes.Requireable<string>;
+                    selected: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }> | null | undefined> | null | undefined)[]>;
     }>>>;
     modal: PropTypes.Validator<NonNullable<PropTypes.InferProps<{