@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/slider/SliderProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderProvider.js","names":["_react","_interopRequireDefault","require","_FormRowHelpers","_componentHelper","_Context","_SliderHelpers","_withSnakeCaseProps","_excluded","obj","__esModule","default","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","defaultProps","statusState","addTitle","subtractTitle","min","max","value","multiThumbBehavior","SliderContext","React","createContext","exports","SliderProvider","localProps","context","useContext","Context","allProps","convertSnakeCaseProps","extendPropsWithContext","skeleton","getTranslation","Slider","includeValidProps","FormRow","vertical","_id","useState","makeUniqueId","id","step","label","labelDirection","labelSrOnly","status","statusProps","statusNoAnimation","globalStatus","stretch","suffix","thumbTitle","title","hideButtons","numberFormat","tooltip","alwaysShowTooltip","disabled","className","onChange","onDragStart","onDragEnd","_vertical","reverse","_reverse","_value","children","_children","attributes","setValue","externValue","updateExternValue","realtimeValue","useRef","thumbState","setThumbState","thumbIndex","shouldAnimate","updateAnimateState","isVertical","isTrue","isReverse","isMulti","Array","isArray","setThumbIndex","index","isNaN","current","getAndUpdateCurrentIndex","currentValue","currentIndex","closestIndex","updateValue","emitChange","event","rawValue","numberValue","roundValue","multiValues","lower","upper","getUpdatedValues","number","getFormattedNumber","dispatchCustomElementEvent","useEffect","hasChanged","some","val","trackRef","animationTimeout","setShouldAnimate","state","clearTimeout","setTimeout","showStatus","getStatusState","showButtons","values","createElement","Provider"],"sources":["../../../../src/components/slider/SliderProvider.tsx"],"sourcesContent":["import React from 'react'\nimport { includeValidProps } from '../../components/form-row/FormRowHelpers'\nimport {\n  isTrue,\n  makeUniqueId,\n  dispatchCustomElementEvent,\n  getStatusState,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\n\nimport Context from '../../shared/Context'\nimport {\n  closestIndex,\n  getFormattedNumber,\n  getUpdatedValues,\n  roundValue,\n} from './SliderHelpers'\n\nimport type {\n  ValueTypes,\n  onChangeEventProps,\n  SliderAllProps,\n  SliderContextTypes,\n  ThumbStateEnums,\n} from './types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\n\nconst defaultProps = {\n  statusState: 'error',\n  addTitle: '+',\n  subtractTitle: '−',\n  min: 0,\n  max: 100,\n  value: -1,\n  multiThumbBehavior: 'swap',\n}\n\nexport const SliderContext = React.createContext<SliderContextTypes>(null)\n\nexport function SliderProvider(localProps: SliderAllProps) {\n  const context = React.useContext(Context)\n  const allProps = convertSnakeCaseProps(\n    extendPropsWithContext(\n      localProps,\n      defaultProps,\n      { skeleton: context?.skeleton },\n      context?.getTranslation(localProps).Slider,\n      includeValidProps(\n        context?.FormRow,\n\n        /**\n         * Exclude some props\n         */\n        {\n          vertical: null,\n        }\n      ),\n      context?.Slider\n    )\n  )\n\n  const [_id] = React.useState(makeUniqueId)\n  if (!allProps.id) {\n    allProps.id = _id\n  }\n\n  const {\n    step,\n    label, // eslint-disable-line\n    labelDirection, // eslint-disable-line\n    labelSrOnly, // eslint-disable-line\n    status, // eslint-disable-line\n    statusState, // eslint-disable-line\n    statusProps, // eslint-disable-line\n    statusNoAnimation, // eslint-disable-line\n    globalStatus, // eslint-disable-line\n    stretch, // eslint-disable-line\n    suffix, // eslint-disable-line\n    thumbTitle: title, // eslint-disable-line\n    subtractTitle, // eslint-disable-line\n    addTitle, // eslint-disable-line\n    hideButtons, // eslint-disable-line\n    multiThumbBehavior,\n    numberFormat,\n    tooltip, // eslint-disable-line\n    alwaysShowTooltip, // eslint-disable-line\n    skeleton,\n    max, // eslint-disable-line\n    min, // eslint-disable-line\n    disabled,\n    className, // eslint-disable-line\n    id, // eslint-disable-line\n    onChange,\n    onDragStart, // eslint-disable-line\n    onDragEnd, // eslint-disable-line\n    vertical: _vertical,\n    reverse: _reverse,\n    value: _value,\n    children: _children, // eslint-disable-line\n\n    ...attributes // Find a DOM element to forwards props too when multi buttons are supported\n  } = allProps\n\n  const [value, setValue] = React.useState<ValueTypes>(_value)\n  const [externValue, updateExternValue] =\n    React.useState<ValueTypes>(_value)\n  const realtimeValue = React.useRef<ValueTypes>(_value)\n  const [thumbState, setThumbState] =\n    React.useState<ThumbStateEnums>('initial')\n  const thumbIndex = React.useRef<number>(-1)\n  const [shouldAnimate, updateAnimateState] =\n    React.useState<boolean>(false)\n  const [isVertical] = React.useState(isTrue(_vertical))\n  const [isReverse] = React.useState(\n    isVertical ? !isTrue(_reverse) : isTrue(_reverse)\n  )\n  const isMulti = Array.isArray(value)\n  const setThumbIndex = (index: number) => {\n    if (!isNaN(index)) {\n      thumbIndex.current = index\n    }\n  }\n\n  const getAndUpdateCurrentIndex = (currentValue: number) => {\n    let currentIndex = null\n\n    if (thumbIndex.current > -1) {\n      currentIndex = thumbIndex.current\n    } else {\n      currentIndex = closestIndex(currentValue, value as Array<number>)\n      setThumbIndex(currentIndex)\n    }\n\n    return currentIndex\n  }\n\n  const updateValue = (value: ValueTypes) => {\n    setValue(value)\n    realtimeValue.current = value\n  }\n\n  const emitChange = (\n    event: MouseEvent | TouchEvent,\n    rawValue: number\n  ) => {\n    if (disabled || isTrue(skeleton)) {\n      return\n    }\n\n    let numberValue = roundValue(rawValue, step)\n    let multiValues: ValueTypes = numberValue\n\n    if (numberValue > -1) {\n      if (isMulti) {\n        const currentIndex = getAndUpdateCurrentIndex(numberValue)\n        const lower = realtimeValue.current[currentIndex - 1]\n        const upper = realtimeValue.current[currentIndex + 1]\n\n        if (multiThumbBehavior === 'omit') {\n          if (numberValue < lower) {\n            numberValue = lower\n          }\n          if (numberValue > upper) {\n            numberValue = upper\n          }\n        }\n\n        multiValues = getUpdatedValues(\n          multiThumbBehavior === 'push'\n            ? (realtimeValue.current as Array<number>)\n            : value,\n          currentIndex,\n          numberValue\n        )\n\n        if (multiThumbBehavior === 'push') {\n          if (typeof lower !== 'undefined' && numberValue < lower) {\n            multiValues[currentIndex - 1] = numberValue\n          }\n          if (typeof upper !== 'undefined' && numberValue >= upper) {\n            multiValues[currentIndex + 1] = numberValue\n          }\n        }\n\n        if (numberValue === realtimeValue.current[currentIndex]) {\n          return // stop here\n        }\n      } else if (numberValue === realtimeValue.current) {\n        return // stop here\n      }\n\n      if (typeof onChange === 'function') {\n        const obj: onChangeEventProps = {\n          value: multiValues,\n          rawValue,\n          event,\n          number: null,\n        }\n\n        if (numberFormat) {\n          obj.number = getFormattedNumber(numberValue, numberFormat).number\n        }\n\n        dispatchCustomElementEvent(allProps, 'onChange', obj)\n      }\n\n      updateValue(multiValues)\n    }\n  }\n\n  React.useEffect(() => {\n    if (isMulti) {\n      const hasChanged = (_value as Array<number>).some((val, i) => {\n        return val !== externValue[i]\n      })\n\n      if (hasChanged) {\n        updateValue(_value)\n        updateExternValue(_value)\n      }\n    } else if (_value !== externValue) {\n      updateValue(_value)\n      updateExternValue(_value)\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [_value, isMulti])\n\n  const trackRef = React.useRef<HTMLElement>()\n\n  const animationTimeout = React.useRef<NodeJS.Timeout>()\n  const setShouldAnimate = (state: boolean) => {\n    updateAnimateState(state)\n    clearTimeout(animationTimeout.current)\n    if (state) {\n      animationTimeout.current = setTimeout(\n        () => updateAnimateState(false),\n        250\n      )\n    }\n  }\n\n  const showStatus = getStatusState(status)\n  const showButtons = !isMulti && !isTrue(hideButtons)\n  const values = (isMulti ? value : [value]) as Array<number>\n\n  return (\n    <SliderContext.Provider\n      value={{\n        isMulti,\n        isReverse,\n        isVertical,\n        shouldAnimate,\n        value,\n        values,\n        setValue,\n        attributes,\n        showStatus,\n        showButtons,\n        thumbState,\n        setThumbState,\n        thumbIndex,\n        setThumbIndex,\n        emitChange,\n        allProps,\n        trackRef,\n        setShouldAnimate,\n        animationTimeout,\n      }}\n    >\n      {localProps.children}\n    </SliderContext.Provider>\n  )\n}\n"],"mappings":"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"}

package/cjs/components/slider/SliderThumb.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SliderThumb = SliderThumb;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _Tooltip = _interopRequireDefault(require("../tooltip/Tooltip"));
-
 var _useSliderEvents = require("./hooks/useSliderEvents");
-
 var _useSliderProps = require("./hooks/useSliderProps");
-
 var _SliderHelpers = require("./SliderHelpers");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function SliderThumb() {
   const {
     values
@@ -35,7 +25,6 @@ function SliderThumb() {
     });
   }));
 }
-
 function Thumb(_ref) {
   let {
     value,
@@ -65,11 +54,9 @@ function Thumb(_ref) {
   } = allProps;
   const index = thumbIndex.current;
   let percent = (0, _SliderHelpers.clamp)((value - min) * 100 / (max - min));
-
   if (isReverse) {
     percent = 100 - percent;
   }
-
   const style = {
     zIndex: index === currentIndex ? 4 : 3,
     [`${isVertical ? 'top' : 'left'}`]: `${percent}%`
@@ -78,23 +65,18 @@ function Thumb(_ref) {
     number,
     aria
   } = (0, _SliderHelpers.getFormattedNumber)(value, numberFormat);
-
   const [showTooltip, setShowTooltip] = _react.default.useState(false);
-
   const onMouseEnterHandler = () => {
     setShowTooltip(true);
   };
-
   const onMouseLeaveHandler = () => {
     setShowTooltip(false);
-
     try {
       elemRef.current.dispatchEvent(new Event('mouseleave'));
     } catch (e) {
       (0, _componentHelper.warn)(e);
     }
   };
-
   const {
     onThumbMouseDownHandler,
     onThumbMouseUpHandler,
@@ -102,28 +84,22 @@ function Thumb(_ref) {
     onHelperFocusHandler
   } = (0, _useSliderEvents.useSliderEvents)();
   const helperParams = {};
-
   if (label) {
     helperParams['aria-labelledby'] = (0, _componentHelper.combineLabelledBy)(helperParams, label ? id + '-label' : null);
   }
-
   if (showStatus || suffix) {
     helperParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(helperParams, showStatus ? id + '-status' : null, suffix ? id + '-suffix' : null);
   }
-
   const thumbParams = attributes;
-
   if (tooltip) {
     thumbParams.onMouseEnter = onMouseEnterHandler;
     thumbParams.onMouseLeave = onMouseLeaveHandler;
     thumbParams.onTouchStart = onMouseEnterHandler;
     thumbParams.onTouchEnd = onMouseLeaveHandler;
     helperParams.onBlur = onMouseLeaveHandler;
-
     helperParams.onFocus = event => {
       onHelperFocusHandler(event);
       onMouseEnterHandler();
-
       try {
         elemRef.current.dispatchEvent(new Event('mouseenter'));
       } catch (e) {
@@ -131,11 +107,8 @@ function Thumb(_ref) {
       }
     };
   }
-
   (0, _componentHelper.validateDOMAttributes)(allProps, thumbParams);
-
   const elemRef = _react.default.useRef();
-
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
     className: "dnb-slider__thumb",
     style: style
@@ -172,4 +145,5 @@ function Thumb(_ref) {
     showDelay: 1,
     hideDelay: 300
   }, number || value, shouldAnimate)));
-}
+}
+//# sourceMappingURL=SliderThumb.js.map

package/cjs/components/slider/SliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.js","names":["_react","_interopRequireDefault","require","_componentHelper","_Button","_Tooltip","_useSliderEvents","_useSliderProps","_SliderHelpers","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SliderThumb","values","useSliderProps","createElement","Fragment","map","value","Thumb","currentIndex","_ref","thumbIndex","isVertical","isReverse","showStatus","attributes","allProps","shouldAnimate","id","label","min","max","step","skeleton","disabled","suffix","numberFormat","tooltip","alwaysShowTooltip","index","current","percent","clamp","style","zIndex","number","aria","getFormattedNumber","showTooltip","setShowTooltip","React","useState","onMouseEnterHandler","onMouseLeaveHandler","elemRef","dispatchEvent","Event","e","warn","onThumbMouseDownHandler","onThumbMouseUpHandler","onHelperChangeHandler","onHelperFocusHandler","useSliderEvents","helperParams","combineLabelledBy","combineDescribedBy","thumbParams","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","onBlur","onFocus","event","validateDOMAttributes","useRef","className","type","onChange","onMouseDown","onMouseUp","undefined","element","variant","innerRef","targetElement","animatePosition","active","Boolean","showDelay","hideDelay"],"sources":["../../../../src/components/slider/SliderThumb.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  combineDescribedBy,\n  combineLabelledBy,\n  validateDOMAttributes,\n  warn,\n} from '../../shared/component-helper'\nimport Button from '../button/Button'\nimport Tooltip from '../tooltip/Tooltip'\nimport { useSliderEvents } from './hooks/useSliderEvents'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp, getFormattedNumber } from './SliderHelpers'\n\nexport function SliderThumb() {\n  const { values } = useSliderProps()\n\n  return (\n    <>\n      {values.map((value, i) => {\n        return <Thumb key={i} value={value} currentIndex={i} />\n      })}\n    </>\n  )\n}\n\ntype ThumbProps = {\n  value: number\n  currentIndex: number\n}\n\nfunction Thumb({ value, currentIndex }: ThumbProps) {\n  const {\n    thumbIndex,\n    isVertical,\n    isReverse,\n    showStatus,\n    attributes,\n    allProps,\n    shouldAnimate,\n  } = useSliderProps()\n\n  const {\n    id,\n    label,\n    min,\n    max,\n    step,\n    skeleton,\n    disabled,\n    suffix,\n    numberFormat,\n    tooltip,\n    alwaysShowTooltip,\n  } = allProps\n\n  const index = thumbIndex.current\n  let percent = clamp(((value - min) * 100) / (max - min))\n\n  if (isReverse) {\n    percent = 100 - percent\n  }\n\n  const style = {\n    zIndex: index === currentIndex ? 4 : 3,\n    [`${isVertical ? 'top' : 'left'}`]: `${percent}%`,\n  } as React.CSSProperties\n\n  const { number, aria } = getFormattedNumber(value, numberFormat)\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const onMouseEnterHandler = () => {\n    setShowTooltip(true)\n  }\n  const onMouseLeaveHandler = () => {\n    setShowTooltip(false)\n    try {\n      elemRef.current.dispatchEvent(new Event('mouseleave'))\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const {\n    onThumbMouseDownHandler,\n    onThumbMouseUpHandler,\n    onHelperChangeHandler,\n    onHelperFocusHandler,\n  } = useSliderEvents()\n\n  const helperParams: Record<string, unknown> = {}\n\n  if (label) {\n    helperParams['aria-labelledby'] = combineLabelledBy(\n      helperParams,\n      label ? id + '-label' : null\n    )\n  }\n\n  if (showStatus || suffix) {\n    helperParams['aria-describedby'] = combineDescribedBy(\n      helperParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n\n  const thumbParams = attributes as Record<string, unknown>\n\n  if (tooltip) {\n    thumbParams.onMouseEnter = onMouseEnterHandler\n    thumbParams.onMouseLeave = onMouseLeaveHandler\n    thumbParams.onTouchStart = onMouseEnterHandler\n    thumbParams.onTouchEnd = onMouseLeaveHandler\n    helperParams.onBlur = onMouseLeaveHandler\n    helperParams.onFocus = (event) => {\n      onHelperFocusHandler(event)\n      onMouseEnterHandler()\n      try {\n        elemRef.current.dispatchEvent(new Event('mouseenter'))\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n  validateDOMAttributes(allProps, thumbParams) // because we send along rest attributes\n\n  const elemRef = React.useRef<HTMLElement>()\n\n  return (\n    <>\n      <span className=\"dnb-slider__thumb\" style={style}>\n        <input\n          type=\"range\"\n          className=\"dnb-slider__button-helper\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={onHelperChangeHandler}\n          onFocus={onHelperFocusHandler}\n          onMouseDown={onThumbMouseDownHandler}\n          onMouseUp={onThumbMouseUpHandler}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-valuetext={aria ? aria : undefined}\n          aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n          data-index={currentIndex}\n          {...helperParams}\n        />\n\n        <Button\n          element=\"span\"\n          type=\"\" // avoid getting type=\"button\"\n          variant=\"secondary\"\n          disabled={disabled}\n          skeleton={skeleton}\n          innerRef={elemRef}\n          {...thumbParams}\n        />\n\n        {tooltip && (\n          <Tooltip\n            key={`group-${currentIndex}`}\n            targetElement={elemRef}\n            animatePosition={shouldAnimate}\n            active={Boolean(showTooltip || alwaysShowTooltip)}\n            showDelay={1}\n            hideDelay={300}\n          >\n            {number || value}\n            {\n              shouldAnimate /* Use \"shouldAnimate\" only in order to update the position after the thumb animation */\n            }\n          </Tooltip>\n        )}\n      </span>\n    </>\n  )\n}\n"],"mappings":"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"}

package/cjs/components/slider/SliderTrack.js

@@ -6,21 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.SliderMainTrack = SliderMainTrack;
 exports.SliderTrackAfter = SliderTrackAfter;
 exports.SliderTrackBefore = SliderTrackBefore;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _useSliderEvents = require("./hooks/useSliderEvents");
-
 var _useSliderProps = require("./hooks/useSliderProps");
-
 var _SliderHelpers = require("./SliderHelpers");
-
 var _span;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function SliderMainTrack(_ref) {
   let {
     children
@@ -37,14 +29,12 @@ function SliderMainTrack(_ref) {
     onTrackMouseDownHandler,
     removeEvents
   } = (0, _useSliderEvents.useSliderEvents)();
-
   _react.default.useEffect(() => {
     return () => {
       removeEvents();
       clearTimeout(animationTimeout.current);
     };
   }, []);
-
   const trackParams = {
     onTouchStart: onTrackMouseDownHandler,
     onMouseDown: onTrackMouseDownHandler
@@ -55,9 +45,7 @@ function SliderMainTrack(_ref) {
     className: "dnb-slider__track"
   }, trackParams), children);
 }
-
 const trackObj = [['right', 'left'], ['bottom', 'top']];
-
 function SliderTrackBefore() {
   const {
     values: origValues,
@@ -71,11 +59,9 @@ function SliderTrackBefore() {
   } = (0, _useSliderProps.useSliderProps)();
   const values = origValues.sort((a, b) => a - b);
   const isBetween = values.length >= 2;
-
   if (isBetween && values[0] > values[values.length - 1]) {
     values.reverse();
   }
-
   const index = thumbIndex.current;
   const upperValue = values[isBetween ? 0 : index > -1 ? index : 0];
   const upperPercent = isBetween ? (0, _SliderHelpers.clamp)((upperValue - min) * 100 / (max - min)) : 0;
@@ -90,9 +76,9 @@ function SliderTrackBefore() {
     style: style
   });
 }
-
 function SliderTrackAfter() {
   return _span || (_span = _react.default.createElement("span", {
     className: "dnb-slider__line dnb-slider__line__after"
   }));
-}
+}
+//# sourceMappingURL=SliderTrack.js.map

package/cjs/components/slider/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTrack.js","names":["_react","_interopRequireDefault","require","_useSliderEvents","_useSliderProps","_SliderHelpers","_span","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SliderMainTrack","_ref","children","allProps","trackRef","animationTimeout","useSliderProps","id","onTrackMouseDownHandler","removeEvents","useSliderEvents","React","useEffect","clearTimeout","current","trackParams","onTouchStart","onMouseDown","createElement","ref","className","trackObj","SliderTrackBefore","values","origValues","isVertical","isReverse","thumbIndex","min","max","sort","a","b","isBetween","reverse","index","upperValue","upperPercent","clamp","lowerValue","lowerPercent","units","style","SliderTrackAfter"],"sources":["../../../../src/components/slider/SliderTrack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react'\nimport { useSliderEvents } from './hooks/useSliderEvents'\nimport { useSliderProps } from './hooks/useSliderProps'\nimport { clamp } from './SliderHelpers'\n\nexport function SliderMainTrack({\n  children,\n}: {\n  children: React.ReactNode | React.ReactNode[]\n}) {\n  const { allProps, trackRef, animationTimeout } = useSliderProps()\n  const { id } = allProps\n  const { onTrackMouseDownHandler, removeEvents } = useSliderEvents()\n\n  React.useEffect(() => {\n    return () => {\n      removeEvents()\n      clearTimeout(animationTimeout.current)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const trackParams = {\n    onTouchStart: onTrackMouseDownHandler,\n    onMouseDown: onTrackMouseDownHandler,\n  }\n\n  return (\n    // @ts-ignore\n    <span\n      id={id}\n      ref={trackRef}\n      className=\"dnb-slider__track\"\n      {...trackParams}\n    >\n      {children}\n    </span>\n  )\n}\n\nconst trackObj = [\n  ['right', 'left'],\n  ['bottom', 'top'],\n]\n\nexport function SliderTrackBefore() {\n  const {\n    values: origValues,\n    isVertical,\n    isReverse,\n    thumbIndex,\n    allProps: { min, max },\n  } = useSliderProps()\n\n  const values = origValues.sort((a, b) => a - b)\n  const isBetween = values.length >= 2\n\n  if (isBetween && values[0] > values[values.length - 1]) {\n    values.reverse()\n  }\n\n  const index = thumbIndex.current\n  const upperValue = values[isBetween ? 0 : index > -1 ? index : 0]\n  const upperPercent = isBetween\n    ? clamp(((upperValue - min) * 100) / (max - min))\n    : 0\n\n  const lowerValue =\n    values[isBetween ? values.length - 1 : index > -1 ? index : 0]\n  const lowerPercent =\n    100 - clamp(((lowerValue - min) * 100) / (max - min))\n\n  const units = [\n    trackObj[isVertical ? 1 : 0][0],\n    trackObj[isVertical ? 1 : 0][1],\n  ]\n\n  const style: React.CSSProperties = {}\n  style[units[isReverse ? 1 : 0]] = `${lowerPercent}%`\n  style[units[isReverse ? 0 : 1]] = `${upperPercent}%`\n\n  return (\n    <span\n      className=\"dnb-slider__line dnb-slider__line__before\"\n      style={style}\n    />\n  )\n}\n\nexport function SliderTrackAfter() {\n  return <span className=\"dnb-slider__line dnb-slider__line__after\" />\n}\n"],"mappings":"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"}

package/cjs/components/slider/hooks/useSliderEvents.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSliderEvents = useSliderEvents;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _componentHelper = require("../../../shared/component-helper");
-
 var _SliderHelpers = require("../SliderHelpers");
-
 var _SliderProvider = require("../SliderProvider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function useSliderEvents() {
   const {
     isReverse,
@@ -26,32 +20,27 @@ function useSliderEvents() {
     setThumbIndex,
     allProps
   } = _react.default.useContext(_SliderProvider.SliderContext);
-
   const {
     min,
     max,
     onDragStart,
     onDragEnd
   } = allProps;
-
   const onTrackMouseDownHandler = event => {
     onThumbMouseDownHandler(event);
     const percent = (0, _SliderHelpers.calculatePercent)(trackRef.current, event, isVertical);
     emitChange(event, (0, _SliderHelpers.percentToValue)(percent, min, max, isReverse));
     setShouldAnimate(true);
   };
-
   const onThumbMouseDownHandler = event => {
     const target = event.target;
     setThumbIndex(parseFloat(target.dataset.index));
     setThumbState('activated');
-
     if (typeof onDragStart === 'function') {
       (0, _componentHelper.dispatchCustomElementEvent)(allProps, 'onDragStart', {
         event
       });
     }
-
     if (typeof document !== 'undefined') {
       try {
         document.body.addEventListener('touchmove', onBodyMouseMoveHandler);
@@ -63,11 +52,9 @@ function useSliderEvents() {
       }
     }
   };
-
   const onThumbMouseUpHandler = () => {
     setThumbState('released');
   };
-
   const removeEvents = () => {
     if (typeof document !== 'undefined') {
       try {
@@ -80,46 +67,37 @@ function useSliderEvents() {
       }
     }
   };
-
   const onBodyMouseUpHandler = event => {
     removeEvents();
     setThumbIndex(-1);
     setThumbState('normal');
-
     if (typeof onDragEnd === 'function') {
       (0, _componentHelper.dispatchCustomElementEvent)(allProps, 'onDragEnd', {
         event
       });
     }
   };
-
   const onBodyMouseMoveHandler = event => {
     event.preventDefault();
     let elem = trackRef.current;
-
     if (process.env.NODE_ENV === 'test') {
       elem = (0, _SliderHelpers.createMockDiv)(event.detail);
       event = event.detail;
     }
-
     if (elem) {
       const percent = (0, _SliderHelpers.calculatePercent)(elem, event, isVertical);
       emitChange(event, (0, _SliderHelpers.percentToValue)(percent, min, max, isReverse));
     }
-
     setShouldAnimate(false);
   };
-
   const onHelperChangeHandler = event => {
     const emitEvent = event;
     emitChange(emitEvent, parseFloat(event.currentTarget.value));
   };
-
   const onHelperFocusHandler = event => {
     const target = event.target;
     setThumbIndex(parseFloat(target.dataset.index));
   };
-
   return {
     onThumbMouseDownHandler,
     onThumbMouseUpHandler,
@@ -128,4 +106,5 @@ function useSliderEvents() {
     onHelperFocusHandler,
     removeEvents
   };
-}
+}
+//# sourceMappingURL=useSliderEvents.js.map

package/cjs/components/slider/hooks/useSliderEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderEvents.js","names":["_react","_interopRequireDefault","require","_componentHelper","_SliderHelpers","_SliderProvider","obj","__esModule","default","useSliderEvents","isReverse","emitChange","trackRef","isVertical","setShouldAnimate","setThumbState","setThumbIndex","allProps","React","useContext","SliderContext","min","max","onDragStart","onDragEnd","onTrackMouseDownHandler","event","onThumbMouseDownHandler","percent","calculatePercent","current","percentToValue","target","parseFloat","dataset","index","dispatchCustomElementEvent","document","body","addEventListener","onBodyMouseMoveHandler","onBodyMouseUpHandler","e","warn","onThumbMouseUpHandler","removeEvents","removeEventListener","preventDefault","elem","process","env","NODE_ENV","createMockDiv","detail","onHelperChangeHandler","emitEvent","currentTarget","value","onHelperFocusHandler"],"sources":["../../../../../src/components/slider/hooks/useSliderEvents.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react'\nimport {\n  dispatchCustomElementEvent,\n  warn,\n} from '../../../shared/component-helper'\nimport {\n  calculatePercent,\n  createMockDiv,\n  percentToValue,\n} from '../SliderHelpers'\nimport { SliderContext } from '../SliderProvider'\n\nexport function useSliderEvents() {\n  const {\n    isReverse,\n    emitChange,\n    trackRef,\n    isVertical,\n    setShouldAnimate,\n    setThumbState,\n    setThumbIndex,\n    allProps,\n  } = React.useContext(SliderContext)\n  const { min, max, onDragStart, onDragEnd } = allProps\n\n  const onTrackMouseDownHandler = (event: MouseEvent | TouchEvent) => {\n    onThumbMouseDownHandler(event)\n\n    const percent = calculatePercent(trackRef.current, event, isVertical)\n\n    emitChange(event, percentToValue(percent, min, max, isReverse))\n    setShouldAnimate(true)\n  }\n\n  const onThumbMouseDownHandler = (\n    event: MouseEvent | TouchEvent | React.SyntheticEvent\n  ) => {\n    const target = event.target as HTMLButtonElement\n\n    setThumbIndex(parseFloat(target.dataset.index))\n    setThumbState('activated')\n\n    if (typeof onDragStart === 'function') {\n      dispatchCustomElementEvent(allProps, 'onDragStart', {\n        event,\n      })\n    }\n\n    if (typeof document !== 'undefined') {\n      try {\n        document.body.addEventListener('touchmove', onBodyMouseMoveHandler)\n        document.body.addEventListener('touchend', onBodyMouseUpHandler)\n        document.body.addEventListener('mousemove', onBodyMouseMoveHandler)\n        document.body.addEventListener('mouseup', onBodyMouseUpHandler)\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  const onThumbMouseUpHandler = () => {\n    setThumbState('released')\n  }\n\n  const removeEvents = () => {\n    if (typeof document !== 'undefined') {\n      try {\n        document.body.removeEventListener(\n          'touchmove',\n          onBodyMouseMoveHandler\n        )\n        document.body.removeEventListener('touchend', onBodyMouseUpHandler)\n        document.body.removeEventListener(\n          'mousemove',\n          onBodyMouseMoveHandler\n        )\n        document.body.removeEventListener('mouseup', onBodyMouseUpHandler)\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  const onBodyMouseUpHandler = (event: MouseEvent | TouchEvent) => {\n    removeEvents()\n\n    setThumbIndex(-1)\n    setThumbState('normal')\n\n    if (typeof onDragEnd === 'function') {\n      dispatchCustomElementEvent(allProps, 'onDragEnd', {\n        event,\n      })\n    }\n  }\n\n  const onBodyMouseMoveHandler = (event: MouseEvent) => {\n    event.preventDefault() // ensures correct cursor in Safari (dekstop)\n\n    let elem = trackRef.current\n\n    // we have to mock this for jsdom.\n    if (process.env.NODE_ENV === 'test') {\n      // @ts-ignore\n      elem = createMockDiv(event.detail)\n      // @ts-ignore\n      event = event.detail\n    }\n\n    if (elem) {\n      const percent = calculatePercent(elem, event, isVertical)\n      emitChange(event, percentToValue(percent, min, max, isReverse))\n    }\n\n    setShouldAnimate(false)\n  }\n\n  const onHelperChangeHandler = (\n    event: React.FormEvent<HTMLInputElement>\n  ) => {\n    const emitEvent = event as unknown\n    emitChange(\n      emitEvent as MouseEvent,\n      parseFloat(event.currentTarget.value)\n    )\n  }\n\n  const onHelperFocusHandler = (\n    event: React.FormEvent<HTMLInputElement>\n  ) => {\n    const target = event.target as HTMLInputElement\n    setThumbIndex(parseFloat(target.dataset.index))\n  }\n\n  return {\n    onThumbMouseDownHandler,\n    onThumbMouseUpHandler,\n    onTrackMouseDownHandler,\n    onHelperChangeHandler,\n    onHelperFocusHandler,\n    removeEvents,\n  }\n}\n"],"mappings":"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"}

package/cjs/components/slider/hooks/useSliderProps.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSliderProps = useSliderProps;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _SliderProvider = require("../SliderProvider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function useSliderProps() {
   return _react.default.useContext(_SliderProvider.SliderContext);
-}
+}
+//# sourceMappingURL=useSliderProps.js.map

package/cjs/components/slider/hooks/useSliderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderProps.js","names":["_react","_interopRequireDefault","require","_SliderProvider","obj","__esModule","default","useSliderProps","React","useContext","SliderContext"],"sources":["../../../../../src/components/slider/hooks/useSliderProps.tsx"],"sourcesContent":["import React from 'react'\nimport { SliderContext } from '../SliderProvider'\n\nexport function useSliderProps() {\n  return React.useContext(SliderContext)\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1C,SAASG,cAAcA,CAAA,EAAG;EAC/B,OAAOC,cAAK,CAACC,UAAU,CAACC,6BAAa,CAAC;AACxC"}

package/cjs/components/slider/index.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _Slider = _interopRequireWildcard(require("./Slider"));
-
 Object.keys(_Slider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -19,10 +17,8 @@ Object.keys(_Slider).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _Slider.default;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/cjs/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Slider","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set","_default","Slider"],"sources":["../../../../src/components/slider/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Slider from './Slider'\nexport default Slider\nexport * from './Slider'\n"],"mappings":";;;;;;;AAKA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAAA,IAAAK,QAAA,GADTC,eAAM;AAAApB,OAAA,CAAAW,OAAA,GAAAQ,QAAA"}

package/cjs/components/slider/style/index.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-slider.min.css");
+require("./dnb-slider.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/components/slider/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../src/components/slider/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-slider.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/slider/style/themes/ui.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-slider-theme-ui.min.css");
+require("./dnb-slider-theme-ui.min.css");
+//# sourceMappingURL=ui.js.map

package/cjs/components/slider/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":["require"],"sources":["../../../../../../src/components/slider/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-slider-theme-ui.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/slider/style.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./style/dnb-slider.min.css");
+require("./style/dnb-slider.min.css");
+//# sourceMappingURL=style.js.map

package/cjs/components/slider/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../src/components/slider/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-slider.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/slider/types.d.ts

@@ -6,15 +6,15 @@ import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps';
 import type { SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
 import type { GlobalStatusConfigObject } from '../GlobalStatus';
-export declare type ValueTypes = number | Array<number>;
-export declare type NumberFormatTypes = formatOptionParams | ((value: number) => unknown);
-export declare type onChangeEventProps = {
+export type ValueTypes = number | Array<number>;
+export type NumberFormatTypes = formatOptionParams | ((value: number) => unknown);
+export type onChangeEventProps = {
     value: ValueTypes;
     rawValue: number;
     number?: formatReturnType | null;
     event?: Event;
 };
-export declare type SliderProps = IncludeSnakeCase<{
+export type SliderProps = IncludeSnakeCase<{
     /** prepends the Form Label component. If no ID is provided, a random ID is created. */
     label?: React.ReactNode;
     /** use `labelDirection="vertical"` to change the label layout direction. Defaults to `horizontal`. */
@@ -79,9 +79,9 @@ export declare type SliderProps = IncludeSnakeCase<{
     }) => void;
     children?: React.ReactChild;
 }>;
-export declare type SliderAllProps = SliderProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>;
-export declare type ThumbStateEnums = 'initial' | 'normal' | 'activated' | 'released';
-export declare type SliderContextTypes = {
+export type SliderAllProps = SliderProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>;
+export type ThumbStateEnums = 'initial' | 'normal' | 'activated' | 'released';
+export type SliderContextTypes = {
     isMulti: boolean;
     isReverse: boolean;
     isVertical: boolean;

package/cjs/components/slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/slider/types.ts"],"sourcesContent":["import React from 'react'\n\nimport type { SuffixChildren } from '../../shared/helpers/Suffix'\nimport type {\n  formatReturnType,\n  formatOptionParams,\n} from '../number-format/NumberUtils'\nimport { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { GlobalStatusConfigObject } from '../GlobalStatus'\n\nexport type ValueTypes = number | Array<number>\nexport type NumberFormatTypes =\n  | formatOptionParams\n  | ((value: number) => unknown)\nexport type onChangeEventProps = {\n  value: ValueTypes\n  rawValue: number\n  number?: formatReturnType | null\n  event?: Event\n}\n\nexport type SliderProps = IncludeSnakeCase<{\n  /** prepends the Form Label component. If no ID is provided, a random ID is created. */\n  label?: React.ReactNode\n\n  /** use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`. */\n  labelDirection?: 'vertical' | 'horizontal'\n\n  /** use `true` to make the label only readable by screen readers. */\n  labelSrOnly?: boolean\n\n  /** text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message. */\n  status?: string | boolean\n\n  /** defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`. */\n  statusState?: 'error' | 'info'\n\n  /** use an object to define additional FormStatus properties. */\n  statusProps?: Record<string, unknown>\n  statusNoAnimation?: boolean\n\n  /** the `status_id` used for the target [GlobalStatus](/uilib/components/global-status). */\n  globalStatus?: GlobalStatusConfigObject\n\n  /** text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component. */\n  suffix?: SuffixChildren\n\n  /** give the slider thumb button a title for accessibility reasons. Defaults to `null`. */\n  thumbTitle?: string\n\n  /** give the add button a title for accessibility reasons. Defaults to `+`. */\n  addTitle?: string\n\n  /** give the subtract button a title for accessibility reasons. Defaults to `−`. */\n  subtractTitle?: string\n\n  /** the minimum value. Defaults to `0`. */\n  min?: number\n\n  /** the maximum value. Defaults to `100`. */\n  max?: number\n\n  /** the `value` of the slider as a number. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multible thumbs). */\n  value?: ValueTypes\n\n  /** the steps the slider takes on changing the value. Defaults to `null`. */\n  step?: number\n\n  /** show the slider vertically. Defaults to `false`. */\n  vertical?: boolean\n\n  /** show the slider reversed. Defaults to `false`. */\n  reverse?: boolean\n\n  /** if set to `true`, then the slider will be 100% in `width`. */\n  stretch?: boolean\n\n  /** provide a function callback or use the options from the [NumberFormat](/uilib/components/number-format/properties) component. It will show a formatted number in the Tooltip (`tooltip={true}`) and enhance the screen reader UX. It will also extend the `onChange` event return object with a formatted `number` property. */\n  numberFormat?: NumberFormatTypes\n\n  /** use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value. Defaults to `null`. */\n  tooltip: boolean\n\n  /** use `true` to always show the tooltip, in addition to the `tooltip` property.  */\n  alwaysShowTooltip: boolean\n\n  /** removes the helper buttons. Defaults to `false`. */\n  hideButtons?: boolean\n\n  /** use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`. */\n  multiThumbBehavior?: 'swap' | 'omit' | 'push'\n\n  /** if set to `true`, an overlaying skeleton with animation will be shown. */\n  skeleton?: SkeletonShow\n\n  id?: string\n  disabled?: boolean\n  className?: string\n\n  /**  will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`. */\n  onChange?: (props: onChangeEventProps) => void\n\n  /** will be called once the user stops dragging. Returns `{ event }`. */\n  onDragStart?: (props: { event: MouseEvent | TouchEvent }) => void\n\n  /** will be called once the user starts dragging. Returns `{ event }`. */\n  onDragEnd?: (props: { event: MouseEvent | TouchEvent }) => void\n\n  children?: React.ReactChild\n}>\n\nexport type SliderAllProps = SliderProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>\n\nexport type ThumbStateEnums =\n  | 'initial'\n  | 'normal'\n  | 'activated'\n  | 'released'\n\nexport type SliderContextTypes = {\n  isMulti: boolean\n  isReverse: boolean\n  isVertical: boolean\n  shouldAnimate: boolean\n  thumbState: ThumbStateEnums\n  thumbIndex: React.RefObject<number>\n  showStatus: boolean\n  showButtons: boolean\n  attributes: unknown\n  allProps: SliderProps\n  value: ValueTypes\n  values: Array<number>\n  setValue: (value: ValueTypes) => void\n  setThumbState: (thumbState: ThumbStateEnums) => void\n  setThumbIndex: (thumbIndex: number) => void\n  emitChange: (emitEvent: MouseEvent | TouchEvent, value: number) => void\n  trackRef: React.RefObject<HTMLElement>\n  setShouldAnimate: (state: boolean) => void\n  animationTimeout: React.RefObject<NodeJS.Timeout>\n}\n"],"mappings":""}

package/cjs/components/space/Space.d.ts

@@ -8,7 +8,7 @@ import { spacingPropTypes } from './SpacingHelper';
 import type { DynamicElement, SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
 export { spacingPropTypes };
-export declare type SpaceProps = {
+export type SpaceProps = {
     /**
      * Defines the HTML element used.
      * Default: div
@@ -40,28 +40,28 @@ export declare type SpaceProps = {
      */
     innerRef?: React.RefObject<HTMLElement>;
 } & SpacingProps;
-export declare type SpaceAllProps = SpaceProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
+export type SpaceAllProps = SpaceProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
 export default class Space extends React.PureComponent<SpaceAllProps | React.HTMLProps<HTMLElement>> {
     static contextType: React.Context<import("../../shared/Context").ContextProps>;
     static propTypes: {
-        stretch: PropTypes.Requireable<string | boolean>;
-        skeleton: PropTypes.Requireable<string | boolean>;
+        stretch: PropTypes.Requireable<NonNullable<string | boolean>>;
+        skeleton: PropTypes.Requireable<NonNullable<string | boolean>>;
         innerRef: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
-        element: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        inline: PropTypes.Requireable<string | boolean>;
-        no_collapse: PropTypes.Requireable<string | boolean>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        space: PropTypes.Requireable<NonNullable<string | number | boolean | PropTypes.InferProps<{
+            top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+            right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+            bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+            left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+        }>>>;
+        top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+        right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+        bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+        left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
+        element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        inline: PropTypes.Requireable<NonNullable<string | boolean>>;
+        no_collapse: PropTypes.Requireable<NonNullable<string | boolean>>;
     };
     static defaultProps: {
         stretch: any;