@pedidopago/ui 1.10.4 → 1.10.6

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.
Files changed (41) hide show
  1. package/dist/components/Carousel/index.d.ts.map +1 -1
  2. package/dist/components/Carousel/index.js +1 -1
  3. package/dist/components/MultipleSelect/index.d.ts +5 -0
  4. package/dist/components/MultipleSelect/index.d.ts.map +1 -1
  5. package/dist/components/MultipleSelect/index.js +5 -1
  6. package/dist/components/NewSelect/Examples/index.d.ts +5 -4
  7. package/dist/components/NewSelect/Examples/index.d.ts.map +1 -1
  8. package/dist/components/NewSelect/Examples/index.js +1 -1
  9. package/dist/components/NewSelect/Multiple/Examples/index.d.ts +7 -0
  10. package/dist/components/NewSelect/Multiple/Examples/index.d.ts.map +1 -0
  11. package/dist/components/NewSelect/Multiple/Examples/index.js +1 -0
  12. package/dist/components/NewSelect/Multiple/index.d.ts +4 -0
  13. package/dist/components/NewSelect/Multiple/index.d.ts.map +1 -0
  14. package/dist/components/NewSelect/Multiple/index.js +1 -0
  15. package/dist/components/NewSelect/Single/Examples/index.d.ts +7 -0
  16. package/dist/components/NewSelect/Single/Examples/index.d.ts.map +1 -0
  17. package/dist/components/NewSelect/Single/Examples/index.js +1 -0
  18. package/dist/components/NewSelect/{single → Single}/index.d.ts.map +1 -1
  19. package/dist/components/NewSelect/Single/index.js +1 -0
  20. package/dist/components/NewSelect/components/SelectItem/index.d.ts +3 -2
  21. package/dist/components/NewSelect/components/SelectItem/index.d.ts.map +1 -1
  22. package/dist/components/NewSelect/components/SelectItem/index.js +1 -1
  23. package/dist/components/NewSelect/components/SelectItem/types.d.ts +3 -1
  24. package/dist/components/NewSelect/components/SelectItem/types.d.ts.map +1 -1
  25. package/dist/components/NewSelect/index.js +1 -1
  26. package/dist/components/NewSelect/types.d.ts +5 -5
  27. package/dist/components/NewSelect/types.d.ts.map +1 -1
  28. package/dist/components/NewSelect/utils.ts/index.d.ts +7 -0
  29. package/dist/components/NewSelect/utils.ts/index.d.ts.map +1 -1
  30. package/dist/components/NewSelect/utils.ts/index.js +1 -1
  31. package/dist/components/Select/index.d.ts +5 -0
  32. package/dist/components/Select/index.d.ts.map +1 -1
  33. package/dist/components/Select/index.js +5 -1
  34. package/dist/utils/get-primitive-value.d.ts +1 -2
  35. package/dist/utils/get-primitive-value.d.ts.map +1 -1
  36. package/package.json +1 -1
  37. package/dist/components/NewSelect/multiple/index.d.ts +0 -4
  38. package/dist/components/NewSelect/multiple/index.d.ts.map +0 -1
  39. package/dist/components/NewSelect/multiple/index.js +0 -1
  40. package/dist/components/NewSelect/single/index.js +0 -1
  41. /package/dist/components/NewSelect/{single → Single}/index.d.ts +0 -0
@@ -1 +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"}
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,eAuTf"}
@@ -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.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"})})})]})]}))}
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 handleHideButtons(){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 onMomentumEnd(){handleHideButtons()}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,handleHideButtons()},children:_react.Children.map(children,function(child,index){var childElement=child;return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"item-".concat(index+1," carousel_item"),children:childElement})})}),!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"})})})]})]}))}
@@ -1,6 +1,11 @@
1
1
  import { ComponentPropsWithoutRef, FC } from 'react';
2
2
  import { ISelectInputProps } from './types';
3
3
  type Props = ComponentPropsWithoutRef<'p'>;
4
+ /**
5
+ * This component is deprecated, use NewSelect instead
6
+ * @returns {React.FC<ISelectInputProps & Props>}
7
+ * @deprecated use NewSelect instead
8
+ */
4
9
  declare const MultipleSelect: FC<ISelectInputProps & Props>;
5
10
  export default MultipleSelect;
6
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAYf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAIpE,KAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAsKjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAYf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAIpE,KAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C;;;;GAIG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAsKjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1 +1,5 @@
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"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_components=require("./components"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_styles=require("./components/SelectArea/styles"),_animations=require("./animations"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null),optionsRef=(0,_react.useRef)(null);(0,_useOnClickOutside.useOnClickOutside)([InputWrapperRef,optionsRef],function(){setShowOptionsArea(!1)}),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"multiple-select-portal",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:showOptionsArea&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({},_animations.multipleSelectAnimations),{},{ref:optionsRef,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.OptionsArea,{positionOptions:positionOptions||0,parentRef:selectAreaRef,infiniteScroll:void 0!==_ref$infiniteScroll&&_ref$infiniteScroll,AutoComplete:void 0!==_ref$AutoComplete&&_ref$AutoComplete,setShowOptionsArea:setShowOptionsArea,inputAlert:inputAlert,chooseOption:chooseOption,selectedOptions:selectedOptions,data:data,loadMoreData:loadMoreData,hasMoreData:hasMoreData,scrollHandler:scrollHandler,showOptionsArea:showOptionsArea,onChangeSearch:onChangeSearch,isLoadingData:isLoadingData,autoCompleteHelperText:autoCompleteHelperText})}))})})]}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{selectType:selectType,children:helperText})]})},_default=MultipleSelect;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"),_framerMotion=require("framer-motion"),_ReactPortal=require("../ReactPortal"),_Flex=_interopRequireDefault(require("../Flex")),_components=require("./components"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_styles=require("./components/SelectArea/styles"),_animations=require("./animations"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var onFinishedTimerDebounce,MultipleSelect=function(_ref){var _selectAreaRef$curren,width=_ref.width,_ref$fullWidth=_ref.fullWidth,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$AutoComplete=_ref.AutoComplete,_ref$maxSelects=_ref.maxSelects,maxSelects=void 0===_ref$maxSelects?5:_ref$maxSelects,onChangeValue=_ref.onChangeValue,onChangeSearch=_ref.onChangeSearch,onFinished=_ref.onFinished,_ref$label=_ref.label,label=void 0===_ref$label?"SelectInput":_ref$label,selectType=_ref.selectType,_ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data,isLoadingData=_ref.isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,dropDownIcon=_ref.dropDownIcon,placeholder=_ref.placeholder,defaultSelectedOptions=_ref.defaultSelectedOptions,value=_ref.value,helperText=_ref.helperText,autoCompleteHelperText=_ref.autoCompleteHelperText,_ref$infiniteScroll=_ref.infiniteScroll,_useState=(0,_react.useState)(selectType),_useState2=_slicedToArray(_useState,2),inputAlert=_useState2[0],setInputAlert=_useState2[1],_useState3=(0,_react.useState)(defaultSelectedOptions||[]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),showOptionsArea=_useState6[0],setShowOptionsArea=_useState6[1],InputWrapperRef=(0,_react.useRef)(null),optionsRef=(0,_react.useRef)(null);(0,_useOnClickOutside.useOnClickOutside)([InputWrapperRef,optionsRef],function(){setShowOptionsArea(!1)}),(0,_react.useEffect)(function(){setInputAlert(selectType)},[selectType]),(0,_react.useEffect)(function(){return null!==value&&void 0!==value&&value.length?setSelectedOptions(value):void setSelectedOptions([])},[value]);var scrollHandler=(0,_react.useCallback)(function(event){var _ref2=event.target,clientHeight=_ref2.clientHeight,scrollHeight=_ref2.scrollHeight,scrollTop=_ref2.scrollTop;!!onFinished&&120>=scrollHeight-scrollTop-clientHeight&&(clearTimeout(onFinishedTimerDebounce),onFinishedTimerDebounce=setTimeout(function(){return onFinished(!0)},500))},[onFinished]),chooseOption=(0,_react.useCallback)(function(option){multiple?!(selectedOptions.length>=maxSelects)&&(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([].concat(_toConsumableArray(selectedOptions),[option])),setSelectedOptions(function(oldstate){return[].concat(_toConsumableArray(oldstate),[option])})):(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([option]),setSelectedOptions([option]),setShowOptionsArea(!1))},[selectedOptions,multiple,setSelectedOptions,maxSelects]),selectAreaRef=(0,_react.useRef)(null),_useState7=(0,_react.useState)(null===(_selectAreaRef$curren=selectAreaRef.current)||void 0===_selectAreaRef$curren?void 0:_selectAreaRef$curren.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionOptions=_useState8[0],setPositionOptions=_useState8[1];return(0,_useDisableBodyScroll.useDisableBodyScroll)(showOptionsArea,"child_element"),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_components.InputWrapper,{ref:InputWrapperRef,width:width,fullWidth:void 0!==_ref$fullWidth&&_ref$fullWidth,onMouseOver:function(){var _selectAreaRef$curren2;setPositionOptions(null===(_selectAreaRef$curren2=selectAreaRef.current)||void 0===_selectAreaRef$curren2?void 0:_selectAreaRef$curren2.getBoundingClientRect().top)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.SelectArea,{ref:selectAreaRef,disabled:disabled,label:label,multiple:multiple,setShowOptionsArea:setShowOptionsArea,removeSelectedOption:function(event,option){if(event.stopPropagation(),!option)return setSelectedOptions([]),void(null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue([]));var newSelectedOptions=_toConsumableArray(selectedOptions),indexToRemove=selectedOptions.findIndex(function(chosenOption){return chosenOption.label===option.label});newSelectedOptions.splice(indexToRemove,1),setSelectedOptions(newSelectedOptions),null===onChangeValue||void 0===onChangeValue?void 0:onChangeValue(newSelectedOptions)},selectedOptions:selectedOptions,setSelectedOptions:setSelectedOptions,toggleOptionsAreaView:function toggleOptionsAreaView(event){event.stopPropagation(),disabled||setShowOptionsArea(!showOptionsArea)},inputAlert:inputAlert,placeholder:placeholder,dropDownIcon:dropDownIcon}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"multiple-select-portal",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:showOptionsArea&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,_objectSpread(_objectSpread({},_animations.multipleSelectAnimations),{},{ref:optionsRef,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_components.OptionsArea,{positionOptions:positionOptions||0,parentRef:selectAreaRef,infiniteScroll:void 0!==_ref$infiniteScroll&&_ref$infiniteScroll,AutoComplete:void 0!==_ref$AutoComplete&&_ref$AutoComplete,setShowOptionsArea:setShowOptionsArea,inputAlert:inputAlert,chooseOption:chooseOption,selectedOptions:selectedOptions,data:data,loadMoreData:loadMoreData,hasMoreData:hasMoreData,scrollHandler:scrollHandler,showOptionsArea:showOptionsArea,onChangeSearch:onChangeSearch,isLoadingData:isLoadingData,autoCompleteHelperText:autoCompleteHelperText})}))})})]}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{selectType:selectType,children:helperText})]})},_default=MultipleSelect;/**
2
+ * This component is deprecated, use NewSelect instead
3
+ * @returns {React.FC<ISelectInputProps & Props>}
4
+ * @deprecated use NewSelect instead
5
+ */exports.default=_default;
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
- export declare function MultipleSelectExampleWithDefaultValue(): JSX.Element;
3
- export declare function MultipleSelectExampleWithInputSearch(): JSX.Element;
4
- export declare function MultipleSelectExampleWithChip(): JSX.Element;
5
- export declare function SelectWithNumberOptions(): JSX.Element;
2
+ export declare function WithDefaultValue(): JSX.Element;
3
+ export declare function WithCustomRender(): JSX.Element;
4
+ export declare function WithNumberOptions(): JSX.Element;
5
+ export declare function WithInputSearch(): JSX.Element;
6
+ export declare function WithBooleanOptions(): JSX.Element;
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/Examples/index.tsx"],"names":[],"mappings":";AAYA,wBAAgB,qCAAqC,gBAmDpD;AAED,wBAAgB,oCAAoC,gBA4BnD;AACD,wBAAgB,6BAA6B,gBAiD5C;AAED,wBAAgB,uBAAuB,gBA0BtC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/Examples/index.tsx"],"names":[],"mappings":";AAkBA,wBAAgB,gBAAgB,gBAU/B;AAED,wBAAgB,gBAAgB,gBAU/B;AAED,wBAAgB,iBAAiB,gBAUhC;AAED,wBAAgB,eAAe,gBAU9B;AAED,wBAAgB,kBAAkB,gBAUjC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultipleSelectExampleWithChip=MultipleSelectExampleWithChip,exports.MultipleSelectExampleWithDefaultValue=MultipleSelectExampleWithDefaultValue,exports.MultipleSelectExampleWithInputSearch=MultipleSelectExampleWithInputSearch,exports.SelectWithNumberOptions=SelectWithNumberOptions;var _react=require("react"),_Flex=_interopRequireDefault(require("../../../components/Flex")),_=require(".."),_SelectInputSearch=require("../components/SelectInputSearch"),_SelectItem=require("../components/SelectItem"),_Chip=require("../components/Chip"),_Skeleton=_interopRequireDefault(require("../../Skeleton")),_Button=_interopRequireDefault(require("../../Button")),_constants=require("./constants"),_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 MultipleSelectExampleWithDefaultValue(){var _useState=(0,_react.useState)(["option1","option2"]),_useState2=_slicedToArray(_useState,2),selectedMultipleOptions=_useState2[0],setSelectedMultipleOption=_useState2[1],_useState3=(0,_react.useState)("option1"),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1],_useState5=(0,_react.useState)(!0),_useState6=_slicedToArray(_useState5,2),isLoading=_useState6[0],setIsLoading=_useState6[1];return(0,_react.useEffect)(function(){setTimeout(function(){setIsLoading(!1)},2e3)},[]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Multiplo teste",multiple:!0,value:selectedMultipleOptions,onChange:function onChange(value){setSelectedMultipleOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:"default-option",children:"Op\xE7\xE3o padr\xE3o"}),isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{height:"100px",isLoaded:!1}):_constants.optionsSelectExample.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewSelect,{label:"Single",value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:_constants.optionsSelectExample.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},"".concat(index,"-single-select"))})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{children:["Current multiple value: ",selectedMultipleOptions.join(", ")]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{children:["Current value: ",selectedOption]})]})}function MultipleSelectExampleWithInputSearch(){var _useState7=(0,_react.useState)(""),_useState8=_slicedToArray(_useState7,2),searchInput=_useState8[0],setSearchInput=_useState8[1],filteredOptions=_constants.optionsSelectExample.filter(function(option){return option.label.includes(searchInput)}),_useState9=(0,_react.useState)(""),_useState10=_slicedToArray(_useState9,2),selectedOption=_useState10[0],setSelectedOption=_useState10[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Com input search single",value:selectedOption,onChange:function onChange(value){setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{onChange:function onChange(event){return setSearchInput(event.currentTarget.value)}}),filteredOptions.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{children:["Current value: ",selectedOption]})]})}function MultipleSelectExampleWithChip(){var _useState11=(0,_react.useState)(""),_useState12=_slicedToArray(_useState11,2),searchInput=_useState12[0],setSearchInput=_useState12[1],filteredOptions=_constants.optionsSelectExample.filter(function(option){return option.label.toLowerCase().includes(searchInput.toLowerCase())}),_useState13=(0,_react.useState)([]),_useState14=_slicedToArray(_useState13,2),selectedOption=_useState14[0],setSelectedOption=_useState14[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"2rem",style:{marginBlock:"2rem"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){setSelectedOption(["option1","option2"])},children:"Reset to two values"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){setSelectedOption([])},children:"Reset"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Com input search",multiple:!0,value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},renderOptions:function renderOptions(option,remove){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Chip.Chip,{onClick:function onClick(){return remove(option)},children:(null===option||void 0===option?void 0:option.label)||""})},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{value:searchInput,onChange:function onChange(event){return setSearchInput(event.currentTarget.value)}}),filteredOptions.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{children:["Current value: ",selectedOption]})]})}function SelectWithNumberOptions(){var _useState15=(0,_react.useState)(""),_useState16=_slicedToArray(_useState15,2),searchInput=_useState16[0],setSearchInput=_useState16[1],_useState17=(0,_react.useState)([]),_useState18=_slicedToArray(_useState17,2),selectedOption=_useState18[0],setSelectedOption=_useState18[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Numero",multiple:!0,value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{value:searchInput,onChange:function onChange(event){return setSearchInput(event.currentTarget.value)}}),_constants.optionsNumbers.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("p",{children:["Current value: ",selectedOption]})]})}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WithBooleanOptions=WithBooleanOptions,exports.WithCustomRender=WithCustomRender,exports.WithDefaultValue=WithDefaultValue,exports.WithInputSearch=WithInputSearch,exports.WithNumberOptions=WithNumberOptions;var _Flex=_interopRequireDefault(require("../../../components/Flex")),_Typography=_interopRequireDefault(require("../../Typography")),_Examples=require("../Multiple/Examples"),_Examples2=require("../Single/Examples"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function WithDefaultValue(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Com loading e valor default"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples.MultipleWithDefaultValue,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples2.SingleWithDefaultValue,{})]})}function WithCustomRender(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Com exibi\xE7\xE3o de op\xE7\xE3o selecionada customizado"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples.MultipleWithChip,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples2.SingleWithChip,{})]})}function WithNumberOptions(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Com valores num\xE9ricos"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples.MultipleNumberOptions,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples2.SingleNumberOptions,{})]})}function WithInputSearch(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Com input de pesquisa"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples.MultipleSearchInput,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples2.SingleSearchInput,{})]})}function WithBooleanOptions(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Com valores boleanos"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples.MultipleBooleanOptions,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Examples2.SingleBooleanOptions,{})]})}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export declare function MultipleWithDefaultValue(): JSX.Element;
3
+ export declare function MultipleWithChip(): JSX.Element;
4
+ export declare function MultipleSearchInput(): JSX.Element;
5
+ export declare function MultipleNumberOptions(): JSX.Element;
6
+ export declare function MultipleBooleanOptions(): JSX.Element;
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelect/Multiple/Examples/index.tsx"],"names":[],"mappings":";AAYA,wBAAgB,wBAAwB,gBA4CvC;AAED,wBAAgB,gBAAgB,gBA6C/B;AACD,wBAAgB,mBAAmB,gBAkClC;AAED,wBAAgB,qBAAqB,gBA0BpC;AAED,wBAAgB,sBAAsB,gBAuBrC"}
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultipleBooleanOptions=MultipleBooleanOptions,exports.MultipleNumberOptions=MultipleNumberOptions,exports.MultipleSearchInput=MultipleSearchInput,exports.MultipleWithChip=MultipleWithChip,exports.MultipleWithDefaultValue=MultipleWithDefaultValue;var _react=require("react"),_Button=_interopRequireDefault(require("../../../Button")),_Flex=_interopRequireDefault(require("../../../Flex")),_Skeleton=_interopRequireDefault(require("../../../Skeleton")),_=require("../.."),_Chip=require("../../components/Chip"),_SelectInputSearch=require("../../components/SelectInputSearch"),_SelectItem=require("../../components/SelectItem"),_Typography=_interopRequireDefault(require("../../../Typography")),_constants=require("../../Examples/constants"),_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 MultipleWithDefaultValue(){var _useState=(0,_react.useState)(["option1","option2"]),_useState2=_slicedToArray(_useState,2),selectedMultipleOptions=_useState2[0],setSelectedMultipleOption=_useState2[1],_useState3=(0,_react.useState)(!0),_useState4=_slicedToArray(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1];return(0,_react.useEffect)(function(){setTimeout(function(){setIsLoading(!1)},2e3)},[]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o m\xFAltipla"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Selecione",multiple:!0,value:selectedMultipleOptions,onChange:function onChange(value){setSelectedMultipleOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{children:"Limpar"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:"default-option",children:"Op\xE7\xE3o padr\xE3o"}),isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{height:"100px",isLoaded:!1}):_constants.optionsSelectExample.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedMultipleOptions.join(", ")]})]})}function MultipleWithChip(){var _useState5=(0,_react.useState)([]),_useState6=_slicedToArray(_useState5,2),selectedOption=_useState6[0],setSelectedOption=_useState6[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o m\xFAltipla"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"1rem",style:{marginBlock:"2rem"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){setSelectedOption(["option3","option4","option5","batata"])},children:"Aplicar valor"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){setSelectedOption([])},children:"Limpar"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewSelect,{label:"Selecione",multiple:!0,value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},renderOptions:function renderOptions(option,remove){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Chip.Chip,{onClick:function onClick(){return remove(option)},children:(null===option||void 0===option?void 0:option.label)||""})},children:_constants.optionsSelectExample.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption.join(", ")]})]})]})}function MultipleSearchInput(){var _useState7=(0,_react.useState)([]),_useState8=_slicedToArray(_useState7,2),selectedOption=_useState8[0],setSelectedOption=_useState8[1],_useState9=(0,_react.useState)(""),_useState10=_slicedToArray(_useState9,2),searchInput=_useState10[0],setSearchInput=_useState10[1],filteredOptions=_constants.optionsSelectExample.filter(function(option){return option.label.toLowerCase().includes(searchInput.toLowerCase())});return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o m\xFAltipla"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Selecione",multiple:!0,value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{value:searchInput,onChange:function onChange(event){return setSearchInput(event.currentTarget.value)}}),filteredOptions.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption.join(", ")]})]})}function MultipleNumberOptions(){var _useState11=(0,_react.useState)([]),_useState12=_slicedToArray(_useState11,2),selectedOption=_useState12[0],setSelectedOption=_useState12[1],sum=selectedOption.reduce(function(acc,value){return acc+value},0);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o m\xFAltipla"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewSelect,{label:"Selecione",multiple:!0,value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:_constants.optionsNumbers.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Soma: ",sum]})]})}function MultipleBooleanOptions(){var _useState13=(0,_react.useState)([]),_useState14=_slicedToArray(_useState13,2),selectedOption=_useState14[0],setSelectedOption=_useState14[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o m\xFAltipla"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{multiple:!0,label:"Selecione",value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:!1,children:"false"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:!0,children:"true"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",JSON.stringify(selectedOption)]})]})}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { SelectPropsMultipleSelect } from '../types';
3
+ export declare function NewMultipleSelect<T>({ label, placeholder, alert, helperText, variant, children, value, onClose, onOpen, renderOptions, onChange, optionsContainerStyles, ...rest }: SelectPropsMultipleSelect<T>): JSX.Element;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/Multiple/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,EAAgB,yBAAyB,EAAe,MAAM,UAAU,CAAC;AAGhF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,EACnC,KAAU,EACV,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,CAAC,CAAC,eAoM9B"}
@@ -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.NewMultipleSelect=NewMultipleSelect;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_Flex=_interopRequireDefault(require("../../Flex")),_Icon=_interopRequireDefault(require("../../Icon")),_ReactPortal=require("../../ReactPortal"),_styles=require("../components/OptionsSelect/styles"),_SelectItem=require("../components/SelectItem"),_useReposition=require("../../../shared/hooks/useReposition"),_useOnClickOutside=require("../../../shared/hooks/useOnClickOutside"),_utils=require("../utils.ts"),_styles2=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","alert","helperText","variant","children","value","onClose","onOpen","renderOptions","onChange","optionsContainerStyles"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function NewMultipleSelect(_ref){function changeMultipleOption(valueOption,node){if(void 0===valueOption)return setSelectedOptions([]),setIsOpenOptions(!1),void(null===onChange||void 0===onChange?void 0:onChange([]));var findOption=selectedOptions.find(function(option){return option.value===valueOption});if(findOption)removeOption(valueOption);else{var newValues=selectedOptions.map(function(option){return option.value});null===onChange||void 0===onChange?void 0:onChange([].concat(_toConsumableArray(newValues),[valueOption]));var newSelectedOption={label:(null===node||void 0===node?void 0:node.innerText)||"",value:valueOption};setSelectedOptions([].concat(_toConsumableArray(selectedOptions),[newSelectedOption]))}}function removeOption(optionToRemove){var newSelectedOptions=null===selectedOptions||void 0===selectedOptions?void 0:selectedOptions.filter(function(option){return option.value!==optionToRemove});setSelectedOptions(newSelectedOptions);var newValues=newSelectedOptions.map(function(option){return option.value});null===onChange||void 0===onChange?void 0:onChange(newValues)}var _containerRef$current,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,alert=_ref.alert,helperText=_ref.helperText,variant=_ref.variant,children=_ref.children,value=_ref.value,onClose=_ref.onClose,onOpen=_ref.onOpen,renderOptions=_ref.renderOptions,onChange=_ref.onChange,optionsContainerStyles=_ref.optionsContainerStyles,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpenOptions=_useState2[0],setIsOpenOptions=_useState2[1],_useState3=(0,_react.useState)([]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],optionsModalRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){function handler(){setIsOpenOptions(!1)}if(isOpenOptions){var _document;null===onOpen||void 0===onOpen?void 0:onOpen(),null===(_document=document)||void 0===_document?void 0:_document.addEventListener("scroll",handler)}else{var _document2;null===onClose||void 0===onClose?void 0:onClose(),null===(_document2=document)||void 0===_document2?void 0:_document2.removeEventListener("scroll",handler)}return function(){var _document3;return null===(_document3=document)||void 0===_document3?void 0:_document3.removeEventListener("scroll",handler)}},[isOpenOptions]),(0,_useOnClickOutside.useOnClickOutside)([containerRef,optionsModalRef],function(){isOpenOptions&&setIsOpenOptions(!1)});var positionsSelect=(0,_useReposition.useReposition)({containerRef:optionsModalRef,triggerRef:selectRef},[children]),SelectedOptionsWithCustomComponent=function(_ref2){var option=_ref2.option;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:null===renderOptions||void 0===renderOptions?void 0:renderOptions(option,function(){return removeOption(option.value)})})},newSelectedOptions=[];return(0,_react.useEffect)(function(){value||setSelectedOptions([])},[value]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:selectRef,style:{width:"100%"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles2.SelectContainer,{"data-disabled":rest.disabled,"data-variant":variant,"data-label-in-top":!!(null!==selectedOptions&&void 0!==selectedOptions&&selectedOptions[0])||!!placeholder,alert:alert,tabIndex:rest.disabled?-1:0,onClick:function onClick(){return setIsOpenOptions(!isOpenOptions)},className:rest.className,style:rest.style,ref:containerRef,children:[label&&"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)("label",{title:label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"container_selected_options",children:null!==selectedOptions&&void 0!==selectedOptions&&selectedOptions[0]?selectedOptions.map(function(option,index){return"function"==typeof renderOptions?/*#__PURE__*/(0,_jsxRuntime.jsx)(SelectedOptionsWithCustomComponent,{option:option},"custom-option-selected-".concat(index)):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles2.SelectedOptionSpan,{hasSelectedOption:!0,children:[null===option||void 0===option?void 0:option.label,1<selectedOptions.length&&index<selectedOptions.length-1&&","]},index)}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.SelectedOptionSpan,{title:"placeholder",children:placeholder})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{className:"select_container_icon",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionsContainer,{ref:optionsModalRef,open:isOpenOptions,style:_objectSpread(_objectSpread({maxWidth:"".concat(null===(_containerRef$current=containerRef.current)||void 0===_containerRef$current?void 0:_containerRef$current.getBoundingClientRect().width,"px")},optionsContainerStyles),{},{left:positionsSelect.left,top:positionsSelect.top}),children:_react.Children.map(children,function(child,index){var isSelectItemElement=(null===child||void 0===child?void 0:child.type)===_SelectItem.SelectItem;if(!/*#__PURE__*/(0,_react.isValidElement)(child)||!isSelectItemElement)return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:child});var childElement=child,_selectItemUtils=(0,_utils.selectItemUtils)(),getSelectItemInfos=_selectItemUtils.getSelectItemInfos,isSelectedOption=!!(null!==selectedOptions&&void 0!==selectedOptions&&selectedOptions.find(function(option){var _childElement$props;return option.value===(null===(_childElement$props=childElement.props)||void 0===_childElement$props?void 0:_childElement$props.value)})),className=(0,_classnames.default)({selected:isSelectedOption});return/*#__PURE__*/(0,_react.cloneElement)(childElement,{ref:function ref(node){if(node){var _getSelectItemInfos=getSelectItemInfos(node),selectItemValue=_getSelectItemInfos.selectItemValue,selectItemNode=_getSelectItemInfos.selectItemNode;if(null!==value&&void 0!==value&&value.includes(selectItemValue)){var option={label:(null===selectItemNode||void 0===selectItemNode?void 0:selectItemNode.innerText)||"",value:selectItemValue};newSelectedOptions.push(option)}if(value){var allNewOptionsAreSelected=selectedOptions.every(function(item){return null===value||void 0===value?void 0:value.includes(item.value)})&&selectedOptions.length===newSelectedOptions.length;_react.Children.count(children)!==index+1||allNewOptionsAreSelected||setSelectedOptions(newSelectedOptions)}}},onClick:function onClick(event){var _childElement$props2,_childElement$props2$;if(null===(_childElement$props2=childElement.props)||void 0===_childElement$props2||null===(_childElement$props2$=_childElement$props2.onClick)||void 0===_childElement$props2$?void 0:_childElement$props2$.call(_childElement$props2,event),event.currentTarget.classList.contains("select-item")){var _getSelectItemInfos2=getSelectItemInfos(),selectItemNode=_getSelectItemInfos2.selectItemNode;changeMultipleOption(childElement.props.value,selectItemNode)}},className:className})})})}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.HelperText,{alert:alert,children:helperText})]})})}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export declare function SingleWithDefaultValue(): JSX.Element;
3
+ export declare function SingleWithChip(): JSX.Element;
4
+ export declare function SingleSearchInput(): JSX.Element;
5
+ export declare function SingleNumberOptions(): JSX.Element;
6
+ export declare function SingleBooleanOptions(): JSX.Element;
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelect/Single/Examples/index.tsx"],"names":[],"mappings":";AAYA,wBAAgB,sBAAsB,gBAsCrC;AAED,wBAAgB,cAAc,gBA+C7B;AACD,wBAAgB,iBAAiB,gBAiChC;AAED,wBAAgB,mBAAmB,gBAuBlC;AAED,wBAAgB,oBAAoB,gBAoBnC"}
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingleBooleanOptions=SingleBooleanOptions,exports.SingleNumberOptions=SingleNumberOptions,exports.SingleSearchInput=SingleSearchInput,exports.SingleWithChip=SingleWithChip,exports.SingleWithDefaultValue=SingleWithDefaultValue;var _react=require("react"),_Icon=_interopRequireDefault(require("../../../Icon")),_Typography=_interopRequireDefault(require("../../../Typography")),_=require("../.."),_Button=_interopRequireDefault(require("../../../Button")),_Flex=_interopRequireDefault(require("../../../Flex")),_Skeleton=_interopRequireDefault(require("../../../Skeleton")),_SelectInputSearch=require("../../components/SelectInputSearch"),_SelectItem=require("../../components/SelectItem"),_constants=require("../../Examples/constants"),_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 SingleWithDefaultValue(){var _useState=(0,_react.useState)("option1"),_useState2=_slicedToArray(_useState,2),selectedOption=_useState2[0],setSelectedOption=_useState2[1],_useState3=(0,_react.useState)(!0),_useState4=_slicedToArray(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1];return(0,_react.useEffect)(function(){setTimeout(function(){setIsLoading(!1)},2e3)},[]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o unica"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Selecione",value:selectedOption,onChange:function onChange(value){setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{children:"Limpar"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:"default-option",children:"Op\xE7\xE3o padr\xE3o"}),isLoading?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Skeleton.default,{height:"100px",isLoaded:!1}):_constants.optionsSelectExample.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption]})]})}function SingleWithChip(){var _useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),selectedOption=_useState6[0],setSelectedOption=_useState6[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o unica"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"2rem",style:{marginBlock:"2rem"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){setSelectedOption("option3")},children:"Aplicar valor"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){setSelectedOption("")},children:"Limpar"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewSelect,{label:"Selecione",value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},renderOptions:function renderOptions(selected){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"0.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"smile"}),"O valor selecionado \xE9 ",selected]})},children:_constants.optionsSelectExample.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption]})]})]})}function SingleSearchInput(){var _useState7=(0,_react.useState)(""),_useState8=_slicedToArray(_useState7,2),searchInput=_useState8[0],setSearchInput=_useState8[1],filteredOptions=_constants.optionsSelectExample.filter(function(option){return option.label.toLowerCase().includes(searchInput.toLowerCase())}),_useState9=(0,_react.useState)(""),_useState10=_slicedToArray(_useState9,2),selectedOption=_useState10[0],setSelectedOption=_useState10[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o unica"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Selecione",value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectInputSearch.SelectInputSearch,{value:searchInput,onChange:function onChange(event){return setSearchInput(event.currentTarget.value)}}),filteredOptions.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption]})]})}function SingleNumberOptions(){var _useState11=(0,_react.useState)(),_useState12=_slicedToArray(_useState11,2),selectedOption=_useState12[0],setSelectedOption=_useState12[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o unica"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewSelect,{label:"Selecione",value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:_constants.optionsNumbers.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:option.value,children:option.label},index)})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption]})]})}function SingleBooleanOptions(){var _useState13=(0,_react.useState)(!1),_useState14=_slicedToArray(_useState13,2),selectedOption=_useState14[0],setSelectedOption=_useState14[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral6",fontSize:"sm",fontWeight:"600",children:"Sele\xE7\xE3o unica"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.NewSelect,{label:"Selecione",value:selectedOption,onChange:function onChange(value){return setSelectedOption(value)},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:!1,children:"false"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_SelectItem.SelectItem,{value:!0,children:"true"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{color:"neutral.neutral3",children:["Valor atual: ",selectedOption+""]})]})}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/single/index.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAgB,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEjE,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAU,EACV,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,aAAa,EACb,sBAAsB,EACtB,GAAG,IAAI,EACR,EAAE,uBAAuB,CAAC,CAAC,CAAC,eA0I5B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/Single/index.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAgB,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEjE,wBAAgB,eAAe,CAAC,CAAC,EAAE,EACjC,KAAU,EACV,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,aAAa,EACb,sBAAsB,EACtB,GAAG,IAAI,EACR,EAAE,uBAAuB,CAAC,CAAC,CAAC,eAuI5B"}
@@ -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.NewSingleSelect=NewSingleSelect;var _react=require("react"),_Flex=_interopRequireDefault(require("../../Flex")),_Icon=_interopRequireDefault(require("../../Icon")),_ReactPortal=require("../../ReactPortal"),_SelectItem=require("../components/SelectItem"),_useReposition=require("../../../shared/hooks/useReposition"),_useOnClickOutside=require("../../../shared/hooks/useOnClickOutside"),_utils=require("../utils.ts"),_styles=require("../components/OptionsSelect/styles"),_styles2=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","alert","helperText","variant","children","value","onClose","onOpen","onChange","renderOptions","optionsContainerStyles"];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 NewSingleSelect(_ref){var _containerRef$current,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,alert=_ref.alert,helperText=_ref.helperText,variant=_ref.variant,children=_ref.children,value=_ref.value,onClose=_ref.onClose,onOpen=_ref.onOpen,onChange=_ref.onChange,renderOptions=_ref.renderOptions,optionsContainerStyles=_ref.optionsContainerStyles,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpenOptions=_useState2[0],setIsOpenOptions=_useState2[1],_useState3=(0,_react.useState)(),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1],optionsModalRef=(0,_react.useRef)(null),textPlaceholder=selectedOption?null===selectedOption||void 0===selectedOption?void 0:selectedOption.label:placeholder;(0,_react.useEffect)(function(){function handler(){setIsOpenOptions(!1)}if(isOpenOptions){var _document;null===onOpen||void 0===onOpen?void 0:onOpen(),null===(_document=document)||void 0===_document?void 0:_document.addEventListener("scroll",handler)}else{var _document2;null===onClose||void 0===onClose?void 0:onClose(),null===(_document2=document)||void 0===_document2?void 0:_document2.removeEventListener("scroll",handler)}return function(){var _document3;return null===(_document3=document)||void 0===_document3?void 0:_document3.removeEventListener("scroll",handler)}},[isOpenOptions]),(0,_useOnClickOutside.useOnClickOutside)([containerRef,optionsModalRef],function(){isOpenOptions&&setIsOpenOptions(!1)});var positionsSelect=(0,_useReposition.useReposition)({containerRef:optionsModalRef,triggerRef:selectRef},[children]);return(0,_react.useEffect)(function(){value||setSelectedOption(void 0)},[value]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:selectRef,style:{width:"100%"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles2.SelectContainer,{"data-disabled":rest.disabled,"data-variant":variant,"data-label-in-top":!!textPlaceholder||!!placeholder,alert:alert,tabIndex:rest.disabled?-1:0,onClick:function onClick(){return setIsOpenOptions(!isOpenOptions)},className:rest.className,style:rest.style,ref:containerRef,children:[label&&"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)("label",{children:label}),"function"==typeof renderOptions&&selectedOption?/*#__PURE__*/(0,_jsxRuntime.jsx)(function SelectedOptionsWithCustomComponent(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:null===renderOptions||void 0===renderOptions?void 0:renderOptions(null===selectedOption||void 0===selectedOption?void 0:selectedOption.value)})},{},"custom-option-selected-".concat(textPlaceholder)):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.SelectedOptionSpan,{hasSelectedOption:!!selectedOption,children:textPlaceholder}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{className:"select_container_icon",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down",color:"neutral.neutral5"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionsContainer,{ref:optionsModalRef,open:isOpenOptions,style:_objectSpread(_objectSpread({maxWidth:"".concat(null===(_containerRef$current=containerRef.current)||void 0===_containerRef$current?void 0:_containerRef$current.getBoundingClientRect().width,"px")},optionsContainerStyles),{},{left:positionsSelect.left,top:positionsSelect.top}),children:_react.Children.map(children,function(child){var isSelectItemElement=(null===child||void 0===child?void 0:child.type)===_SelectItem.SelectItem;if(!/*#__PURE__*/(0,_react.isValidElement)(child)||!isSelectItemElement)return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:child});var _selectItemUtils=(0,_utils.selectItemUtils)(),getSelectItemInfos=_selectItemUtils.getSelectItemInfos,childElement=child;return/*#__PURE__*/(0,_react.cloneElement)(childElement,{ref:function ref(node){if(node){var _getSelectItemInfos=getSelectItemInfos(node),selectItemValue=_getSelectItemInfos.selectItemValue;selectItemValue===value&&(null===selectedOption||void 0===selectedOption?void 0:selectedOption.value)!==selectItemValue&&setSelectedOption({label:node.innerText,value:selectItemValue})}},onClick:function onClick(event){var _childElement$props,_childElement$props$o;if(null===(_childElement$props=childElement.props)||void 0===_childElement$props||null===(_childElement$props$o=_childElement$props.onClick)||void 0===_childElement$props$o?void 0:_childElement$props$o.call(_childElement$props,event),event.currentTarget.classList.contains("select-item")){setIsOpenOptions(!1),null===onChange||void 0===onChange?void 0:onChange(childElement.props.value);var _getSelectItemInfos2=getSelectItemInfos(),selectItemNode=_getSelectItemInfos2.selectItemNode;void 0!==childElement.props.value&&setSelectedOption({label:(null===selectItemNode||void 0===selectItemNode?void 0:selectItemNode.innerText)||"",value:childElement.props.value})}}})})})}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.HelperText,{alert:alert,children:helperText})]})})}
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { SelectItemProps } from './types';
3
- export declare function SelectItem(props: SelectItemProps): JSX.Element;
2
+ export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
3
+ value?: string | number | boolean | undefined;
4
+ } & import("react").RefAttributes<HTMLButtonElement>>;
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelect/components/SelectItem/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAWhD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelect/components/SelectItem/index.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU;;qDAarB,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectItem=SelectItem;var _styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");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 _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 SelectItem(props){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SelectItemContainer,_objectSpread(_objectSpread({"data-type-of-value":_typeof(props.value),type:"button",className:"select-item"},props),{},{children:props.children}))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectItem=void 0;var _react=require("react"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");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 _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)}var SelectItem=/*#__PURE__*/(0,_react.forwardRef)(function(props,ref){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SelectItemContainer,_objectSpread(_objectSpread({},props),{},{ref:ref,"data-type-of-value":_typeof(props.value),type:"button",className:"select-item ".concat(props.className||""),value:props.value,children:props.children}))});exports.SelectItem=SelectItem,SelectItem.displayName="SelectItem";
@@ -1,3 +1,5 @@
1
1
  import { ButtonHTMLAttributes } from 'react';
2
- export type SelectItemProps = ButtonHTMLAttributes<HTMLButtonElement>;
2
+ export type SelectItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> & {
3
+ value?: string | number | undefined | boolean;
4
+ };
3
5
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelect/components/SelectItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelect/components/SelectItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CAC/C,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NewSelect=NewSelect;var _multiple=require("./multiple"),_single=require("./single"),_jsxRuntime=require("react/jsx-runtime");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)}function NewSelect(props){return props.multiple?/*#__PURE__*/(0,_jsxRuntime.jsx)(_multiple.NewMultipleSelect,_objectSpread({},props)):/*#__PURE__*/(0,_jsxRuntime.jsx)(_single.NewSingleSelect,_objectSpread({},props))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NewSelect=NewSelect;var _Multiple=require("./Multiple"),_Single=require("./Single"),_jsxRuntime=require("react/jsx-runtime");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)}function NewSelect(props){return props.multiple?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Multiple.NewMultipleSelect,_objectSpread({},props)):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Single.NewSingleSelect,_objectSpread({},props))}
@@ -4,7 +4,7 @@ import { SelectInputSearchProps } from './components/SelectInputSearch/types';
4
4
  import { SelectItemProps } from './components/SelectItem/types';
5
5
  export type SelectAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
6
6
  export type SizeSelect = 'sm' | 'md';
7
- export type SelectValue = string | string[] | boolean | number | number[] | undefined;
7
+ export type SelectValue = string | string[] | boolean | boolean[] | number | number[] | undefined;
8
8
  export interface SelectOption {
9
9
  label: string;
10
10
  value?: SelectValue;
@@ -27,13 +27,13 @@ export type SelectPropsSingleSelect<T> = SelectPropsBase & {
27
27
  value?: T;
28
28
  renderOptions?: (option: T) => ReactNode | ReactNode[];
29
29
  };
30
- export type SelectPropsMultipleSelect = SelectPropsBase & {
30
+ export type SelectPropsMultipleSelect<T> = SelectPropsBase & {
31
31
  multiple: true;
32
- value?: SelectValue[];
33
- onChange?: (value: SelectValue[]) => void;
32
+ value?: T;
33
+ onChange?: (value: T) => void;
34
34
  renderOptions?: (option: SelectOption, remove: (removeOption: SelectOption) => void) => ReactNode | ReactNode[];
35
35
  };
36
- export type SelectProps<T> = SelectPropsSingleSelect<T> | SelectPropsMultipleSelect;
36
+ export type SelectProps<T> = SelectPropsSingleSelect<T> | SelectPropsMultipleSelect<T>;
37
37
  export type SelectContainerProps = {
38
38
  alert?: SelectAlertType;
39
39
  size?: SizeSelect;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,UAAU,eACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,aAAa,CAAC;CACxC;AAGD,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,eAAe,GAAG;IACzD,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,eAAe,GAAG;IACxD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,KACzC,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAAG,yBAAyB,CAAC;AAEpF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,GAAG,eAAe,EAAE,aAAa,CAAC,CAAC;AAEpG,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,GAAG,OAAO,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;AAElG,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,UAAU,eACR,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,aAAa,CAAC;CACxC;AAGD,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,eAAe,GAAG;IACzD,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,IAAI,eAAe,GAAG;IAC3D,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,MAAM,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,KACzC,SAAS,GAAG,SAAS,EAAE,CAAC;CAC9B,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,GAAG,eAAe,EAAE,aAAa,CAAC,CAAC;AAEpG,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC"}
@@ -1,3 +1,10 @@
1
+ import { TypeOfValue } from '../../../utils/get-primitive-value';
1
2
  import { SelectOption } from '../types';
2
3
  export declare function removeDuplicateOptions(options: SelectOption[]): SelectOption[];
4
+ export declare function selectItemUtils(): {
5
+ getSelectItemInfos: (node?: HTMLButtonElement) => {
6
+ selectItemNode: HTMLButtonElement | null;
7
+ selectItemValue: TypeOfValue;
8
+ };
9
+ };
3
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/utils.ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAY9E"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/utils.ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqB,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAY9E;AAED,wBAAgB,eAAe;gCAKM,iBAAiB;;;;EAgBrD"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeDuplicateOptions=removeDuplicateOptions;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}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 removeDuplicateOptions(options){var _step,uniqueOptions=[],valuesSeen=new Set,_iterator=_createForOfIteratorHelper(options);try{for(_iterator.s();!(_step=_iterator.n()).done;){var option=_step.value;valuesSeen.has(option.value)||(uniqueOptions.push(option),valuesSeen.add(option.value))}}catch(err){_iterator.e(err)}finally{_iterator.f()}return uniqueOptions}
1
+ "use strict";var _getPrimitiveValue=require("../../../utils/get-primitive-value");Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeDuplicateOptions=removeDuplicateOptions,exports.selectItemUtils=selectItemUtils;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}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 removeDuplicateOptions(options){var _step,uniqueOptions=[],valuesSeen=new Set,_iterator=_createForOfIteratorHelper(options);try{for(_iterator.s();!(_step=_iterator.n()).done;){var option=_step.value;valuesSeen.has(option.value)||(uniqueOptions.push(option),valuesSeen.add(option.value))}}catch(err){_iterator.e(err)}finally{_iterator.f()}return uniqueOptions}function selectItemUtils(){function getSelectItemInfos(node){return node&&(selectItemNode=node,typeOfValue=null===node||void 0===node?void 0:node.getAttribute("data-type-of-value"),selectItemValue=(0,_getPrimitiveValue.getPrimitiveValue)(null===node||void 0===node?void 0:node.value,typeOfValue)),{selectItemNode:selectItemNode,selectItemValue:selectItemValue}}var selectItemNode=null,typeOfValue="",selectItemValue="";return{getSelectItemInfos:getSelectItemInfos}}
@@ -1,5 +1,10 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  import { SelectProps } from './types';
3
+ /**
4
+ * This component is deprecated, use NewSelect instead
5
+ * @returns {React.FC<SelectProps & InputHTMLAttributes<HTMLInputElement>>}
6
+ * @deprecated use NewSelect instead
7
+ */
3
8
  declare const Select: import("react").ForwardRefExoticComponent<SelectProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
4
9
  export default Select;
5
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJA6NX,CAAC;AAGF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,MAAM,kJA6NX,CAAC;AAGF,eAAe,MAAM,CAAC"}
@@ -1,4 +1,8 @@
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"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_Flex=_interopRequireDefault(require("../Flex")),_Icon=_interopRequireDefault(require("../Icon")),_ReactPortal=require("../ReactPortal"),_Typography=_interopRequireDefault(require("../Typography")),_OptionsSelect=require("./components/OptionsSelect"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","options","alert","helperText","width","sizeSelect","variant","optionsMinWidth"];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 Select=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleRepositionModal(){var _containerRef$current2,_optionsModalRef$curr2;setPositionContainer(null===(_containerRef$current2=containerRef.current)||void 0===_containerRef$current2?void 0:_containerRef$current2.getBoundingClientRect().top),setHeightModal(null===(_optionsModalRef$curr2=optionsModalRef.current)||void 0===_optionsModalRef$curr2?void 0:_optionsModalRef$curr2.getBoundingClientRect().height)}var _containerRef$current,_optionsModalRef$curr,_options$selectedOpti2,_containerRef$current3,_containerRef$current4,_containerRef$current5,_containerRef$current6,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,options=_ref.options,alert=_ref.alert,helperText=_ref.helperText,width=_ref.width,sizeSelect=_ref.sizeSelect,variant=_ref.variant,optionsMinWidth=_ref.optionsMinWidth,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),optionsMenuOpen=_useState2[0],setOptionsMenuOpen=_useState2[1],_useState3=(0,_react.useState)(),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),filled=_useState6[0],setFilled=_useState6[1],inputRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return inputRef.current});var isBooleanOptions=options.find(function(option){return"boolean"==typeof option.value}),valueProperty=isBooleanOptions?"checked":"value",selectOption=(0,_react.useCallback)(function(option){if(inputRef.current){var _nativeInputValueSett,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,valueProperty);null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(inputRef.current,void 0===option?"":options[option].value);var event=new Event(isBooleanOptions?"click":"input",{bubbles:!0});inputRef.current.dispatchEvent(event)}setOptionsMenuOpen(!1),setSelectedOption(option),setFilled(void 0!==option)},[isBooleanOptions,options]);(0,_react.useEffect)(function(){if(rest.defaultValue){var defaultOptionIndex=null===options||void 0===options?void 0:options.findIndex(function(c){return c.value+""===rest.defaultValue+""});0<=defaultOptionIndex&&selectOption(defaultOptionIndex)}return function(){selectOption(void 0)}},[]);var updateOption=(0,_react.useCallback)(function(){var _inputRef$current,_options$selectedOpti;if(void 0===selectedOption||(null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current[valueProperty])!==(null===(_options$selectedOpti=options[selectedOption])||void 0===_options$selectedOpti?void 0:_options$selectedOpti.value)){var _inputRef$current2;if(!isBooleanOptions&&""===(null===(_inputRef$current2=inputRef.current)||void 0===_inputRef$current2?void 0:_inputRef$current2.value)&&void 0!==selectedOption)selectOption();else{var optionIndex=null===options||void 0===options?void 0:options.findIndex(function(c){var _inputRef$current3;return c.value===(null===(_inputRef$current3=inputRef.current)||void 0===_inputRef$current3?void 0:_inputRef$current3[valueProperty])});0<=optionIndex&&selectOption(optionIndex)}}},[isBooleanOptions,options,selectOption,selectedOption]);// Assures the option is selected throughout renders.
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"),_useOnClickOutside=require("../../shared/hooks/useOnClickOutside"),_Flex=_interopRequireDefault(require("../Flex")),_Icon=_interopRequireDefault(require("../Icon")),_ReactPortal=require("../ReactPortal"),_Typography=_interopRequireDefault(require("../Typography")),_OptionsSelect=require("./components/OptionsSelect"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","options","alert","helperText","width","sizeSelect","variant","optionsMinWidth"];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}/**
2
+ * This component is deprecated, use NewSelect instead
3
+ * @returns {React.FC<SelectProps & InputHTMLAttributes<HTMLInputElement>>}
4
+ * @deprecated use NewSelect instead
5
+ */var Select=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){function handleRepositionModal(){var _containerRef$current2,_optionsModalRef$curr2;setPositionContainer(null===(_containerRef$current2=containerRef.current)||void 0===_containerRef$current2?void 0:_containerRef$current2.getBoundingClientRect().top),setHeightModal(null===(_optionsModalRef$curr2=optionsModalRef.current)||void 0===_optionsModalRef$curr2?void 0:_optionsModalRef$curr2.getBoundingClientRect().height)}var _containerRef$current,_optionsModalRef$curr,_options$selectedOpti2,_containerRef$current3,_containerRef$current4,_containerRef$current5,_containerRef$current6,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,options=_ref.options,alert=_ref.alert,helperText=_ref.helperText,width=_ref.width,sizeSelect=_ref.sizeSelect,variant=_ref.variant,optionsMinWidth=_ref.optionsMinWidth,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),optionsMenuOpen=_useState2[0],setOptionsMenuOpen=_useState2[1],_useState3=(0,_react.useState)(),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),filled=_useState6[0],setFilled=_useState6[1],inputRef=(0,_react.useRef)(null);(0,_react.useImperativeHandle)(ref,function(){return inputRef.current});var isBooleanOptions=options.find(function(option){return"boolean"==typeof option.value}),valueProperty=isBooleanOptions?"checked":"value",selectOption=(0,_react.useCallback)(function(option){if(inputRef.current){var _nativeInputValueSett,nativeInputValueSetter=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,valueProperty);null===nativeInputValueSetter||void 0===nativeInputValueSetter||null===(_nativeInputValueSett=nativeInputValueSetter.set)||void 0===_nativeInputValueSett?void 0:_nativeInputValueSett.call(inputRef.current,void 0===option?"":options[option].value);var event=new Event(isBooleanOptions?"click":"input",{bubbles:!0});inputRef.current.dispatchEvent(event)}setOptionsMenuOpen(!1),setSelectedOption(option),setFilled(void 0!==option)},[isBooleanOptions,options]);(0,_react.useEffect)(function(){if(rest.defaultValue){var defaultOptionIndex=null===options||void 0===options?void 0:options.findIndex(function(c){return c.value+""===rest.defaultValue+""});0<=defaultOptionIndex&&selectOption(defaultOptionIndex)}return function(){selectOption(void 0)}},[]);var updateOption=(0,_react.useCallback)(function(){var _inputRef$current,_options$selectedOpti;if(void 0===selectedOption||(null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current[valueProperty])!==(null===(_options$selectedOpti=options[selectedOption])||void 0===_options$selectedOpti?void 0:_options$selectedOpti.value)){var _inputRef$current2;if(!isBooleanOptions&&""===(null===(_inputRef$current2=inputRef.current)||void 0===_inputRef$current2?void 0:_inputRef$current2.value)&&void 0!==selectedOption)selectOption();else{var optionIndex=null===options||void 0===options?void 0:options.findIndex(function(c){var _inputRef$current3;return c.value===(null===(_inputRef$current3=inputRef.current)||void 0===_inputRef$current3?void 0:_inputRef$current3[valueProperty])});0<=optionIndex&&selectOption(optionIndex)}}},[isBooleanOptions,options,selectOption,selectedOption]);// Assures the option is selected throughout renders.
2
6
  (0,_react.useEffect)(function(){updateOption()});var _useState7=(0,_react.useState)(null===(_containerRef$current=containerRef.current)||void 0===_containerRef$current?void 0:_containerRef$current.getBoundingClientRect().top),_useState8=_slicedToArray(_useState7,2),positionContainer=_useState8[0],setPositionContainer=_useState8[1],optionsModalRef=(0,_react.useRef)(null),_useState9=(0,_react.useState)(null===(_optionsModalRef$curr=optionsModalRef.current)||void 0===_optionsModalRef$curr?void 0:_optionsModalRef$curr.getBoundingClientRect().height),_useState10=_slicedToArray(_useState9,2),heightModal=_useState10[0],setHeightModal=_useState10[1];return(0,_react.useEffect)(function(){var modalParent=document.querySelector("[data-scroll=dispatch-scroll]"),handler=function(){optionsMenuOpen&&setOptionsMenuOpen(!1)};return null===modalParent||void 0===modalParent?void 0:modalParent.addEventListener("scroll",handler),function(){return null===modalParent||void 0===modalParent?void 0:modalParent.removeEventListener("scroll",handler)}},[optionsMenuOpen]),(0,_useOnClickOutside.useOnClickOutside)([selectRef,optionsModalRef],function(){setOptionsMenuOpen(!1)}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:selectRef,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SelectContainer,{"data-testid":"select",size:sizeSelect||"md",filled:filled||!!placeholder,alert:alert,disabled:!!rest.disabled,width:width,tabIndex:rest.disabled?-1:0,onMouseOver:handleRepositionModal,onClick:function onClick(){rest.disabled||setOptionsMenuOpen(!optionsMenuOpen),handleRepositionModal()},className:rest.className,style:rest.style,variant:variant,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{ref:containerRef,children:[label&&"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)("label",{children:label}),void 0===selectedOption?/*#__PURE__*/ // Value label
3
7
  (0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"500",color:"neutral.neutral3",children:placeholder||""}):/*#__PURE__*/ // Placeholder label
4
8
  (0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"500",color:"inherit",children:null===(_options$selectedOpti2=options[selectedOption])||void 0===_options$selectedOpti2?void 0:_options$selectedOpti2.label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down"}),"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("fieldset",{children:!!label&&/*#__PURE__*/(0,_jsxRuntime.jsx)("legend",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",variant:"span",children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)("fieldset",{children:!!label&&/*#__PURE__*/(0,_jsxRuntime.jsx)("legend",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",variant:"span",children:label})})})]})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)("input",_objectSpread({ref:inputRef,type:isBooleanOptions&&"checkbox",tabIndex:-1},rest))]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_OptionsSelect.OptionsSelect,{open:optionsMenuOpen,left:"".concat(null===(_containerRef$current3=containerRef.current)||void 0===_containerRef$current3?void 0:_containerRef$current3.getBoundingClientRect().left,"px"),top:470>+positionContainer?"calc(".concat((null===(_containerRef$current4=containerRef.current)||void 0===_containerRef$current4?void 0:_containerRef$current4.getBoundingClientRect().bottom)||0,"px + 10px)"):"calc(".concat((null===(_containerRef$current5=containerRef.current)||void 0===_containerRef$current5?void 0:_containerRef$current5.getBoundingClientRect().top)||0,"px - ").concat(heightModal&&heightModal+10,"px)"),ref:optionsModalRef,maxWidth:"".concat(null===(_containerRef$current6=containerRef.current)||void 0===_containerRef$current6?void 0:_containerRef$current6.getBoundingClientRect().width,"px"),minWidth:optionsMinWidth,children:[!!placeholder&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionPlaceholder,{item:!0,onClick:function onClick(){return selectOption(void 0)},children:placeholder}),null===options||void 0===options?void 0:options.map(function(option,i){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Option,{sizeSelect:sizeSelect,onClick:function onClick(){selectOption(i)},children:option.label},i)})]})}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,children:helperText})]})})});Select.displayName="Select";var _default=Select;exports.default=_default;
@@ -1,4 +1,3 @@
1
- type TypeOfValue = number | string | boolean | undefined;
1
+ export type TypeOfValue = number | string | boolean | undefined;
2
2
  export declare function getPrimitiveValue<T>(value: any, type: T): TypeOfValue;
3
- export {};
4
3
  //# sourceMappingURL=get-primitive-value.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"get-primitive-value.d.ts","sourceRoot":"","sources":["../../src/utils/get-primitive-value.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEzD,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,WAAW,CAarE"}
1
+ {"version":3,"file":"get-primitive-value.d.ts","sourceRoot":"","sources":["../../src/utils/get-primitive-value.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,WAAW,CAarE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pedidopago/ui",
3
- "version": "1.10.4",
3
+ "version": "1.10.6",
4
4
  "description": "Quick build beatiful Pedido Pago apps",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { SelectPropsMultipleSelect } from '../types';
3
- export declare function NewMultipleSelect({ label, placeholder, alert, helperText, variant, children, value, onClose, onOpen, renderOptions, onChange, optionsContainerStyles, ...rest }: SelectPropsMultipleSelect): JSX.Element;
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewSelect/multiple/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAgB,yBAAyB,EAAe,MAAM,UAAU,CAAC;AAKhF,wBAAgB,iBAAiB,CAAC,EAChC,KAAU,EACV,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,GAAG,IAAI,EACR,EAAE,yBAAyB,eAsM3B"}
@@ -1 +0,0 @@
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.NewMultipleSelect=NewMultipleSelect;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_Flex=_interopRequireDefault(require("../../Flex")),_Icon=_interopRequireDefault(require("../../Icon")),_ReactPortal=require("../../ReactPortal"),_styles=require("../components/OptionsSelect/styles"),_SelectItem=require("../components/SelectItem"),_useReposition=require("../../../shared/hooks/useReposition"),_useOnClickOutside=require("../../../shared/hooks/useOnClickOutside"),_styles2=require("../styles"),_getPrimitiveValue=require("../../../utils/get-primitive-value"),_utils=require("../utils.ts"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","alert","helperText","variant","children","value","onClose","onOpen","renderOptions","onChange","optionsContainerStyles"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function NewMultipleSelect(_ref){function changeMultipleOption(valueOption){if(void 0===valueOption)return setSelectedOptions([]),void setIsOpenOptions(!1);var findOption=selectedOptions.find(function(option){return option.value===valueOption});if(findOption)removeOption(valueOption);else{if(!(null!==value&&void 0!==value&&value[0])){var optionsFound=options.find(function(option){return option.value===valueOption});optionsFound&&setSelectedOptions([].concat(_toConsumableArray(selectedOptions),[optionsFound]))}var newValues=selectedOptions.map(function(option){return option.value});null===onChange||void 0===onChange?void 0:onChange([].concat(_toConsumableArray(newValues),[valueOption]))}}function removeOption(optionToRemove){var newSelectedOptions=null===selectedOptions||void 0===selectedOptions?void 0:selectedOptions.filter(function(option){return option.value!==optionToRemove});setSelectedOptions(newSelectedOptions);var newValues=newSelectedOptions.map(function(option){return option.value});null===onChange||void 0===onChange?void 0:onChange(newValues)}var _containerRef$current,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,alert=_ref.alert,helperText=_ref.helperText,variant=_ref.variant,children=_ref.children,value=_ref.value,onClose=_ref.onClose,onOpen=_ref.onOpen,renderOptions=_ref.renderOptions,onChange=_ref.onChange,optionsContainerStyles=_ref.optionsContainerStyles,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpenOptions=_useState2[0],setIsOpenOptions=_useState2[1],_useState3=(0,_react.useState)([]),_useState4=_slicedToArray(_useState3,2),selectedOptions=_useState4[0],setSelectedOptions=_useState4[1],optionsModalRef=(0,_react.useRef)(null),_useState5=(0,_react.useState)([]),_useState6=_slicedToArray(_useState5,2),options=_useState6[0],setOptions=_useState6[1];(0,_react.useEffect)(function(){var _optionsModalRef$curr,childs=null===(_optionsModalRef$curr=optionsModalRef.current)||void 0===_optionsModalRef$curr?void 0:_optionsModalRef$curr.childNodes,newOptions=[];null===childs||void 0===childs?void 0:childs.forEach(function(child){var _child$classList,typeOfValue=child.getAttribute("data-type-of-value");null!==child&&void 0!==child&&null!==(_child$classList=child.classList)&&void 0!==_child$classList&&_child$classList.contains("select-item")&&newOptions.push({value:(0,_getPrimitiveValue.getPrimitiveValue)(null===child||void 0===child?void 0:child.value,typeOfValue),label:null===child||void 0===child?void 0:child.innerText})}),setOptions(newOptions)},[children,optionsModalRef.current]),(0,_react.useEffect)(function(){function handler(){setIsOpenOptions(!1)}if(isOpenOptions){var _document;null===onOpen||void 0===onOpen?void 0:onOpen(),null===(_document=document)||void 0===_document?void 0:_document.addEventListener("scroll",handler)}else{var _document2;null===onClose||void 0===onClose?void 0:onClose(),null===(_document2=document)||void 0===_document2?void 0:_document2.removeEventListener("scroll",handler)}return function(){var _document3;return null===(_document3=document)||void 0===_document3?void 0:_document3.removeEventListener("scroll",handler)}},[isOpenOptions]),(0,_useOnClickOutside.useOnClickOutside)([containerRef,optionsModalRef],function(){isOpenOptions&&setIsOpenOptions(!1)});var positionsSelect=(0,_useReposition.useReposition)({containerRef:optionsModalRef,triggerRef:selectRef},[children]),SelectedOptionsWithCustomComponent=function(_ref2){var option=_ref2.option;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:null===renderOptions||void 0===renderOptions?void 0:renderOptions(option,function(){return removeOption(option.value)})})};return(0,_react.useEffect)(function(){if(value){var newSelectedOptions=options.filter(function(option){return value.includes(option.value)}),oldSelectedOptions=selectedOptions.filter(function(option){return value.includes(option.value)}),uniqueSelectedOptions=(0,_utils.removeDuplicateOptions)([].concat(_toConsumableArray(oldSelectedOptions),_toConsumableArray(newSelectedOptions)));setSelectedOptions(uniqueSelectedOptions)}else setSelectedOptions([])},[value,options]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:selectRef,style:{width:"100%"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles2.SelectContainer,{"data-disabled":rest.disabled,"data-variant":variant,"data-label-in-top":!!(null!==selectedOptions&&void 0!==selectedOptions&&selectedOptions[0])||!!placeholder,alert:alert,tabIndex:rest.disabled?-1:0,onClick:function onClick(){return setIsOpenOptions(!isOpenOptions)},className:rest.className,style:rest.style,ref:containerRef,children:[label&&"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)("label",{title:label,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"container_selected_options",children:null!==selectedOptions&&void 0!==selectedOptions&&selectedOptions[0]?selectedOptions.map(function(option,index){return"function"==typeof renderOptions?/*#__PURE__*/(0,_jsxRuntime.jsx)(SelectedOptionsWithCustomComponent,{option:option},"custom-option-selected-".concat(index)):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles2.SelectedOptionSpan,{hasSelectedOption:!0,children:[null===option||void 0===option?void 0:option.label,1<selectedOptions.length&&index<selectedOptions.length-1&&","]},index)}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.SelectedOptionSpan,{title:"placeholder",children:placeholder})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{className:"select_container_icon",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionsContainer,{ref:optionsModalRef,open:isOpenOptions,style:_objectSpread(_objectSpread({maxWidth:"".concat(null===(_containerRef$current=containerRef.current)||void 0===_containerRef$current?void 0:_containerRef$current.getBoundingClientRect().width,"px")},optionsContainerStyles),{},{left:positionsSelect.left,top:positionsSelect.top}),children:_react.Children.map(children,function(child){var isSelectItemElement=(null===child||void 0===child?void 0:child.type)===_SelectItem.SelectItem;if(!/*#__PURE__*/(0,_react.isValidElement)(child)||!isSelectItemElement)return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:child});var childElement=child,isSelectedOption=null===selectedOptions||void 0===selectedOptions?void 0:selectedOptions.find(function(option){var _childElement$props;return option.value===(null===(_childElement$props=childElement.props)||void 0===_childElement$props?void 0:_childElement$props.value)}),className=(0,_classnames.default)("select-item",{selected:isSelectedOption});return/*#__PURE__*/(0,_react.cloneElement)(childElement,{onClick:function onClick(event){var _childElement$props2,_childElement$props2$;null===(_childElement$props2=childElement.props)||void 0===_childElement$props2||null===(_childElement$props2$=_childElement$props2.onClick)||void 0===_childElement$props2$?void 0:_childElement$props2$.call(_childElement$props2,event),event.currentTarget.classList.contains("select-item")&&changeMultipleOption(childElement.props.value)},className:className})})})}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.HelperText,{alert:alert,children:helperText})]})})}
@@ -1 +0,0 @@
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.NewSingleSelect=NewSingleSelect;var _react=require("react"),_Flex=_interopRequireDefault(require("../../Flex")),_Icon=_interopRequireDefault(require("../../Icon")),_ReactPortal=require("../../ReactPortal"),_SelectItem=require("../components/SelectItem"),_useReposition=require("../../../shared/hooks/useReposition"),_useOnClickOutside=require("../../../shared/hooks/useOnClickOutside"),_getPrimitiveValue=require("../../../utils/get-primitive-value"),_styles=require("../components/OptionsSelect/styles"),_styles2=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["label","placeholder","alert","helperText","variant","children","value","onClose","onOpen","onChange","renderOptions","optionsContainerStyles"];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 NewSingleSelect(_ref){var _containerRef$current,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,alert=_ref.alert,helperText=_ref.helperText,variant=_ref.variant,children=_ref.children,value=_ref.value,onClose=_ref.onClose,onOpen=_ref.onOpen,onChange=_ref.onChange,renderOptions=_ref.renderOptions,optionsContainerStyles=_ref.optionsContainerStyles,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),selectRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpenOptions=_useState2[0],setIsOpenOptions=_useState2[1],_useState3=(0,_react.useState)(),_useState4=_slicedToArray(_useState3,2),selectedOption=_useState4[0],setSelectedOption=_useState4[1],optionsModalRef=(0,_react.useRef)(null),_useState5=(0,_react.useState)([]),_useState6=_slicedToArray(_useState5,2),options=_useState6[0],setOptions=_useState6[1],findOption=options.find(function(option){return option.value===selectedOption}),isFalseOptions=!1===(null===findOption||void 0===findOption?void 0:findOption.value),textPlaceholder=null!==findOption&&void 0!==findOption&&findOption.value||isFalseOptions?null===findOption||void 0===findOption?void 0:findOption.label:placeholder;(0,_react.useEffect)(function(){var _options$,_optionsModalRef$curr;if(!(null!==options&&void 0!==options&&null!==(_options$=options[0])&&void 0!==_options$&&_options$.value)){var childs=null===(_optionsModalRef$curr=optionsModalRef.current)||void 0===_optionsModalRef$curr?void 0:_optionsModalRef$curr.childNodes,newOptions=[];null===childs||void 0===childs?void 0:childs.forEach(function(child){var _child$classList,typeOfValue=child.getAttribute("data-type-of-value");null!==(_child$classList=child.classList)&&void 0!==_child$classList&&_child$classList.contains("select-item")&&newOptions.push({value:(0,_getPrimitiveValue.getPrimitiveValue)(null===child||void 0===child?void 0:child.value,typeOfValue),label:null===child||void 0===child?void 0:child.innerText})}),setOptions(newOptions)}},[children,optionsModalRef.current,containerRef.current]),(0,_react.useEffect)(function(){function handler(){setIsOpenOptions(!1)}if(isOpenOptions){var _document;null===onOpen||void 0===onOpen?void 0:onOpen(),null===(_document=document)||void 0===_document?void 0:_document.addEventListener("scroll",handler)}else{var _document2;null===onClose||void 0===onClose?void 0:onClose(),null===(_document2=document)||void 0===_document2?void 0:_document2.removeEventListener("scroll",handler)}return function(){var _document3;return null===(_document3=document)||void 0===_document3?void 0:_document3.removeEventListener("scroll",handler)}},[isOpenOptions]),(0,_useOnClickOutside.useOnClickOutside)([containerRef,optionsModalRef],function(){isOpenOptions&&setIsOpenOptions(!1)});var positionsSelect=(0,_useReposition.useReposition)({containerRef:optionsModalRef,triggerRef:selectRef},[children]);return(0,_react.useEffect)(function(){setSelectedOption(value)},[value]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:selectRef,style:{width:"100%"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles2.SelectContainer,{"data-disabled":rest.disabled,"data-variant":variant,"data-label-in-top":!!textPlaceholder||!!placeholder,alert:alert,tabIndex:rest.disabled?-1:0,onClick:function onClick(){return setIsOpenOptions(!isOpenOptions)},className:rest.className,style:rest.style,ref:containerRef,children:[label&&"unstyled"!==variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)("label",{children:label}),"function"==typeof renderOptions&&selectedOption?/*#__PURE__*/(0,_jsxRuntime.jsx)(function SelectedOptionsWithCustomComponent(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:null===renderOptions||void 0===renderOptions?void 0:renderOptions(selectedOption)})},{},"custom-option-selected-".concat(textPlaceholder)):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.SelectedOptionSpan,{hasSelectedOption:!!selectedOption||isFalseOptions,children:textPlaceholder}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{className:"select_container_icon",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-down",color:"neutral.neutral5"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"portal-root",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionsContainer,{ref:optionsModalRef,open:isOpenOptions,style:_objectSpread(_objectSpread({maxWidth:"".concat(null===(_containerRef$current=containerRef.current)||void 0===_containerRef$current?void 0:_containerRef$current.getBoundingClientRect().width,"px")},optionsContainerStyles),{},{left:positionsSelect.left,top:positionsSelect.top}),children:_react.Children.map(children,function(child){var isSelectItemElement=(null===child||void 0===child?void 0:child.type)===_SelectItem.SelectItem;if(!/*#__PURE__*/(0,_react.isValidElement)(child)||!isSelectItemElement)return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:child});var childElement=child;return/*#__PURE__*/(0,_react.cloneElement)(childElement,{onClick:function onClick(event){var _childElement$props,_childElement$props$o;null===(_childElement$props=childElement.props)||void 0===_childElement$props||null===(_childElement$props$o=_childElement$props.onClick)||void 0===_childElement$props$o?void 0:_childElement$props$o.call(_childElement$props,event),event.currentTarget.classList.contains("select-item")&&(setIsOpenOptions(!1),setSelectedOption(childElement.props.value),null===onChange||void 0===onChange?void 0:onChange(childElement.props.value))}})})})}),!!helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles2.HelperText,{alert:alert,children:helperText})]})})}