@pedidopago/ui 1.17.45 → 1.17.46
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/Slider/SliderExample.d.ts.map +1 -1
- package/dist/components/Slider/SliderExample.js +4 -1
- package/dist/components/Slider/components/SliderPointer.d.ts +1 -1
- package/dist/components/Slider/components/SliderPointer.d.ts.map +1 -1
- package/dist/components/Slider/components/SliderPointer.js +5 -1
- package/dist/components/Slider/components/SliderSelector.d.ts.map +1 -1
- package/dist/components/Slider/components/SliderSelector.js +1 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +6 -1
- package/dist/components/Slider/styles.d.ts +5 -1
- package/dist/components/Slider/styles.d.ts.map +1 -1
- package/dist/components/Slider/styles.js +5 -1
- package/dist/components/Slider/types.d.ts +1 -0
- package/dist/components/Slider/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderExample.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SliderExample.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,aAAa,iBAAkB,YAAY,4CAqBvD,CAAC"}
|
|
@@ -1 +1,4 @@
|
|
|
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.SliderExample=void 0;var _react=require("react"),_=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");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 _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 _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var source,i=1;i<arguments.length;i++)for(var key in source=arguments[i],source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);return target},_extends.apply(this,arguments)}
|
|
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.SliderExample=void 0;var _react=require("react"),_=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");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 _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 _objectDestructuringEmpty(obj){if(null==obj)throw new TypeError("Cannot destructure "+obj)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var source,i=1;i<arguments.length;i++)for(var key in source=arguments[i],source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);return target},_extends.apply(this,arguments)}// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Types
|
|
4
|
+
var SliderExample=function(_ref){var props=_extends({},(_objectDestructuringEmpty(_ref),_ref)),_useState=(0,_react.useState)(props.valueSlider),_useState2=_slicedToArray(_useState,2),valueSliderExample=_useState2[0],setValueSliderExample=_useState2[1];return(0,_react.useEffect)(function(){setValueSliderExample(props.valueSlider)},[props.valueSlider]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread(_objectSpread({},props),{},{min:props.minValue||0,max:props.maxValue||100,valueSlider:valueSliderExample,onChangeSlider:function onChangeSlider(valueSlider){return setValueSliderExample(valueSlider)}})),/*#__PURE__*/(0,_jsxRuntime.jsxs)("span",{style:{color:"#ccc",marginTop:"35px",display:"block"},children:["Valor do state: ",valueSliderExample+""]})]})};exports.SliderExample=SliderExample;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ISliderPointerProps } from '../types';
|
|
2
|
-
export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const SliderPointer: ({ direction, thumbColor, thumbType, }: ISliderPointerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=SliderPointer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderPointer.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderPointer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SliderPointer.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SliderPointer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,0CAIvB,mBAAmB,4CA2BrB,CAAC"}
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderPointer=void 0;var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderPointer=void 0;var _react=require("@emotion/react"),_Icon=_interopRequireDefault(require("../../Icon")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Hooks
|
|
2
|
+
// Components
|
|
3
|
+
// Styles
|
|
4
|
+
// Types
|
|
5
|
+
var SliderPointer=function(_ref){var direction=_ref.direction,thumbColor=_ref.thumbColor,_ref$thumbType=_ref.thumbType,thumbType=void 0===_ref$thumbType?"pointer":_ref$thumbType,_useTheme=(0,_react.useTheme)(),colorByTheme=_useTheme.colorByTheme;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderPointerContainer,{thumbColor:thumbColor,direction:direction,thumbType:thumbType,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("svg",{width:"40",height:"50",viewBox:"0 0 40 50",fill:"inherit",xmlns:"http://www.w3.org/2000/svg",children:"pointer"===thumbType?/*#__PURE__*/(0,_jsxRuntime.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 29.6552C39.998 29.6004 39.9958 29.5457 39.9934 29.491C39.9724 28.6775 39.901 27.8763 39.7824 27.0903C37.9437 13.2559 25.8236 3.35911 19.6491 0C13.632 3.39038 1.76695 13.4408 0.163142 27.4777C0.0775457 28.1344 0.0249225 28.8012 0.00695625 29.4765C0.00444922 29.536 0.00213009 29.5956 0 29.6552H0.00301594C0.00100805 29.7699 0 29.8848 0 30C0 40.8553 8.95431 49.6552 20 49.6552C31.0457 49.6552 40 40.8553 40 30C40 29.8848 39.999 29.7699 39.997 29.6552H40Z",fill:"inherit"}):/*#__PURE__*/(0,_jsxRuntime.jsx)("circle",{cx:"20",cy:"20",r:"20",fill:"inherit"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderPointerIcon,{thumbType:thumbType,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"code",size:"20px",color:colorByTheme("neutral.black","neutral.white")})})]})};exports.SliderPointer=SliderPointer;
|
|
@@ -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;
|
|
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;AA4Of,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;6FAAiB,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.SliderSelector=void 0;var _react=require("react"),_SliderPointer=require("./SliderPointer"),_SliderRail=require("./SliderRail"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSliderSelector","minValue","maxValue","step","valueLabelDisplay","thumbColor","trackColor","onChangeSliderSelector","direction","disabled","sizeSlider","thumbType"];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 _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 Selector=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var valueSliderSelector=_ref.valueSliderSelector,minValue=_ref.minValue,maxValue=_ref.maxValue,step=_ref.step,valueLabelDisplay=_ref.valueLabelDisplay,thumbColor=_ref.thumbColor,trackColor=_ref.trackColor,onChangeSliderSelector=_ref.onChangeSliderSelector,direction=_ref.direction,disabled=_ref.disabled,size=_ref.sizeSlider,thumbType=_ref.thumbType,rest=_objectWithoutProperties(_ref,_excluded),sliderRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return sliderRef.current});var thumbPositions=Array.isArray(valueSliderSelector)?valueSliderSelector.map(function(v){return(v-minValue)/(maxValue-minValue)}):[];return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderContainer,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_SliderRail.SliderRail,{maxValue:maxValue,step:step,trackColor:trackColor,direction:direction,onChangeSliderTracker:function(percentage,ref){if("number"==typeof valueSliderSelector)return void(null===onChangeSliderSelector||void 0===onChangeSliderSelector?void 0:onChangeSliderSelector(percentage));var sliderRail=null===ref||void 0===ref?void 0:ref.current;if(sliderRail){var _sliderRail$getBoundi=sliderRail.getBoundingClientRect(),left=_sliderRail$getBoundi.left,bottom=_sliderRail$getBoundi.bottom,sliderThumbsPosition=[];sliderRail.querySelectorAll("[data-index]").forEach(function(thumb){var thumbIndex=parseInt(thumb.getAttribute("data-index")||"0",10),thumbLeft=thumb.getBoundingClientRect().left-left,thumbWidth=thumb.getBoundingClientRect().width,thumbBottom=bottom-thumb.getBoundingClientRect().bottom,thumbHeight=thumb.getBoundingClientRect().height,thumbPosition="horizontal"===direction?(thumbLeft+thumbWidth/2)/sliderRail.clientWidth:(thumbBottom+thumbHeight/2)/sliderRail.clientHeight;sliderThumbsPosition.push([thumbPosition,thumbIndex])});var closestThumb=sliderThumbsPosition.reduce(function(prev,curr){var _curr=_slicedToArray(curr,2),currThumbPosition=_curr[0],currThumbIndex=_curr[1];return Math.abs(currThumbPosition-percentage)<Math.abs(prev[0]-percentage)?[currThumbPosition,currThumbIndex]:prev});null===onChangeSliderSelector||void 0===onChangeSliderSelector?void 0:onChangeSliderSelector(percentage,closestThumb[1])}},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderTrack,{style:Array.isArray(valueSliderSelector)?"vertical"===direction?{height:"".concat(100*Math.abs(thumbPositions[0]-thumbPositions[thumbPositions.length-1]),"%"),bottom:"".concat(100*thumbPositions[0],"%")}:{width:"".concat(100*Math.abs(thumbPositions[0]-thumbPositions[thumbPositions.length-1]),"%"),left:"".concat(100*thumbPositions[0],"%")}:"vertical"===direction?{height:"".concat(100*((+valueSliderSelector-minValue)/(maxValue-minValue)),"%")}:{width:"".concat(100*((+valueSliderSelector-minValue)/(maxValue-minValue)),"%")},direction:direction,thumbColor:thumbColor||"primary.default",disabled:disabled}),Array.isArray(valueSliderSelector)?valueSliderSelector.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderThumb,{"data-index":index,direction:direction,style:"vertical"===direction?{bottom:"".concat(100*thumbPositions[index],"%")}:{left:"".concat(100*thumbPositions[index],"%")},disabled:disabled,size:size,thumbColor:thumbColor||"primary.default",thumbType:thumbType,children:[
|
|
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.SliderSelector=void 0;var _react=require("react"),_SliderPointer=require("./SliderPointer"),_SliderRail=require("./SliderRail"),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSliderSelector","minValue","maxValue","step","valueLabelDisplay","thumbColor","trackColor","onChangeSliderSelector","direction","disabled","sizeSlider","thumbType"];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 _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 Selector=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var valueSliderSelector=_ref.valueSliderSelector,minValue=_ref.minValue,maxValue=_ref.maxValue,step=_ref.step,valueLabelDisplay=_ref.valueLabelDisplay,thumbColor=_ref.thumbColor,trackColor=_ref.trackColor,onChangeSliderSelector=_ref.onChangeSliderSelector,direction=_ref.direction,disabled=_ref.disabled,size=_ref.sizeSlider,thumbType=_ref.thumbType,rest=_objectWithoutProperties(_ref,_excluded),sliderRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return sliderRef.current});var thumbPositions=Array.isArray(valueSliderSelector)?valueSliderSelector.map(function(v){return(v-minValue)/(maxValue-minValue)}):[];return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderContainer,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_SliderRail.SliderRail,{maxValue:maxValue,step:step,trackColor:trackColor,direction:direction,onChangeSliderTracker:function(percentage,ref){if("number"==typeof valueSliderSelector)return void(null===onChangeSliderSelector||void 0===onChangeSliderSelector?void 0:onChangeSliderSelector(percentage));var sliderRail=null===ref||void 0===ref?void 0:ref.current;if(sliderRail){var _sliderRail$getBoundi=sliderRail.getBoundingClientRect(),left=_sliderRail$getBoundi.left,bottom=_sliderRail$getBoundi.bottom,sliderThumbsPosition=[];sliderRail.querySelectorAll("[data-index]").forEach(function(thumb){var thumbIndex=parseInt(thumb.getAttribute("data-index")||"0",10),thumbLeft=thumb.getBoundingClientRect().left-left,thumbWidth=thumb.getBoundingClientRect().width,thumbBottom=bottom-thumb.getBoundingClientRect().bottom,thumbHeight=thumb.getBoundingClientRect().height,thumbPosition="horizontal"===direction?(thumbLeft+thumbWidth/2)/sliderRail.clientWidth:(thumbBottom+thumbHeight/2)/sliderRail.clientHeight;sliderThumbsPosition.push([thumbPosition,thumbIndex])});var closestThumb=sliderThumbsPosition.reduce(function(prev,curr){var _curr=_slicedToArray(curr,2),currThumbPosition=_curr[0],currThumbIndex=_curr[1];return Math.abs(currThumbPosition-percentage)<Math.abs(prev[0]-percentage)?[currThumbPosition,currThumbIndex]:prev});null===onChangeSliderSelector||void 0===onChangeSliderSelector?void 0:onChangeSliderSelector(percentage,closestThumb[1])}},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderTrack,{style:Array.isArray(valueSliderSelector)?"vertical"===direction?{height:"".concat(100*Math.abs(thumbPositions[0]-thumbPositions[thumbPositions.length-1]),"%"),bottom:"".concat(100*thumbPositions[0],"%")}:{width:"".concat(100*Math.abs(thumbPositions[0]-thumbPositions[thumbPositions.length-1]),"%"),left:"".concat(100*thumbPositions[0],"%")}:"vertical"===direction?{height:"".concat(100*((+valueSliderSelector-minValue)/(maxValue-minValue)),"%")}:{width:"".concat(100*((+valueSliderSelector-minValue)/(maxValue-minValue)),"%")},direction:direction,thumbColor:thumbColor||"primary.default",disabled:disabled}),Array.isArray(valueSliderSelector)?valueSliderSelector.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderThumb,{"data-index":index,direction:direction,style:"vertical"===direction?{bottom:"".concat(100*thumbPositions[index],"%")}:{left:"".concat(100*thumbPositions[index],"%")},disabled:disabled,size:size,thumbColor:thumbColor||"primary.default",thumbType:thumbType,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderPointer.SliderPointer,{thumbColor:thumbColor||disabled?"neutral.neutral4":"primary.default",direction:direction,thumbType:thumbType||"circle"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderInput,_objectSpread(_objectSpread({type:"range",min:minValue,max:maxValue,step:step,value:item,"aria-valuenow":item,"aria-valuemax":maxValue,"aria-valuemin":minValue,"aria-label":"slider",ref:sliderRef},rest),{},{readOnly:!0})),"off"!==valueLabelDisplay&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderLabel,{direction:direction,children:"auto"===valueLabelDisplay?item:valueLabelDisplay?-1===valueLabelDisplay.indexOf("%v")?valueLabelDisplay:valueLabelDisplay.replace(/%v/g,item+""):item})]},index)}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SliderThumb,{direction:direction,style:"vertical"===direction?{bottom:"".concat(100*((valueSliderSelector-minValue)/(maxValue-minValue)),"%")}:{left:"".concat(100*((valueSliderSelector-minValue)/(maxValue-minValue)),"%")},disabled:disabled,size:size,thumbColor:thumbColor||"primary.default",thumbType:thumbType,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SliderPointer.SliderPointer,{thumbColor:thumbColor||disabled?"neutral.neutral4":"primary.default",direction:direction,thumbType:thumbType||"circle"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderInput,_objectSpread({type:"range",min:minValue,max:maxValue,step:step,value:valueSliderSelector,"aria-valuenow":valueSliderSelector,"aria-valuemax":maxValue,"aria-valuemin":minValue,"aria-label":"slider",ref:sliderRef,readOnly:!0},rest)),"off"!==valueLabelDisplay&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderLabel,{direction:direction,children:"auto"===valueLabelDisplay?valueSliderSelector:valueLabelDisplay?-1===valueLabelDisplay.indexOf("%v")?valueLabelDisplay:valueLabelDisplay.replace(/%v/g,valueSliderSelector+""):valueSliderSelector})]})]})})}),SliderSelector=/*#__PURE__*/(0,_react.memo)(Selector);exports.SliderSelector=SliderSelector,Selector.displayName="Selector";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,mBAAmB,EAEpB,MAAM,OAAO,CAAC;AAef,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;4FAiHX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1,6 @@
|
|
|
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"),
|
|
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"),_Flex=_interopRequireDefault(require("../Flex")),_SliderSelector=require("./components/SliderSelector"),_formatNumber=require("../../shared/formatters/format-number"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["valueSlider","onChangeSlider","step","maxValue","minValue","fullSize","direction","valueLabelDisplay","minMaxFormat","renderCaptionText","captionComponentProps"];// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Utils
|
|
4
|
+
// Styles
|
|
5
|
+
// Types
|
|
6
|
+
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";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { GenericStyledProps } from '../../@types';
|
|
3
3
|
import { GlobalColorsProps } from '../../shared/theme/theme.types';
|
|
4
|
+
import { ISliderPointerProps } from './types';
|
|
4
5
|
export declare const SliderContent: import("@emotion/styled").StyledComponent<{
|
|
5
6
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
7
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
@@ -54,7 +55,7 @@ export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
|
|
|
54
55
|
} & {
|
|
55
56
|
direction?: "horizontal" | "vertical" | undefined;
|
|
56
57
|
thumbColor: GlobalColorsProps | (string & {});
|
|
57
|
-
thumbType?:
|
|
58
|
+
thumbType?: ISliderPointerProps['thumbType'];
|
|
58
59
|
disabled?: boolean | undefined;
|
|
59
60
|
size?: "sm" | "md" | "lg" | undefined;
|
|
60
61
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -64,10 +65,13 @@ export declare const SliderPointerContainer: import("@emotion/styled").StyledCom
|
|
|
64
65
|
} & GenericStyledProps & {
|
|
65
66
|
direction?: "horizontal" | "vertical" | undefined;
|
|
66
67
|
thumbColor: GlobalColorsProps | (string & {});
|
|
68
|
+
thumbType?: ISliderPointerProps['thumbType'];
|
|
67
69
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
68
70
|
export declare const SliderPointerIcon: import("@emotion/styled").StyledComponent<{
|
|
69
71
|
theme?: import("@emotion/react").Theme | undefined;
|
|
70
72
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
73
|
+
} & {
|
|
74
|
+
thumbType?: ISliderPointerProps['thumbType'];
|
|
71
75
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
72
76
|
export declare const SliderLabel: import("@emotion/styled").StyledComponent<{
|
|
73
77
|
theme?: import("@emotion/react").Theme | 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":";AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,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;gBACjC,mBAAmB,CAAC,WAAW,CAAC;;;yGAwF7C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjC,mBAAmB,CAAC,WAAW,CAAC;yGA0B/C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;gBAA4B,mBAAmB,CAAC,WAAW,CAAC;yGAOzF,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;2GAgEvB,CAAC"}
|
|
@@ -1 +1,5 @@
|
|
|
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")
|
|
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");// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Utils
|
|
4
|
+
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)}}))}// Types
|
|
5
|
+
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\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: 50%;\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: 50%;\n box-shadow: ").concat(props.theme.shadow.level2,";\n border: 2px solid ").concat(props.theme.colorByTheme(props.theme.colors.neutral.white,props.theme.colors.neutral.neutral1),";\n \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: ".concat("pointer"===props.thumbType?"22px":"6px",";\n transform: translateY(-50%) rotate(-90deg) scale(0.65);\n "):"\n top: ".concat("pointer"===props.thumbType?"22px":"6px",";\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: ",";\n opacity: 0.5;\n"])),function(props){return"pointer"===props.thumbType?"3px":"-5px"});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;
|
|
@@ -39,6 +39,7 @@ export type ISliderTrackerProps = {
|
|
|
39
39
|
export type ISliderPointerProps = {
|
|
40
40
|
direction?: 'horizontal' | 'vertical';
|
|
41
41
|
thumbColor: GlobalColorsProps | (string & {});
|
|
42
|
+
thumbType?: 'default' | 'circle' | 'pointer';
|
|
42
43
|
};
|
|
43
44
|
export {};
|
|
44
45
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -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;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;
|
|
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;IAC9C,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC9C,CAAC"}
|