@hitachivantara/uikit-react-lab 3.38.0

package/dist/modern/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Slider/Slider.js"],"names":["React","PropTypes","Range","Handle","Tooltip","withStyles","KnobRing","styleCreator","scaledValueToKnobsPositionValue","scaledValue","minPointValue","inverseStepValue","Math","floor","transformKnobsPosition","values","knobsPositions","forEach","value","index","calculateStepValue","maxPointValue","divisionQuantity","abs","HvSlider","Component","constructor","props","sliderValue","stepValue","markProperties","markstep","markDigits","formatMark","styles","marks","length","markProperty","position","label","style","mark","roundedMarkStep","labelValue","knobsPositionToScaledValue","toFixed","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","noOverlap","state","duplicatedValue","findDuplicated","filter","item","indexOf","array","newArray","newPosition","previousValue","knobsPosition","knobs","generateKnobsPositionAndValues","onChange","defaultValues","fixed","setState","onBeforeChange","onAfterChange","formatTooltip","classes","dragging","restProps","knobValue","dragColor","sliderTooltip","hoverColor","markStep","theme","createTrackStyles","knobStyles","createKnobStyles","rangesCount","createMark","defaultKnobsPositions","getDerivedStateFromProps","render","createKnob","root","dot","onChangeHandler","onBeforeChangeHandler","onAfterChangeHandler","undefined","rail","propTypes","arrayOf","number","isRequired","shape","string","defaultValue","bool","func","any","defaultProps","name","withTheme"],"mappings":"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","sourcesContent":["/**\n * Note: https://github.com/react-component/slider/issues/504\n * Version must remain in \"8.6.3\" until this bug is fixed\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Range, Handle } from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport { withStyles } from \"@material-ui/core\";\nimport KnobRing from \"./KnobRing\";\nimport \"rc-slider/assets/index.css\";\nimport styleCreator from \"./styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - the value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nconst scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) =>\n  Math.floor((scaledValue - minPointValue) * inverseStepValue);\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nconst transformKnobsPosition = (values, inverseStepValue, minPointValue) => {\n  const knobsPositions = [];\n  values.forEach((value, index) => {\n    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);\n  });\n  return knobsPositions;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nconst calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) =>\n  Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters. Still in development\n */\nclass HvSlider extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const {\n      markProperties,\n      markStep,\n      markDigits,\n      knobProperties,\n      values,\n      defaultValues,\n      theme,\n      maxPointValue,\n      minPointValue,\n      divisionQuantity,\n      formatMark,\n    } = props;\n\n    const styles = styleCreator(theme);\n    const stepValue = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n    const inverseStepValue = 1 / stepValue;\n\n    this.state = {\n      knobsPositions: transformKnobsPosition(\n        values.length > 0 ? values : defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n      trackStyles: this.createTrackStyles(knobProperties, styles),\n      knobStyles: this.createKnobStyles(knobProperties, styles),\n      rangesCount: knobProperties.length - 1,\n      marks: this.createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        formatMark,\n        styles\n      ),\n      defaultKnobsPositions: transformKnobsPosition(defaultValues, inverseStepValue, minPointValue),\n      styles,\n      stepValue,\n      inverseStepValue,\n    };\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const stepValue = calculateStepValue(\n      props.maxPointValue,\n      props.minPointValue,\n      props.divisionQuantity\n    );\n\n    if (props.values.length > 0) {\n      return {\n        ...state,\n        knobsPositions: transformKnobsPosition(\n          props.values.length > 0 ? props.values : props.defaultValues,\n          1 / stepValue,\n          props.minPointValue\n        ),\n      };\n    }\n    return null;\n  }\n\n  /**\n   * Transform the scaled values into knobs positions.\n   *\n   * @param {*} sliderValue - the value of the slider to be scaled\n   * @param {*} minPointValue - The value of the first point in the slider from left to right.\n   * @param {*} stepValue - The calculated separation between the values of the slider.\n   */\n  knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) =>\n    minPointValue + stepValue * sliderValue;\n\n  /**\n   * Generates the inline styles used for the track of each knob, applying colors if necessary.\n   *\n   * @param {Object} markProperties - The object provided by the user with\n   * the desired configuration for the marks.\n   * @param {Integer} markstep - The separation between marks.\n   * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n   * @param {Integer} minPointValue - The value of the first point in the slider from\n   * left to right.\n   * @param {Integer} stepValue - The calculated separation between the values of the slider.\n   * @param {Integer} markDigits - How many decimals the mark will show.\n   * @param {Function} formatMark - A function provided by the user that is going to\n   * be executed to format the mark text.\n   * @param {Object} styles - the default styles for the marks.\n   * @returns {Object} - An object with the for the marks.\n   * @memberof HvSlider\n   */\n  createMark = (\n    markProperties,\n    markstep,\n    divisionQuantity,\n    minPointValue,\n    stepValue,\n    markDigits,\n    formatMark,\n    styles\n  ) => {\n    const marks = {};\n    if (markProperties.length > 0) {\n      markProperties.forEach((markProperty) => {\n        marks[markProperty.position] = {\n          label: `${markProperty.label}`,\n          style: {\n            ...styles.mark,\n          },\n        };\n      });\n    } else {\n      const roundedMarkStep = Math.floor(markstep);\n      for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n        let labelValue = this.knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(\n          markDigits\n        );\n        labelValue = formatMark(labelValue);\n        marks[index] = {\n          label: `${labelValue}`,\n          style: {\n            ...styles.mark,\n          },\n        };\n      }\n    }\n    return marks;\n  };\n\n  /**\n   * Generates the inline styles used for the track of each knob, applying colors if necessary.\n   *\n   * @param {Object} knobProperties - The object provided by the user with\n   * the desired configuration for the knobs.\n   * @param {Object} styles - the default styles for the tracks.\n   * @returns {Object} - An object with the style for each track.\n   * @memberof HvSlider\n   */\n  createTrackStyles = (knobProperties, styles) => {\n    const trackStyles = [];\n    if (knobProperties.length > 1) {\n      knobProperties.forEach((knobProperty, index) => {\n        trackStyles[index] = { ...styles.track };\n        if (knobProperty.color) {\n          trackStyles[index].backgroundColor = knobProperty.trackColor;\n        }\n      });\n    }\n    return trackStyles;\n  };\n\n  /**\n   * Generates the inline styles used for each knob, applying colors if specified.\n   *\n   * @param {Object} knobProperties - The object provided by the user with\n   * the desired configuration for the knobs.\n   * @param {Object} styles - the default styles for the knobs.\n   * @returns {Object} - An object with both the inner and outer styles for the knob.\n   * @memberof HvSlider\n   */\n  createKnobStyles = (knobProperties, styles) => {\n    const knobInner = [];\n    const knobOuterStyle = [];\n\n    const lastItem = knobProperties.length - 1;\n    if (knobProperties.length > 1) {\n      knobProperties.forEach((knobProperty, index) => {\n        knobInner[index] = { ...styles.knobInner };\n        knobOuterStyle[index] = { ...styles.knobOuter };\n\n        if (knobProperty.color) {\n          knobInner[index].backgroundColor = knobProperty.color;\n          knobOuterStyle[index].backgroundColor = \"transparent\";\n        }\n\n        if (knobProperty.hidden) {\n          knobInner[index] = styles.knobHidden;\n          if (index === lastItem) {\n            knobInner[index] = { ...styles.knobHiddenLast };\n            knobInner[index].backgroundColor = knobProperty.color;\n            knobOuterStyle[index] = { ...styles.knobHidden };\n            knobOuterStyle[index].backgroundColor = knobProperty.color;\n          }\n        }\n      });\n    }\n\n    return {\n      knobInner,\n      knobOuterStyle,\n    };\n  };\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  generateKnobsPositionAndValues = (knobsCurrentPosition) => {\n    const newKnobsPosition = knobsCurrentPosition.slice();\n    const knobsValues = [];\n    const { minPointValue, noOverlap } = this.props;\n    const { stepValue, knobsPositions } = this.state;\n\n    let duplicatedValue = null;\n\n    const findDuplicated = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray = array;\n      let newPosition = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = this.knobsPositionToScaledValue(newPosition, minPointValue, stepValue);\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  onChangeHandler = (knobsPosition) => {\n    const knobs = this.generateKnobsPositionAndValues(knobsPosition);\n    const { knobProperties, onChange, minPointValue, defaultValues } = this.props;\n    const { inverseStepValue } = this.state;\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n\n    onChange(knobs);\n\n    this.setState({\n      knobsPositions: knobs.knobsPosition,\n    });\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  onBeforeChangeHandler = (knobsPosition) => {\n    const { onBeforeChange } = this.props;\n    const knobs = this.generateKnobsPositionAndValues(knobsPosition);\n    onBeforeChange(knobs);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  onAfterChangeHandler = (knobsPosition) => {\n    const { onAfterChange } = this.props;\n    const knobs = this.generateKnobsPositionAndValues(knobsPosition);\n    onAfterChange(knobs);\n  };\n\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  createKnob = (props) => {\n    const { minPointValue, markDigits, knobProperties, formatTooltip, classes } = this.props;\n    const { stepValue } = this.state;\n    const { value, dragging, index, style, ...restProps } = props;\n\n    const knobValue = this.knobsPositionToScaledValue(value, minPointValue, stepValue).toFixed(\n      markDigits\n    );\n    if (dragging) {\n      style.backgroundColor = knobProperties[index].dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index].color;\n    }\n\n    return (\n      <Tooltip\n        prefixCls=\"rc-slider-tooltip\"\n        overlay={formatTooltip(knobValue)}\n        visible={dragging}\n        placement=\"top\"\n        key={index}\n        overlayClassName={classes.sliderTooltip}\n      >\n        <Handle value={value} style={style} {...restProps}>\n          <KnobRing hoverColor={knobProperties[index].hoverColor} dragging={dragging} />\n        </Handle>\n      </Tooltip>\n    );\n  };\n\n  render() {\n    const { divisionQuantity, classes } = this.props;\n\n    const {\n      knobsPositions,\n      defaultKnobsPositions,\n      rangesCount,\n      knobStyles,\n      trackStyles,\n      marks,\n      styles,\n    } = this.state;\n\n    return (\n      <Range\n        handle={this.createKnob}\n        className={classes.root}\n        min={0}\n        max={divisionQuantity}\n        step={1}\n        marks={marks}\n        dotStyle={styles.dot}\n        onChange={this.onChangeHandler}\n        onBeforeChange={this.onBeforeChangeHandler}\n        onAfterChange={this.onAfterChangeHandler}\n        value={knobsPositions.length > 0 ? knobsPositions : undefined}\n        allowCross={false}\n        defaultValue={defaultKnobsPositions}\n        count={rangesCount}\n        railStyle={styles.rail}\n        handleStyle={knobStyles.knobInner}\n        trackStyle={trackStyles}\n      />\n    );\n  }\n}\n\nHvSlider.propTypes = {\n  /**\n   * The values array to apply to the component\n   */\n  values: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues: PropTypes.arrayOf(PropTypes.number).isRequired,\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      color: PropTypes.string,\n      defaultValue: PropTypes.number,\n      hidden: PropTypes.bool,\n      fixed: PropTypes.bool,\n      hoverColor: PropTypes.string,\n      trackColor: PropTypes.string,\n      dragColor: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      position: PropTypes.number,\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * the function executed before a change will ocurr in the slider.\n   * it will receive an object like\n   * {\n   *   knobsPosition: [],\n   *   knobsValues: []\n   * }\n   */\n  onBeforeChange: PropTypes.func,\n  /**\n   * the function executed while a change is ocurring in the slider.\n   * it will receive an object like\n   * {\n   *   knobsPosition: [],\n   *   knobsValues: []\n   * }\n   */\n  onChange: PropTypes.func,\n  /**\n   * the function executed after a change ocurred in the slider.\n   * it will receive an object like\n   * {\n   *   knobsPosition: [],\n   *   knobsValues: []\n   * }\n   */\n  onAfterChange: PropTypes.func,\n  /**\n   * the separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep: PropTypes.number,\n  /**\n   * how many subdivisions there are in the slider.\n   */\n  divisionQuantity: PropTypes.number,\n  /**\n   * the value of the first point in the slider from left to right.\n   */\n  minPointValue: PropTypes.number,\n  /**\n   * the value of the last point in the slider from left to right.\n   */\n  maxPointValue: PropTypes.number,\n  /**\n   * the nax number of decimals if no format function is applied\n   */\n  markDigits: PropTypes.number,\n  /**\n   * a formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark: PropTypes.func,\n  /**\n   * a formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip: PropTypes.func,\n  /**\n   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap: PropTypes.bool,\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dot.\n     */\n    dot: PropTypes.string,\n    /**\n     * Style applied to the rail.\n     */\n    rail: PropTypes.string,\n    /**\n     * Style applied to the inner of the knob.\n     */\n    knobInner: PropTypes.string,\n    /**\n     * Style applied to the outside of the knob.\n     */\n    knobOuter: PropTypes.string,\n    /**\n     * Style applied when the knob is hidden.\n     */\n    knobHidden: PropTypes.string,\n    /**\n     * Style applied  last hidden knob.\n     */\n    knobHiddenLast: PropTypes.string,\n    /**\n     * Style applied to the track.\n     */\n    track: PropTypes.string,\n    /**\n     * Style applied to the mark.\n     */\n    mark: PropTypes.string,\n    /**\n     * Style applied to the tooltip.\n     */\n    sliderTooltip: PropTypes.string,\n  }).isRequired,\n\n  theme: PropTypes.any.isRequired,\n};\n\nHvSlider.defaultProps = {\n  markStep: 1,\n  markDigits: 0,\n  noOverlap: true,\n  values: [],\n  formatMark: (mark) => mark,\n  formatTooltip: (mark) => mark,\n  markProperties: [],\n  divisionQuantity: 100,\n  minPointValue: 0,\n  maxPointValue: 100,\n  onBeforeChange: () => {},\n  onChange: () => {},\n  onAfterChange: () => {},\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"file":"Slider.js"}

package/dist/modern/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+export * from "./Slider";

package/dist/modern/Slider/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Slider";
+//# sourceMappingURL=index.js.map

package/dist/modern/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Slider/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB","sourcesContent":["export { default } from \"./Slider\";\n"],"file":"index.js"}

package/dist/modern/Slider/styles.js

@@ -0,0 +1,98 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const styles = theme => ({
+  root: {
+    "& .rc-slider-handle": {
+      cursor: "pointer",
+      marginTop: "-8px",
+      "&:active": {
+        cursor: "grab"
+      }
+    },
+    zIndex: 0
+  },
+  dot: {
+    position: "absolute",
+    bottom: "-1px",
+    marginLeft: "0px",
+    width: "1px",
+    height: "4px",
+    border: "none",
+    borderRadius: "0%",
+    backgroundColor: theme.hv.palette.atmosphere.atmo4,
+    cursor: "pointer",
+    verticalAlign: "middle",
+    zIndex: "-3"
+  },
+  rail: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo4,
+    height: "1px",
+    zIndex: "-3"
+  },
+  knobInner: {
+    borderColor: "transparent",
+    boxShadow: "none",
+    backgroundColor: theme.hv.palette.accent.acce1,
+    width: "16px",
+    height: "16px"
+  },
+  knobOuter: {
+    position: "relative",
+    borderColor: "transparent",
+    borderRadius: "50%",
+    boxShadow: "none",
+    backgroundColor: theme.hv.palette.atmosphere.atmo4,
+    width: "32px",
+    height: "32px",
+    top: "-80%",
+    left: "-80%",
+    zIndex: "-1"
+  },
+  knobHidden: {
+    display: "none"
+  },
+  knobHiddenLast: {
+    borderColor: "transparent",
+    height: "3px",
+    width: "2px",
+    marginLeft: "-1px",
+    border: "none",
+    borderRadius: "0",
+    marginTop: "0px",
+    left: "100%",
+    touchAction: "none",
+    cursor: "default"
+  },
+  track: {
+    backgroundColor: theme.hv.palette.accent.acce1,
+    height: "3px",
+    zIndex: "-1",
+    marginTop: "-1px"
+  },
+  mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
+    fontFamily: theme.hv.typography.fontFamily,
+    top: "-2px"
+  }),
+  sliderTooltip: {
+    "& .rc-slider-tooltip-inner": _objectSpread(_objectSpread({
+      background: theme.hv.palette.atmosphere.atmo1,
+      borderRadius: 0,
+      maxWidth: "532px",
+      height: "100%",
+      padding: `${theme.hv.spacing.sm}px`
+    }, theme.hv.typography.normalText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      boxShadow: "none"
+    }),
+    "& .rc-slider-tooltip-arrow": {
+      visibility: "hidden"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Slider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Slider/styles.js"],"names":["styles","theme","root","cursor","marginTop","zIndex","dot","position","bottom","marginLeft","width","height","border","borderRadius","backgroundColor","hv","palette","atmosphere","atmo4","verticalAlign","rail","knobInner","borderColor","boxShadow","accent","acce1","knobOuter","top","left","knobHidden","display","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","sliderTooltip","background","atmo1","maxWidth","padding","spacing","sm","normalText","visibility"],"mappings":"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","sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"& .rc-slider-handle\": {\n      cursor: \"pointer\",\n      marginTop: \"-8px\",\n      \"&:active\": {\n        cursor: \"grab\",\n      },\n    },\n    zIndex: 0,\n  },\n  dot: {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  },\n  rail: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    height: \"1px\",\n    zIndex: \"-3\",\n  },\n  knobInner: {\n    borderColor: \"transparent\",\n    boxShadow: \"none\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n    width: \"16px\",\n    height: \"16px\",\n  },\n  knobOuter: {\n    position: \"relative\",\n    borderColor: \"transparent\",\n    borderRadius: \"50%\",\n    boxShadow: \"none\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    width: \"32px\",\n    height: \"32px\",\n    top: \"-80%\",\n    left: \"-80%\",\n    zIndex: \"-1\",\n  },\n  knobHidden: {\n    display: \"none\",\n  },\n  knobHiddenLast: {\n    borderColor: \"transparent\",\n    height: \"3px\",\n    width: \"2px\",\n    marginLeft: \"-1px\",\n    border: \"none\",\n    borderRadius: \"0\",\n    marginTop: \"0px\",\n    left: \"100%\",\n    touchAction: \"none\",\n    cursor: \"default\",\n  },\n  track: {\n    backgroundColor: theme.hv.palette.accent.acce1,\n    height: \"3px\",\n    zIndex: \"-1\",\n    marginTop: \"-1px\",\n  },\n  mark: {\n    ...theme.hv.typography.vizText,\n    fontFamily: theme.hv.typography.fontFamily,\n    top: \"-2px\",\n  },\n  sliderTooltip: {\n    \"& .rc-slider-tooltip-inner\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      borderRadius: 0,\n      maxWidth: \"532px\",\n      height: \"100%\",\n      padding: `${theme.hv.spacing.sm}px`,\n      ...theme.hv.typography.normalText,\n      fontFamily: theme.hv.typography.fontFamily,\n      boxShadow: \"none\",\n    },\n    \"& .rc-slider-tooltip-arrow\": {\n      visibility: \"hidden\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Table/Table.d.ts

@@ -0,0 +1,25 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns";
+
+export interface HvTableProps
+  extends StandardProps<React.TableHTMLAttributes<HTMLTableElement>, HvTableClassKey> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `table`.
+   *
+   * When using non-table elements, layout is up to the developer using the component.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+
+  /**
+   * Whether the `HvTable` has a sticky header row.
+   */
+  stickyHeader?: boolean;
+  /**
+   * Whether the `HvTable` has sticky columns.
+   */
+  stickyColumns?: boolean;
+}
+
+export default function HvTable(props: HvTableProps): JSX.Element | null;

package/dist/modern/Table/Table.js

@@ -0,0 +1,122 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns"];
+import React, { forwardRef, useMemo } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import TableContext from "./TableContext";
+import styles from "./styles";
+const defaultComponent = "table";
+
+const computeTablePartComponents = rootComponent => {
+  if (rootComponent === "table") {
+    return {
+      Table: "table",
+      THead: "thead",
+      TBody: "tbody",
+      Tr: "tr",
+      Th: "th",
+      Td: "td"
+    };
+  }
+
+  return {
+    Table: rootComponent,
+    THead: rootComponent,
+    TBody: rootComponent,
+    Tr: rootComponent,
+    Th: rootComponent,
+    Td: rootComponent
+  };
+};
+/**
+ * A Table gathers relational data, it displays values arranged to allow quick numerical analysis
+ * like comparison and sorting.
+ *
+ * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
+ * for building tables.
+ * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.
+ *
+ * For better data handling and **advanced features** we recommend the use of the utility hooks collection .
+ * See the <a href="?id=lab-table-hooks--main&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
+ *
+ * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.
+ */
+
+
+const HvTable = /*#__PURE__*/forwardRef(function HvTable(props, ref) {
+  const {
+    classes,
+    className,
+    component = defaultComponent,
+    stickyHeader = false,
+    stickyColumns = false
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const components = useMemo(() => computeTablePartComponents(component), [component]);
+  const tableContext = useMemo(() => ({
+    components
+  }), [components]);
+  return /*#__PURE__*/React.createElement(TableContext.Provider, {
+    value: tableContext
+  }, /*#__PURE__*/React.createElement(components.Table, _extends({
+    ref: ref,
+    role: component === defaultComponent ? null : "table",
+    className: clsx(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns)
+  }, others)));
+});
+HvTable.propTypes = {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `table`.
+   *
+   * When using non-table elements, layout is up to the developer using the component.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * Content to be rendered
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Whether the `HvTable` has a sticky header row.
+   */
+  stickyHeader: PropTypes.bool,
+
+  /**
+   * Whether the `HvTable` has sticky columns.
+   */
+  stickyColumns: PropTypes.bool,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when it has a sticky header.
+     */
+    stickyHeader: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when it has sticky columns.
+     */
+    stickyColumns: PropTypes.string
+  }).isRequired
+};
+export default withStyles(styles, {
+  name: "HvTable"
+})(HvTable);
+//# sourceMappingURL=Table.js.map

package/dist/modern/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/Table.js"],"names":["React","forwardRef","useMemo","PropTypes","clsx","withStyles","TableContext","styles","defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","others","components","tableContext","root","propTypes","elementType","children","node","isRequired","string","bool","shape","name"],"mappings":"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","sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"./TableContext\";\nimport styles from \"./styles\";\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nconst HvTable = forwardRef(function HvTable(props, ref) {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    ...others\n  } = props;\n\n  const components = useMemo(() => computeTablePartComponents(component), [component]);\n\n  const tableContext = useMemo(() => ({ components }), [components]);\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <components.Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={clsx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n\nHvTable.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Whether the `HvTable` has a sticky header row.\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has sticky columns.\n   */\n  stickyColumns: PropTypes.bool,\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    stickyColumns: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTable\" })(HvTable);\n"],"file":"Table.js"}

package/dist/modern/Table/TableBody/TableBody.d.ts

@@ -0,0 +1,14 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTableBodyClassKey = "root";
+
+export interface HvTableBodyProps
+  extends StandardProps<React.HTMLAttributes<HTMLTableSectionElement>, HvTableBodyClassKey> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `thead`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvTableBody(props: HvTableBodyProps): JSX.Element | null;

package/dist/modern/Table/TableBody/TableBody.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "component"];
+import React, { forwardRef, useContext } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import TableContext from "../TableContext";
+import TableSectionContext from "../TableSectionContext";
+import styles from "./styles";
+const tableSectionContext = {
+  type: "body"
+};
+const defaultComponent = "tbody";
+/**
+ * HvTableBody acts as a `tbody` element.
+ * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
+ */
+
+const HvTableBody = /*#__PURE__*/forwardRef(function HvTableBody(props, ref) {
+  var _tableContext$compone;
+
+  const {
+    classes,
+    className,
+    component
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const tableContext = useContext(TableContext);
+  const Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.TBody) || defaultComponent;
+  return /*#__PURE__*/React.createElement(TableSectionContext.Provider, {
+    value: tableSectionContext
+  }, /*#__PURE__*/React.createElement(Component, _extends({
+    className: clsx(classes.root, className),
+    ref: ref,
+    role: Component === defaultComponent ? null : "rowgroup"
+  }, others)));
+});
+HvTableBody.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Content to be rendered
+   */
+  children: PropTypes.node,
+
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to tbody.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired
+};
+export default withStyles(styles, {
+  name: "HvTableBody"
+})(HvTableBody);
+//# sourceMappingURL=TableBody.js.map

package/dist/modern/Table/TableBody/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableBody/TableBody.js"],"names":["React","forwardRef","useContext","PropTypes","clsx","withStyles","TableContext","TableSectionContext","styles","tableSectionContext","type","defaultComponent","HvTableBody","props","ref","classes","className","component","others","tableContext","Component","components","TBody","root","propTypes","string","children","node","elementType","shape","isRequired","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,UAA5B,QAA8C,OAA9C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,IAAI,EAAE;AADoB,CAA5B;AAIA,MAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,gBAAGX,UAAU,CAAC,SAASW,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;AAAA;;AAC9D,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA;AAAtB,MAA+CJ,KAArD;AAAA,QAA0CK,MAA1C,4BAAqDL,KAArD;;AAEA,QAAMM,YAAY,GAAGjB,UAAU,CAACI,YAAD,CAA/B;AAEA,QAAMc,SAAS,GAAGH,SAAS,KAAIE,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEE,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDX,gBAAlE;AAEA,sBACE,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEF;AAArC,kBACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEL,IAAI,CAACW,OAAO,CAACQ,IAAT,EAAeP,SAAf,CADjB;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,IAAI,EAAEM,SAAS,KAAKT,gBAAd,GAAiC,IAAjC,GAAwC;AAHhD,KAIMO,MAJN,EADF,CADF;AAUD,CAjB6B,CAA9B;AAmBAN,WAAW,CAACY,SAAZ,GAAwB;AACtB;AACF;AACA;AACER,EAAAA,SAAS,EAAEb,SAAS,CAACsB,MAJC;;AAKtB;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEvB,SAAS,CAACwB,IARE;;AAStB;AACF;AACA;AACA;AACEV,EAAAA,SAAS,EAAEd,SAAS,CAACyB,WAbC;;AActB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEZ,SAAS,CAAC0B,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEpB,SAAS,CAACsB;AAJO,GAAhB,EAKNK;AAtBmB,CAAxB;AAyBA,eAAezB,UAAU,CAACG,MAAD,EAAS;AAAEuB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CnB,WAA5C,CAAf","sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\n\nconst tableSectionContext = {\n  type: \"body\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nconst HvTableBody = forwardRef(function HvTableBody(props, ref) {\n  const { classes, className, component, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const Component = component || tableContext?.components?.TBody || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, className)}\n        ref={ref}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      />\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableBody.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component: PropTypes.elementType,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableBody\" })(HvTableBody);\n"],"file":"TableBody.js"}

package/dist/modern/Table/TableBody/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TableBody";
+export * from "./TableBody";

package/dist/modern/Table/TableBody/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TableBody";
+//# sourceMappingURL=index.js.map

package/dist/modern/Table/TableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableBody/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB","sourcesContent":["export { default } from \"./TableBody\";\n"],"file":"index.js"}

package/dist/modern/Table/TableBody/styles.js

@@ -0,0 +1,10 @@
+const styles = () => ({
+  root: {
+    backgroundColor: "inherit",
+    position: "relative",
+    zIndex: 0
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Table/TableBody/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/TableBody/styles.js"],"names":["styles","root","backgroundColor","position","zIndex"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;AACpBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,eAAe,EAAE,SADb;AAGJC,IAAAA,QAAQ,EAAE,UAHN;AAIJC,IAAAA,MAAM,EAAE;AAJJ;AADc,CAAP,CAAf;;AASA,eAAeJ,MAAf","sourcesContent":["const styles = () => ({\n  root: {\n    backgroundColor: \"inherit\",\n\n    position: \"relative\",\n    zIndex: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Table/TableCell/TableCell.d.ts

@@ -0,0 +1,72 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvTableCellClassKey =
+  | "root"
+  | "head"
+  | "body"
+  | "footer"
+  | "stickyColumn"
+  | "stickyColumnMostLeft"
+  | "stickyColumnLeastRight"
+  | "alignLeft"
+  | "alignRight"
+  | "alignCenter"
+  | "alignJustify"
+  | "variantCheckbox"
+  | "variantExpand"
+  | "variantActions"
+  | "variantNone"
+  | "resizable"
+  | "resizing";
+
+export interface HvTableCellProps
+  extends StandardProps<
+    React.TdHTMLAttributes<HTMLTableCellElement>,
+    HvTableCellClassKey,
+    "align"
+  > {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to td.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+
+  /**
+   * Set the text-align on the table cell content.
+   */
+  align?: "center" | "inherit" | "justify" | "left" | "right";
+  /**
+   * Sets the cell's variant.
+   */
+  variant?: "checkbox" | "expand" | "actions" | "default" | "none";
+
+  /**
+   * Specify the cell type.
+   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
+   */
+  type?: "body" | "footer" | "head";
+
+  /**
+   * The cell is part of a sticky column.
+   */
+  stickyColumn?: boolean;
+  /**
+   * The cell is part of the last sticky to the left column.
+   */
+  stickyColumnMostLeft?: boolean;
+  /**
+   * The cell is part of the first sticky to the right column.
+   */
+  stickyColumnLeastRight?: boolean;
+
+  /**
+   * Whether or not the cell is resizable
+   */
+  resizable?: boolean;
+  /**
+   * Whether or not the cell is being resized
+   */
+  resizing?: boolean;
+}
+
+export default function HvTableCell(props: HvTableCellProps): JSX.Element | null;