@pedidopago/ui 1.9.6 → 1.10.1
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/Examples/index.d.ts +6 -0
- package/dist/components/Carousel/Examples/index.d.ts.map +1 -0
- package/dist/components/Carousel/Examples/index.js +1 -0
- package/dist/components/Carousel/Examples/styles.d.ts +6 -0
- package/dist/components/Carousel/Examples/styles.d.ts.map +1 -0
- package/dist/components/Carousel/Examples/styles.js +1 -0
- package/dist/components/Carousel/index.d.ts +4 -0
- package/dist/components/Carousel/index.d.ts.map +1 -0
- package/dist/components/Carousel/index.js +1 -0
- package/dist/components/Carousel/styles.d.ts +14 -0
- package/dist/components/Carousel/styles.d.ts.map +1 -0
- package/dist/components/Carousel/styles.js +1 -0
- package/dist/components/Carousel/types.d.ts +14 -0
- package/dist/components/Carousel/types.d.ts.map +1 -0
- package/dist/components/Carousel/types.js +1 -0
- package/dist/components/Combobox/ComboboxLoading/index.d.ts +3 -0
- package/dist/components/Combobox/ComboboxLoading/index.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxLoading/index.js +1 -0
- package/dist/components/Combobox/ComboboxLoading/types.d.ts +6 -0
- package/dist/components/Combobox/ComboboxLoading/types.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxLoading/types.js +1 -0
- package/dist/components/Combobox/ComboboxNoResult/index.d.ts +4 -0
- package/dist/components/Combobox/ComboboxNoResult/index.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxNoResult/index.js +1 -0
- package/dist/components/Combobox/ComboboxOption/index.d.ts +4 -0
- package/dist/components/Combobox/ComboboxOption/index.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxOption/index.js +1 -0
- package/dist/components/Combobox/ComboboxOption/styles.d.ts +8 -0
- package/dist/components/Combobox/ComboboxOption/styles.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxOption/styles.js +1 -0
- package/dist/components/Combobox/ComboboxOption/types.d.ts +6 -0
- package/dist/components/Combobox/ComboboxOption/types.d.ts.map +1 -0
- package/dist/components/Combobox/ComboboxOption/types.js +1 -0
- package/dist/components/Combobox/Examples/constants.d.ts +5 -0
- package/dist/components/Combobox/Examples/constants.d.ts.map +1 -0
- package/dist/components/Combobox/Examples/constants.js +1 -0
- package/dist/components/Combobox/Examples/index.d.ts +4 -0
- package/dist/components/Combobox/Examples/index.d.ts.map +1 -0
- package/dist/components/Combobox/Examples/index.js +2 -0
- package/dist/components/Combobox/index.d.ts +4 -0
- package/dist/components/Combobox/index.d.ts.map +1 -0
- package/dist/components/Combobox/index.js +1 -0
- package/dist/components/Combobox/styles.d.ts +6 -0
- package/dist/components/Combobox/styles.d.ts.map +1 -0
- package/dist/components/Combobox/styles.js +1 -0
- package/dist/components/Combobox/types.d.ts +33 -0
- package/dist/components/Combobox/types.d.ts.map +1 -0
- package/dist/components/Combobox/types.js +1 -0
- package/dist/components/Combobox/utils.d.ts +33 -0
- package/dist/components/Combobox/utils.d.ts.map +1 -0
- package/dist/components/Combobox/utils.js +22 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/types.d.ts +1 -0
- package/dist/components/Input/types.d.ts.map +1 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/Switch/types.d.ts +1 -0
- package/dist/components/Switch/types.d.ts.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/utils/formatters/number.d.ts +4 -0
- package/dist/utils/formatters/number.d.ts.map +1 -1
- package/dist/utils/formatters/number.js +4 -2
- package/dist/utils/formatters/strings.d.ts +9 -0
- package/dist/utils/formatters/strings.d.ts.map +1 -1
- package/dist/utils/formatters/strings.js +9 -2
- package/package.json +3 -2
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CarouselProps } from '../types';
|
|
3
|
+
export declare function CarouselExample(props: CarouselProps): JSX.Element;
|
|
4
|
+
export declare function CarouselExampleDynamicChids(props: CarouselProps): JSX.Element;
|
|
5
|
+
export declare function CarouselExampleCustomButtons(props: CarouselProps): JSX.Element;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Examples/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,eAkDnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,aAAa,eAe/D;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,aAAa,eAoChE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselExample=CarouselExample,exports.CarouselExampleCustomButtons=CarouselExampleCustomButtons,exports.CarouselExampleDynamicChids=CarouselExampleDynamicChids;var _=require(".."),_Button=_interopRequireDefault(require("../../../components/Button")),_Flex=_interopRequireDefault(require("../../../components/Flex")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var arrayTeste=["1","2","3","4","5","6","7","8","9","10","11","12"];function CarouselExample(props){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",alignItems:"flex-start",style:{maxWidth:"100%",height:"80vh"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"250px"},children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"150px"},children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"50px"},children:"3"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"350px"},children:"4"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"350px"},children:"5"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"250px"},children:"6"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"150px"},children:"7"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"450px"},children:"8"})]})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"800px"},children:item},"".concat(index,"-item-big"))})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"300px"},children:item},"".concat(index,"-item-large"))})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"150px"},children:item},"".concat(index,"-item-middle"))})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"150px"},children:"S\xF3 um"})}))]})}function CarouselExampleDynamicChids(props){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"250px"},children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"150px"},children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"50px"},children:"3"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"350px"},children:"4"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"350px"},children:"5"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"250px"},children:"6"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"150px"},children:"7"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"450px"},children:"8"})]}))})}function CarouselExampleCustomButtons(props){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{leftButton:function leftButton(moveLeft){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){moveLeft()},children:"Voltar"})},rightButton:function rightButton(moveRight){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{style:{whiteSpace:"nowrap"},onClick:function onClick(){moveRight()},children:"Avan\xE7ar"})},children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"800px"},children:item},"".concat(index,"-item-custom-button"))})}))})}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CarouselItemExample: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Examples/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,mBAAmB;;;yGAO/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselItemExample=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));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 CarouselItemExample=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border-radius: 0.5rem;\n display: grid;\n place-items: center;\n color: ",";\n background: rgb(69, 63, 168);\n background: linear-gradient(180deg, rgba(69, 63, 168, 1) 0%, rgba(0, 212, 255, 1) 100%);\n"])),function(_ref){var theme=_ref.theme;return theme.lightColors.neutral.white});exports.CarouselItemExample=CarouselItemExample;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,wBAAgB,QAAQ,CAAC,EACvB,GAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,GAAG,QAAQ,EACZ,EAAE,aAAa,eAoTf"}
|
|
@@ -0,0 +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.Carousel=Carousel;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_formatters=require("../../utils/formatters"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["gap","hideArrowButtons","children","buttonShadow","leftButton","rightButton"];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 _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}function Carousel(_ref){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 beginMomentumTracking(){cancelMomentumTracking(),momentumID=requestAnimationFrame(momentumLoop)}function cancelMomentumTracking(){cancelAnimationFrame(momentumID)}function onMomentumEnd(){if(sliderRef.current){var maxScroll=sliderRef.current.scrollWidth-sliderRef.current.clientWidth,isEndOfScroll=sliderRef.current.scrollLeft>=maxScroll;isMaxScroll.current=isEndOfScroll,hideRightButton(isEndOfScroll),hideLeftButton(0===sliderRef.current.scrollLeft)}}function momentumLoop(){if(sliderRef.current){var _sliderRef$current;sliderRef.current.scrollLeft+=2*velX,velX*=.95;var disableMomentum=isMaxScroll.current||0===(null===(_sliderRef$current=sliderRef.current)||void 0===_sliderRef$current?void 0:_sliderRef$current.scrollLeft);.75<Math.abs(velX)&&!disableMomentum?(hideLeftButton(!0),hideRightButton(!0),momentumID=requestAnimationFrame(momentumLoop)):onMomentumEnd()}}function changeScrollLeft(scrollLeft){sliderRef.current&&sliderRef.current.scrollTo({behavior:"smooth",left:scrollLeft})}function moveLeftItem(){if(sliderRef.current)for(var childs=sliderRef.current.childNodes,sliderWidth=sliderRef.current.offsetWidth,i=0;i<childs.length;i++){var child=childs[i],itemTotalOffset=child.offsetLeft+child.offsetWidth,isPrevVisibleItem=itemTotalOffset>sliderRef.current.scrollLeft;if(isPrevVisibleItem){var prevChild=childs[i-1];if(!prevChild)return void changeScrollLeft(0);var isLargeItem=prevChild.offsetWidth>(0,_formatters.halfDivisor)(sliderWidth);isLargeItem?changeScrollLeft(prevChild.offsetLeft):changeScrollLeft(prevChild.offsetLeft+(0,_formatters.halfDivisor)(prevChild.offsetWidth));break}}}function moveRightItem(){if(sliderRef.current)for(var childs=sliderRef.current.childNodes,sliderWidth=sliderRef.current.offsetWidth,i=1;i<childs.length;i++){var child=childs[i],itemTotalOffset=child.offsetLeft+child.offsetWidth,isNextVisibleItem=itemTotalOffset>sliderRef.current.scrollLeft+sliderWidth;if(isNextVisibleItem){var nextSibling=child.nextSibling||child,nextSiblingWidth=nextSibling.offsetWidth||0,isLargeItem=nextSiblingWidth>(0,_formatters.halfDivisor)(sliderWidth),nextSiblingLeft=(null===nextSibling||void 0===nextSibling?void 0:nextSibling.offsetLeft)||0;if(isLargeItem)return void changeScrollLeft(child.offsetLeft);if(!child.nextSibling)return void changeScrollLeft(nextSiblingLeft+nextSiblingWidth-sliderWidth);changeScrollLeft(nextSiblingLeft+(0,_formatters.halfDivisor)(nextSiblingWidth)-sliderWidth);break}}}var startX,initialScrollLeft,momentumID,_ref$gap=_ref.gap,gap=void 0===_ref$gap?16:_ref$gap,hideArrowButtons=_ref.hideArrowButtons,children=_ref.children,buttonShadow=_ref.buttonShadow,leftButton=_ref.leftButton,rightButton=_ref.rightButton,divProps=_objectWithoutProperties(_ref,_excluded),rightButtonRef=(0,_react.useRef)(null),leftButtonRef=(0,_react.useRef)(null),sliderRef=(0,_react.useRef)(null),isMaxScroll=(0,_react.useRef)(!1),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),itemsHasNoOverflow=_useState2[0],setItemsHasNoOverflow=_useState2[1],isDragging=!1,velX=0,moveCarousel=function moveCarousel(direction){sliderRef.current&&(hideRightButton(!1),hideLeftButton(!1),"left"===direction?moveLeftItem():moveRightItem())};(0,_react.useEffect)(function(){if(sliderRef.current){var _sliderRef$current2,lastChild=null===(_sliderRef$current2=sliderRef.current)||void 0===_sliderRef$current2?void 0:_sliderRef$current2.querySelector(".item-".concat(_react.Children.count(children))),lastChildOffsetLeft=(null===lastChild||void 0===lastChild?void 0:lastChild.offsetLeft)||0,lastChildWidth=(null===lastChild||void 0===lastChild?void 0:lastChild.offsetWidth)||0,hasNoOverflow=lastChildOffsetLeft+lastChildWidth<sliderRef.current.offsetWidth;setItemsHasNoOverflow(hasNoOverflow)}},[sliderRef.current]),(0,_react.useEffect)(function(){sliderRef.current&&hideRightButton(!1)},[sliderRef]);var customLeftButton=null===leftButton||void 0===leftButton?void 0:leftButton(function(){return moveCarousel("left")}),customRightButton=null===rightButton||void 0===rightButton?void 0:rightButton(function(){return moveCarousel("right")});return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",_objectSpread(_objectSpread({style:{position:"relative",overflow:"hidden",width:"100%",height:"100%"}},divProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderContainer,{onTouchMove:function onTouchMove(){hideLeftButton(!0),hideRightButton(!0)},onTouchEnd:beginMomentumTracking,className:"slider_container",style:{gap:gap+"px"},ref:sliderRef,onMouseDown:function handleMouseDown(event){isDragging=!0,sliderRef.current&&(startX=event.pageX-sliderRef.current.offsetLeft,initialScrollLeft=sliderRef.current.scrollLeft,cancelMomentumTracking())},onMouseUp:function handleMouseUp(){if(isDragging=!1,sliderRef.current){hideLeftButton(!1),beginMomentumTracking(),hideRightButton(isMaxScroll.current);var isStartOfScroll=0===sliderRef.current.scrollLeft;hideLeftButton(isStartOfScroll)}},onMouseMove:function handleMouseMove(e){if(isDragging&&(e.preventDefault(),sliderRef.current)){hideRightButton(!0),hideLeftButton(!0);var x=e.pageX-sliderRef.current.offsetLeft,walk=x-startX,prevScrollLeft=sliderRef.current.scrollLeft;sliderRef.current.scrollLeft=initialScrollLeft-walk,velX=sliderRef.current.scrollLeft-prevScrollLeft}},onWheel:function handleWheel(){cancelMomentumTracking()},onScroll:function handleScroll(event){var element=event.currentTarget,maxScroll=element.scrollWidth-element.clientWidth,isEndOfScroll=element.scrollLeft>=maxScroll;isMaxScroll.current=!1,isEndOfScroll?(isMaxScroll.current=!0,hideRightButton(!0)):0===element.scrollLeft&&hideLeftButton(!0)},onMouseLeave:function handleMouseLeave(){isDragging=!1},children:_react.Children.map(children,function(child,index){var childElement=child;return/*#__PURE__*/(0,_react.cloneElement)(childElement,_objectSpread(_objectSpread({},child.props),{},{className:"item-".concat(index+1," carousel_item ").concat(child.props.className||"")}))})}),!hideArrowButtons&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ContainerButton,{className:(0,_classnames.default)("left_button hide",{button_shadow:buttonShadow,hide:itemsHasNoOverflow}),ref:leftButtonRef,children:customLeftButton||/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DefaultButton,{onClick:function onClick(){return moveCarousel("left")},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-left",color:"neutral.neutral6",size:"18px"})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ContainerButton,{className:(0,_classnames.default)("right_button",{button_shadow:buttonShadow,hide:itemsHasNoOverflow}),ref:rightButtonRef,children:customRightButton||/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DefaultButton,{onClick:function onClick(){return moveCarousel("right")},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-right",color:"neutral.neutral6",size:"18px"})})})]})]}))}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const ContainerButton: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const DefaultButton: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
14
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,eAAe;;;yGAmB3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAsD3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAWzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderContainer=exports.DefaultButton=exports.ContainerButton=void 0;var _templateObject,_templateObject2,_templateObject3,_styled=_interopRequireDefault(require("@emotion/styled"));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 SliderContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n width: 100%;\n height: 100%;\n cursor: pointer;\n overflow-x: auto;\n display: flex;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .carousel_item {\n margin: auto;\n flex-shrink: 0;\n }\n"])));exports.SliderContainer=SliderContainer;var ContainerButton=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n width: fit-content;\n display: flex;\n align-items: center;\n height: 100%;\n position: absolute;\n top: 50%;\n transform: translate(0px, -50%);\n\n transition: all ease 0.2s;\n justify-content: center;\n transition: all cubic-bezier(0.25, 1.5, 0.25, 1) 0.5s;\n\n &::before {\n content: '';\n position: absolute;\n height: 100%;\n width: 200%;\n z-index: -1;\n top: 0;\n transition: all cubic-bezier(0.25, 1.5, 0.25, 1) 0.5s;\n }\n\n &.left_button.button_shadow::before {\n left: -100%;\n background: ",";\n }\n\n &.right_button.button_shadow::before {\n right: -100%;\n background: ",";\n }\n\n &.hide.left_button {\n transform: translate(-150%, -50%);\n }\n\n &.hide.right_button {\n transform: translate(150%, -50%);\n }\n\n &.right_button {\n right: 1rem;\n }\n\n &.left_button {\n left: 1rem;\n }\n\n @media (max-width: 750px) {\n display: none;\n }\n"])),function(_ref){var theme=_ref.theme;return"linear-gradient(90deg, ".concat(theme.colors.neutral.white,"80 0%, rgba(255, 255, 255, 0) 100%)")},function(_ref2){var theme=_ref2.theme;return"linear-gradient(270deg, ".concat(theme.colors.neutral.white,"80 0%, rgba(255, 255, 255, 0) 100%)")});exports.ContainerButton=ContainerButton;var DefaultButton=_styled.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n background: ",";\n border: none;\n padding: 0.75rem;\n border-radius: 50%;\n cursor: pointer;\n transition: all cubic-bezier(0.25, 1.5, 0.2, 1) 0.4s;\n\n &:hover {\n transform: scale(0.85);\n }\n"])),function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.white});exports.DefaultButton=DefaultButton;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type CarouselProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
/**
|
|
4
|
+
* @property {number} gap - The `gap` property is an optional number that represents the spacing in `PIXEL`
|
|
5
|
+
* between each item in the carousel. If not provided, it will default to a value of 16.
|
|
6
|
+
*/
|
|
7
|
+
gap?: number;
|
|
8
|
+
hideArrowButtons?: boolean;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
buttonShadow?: boolean;
|
|
11
|
+
leftButton: (moveLeft: () => void) => ReactNode;
|
|
12
|
+
rightButton: (moveRight: () => void) => ReactNode;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAChD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CACnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxLoading/index.tsx"],"names":[],"mappings":";AAGA,wBAAgB,eAAe,gBAQ9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxLoading=ComboboxLoading;var _Flex=_interopRequireDefault(require("../../Flex")),_Skeleton=_interopRequireDefault(require("../../Skeleton")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComboboxLoading(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{direction:"column",spacing:"2",style:{margin:"0.5rem"},children:Array.from({length:3}).map(function(_,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{isLoaded:!1,height:"40px"},"input-result-skeleton-".concat(index))})})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxLoading/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNoResult/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,oBAAoB,eAS/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxNoResult=ComboboxNoResult;var _Flex=_interopRequireDefault(require("../../Flex")),_Icon=_interopRequireDefault(require("../../Icon")),_Typography=_interopRequireDefault(require("../../Typography")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComboboxNoResult(_ref){var therm=_ref.therm;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{style:{padding:"1rem"},spacing:"4",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"info",color:"warning.default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"500",color:"neutral.neutral4",children:"Nenhum resultado encontrado para '".concat(therm,"'")})]})}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComboboxOptionProps } from './types';
|
|
3
|
+
export declare const ComboboxOption: import("react").ForwardRefExoticComponent<Omit<ComboboxOptionProps & import("react").HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxOption/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,cAAc,yKAsBzB,CAAC"}
|
|
@@ -0,0 +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.ComboboxOption=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","active"];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 _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 ComboboxOption=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var children=_ref.children,active=_ref.active,rest=_objectWithoutProperties(_ref,_excluded),id=(0,_react.useId)();return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ComboboxOptionWrapper,{active:active,children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",_objectSpread(_objectSpread({ref:ref,role:"option",id:id,"aria-selected":active},rest),{},{style:_objectSpread({padding:"1rem"},rest.style),children:children}))})});exports.ComboboxOption=ComboboxOption,ComboboxOption.displayName="ComboboxOption";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ComboboxOptionWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
active: boolean;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxOption/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,qBAAqB;;;;YAAwB,OAAO;yGAKhE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxOptionWrapper=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));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 ComboboxOptionWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background: ",";\n transition: 0.2s ease-in-out background;\n user-select: none;\n"])),function(_ref){var active=_ref.active,theme=_ref.theme;return active?theme.colors.neutral.neutral1:theme.colors.neutral.white});exports.ComboboxOptionWrapper=ComboboxOptionWrapper;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxOption/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Examples/constants.ts"],"names":[],"mappings":"AAwIA,eAAO,MAAM,YAAY;;;GAAuD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fruitOptions=void 0;var fruits=["Alfalfa Sprouts","Apple","Apricot","Artichoke","Asian Pear","Asparagus","Atemoya","Avocado","Bamboo Shoots","Banana","Bean Sprouts","Beans","Beets","Belgian Endive","Bell Peppers","Bitter Melon","Blackberries","Blueberries","Bok Choy","Boniato","Boysenberries","Broccoflower","Broccoli","Brussels Sprouts","Cabbage","Cactus Pear","Cantaloupe","Carambola","Carrots","Casaba Melon","Cauliflower","Celery","Chayote","Cherimoya","Cherries","Coconuts","Collard Greens","Corn","Cranberries","Cucumber","Dates","Dried Plums","Eggplant","Endive","Escarole","Feijoa","Fennel","Figs","Garlic","Gooseberries","Grapefruit","Grapes","Green Beans","Green Onions","Greens","Guava","Hominy","Honeydew Melon","Horned Melon","Iceberg Lettuce","Jerusalem Artichoke","Jicama","Kale","Kiwifruit","Kohlrabi","Kumquat","Leeks","Lemons","Lettuce","Lima Beans","Limes","Longan","Loquat","Lychee","Madarins","Malanga","Mandarin Oranges","Mangos","Mulberries","Mushrooms","Napa","Nectarines","Okra","Onion","Oranges","Papayas","Parsnip","Passion Fruit","Peaches","Pears","Peas","Peppers","Persimmons","Pineapple","Plantains","Plums","Pomegranate","Potatoes","Prickly Pear","Prunes","Pummelo","Pumpkin","Quince","Radicchio","Radishes","Raisins","Raspberries","Red Cabbage","Rhubarb","Romaine Lettuce","Rutabaga","Shallots","Snow Peas","Spinach","Sprouts","Squash","Strawberries","String Beans","Sweet Potato","Tangelo","Tangerines","Tomatillo","Tomato","Turnip","Ugli Fruit","Water Chestnuts","Watercress","Watermelon","Waxed Beans","Yams","Yellow Squash","Yuca/Cassava","Zucchini Squash"],fruitOptions=fruits.map(function(item){return{label:item,value:item}});exports.fruitOptions=fruitOptions;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/Examples/index.tsx"],"names":[],"mappings":";AAOA,wBAAgB,eAAe,gBAoC9B;AAED,wBAAgB,8BAA8B,gBAsB7C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxDefault=ComboboxDefault,exports.ComboboxWithOnFocusShowOptions=ComboboxWithOnFocusShowOptions;var _react=require("react"),_=require(".."),_constants=require("./constants"),_Typography=_interopRequireDefault(require("src/components/Typography")),_Flex=_interopRequireDefault(require("../../Flex")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 ComboboxDefault(){function handleChange(){setIsLoading(!0),clearTimeout(null===timer||void 0===timer?void 0:timer.current),timer.current=setTimeout(function(){setIsLoading(!1)},2e3)}var _useState=(0,_react.useState)(""),_useState2=_slicedToArray(_useState,2),comboboxValue=_useState2[0],setComboboxValue=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1],timer=(0,_react.useRef)();// eslint-disable-next-line no-undef
|
|
2
|
+
return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox Default",placeholder:"Selecionar",isLoading:isLoading,value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},onInputChange:function onInputChange(){return handleChange()},options:_constants.fruitOptions}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["Combobox value: ",comboboxValue]})]})}function ComboboxWithOnFocusShowOptions(){var _useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),comboboxValue=_useState6[0],setComboboxValue=_useState6[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"6",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",children:"Search for fruit names. Ex: apple, banana, watermelon, etc:"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Combobox,{label:"Combobox With onFocusShowOptions",placeholder:"Selecionar",value:comboboxValue,onChange:function onChange(value){setComboboxValue(value)},options:_constants.fruitOptions,onFocusShowOptions:!0}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral6",children:["Combobox value: ",comboboxValue]})]})}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComboboxProps } from './types';
|
|
3
|
+
export declare function Combobox<T extends string>({ value, onOpen, onChange, onInputChange, onClose, onReset, resetIcon, options, optionsContainerStyles, resultIsLoading, resultNotFound, onFocusShowOptions, isLoading, ...rest }: ComboboxProps<T>): JSX.Element;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":";AA0BA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,sBAAsB,EACtB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAkKlB"}
|
|
@@ -0,0 +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.Combobox=Combobox;var _react=require("react"),_react2=require("@floating-ui/react"),_Icon=_interopRequireDefault(require("../Icon")),_Input=_interopRequireDefault(require("../Input")),_Typography=_interopRequireDefault(require("../Typography")),_ComboboxOption=require("./ComboboxOption"),_ComboboxNoResult=require("./ComboboxNoResult"),_ComboboxLoading=require("./ComboboxLoading"),_utils=require("./utils"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["value","onOpen","onChange","onInputChange","onClose","onReset","resetIcon","options","optionsContainerStyles","resultIsLoading","resultNotFound","onFocusShowOptions","isLoading"];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 _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}function Combobox(_ref){function onChangeSelection(value){(0,_utils.dispatchInputValue)(inputRef,value),setSearchTherm(value),setInputValue(value),null===onChange||void 0===onChange?void 0:onChange(value),setIsOpen(!1),setActiveIndex(null)}var value=_ref.value,onOpen=_ref.onOpen,onChange=_ref.onChange,onInputChange=_ref.onInputChange,onClose=_ref.onClose,onReset=_ref.onReset,resetIcon=_ref.resetIcon,options=_ref.options,optionsContainerStyles=_ref.optionsContainerStyles,resultIsLoading=_ref.resultIsLoading,resultNotFound=_ref.resultNotFound,onFocusShowOptions=_ref.onFocusShowOptions,isLoading=_ref.isLoading,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,_react.useState)(""),_useState4=_slicedToArray(_useState3,2),searchTherm=_useState4[0],setSearchTherm=_useState4[1],_useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),inputValue=_useState6[0],setInputValue=_useState6[1],_useState7=(0,_react.useState)(null),_useState8=_slicedToArray(_useState7,2),activeIndex=_useState8[0],setActiveIndex=_useState8[1],filteredOptions=""!==searchTherm?(0,_utils.filterOptions)({options:options,searchTherm:searchTherm,inputValue:inputValue}):options,hasResults=!!(null!==filteredOptions&&void 0!==filteredOptions&&filteredOptions[0]),listRef=(0,_react.useRef)([]),inputRef=(0,_react.useRef)(null),_useFloating=(0,_react2.useFloating)({whileElementsMounted:_react2.autoUpdate,open:isOpen,onOpenChange:function onOpenChange(open){open||(null===onClose||void 0===onClose?void 0:onClose(),setActiveIndex(null)),open&&(null===onOpen||void 0===onOpen?void 0:onOpen()),setIsOpen(open)},middleware:[(0,_react2.offset)(10),(0,_react2.flip)({padding:10}),(0,_react2.size)({apply:function apply(_ref2){var rects=_ref2.rects,availableHeight=_ref2.availableHeight,elements=_ref2.elements;Object.assign(elements.floating.style,{width:"".concat(rects.reference.width,"px"),maxHeight:"".concat(availableHeight-60,"px")})},padding:10})]}),refs=_useFloating.refs,floatingStyles=_useFloating.floatingStyles,context=_useFloating.context,role=(0,_react2.useRole)(context,{role:"listbox"}),dismiss=(0,_react2.useDismiss)(context),listNav=(0,_react2.useListNavigation)(context,{listRef:listRef,activeIndex:activeIndex,onNavigate:setActiveIndex,virtual:!0,loop:!0}),_useInteractions=(0,_react2.useInteractions)([role,dismiss,listNav]),getReferenceProps=_useInteractions.getReferenceProps,getFloatingProps=_useInteractions.getFloatingProps,getItemProps=_useInteractions.getItemProps;return(0,_react.useEffect)(function(){setInputValue(value),setSearchTherm(value)},[value]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Input.default,_objectSpread({ref:inputRef,label:null===rest||void 0===rest?void 0:rest.label,leftIcon:(null===rest||void 0===rest?void 0:rest.leftIcon)||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"search",color:"neutral.neutral3"}),rightIcon:!!inputValue&&(resetIcon||/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:"neutral.neutral4"})),onRightIconClick:function onRightIconClick(){onChangeSelection(""),null===onReset||void 0===onReset?void 0:onReset()},ContainerProps:getReferenceProps({ref:refs.setReference}),onChange:function(event){var value=event.target.value;null===onInputChange||void 0===onInputChange?void 0:onInputChange(value),setSearchTherm(value),value?(setIsOpen(!0),setActiveIndex(0)):setIsOpen(!1)},onFocus:function onFocus(){return onFocusShowOptions&&hasResults&&setIsOpen(!0)},value:searchTherm,placeholder:null===rest||void 0===rest?void 0:rest.placeholder,"aria-autocomplete":"list",onKeyDown:function(event){var option=null!==activeIndex&&(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions[activeIndex]);if("Enter"===event.key&&option){var _value=option.value;event.preventDefault(),onChangeSelection(_value),setIsOpen(!1)}}},rest)),isOpen&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.FloatingPortal,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.FloatingFocusManager,{context:context,initialFocus:-1,visuallyHiddenDismiss:!0,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ComboboxContainer,_objectSpread(_objectSpread({"data-id":"floating_container"},getFloatingProps({ref:refs.setFloating,style:_objectSpread({},floatingStyles)})),{},{children:[!hasResults&&!isLoading&&(resultNotFound||/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxNoResult.ComboboxNoResult,{therm:searchTherm})),isLoading?resultIsLoading||/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxLoading.ComboboxLoading,{}):hasResults&&(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions.map(function(item,index){var key="".concat(item.label,"-").concat(item.value);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_ComboboxOption.ComboboxOption,_objectSpread(_objectSpread({},getItemProps({ref:function ref(node){return listRef.current[index]=node},onClick:function onClick(){return onChangeSelection(item.value)},style:_objectSpread({},optionsContainerStyles)})),{},{active:activeIndex===index,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontWeight:"500",children:item.label})}),key)}))]}))})})]})}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ComboboxContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,iBAAiB;;;yGAyB7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComboboxContainer=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));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 ComboboxContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background: ",";\n\n border: 2px solid ",";\n border-radius: ",";\n\n color: ",";\n\n overflow-y: auto;\n z-index: ",";\n\n transition: opacity ease ",";\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: ",";\n background: ",";\n }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.white},function(_ref2){var theme=_ref2.theme;return theme.colors.neutral.neutral1},function(_ref3){var theme=_ref3.theme;return theme.borderRadius.default},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral5},function(_ref5){var theme=_ref5.theme;return theme.zIndex.level24},function(_ref6){var theme=_ref6.theme;return theme.transition.speed},function(_ref7){var theme=_ref7.theme;return theme.borderRadius.default},function(_ref8){var theme=_ref8.theme;return theme.colors.primary.default});exports.ComboboxContainer=ComboboxContainer;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { InputGroupProps } from '../Input/types';
|
|
3
|
+
export type ComboboxProps<T = unknown> = Omit<InputGroupProps, 'onChange' | 'value'> & {
|
|
4
|
+
value: T;
|
|
5
|
+
isLoading?: boolean;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
onOpen?: () => void;
|
|
8
|
+
onReset?: () => void;
|
|
9
|
+
resetIcon?: ReactNode;
|
|
10
|
+
onChange?: (value: T) => void;
|
|
11
|
+
onInputChange?: (value: string) => void;
|
|
12
|
+
onResults?: (results: string) => void;
|
|
13
|
+
options?: Array<{
|
|
14
|
+
label: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}>;
|
|
17
|
+
onFocusShowOptions?: boolean;
|
|
18
|
+
resultIsLoading?: ReactNode;
|
|
19
|
+
resultNotFound?: ReactNode;
|
|
20
|
+
optionsContainerStyles?: CSSProperties;
|
|
21
|
+
};
|
|
22
|
+
export type ResultComponentProps = {
|
|
23
|
+
therm: string;
|
|
24
|
+
};
|
|
25
|
+
export type FilterOptions = {
|
|
26
|
+
options: {
|
|
27
|
+
label: string;
|
|
28
|
+
value: string;
|
|
29
|
+
}[] | undefined;
|
|
30
|
+
searchTherm: string | undefined;
|
|
31
|
+
inputValue: string | undefined;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrF,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sBAAsB,CAAC,EAAE,aAAa,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EACH;QACE,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,GACH,SAAS,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FilterOptions } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* The function normalizes a search term by removing spaces, dashes, and
|
|
5
|
+
* underscores.
|
|
6
|
+
* @param {string} therm - The `therm` parameter is a string representing a search
|
|
7
|
+
* term.
|
|
8
|
+
* @returns a normalized version of the search term.
|
|
9
|
+
*/
|
|
10
|
+
export declare function normalizeSearchTherm(therm: string): string;
|
|
11
|
+
/**
|
|
12
|
+
* The function dispatches an input event with a specified value to a given input
|
|
13
|
+
* element.
|
|
14
|
+
* @param ref - A mutable ref object that references an HTMLInputElement or null.
|
|
15
|
+
* This ref is used to access the input element and update its value.
|
|
16
|
+
* @param {string} value - The `value` parameter is a string that represents the
|
|
17
|
+
* new value that you want to set for the input element.
|
|
18
|
+
* @returns The function does not have a return statement, so it does not return
|
|
19
|
+
* anything.
|
|
20
|
+
*/
|
|
21
|
+
export declare function dispatchInputValue(ref: React.RefObject<HTMLInputElement | null>, value: string): void;
|
|
22
|
+
/**
|
|
23
|
+
* The `filterOptions` function filters an array of options based on a search term,
|
|
24
|
+
* normalizing both the option values and the search term before comparing them.
|
|
25
|
+
* @param {FilterOptions} - - `options`: An array of objects representing the
|
|
26
|
+
* available options.
|
|
27
|
+
* @returns a filtered array of options.
|
|
28
|
+
*/
|
|
29
|
+
export declare function filterOptions({ options, searchTherm, inputValue }: FilterOptions): {
|
|
30
|
+
label: string;
|
|
31
|
+
value: string;
|
|
32
|
+
}[] | undefined;
|
|
33
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/utils.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,UAEjD;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,QAS9F;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,aAAa;;;gBAYhF"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";var _strings=require("../../utils/formatters/strings");Object.defineProperty(exports,"__esModule",{value:!0}),exports.dispatchInputValue=dispatchInputValue,exports.filterOptions=filterOptions,exports.normalizeSearchTherm=normalizeSearchTherm;/**
|
|
2
|
+
* The function normalizes a search term by removing spaces, dashes, and
|
|
3
|
+
* underscores.
|
|
4
|
+
* @param {string} therm - The `therm` parameter is a string representing a search
|
|
5
|
+
* term.
|
|
6
|
+
* @returns a normalized version of the search term.
|
|
7
|
+
*/function normalizeSearchTherm(therm){return(0,_strings.normalizeString)(therm).replace(/[ -_]/g,"")}/**
|
|
8
|
+
* The function dispatches an input event with a specified value to a given input
|
|
9
|
+
* element.
|
|
10
|
+
* @param ref - A mutable ref object that references an HTMLInputElement or null.
|
|
11
|
+
* This ref is used to access the input element and update its value.
|
|
12
|
+
* @param {string} value - The `value` parameter is a string that represents the
|
|
13
|
+
* new value that you want to set for the input element.
|
|
14
|
+
* @returns The function does not have a return statement, so it does not return
|
|
15
|
+
* anything.
|
|
16
|
+
*/function dispatchInputValue(ref,value){var _nativeInputValueSett;if(ref.current){var nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value");null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(ref.current,value);var event=new Event("input",{bubbles:!0});ref.current.dispatchEvent(event)}}/**
|
|
17
|
+
* The `filterOptions` function filters an array of options based on a search term,
|
|
18
|
+
* normalizing both the option values and the search term before comparing them.
|
|
19
|
+
* @param {FilterOptions} - - `options`: An array of objects representing the
|
|
20
|
+
* available options.
|
|
21
|
+
* @returns a filtered array of options.
|
|
22
|
+
*/function filterOptions(_ref){var options=_ref.options,searchTherm=_ref.searchTherm,inputValue=_ref.inputValue;return null===options||void 0===options?void 0:options.filter(function(item){var itemValueNormalized=normalizeSearchTherm(item.value),searchThermNormalized=normalizeSearchTherm(searchTherm||""),inputValueNormalized=normalizeSearchTherm(inputValue||"");return inputValueNormalized!==itemValueNormalized&&(null===itemValueNormalized||void 0===itemValueNormalized?void 0:itemValueNormalized.includes(searchThermNormalized))&&inputValueNormalized!==searchThermNormalized})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAqBf,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAKpB,MAAM,OAAO,CAAC;AAqBf,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,KAAK,sJAkIV,CAAC;AAGF,eAAe,KAAK,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"),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["placeholder","type","disabled","label","labelBackground","hiddenContent","helperText","alert","withAddon","addonContent","withIcon","onLeftIconClick","onRightIconClick","leftIcon","rightIcon"];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 _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 Input=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleInputChange(value){setHasValueOnInput(0<value.length)}var placeholder=_ref.placeholder,type=_ref.type,disabled=_ref.disabled,label=_ref.label,labelBackground=_ref.labelBackground,hiddenContent=_ref.hiddenContent,helperText=_ref.helperText,alert=_ref.alert,withAddon=_ref.withAddon,addonContent=_ref.addonContent,withIcon=_ref.withIcon,onLeftIconClick=_ref.onLeftIconClick,onRightIconClick=_ref.onRightIconClick,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasValueOnInput=_useState2[0],setHasValueOnInput=_useState2[1],_useState3=(0,_react.useState)(hiddenContent||!1),_useState4=_slicedToArray(_useState3,2),hiddenInfo=_useState4[0],setHiddenInfo=_useState4[1],inputRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return inputRef.current}),(0,_react.useEffect)(function(){var _inputRef$current;setHasValueOnInput(!!(null!==(_inputRef$current=inputRef.current)&&void 0!==_inputRef$current&&_inputRef$current.value))}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputGroupElement,{withIcon:!!withIcon,hasValueOnInput:!!(placeholder||rest.value)||hasValueOnInput,alert:alert,withAddon:withAddon,hasDisabled:disabled,labelBackground:labelBackground,className:rest.className,style:rest.style,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputColumn,{children:[withAddon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AddonElement,{alert:alert,hasDisabled:disabled,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",children:addonContent})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContent,{withAddon:withAddon,children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputLabel,{withIcon:!!withIcon,hasDisabled:disabled,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Fieldset,{"aria-hidden":!0,hasDisabled:disabled,withAddon:withAddon,alert:alert,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Legend,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LegendText,{children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContentRow,{children:[(withIcon||leftIcon)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onLeftIconClick?"pointer":"default"},onClick:onLeftIconClick,tabIndex:onLeftIconClick?0:-1,children:withIcon||leftIcon})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Input,_objectSpread(_objectSpread({"data-input":"input",type:hiddenInfo?"password":type,"aria-label":label,withIcon:withIcon,leftIcon:leftIcon,rightIcon:rightIcon,hiddenContent:hiddenContent,disabled:disabled,alert:alert,placeholder:placeholder,ref:inputRef},rest),{},{onChange:function onChange(e){var _rest$onChange;handleInputChange(e.currentTarget.value),null===(_rest$onChange=rest.onChange)||void 0===_rest$onChange?void 0:_rest$onChange.call(rest,e)}})),hiddenContent&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{clickable:!0,onClick:function(){setHiddenInfo(!hiddenInfo)},children:hiddenInfo?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye"}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye-off"})}),rightIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onRightIconClick?"pointer":"default"},onClick:onRightIconClick,tabIndex:onRightIconClick?0:-1,children:rightIcon})})]})]})]}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,children:helperText})]})});Input.displayName="Input";var _default=Input;exports.default=_default;
|
|
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"),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["placeholder","type","disabled","label","labelBackground","hiddenContent","helperText","alert","withAddon","addonContent","withIcon","onLeftIconClick","onRightIconClick","leftIcon","rightIcon","ContainerProps"];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 _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 Input=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleInputChange(value){setHasValueOnInput(0<value.length)}var placeholder=_ref.placeholder,type=_ref.type,disabled=_ref.disabled,label=_ref.label,labelBackground=_ref.labelBackground,hiddenContent=_ref.hiddenContent,helperText=_ref.helperText,alert=_ref.alert,withAddon=_ref.withAddon,addonContent=_ref.addonContent,withIcon=_ref.withIcon,onLeftIconClick=_ref.onLeftIconClick,onRightIconClick=_ref.onRightIconClick,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,ContainerProps=_ref.ContainerProps,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasValueOnInput=_useState2[0],setHasValueOnInput=_useState2[1],_useState3=(0,_react.useState)(hiddenContent||!1),_useState4=_slicedToArray(_useState3,2),hiddenInfo=_useState4[0],setHiddenInfo=_useState4[1],inputRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return inputRef.current}),(0,_react.useEffect)(function(){var _inputRef$current;setHasValueOnInput(!!(null!==(_inputRef$current=inputRef.current)&&void 0!==_inputRef$current&&_inputRef$current.value))}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputGroupElement,_objectSpread(_objectSpread({withIcon:!!withIcon,hasValueOnInput:!!(placeholder||rest.value)||hasValueOnInput,alert:alert,withAddon:withAddon,hasDisabled:disabled,labelBackground:labelBackground,className:rest.className,style:rest.style},ContainerProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputColumn,{children:[withAddon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AddonElement,{alert:alert,hasDisabled:disabled,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",children:addonContent})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContent,{withAddon:withAddon,children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputLabel,{withIcon:!!withIcon,hasDisabled:disabled,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Fieldset,{"aria-hidden":!0,hasDisabled:disabled,withAddon:withAddon,alert:alert,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Legend,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LegendText,{children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContentRow,{children:[(withIcon||leftIcon)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onLeftIconClick?"pointer":"default"},onClick:onLeftIconClick,tabIndex:onLeftIconClick?0:-1,children:withIcon||leftIcon})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Input,_objectSpread(_objectSpread({"data-input":"input",type:hiddenInfo?"password":type,"aria-label":label,withIcon:withIcon,leftIcon:leftIcon,rightIcon:rightIcon,hiddenContent:hiddenContent,disabled:disabled,alert:alert,placeholder:placeholder,ref:inputRef},rest),{},{onChange:function onChange(e){var _rest$onChange;handleInputChange(e.currentTarget.value),null===(_rest$onChange=rest.onChange)||void 0===_rest$onChange?void 0:_rest$onChange.call(rest,e)}})),hiddenContent&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{clickable:!0,onClick:function(){setHiddenInfo(!hiddenInfo)},children:hiddenInfo?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye"}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye-off"})}),rightIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onRightIconClick?"pointer":"default"},onClick:onRightIconClick,tabIndex:onRightIconClick?0:-1,children:rightIcon})})]})]})]}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,children:helperText})]}))});Input.displayName="Input";var _default=Input;exports.default=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CAC5D;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CAC5D;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAkD,MAAM,OAAO,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAkD,MAAM,OAAO,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAqDhC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}var SwitchInput=function(_ref){var disabled=_ref.disabled,helperText=_ref.helperText,type=_ref.type,onChangeValue=_ref.onChangeValue,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}var SwitchInput=function(_ref){function handleOnChangeValue(){var newValue=!isActive;setIsActive(newValue),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newValue)}var disabled=_ref.disabled,helperText=_ref.helperText,type=_ref.type,onChangeValue=_ref.onChangeValue,checked=_ref.checked,defaultChecked=_ref.defaultChecked,_useState=(0,_react.useState)(defaultChecked||checked||!1),_useState2=_slicedToArray(_useState,2),isActive=_useState2[0],setIsActive=_useState2[1];return(0,_react.useEffect)(function(){void 0===checked||setIsActive(checked)},[checked]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SwitchWrapper,{"data-testid":"switch-wrapper",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Switch,{role:"checkbox","data-testid":"switch",onClick:function(){disabled||handleOnChangeValue()},onKeyDown:function(e){disabled||("Enter"===e.code||"Space"===e.code)&&handleOnChangeValue()},disabled:disabled,isActive:isActive,tabIndex:0,type:type,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SwitchToken,{className:"switch-token",children:isActive&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"check"})})}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelpText,{disabled:disabled,children:helperText})]})},_default=SwitchInput;exports.default=_default;
|
|
@@ -11,5 +11,6 @@ export type IInputProps = {
|
|
|
11
11
|
type?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
|
|
12
12
|
onChangeValue?: (value: boolean) => void;
|
|
13
13
|
checked?: boolean;
|
|
14
|
+
defaultChecked?: boolean;
|
|
14
15
|
};
|
|
15
16
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EACD,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { default as Typography } from './components/Typography';
|
|
|
37
37
|
export { CollapseCard } from './components/CollapseCard';
|
|
38
38
|
export { Observer } from './components/Observer';
|
|
39
39
|
export * from './components/EmojiPicker';
|
|
40
|
+
export * from './components/Carousel';
|
|
40
41
|
export { default as Input } from './components/Input';
|
|
41
42
|
export { DateInput } from './components/DateInput';
|
|
42
43
|
export { TimeInput } from './components/TimeInput';
|
|
@@ -52,6 +53,7 @@ export { default as LegacyRadio } from './components/LegacyRadio';
|
|
|
52
53
|
export { default as Radio } from './components/Radio';
|
|
53
54
|
export { default as RadioGroup } from './components/Radio/components/RadioGroup';
|
|
54
55
|
export { default as Switch } from './components/Switch';
|
|
56
|
+
export { Combobox } from './components/Combobox';
|
|
55
57
|
export { default as useToast } from './components/Toast/hooks/useToast';
|
|
56
58
|
export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
|
|
57
59
|
export { useDevices } from './shared/hooks/useDevices';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,cAAc,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,cAAc,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _colorCheck=require("./utils/colorCheck");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
1
|
+
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,Combobox:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _Carousel=require("./components/Carousel");var _colorCheck=require("./utils/colorCheck");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function get(){return _Combobox.Combobox}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});Object.keys(_Carousel).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Carousel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Carousel[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_Combobox=require("./components/Combobox"),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
@@ -4,4 +4,8 @@
|
|
|
4
4
|
* @returns {string} - Sanitized number string
|
|
5
5
|
*/
|
|
6
6
|
export declare function sanitizeNumber(number: string): string;
|
|
7
|
+
/**
|
|
8
|
+
* @returns {number} Returns the half of `number` param.
|
|
9
|
+
*/
|
|
10
|
+
export declare function halfDivisor(number: number): number;
|
|
7
11
|
//# sourceMappingURL=number.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../../src/utils/formatters/number.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOrD"}
|
|
1
|
+
{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../../src/utils/formatters/number.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOrD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAElD"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sanitizeNumber=sanitizeNumber;/**
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.halfDivisor=halfDivisor,exports.sanitizeNumber=sanitizeNumber;/**
|
|
2
2
|
* Sanitizes the input number string by removing non-numeric characters, converting commas to dots for decimal separation, and removing excess dots
|
|
3
3
|
* @param {string} number - Input string to sanitize
|
|
4
4
|
* @returns {string} - Sanitized number string
|
|
5
5
|
*/function sanitizeNumber(number){return number?number.replace(/[^\d.,]/g,"")// Remove non-numeric characters
|
|
6
6
|
.replace(/(.|,)(?=\d(.|,))/g,"")// Remove excess dots
|
|
7
7
|
.replace(/,(\d*)$/,".$1")// Replace last comma with dot for decimal separation
|
|
8
|
-
:""}
|
|
8
|
+
:""}/**
|
|
9
|
+
* @returns {number} Returns the half of `number` param.
|
|
10
|
+
*/function halfDivisor(number){return number/2}
|
|
@@ -23,4 +23,13 @@ export declare function replaceUnecessarySpaces(string: string): string;
|
|
|
23
23
|
* @returns
|
|
24
24
|
*/
|
|
25
25
|
export declare function sanitizeString(string: string): string;
|
|
26
|
+
/**
|
|
27
|
+
* The `normalizeString` function takes a string as input and returns a normalized
|
|
28
|
+
* version of the string by converting it to lowercase, removing leading and
|
|
29
|
+
* trailing whitespace, and removing any diacritical marks.
|
|
30
|
+
* @param {string} string - The `string` parameter is a string value that you want
|
|
31
|
+
* to normalize.
|
|
32
|
+
* @returns a normalized string.
|
|
33
|
+
*/
|
|
34
|
+
export declare function normalizeString(string: string): string;
|
|
26
35
|
//# sourceMappingURL=strings.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../src/utils/formatters/strings.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAMlE;AACD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE3D;AACD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD"}
|
|
1
|
+
{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../src/utils/formatters/strings.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAMlE;AACD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE3D;AACD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,UAQ7C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeLineBreaks=removeLineBreaks,exports.replaceUnecessarySpaces=replaceUnecessarySpaces,exports.sanitizeString=sanitizeString,exports.truncateString=truncateString;/**
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizeString=normalizeString,exports.removeLineBreaks=removeLineBreaks,exports.replaceUnecessarySpaces=replaceUnecessarySpaces,exports.sanitizeString=sanitizeString,exports.truncateString=truncateString;/**
|
|
2
2
|
* Truncates a string to a given character limit and adds ellipses at the end if necessary.
|
|
3
3
|
* @param {string} data - The string to truncate.
|
|
4
4
|
* @param {number} limit - The maximum number of characters the string can have.
|
|
@@ -15,4 +15,11 @@
|
|
|
15
15
|
* Sanitizes a string by removing all non-alphanumeric characters, line breaks and unnecessary spaces.
|
|
16
16
|
* @param string
|
|
17
17
|
* @returns
|
|
18
|
-
*/function sanitizeString(string){return removeLineBreaks(replaceUnecessarySpaces(string.replace(/[^a-zA-Z0-9]+/g,"")))}
|
|
18
|
+
*/function sanitizeString(string){return removeLineBreaks(replaceUnecessarySpaces(string.replace(/[^a-zA-Z0-9]+/g,"")))}/**
|
|
19
|
+
* The `normalizeString` function takes a string as input and returns a normalized
|
|
20
|
+
* version of the string by converting it to lowercase, removing leading and
|
|
21
|
+
* trailing whitespace, and removing any diacritical marks.
|
|
22
|
+
* @param {string} string - The `string` parameter is a string value that you want
|
|
23
|
+
* to normalize.
|
|
24
|
+
* @returns a normalized string.
|
|
25
|
+
*/function normalizeString(string){return string?string.toLowerCase().trim().normalize("NFD").replace(/[\u0300-\u036f]/g,""):""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pedidopago/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.1",
|
|
4
4
|
"description": "Quick build beatiful Pedido Pago apps",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@emotion/react": "^11.4.0",
|
|
25
25
|
"@emotion/styled": "^11.3.0",
|
|
26
|
+
"@floating-ui/react": "^0.25.3",
|
|
26
27
|
"@tanstack/react-virtual": "^3.0.0-beta.54",
|
|
27
28
|
"@types/fs-extra": "^11.0.1",
|
|
28
29
|
"classnames": "^2.3.2",
|
|
@@ -118,8 +119,8 @@
|
|
|
118
119
|
"react-docgen-typescript-webpack-plugin": "^1.1.0",
|
|
119
120
|
"react-scripts": "^5.0.0",
|
|
120
121
|
"storybook-dark-mode": "^2.1.1",
|
|
121
|
-
"typescript": "^4.3.5",
|
|
122
122
|
"ts-node": "^10.9.1",
|
|
123
|
+
"typescript": "^4.3.5",
|
|
123
124
|
"webpack": "^5"
|
|
124
125
|
},
|
|
125
126
|
"bin": {
|