@hitachivantara/uikit-react-lab 3.51.1 → 3.51.4

package/dist/modern/NotificationPanel/NotificationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.js","names":["React","useState","useEffect","PropTypes","clsx","dayjs","deprecatedPropType","withStyles","HvPanel","HvActionBar","HvDropDownMenu","setId","useLabels","useLocale","styles","Notification","EmptyStatePanel","NotificationsIndicator","DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","getGenericLocale","locale","includes","substr","indexOf","importAndLoadLocale","then","catch","genericLocale","console","warn","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labels","labelsProp","newNotificationsButtonAction","localeProp","others","localeFromProvider","highlighted","setHighlighted","undefined","isExpanded","setIsExpanded","isLocaleLoaded","setIsLocaleLoaded","isMounted","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","root","closed","panel","emptyState","actionBarRoot","actionBar","propTypes","string","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","name"],"sources":["../../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport {\n  HvPanel,\n  HvActionBar,\n  HvDropDownMenu,\n  setId,\n  useLabels,\n  useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n  notificationGroupHeader: {\n    newNotifications: \"New\",\n    olderNotifications: \"Earlier\",\n  },\n  notificationIndicator: {\n    label: \"You have new notifications\",\n    buttonLabel: \"Update\",\n  },\n};\n\n/**\n * Obtains a simplified locale, if possible, e.g: \"en-US\" returns \"en\".\n *\n * @param {string} locale - The locale to be used\n * @returns The more generic locale if found\n */\nexport const getGenericLocale = (locale) =>\n  locale.includes(\"-\") && locale.substr(0, locale.indexOf(\"-\"));\n\n/**\n * Imports and load the received locale in order to be used by dayjs. If the provided locale or a generic one\n * obtained is not possible to load, then dayjs will fallback to its default.\n *\n * @param {string} locale - The locale to be used\n */\nconst importAndLoadLocale = async (locale) => {\n  await import(`dayjs/locale/${locale}.js`)\n    .then(() => {\n      dayjs.locale(locale);\n    })\n    .catch(async () => {\n      const genericLocale = getGenericLocale(locale);\n      await import(`dayjs/locale/${genericLocale}.js`)\n        .then(() => dayjs.locale(genericLocale))\n        // eslint-disable-next-line no-console\n        .catch(() => console.warn(`Unable to load locale: ${locale}. Falling back to the default`));\n    });\n};\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nconst HvNotificationPanel = ({\n  id,\n  className,\n  classes,\n  open,\n  footer,\n  notifications,\n  hasNewNotifications = false,\n  emptyStatePanelTitle = \"No notifications\",\n  emptyStatePanelMessage = \"You currently have no notifications.\",\n  emptyStatePanelIcon,\n  labels: labelsProp,\n  newNotificationsButtonAction,\n  locale: localeProp,\n  ...others\n}) => {\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [highlighted, setHighlighted] = useState(undefined);\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [isLocaleLoaded, setIsLocaleLoaded] = useState(false);\n\n  useEffect(() => {\n    // We're using this mount logic to avoid potential memory leak problems.\n    let isMounted = true;\n\n    if (!isLocaleLoaded) {\n      importAndLoadLocale(locale).then(() => {\n        if (isMounted) {\n          setIsLocaleLoaded(true);\n        }\n      });\n    }\n    return () => {\n      isMounted = false;\n    };\n  });\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const generateNotificationsActions = (notificationId, onToggle, actions) => {\n    const expand = notificationId === highlighted;\n    const dList = [...actions.values];\n    return (\n      <HvDropDownMenu\n        expanded={expand}\n        onClick={(event, item) => {\n          setHighlighted(undefined);\n          item?.callback?.(event, notificationId);\n        }}\n        dataList={dList}\n        onToggle={(event, s) => {\n          onToggle?.(event, s);\n          if (s) {\n            setHighlighted(notificationId);\n          } else {\n            setHighlighted(undefined);\n          }\n          setIsExpanded(!isExpanded);\n        }}\n        {...actions.dropDownMenuProps}\n      />\n    );\n  };\n\n  const notificationElementGenerator = (notificationsToRender) => {\n    return notificationsToRender.map((notification) => {\n      const notificationIsHighlighted = highlighted === notification.id;\n      return (\n        <Notification\n          key={notification.id}\n          notificationId={notification.id}\n          title={notification.title}\n          isRead={notification.isRead}\n          icon={notification.icon}\n          date={notification.date}\n          onClick={notification.onClick}\n          onKeyPress={notification.onKeyPress}\n          rightContainer={generateNotificationsActions(\n            notification.id,\n            notification.onToggle,\n            notification.actions\n          )}\n          isHighlighted={notificationIsHighlighted}\n          locale={locale}\n        />\n      );\n    });\n  };\n\n  const hasNotifications = notifications.length > 0;\n\n  const renderNotifications = (notificationsToRender) =>\n    notificationElementGenerator(notificationsToRender);\n\n  return (\n    <HvPanel\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.closed]: open === false,\n        [classes.open]: open,\n      })}\n      {...others}\n    >\n      {hasNewNotifications && (\n        <NotificationsIndicator\n          labels={labels.notificationIndicator}\n          onClick={newNotificationsButtonAction}\n        />\n      )}\n      {hasNotifications ? (\n        <div className={classes.panel}>\n          {notifications.length > 0 && renderNotifications(notifications)}\n        </div>\n      ) : (\n        <EmptyStatePanel\n          id={setId(id, \"empty-state\")}\n          title={emptyStatePanelTitle}\n          message={emptyStatePanelMessage}\n          icon={emptyStatePanelIcon}\n          className={classes.emptyState}\n        />\n      )}\n      {footer && (\n        <HvActionBar\n          id={setId(id, \"action-bar\")}\n          classes={{\n            root: classes.actionBarRoot,\n          }}\n          className={classes.actionBar}\n        >\n          {footer}\n        </HvActionBar>\n      )}\n    </HvPanel>\n  );\n};\n\nHvNotificationPanel.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  open: deprecatedPropType(PropTypes.bool),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    root: PropTypes.string,\n    /**\n     * styles object applied to the root when closed\n     */\n    closed: PropTypes.string,\n    /**\n     * styles object applied to the root when open\n     */\n    open: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.string,\n    /**\n     * styles object applied to the action bar\n     */\n    actionBar: PropTypes.string,\n    /**\n     * styles object applied to the root of the action bar\n     */\n    actionBarRoot: PropTypes.string,\n    /**\n     * styles object applied to the new notification indicator\n     */\n    notificationsIndicator: PropTypes.string,\n    /**\n     * styles object applied to the empty state panel\n     */\n    emptyState: PropTypes.string,\n  }).isRequired,\n  /**\n   * The properties of the notifications to be rendered in the Panel.\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isRead: PropTypes.bool.isRequired,\n      date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n      onKeyPress: PropTypes.func,\n      onToggle: PropTypes.func,\n      actions: PropTypes.shape({\n        label: PropTypes.bool,\n        action: PropTypes.string,\n        callback: PropTypes.func,\n        dropDownMenuProps: PropTypes.instanceOf(Object),\n      }),\n    })\n  ),\n  /**\n   * Whether to render the new notifications indicator\n   */\n  hasNewNotifications: PropTypes.bool,\n  /**\n   * Action buttons to render in footer\n   */\n  footer: PropTypes.node,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  emptyStatePanelTitle: PropTypes.string,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  emptyStatePanelMessage: PropTypes.string,\n  /**\n   * Empty Panel custom Icon\n   */\n  emptyStatePanelIcon: PropTypes.node,\n  /**\n   * Labels to apply to the Panel\n   */\n  labels: PropTypes.shape({\n    /**\n     * Labels to apply to the groups separating newer and older notifications\n     */\n    notificationGroupHeader: {\n      olderNotifications: PropTypes.string,\n      newNotifications: PropTypes.string,\n    },\n    /**\n     * Labels to apply to the element of the New Notifications Indicator\n     */\n    notificationIndicator: {\n      label: PropTypes.string,\n      buttonLabel: PropTypes.string,\n    },\n  }),\n  /**\n   * Function to be supplied to the notification update button\n   */\n  newNotificationsButtonAction: PropTypes.func,\n  /**\n   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n   */\n  locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}
+{"version":3,"file":"NotificationPanel.js","names":["React","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvPanel","HvActionBar","HvDropDownMenu","setId","useLabels","useLocale","styles","Notification","EmptyStatePanel","NotificationsIndicator","DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labels","labelsProp","newNotificationsButtonAction","locale","localeProp","others","localeFromProvider","highlighted","setHighlighted","undefined","isExpanded","setIsExpanded","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","root","closed","panel","emptyState","actionBarRoot","actionBar","propTypes","string","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","name"],"sources":["../../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport {\n  HvPanel,\n  HvActionBar,\n  HvDropDownMenu,\n  setId,\n  useLabels,\n  useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n  notificationGroupHeader: {\n    newNotifications: \"New\",\n    olderNotifications: \"Earlier\",\n  },\n  notificationIndicator: {\n    label: \"You have new notifications\",\n    buttonLabel: \"Update\",\n  },\n};\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nconst HvNotificationPanel = ({\n  id,\n  className,\n  classes,\n  open,\n  footer,\n  notifications,\n  hasNewNotifications = false,\n  emptyStatePanelTitle = \"No notifications\",\n  emptyStatePanelMessage = \"You currently have no notifications.\",\n  emptyStatePanelIcon,\n  labels: labelsProp,\n  newNotificationsButtonAction,\n  locale: localeProp,\n  ...others\n}) => {\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [highlighted, setHighlighted] = useState(undefined);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const generateNotificationsActions = (notificationId, onToggle, actions) => {\n    const expand = notificationId === highlighted;\n    const dList = [...actions.values];\n    return (\n      <HvDropDownMenu\n        expanded={expand}\n        onClick={(event, item) => {\n          setHighlighted(undefined);\n          item?.callback?.(event, notificationId);\n        }}\n        dataList={dList}\n        onToggle={(event, s) => {\n          onToggle?.(event, s);\n          if (s) {\n            setHighlighted(notificationId);\n          } else {\n            setHighlighted(undefined);\n          }\n          setIsExpanded(!isExpanded);\n        }}\n        {...actions.dropDownMenuProps}\n      />\n    );\n  };\n\n  const notificationElementGenerator = (notificationsToRender) => {\n    return notificationsToRender.map((notification) => {\n      const notificationIsHighlighted = highlighted === notification.id;\n      return (\n        <Notification\n          key={notification.id}\n          notificationId={notification.id}\n          title={notification.title}\n          isRead={notification.isRead}\n          icon={notification.icon}\n          date={notification.date}\n          onClick={notification.onClick}\n          onKeyPress={notification.onKeyPress}\n          rightContainer={generateNotificationsActions(\n            notification.id,\n            notification.onToggle,\n            notification.actions\n          )}\n          isHighlighted={notificationIsHighlighted}\n          locale={locale}\n        />\n      );\n    });\n  };\n\n  const hasNotifications = notifications.length > 0;\n\n  const renderNotifications = (notificationsToRender) =>\n    notificationElementGenerator(notificationsToRender);\n\n  return (\n    <HvPanel\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.closed]: open === false,\n        [classes.open]: open,\n      })}\n      {...others}\n    >\n      {hasNewNotifications && (\n        <NotificationsIndicator\n          labels={labels.notificationIndicator}\n          onClick={newNotificationsButtonAction}\n        />\n      )}\n      {hasNotifications ? (\n        <div className={classes.panel}>\n          {notifications.length > 0 && renderNotifications(notifications)}\n        </div>\n      ) : (\n        <EmptyStatePanel\n          id={setId(id, \"empty-state\")}\n          title={emptyStatePanelTitle}\n          message={emptyStatePanelMessage}\n          icon={emptyStatePanelIcon}\n          className={classes.emptyState}\n        />\n      )}\n      {footer && (\n        <HvActionBar\n          id={setId(id, \"action-bar\")}\n          classes={{\n            root: classes.actionBarRoot,\n          }}\n          className={classes.actionBar}\n        >\n          {footer}\n        </HvActionBar>\n      )}\n    </HvPanel>\n  );\n};\n\nHvNotificationPanel.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  open: deprecatedPropType(PropTypes.bool),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    root: PropTypes.string,\n    /**\n     * styles object applied to the root when closed\n     */\n    closed: PropTypes.string,\n    /**\n     * styles object applied to the root when open\n     */\n    open: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.string,\n    /**\n     * styles object applied to the action bar\n     */\n    actionBar: PropTypes.string,\n    /**\n     * styles object applied to the root of the action bar\n     */\n    actionBarRoot: PropTypes.string,\n    /**\n     * styles object applied to the new notification indicator\n     */\n    notificationsIndicator: PropTypes.string,\n    /**\n     * styles object applied to the empty state panel\n     */\n    emptyState: PropTypes.string,\n  }).isRequired,\n  /**\n   * The properties of the notifications to be rendered in the Panel.\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isRead: PropTypes.bool.isRequired,\n      date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n      onKeyPress: PropTypes.func,\n      onToggle: PropTypes.func,\n      actions: PropTypes.shape({\n        label: PropTypes.bool,\n        action: PropTypes.string,\n        callback: PropTypes.func,\n        dropDownMenuProps: PropTypes.instanceOf(Object),\n      }),\n    })\n  ),\n  /**\n   * Whether to render the new notifications indicator\n   */\n  hasNewNotifications: PropTypes.bool,\n  /**\n   * Action buttons to render in footer\n   */\n  footer: PropTypes.node,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  emptyStatePanelTitle: PropTypes.string,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  emptyStatePanelMessage: PropTypes.string,\n  /**\n   * Empty Panel custom Icon\n   */\n  emptyStatePanelIcon: PropTypes.node,\n  /**\n   * Labels to apply to the Panel\n   */\n  labels: PropTypes.shape({\n    /**\n     * Labels to apply to the groups separating newer and older notifications\n     */\n    notificationGroupHeader: {\n      olderNotifications: PropTypes.string,\n      newNotifications: PropTypes.string,\n    },\n    /**\n     * Labels to apply to the element of the New Notifications Indicator\n     */\n    notificationIndicator: {\n      label: PropTypes.string,\n      buttonLabel: PropTypes.string,\n    },\n  }),\n  /**\n   * Function to be supplied to the notification update button\n   */\n  newNotificationsButtonAction: PropTypes.func,\n  /**\n   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n   */\n  locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":"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"}

package/dist/modern/Slider/Slider.js

@@ -298,7 +298,6 @@ class HvSlider extends React.Component {
       stepValue: _stepValue,
       inverseStepValue: _inverseStepValue
     };
-    import("rc-slider/assets/index.css");
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -335,7 +334,9 @@ class HvSlider extends React.Component {
       marks,
       styles
     } = this.state;
-    return /*#__PURE__*/React.createElement(Range, {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.sliderBase
+    }, /*#__PURE__*/React.createElement(Range, {
       handle: this.createKnob,
       className: classes.root,
       min: 0,
@@ -353,7 +354,7 @@ class HvSlider extends React.Component {
       railStyle: styles.rail,
       handleStyle: knobStyles.knobInner,
       trackStyle: trackStyles
-    });
+    }));
   }
 
 }
@@ -468,6 +469,13 @@ process.env.NODE_ENV !== "production" ? HvSlider.propTypes = {
    * the classes object to be applied into the root object.
    */
   classes: PropTypes.shape({
+    /**
+     * Base slider styles to avoid the css import from node_modules and enable SSR support.
+     * import("rc-slider/assets/index.css")
+     */
+    sliderBase: PropTypes.string,
+    tooltipBase: PropTypes.string,
+
     /**
      * Style applied to the root of the component.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../../src/Slider/Slider.js"],"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 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    import(\"rc-slider/assets/index.css\");\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"],"mappings":"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"}
+{"version":3,"file":"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","sliderBase","createKnob","root","dot","onChangeHandler","onBeforeChangeHandler","onAfterChangeHandler","undefined","rail","propTypes","arrayOf","number","isRequired","shape","string","defaultValue","bool","func","tooltipBase","any","defaultProps","name","withTheme"],"sources":["../../../src/Slider/Slider.js"],"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 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      <div className={classes.sliderBase}>\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      </div>\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     * Base slider styles to avoid the css import from node_modules and enable SSR support.\n     * import(\"rc-slider/assets/index.css\")\n     */\n    sliderBase: PropTypes.string,\n    tooltipBase: PropTypes.string,\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"],"mappings":"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"}

package/dist/modern/Slider/base.js

@@ -0,0 +1,252 @@
+export const sliderBase = {
+  "& .rc-slider": {
+    position: "relative",
+    width: "100%",
+    height: "14px",
+    padding: " 5px 0",
+    borderRadius: "6px",
+    touchAction: "none",
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider *": {
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-rail": {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    backgroundColor: "#e9e9e9",
+    borderRadius: "6px"
+  },
+  "& .rc-slider-track": {
+    position: "absolute",
+    height: "4px",
+    backgroundColor: "#abe2fb",
+    borderRadius: "6px"
+  },
+  "& .rc-slider-handle": {
+    position: "absolute",
+    width: "14px",
+    height: "14px",
+    marginTop: "-5px",
+    backgroundColor: "#fff",
+    border: "solid 2px #96dbfa",
+    borderRadius: "50%",
+    // cursor: "pointer",
+    // cursor: "-webkit-grab",
+    cursor: "grab",
+    opacity: 0.8,
+    touchAction: "pan-x"
+  },
+  "& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging": {
+    borderColor: "#57c5f7",
+    boxShadow: "0 0 0 5px #96dbfa"
+  },
+  "& .rc-slider-handle:focus": {
+    outline: "none",
+    boxShadow: "none"
+  },
+  "& .rc-slider-handle:focus-visible": {
+    borderColor: "#2db7f5",
+    boxShadow: "0 0 0 3px #96dbfa"
+  },
+  "& .rc-slider-handle-click-focused:focus": {
+    borderColor: "#96dbfa",
+    boxShadow: "unset"
+  },
+  "& .rc-slider-handle:hover": {
+    borderColor: "#57c5f7"
+  },
+  "& .rc-slider-handle:active": {
+    borderColor: "#57c5f7",
+    boxShadow: "0 0 5px #57c5f7",
+    // cursor: "-webkit-grabbing",
+    cursor: "grabbing"
+  },
+  "& .rc-slider-mark": {
+    position: "absolute",
+    top: "18px",
+    left: 0,
+    width: "100%",
+    fontSize: "12px"
+  },
+  "& .rc-slider-mark-text": {
+    position: "absolute",
+    display: "inline-block",
+    color: "#999",
+    textAlign: "center",
+    verticalAlign: "middle",
+    cursor: "pointer"
+  },
+  "& .rc-slider-mark-text-active": {
+    color: "#666"
+  },
+  "& .rc-slider-step": {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    background: "transparent",
+    pointerEvents: "none"
+  },
+  "& .rc-slider-dot": {
+    position: "absolute",
+    bottom: "-2px",
+    width: "8px",
+    height: "8px",
+    verticalAlign: "middle",
+    backgroundColor: "#fff",
+    border: "2px solid #e9e9e9",
+    borderRadius: "50%",
+    cursor: "pointer"
+  },
+  "& .rc-slider-dot-active": {
+    borderColor: "#96dbfa"
+  },
+  "& .rc-slider-dot-reverse": {
+    marginRight: "-4px"
+  },
+  "& .rc-slider-disabled": {
+    backgroundColor: "#e9e9e9"
+  },
+  "& .rc-slider-disabled .rc-slider-track": {
+    backgroundColor: "#ccc"
+  },
+  "& .rc-slider-disabled .rc-slider-handle": {
+    backgroundColor: "#fff",
+    borderColor: "#ccc",
+    boxShadow: "none",
+    cursor: "not-allowed"
+  },
+  "&.rc-slider-disabled .rc-slider-dot": {
+    backgroundColor: "#fff",
+    borderColor: "#ccc",
+    boxShadow: "none",
+    cursor: "not-allowed"
+  },
+  "& .rc-slider-disabled .rc-slider-mark-text": {
+    cursor: "not-allowed !important"
+  },
+  "& .rc-slider-disabled .rc-slider-dot": {
+    cursor: "not-allowed !important"
+  },
+  "& .rc-slider-vertical": {
+    width: "14px",
+    height: "100%",
+    padding: "0 5px"
+  },
+  "& .rc-slider-vertical .rc-slider-rail": {
+    width: "4px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-track": {
+    bottom: 0,
+    left: "5px",
+    width: "4px"
+  },
+  "& .rc-slider-vertical .rc-slider-handle": {
+    marginTop: 0,
+    marginLeft: "-5px",
+    touchAction: "pan-y"
+  },
+  "& .rc-slider-vertical .rc-slider-mark": {
+    top: 0,
+    left: "18px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-step": {
+    width: "4px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-dot": {
+    marginLeft: "-2px"
+  }
+};
+export const tooltipBase = {
+  "@global": {
+    ".rc-slider-tooltip-zoom-down-enter": {
+      display: "block !important",
+      animationDuration: "0.3s",
+      animationFillMode: "both",
+      animationPlayState: "paused",
+      transform: "scale(0, 0)",
+      animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
+    },
+    ".rc-slider-tooltip-zoom-down-appear": {
+      display: "block !important",
+      animationDuration: "0.3s",
+      animationFillMode: "both",
+      animationPlayState: "paused"
+    },
+    ".rc-slider-tooltip-zoom-down-leave": {
+      display: "block !important",
+      animationDuration: "0.3s",
+      animationFillMode: "both",
+      animationPlayState: "paused",
+      animationTimingFunction: "cubic-bezier(0.755, 0.05, 0.855, 0.06)"
+    },
+    ".rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active": {
+      animationName: "rcSliderTooltipZoomDownIn",
+      animationPlayState: "running"
+    },
+    ".rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active": {
+      animationName: "rcSliderTooltipZoomDownIn",
+      animationPlayState: "running"
+    },
+    ".rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active": {
+      animationName: "rcSliderTooltipZoomDownOut",
+      animationPlayState: "running"
+    },
+    " .rc-slider-tooltip-zoom-down-appear": {
+      transform: "scale(0, 0)",
+      animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
+    },
+    ".rc-slider-tooltip": {
+      position: "absolute",
+      top: "-9999px",
+      left: "-9999px",
+      visibility: "visible",
+      boxSizing: "border-box",
+      "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+    },
+    ".rc-slider-tooltip *": {
+      boxSizing: "border-box",
+      "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+    },
+    ".rc-slider-tooltip-hidden": {
+      display: "none"
+    },
+    ".rc-slider-tooltip-placement-top": {
+      padding: "4px 0 8px 0"
+    },
+    ".rc-slider-tooltip-inner": {
+      minWidth: "24px",
+      height: "24px",
+      padding: "6px 2px",
+      color: "#fff",
+      fontSize: "12px",
+      lineHeight: 1,
+      textAlign: "center",
+      textDecoration: "none",
+      backgroundColor: "#6c6c6c",
+      borderRadius: "6px",
+      boxShadow: "0 0 4px #d9d9d9"
+    },
+    ".rc-slider-tooltip-arrow": {
+      position: "absolute",
+      width: 0,
+      height: 0,
+      borderColor: "transparent",
+      borderStyle: "solid"
+    },
+    ".rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow": {
+      bottom: "4px",
+      left: "50%",
+      marginLeft: "-4px",
+      borderWidth: "4px 4px 0",
+      borderTopColor: "#6c6c6c"
+    }
+  }
+};
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":["sliderBase","position","width","height","padding","borderRadius","touchAction","boxSizing","backgroundColor","marginTop","border","cursor","opacity","borderColor","boxShadow","outline","top","left","fontSize","display","color","textAlign","verticalAlign","background","pointerEvents","bottom","marginRight","marginLeft","tooltipBase","animationDuration","animationFillMode","animationPlayState","transform","animationTimingFunction","animationName","visibility","minWidth","lineHeight","textDecoration","borderStyle","borderWidth","borderTopColor"],"sources":["../../../src/Slider/base.js"],"sourcesContent":["export const sliderBase = {\n  \"& .rc-slider\": {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"14px\",\n    padding: \" 5px 0\",\n    borderRadius: \"6px\",\n    touchAction: \"none\",\n    boxSizing: \"border-box\",\n    \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider *\": {\n    boxSizing: \"border-box\",\n    \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-rail\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    backgroundColor: \"#e9e9e9\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-track\": {\n    position: \"absolute\",\n    height: \"4px\",\n    backgroundColor: \"#abe2fb\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-handle\": {\n    position: \"absolute\",\n    width: \"14px\",\n    height: \"14px\",\n    marginTop: \"-5px\",\n    backgroundColor: \"#fff\",\n    border: \"solid 2px #96dbfa\",\n    borderRadius: \"50%\",\n    // cursor: \"pointer\",\n    // cursor: \"-webkit-grab\",\n    cursor: \"grab\",\n    opacity: 0.8,\n    touchAction: \"pan-x\",\n  },\n  \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\": {\n    borderColor: \"#57c5f7\",\n    boxShadow: \"0 0 0 5px #96dbfa\",\n  },\n  \"& .rc-slider-handle:focus\": {\n    outline: \"none\",\n    boxShadow: \"none\",\n  },\n  \"& .rc-slider-handle:focus-visible\": {\n    borderColor: \"#2db7f5\",\n    boxShadow: \"0 0 0 3px #96dbfa\",\n  },\n  \"& .rc-slider-handle-click-focused:focus\": {\n    borderColor: \"#96dbfa\",\n    boxShadow: \"unset\",\n  },\n  \"& .rc-slider-handle:hover\": {\n    borderColor: \"#57c5f7\",\n  },\n  \"& .rc-slider-handle:active\": {\n    borderColor: \"#57c5f7\",\n    boxShadow: \"0 0 5px #57c5f7\",\n    // cursor: \"-webkit-grabbing\",\n    cursor: \"grabbing\",\n  },\n  \"& .rc-slider-mark\": {\n    position: \"absolute\",\n    top: \"18px\",\n    left: 0,\n    width: \"100%\",\n    fontSize: \"12px\",\n  },\n  \"& .rc-slider-mark-text\": {\n    position: \"absolute\",\n    display: \"inline-block\",\n    color: \"#999\",\n    textAlign: \"center\",\n    verticalAlign: \"middle\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-mark-text-active\": {\n    color: \"#666\",\n  },\n  \"& .rc-slider-step\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    background: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  \"& .rc-slider-dot\": {\n    position: \"absolute\",\n    bottom: \"-2px\",\n    width: \"8px\",\n    height: \"8px\",\n    verticalAlign: \"middle\",\n    backgroundColor: \"#fff\",\n    border: \"2px solid #e9e9e9\",\n    borderRadius: \"50%\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-dot-active\": {\n    borderColor: \"#96dbfa\",\n  },\n  \"& .rc-slider-dot-reverse\": {\n    marginRight: \"-4px\",\n  },\n  \"& .rc-slider-disabled\": {\n    backgroundColor: \"#e9e9e9\",\n  },\n  \"& .rc-slider-disabled .rc-slider-track\": {\n    backgroundColor: \"#ccc\",\n  },\n  \"& .rc-slider-disabled .rc-slider-handle\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"&.rc-slider-disabled .rc-slider-dot\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"& .rc-slider-disabled .rc-slider-mark-text\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-disabled .rc-slider-dot\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-vertical\": {\n    width: \"14px\",\n    height: \"100%\",\n    padding: \"0 5px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-rail\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-track\": {\n    bottom: 0,\n    left: \"5px\",\n    width: \"4px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-handle\": {\n    marginTop: 0,\n    marginLeft: \"-5px\",\n    touchAction: \"pan-y\",\n  },\n  \"& .rc-slider-vertical .rc-slider-mark\": {\n    top: 0,\n    left: \"18px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-step\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-dot\": {\n    marginLeft: \"-2px\",\n  },\n};\n\nexport const tooltipBase = {\n  \"@global\": {\n    \".rc-slider-tooltip-zoom-down-enter\": {\n      display: \"block !important\",\n      animationDuration: \"0.3s\",\n      animationFillMode: \"both\",\n      animationPlayState: \"paused\",\n      transform: \"scale(0, 0)\",\n      animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n    },\n    \".rc-slider-tooltip-zoom-down-appear\": {\n      display: \"block !important\",\n      animationDuration: \"0.3s\",\n      animationFillMode: \"both\",\n      animationPlayState: \"paused\",\n    },\n    \".rc-slider-tooltip-zoom-down-leave\": {\n      display: \"block !important\",\n      animationDuration: \"0.3s\",\n      animationFillMode: \"both\",\n      animationPlayState: \"paused\",\n      animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n    },\n    \".rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\": {\n      animationName: \"rcSliderTooltipZoomDownIn\",\n      animationPlayState: \"running\",\n    },\n    \".rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\": {\n      animationName: \"rcSliderTooltipZoomDownIn\",\n      animationPlayState: \"running\",\n    },\n    \".rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\": {\n      animationName: \"rcSliderTooltipZoomDownOut\",\n      animationPlayState: \"running\",\n    },\n    \" .rc-slider-tooltip-zoom-down-appear\": {\n      transform: \"scale(0, 0)\",\n      animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n    },\n    \".rc-slider-tooltip\": {\n      position: \"absolute\",\n      top: \"-9999px\",\n      left: \"-9999px\",\n      visibility: \"visible\",\n      boxSizing: \"border-box\",\n      \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n    },\n    \".rc-slider-tooltip *\": {\n      boxSizing: \"border-box\",\n      \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n    },\n    \".rc-slider-tooltip-hidden\": {\n      display: \"none\",\n    },\n    \".rc-slider-tooltip-placement-top\": {\n      padding: \"4px 0 8px 0\",\n    },\n    \".rc-slider-tooltip-inner\": {\n      minWidth: \"24px\",\n      height: \"24px\",\n      padding: \"6px 2px\",\n      color: \"#fff\",\n      fontSize: \"12px\",\n      lineHeight: 1,\n      textAlign: \"center\",\n      textDecoration: \"none\",\n      backgroundColor: \"#6c6c6c\",\n      borderRadius: \"6px\",\n      boxShadow: \"0 0 4px #d9d9d9\",\n    },\n    \".rc-slider-tooltip-arrow\": {\n      position: \"absolute\",\n      width: 0,\n      height: 0,\n      borderColor: \"transparent\",\n      borderStyle: \"solid\",\n    },\n    \".rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n      bottom: \"4px\",\n      left: \"50%\",\n      marginLeft: \"-4px\",\n      borderWidth: \"4px 4px 0\",\n      borderTopColor: \"#6c6c6c\",\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/modern/Slider/styles.js

@@ -4,7 +4,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-const styles = theme => ({
+import { sliderBase, tooltipBase } from "./base";
+
+const styles = theme => _objectSpread(_objectSpread({}, tooltipBase), {}, {
+  sliderBase,
   root: {
     "& .rc-slider-handle": {
       cursor: "pointer",

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

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../../src/Slider/styles.js"],"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"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["sliderBase","tooltipBase","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"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["import { sliderBase, tooltipBase } from \"./base\";\n\nconst styles = (theme) => ({\n  ...tooltipBase,\n  sliderBase,\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"],"mappings":";;;;;;AAAA,SAASA,UAAT,EAAqBC,WAArB,QAAwC,QAAxC;;AAEA,MAAMC,MAAM,GAAIC,KAAD,oCACVF,WADU;EAEbD,UAFa;EAGbI,IAAI,EAAE;IACJ,uBAAuB;MACrBC,MAAM,EAAE,SADa;MAErBC,SAAS,EAAE,MAFU;MAGrB,YAAY;QACVD,MAAM,EAAE;MADE;IAHS,CADnB;IAQJE,MAAM,EAAE;EARJ,CAHO;EAabC,GAAG,EAAE;IACHC,QAAQ,EAAE,UADP;IAEHC,MAAM,EAAE,MAFL;IAGHC,UAAU,EAAE,KAHT;IAIHC,KAAK,EAAE,KAJJ;IAKHC,MAAM,EAAE,KALL;IAMHC,MAAM,EAAE,MANL;IAOHC,YAAY,EAAE,IAPX;IAQHC,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAR1C;IASHf,MAAM,EAAE,SATL;IAUHgB,aAAa,EAAE,QAVZ;IAWHd,MAAM,EAAE;EAXL,CAbQ;EA0Bbe,IAAI,EAAE;IACJN,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADzC;IAEJP,MAAM,EAAE,KAFJ;IAGJN,MAAM,EAAE;EAHJ,CA1BO;EA+BbgB,SAAS,EAAE;IACTC,WAAW,EAAE,aADJ;IAETC,SAAS,EAAE,MAFF;IAGTT,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAHhC;IAITf,KAAK,EAAE,MAJE;IAKTC,MAAM,EAAE;EALC,CA/BE;EAsCbe,SAAS,EAAE;IACTnB,QAAQ,EAAE,UADD;IAETe,WAAW,EAAE,aAFJ;IAGTT,YAAY,EAAE,KAHL;IAITU,SAAS,EAAE,MAJF;IAKTT,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KALpC;IAMTR,KAAK,EAAE,MANE;IAOTC,MAAM,EAAE,MAPC;IAQTgB,GAAG,EAAE,MARI;IASTC,IAAI,EAAE,MATG;IAUTvB,MAAM,EAAE;EAVC,CAtCE;EAkDbwB,UAAU,EAAE;IACVC,OAAO,EAAE;EADC,CAlDC;EAqDbC,cAAc,EAAE;IACdT,WAAW,EAAE,aADC;IAEdX,MAAM,EAAE,KAFM;IAGdD,KAAK,EAAE,KAHO;IAIdD,UAAU,EAAE,MAJE;IAKdG,MAAM,EAAE,MALM;IAMdC,YAAY,EAAE,GANA;IAOdT,SAAS,EAAE,KAPG;IAQdwB,IAAI,EAAE,MARQ;IASdI,WAAW,EAAE,MATC;IAUd7B,MAAM,EAAE;EAVM,CArDH;EAiEb8B,KAAK,EAAE;IACLnB,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KADpC;IAELd,MAAM,EAAE,KAFH;IAGLN,MAAM,EAAE,IAHH;IAILD,SAAS,EAAE;EAJN,CAjEM;EAuEb8B,IAAI,kCACCjC,KAAK,CAACc,EAAN,CAASoB,UAAT,CAAoBC,OADrB;IAEFC,UAAU,EAAEpC,KAAK,CAACc,EAAN,CAASoB,UAAT,CAAoBE,UAF9B;IAGFV,GAAG,EAAE;EAHH,EAvES;EA4EbW,aAAa,EAAE;IACb;MACEC,UAAU,EAAEtC,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BuB,KAD1C;MAEE3B,YAAY,EAAE,CAFhB;MAGE4B,QAAQ,EAAE,OAHZ;MAIE9B,MAAM,EAAE,MAJV;MAKE+B,OAAO,EAAG,GAAEzC,KAAK,CAACc,EAAN,CAAS4B,OAAT,CAAiBC,EAAG;IALlC,GAMK3C,KAAK,CAACc,EAAN,CAASoB,UAAT,CAAoBU,UANzB;MAOER,UAAU,EAAEpC,KAAK,CAACc,EAAN,CAASoB,UAAT,CAAoBE,UAPlC;MAQEd,SAAS,EAAE;IARb,EADa;IAWb,8BAA8B;MAC5BuB,UAAU,EAAE;IADgB;EAXjB;AA5EF,EAAf;;AA6FA,eAAe9C,MAAf"}