@nimbus-ds/collapsible 1.1.0-rc.2 → 1.1.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 The Collapsible is a component that can hid and show another component when a event is triggered from a button or a link.
 
+## 2025-03-18 `1.1.0`
+
+#### 🎉 New features
+
+- Adds `use-client` directive to the build output in order to support NextJS applications. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
+
+### 💡 Others
+
+- Rebuild after build process changes to add support for modular imports and Server Components. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
+
 ## 2024-02-28 `1.0.0`
 
 ### 🎉 New features

package/dist/CHANGELOG.md

@@ -0,0 +1,23 @@
+# Changelog
+
+The Collapsible is a component that can hid and show another component when a event is triggered from a button or a link.
+
+## 2025-03-18 `1.1.0`
+
+#### 🎉 New features
+
+- Adds `use-client` directive to the build output in order to support NextJS applications. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
+
+### 💡 Others
+
+- Rebuild after build process changes to add support for modular imports and Server Components. ([#276](https://github.com/TiendaNube/nimbus-design-system/pull/276) by [@joacotornello](https://github.com/joacotornello))
+
+## 2024-02-28 `1.0.0`
+
+### 🎉 New features
+
+- Created new `Collapsible.Body` and `Collapsible.Item` subcomponents. ([#19](https://github.com/TiendaNube/nimbus-design-system/pull/222) by [@vrlopess](https://github.com/vrlopess))
+
+- Added stories on Component `Collapsible`. ([#19](https://github.com/TiendaNube/nimbus-design-system/pull/222) by [@vrlopess](https://github.com/vrlopess))
+
+- Created new `Collapsible` component. ([#19](https://github.com/TiendaNube/nimbus-design-system/pull/222) by [@vrlopess](https://github.com/vrlopess))

package/dist/README.md

@@ -0,0 +1,36 @@
+# `@nimbus-ds/collapsible`
+
+[![@nimbus-ds/collapsible](https://img.shields.io/npm/v/@nimbus-ds/collapsible?label=%40nimbus-ds%2Fcollapsible)](https://www.npmjs.com/package/@nimbus-ds/collapsible)
+
+The Collapsible is a component that can hid and show another component when a event is triggered from a button or a link.
+
+## Installation
+
+```sh
+$ yarn add @nimbus-ds/collapsible
+# or
+$ npm install @nimbus-ds/collapsible
+```
+
+### Component Anatomy
+
+The component consists of a Item, Body and a container that can encapsulate the logic of hide and show some stuff.
+
+## Guidelines
+
+We use Collapsible to hide some content and show it only when a open event is triggered
+
+### Recommendations for use
+
+- Hide and show a component
+- Display a hint of a text and hide the bigger part of it until the user click on a button
+
+### Related components
+
+- Accordion - It is a component allows us to compress content into containers that can be opened or closed.
+
+## Usage
+
+View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/collapsible).
+
+<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />

package/dist/index.js

@@ -1 +1,2 @@
+"use client";
 !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/collapsible"]=t(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/collapsible"]=t(e.react,e["@nimbus-ds/styles"])}(global,((e,t)=>(()=>{"use strict";var r={976:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Collapsible=void 0;const o=r(769).__importStar(r(155)),n=r(246),a=r(750),i=r(373),l=({className:e,style:t,open:r,children:n,...a})=>{const[l,s]=(0,o.useState)(!1);(0,o.useEffect)((()=>{"boolean"==typeof r&&s(r)}),[r]);const c=(0,o.useMemo)((()=>({open:l,onOpen:s})),[l,s]);return o.default.createElement(i.CollapsibleContext.Provider,{value:c},o.default.createElement("div",{...a},n))};t.Collapsible=l,l.Body=n.CollapsibleBody,l.Item=a.CollapsibleItem,l.displayName="Collapsible"},246:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CollapsibleBody=void 0;const o=r(769).__importDefault(r(155)),n=r(367),a=r(505);t.CollapsibleBody=({className:e,style:t,children:r,visibleWhen:i="open",direction:l="none",...s})=>{const{open:c}=(0,a.useCollapsible)(),u=c&&"open"===i||!c&&"closed"===i,f={top:n.collapsible.classnames.bodyReversalAnimation,bottom:n.collapsible.classnames.bodyAnimation,none:n.collapsible.classnames.body};return u?o.default.createElement("div",{...s,className:f[l]},r):null}},750:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CollapsibleItem=void 0;const o=r(769).__importDefault(r(155));t.CollapsibleItem=({children:e,...t})=>o.default.createElement("div",{...t},e)},906:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CollapsibleContext=void 0;const o=r(155);t.CollapsibleContext=(0,o.createContext)({})},833:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.CollapsibleContext=void 0;const o=r(906);var n=r(906);Object.defineProperty(t,"CollapsibleContext",{enumerable:!0,get:function(){return n.CollapsibleContext}}),t.default=o.CollapsibleContext},373:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(833),t)},505:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCollapsible=void 0;var o=r(624);Object.defineProperty(t,"useCollapsible",{enumerable:!0,get:function(){return o.useCollapsible}})},624:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCollapsible=void 0;const o=r(155),n=r(373);t.useCollapsible=()=>{const e=(0,o.useContext)(n.CollapsibleContext);if(null==e||0===Object.keys(e).length)throw new Error("CollapsibleBody components must be wrapped in <Collapsible />");return e}},367:e=>{e.exports=t},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>A,__assign:()=>a,__asyncDelegator:()=>C,__asyncGenerator:()=>P,__asyncValues:()=>x,__await:()=>j,__awaiter:()=>y,__classPrivateFieldGet:()=>D,__classPrivateFieldIn:()=>k,__classPrivateFieldSet:()=>M,__createBinding:()=>_,__decorate:()=>l,__disposeResources:()=>F,__esDecorate:()=>c,__exportStar:()=>v,__extends:()=>n,__generator:()=>b,__importDefault:()=>I,__importStar:()=>T,__makeTemplateObject:()=>S,__metadata:()=>d,__param:()=>s,__propKey:()=>f,__read:()=>h,__rest:()=>i,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>w,__spreadArray:()=>g,__spreadArrays:()=>O,__values:()=>m,default:()=>B});var o=function(e,t){return o=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])},o(e,t)};function n(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}o(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,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function l(e,t,r,o){var n,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(i=(a<3?n(i):a>3?n(t,r,i):n(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,o){t(r,o,e)}}function c(e,t,r,o,n,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,s=o.kind,c="getter"===s?"get":"setter"===s?"set":"value",u=!t&&e?o.static?e:e.prototype:null,f=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),p=!1,d=r.length-1;d>=0;d--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.access[b];y.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var _=(0,r[d])("accessor"===s?{get:f.get,set:f.set}:f[c],y);if("accessor"===s){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(l=i(_.get))&&(f.get=l),(l=i(_.set))&&(f.set=l),(l=i(_.init))&&n.unshift(l)}else(l=i(_))&&("field"===s?n.unshift(l):f[c]=l)}u&&Object.defineProperty(u,o.name,f),p=!0}function u(e,t,r){for(var o=arguments.length>2,n=0;n<t.length;n++)r=o?t[n].call(e,r):t[n].call(e);return o?r:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function p(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 d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,o){return new(r||(r=Promise))((function(n,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}s((o=o.apply(e,t||[])).next())}))}function b(e,t){var r,o,n,a,i={label:0,sent:function(){if(1&n[0])throw n[1];return n[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,o&&(n=2&l[0]?o.return:l[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,l[1])).done)return n;switch(o=0,n&&(l=[2&l[0],n.value]),l[0]){case 0:case 1:n=l;break;case 4:return i.label++,{value:l[1],done:!1};case 5:i.label++,o=l[1],l=[0];continue;case 7:l=i.ops.pop(),i.trys.pop();continue;default:if(!(n=i.trys,(n=n.length>0&&n[n.length-1])||6!==l[0]&&2!==l[0])){i=0;continue}if(3===l[0]&&(!n||l[1]>n[0]&&l[1]<n[3])){i.label=l[1];break}if(6===l[0]&&i.label<n[1]){i.label=n[1],n=l;break}if(n&&i.label<n[2]){i.label=n[2],i.ops.push(l);break}n[2]&&i.ops.pop(),i.trys.pop();continue}l=t.call(e,i)}catch(e){l=[6,e],o=0}finally{r=n=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}}var _=Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]};function v(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||_(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],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 o,n,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)i.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function O(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,n++)o[n]=a[i];return o}function g(e,t,r){if(r||2===arguments.length)for(var o,n=0,a=t.length;n<a;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function j(e){return this instanceof j?(this.v=e,this):new j(e)}function P(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),a=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(e){n[e]&&(o[e]=function(t){return new Promise((function(r,o){a.push([e,t,r,o])>1||l(e,t)}))})}function l(e,t){try{(r=n[e](t)).value instanceof j?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 C(e){var t,r;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(r=!r)?{value:j(e[o](t)),done:!1}:n?n(t):t}:n}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(r){t[r]=e[r]&&function(t){return new Promise((function(o,n){(function(e,t,r,o){Promise.resolve(o).then((function(t){e({value:t,done:r})}),t)})(o,n,(t=e[r](t)).done,t.value)}))}}}function S(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var E=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(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)&&_(t,e,r);return E(t,e),t}function I(e){return e&&e.__esModule?e:{default:e}}function D(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}function M(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,r):n?n.value=r:t.set(e,r),r}function k(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 A(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:o,async:r})}else r&&e.stack.push({async:!0});return t}var R="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var o=new Error(r);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};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 o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const B={__extends:n,__assign:a,__rest:i,__decorate:l,__param:s,__metadata:d,__awaiter:y,__generator:b,__createBinding:_,__exportStar:v,__values:m,__read:h,__spread:w,__spreadArrays:O,__spreadArray:g,__await:j,__asyncGenerator:P,__asyncDelegator:C,__asyncValues:x,__makeTemplateObject:S,__importStar:T,__importDefault:I,__classPrivateFieldGet:D,__classPrivateFieldSet:M,__classPrivateFieldIn:k,__addDisposableResource:A,__disposeResources:F}}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return r[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.Collapsible=void 0;const t=n(976);var r=n(976);Object.defineProperty(e,"Collapsible",{enumerable:!0,get:function(){return r.Collapsible}}),e.default=t.Collapsible})(),a})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/collapsible",
-  "version": "1.1.0-rc.2",
+  "version": "1.1.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -26,8 +26,7 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/webpack": "^1.4.0",
+    "@nimbus-ds/webpack": "^1.5.0",
     "@vanilla-extract/dynamic": "^2.0.3"
-  },
-  "stableVersion": "1.0.1"
+  }
 }