@elliemae/ds-slider 2.3.1 → 3.0.0-alpha.3

package/esm/components/styled.js

@@ -1,47 +0,0 @@
-import styled from 'styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { TooltipContainer } from '@elliemae/ds-tooltip';
-
-/* eslint-disable indent */
-const ThumbStyled = /*#__PURE__*/styled.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:", ";}"], 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];
-});
-const TooltipContainerStyled = /*#__PURE__*/styled(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:", ";"], _ref2 => {
-  let {
-    isDragged,
-    isHovered
-  } = _ref2;
-  return isDragged || isHovered ? 'visible' : 'hidden';
-}); // TODO: didn't work with DSTooltip, see how to improve
-
-const TooltipArrow = /*#__PURE__*/styled.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 ", ";"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.theme.colors.neutral[0]);
-const LabelWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-24in0j-3"
-})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => "".concat(props.width || 0, "px"));
-const LabelText = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-24in0j-4"
-})(["color:", ";"], props => props.theme.colors.neutral[600]);
-const ValueText = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-24in0j-5"
-})(["color:", ";"], _ref3 => {
-  let {
-    disabled,
-    theme
-  } = _ref3;
-  return theme.colors.neutral[disabled ? 500 : 800];
-});
-const StyledRangeWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-24in0j-6"
-})(["min-height:28px;margin:0 10px;"]);
-
-export { LabelText, LabelWrapper, StyledRangeWrapper, ThumbStyled, TooltipArrow, TooltipContainerStyled, ValueText };

package/esm/components/utils.js

@@ -1,44 +0,0 @@
-import { isEmpty } from '@elliemae/ds-utilities';
-
-/* eslint-disable max-params */
-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 (!isEmpty(customTickMarksValues) && labelWithValue && label) {
-    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$;
-
-    value = "".concat(rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat((_rangeValues$ = rangeValues[1]) === null || _rangeValues$ === void 0 ? void 0 : _rangeValues$.toFixed(1)) : '', " ");
-  }
-
-  value = value.trim();
-  return [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 (!isEmpty(customTickMarksValues)) {
-    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
-    msg += "".concat(foundValue || rangeValues[index].toFixed(1));
-  } else {
-    msg += "".concat(rangeValues[index].toFixed(1));
-  }
-
-  return msg;
-};
-
-export { conformedLabel, conformedThumbLabel };

package/esm/index.js

@@ -1 +0,0 @@
-export { DSSlider, DSSliderWithSchema, DSSlider as default } from './DSSlider.js';

package/esm/prop-types.js

@@ -1,59 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const defaultProps = {
-  containerProps: {},
-  disabled: false,
-  label: '',
-  labelWithValue: false,
-  minValue: 0,
-  maxValue: 100,
-  step: 5,
-  onChange: () => {},
-  withTickMarks: false,
-  withTickMarksValues: false,
-  withTwoHandles: false,
-  customTickMarksValues: [],
-  zIndex: 0
-};
-const sliderPropTypes = {
-  /** props to inject to slider wrapper */
-  containerProps: PropTypes.shape({}).description('props to inject to slider wrapper'),
-
-  /** disable slider */
-  disabled: PropTypes.bool.description('disable slider'),
-
-  /** label for slider */
-  label: PropTypes.string.description('label for slider'),
-
-  /** if the label comes with value attached for slider or not */
-  labelWithValue: PropTypes.bool.description('if the label comes with value attached for slider or not'),
-
-  /** min value for slider */
-  minValue: PropTypes.number.description('min value for slider'),
-
-  /** max value for slider */
-  maxValue: PropTypes.number.description('max value for slider'),
-
-  /** steps of values from min to max */
-  step: PropTypes.number.description('steps of values from min to max'),
-
-  /** change handler */
-  onChange: PropTypes.func.description('change handler'),
-
-  /** add tick marks between steps */
-  withTickMarks: PropTypes.bool.description('add tick marks between steps'),
-
-  /** add step value to tickmark */
-  withTickMarksValues: PropTypes.bool.description('add step value to tickmark'),
-
-  /** add two handles */
-  withTwoHandles: PropTypes.bool.description('add two handles'),
-
-  /** change manually tickmark values */
-  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description('change manually tickmark values'),
-
-  /** z index for thumb */
-  zIndex: PropTypes.number.description('z index for thumb')
-};
-
-export { defaultProps, sliderPropTypes };

package/types/DSSlider.d.ts

@@ -1,107 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSSlider: {
-    (props: any): JSX.Element;
-    defaultProps: {
-        containerProps: {};
-        disabled: boolean;
-        label: string;
-        labelWithValue: boolean;
-        minValue: number;
-        maxValue: number;
-        step: number;
-        onChange: () => void;
-        withTickMarks: boolean;
-        withTickMarksValues: boolean;
-        withTwoHandles: boolean;
-        customTickMarksValues: never[];
-        zIndex: number;
-    };
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        disabled: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        label: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        labelWithValue: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        minValue: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        maxValue: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        step: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        withTickMarks: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        withTickMarksValues: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        withTwoHandles: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        customTickMarksValues: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        zIndex: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSSliderWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSSlider, DSSliderWithSchema };
-export default DSSlider;

package/types/components/SliderImp.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const SliderImp: (props: any) => JSX.Element;
-export default SliderImp;

package/types/components/Thumb.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-declare const Thumb: {
-    ({ index, props, isDragged }: {
-        index: any;
-        props: any;
-        isDragged: any;
-    }): JSX.Element;
-    propTypes: {
-        index: any;
-        props: any;
-        isDragged: any;
-    };
-};
-export default Thumb;

package/types/components/TickMarks.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TickMarks: () => JSX.Element;
-export default TickMarks;

package/types/components/TickMarksValues.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TickMarks: () => JSX.Element;
-export default TickMarks;

package/types/components/Track.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const Track: ({ children, props }: {
-    children: any;
-    props: any;
-}) => JSX.Element;
-export default Track;

package/types/components/context.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const SliderContext: React.Context<unknown>;

package/types/components/styled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const ThumbStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const TooltipContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ValueText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/components/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const conformedLabel: (rangeValues: any, label?: string, labelWithValue?: boolean, withTwoHandles?: boolean, customTickMarksValues?: never[], step?: number, minValue?: number) => string[];
-export declare const conformedThumbLabel: (rangeValues: any, customTickMarksValues?: never[], index?: number, step?: number, minValue?: number) => string;

package/types/index.d.ts

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

package/types/prop-types.d.ts

@@ -1,109 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-export declare const defaultProps: {
-    containerProps: {};
-    disabled: boolean;
-    label: string;
-    labelWithValue: boolean;
-    minValue: number;
-    maxValue: number;
-    step: number;
-    onChange: () => void;
-    withTickMarks: boolean;
-    withTickMarksValues: boolean;
-    withTwoHandles: boolean;
-    customTickMarksValues: never[];
-    zIndex: number;
-};
-export declare const sliderPropTypes: {
-    /** props to inject to slider wrapper */
-    containerProps: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** disable slider */
-    disabled: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** label for slider */
-    label: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** if the label comes with value attached for slider or not */
-    labelWithValue: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** min value for slider */
-    minValue: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** max value for slider */
-    maxValue: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** steps of values from min to max */
-    step: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** change handler */
-    onChange: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** add tick marks between steps */
-    withTickMarks: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** add step value to tickmark */
-    withTickMarksValues: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** add two handles */
-    withTwoHandles: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** change manually tickmark values */
-    customTickMarksValues: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** z index for thumb */
-    zIndex: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};