@elliemae/ds-slider 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/cjs/components/SliderImp.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/SliderImp.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useState, useEffect, useRef, useMemo } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Range } from 'react-range';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport DSTruncatedTooltipText, {\n  TooltipTextProvider,\n} from '@elliemae/ds-truncated-tooltip-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport Track from './Track';\nimport Thumb from './Thumb';\nimport {\n  LabelWrapper,\n  StyledRangeWrapper,\n  LabelText,\n  ValueText,\n} from './styled';\nimport { conformedLabel } from './utils';\nimport { SliderContext } from './context';\n\nconst getSubArrayFromRange = (\n  arr,\n  [minVal, maxVal], // maxValue is undefined when only one handler\n  isCustomTickMarksValues = false,\n) => {\n  const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;\n  const minIndex = arr.findIndex((el) => el === trueMinVal);\n\n  if (maxVal !== undefined) {\n    // if two handlers, return the found slice\n    const trueMaxVal = isCustomTickMarksValues ? arr[maxVal] : maxVal;\n    const maxIndex = arr.findIndex((el) => el === trueMaxVal);\n\n    if (minIndex >= 0 && maxIndex > minIndex)\n      return arr.slice(minIndex, maxIndex + 1);\n    return [];\n  }\n  // if only one handler, return the value in an array\n  return [trueMinVal];\n};\n\nconst SliderImp = (props) => {\n  const {\n    containerProps,\n    disabled,\n    label,\n    labelWithValue,\n    minValue,\n    maxValue,\n    step,\n    onChange,\n    withTickMarks,\n    withTickMarksValues,\n    withTwoHandles,\n    customTickMarksValues,\n    zIndex,\n  } = props;\n  const ref = useRef();\n  const [width, setWidth] = useState(0);\n  const sliderUUID = useMemo(() => uuidv4(), []);\n\n  const parsedMinValue = useMemo(() => {\n    // ensure this works correctly with customTickMarksValues array\n    if (customTickMarksValues?.length) return 0;\n    return minValue;\n  }, [customTickMarksValues?.length, minValue]);\n  const parsedMaxValue = useMemo(() => {\n    // ensure this works correctly with customTickMarksValues array\n    if (customTickMarksValues?.length) return customTickMarksValues?.length - 1;\n    return maxValue;\n  }, [customTickMarksValues?.length, maxValue]);\n  const parsedStep = useMemo(() => {\n    // ensure this works correctly with customTickMarksValues array\n    if (customTickMarksValues?.length) return 1;\n    return step;\n  }, [customTickMarksValues?.length, step]);\n\n  const parsedValuesArray = useMemo(() => {\n    // ensure this works correctly with customTickMarksValues array\n    if (customTickMarksValues?.length) return customTickMarksValues;\n    const newLength = Math.ceil(maxValue / step);\n    const valuesArray = [];\n    for (let i = 0; i <= newLength; i += 1) {\n      valuesArray.push(step * i);\n    }\n\n    return valuesArray;\n  }, [customTickMarksValues?.length, minValue, maxValue, step]);\n\n  const [rangeValues, setRangeValues] = useState(\n    withTwoHandles ? [parsedMinValue, parsedMaxValue] : [parsedMinValue],\n  );\n  // track the full slice of values selected instead of only the limits\n  // this is important to handle the selected range labels colors\n  const [fullSelectedValues, setFullSelectedValues] = useState([]);\n  useEffect(() => {\n    const selectedRangeValues = getSubArrayFromRange(\n      parsedValuesArray,\n      rangeValues,\n      !!customTickMarksValues?.length,\n    );\n    setFullSelectedValues(selectedRangeValues);\n  }, [parsedValuesArray, rangeValues, customTickMarksValues?.length]);\n\n  const prevWithTwoHandles = usePrevious(withTwoHandles);\n  const resizeHandler = () => {\n    setWidth(0);\n    setWidth(ref.current?.clientWidth);\n  };\n  useEffect(() => {\n    window.addEventListener('resize', resizeHandler);\n    return () => window.removeEventListener('resize', resizeHandler);\n  });\n  useEffect(() => {\n    if (!prevWithTwoHandles && withTwoHandles) {\n      setRangeValues([parsedMinValue, parsedMaxValue]);\n    } else if (prevWithTwoHandles && !withTwoHandles) {\n      setRangeValues([parsedMinValue]);\n    }\n  }, [withTwoHandles]);\n\n  useEffect(() => {\n    setWidth(ref.current?.clientWidth);\n  }, [ref.current?.clientWidth]);\n\n  const [finalLabelText, finalValueText] = useMemo(\n    () =>\n      conformedLabel(\n        rangeValues,\n        label,\n        labelWithValue,\n        withTwoHandles,\n        customTickMarksValues,\n        parsedStep,\n      ),\n    [\n      rangeValues,\n      label,\n      labelWithValue,\n      withTwoHandles,\n      customTickMarksValues,\n      parsedStep,\n    ],\n  );\n\n  const SliderLabel = (\n    <>\n      <LabelText>{finalLabelText}</LabelText>\n      {finalLabelText && ' '}\n      <ValueText disabled={disabled}>{finalValueText}</ValueText>\n    </>\n  );\n\n  return (\n    <TooltipTextProvider>\n      <div ref={ref}>\n        <Grid\n          width=\"100%\"\n          style={{ maxWidth: '100%' }}\n          containerProps={containerProps}\n          data-testid=\"slider\"\n          rows={['auto', 'auto']}\n        >\n          <SliderContext.Provider\n            value={{\n              disabled,\n              sliderUUID,\n              label,\n              labelWithValue,\n              minValue: parsedMinValue,\n              maxValue: parsedMaxValue,\n              step: parsedStep,\n              parsedValuesArray,\n              withTickMarks,\n              withTickMarksValues,\n              withTwoHandles,\n              customTickMarksValues,\n              rangeValues,\n              fullSelectedValues,\n              zIndex,\n            }}\n          >\n            {finalLabelText && (\n              <LabelWrapper width={width}>\n                <DSTruncatedTooltipText value={SliderLabel} />\n              </LabelWrapper>\n            )}\n            <StyledRangeWrapper>\n              <Range\n                step={parsedStep}\n                min={parsedMinValue}\n                max={parsedMaxValue}\n                values={rangeValues}\n                disabled={disabled}\n                onChange={(values) => {\n                  if (withTwoHandles && values[0] === values[1]) return;\n                  setRangeValues(values);\n                  onChange(values);\n                }}\n                renderTrack={({ props: trackProps, children }) => (\n                  <Track props={trackProps}>{children}</Track>\n                )}\n                renderThumb={(renderArgs) => {\n                  const { index, props: thumbProps, isDragged } = renderArgs;\n                  return (\n                    <Thumb\n                      key={`${sliderUUID}-${thumbProps.key}`}\n                      props={thumbProps}\n                      isDragged={isDragged}\n                      index={index}\n                    />\n                  );\n                }}\n                allowOverlap={false}\n              />\n            </StyledRangeWrapper>\n          </SliderContext.Provider>\n        </Grid>\n      </div>\n    </TooltipTextProvider>\n  );\n};\n\n// SliderImp.propTypes = sliderPropTypes;\n\nexport default SliderImp;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/components/Thumb.js

@@ -1,72 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Thumb_exports = {};
-__export(Thumb_exports, {
-  default: () => Thumb_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_tooltip = require("@elliemae/ds-tooltip");
-var import_context = require("./context");
-var import_utils = require("./utils");
-var import_styled = require("./styled");
-const Thumb = ({ index, props, isDragged }) => {
-  const [isHovered, setIsHovered] = (0, import_react.useState)(false);
-  const {
-    disabled,
-    rangeValues,
-    zIndex,
-    customTickMarksValues,
-    step,
-    minValue
-  } = (0, import_react.useContext)(import_context.SliderContext);
-  const cleanedProps = { ...props };
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.ThumbStyled, {
-    ...cleanedProps,
-    "data-testid": "slider-thumb",
-    disabled,
-    style: { ...cleanedProps.style, zIndex },
-    index,
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false)
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.TooltipContainerStyled, {
-    isDragged,
-    isHovered
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.TooltipText, null, (0, import_utils.conformedThumbLabel)(rangeValues, customTickMarksValues, index, step, minValue)), /* @__PURE__ */ import_react.default.createElement(import_styled.TooltipArrow, null)));
-};
-Thumb.propTypes = {
-  index: import_prop_types.default.number,
-  props: import_prop_types.default.shape({
-    style: import_prop_types.default.shape({}).isRequired
-  }).isRequired,
-  isDragged: import_prop_types.default.bool
-};
-var Thumb_default = Thumb;
-module.exports = __toCommonJS(Thumb_exports);
-//# sourceMappingURL=Thumb.js.map

package/dist/cjs/components/Thumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Thumb.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { TooltipText } from '@elliemae/ds-tooltip';\nimport { SliderContext } from './context';\nimport { conformedThumbLabel } from './utils';\nimport { ThumbStyled, TooltipContainerStyled, TooltipArrow } from './styled';\n\nconst Thumb = ({ index, props, isDragged }) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const {\n    disabled,\n    rangeValues,\n    zIndex,\n    customTickMarksValues,\n    step,\n    minValue,\n  } = useContext(SliderContext);\n\n  const cleanedProps = { ...props };\n  // delete cleanedProps.key;\n  // delete cleanedProps.draggable;\n  return (\n    // ...props is needed because it's received from the library\n    // ...props.style has it own style from the library but has a bug with the zIndex for two thumbs, so that's why it has to be overwrite\n    <ThumbStyled\n      {...cleanedProps}\n      data-testid=\"slider-thumb\"\n      disabled={disabled}\n      // eslint-disable-next-line react/prop-types\n      style={{ ...cleanedProps.style, zIndex }}\n      index={index}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <TooltipContainerStyled isDragged={isDragged} isHovered={isHovered}>\n        <TooltipText>\n          {conformedThumbLabel(\n            rangeValues,\n            customTickMarksValues,\n            index,\n            step,\n            minValue,\n          )}\n        </TooltipText>\n        <TooltipArrow />\n      </TooltipContainerStyled>\n    </ThumbStyled>\n  );\n};\n\nThumb.propTypes = {\n  index: PropTypes.number,\n  props: PropTypes.shape({\n    style: PropTypes.shape({}).isRequired,\n  }).isRequired,\n  isDragged: PropTypes.bool,\n};\n\nexport default Thumb;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,wBAAsB;AACtB,wBAA4B;AAC5B,qBAA8B;AAC9B,mBAAoC;AACpC,oBAAkE;AAElE,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,gBAAgB;AAC7C,QAAM,CAAC,WAAW,gBAAgB,2BAAS;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,eAAe,KAAK;AAG1B,SAGE,mDAAC,2BAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IAEA,OAAO,KAAK,aAAa,OAAO;AAAA,IAChC;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,cAAc,MAAM,aAAa;AAAA,KAEjC,mDAAC,sCAAD;AAAA,IAAwB;AAAA,IAAsB;AAAA,KAC5C,mDAAC,+BAAD,MACG,sCACC,aACA,uBACA,OACA,MACA,YAGJ,mDAAC,4BAAD;AAAA;AAMR,MAAM,YAAY;AAAA,EAChB,OAAO,0BAAU;AAAA,EACjB,OAAO,0BAAU,MAAM;AAAA,IACrB,OAAO,0BAAU,MAAM,IAAI;AAAA,KAC1B;AAAA,EACH,WAAW,0BAAU;AAAA;AAGvB,IAAO,gBAAQ;",
-  "names": []
-}

package/dist/cjs/components/TickMarks.js

@@ -1,87 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TickMarks_exports = {};
-__export(TickMarks_exports, {
-  default: () => TickMarks_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_context = require("./context");
-const TickMarks = () => {
-  const {
-    minValue,
-    maxValue,
-    rangeValues,
-    step,
-    withTwoHandles,
-    zIndex
-  } = (0, import_react.useContext)(import_context.SliderContext);
-  const dots = [];
-  for (let index = minValue || 0; index <= maxValue; index += step) {
-    const isActive = withTwoHandles ? rangeValues[0] <= index && index < rangeValues[1] : rangeValues[0] > index;
-    dots.push(/* @__PURE__ */ import_react.default.createElement(Dot, {
-      "data-testid": "slider-dot",
-      isActive,
-      key: index
-    }));
-  }
-  return /* @__PURE__ */ import_react.default.createElement(DotsContainer, {
-    "data-testid": "slider-tick-marks",
-    zIndex
-  }, dots);
-};
-const Dot = import_styled_components.default.div`
-  &:after {
-    content: '';
-    background: ${(props) => props.isActive ? props.theme.colors.brand[300] : props.theme.colors.neutral[400]};
-    border-radius: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
-    display: block;
-    position: relative;
-    width: 2px;
-    height: 2px;
-  }
-`;
-const DotsContainer = import_styled_components.default.div`
-  padding: 0
-    calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 0.5);
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: ${(props) => props.zIndex - 1};
-`;
-var TickMarks_default = TickMarks;
-module.exports = __toCommonJS(TickMarks_exports);
-//# sourceMappingURL=TickMarks.js.map

package/dist/cjs/components/TickMarks.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TickMarks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\nimport React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { SliderContext } from './context';\n\nconst TickMarks = () => {\n  const {\n    minValue,\n    maxValue,\n    rangeValues,\n    step,\n    withTwoHandles,\n    zIndex,\n  } = useContext(SliderContext);\n  const dots = [];\n\n  for (let index = minValue || 0; index <= maxValue; index += step) {\n    const isActive = withTwoHandles\n      ? rangeValues[0] <= index && index < rangeValues[1]\n      : rangeValues[0] > index;\n    dots.push(<Dot data-testid=\"slider-dot\" isActive={isActive} key={index} />);\n  }\n\n  return (\n    <DotsContainer data-testid=\"slider-tick-marks\" zIndex={zIndex}>\n      {dots}\n    </DotsContainer>\n  );\n};\n\nconst Dot = styled.div`\n  &:after {\n    content: '';\n    background: ${(props) =>\n      props.isActive\n        ? props.theme.colors.brand[300]\n        : props.theme.colors.neutral[400]};\n    border-radius: ${(props) =>\n      __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n    display: block;\n    position: relative;\n    width: 2px;\n    height: 2px;\n  }\n`;\n\nconst DotsContainer = styled.div`\n  padding: 0\n    calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 0.5);\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ${(props) => props.zIndex - 1};\n`;\n\nexport default TickMarks;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,+BAAmB;AACnB,uBAAyC;AACzC,qBAA8B;AAE9B,MAAM,YAAY,MAAM;AACtB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AACf,QAAM,OAAO;AAEb,WAAS,QAAQ,YAAY,GAAG,SAAS,UAAU,SAAS,MAAM;AAChE,UAAM,WAAW,iBACb,YAAY,MAAM,SAAS,QAAQ,YAAY,KAC/C,YAAY,KAAK;AACrB,SAAK,KAAK,mDAAC,KAAD;AAAA,MAAK,eAAY;AAAA,MAAa;AAAA,MAAoB,KAAK;AAAA;AAAA;AAGnE,SACE,mDAAC,eAAD;AAAA,IAAe,eAAY;AAAA,IAAoB;AAAA,KAC5C;AAAA;AAKP,MAAM,MAAM,iCAAO;AAAA;AAAA;AAAA,kBAGD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,MAAM,OACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,qBAChB,CAAC,UAChB,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjD,MAAM,gBAAgB,iCAAO;AAAA;AAAA,WAElB,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUpD,CAAC,UAAU,MAAM,SAAS;AAAA;AAGvC,IAAO,oBAAQ;",
-  "names": []
-}

package/dist/cjs/components/TickMarksValues.js

@@ -1,64 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TickMarksValues_exports = {};
-__export(TickMarksValues_exports, {
-  default: () => TickMarksValues_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_context = require("./context");
-const TickMarks = () => {
-  const { parsedValuesArray, fullSelectedValues, sliderUUID } = (0, import_react.useContext)(import_context.SliderContext);
-  const TickMarksLabels = (0, import_react.useMemo)(() => parsedValuesArray.map((value) => {
-    const isSelected = fullSelectedValues.findIndex((selectedVal) => selectedVal === value) >= 0;
-    return /* @__PURE__ */ import_react.default.createElement(TickMarkValue, {
-      key: `${sliderUUID}-${value}`,
-      isSelected
-    }, value);
-  }), [parsedValuesArray, sliderUUID, fullSelectedValues]);
-  const PureTickMArksValues = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(TickMarksContainer, {
-    "data-testid": "slider-tick-marks-values"
-  }, TickMarksLabels), [TickMarksLabels]);
-  return PureTickMArksValues;
-};
-const TickMarkValue = import_styled_components.default.div`
-  margin: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)} 0;
-  overflow: visible;
-  transform: translateX(-100%);
-  width: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
-  color: ${(props) => props.isSelected ? props.theme.colors.neutral[800] : props.theme.colors.neutral[500]};
-`;
-const TickMarksContainer = import_styled_components.default.div`
-  display: flex;
-  justify-content: space-between;
-`;
-var TickMarksValues_default = TickMarks;
-module.exports = __toCommonJS(TickMarksValues_exports);
-//# sourceMappingURL=TickMarksValues.js.map

package/dist/cjs/components/TickMarksValues.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TickMarksValues.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-plusplus */\nimport React, { useContext, useMemo } from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { SliderContext } from './context';\n\nconst TickMarks = () => {\n  const { parsedValuesArray, fullSelectedValues, sliderUUID } = useContext(\n    SliderContext,\n  );\n\n  const TickMarksLabels = useMemo(\n    () =>\n      parsedValuesArray.map((value) => {\n        const isSelected =\n          fullSelectedValues.findIndex(\n            (selectedVal) => selectedVal === value,\n          ) >= 0;\n        return (\n          <TickMarkValue key={`${sliderUUID}-${value}`} isSelected={isSelected}>\n            {value}\n          </TickMarkValue>\n        );\n      }),\n\n    [parsedValuesArray, sliderUUID, fullSelectedValues],\n  );\n\n  const PureTickMArksValues = useMemo(\n    () => (\n      <TickMarksContainer data-testid=\"slider-tick-marks-values\">\n        {TickMarksLabels}\n      </TickMarksContainer>\n    ),\n    [TickMarksLabels],\n  );\n\n  return PureTickMArksValues;\n};\n\nconst TickMarkValue = styled.div`\n  margin: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)} 0;\n  overflow: visible;\n  transform: translateX(-100%);\n  width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  color: ${(props) =>\n    props.isSelected\n      ? props.theme.colors.neutral[800]\n      : props.theme.colors.neutral[500]};\n`;\n\nconst TickMarksContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nexport default TickMarks;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAC3C,+BAAmB;AACnB,uBAAyC;AACzC,qBAA8B;AAE9B,MAAM,YAAY,MAAM;AACtB,QAAM,EAAE,mBAAmB,oBAAoB,eAAe,6BAC5D;AAGF,QAAM,kBAAkB,0BACtB,MACE,kBAAkB,IAAI,CAAC,UAAU;AAC/B,UAAM,aACJ,mBAAmB,UACjB,CAAC,gBAAgB,gBAAgB,UAC9B;AACP,WACE,mDAAC,eAAD;AAAA,MAAe,KAAK,GAAG,cAAc;AAAA,MAAS;AAAA,OAC3C;AAAA,MAKT,CAAC,mBAAmB,YAAY;AAGlC,QAAM,sBAAsB,0BAC1B,MACE,mDAAC,oBAAD;AAAA,IAAoB,eAAY;AAAA,KAC7B,kBAGL,CAAC;AAGH,SAAO;AAAA;AAGT,MAAM,gBAAgB,iCAAO;AAAA,YACjB,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,WAGvD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,WACtD,CAAC,UACR,MAAM,aACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGnC,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAKlC,IAAO,0BAAQ;",
-  "names": []
-}

package/dist/cjs/components/Track.js

@@ -1,78 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Track_exports = {};
-__export(Track_exports, {
-  default: () => Track_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_range = require("react-range");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_TickMarks = __toESM(require("./TickMarks"));
-var import_TickMarksValues = __toESM(require("./TickMarksValues"));
-var import_context = require("./context");
-const Track = ({ children, props }) => {
-  const {
-    disabled,
-    minValue,
-    maxValue,
-    rangeValues,
-    withTickMarks,
-    withTickMarksValues,
-    withTwoHandles
-  } = (0, import_react.useContext)(import_context.SliderContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(TrackStyled, {
-    ...props,
-    disabled,
-    minValue,
-    maxValue,
-    rangeValues,
-    withTwoHandles
-  }, children, withTickMarks && !disabled && /* @__PURE__ */ import_react.default.createElement(import_TickMarks.default, null)), withTickMarksValues && /* @__PURE__ */ import_react.default.createElement(import_TickMarksValues.default, null));
-};
-const TrackStyled = import_styled_components.default.div`
-  position: relative;
-  height: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
-  width: 100%;
-  min-width: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxl)};
-  border-radius: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
-  background: ${(props) => props.disabled ? props.theme.colors.neutral[100] : (0, import_react_range.getTrackBackground)({
-  values: props.rangeValues,
-  colors: props.withTwoHandles ? [
-    props.theme.colors.neutral[100],
-    props.theme.colors.brand[600],
-    props.theme.colors.neutral[100]
-  ] : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],
-  min: props.minValue,
-  max: props.maxValue
-})};
-`;
-var Track_default = Track;
-module.exports = __toCommonJS(Track_exports);
-//# sourceMappingURL=Track.js.map

package/dist/cjs/components/Track.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Track.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { getTrackBackground } from 'react-range';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nimport TickMarks from './TickMarks';\nimport TickMarksValues from './TickMarksValues';\nimport { SliderContext } from './context';\n\nconst Track = ({ children, props }) => {\n  const {\n    disabled,\n    minValue,\n    maxValue,\n    rangeValues,\n    withTickMarks,\n    withTickMarksValues,\n    withTwoHandles,\n  } = useContext(SliderContext);\n\n  return (\n    <>\n      <TrackStyled\n        {...props} // This is needed because it's received from the library\n        disabled={disabled}\n        minValue={minValue}\n        maxValue={maxValue}\n        rangeValues={rangeValues}\n        withTwoHandles={withTwoHandles}\n      >\n        {children}\n        {withTickMarks && !disabled && <TickMarks />}\n      </TrackStyled>\n      {withTickMarksValues && <TickMarksValues />}\n    </>\n  );\n};\n\nconst TrackStyled = styled.div`\n  position: relative;\n  height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  width: 100%;\n  min-width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl)};\n  border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  background: ${(props) =>\n    props.disabled\n      ? props.theme.colors.neutral[100]\n      : getTrackBackground({\n          values: props.rangeValues,\n          colors: props.withTwoHandles\n            ? [\n                props.theme.colors.neutral[100],\n                props.theme.colors.brand[600],\n                props.theme.colors.neutral[100],\n              ]\n            : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n          min: props.minValue,\n          max: props.maxValue,\n        })};\n`;\n\nexport default Track;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,yBAAmC;AACnC,+BAAmB;AACnB,uBAAyC;AAEzC,uBAAsB;AACtB,6BAA4B;AAC5B,qBAA8B;AAE9B,MAAM,QAAQ,CAAC,EAAE,UAAU,YAAY;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,SACE,wFACE,mDAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UACA,iBAAiB,CAAC,YAAY,mDAAC,0BAAD,QAEhC,uBAAuB,mDAAC,gCAAD;AAAA;AAK9B,MAAM,cAAc,iCAAO;AAAA;AAAA,YAEf,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,eAEnD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,mBAClD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,gBACzD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,2CAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV;AAAA,IACE,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3B,MAAM,MAAM,OAAO,MAAM;AAAA,IACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,MAE7B,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,EAC/D,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AAAA;AAAA;AAIrB,IAAO,gBAAQ;",
-  "names": []
-}

package/dist/cjs/components/context.js

@@ -1,36 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var context_exports = {};
-__export(context_exports, {
-  SliderContext: () => SliderContext
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const SliderContext = import_react.default.createContext();
-module.exports = __toCommonJS(context_exports);
-//# sourceMappingURL=context.js.map

package/dist/cjs/components/context.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/context.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\n\nexport const SliderContext = React.createContext();\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,gBAAgB,qBAAM;",
-  "names": []
-}

package/dist/cjs/components/styled.js

@@ -1,96 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  LabelText: () => LabelText,
-  LabelWrapper: () => LabelWrapper,
-  StyledRangeWrapper: () => StyledRangeWrapper,
-  ThumbStyled: () => ThumbStyled,
-  TooltipArrow: () => TooltipArrow,
-  TooltipContainerStyled: () => TooltipContainerStyled,
-  ValueText: () => ValueText
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_tooltip = require("@elliemae/ds-tooltip");
-const ThumbStyled = import_styled_components.default.div`
-  height: 20px;
-  width: 20px;
-  background-color: ${(props) => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral["000"]};
-  border-radius: 10px;
-  border: 1px solid ${(props) => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400]};
-
-  :focus {
-    border: 1px solid ${(props) => props.theme.colors.brand[600]};
-    outline: unset;
-  }
-
-  :hover {
-    background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[100] : theme.colors.brand[200]};
-  }
-`;
-const TooltipContainerStyled = (0, import_styled_components.default)(import_ds_tooltip.TooltipContainer)`
-  position: relative;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  top: -35px;
-  width: max-content;
-  left: 50%;
-  transform: translateX(-50%);
-  visibility: ${({ isDragged, isHovered }) => isDragged || isHovered ? "visible" : "hidden"};
-`;
-const TooltipArrow = import_styled_components.default.div`
-  position: absolute;
-  width: 0;
-  height: 0;
-  top: 20px;
-  border-left: calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 2.5) solid transparent;
-  border-right: calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 2.5) solid transparent;
-
-  border-top: calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 2.5) solid
-    ${(props) => props.theme.colors.neutral[0]};
-`;
-const LabelWrapper = import_styled_components.default.div`
-  margin-bottom: ${(props) => props.theme.space.xxs};
-  max-width: 100%;
-  width: ${(props) => `${props.width || 0}px`};
-`;
-const LabelText = import_styled_components.default.span`
-  color: ${(props) => props.theme.colors.neutral[600]};
-`;
-const ValueText = import_styled_components.default.span`
-  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};
-`;
-const StyledRangeWrapper = import_styled_components.default.div`
-  min-height: 28px;
-  margin: 0 10px;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { TooltipContainer } from '@elliemae/ds-tooltip';\n\nexport const ThumbStyled = styled.div`\n  height: 20px;\n  width: 20px;\n  background-color: ${(props) =>\n    props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000']};\n  border-radius: 10px;\n  border: 1px solid ${(props) => (props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400])};\n\n  :focus {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n    outline: unset;\n  }\n\n  :hover {\n    background-color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[100] : theme.colors.brand[200])};\n  }\n`;\n\nexport const TooltipContainerStyled = styled(TooltipContainer)`\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  top: -35px;\n  width: max-content;\n  left: 50%;\n  transform: translateX(-50%);\n  visibility: ${({ isDragged, isHovered }) => (isDragged || isHovered ? 'visible' : 'hidden')};\n`;\n// TODO: didn't work with DSTooltip, see how to improve\nexport const TooltipArrow = styled.div`\n  position: absolute;\n  width: 0;\n  height: 0;\n  top: 20px;\n  border-left: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;\n  border-right: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;\n\n  border-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid\n    ${(props) => props.theme.colors.neutral[0]};\n`;\n\nexport const LabelWrapper = styled.div`\n  margin-bottom: ${(props) => props.theme.space.xxs};\n  max-width: 100%;\n  width: ${(props) => `${props.width || 0}px`};\n`;\n\nexport const LabelText = styled.span`\n  color: ${(props) => props.theme.colors.neutral[600]};\n`;\n\nexport const ValueText = styled.span`\n  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};\n`;\n\nexport const StyledRangeWrapper = styled.div`\n  min-height: 28px;\n  margin: 0 10px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,uBAAyC;AACzC,wBAAiC;AAE1B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,sBAGZ,CAAC,UACnB,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAE5D,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,wBAGxF,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKpC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrG,MAAM,yBAAyB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS7B,CAAC,EAAE,WAAW,gBAAiB,aAAa,YAAY,YAAY;AAAA;AAG7E,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,uBACrD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,qBAExD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,MACrE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrC,MAAM,eAAe,iCAAO;AAAA,mBAChB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,WAErC,CAAC,UAAU,GAAG,MAAM,SAAS;AAAA;AAGjC,MAAM,YAAY,iCAAO;AAAA,WACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,YAAY,iCAAO;AAAA,WACrB,CAAC,EAAE,UAAU,YAAY,MAAM,OAAO,QAAQ,WAAW,MAAM;AAAA;AAGnE,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/components/utils.js

@@ -1,59 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var utils_exports = {};
-__export(utils_exports, {
-  conformedLabel: () => conformedLabel,
-  conformedThumbLabel: () => conformedThumbLabel
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-const conformedLabel = (rangeValues, label = "", labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 0) => {
-  const msg = label.trim();
-  let value = "";
-  if (!(0, import_ds_utilities.isEmpty)(customTickMarksValues) && labelWithValue && label) {
-    const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
-    const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
-    value = `${firstValue || rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ""} `;
-  } else if (labelWithValue && label) {
-    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ""} `;
-  }
-  value = value.trim();
-  return [msg, value];
-};
-const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
-  let msg = `Value: `;
-  if (!(0, import_ds_utilities.isEmpty)(customTickMarksValues)) {
-    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
-    msg += `${foundValue || rangeValues[index].toFixed(1)}`;
-  } else {
-    msg += `${rangeValues[index].toFixed(1)}`;
-  }
-  return msg;
-};
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map

package/dist/cjs/components/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-params */\nimport { isEmpty } from '@elliemae/ds-utilities';\n\nexport const conformedLabel = (\n  rangeValues,\n  label = '',\n  labelWithValue = false,\n  withTwoHandles = false,\n  customTickMarksValues = [],\n  step = 1,\n  minValue = 0,\n) => {\n  const msg = label.trim();\n  let value = '';\n  if (!isEmpty(customTickMarksValues) && labelWithValue && label) {\n    const firstValue =\n      customTickMarksValues[(rangeValues[0] - minValue) / step];\n    const secondValue =\n      customTickMarksValues[(rangeValues[1] - minValue) / step];\n    value = `${firstValue || rangeValues[0].toFixed(1)} ${\n      withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ''\n    } `;\n  } else if (labelWithValue && label) {\n    value = `${rangeValues[0].toFixed(1)} ${\n      withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ''\n    } `;\n  }\n  value = value.trim();\n\n  return [msg, value];\n};\n\nexport const conformedThumbLabel = (\n  rangeValues,\n  customTickMarksValues = [],\n  index = 0,\n  step = 1,\n  minValue = 0,\n) => {\n  let msg = `Value: `;\n  if (!isEmpty(customTickMarksValues)) {\n    const foundValue =\n      customTickMarksValues[(rangeValues[index] - minValue) / step];\n    msg += `${foundValue || rangeValues[index].toFixed(1)}`;\n  } else {\n    msg += `${rangeValues[index].toFixed(1)}`;\n  }\n\n  return msg;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAwB;AAEjB,MAAM,iBAAiB,CAC5B,aACA,QAAQ,IACR,iBAAiB,OACjB,iBAAiB,OACjB,wBAAwB,IACxB,OAAO,GACP,WAAW,MACR;AACH,QAAM,MAAM,MAAM;AAClB,MAAI,QAAQ;AACZ,MAAI,CAAC,iCAAQ,0BAA0B,kBAAkB,OAAO;AAC9D,UAAM,aACJ,sBAAuB,aAAY,KAAK,YAAY;AACtD,UAAM,cACJ,sBAAuB,aAAY,KAAK,YAAY;AACtD,YAAQ,GAAG,cAAc,YAAY,GAAG,QAAQ,MAC9C,iBAAiB,KAAK,eAAe,YAAY,GAAG,QAAQ,OAAO;AAAA,aAE5D,kBAAkB,OAAO;AAClC,YAAQ,GAAG,YAAY,GAAG,QAAQ,MAChC,iBAAiB,KAAK,YAAY,IAAI,QAAQ,OAAO;AAAA;AAGzD,UAAQ,MAAM;AAEd,SAAO,CAAC,KAAK;AAAA;AAGR,MAAM,sBAAsB,CACjC,aACA,wBAAwB,IACxB,QAAQ,GACR,OAAO,GACP,WAAW,MACR;AACH,MAAI,MAAM;AACV,MAAI,CAAC,iCAAQ,wBAAwB;AACnC,UAAM,aACJ,sBAAuB,aAAY,SAAS,YAAY;AAC1D,WAAO,GAAG,cAAc,YAAY,OAAO,QAAQ;AAAA,SAC9C;AACL,WAAO,GAAG,YAAY,OAAO,QAAQ;AAAA;AAGvC,SAAO;AAAA;",
-  "names": []
-}