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

package/dist/esm/components/styled.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { TooltipContainer } from "@elliemae/ds-tooltip";
-const ThumbStyled = styled.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 = styled(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 = styled.div`
-  position: absolute;
-  width: 0;
-  height: 0;
-  top: 20px;
-  border-left: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;
-  border-right: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;
-
-  border-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid
-    ${(props) => props.theme.colors.neutral[0]};
-`;
-const LabelWrapper = styled.div`
-  margin-bottom: ${(props) => props.theme.space.xxs};
-  max-width: 100%;
-  width: ${(props) => `${props.width || 0}px`};
-`;
-const LabelText = styled.span`
-  color: ${(props) => props.theme.colors.neutral[600]};
-`;
-const ValueText = styled.span`
-  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};
-`;
-const StyledRangeWrapper = styled.div`
-  min-height: 28px;
-  margin: 0 10px;
-`;
-export {
-  LabelText,
-  LabelWrapper,
-  StyledRangeWrapper,
-  ThumbStyled,
-  TooltipArrow,
-  TooltipContainerStyled,
-  ValueText
-};
-//# sourceMappingURL=styled.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,cAAc,OAAO;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,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS7B,CAAC,EAAE,WAAW,gBAAiB,aAAa,YAAY,YAAY;AAAA;AAG7E,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,uBACrD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,qBAExD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,MACrE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrC,MAAM,eAAe,OAAO;AAAA,mBAChB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,WAErC,CAAC,UAAU,GAAG,MAAM,SAAS;AAAA;AAGjC,MAAM,YAAY,OAAO;AAAA,WACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,YAAY,OAAO;AAAA,WACrB,CAAC,EAAE,UAAU,YAAY,MAAM,OAAO,QAAQ,WAAW,MAAM;AAAA;AAGnE,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/components/utils.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { isEmpty } from "@elliemae/ds-utilities";
-const conformedLabel = (rangeValues, label = "", labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 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 = `${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 (!isEmpty(customTickMarksValues)) {
-    const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
-    msg += `${foundValue || rangeValues[index].toFixed(1)}`;
-  } else {
-    msg += `${rangeValues[index].toFixed(1)}`;
-  }
-  return msg;
-};
-export {
-  conformedLabel,
-  conformedThumbLabel
-};
-//# sourceMappingURL=utils.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AAEO,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,QAAQ,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,QAAQ,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": []
-}

package/dist/esm/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { default as default2 } from "./DSSlider";
-export * from "./DSSlider";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default } from './DSSlider';\nexport * from './DSSlider';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/dist/esm/prop-types.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-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 = {
-  containerProps: PropTypes.shape({}).description("props to inject to slider wrapper"),
-  disabled: PropTypes.bool.description("disable slider"),
-  label: PropTypes.string.description("label for slider"),
-  labelWithValue: PropTypes.bool.description("if the label comes with value attached for slider or not"),
-  minValue: PropTypes.number.description("min value for slider"),
-  maxValue: PropTypes.number.description("max value for slider"),
-  step: PropTypes.number.description("steps of values from min to max"),
-  onChange: PropTypes.func.description("change handler"),
-  withTickMarks: PropTypes.bool.description("add tick marks between steps"),
-  withTickMarksValues: PropTypes.bool.description("add step value to tickmark"),
-  withTwoHandles: PropTypes.bool.description("add two handles"),
-  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description("change manually tickmark values"),
-  zIndex: PropTypes.number.description("z index for thumb")
-};
-export {
-  defaultProps,
-  sliderPropTypes
-};
-//# sourceMappingURL=prop-types.js.map

package/dist/esm/prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const defaultProps = {\n  containerProps: {},\n  disabled: false,\n  label: '',\n  labelWithValue: false,\n  minValue: 0,\n  maxValue: 100,\n  step: 5,\n  onChange: () => {},\n  withTickMarks: false,\n  withTickMarksValues: false,\n  withTwoHandles: false,\n  customTickMarksValues: [],\n  zIndex: 0,\n};\n\nexport const sliderPropTypes = {\n  /** props to inject to slider wrapper */\n  containerProps: PropTypes.shape({}).description(\n    'props to inject to slider wrapper',\n  ),\n  /** disable slider */\n  disabled: PropTypes.bool.description('disable slider'),\n  /** label for slider */\n  label: PropTypes.string.description('label for slider'),\n  /** if the label comes with value attached for slider or not */\n  labelWithValue: PropTypes.bool.description(\n    'if the label comes with value attached for slider or not',\n  ),\n  /** min value for slider */\n  minValue: PropTypes.number.description('min value for slider'),\n  /** max value for slider */\n  maxValue: PropTypes.number.description('max value for slider'),\n  /** steps of values from min to max */\n  step: PropTypes.number.description('steps of values from min to max'),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler'),\n  /** add tick marks between steps */\n  withTickMarks: PropTypes.bool.description('add tick marks between steps'),\n  /** add step value to tickmark */\n  withTickMarksValues: PropTypes.bool.description('add step value to tickmark'),\n  /** add two handles */\n  withTwoHandles: PropTypes.bool.description('add two handles'),\n  /** change manually tickmark values */\n  customTickMarksValues: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  ).description('change manually tickmark values'),\n  /** z index for thumb */\n  zIndex: PropTypes.number.description('z index for thumb'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU,MAAM;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAE7B,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,gBAAgB,UAAU,KAAK,YAC7B;AAAA,EAGF,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,qBAAqB,UAAU,KAAK,YAAY;AAAA,EAEhD,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAE3C,uBAAuB,UAAU,QAC/B,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UACjD,YAAY;AAAA,EAEd,QAAQ,UAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}