@pedidopago/ui 1.12.23 → 1.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Carousel/contexts/carousel-context/constants.d.ts +2 -0
- package/dist/components/Carousel/contexts/carousel-context/constants.d.ts.map +1 -0
- package/dist/components/Carousel/contexts/carousel-context/constants.js +1 -0
- package/dist/components/Carousel/contexts/carousel-context/index.d.ts.map +1 -1
- package/dist/components/Carousel/contexts/carousel-context/index.js +7 -2
- package/dist/components/Slider/components/SliderSelector.d.ts +2 -0
- package/dist/components/Slider/components/SliderSelector.d.ts.map +1 -1
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +1 -1
- package/dist/components/Slider/styles.d.ts +15 -3
- package/dist/components/Slider/styles.d.ts.map +1 -1
- package/dist/components/Slider/styles.js +1 -1
- package/dist/components/Slider/types.d.ts +3 -0
- package/dist/components/Slider/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/contexts/carousel-context/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MIN_OFFSET_TO_BEGIN_DRAG=void 0;var MIN_OFFSET_TO_BEGIN_DRAG=20;exports.MIN_OFFSET_TO_BEGIN_DRAG=MIN_OFFSET_TO_BEGIN_DRAG;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/contexts/carousel-context/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/contexts/carousel-context/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAUtF,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKtE,eAAO,MAAM,eAAe,+CAAkE,CAAC;AAE/F,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,SAAS,EAAE,UAAkB,GAC9B,EAAE,iBAAiB,GAAG,qBAAqB,eAsW3C"}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselContext=void 0,exports.CarouselProvider=CarouselProvider;var _react=require("react"),_useDebounce=require("../../../../shared/hooks/useDebounce"),_interval=require("../../../../shared/hooks/interval"),_arrays=require("../../../../utils/arrays"),_jsxRuntime=require("react/jsx-runtime");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselContext=void 0,exports.CarouselProvider=CarouselProvider;var _react=require("react"),_useDebounce=require("../../../../shared/hooks/useDebounce"),_interval=require("../../../../shared/hooks/interval"),_arrays=require("../../../../utils/arrays"),_constants=require("./constants"),_jsxRuntime=require("react/jsx-runtime");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}// Libs
|
|
2
|
+
// Hooks
|
|
3
|
+
// Utils
|
|
4
|
+
// Types
|
|
5
|
+
// Constants
|
|
6
|
+
var CarouselContext=/*#__PURE__*/(0,_react.createContext)({});exports.CarouselContext=CarouselContext;function CarouselProvider(_ref){function getSliderInfo(){var container=sliderRef.current,arrayOfChildren=Array.from(container.childNodes),positions=arrayOfChildren.map(function(data,index){return{offsetPosition:data.offsetLeft,offsetPositionPercent:data.offsetLeft-.3*data.offsetLeft,position:index+1}});return{container:container,positions:positions}}function navigateToScroll(scrollPosition){var sliderInfo=getSliderInfo();sliderInfo.container&&sliderInfo.container.scrollTo({behavior:"smooth",left:scrollPosition})}function hideRightButton(hide){rightButtonRef.current&&(hide?rightButtonRef.current.classList.add("hide"):rightButtonRef.current.classList.remove("hide"))}function hideLeftButton(hide){leftButtonRef.current&&(hide?leftButtonRef.current.classList.add("hide"):leftButtonRef.current.classList.remove("hide"))}function handleHideButtons(){var sliderInfo=getSliderInfo();if(sliderInfo.container){var maxScroll=sliderInfo.container.scrollWidth-sliderInfo.container.clientWidth,isEndOfScroll=sliderInfo.container.scrollLeft>=maxScroll;isMaxScroll.current=isEndOfScroll,hideRightButton(currentActive===sliderInfo.positions.length),hideLeftButton(0===sliderInfo.container.scrollLeft)}}function beginMomentumTracking(){cancelMomentumTracking(),momentumID=requestAnimationFrame(momentumLoop),delayAutoExec&&setDelay(delayAutoExec)}function cancelMomentumTracking(){cancelAnimationFrame(momentumID)}function onMomentumEnd(){if(autoAdjust){var sliderInfo=getSliderInfo(),scrollLeft=null===sliderInfo||void 0===sliderInfo?void 0:sliderInfo.container.scrollLeft,containerWidth=null===sliderInfo||void 0===sliderInfo?void 0:sliderInfo.container.offsetWidth,maxVisibleWidth=0,activeIndex=-1;sliderInfo.positions.forEach(function(position,index){var start=position.offsetPosition,end=index<sliderInfo.positions.length-1?sliderInfo.positions[index+1].offsetPosition:sliderInfo.container.scrollWidth,visibleWidth=Math.min(end,scrollLeft+containerWidth)-Math.max(start,scrollLeft);visibleWidth>maxVisibleWidth&&(maxVisibleWidth=visibleWidth,activeIndex=index)}),-1!==activeIndex&&changeCurrent(activeIndex+1)}handleHideButtons()}function checkForScrollEnd(){var _sliderRef$current;if(sliderRef.current){var currentScrollPosition=null===(_sliderRef$current=sliderRef.current)||void 0===_sliderRef$current?void 0:_sliderRef$current.scrollLeft;currentScrollPosition===lastScrollPosition.current?onMomentumEnd():lastScrollPosition.current=currentScrollPosition}}function setScrollEndTimer(){clearTimeout(scrollEndTimer.current),scrollEndTimer.current=setTimeout(checkForScrollEnd,150)}function momentumLoop(){var sliderInfo=getSliderInfo();if(sliderInfo.container){var _sliderInfo$container;sliderInfo.container.scrollLeft+=2*velX,velX*=.95;var disableMomentum=isMaxScroll.current||0===(null===(_sliderInfo$container=sliderInfo.container)||void 0===_sliderInfo$container?void 0:_sliderInfo$container.scrollLeft);.75<Math.abs(velX)&&!disableMomentum?(hideLeftButton(!0),hideRightButton(!0),momentumID=requestAnimationFrame(momentumLoop)):onMomentumEnd()}}function scrollByIndex(index){var position=getSliderInfo().positions.find(function(data){return data.position===index});position&&navigateToScroll(position.offsetPosition)}function changeCurrent(index){var sliderInfo=getSliderInfo();0>=index||index>sliderInfo.positions.length||scrollByIndex(index)}var momentumID,children=_ref.children,delayAutoExec=_ref.delayAutoExec,_ref$autoAlign=_ref.autoAlign,autoAdjust=void 0!==_ref$autoAlign&&_ref$autoAlign,isDragging=(0,_react.useRef)(!1),startX=(0,_react.useRef)(0),initialScrollLeft=(0,_react.useRef)(0),velX=0,mousePositionWhenMouseDown=(0,_react.useRef)(0),sliderRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(1),_useState2=_slicedToArray(_useState,2),currentActive=_useState2[0],setCurrentActive=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),itemsHasNoOverflow=_useState4[0],setItemsHasNoOverflow=_useState4[1],_useState5=(0,_react.useState)(delayAutoExec),_useState6=_slicedToArray(_useState5,2),delay=_useState6[0],setDelay=_useState6[1],rightButtonRef=(0,_react.useRef)(null),leftButtonRef=(0,_react.useRef)(null),isMaxScroll=(0,_react.useRef)(!1),lastScrollPosition=(0,_react.useRef)(0),scrollEndTimer=(0,_react.useRef)(),activeControlByScroll=(0,_useDebounce.useDebounce)(function(){var sliderInfo=getSliderInfo(),active=(0,_arrays.findLastIndex)(sliderInfo.positions,function(position){return position.offsetPosition<=sliderInfo.container.scrollLeft+20});// need to add a offset to scrollLeft because the scrollLeft
|
|
2
7
|
// is a little bit less than the offset position in some cases
|
|
3
|
-
setCurrentActive(active+1)},100);return(0,_interval.useInterval)(function(){var sliderInfo=getSliderInfo();return currentActive===sliderInfo.positions.length?void changeCurrent(1):void changeCurrent(currentActive+1)},delay),(0,_react.useEffect)(function(){return function(){autoAdjust&&clearTimeout(scrollEndTimer.current)}},[]),/*#__PURE__*/(0,_jsxRuntime.jsx)(CarouselContext.Provider,{value:{currentActive:currentActive,leftButtonRef:leftButtonRef,rightButtonRef:rightButtonRef,itemsHasNoOverflow:itemsHasNoOverflow,sliderRef:sliderRef,changeCurrent:changeCurrent,handleScroll:function(event){var _document$activeEleme,_document$activeEleme2;autoAdjust&&(lastScrollPosition.current=event.currentTarget.scrollLeft,setScrollEndTimer());var element=event.currentTarget,maxScroll=element.scrollWidth-element.clientWidth,isEndOfScroll=element.scrollLeft>=maxScroll;isMaxScroll.current=!1;var isActiveLeftButton=leftButtonRef.current!==(null===(_document$activeEleme=document.activeElement)||void 0===_document$activeEleme?void 0:_document$activeEleme.parentElement),isActiveRightButton=rightButtonRef.current!==(null===(_document$activeEleme2=document.activeElement)||void 0===_document$activeEleme2?void 0:_document$activeEleme2.parentElement);setItemsHasNoOverflow(!!isEndOfScroll),activeControlByScroll(),isEndOfScroll?(isMaxScroll.current=!0,setTimeout(function(){return hideRightButton(isActiveRightButton)},1e3)):setTimeout(function(){return hideRightButton(!1)},1e3),0===element.scrollLeft?hideLeftButton(isActiveLeftButton):hideLeftButton(!1)},handleMouseUp:function(event){var sliderInfo=getSliderInfo();isDragging.current=!1;var targets=event.currentTarget.childNodes;if(targets.forEach(function(item){item.style.pointerEvents="auto"}),sliderInfo.container){hideLeftButton(!1),beginMomentumTracking(),hideRightButton(isMaxScroll.current);var isStartOfScroll=0===sliderInfo.container.scrollLeft;hideLeftButton(isStartOfScroll)}},handleEnter:function(){setDelay(0)},handleMouseMove:function(e){var sliderInfo=getSliderInfo();if(isDragging.current){e.preventDefault();var targets=e.currentTarget.childNodes;if(targets.forEach(function(item){item.style.pointerEvents="none"}),sliderInfo.container){hideRightButton(!0),hideLeftButton(!0);var x=e.pageX-sliderInfo.container.offsetLeft,walk=x-startX.current,prevScrollLeft=sliderInfo.container.scrollLeft;sliderInfo.container.scrollLeft=initialScrollLeft.current-walk,velX=sliderInfo.container.scrollLeft-prevScrollLeft}}},handleWheel:function(){cancelMomentumTracking()},handleMouseDown:function(event){var sliderInfo=getSliderInfo();
|
|
8
|
+
setCurrentActive(active+1)},100);return(0,_interval.useInterval)(function(){var sliderInfo=getSliderInfo();return currentActive===sliderInfo.positions.length?void changeCurrent(1):void changeCurrent(currentActive+1)},delay),(0,_react.useEffect)(function(){return function(){autoAdjust&&clearTimeout(scrollEndTimer.current)}},[]),/*#__PURE__*/(0,_jsxRuntime.jsx)(CarouselContext.Provider,{value:{currentActive:currentActive,leftButtonRef:leftButtonRef,rightButtonRef:rightButtonRef,itemsHasNoOverflow:itemsHasNoOverflow,sliderRef:sliderRef,changeCurrent:changeCurrent,handleScroll:function(event){var _document$activeEleme,_document$activeEleme2;autoAdjust&&(lastScrollPosition.current=event.currentTarget.scrollLeft,setScrollEndTimer());var element=event.currentTarget,maxScroll=element.scrollWidth-element.clientWidth,isEndOfScroll=element.scrollLeft>=maxScroll;isMaxScroll.current=!1;var isActiveLeftButton=leftButtonRef.current!==(null===(_document$activeEleme=document.activeElement)||void 0===_document$activeEleme?void 0:_document$activeEleme.parentElement),isActiveRightButton=rightButtonRef.current!==(null===(_document$activeEleme2=document.activeElement)||void 0===_document$activeEleme2?void 0:_document$activeEleme2.parentElement);setItemsHasNoOverflow(!!isEndOfScroll),activeControlByScroll(),isEndOfScroll?(isMaxScroll.current=!0,setTimeout(function(){return hideRightButton(isActiveRightButton)},1e3)):setTimeout(function(){return hideRightButton(!1)},1e3),0===element.scrollLeft?hideLeftButton(isActiveLeftButton):hideLeftButton(!1)},handleMouseUp:function(event){var sliderInfo=getSliderInfo();isDragging.current=!1;var targets=event.currentTarget.childNodes;if(targets.forEach(function(item){item.style.userSelect="auto",item.style.pointerEvents="auto"}),sliderInfo.container){hideLeftButton(!1),beginMomentumTracking(),hideRightButton(isMaxScroll.current);var isStartOfScroll=0===sliderInfo.container.scrollLeft;hideLeftButton(isStartOfScroll)}},handleEnter:function(){setDelay(0)},handleMouseMove:function(e){var sliderInfo=getSliderInfo(),mousePosition=e.pageX-sliderInfo.container.offsetLeft,differenceBetweenInitialAndCurrentMousePosition=mousePosition-startX.current,shouldScroll=Math.abs(differenceBetweenInitialAndCurrentMousePosition)>_constants.MIN_OFFSET_TO_BEGIN_DRAG;if(isDragging.current&&shouldScroll){e.preventDefault();var targets=e.currentTarget.childNodes;if(targets.forEach(function(item){var node=item;node.style.pointerEvents="none",node.style.userSelect="none",node.draggable=!1}),sliderInfo.container){hideRightButton(!0),hideLeftButton(!0);var x=e.pageX-sliderInfo.container.offsetLeft,walk=x-startX.current,prevScrollLeft=sliderInfo.container.scrollLeft;sliderInfo.container.scrollLeft=initialScrollLeft.current-walk,velX=sliderInfo.container.scrollLeft-prevScrollLeft}}},handleWheel:function(){cancelMomentumTracking()},handleMouseDown:function(event){var sliderInfo=getSliderInfo();mousePositionWhenMouseDown.current=event.pageX,isDragging.current=!0,sliderInfo.container&&(startX.current=event.pageX-sliderInfo.container.offsetLeft,initialScrollLeft.current=sliderInfo.container.scrollLeft,cancelMomentumTracking())},moveCarousel:function(direction){var sliderInfo=getSliderInfo();if(sliderInfo.container){var nextPosition=currentActive+1;switch(hideRightButton(!1),hideLeftButton(!1),direction){case"left":changeCurrent(currentActive-1||1);break;case"right":changeCurrent(nextPosition),nextPosition===sliderInfo.positions.length&&hideRightButton(!0);break;default:throw new Error("Invalid direction");}}},handleMouseLeave:function(){isDragging.current=!1,setDelay(delayAutoExec),handleHideButtons()},beginMomentumTracking:beginMomentumTracking,hideLeftButton:hideLeftButton,hideRightButton:hideRightButton},children:children})}
|
|
@@ -11,6 +11,8 @@ export declare const SliderSelector: import("react").MemoExoticComponent<import(
|
|
|
11
11
|
sizeSlider?: "sm" | "md" | "lg" | undefined;
|
|
12
12
|
direction?: "horizontal" | "vertical" | undefined;
|
|
13
13
|
valueLabelDisplay?: "auto" | (string & {}) | "off" | "%v" | undefined;
|
|
14
|
+
captionComponentProps?: import("../../Typography/types").TypographyProps | undefined;
|
|
15
|
+
renderCaptionText?: ((value: string | number) => string) | undefined;
|
|
14
16
|
} & {
|
|
15
17
|
valueSliderSelector: number | number[];
|
|
16
18
|
onChangeSliderSelector: (percentage: number, index?: number | undefined) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AA8Of,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"SliderSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AA8Of,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;6FAAiB,CAAC"}
|
|
@@ -11,6 +11,8 @@ declare const Slider: import("react").ForwardRefExoticComponent<{
|
|
|
11
11
|
sizeSlider?: "sm" | "md" | "lg" | undefined;
|
|
12
12
|
direction?: "horizontal" | "vertical" | undefined;
|
|
13
13
|
valueLabelDisplay?: "auto" | (string & {}) | "off" | "%v" | undefined;
|
|
14
|
+
captionComponentProps?: import("../Typography/types").TypographyProps | undefined;
|
|
15
|
+
renderCaptionText?: ((value: string | number) => string) | undefined;
|
|
14
16
|
} & {
|
|
15
17
|
valueSlider: number | number[];
|
|
16
18
|
onChangeSlider: (value: number | number[], index?: number | undefined) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;4FAiHX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_formatNumber=require("../../shared/formatters/format-number"),_Flex=_interopRequireDefault(require("../Flex")),_SliderSelector=require("./components/SliderSelector"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSlider","onChangeSlider","step","maxValue","minValue","fullSize","direction","valueLabelDisplay","minMaxFormat"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Slider=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var valueSlider=_ref.valueSlider,onChangeSlider=_ref.onChangeSlider,_ref$step=_ref.step,step=void 0===_ref$step?1:_ref$step,_ref$maxValue=_ref.maxValue,maxValue=void 0===_ref$maxValue?100:_ref$maxValue,_ref$minValue=_ref.minValue,minValue=void 0===_ref$minValue?0:_ref$minValue,fullSize=_ref.fullSize,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"horizontal":_ref$direction,_ref$valueLabelDispla=_ref.valueLabelDisplay,valueLabelDisplay=void 0===_ref$valueLabelDispla?"off":_ref$valueLabelDispla,_ref$minMaxFormat=_ref.minMaxFormat,minMaxFormat=void 0===_ref$minMaxFormat?"number":_ref$minMaxFormat,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(valueSlider),_useState2=_slicedToArray(_useState,2),sliderValue=_useState2[0],setSliderValue=_useState2[1],sliderRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){setSliderValue(valueSlider)},[valueSlider]),(0,_react.useImperativeHandle)(ref,function(){return sliderRef.current});var _minMaxFormatter=function minMaxFormatter(){return"currency-BRL"===minMaxFormat?{min:(0,_formatNumber.formatCurrency)({amount:minValue}),max:(0,_formatNumber.formatCurrency)({amount:maxValue})}:"percentage"===minMaxFormat?{min:"".concat(minValue,"%"),max:"".concat(maxValue,"%")}:{min:minValue,max:maxValue}}(),formattedMin=_minMaxFormatter.min,formattedMax=_minMaxFormatter.max;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderContent,{direction:direction,fullSize:fullSize,size:rest.sizeSlider,disabled:rest.disabled,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"vertical"===direction?"column-reverse":"row",justifyContent:"space-between",alignItems:"flex-end",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderExtremesText,{children:formattedMin}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderExtremesText,{children:formattedMax})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderSelector.SliderSelector,_objectSpread({ref:sliderRef,valueSliderSelector:sliderValue,minValue:minValue,maxValue:maxValue,step:step,onChangeSliderSelector:function(percent,index){var _sliderRef$current,value=Math.round((percent*(maxValue-minValue)+minValue)/step)*step,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");if(Array.isArray(sliderValue)){var _nativeInputValueSett,newValues=_toConsumableArray(sliderValue);newValues[index||0]=value>maxValue?maxValue:value<minValue?minValue:value,setSliderValue(newValues),null===onChangeSlider||void 0===onChangeSlider?void 0:onChangeSlider(newValues),null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(sliderRef.current,newValues)}else{var _nativeInputValueSett2;setSliderValue(value>maxValue?maxValue:value<minValue?minValue:value),null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett2=nativeInputValueSetter.set)||void 0===_nativeInputValueSett2?void 0:_nativeInputValueSett2.call(sliderRef.current,value),null===onChangeSlider||void 0===onChangeSlider?void 0:onChangeSlider(value)}var event=new Event("input",{bubbles:!0});null===sliderRef||void 0===sliderRef||null===(_sliderRef$current=sliderRef.current)||void 0===_sliderRef$current?void 0:_sliderRef$current.dispatchEvent(event)},direction:direction,valueLabelDisplay:valueLabelDisplay},rest))]})}),_default=Slider;exports.default=_default,Slider.displayName="Slider";
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_formatNumber=require("../../shared/formatters/format-number"),_Flex=_interopRequireDefault(require("../Flex")),_SliderSelector=require("./components/SliderSelector"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSlider","onChangeSlider","step","maxValue","minValue","fullSize","direction","valueLabelDisplay","minMaxFormat","renderCaptionText","captionComponentProps"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Slider=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function formatCaptionText(value){return renderCaptionText?renderCaptionText(value):value}var valueSlider=_ref.valueSlider,onChangeSlider=_ref.onChangeSlider,_ref$step=_ref.step,step=void 0===_ref$step?1:_ref$step,_ref$maxValue=_ref.maxValue,maxValue=void 0===_ref$maxValue?100:_ref$maxValue,_ref$minValue=_ref.minValue,minValue=void 0===_ref$minValue?0:_ref$minValue,fullSize=_ref.fullSize,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"horizontal":_ref$direction,_ref$valueLabelDispla=_ref.valueLabelDisplay,valueLabelDisplay=void 0===_ref$valueLabelDispla?"off":_ref$valueLabelDispla,_ref$minMaxFormat=_ref.minMaxFormat,minMaxFormat=void 0===_ref$minMaxFormat?"number":_ref$minMaxFormat,renderCaptionText=_ref.renderCaptionText,captionComponentProps=_ref.captionComponentProps,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(valueSlider),_useState2=_slicedToArray(_useState,2),sliderValue=_useState2[0],setSliderValue=_useState2[1],sliderRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){setSliderValue(valueSlider)},[valueSlider]),(0,_react.useImperativeHandle)(ref,function(){return sliderRef.current});var _minMaxFormatter=function minMaxFormatter(){return"currency-BRL"===minMaxFormat?{min:(0,_formatNumber.formatCurrency)({amount:minValue}),max:(0,_formatNumber.formatCurrency)({amount:maxValue})}:"percentage"===minMaxFormat?{min:"".concat(minValue,"%"),max:"".concat(maxValue,"%")}:{min:minValue,max:maxValue}}(),formattedMin=_minMaxFormatter.min,formattedMax=_minMaxFormatter.max;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderContent,{direction:direction,fullSize:fullSize,size:rest.sizeSlider,disabled:rest.disabled,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"vertical"===direction?"column-reverse":"row",justifyContent:"space-between",alignItems:"flex-end",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderExtremesText,_objectSpread(_objectSpread({fontSize:"md",color:"neutral.neutral4"},captionComponentProps),{},{children:formatCaptionText(formattedMin)})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderExtremesText,_objectSpread(_objectSpread({fontSize:"md",color:"neutral.neutral4"},captionComponentProps),{},{children:formatCaptionText(formattedMax)}))]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderSelector.SliderSelector,_objectSpread({ref:sliderRef,valueSliderSelector:sliderValue,minValue:minValue,maxValue:maxValue,step:step,onChangeSliderSelector:function(percent,index){var _sliderRef$current,value=Math.round((percent*(maxValue-minValue)+minValue)/step)*step,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");if(Array.isArray(sliderValue)){var _nativeInputValueSett,newValues=_toConsumableArray(sliderValue);newValues[index||0]=value>maxValue?maxValue:value<minValue?minValue:value,setSliderValue(newValues),null===onChangeSlider||void 0===onChangeSlider?void 0:onChangeSlider(newValues),null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(sliderRef.current,newValues)}else{var _nativeInputValueSett2;setSliderValue(value>maxValue?maxValue:value<minValue?minValue:value),null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett2=nativeInputValueSetter.set)||void 0===_nativeInputValueSett2?void 0:_nativeInputValueSett2.call(sliderRef.current,value),null===onChangeSlider||void 0===onChangeSlider?void 0:onChangeSlider(value)}var event=new Event("input",{bubbles:!0});null===sliderRef||void 0===sliderRef||null===(_sliderRef$current=sliderRef.current)||void 0===_sliderRef$current?void 0:_sliderRef$current.dispatchEvent(event)},direction:direction,valueLabelDisplay:valueLabelDisplay},rest))]})}),_default=Slider;exports.default=_default,Slider.displayName="Slider";
|
|
@@ -10,10 +10,22 @@ export declare const SliderContent: import("@emotion/styled").StyledComponent<{
|
|
|
10
10
|
direction?: "horizontal" | "vertical" | undefined;
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
12
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
-
export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
|
|
14
|
+
variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
|
|
15
|
+
color?: (string & {}) | GlobalColorsProps | undefined;
|
|
16
|
+
fontSize?: number | "display" | "sm" | "md" | "lg" | "xl" | "tiny" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl" | "giant" | undefined;
|
|
17
|
+
fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
|
|
18
|
+
fontStyle?: "inherit" | "initial" | "normal" | "italic" | "oblique" | undefined;
|
|
19
|
+
lineHeight?: string | number | undefined;
|
|
20
|
+
textAlign?: "center" | "start" | "end" | undefined;
|
|
21
|
+
textTransform?: "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
22
|
+
textDecoration?: "none" | "underline" | "line-through" | undefined;
|
|
23
|
+
letterSpacing?: string | number | undefined;
|
|
24
|
+
htmlFor?: string | undefined;
|
|
25
|
+
children?: import("react").ReactNode;
|
|
26
|
+
} & {
|
|
14
27
|
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
-
|
|
16
|
-
} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
28
|
+
}, {}, {}>;
|
|
17
29
|
export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
|
|
18
30
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
31
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;UAG9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAgB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;;yGAoF9C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;yGA0BhD,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;2GAgEvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderTrack=exports.SliderThumb=exports.SliderRailContainer=exports.SliderPointerIcon=exports.SliderPointerContainer=exports.SliderLabel=exports.SliderInput=exports.SliderExtremesText=exports.SliderContent=exports.SliderContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("./../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SliderContent=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n gap: 4px;\n flex-direction: ",";\n\n ","\n\n & [role='slider'] {\n pointer-events: ",";\n\n ","\n }\n"])),function(props){return"vertical"===props.direction?"row":"column"},function(props){return"vertical"===props.direction?"\n height: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n "):"\n max-width: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n ")},function(props){return props.disabled?"none":"auto"},function(props){return"vertical"===props.direction?"\n width: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n height: 100%;\n "):"\n height: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n width: 100%;\n ")});exports.SliderContent=SliderContent;var SliderExtremesText=_styled.default.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderTrack=exports.SliderThumb=exports.SliderRailContainer=exports.SliderPointerIcon=exports.SliderPointerContainer=exports.SliderLabel=exports.SliderInput=exports.SliderExtremesText=exports.SliderContent=exports.SliderContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_styled=_interopRequireDefault(require("@emotion/styled")),_Typography=_interopRequireDefault(require("../Typography")),_colorCheck=require("./../../utils/colorCheck");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SliderContent=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n gap: 4px;\n flex-direction: ",";\n\n ","\n\n & [role='slider'] {\n pointer-events: ",";\n\n ","\n }\n"])),function(props){return"vertical"===props.direction?"row":"column"},function(props){return"vertical"===props.direction?"\n height: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n "):"\n max-width: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n ")},function(props){return props.disabled?"none":"auto"},function(props){return"vertical"===props.direction?"\n width: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n height: 100%;\n "):"\n height: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n width: 100%;\n ")});exports.SliderContent=SliderContent;var SliderExtremesText=(0,_styled.default)(_Typography.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-family: 'Poppins', sans-serif;\n margin: 0;\n"])));exports.SliderExtremesText=SliderExtremesText;var SliderContainer=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: relative;\n"])));exports.SliderContainer=SliderContainer;var SliderRailContainer=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: relative;\n background: ",";\n border-radius: 8px;\n cursor: pointer;\n"])),function(props){return(0,_colorCheck.stripThemeColors)(props.trackColor||"",props.theme.colors)||props.theme.colors.tertiary.default});exports.SliderRailContainer=SliderRailContainer;var SliderTrack=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n position: absolute;\n border-radius: 8px;\n ","\n\n transform: ",";\n width: 100%;\n height: 100%;\n background: ",";\n"])),function(props){return"vertical"===props.direction?"bottom: 0;":"top: 50%;"},function(props){return"vertical"===props.direction?"":"translateY(-50%)"},function(props){return props.disabled?props.theme.colors.neutral.neutral4:(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderTrack=SliderTrack;var SliderInput=_styled.default.input(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n visibility: hidden;\n width: 100%;\n pointer-events: none;\n"])));exports.SliderInput=SliderInput;var SliderThumb=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n position: absolute;\n ","\n\n ","\n\n background: ",";\n pointer-events: ",";\n\n cursor: pointer;\n"])),function(props){return"vertical"===props.direction?"\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n ":"\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "},function(props){return"pointer"===props.thumbType?"\n width: ".concat("vertical"===props.direction?"100%":"5px",";\n height: ").concat("vertical"===props.direction?"5px":"100%",";\n "):"\n width: ".concat("sm"===props.size?"20px":"25px",";\n height: ").concat("sm"===props.size?"20px":"25px",";\n border-radius: 999999px;\n\n\n transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n border-radius: 999999px;\n box-shadow: ").concat(props.theme.shadow.level2,";\n border: 2px solid ").concat(props.theme.colors.neutral.neutral2,";\n }\n\n &:hover {\n box-shadow: 0 0 0 10px\n ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 15px\n ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n }\n\n &:hover,\n &:focus,\n &:active {\n & span {\n transform: ").concat("vertical"===props.direction?"translate(100%, -50%)":"translate(-50%, -100%)"," scale(1);\n }\n }\n ")},function(props){return props.disabled?props.theme.colors.neutral.neutral6:"pointer"===props.thumbType?props.theme.colors.neutral.white:props.theme.colors.neutral.white},function(props){return props.disabled?"none":"auto"});exports.SliderThumb=SliderThumb;var SliderPointerContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n position: absolute;\n ","\n\n & > svg {\n fill: ",";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"])),function(props){return"vertical"===props.direction?"\n top: 50%;\n left: 22px;\n transform: translateY(-50%) rotate(-90deg) scale(0.65);\n ":"\n top: 22px;\n left: 50%;\n transform: translateX(-50%) scale(0.65);\n "},function(props){return(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderPointerContainer=SliderPointerContainer;var SliderPointerIcon=_styled.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n top: 3px;\n opacity: 0.2;\n"])));exports.SliderPointerIcon=SliderPointerIcon;var SliderLabel=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n position: absolute;\n\n font-family: inherit;\n white-space: nowrap;\n\n background-color: ",";\n color: ",";\n\n padding: 0.25rem 0.75rem;\n\n font-weight: 500;\n font-size: 0.875rem;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 4px;\n\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n ","\n"])),function(props){return props.theme.colors.neutral.neutral5},function(props){return props.theme.colors.neutral.white},function(props){return"horizontal"===props.direction?"\n top: -10px;\n left: 50%;\n\n transform: translate(-50%, -100%) scale(0);\n transform-origin: bottom center;\n\n &::after {\n position: absolute;\n content: '';\n width: 8px;\n height: 8px;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%) rotate(45deg);\n background-color: inherit;\n }\n ":"\n top: 50%;\n right: -10px;\n\n transform: translate(100%, -50%) scale(0);\n transform-origin: left center;\n\n &::after {\n position: absolute;\n content: '';\n width: 8px;\n height: 8px;\n top: 50%;\n left: -8px;\n transform: translate(50%, -50%) rotate(45deg);\n background-color: inherit;\n }\n "});exports.SliderLabel=SliderLabel;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { GlobalColorsProps } from '../../shared/theme/theme.types';
|
|
3
|
+
import { TypographyProps } from '../Typography/types';
|
|
3
4
|
type IGenericSliderProps = {
|
|
4
5
|
/**
|
|
5
6
|
* @default "circle"
|
|
@@ -15,6 +16,8 @@ type IGenericSliderProps = {
|
|
|
15
16
|
sizeSlider?: 'sm' | 'md' | 'lg';
|
|
16
17
|
direction?: 'horizontal' | 'vertical';
|
|
17
18
|
valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
|
|
19
|
+
captionComponentProps?: TypographyProps;
|
|
20
|
+
renderCaptionText?: (value: number | string) => string;
|
|
18
21
|
};
|
|
19
22
|
export type ISliderProps = IGenericSliderProps & {
|
|
20
23
|
valueSlider: number | number[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,iBAAiB,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1D,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAC/C,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,mBAAmB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACvC,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAChF,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC/C,CAAC"}
|