@elliemae/ds-slider 1.60.0 → 2.0.0-alpha.12

package/cjs/components/TickMarksValues.js

@@ -1,54 +1,43 @@
 'use strict';
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var components_context = require('./context.js');
+var context = require('./context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable no-plusplus */
-
-var TickMarks = function TickMarks() {
-  var _useContext = React.useContext(components_context.SliderContext),
-      parsedValuesArray = _useContext.parsedValuesArray,
-      fullSelectedValues = _useContext.fullSelectedValues,
-      sliderUUID = _useContext.sliderUUID;
-
-  var TickMarksLabels = React.useMemo(function () {
-    return parsedValuesArray.map(function (value) {
-      var isSelected = fullSelectedValues.findIndex(function (selectedVal) {
-        return selectedVal === value;
-      }) >= 0;
-      return /*#__PURE__*/React__default['default'].createElement(TickMarkValue, {
-        key: "".concat(sliderUUID, "-").concat(value),
-        isSelected: isSelected
-      }, value);
-    });
-  }, [parsedValuesArray, sliderUUID, fullSelectedValues]);
-  var PureTickMArksValues = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(TickMarksContainer, {
-      "data-testid": "slider-tick-marks-values"
-    }, TickMarksLabels);
-  }, [TickMarksLabels]);
+const TickMarks = () => {
+  var _TickMarksContainer;
+
+  const {
+    parsedValuesArray,
+    fullSelectedValues,
+    sliderUUID
+  } = React.useContext(context.SliderContext);
+  const TickMarksLabels = React.useMemo(() => parsedValuesArray.map(value => {
+    const isSelected = fullSelectedValues.findIndex(selectedVal => selectedVal === value) >= 0;
+    return /*#__PURE__*/_jsx__default["default"](TickMarkValue, {
+      isSelected: isSelected
+    }, "".concat(sliderUUID, "-").concat(value), value);
+  }), [parsedValuesArray, sliderUUID, fullSelectedValues]);
+  const PureTickMArksValues = React.useMemo(() => _TickMarksContainer || (_TickMarksContainer = /*#__PURE__*/_jsx__default["default"](TickMarksContainer, {
+    "data-testid": "slider-tick-marks-values"
+  }, void 0, TickMarksLabels)), [TickMarksLabels]);
   return PureTickMArksValues;
 };
 
-var TickMarkValue = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TickMarkValue = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-lq3yel-0"
-})(["margin:", " 0;overflow:visible;transform:translateX(-100%);width:", ";color:", ";"], function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s);
-}, function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return props.isSelected ? props.theme.colors.neutral[800] : props.theme.colors.neutral[500];
-});
-var TickMarksContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["margin:", " 0;overflow:visible;transform:translateX(-100%);width:", ";color:", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.isSelected ? props.theme.colors.neutral[800] : props.theme.colors.neutral[500]);
+const TickMarksContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-lq3yel-1"
 })(["display:flex;justify-content:space-between;"]);
 
 module.exports = TickMarks;
-//# sourceMappingURL=TickMarksValues.js.map

package/cjs/components/Track.js

@@ -1,59 +1,67 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactRange = require('react-range');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var components_TickMarks = require('./TickMarks.js');
-var components_TickMarksValues = require('./TickMarksValues.js');
-var components_context = require('./context.js');
+var TickMarks = require('./TickMarks.js');
+var TickMarksValues = require('./TickMarksValues.js');
+var context = require('./context.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Track = function Track(_ref) {
-  var children = _ref.children,
-      props = _ref.props;
-
-  var _useContext = React.useContext(components_context.SliderContext),
-      disabled = _useContext.disabled,
-      minValue = _useContext.minValue,
-      maxValue = _useContext.maxValue,
-      rangeValues = _useContext.rangeValues,
-      withTickMarks = _useContext.withTickMarks,
-      withTickMarksValues = _useContext.withTickMarksValues,
-      withTwoHandles = _useContext.withTwoHandles;
-
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TrackStyled, _extends__default['default']({}, props, {
-    // This is needed because it's received from the library
-    disabled: disabled,
-    minValue: minValue,
-    maxValue: maxValue,
-    rangeValues: rangeValues,
-    withTwoHandles: withTwoHandles
-  }), children, withTickMarks && !disabled && /*#__PURE__*/React__default['default'].createElement(components_TickMarks, null)), withTickMarksValues && /*#__PURE__*/React__default['default'].createElement(components_TickMarksValues, null));
+var _TickMarks, _TickMarksValues;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const Track = _ref => {
+  let {
+    children,
+    props
+  } = _ref;
+  const {
+    disabled,
+    minValue,
+    maxValue,
+    rangeValues,
+    withTickMarks,
+    withTickMarksValues,
+    withTwoHandles
+  } = React.useContext(context.SliderContext);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(TrackStyled, _objectSpread(_objectSpread({}, props), {}, {
+      // This is needed because it's received from the library
+      disabled: disabled,
+      minValue: minValue,
+      maxValue: maxValue,
+      rangeValues: rangeValues,
+      withTwoHandles: withTwoHandles,
+      children: [children, withTickMarks && !disabled && (_TickMarks || (_TickMarks = /*#__PURE__*/_jsx__default["default"](TickMarks, {})))]
+    })), withTickMarksValues && (_TickMarksValues || (_TickMarksValues = /*#__PURE__*/_jsx__default["default"](TickMarksValues, {})))]
+  });
 };
 
-var TrackStyled = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TrackStyled = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-13fbuj5-0"
-})(["position:relative;height:", ";width:100%;min-width:", ";border-radius:", ";background:", ";"], function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl);
-}, function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return props.disabled ? props.theme.colors.neutral[100] : reactRange.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
-  });
-});
+})(["position:relative;height:", ";width:100%;min-width:", ";border-radius:", ";background:", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.disabled ? props.theme.colors.neutral[100] : reactRange.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
+}));
 
 module.exports = Track;
-//# sourceMappingURL=Track.js.map

package/cjs/components/context.js

@@ -8,7 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var SliderContext = /*#__PURE__*/React__default['default'].createContext();
+const SliderContext = /*#__PURE__*/React__default["default"].createContext();
 
 exports.SliderContext = SliderContext;
-//# sourceMappingURL=context.js.map

package/cjs/components/styled.js

@@ -11,58 +11,44 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* eslint-disable indent */
-var ThumbStyled = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ThumbStyled = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-0"
-})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], function (props) {
-  return props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400];
-}, function (props) {
-  return props.theme.colors.brand[600];
-}, function (_ref) {
-  var disabled = _ref.disabled,
-      theme = _ref.theme;
+})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400], props => props.theme.colors.brand[600], _ref => {
+  let {
+    disabled,
+    theme
+  } = _ref;
   return disabled ? theme.colors.neutral[100] : theme.colors.brand[200];
 });
-var TooltipContainerStyled = /*#__PURE__*/styled__default['default'](dsTooltip.TooltipContainer).withConfig({
+const TooltipContainerStyled = /*#__PURE__*/styled__default["default"](dsTooltip.TooltipContainer).withConfig({
   componentId: "sc-24in0j-1"
-})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], function (_ref2) {
-  var isDragged = _ref2.isDragged,
-      isHovered = _ref2.isHovered;
+})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], _ref2 => {
+  let {
+    isDragged,
+    isHovered
+  } = _ref2;
   return isDragged || isHovered ? 'visible' : 'hidden';
 }); // TODO: didn't work with DSTooltip, see how to improve
 
-var TooltipArrow = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TooltipArrow = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-2"
-})(["position:absolute;width:0;height:0;top:20px;border-left:calc(", " * 2.5) solid transparent;border-right:calc(", " * 2.5) solid transparent;border-top:calc(", " * 2.5) solid ", ";"], function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs);
-}, function (props) {
-  return props.theme.colors.neutral[0];
-});
-var LabelWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["position:absolute;width:0;height:0;top:20px;border-left:calc(", " * 2.5) solid transparent;border-right:calc(", " * 2.5) solid transparent;border-top:calc(", " * 2.5) solid ", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.theme.colors.neutral[0]);
+const LabelWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-3"
-})(["margin-bottom:", ";max-width:100%;width:", ";"], function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return "".concat(props.width || 0, "px");
-});
-var LabelText = /*#__PURE__*/styled__default['default'].span.withConfig({
+})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => "".concat(props.width || 0, "px"));
+const LabelText = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-24in0j-4"
-})(["color:", ";"], function (props) {
-  return props.theme.colors.neutral[600];
-});
-var ValueText = /*#__PURE__*/styled__default['default'].span.withConfig({
+})(["color:", ";"], props => props.theme.colors.neutral[600]);
+const ValueText = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-24in0j-5"
-})(["color:", ";"], function (_ref3) {
-  var disabled = _ref3.disabled,
-      theme = _ref3.theme;
+})(["color:", ";"], _ref3 => {
+  let {
+    disabled,
+    theme
+  } = _ref3;
   return theme.colors.neutral[disabled ? 500 : 800];
 });
-var StyledRangeWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledRangeWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-6"
 })(["min-height:28px;margin:0 10px;"]);
 
@@ -73,4 +59,3 @@ exports.ThumbStyled = ThumbStyled;
 exports.TooltipArrow = TooltipArrow;
 exports.TooltipContainerStyled = TooltipContainerStyled;
 exports.ValueText = ValueText;
-//# sourceMappingURL=styled.js.map

package/cjs/components/utils.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsUtilities = require('@elliemae/ds-utilities');
 
 /* eslint-disable max-params */
-var conformedLabel = function conformedLabel(rangeValues) {
-  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var labelWithValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var withTwoHandles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var customTickMarksValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var step = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
-  var minValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
-  var msg = label.trim();
-  var value = '';
+const conformedLabel = function (rangeValues) {
+  let label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let labelWithValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let withTwoHandles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  let customTickMarksValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  let step = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
+  let minValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
+  const msg = label.trim();
+  let value = '';
 
   if (!dsUtilities.isEmpty(customTickMarksValues) && labelWithValue && label) {
-    var firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
-    var secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
+    const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
+    const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
     value = "".concat(firstValue || rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat(secondValue || rangeValues[1].toFixed(1)) : '', " ");
   } else if (labelWithValue && label) {
     var _rangeValues$;
@@ -28,15 +28,15 @@ var conformedLabel = function conformedLabel(rangeValues) {
   value = value.trim();
   return [msg, value];
 };
-var conformedThumbLabel = function conformedThumbLabel(rangeValues) {
-  var customTickMarksValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-  var minValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-  var msg = "Value: ";
+const conformedThumbLabel = function (rangeValues) {
+  let customTickMarksValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  let minValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let msg = "Value: ";
 
   if (!dsUtilities.isEmpty(customTickMarksValues)) {
-    var foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
+    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
     msg += "".concat(foundValue || rangeValues[index].toFixed(1));
   } else {
     msg += "".concat(rangeValues[index].toFixed(1));
@@ -47,4 +47,3 @@ var conformedThumbLabel = function conformedThumbLabel(rangeValues) {
 
 exports.conformedLabel = conformedLabel;
 exports.conformedThumbLabel = conformedThumbLabel;
-//# sourceMappingURL=utils.js.map

package/cjs/index.js

@@ -3,33 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSSlider = require('./DSSlider.js');
-require('react');
-require('react-desc');
-require('./components/SliderImp.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('uuid');
-require('react-range');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-truncated-tooltip-text');
-require('@elliemae/ds-grid');
-require('./components/Track.js');
-require('@babel/runtime/helpers/extends');
-require('styled-components');
-require('@elliemae/ds-system');
-require('./components/TickMarks.js');
-require('./components/context.js');
-require('./components/TickMarksValues.js');
-require('./components/Thumb.js');
-require('@babel/runtime/helpers/defineProperty');
-require('prop-types');
-require('@elliemae/ds-tooltip');
-require('./components/utils.js');
-require('./components/styled.js');
-require('./prop-types.js');
 
 
 
 exports.DSSlider = DSSlider.DSSlider;
 exports.DSSliderWithSchema = DSSlider.DSSliderWithSchema;
-exports.default = DSSlider.DSSlider;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSSlider.DSSlider;

package/cjs/prop-types.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   disabled: false,
   label: '',
@@ -12,14 +12,14 @@ var defaultProps = {
   minValue: 0,
   maxValue: 100,
   step: 5,
-  onChange: function onChange() {},
+  onChange: () => {},
   withTickMarks: false,
   withTickMarksValues: false,
   withTwoHandles: false,
   customTickMarksValues: [],
   zIndex: 0
 };
-var sliderPropTypes = {
+const sliderPropTypes = {
   /** props to inject to slider wrapper */
   containerProps: reactDesc.PropTypes.shape({}).description('props to inject to slider wrapper'),
 
@@ -62,4 +62,3 @@ var sliderPropTypes = {
 
 exports.defaultProps = defaultProps;
 exports.sliderPropTypes = sliderPropTypes;
-//# sourceMappingURL=prop-types.js.map

package/esm/DSSlider.js

@@ -1,35 +1,23 @@
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import { describe } from 'react-desc';
 import SliderImp from './components/SliderImp.js';
 import { sliderPropTypes, defaultProps } from './prop-types.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'uuid';
-import 'react-range';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-truncated-tooltip-text';
-import '@elliemae/ds-grid';
-import './components/Track.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'styled-components';
-import '@elliemae/ds-system';
-import './components/TickMarks.js';
-import './components/context.js';
-import './components/TickMarksValues.js';
-import './components/Thumb.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'prop-types';
-import '@elliemae/ds-tooltip';
-import './components/utils.js';
-import './components/styled.js';
+import { jsx } from 'react/jsx-runtime';
 
-var DSSlider = function DSSlider(props) {
-  return /*#__PURE__*/React.createElement(SliderImp, props);
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const DSSlider = props => /*#__PURE__*/jsx(SliderImp, _objectSpread({}, props));
 
 DSSlider.defaultProps = defaultProps;
-DSSlider.propTypes = sliderPropTypes;
-var DSSliderWithSchema = describe(DSSlider);
+const DSSliderWithSchema = describe(DSSlider);
 DSSliderWithSchema.propTypes = sliderPropTypes;
 
 export { DSSlider, DSSliderWithSchema, DSSlider as default };
-//# sourceMappingURL=DSSlider.js.map