@nimbus-ds/multi-select 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Use a multi-select box when a user needs to select more than one option from a list.
 
+## 2026-01-13 `1.1.1`
+
+#### 🎉 New features
+
+- Adds support for React 19. ([#404](https://github.com/TiendaNube/nimbus-design-system/pull/404) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-03-18 `1.1.0`
 
 #### 🎉 New features

package/dist/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Use a multi-select box when a user needs to select more than one option from a list.
 
+## 2026-01-13 `1.1.1`
+
+#### 🎉 New features
+
+- Adds support for React 19. ([#404](https://github.com/TiendaNube/nimbus-design-system/pull/404) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2025-03-18 `1.1.0`
 
 #### 🎉 New features

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@floating-ui/react"),require("@nimbus-ds/box"),require("@nimbus-ds/text"),require("@nimbus-ds/chip"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icon","@floating-ui/react","@nimbus-ds/box","@nimbus-ds/text","@nimbus-ds/chip","@nimbus-ds/icons","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/select"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@floating-ui/react"),require("@nimbus-ds/box"),require("@nimbus-ds/text"),require("@nimbus-ds/chip"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/select"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icon"],e["@floating-ui/react"],e["@nimbus-ds/box"],e["@nimbus-ds/text"],e["@nimbus-ds/chip"],e["@nimbus-ds/icons"],e["@nimbus-ds/skeleton"])}(global,((e,t,r,n,o,a,i,l,s)=>(()=>{"use strict";var c={403:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelect=void 0;const n=r(769).__importStar(r(155)),o=r(367),a=r(208),i=r(446),l=r(558),s=r(526),c=r(627),u=r(809),f=r(337),d=({className:e,style:t,options:r,appearance:f="neutral",onChange:d,placeholder:p,value:y,zIndex:b,...m})=>{const[_,v]=(0,n.useState)([]),[h,w]=(0,n.useState)(r),[g,S]=(0,n.useState)(!1),x=()=>S((e=>!e));return(0,n.useEffect)((()=>{y&&(e=>{const t=r.flatMap((t=>e.find((e=>e.value===t.value))?[]:t));w(t),v(e)})(y)}),[y,r]),(0,n.useEffect)((()=>{d&&d(_)}),[_,d]),n.default.createElement(i.Popover,{content:n.default.createElement(l.Box,{display:"flex",flexDirection:"column",width:"100%"},h.map((e=>n.default.createElement("button",{type:"button",key:e.value,className:o.multiSelect.classnames.container__button,onClick:()=>{return t=e,v([..._,t]),w(h.filter((e=>e.value!==t.value))),void(g&&x());var t}},n.default.createElement(s.Text,{color:"currentColor"},e.label))))),enabledClick:!1!=!!h.length&&!g,matchReferenceWidth:!0,arrow:!1,padding:"none",overflow:"hidden",offset:8,visible:g,onVisibility:x,zIndex:b??"900"},n.default.createElement("div",{className:o.multiSelect.classnames.appearance[f],tabIndex:0,...m},n.default.createElement("div",{className:o.multiSelect.classnames.container__icon},n.default.createElement(a.Icon,{source:n.default.createElement(u.ChevronDownIcon,null),color:"primary-textHigh"})),n.default.createElement(l.Box,{display:"flex",gap:"1",flexWrap:"wrap"},p&&!_.length&&n.default.createElement(s.Text,{color:"neutral-textDisabled"},p),_.map((e=>n.default.createElement(c.Chip,{key:e.value,"data-testid":`option-selected-${e.value}`,text:e.label,onClick:()=>{return t=e,v(_.filter((e=>e.value!==t.value))),void w([...h,t]);var t},removable:!0}))))))};t.MultiSelect=d,d.Skeleton=f.MultiSelectSkeleton,d.displayName="MultiSelect",d.Skeleton.displayName="MultiSelect.Skeleton"},498:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelectSkeleton=void 0;const n=r(769).__importDefault(r(155)),o=r(334);t.MultiSelectSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{width:e??"15rem",height:"2.25rem",borderRadius:"0.5rem","data-testid":t})},676:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelectSkeleton=void 0;const n=r(498);var o=r(498);Object.defineProperty(t,"MultiSelectSkeleton",{enumerable:!0,get:function(){return o.MultiSelectSkeleton}}),t.default=n.MultiSelectSkeleton},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(676),t)},157:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=void 0;const n=r(769).__importStar(r(155)),o=r(955),a=r(367),i=({className:e,style:t,visible:r,onVisibility:i,backgroundColor:l="neutral-background",position:s="bottom",padding:c="base",width:u="fit-content",arrow:f=!0,offset:d=10,enabledHover:p=!1,enabledDismiss:y=!0,enabledClick:b=!0,matchReferenceWidth:m=!1,children:_,content:v,...h})=>{const{className:w,style:g,otherProps:S}=a.popover.sprinkle({...h,width:u,padding:c,backgroundColor:l,color:l}),x=(0,n.useRef)(null),[P,O]=(0,n.useState)(!1),j=(0,n.useMemo)((()=>void 0===r?P:r),[r,P]),E=[(0,o.offset)(d),(0,o.arrow)({element:x}),(0,o.shift)(),(0,o.flip)({crossAxis:s.includes("-"),fallbackAxisSideDirection:"end",padding:5}),m&&(0,o.size)({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})].filter((e=>!1!==e)),{refThemeProvider:k}=(0,a.useTheme)(),{context:M,floatingStyles:T}=(0,o.useFloating)({open:j,placement:s,strategy:"fixed",middleware:E,whileElementsMounted:o.autoUpdate,onOpenChange:void 0!==i?i:O}),{getReferenceProps:D,getFloatingProps:C}=(0,o.useInteractions)([(0,o.useHover)(M,{enabled:p,restMs:50,delay:{close:100},handleClose:(0,o.safePolygon)({buffer:1})}),(0,o.useClick)(M,{enabled:b}),(0,o.useDismiss)(M,{enabled:y})]);return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{"data-testid":"popover-container",ref:M.refs.setReference,...D()},"function"==typeof _?_({open:j,setVisibility:O}):_),n.default.createElement(o.FloatingPortal,{id:"nimbus-popover-floating",root:k?.current},j&&n.default.createElement("div",{...S,ref:M.refs.setFloating,className:[a.popover.classnames.content,w].join(" "),style:{...g,...T},...C()},v,f&&n.default.createElement(o.FloatingArrow,{"data-testid":"arrow-element",ref:x,context:M,fill:"currentColor"}))))};t.Popover=i,i.displayName="Popover"},446:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=void 0;const n=r(157);var o=r(157);Object.defineProperty(t,"Popover",{enumerable:!0,get:function(){return o.Popover}}),t.default=n.Popover},955:e=>{e.exports=n},558:e=>{e.exports=o},627:e=>{e.exports=i},208:e=>{e.exports=r},809:e=>{e.exports=l},334:e=>{e.exports=s},367:e=>{e.exports=t},526:e=>{e.exports=a},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>I,__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>P,__asyncValues:()=>j,__await:()=>x,__awaiter:()=>y,__classPrivateFieldGet:()=>D,__classPrivateFieldIn:()=>q,__classPrivateFieldSet:()=>C,__createBinding:()=>m,__decorate:()=>l,__disposeResources:()=>F,__esDecorate:()=>c,__exportStar:()=>_,__extends:()=>o,__generator:()=>b,__importDefault:()=>T,__importStar:()=>M,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>s,__propKey:()=>f,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>g,__values:()=>v,default:()=>A});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,n){t(r,n,e)}}function c(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,s=n.kind,c="getter"===s?"get":"setter"===s?"set":"value",u=!t&&e?n.static?e:e.prototype:null,f=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),d=!1,p=r.length-1;p>=0;p--){var y={};for(var b in n)y[b]="access"===b?{}:n[b];for(var b in n.access)y.access[b]=n.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,r[p])("accessor"===s?{get:f.get,set:f.set}:f[c],y);if("accessor"===s){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(l=i(m.get))&&(f.get=l),(l=i(m.set))&&(f.set=l),(l=i(m.init))&&o.unshift(l)}else(l=i(m))&&("field"===s?o.unshift(l):f[c]=l)}u&&Object.defineProperty(u,n.name,f),d=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function l(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}s((n=n.apply(e,t||[])).next())}))}function b(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(s){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}}var m=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function _(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||m(t,e,r)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function g(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function S(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof x?Promise.resolve(r.value.v).then(s,c):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function s(e){l("next",e)}function c(e){l("throw",e)}function u(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function O(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:x(e[n](t)),done:!1}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var k=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function M(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&m(t,e,r);return k(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function D(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function C(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function q(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function I(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function F(e){function t(t){e.error=e.hasError?new R(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const A={__extends:o,__assign:a,__rest:i,__decorate:l,__param:s,__metadata:p,__awaiter:y,__generator:b,__createBinding:m,__exportStar:_,__values:v,__read:h,__spread:w,__spreadArrays:g,__spreadArray:S,__await:x,__asyncGenerator:P,__asyncDelegator:O,__asyncValues:j,__makeTemplateObject:E,__importStar:M,__importDefault:T,__classPrivateFieldGet:D,__classPrivateFieldSet:C,__classPrivateFieldIn:q,__addDisposableResource:I,__disposeResources:F}}},u={};function f(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return c[e](r,r.exports,f),r.exports}f.d=(e,t)=>{for(var r in t)f.o(t,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{var e=d;Object.defineProperty(e,"__esModule",{value:!0}),e.MultiSelect=void 0;const t=f(403);var r=f(403);Object.defineProperty(e,"MultiSelect",{enumerable:!0,get:function(){return r.MultiSelect}}),e.default=t.MultiSelect})(),d})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@floating-ui/react"),require("@nimbus-ds/box"),require("@nimbus-ds/text"),require("@nimbus-ds/chip"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/icon","@floating-ui/react","@nimbus-ds/box","@nimbus-ds/text","@nimbus-ds/chip","@nimbus-ds/icons","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/select"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@floating-ui/react"),require("@nimbus-ds/box"),require("@nimbus-ds/text"),require("@nimbus-ds/chip"),require("@nimbus-ds/icons"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/select"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/icon"],e["@floating-ui/react"],e["@nimbus-ds/box"],e["@nimbus-ds/text"],e["@nimbus-ds/chip"],e["@nimbus-ds/icons"],e["@nimbus-ds/skeleton"])}(global,((e,t,r,n,o,a,i,l,s)=>(()=>{"use strict";var c={403:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelect=void 0;const n=r(769).__importStar(r(155)),o=r(367),a=r(208),i=r(446),l=r(558),s=r(526),c=r(627),u=r(809),f=r(337),d=({className:e,style:t,options:r,appearance:f="neutral",onChange:d,placeholder:p,value:y,zIndex:b,...m})=>{const[v,_]=(0,n.useState)([]),[h,w]=(0,n.useState)(r),[g,S]=(0,n.useState)(!1),x=()=>S((e=>!e));return(0,n.useEffect)((()=>{y&&(e=>{const t=r.flatMap((t=>e.find((e=>e.value===t.value))?[]:t));w(t),_(e)})(y)}),[y,r]),(0,n.useEffect)((()=>{d&&d(v)}),[v,d]),n.default.createElement(i.Popover,{content:n.default.createElement(l.Box,{display:"flex",flexDirection:"column",width:"100%"},h.map((e=>n.default.createElement("button",{type:"button",key:e.value,className:o.multiSelect.classnames.container__button,onClick:()=>{return t=e,_([...v,t]),w(h.filter((e=>e.value!==t.value))),void(g&&x());var t}},n.default.createElement(s.Text,{color:"currentColor"},e.label))))),enabledClick:!1!=!!h.length&&!g,matchReferenceWidth:!0,arrow:!1,padding:"none",overflow:"hidden",offset:8,visible:g,onVisibility:x,zIndex:b??"900"},n.default.createElement("div",{className:o.multiSelect.classnames.appearance[f],tabIndex:0,...m},n.default.createElement("div",{className:o.multiSelect.classnames.container__icon},n.default.createElement(a.Icon,{source:n.default.createElement(u.ChevronDownIcon,null),color:"primary-textHigh"})),n.default.createElement(l.Box,{display:"flex",gap:"1",flexWrap:"wrap"},p&&!v.length&&n.default.createElement(s.Text,{color:"neutral-textDisabled"},p),v.map((e=>n.default.createElement(c.Chip,{key:e.value,"data-testid":`option-selected-${e.value}`,text:e.label,onClick:()=>{return t=e,_(v.filter((e=>e.value!==t.value))),void w([...h,t]);var t},removable:!0}))))))};t.MultiSelect=d,d.Skeleton=f.MultiSelectSkeleton,d.displayName="MultiSelect",d.Skeleton.displayName="MultiSelect.Skeleton"},498:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelectSkeleton=void 0;const n=r(769).__importDefault(r(155)),o=r(334);t.MultiSelectSkeleton=({width:e,"data-testid":t})=>n.default.createElement(o.Skeleton,{width:e??"15rem",height:"2.25rem",borderRadius:"0.5rem","data-testid":t})},676:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MultiSelectSkeleton=void 0;const n=r(498);var o=r(498);Object.defineProperty(t,"MultiSelectSkeleton",{enumerable:!0,get:function(){return o.MultiSelectSkeleton}}),t.default=n.MultiSelectSkeleton},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(676),t)},157:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=void 0;const n=r(769).__importStar(r(155)),o=r(955),a=r(367),i=({className:e,style:t,visible:r,onVisibility:i,backgroundColor:l="neutral-background",position:s="bottom",padding:c="base",width:u="fit-content",arrow:f=!0,offset:d=10,enabledHover:p=!1,enabledDismiss:y=!0,enabledClick:b=!0,matchReferenceWidth:m=!1,renderOverlay:v=!1,children:_,content:h,...w})=>{const{className:g,style:S,otherProps:x}=a.popover.sprinkle({...w,width:u,padding:c,backgroundColor:l,color:l}),P=(0,n.useRef)(null),[O,j]=(0,n.useState)(!1),E=(0,n.useMemo)((()=>void 0===r?O:r),[r,O]),k=[(0,o.offset)(d),(0,o.arrow)({element:P}),(0,o.shift)(),(0,o.flip)({crossAxis:s.includes("-"),fallbackAxisSideDirection:"end",padding:5}),m&&(0,o.size)({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})].filter((e=>!1!==e)),{refThemeProvider:M}=(0,a.useTheme)(),{context:T,floatingStyles:D}=(0,o.useFloating)({open:E,placement:s,strategy:"fixed",middleware:k,whileElementsMounted:o.autoUpdate,onOpenChange:e=>{j(e),i?.(e)}}),{getReferenceProps:C,getFloatingProps:q}=(0,o.useInteractions)([(0,o.useHover)(T,{enabled:p,restMs:50,delay:{close:100},handleClose:(0,o.safePolygon)({buffer:1})}),(0,o.useClick)(T,{enabled:b}),(0,o.useDismiss)(T,{enabled:y,outsidePressEvent:v?"mousedown":void 0})]),I=n.default.createElement("div",{...x,ref:T.refs.setFloating,className:[a.popover.classnames.content,g].join(" "),style:{...S,...D},...q()},h,f&&n.default.createElement(o.FloatingArrow,{"data-testid":"arrow-element",ref:P,context:T,fill:"currentColor"}));return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{"data-testid":"popover-container",ref:T.refs.setReference,...C()},"function"==typeof _?_({open:E,setVisibility:j}):_),n.default.createElement(o.FloatingPortal,{id:"nimbus-popover-floating",root:M?.current},E&&n.default.createElement(n.default.Fragment,null,v&&n.default.createElement("div",{className:a.popover.classnames.overlay,"data-testid":"popover-overlay"}),I)))};t.Popover=i,i.displayName="Popover"},446:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Popover=void 0;const n=r(157);var o=r(157);Object.defineProperty(t,"Popover",{enumerable:!0,get:function(){return o.Popover}}),t.default=n.Popover},955:e=>{e.exports=n},558:e=>{e.exports=o},627:e=>{e.exports=i},208:e=>{e.exports=r},809:e=>{e.exports=l},334:e=>{e.exports=s},367:e=>{e.exports=t},526:e=>{e.exports=a},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>I,__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>P,__asyncValues:()=>j,__await:()=>x,__awaiter:()=>y,__classPrivateFieldGet:()=>D,__classPrivateFieldIn:()=>q,__classPrivateFieldSet:()=>C,__createBinding:()=>m,__decorate:()=>l,__disposeResources:()=>F,__esDecorate:()=>c,__exportStar:()=>v,__extends:()=>o,__generator:()=>b,__importDefault:()=>T,__importStar:()=>M,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>s,__propKey:()=>f,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>w,__spreadArray:()=>S,__spreadArrays:()=>g,__values:()=>_,default:()=>A});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,n){t(r,n,e)}}function c(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,s=n.kind,c="getter"===s?"get":"setter"===s?"set":"value",u=!t&&e?n.static?e:e.prototype:null,f=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),d=!1,p=r.length-1;p>=0;p--){var y={};for(var b in n)y[b]="access"===b?{}:n[b];for(var b in n.access)y.access[b]=n.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,r[p])("accessor"===s?{get:f.get,set:f.set}:f[c],y);if("accessor"===s){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(l=i(m.get))&&(f.get=l),(l=i(m.set))&&(f.set=l),(l=i(m.init))&&o.unshift(l)}else(l=i(m))&&("field"===s?o.unshift(l):f[c]=l)}u&&Object.defineProperty(u,n.name,f),d=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function l(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}s((n=n.apply(e,t||[])).next())}))}function b(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(l){return function(s){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,l[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,n=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break}if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}}var m=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||m(t,e,r)}function _(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function g(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function S(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof x?Promise.resolve(r.value.v).then(s,c):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function s(e){l("next",e)}function c(e){l("throw",e)}function u(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function O(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:x(e[n](t)),done:!1}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=_(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var k=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function M(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&m(t,e,r);return k(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function D(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function C(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function q(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function I(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function F(e){function t(t){e.error=e.hasError?new R(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const A={__extends:o,__assign:a,__rest:i,__decorate:l,__param:s,__metadata:p,__awaiter:y,__generator:b,__createBinding:m,__exportStar:v,__values:_,__read:h,__spread:w,__spreadArrays:g,__spreadArray:S,__await:x,__asyncGenerator:P,__asyncDelegator:O,__asyncValues:j,__makeTemplateObject:E,__importStar:M,__importDefault:T,__classPrivateFieldGet:D,__classPrivateFieldSet:C,__classPrivateFieldIn:q,__addDisposableResource:I,__disposeResources:F}}},u={};function f(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return c[e](r,r.exports,f),r.exports}f.d=(e,t)=>{for(var r in t)f.o(t,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{var e=d;Object.defineProperty(e,"__esModule",{value:!0}),e.MultiSelect=void 0;const t=f(403);var r=f(403);Object.defineProperty(e,"MultiSelect",{enumerable:!0,get:function(){return r.MultiSelect}}),e.default=t.MultiSelect})(),d})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/multi-select",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -14,14 +14,14 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icon": "^3.0.1",
-    "@nimbus-ds/icons": "^1.7.0",
-    "@nimbus-ds/skeleton": "^3.0.1",
-    "@nimbus-ds/text": "^6.4.0"
+    "@nimbus-ds/icon": "^3.3.1",
+    "@nimbus-ds/icons": "^1.15.1",
+    "@nimbus-ds/skeleton": "^3.0.2",
+    "@nimbus-ds/text": "^6.6.1"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0 || ^18.0",
-    "react-dom": "^16.8 || ^17.0 || ^18.0"
+    "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0"
   },
   "homepage": "https://nimbus.nuvemshop.com.br/documentation",
   "repository": {
@@ -32,6 +32,6 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/webpack": "^1.5.1"
+    "@nimbus-ds/webpack": "^1.7.1"
   }
 }