@nimbus-ds/accordion 1.3.0 → 1.4.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +0 -4
  2. package/dist/index.d.ts +75 -20
  3. package/dist/index.js +1 -1
  4. package/package.json +9 -8
package/CHANGELOG.md CHANGED
@@ -32,10 +32,6 @@ The Accordion component allows us to compress content into containers that can b
32
32
 
33
33
  ## 2023-02-07 `1.0.0`
34
34
 
35
- ### 📚 3rd party library updates
36
-
37
- - Added `webpack@5.74.0`. ([#80](https://github.com/TiendaNube/nimbus-design-system/pull/80) by [@juniorconquista](https://github.com/juniorconquista))
38
-
39
35
  ### 🎉 New features
40
36
 
41
37
  - Added `children` and `selectedDefault` properties to the Component. ([#80](https://github.com/TiendaNube/nimbus-design-system/pull/80) by [@juniorconquista](https://github.com/juniorconquista))
package/dist/index.d.ts CHANGED
@@ -7,8 +7,9 @@ declare const accordion: {
7
7
  sprinkle: ((props: {
8
8
  borderTop?: "base" | "none" | undefined;
9
9
  borderBottom?: "base" | "none" | undefined;
10
+ padding?: "base" | "none" | undefined;
10
11
  }) => string) & {
11
- properties: Set<"borderBottom" | "borderTop">;
12
+ properties: Set<"borderBottom" | "borderTop" | "padding">;
12
13
  };
13
14
  properties: {
14
15
  borderTop: {
@@ -19,6 +20,10 @@ declare const accordion: {
19
20
  none: string;
20
21
  base: string;
21
22
  };
23
+ padding: {
24
+ none: string;
25
+ base: string;
26
+ };
22
27
  };
23
28
  classnames: {
24
29
  header: string;
@@ -29,53 +34,103 @@ declare const accordion: {
29
34
  body: string;
30
35
  };
31
36
  };
32
- export interface AccordionBodyProps extends HTMLAttributes<HTMLElement> {
33
- /** Accordion Body content */
37
+ export interface AccordionBodyProperties {
38
+ /**
39
+ * The content of the accordion body.
40
+ * @TJS-type React.ReactNode
41
+ */
34
42
  children: ReactNode;
35
- /** Accordion Body borderBottom */
36
- borderBottom?: keyof typeof accordion.properties.borderTop;
43
+ /**
44
+ * The borderBottom property defines a lower border of the accordion body.
45
+ * @default none
46
+ */
47
+ borderBottom?: keyof typeof accordion.properties.borderBottom;
48
+ /**
49
+ * The borderTop property defines a top border of the accordion body.
50
+ * @default none
51
+ */
52
+ borderTop?: keyof typeof accordion.properties.borderTop;
53
+ /**
54
+ * Padding properties are used to generate space around the content area of an Accordion.Body..
55
+ * @default base
56
+ */
57
+ padding?: keyof typeof accordion.properties.padding;
37
58
  }
59
+ export type AccordionBodyProps = AccordionBodyProperties & HTMLAttributes<HTMLElement>;
38
60
  declare const AccordionBody: React.FC<AccordionBodyProps>;
39
- export interface AccordionItemProps {
40
- /** Accordion Item content */
61
+ export interface AccordionItemProperties {
62
+ /**
63
+ * The content of the accordion body.
64
+ * @TJS-type React.ReactNode
65
+ */
41
66
  children: ReactNode;
42
- /** Unique indicator to identify accordion items */
67
+ /**
68
+ * Unique indicator to identify accordion items
69
+ */
43
70
  index: string;
44
- /** Accordion Item testId */
71
+ /**
72
+ * This is an attribute used to identify a DOM node for testing purposes.
73
+ */
45
74
  testId?: string;
46
75
  }
76
+ export type AccordionItemProps = AccordionItemProperties;
47
77
  declare const AccordionItem: React.FC<AccordionItemProps>;
48
- export interface AccordionHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
49
- /** Accordion Header content */
78
+ export interface AccordionHeaderProperties {
79
+ /**
80
+ * The content of the accordion header.
81
+ * @TJS-type React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);
82
+ */
50
83
  children?: ReactNode | ((data: {
51
84
  selected: string;
52
85
  index: string;
53
86
  }) => ReactNode);
54
- /** Accordion Header title */
87
+ /**
88
+ * The title to display in the accordion header.
89
+ */
55
90
  title?: string;
56
- /** Accordion Header subtitle */
91
+ /**
92
+ * The subtitle to display in the accordion header.
93
+ */
57
94
  subtitle?: string;
58
- /** Accordion Header icon */
95
+ /**
96
+ * The SVG contents to display in the accordion header.
97
+ * @TJS-type React.ReactNode
98
+ */
59
99
  icon?: ReactNode;
60
- /** Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator */
100
+ /**
101
+ * Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.
102
+ * @default false
103
+ */
61
104
  noIconToggle?: boolean;
62
- /** Accordion Header borderTop */
105
+ /**
106
+ * The borderTop property defines a lower border of the accordion header.
107
+ * @default base
108
+ */
63
109
  borderTop?: keyof typeof accordion.properties.borderTop;
64
- /** Accordion Header borderBottom */
110
+ /**
111
+ * The borderBottom property defines a lower border of the accordion header.
112
+ */
65
113
  borderBottom?: keyof typeof accordion.properties.borderBottom;
66
114
  }
115
+ export type AccordionHeaderProps = AccordionHeaderProperties & Omit<HTMLAttributes<HTMLElement>, "children">;
67
116
  declare const AccordionHeader: React.FC<AccordionHeaderProps>;
68
117
  export interface AccordionComponents {
69
118
  Body: typeof AccordionBody;
70
119
  Item: typeof AccordionItem;
71
120
  Header: typeof AccordionHeader;
72
121
  }
73
- export interface AccordionProps extends HTMLAttributes<HTMLElement> {
74
- /** Accordion Item content */
122
+ export interface AccordionProperties {
123
+ /**
124
+ * The content of the accordion.
125
+ * @TJS-type React.ReactNode
126
+ */
75
127
  children?: ReactNode;
76
- /** Informs which accordion item is open by default, this value must be the same as informed in the index of each item */
128
+ /**
129
+ * Informs which accordion item is open by default, this value must be the same as informed in the index of each item
130
+ */
77
131
  selectedDefault?: string;
78
132
  }
133
+ export type AccordionProps = AccordionProperties & HTMLAttributes<HTMLElement>;
79
134
  export declare const Accordion: React.FC<AccordionProps> & AccordionComponents;
80
135
 
81
136
  export {
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/title","@nimbus-ds/text","@nimbus-ds/icon","@nimbus-ds/icons"],t):"object"==typeof exports?exports["@nimbus-ds/accordion"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons")):e["@nimbus-ds/accordion"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/title"],e["@nimbus-ds/text"],e["@nimbus-ds/icon"],e["@nimbus-ds/icons"])}(global,((e,t,r,o,n,c)=>(()=>{"use strict";var i={216:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Accordion=void 0;const o=r(15).__importStar(r(156)),n=r(612),c=r(596),i=({className:e,style:t,children:r,selectedDefault:n,className:i,...a})=>{const[u,d]=(0,o.useState)("");(0,o.useEffect)((()=>{n&&d(n)}),[n]);const l=(0,o.useMemo)((()=>({selected:u,onSelect:d})),[u,d]);return o.default.createElement("div",{...a},o.default.createElement(c.AccordionContext.Provider,{value:l},r))};t.Accordion=i,i.Body=n.AccordionBody,i.Item=n.AccordionItem,i.Header=n.AccordionHeader,i.displayName="Accordion",i.Body.displayName="Accordion.Body",i.Item.displayName="Accordion.Item",i.Header.displayName="Accordion.Header"},963:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionBody=void 0;const o=r(15).__importStar(r(156)),n=r(990),c=r(517);t.AccordionBody=({className:e,style:t,children:r,borderBottom:i="none",...a})=>{const{selected:u}=(0,c.useAccordion)(),{index:d}=(0,c.useAccordionItem)();return(0,o.useMemo)((()=>u===d),[u,d])?o.default.createElement("div",{className:[n.accordion.classnames.body,n.accordion.sprinkle({borderBottom:i})].join(" "),...a},r):null}},122:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionBody=void 0;const o=r(963);var n=r(963);Object.defineProperty(t,"AccordionBody",{enumerable:!0,get:function(){return n.AccordionBody}}),t.default=o.AccordionBody},327:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionHeader=void 0;const o=r(15).__importStar(r(156)),n=r(892),c=r(102),i=r(633),a=r(215),u=r(990),d=r(517);t.AccordionHeader=({className:e,style:t,children:r,title:l,subtitle:s,icon:f,noIconToggle:p=!1,borderTop:y="base",borderBottom:m,...b})=>{const{selected:v,onSelect:_}=(0,d.useAccordion)(),{index:h,testId:A}=(0,d.useAccordionItem)(),w=v===h,O=(0,o.useCallback)((()=>_(w?"":h)),[w,h,_]);return o.default.createElement("button",{type:"button","data-testid":A||`accordion-header-${h}`,...b,onClick:O,className:[u.accordion.classnames.header,u.accordion.sprinkle({borderTop:y,borderBottom:w?"none":m}),w&&u.accordion.classnames.header_active].join(" ")},o.default.createElement("div",{className:u.accordion.classnames.header__content},"function"==typeof r?r({selected:v,index:h}):r,o.default.createElement("div",{className:u.accordion.classnames.header__description},f&&o.default.createElement(i.Icon,{source:f,color:"primary-textHigh"}),o.default.createElement("div",{className:u.accordion.classnames.header__title},l&&o.default.createElement(n.Title,{"data-testid":"accordion-header-title",as:"h5"},l),s&&o.default.createElement(c.Text,{fontSize:"caption","data-testid":"accordion-header-subtitle"},s))),!p&&o.default.createElement(i.Icon,{"data-testid":"accordion-icon-Toggle",color:"primary-textHigh",source:w?o.default.createElement(a.ChevronUpIcon,null):o.default.createElement(a.ChevronDownIcon,null)})))}},891:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionHeader=void 0;const o=r(327);var n=r(327);Object.defineProperty(t,"AccordionHeader",{enumerable:!0,get:function(){return n.AccordionHeader}}),t.default=o.AccordionHeader},482:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItem=void 0;const o=r(15).__importStar(r(156)),n=r(596);t.AccordionItem=({children:e,index:t,testId:r})=>{const c=(0,o.useMemo)((()=>({index:t,testId:r})),[t,r]);return o.default.createElement(n.AccordionItemContext.Provider,{value:c},e)}},98:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItem=void 0;const o=r(482);var n=r(482);Object.defineProperty(t,"AccordionItem",{enumerable:!0,get:function(){return n.AccordionItem}}),t.default=o.AccordionItem},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(15);o.__exportStar(r(122),t),o.__exportStar(r(98),t),o.__exportStar(r(891),t)},822:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionContext=void 0;const o=r(156);t.AccordionContext=(0,o.createContext)({})},61:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionContext=void 0;const o=r(822);var n=r(822);Object.defineProperty(t,"AccordionContext",{enumerable:!0,get:function(){return n.AccordionContext}}),t.default=o.AccordionContext},579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItemContext=void 0;const o=r(156);t.AccordionItemContext=(0,o.createContext)({})},930:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItemContext=void 0;const o=r(579);var n=r(579);Object.defineProperty(t,"AccordionItemContext",{enumerable:!0,get:function(){return n.AccordionItemContext}}),t.default=o.AccordionItemContext},596:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(15);o.__exportStar(r(61),t),o.__exportStar(r(930),t)},517:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordionItem=t.useAccordion=void 0;var o=r(640);Object.defineProperty(t,"useAccordion",{enumerable:!0,get:function(){return o.useAccordion}});var n=r(984);Object.defineProperty(t,"useAccordionItem",{enumerable:!0,get:function(){return n.useAccordionItem}})},640:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordion=void 0;var o=r(782);Object.defineProperty(t,"useAccordion",{enumerable:!0,get:function(){return o.useAccordion}})},782:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordion=void 0;const o=r(156),n=r(596);t.useAccordion=()=>{const e=(0,o.useContext)(n.AccordionContext);if(null==e||0===Object.keys(e).length)throw new Error("AccordionHeader or AccordionBody components must be wrapped in <Accordion />");return e}},984:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordionItem=void 0;var o=r(573);Object.defineProperty(t,"useAccordionItem",{enumerable:!0,get:function(){return o.useAccordionItem}})},573:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordionItem=void 0;const o=r(156),n=r(596);t.useAccordionItem=()=>{const e=(0,o.useContext)(n.AccordionItemContext);if(null==e||0===Object.keys(e).length)throw new Error("AccordionHeader or AccordionBody components must be wrapped in <AccordionItem />");return e}},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>c,__asyncDelegator:()=>w,__asyncGenerator:()=>A,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>l,__classPrivateFieldGet:()=>I,__classPrivateFieldIn:()=>E,__classPrivateFieldSet:()=>S,__createBinding:()=>f,__decorate:()=>a,__exportStar:()=>p,__extends:()=>n,__generator:()=>s,__importDefault:()=>g,__importStar:()=>P,__makeTemplateObject:()=>j,__metadata:()=>d,__param:()=>u,__read:()=>m,__rest:()=>i,__spread:()=>b,__spreadArray:()=>_,__spreadArrays:()=>v,__values:()=>y});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 c=function(){return c=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},c.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 a(e,t,r,o){var n,c=arguments.length,i=c<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 a=e.length-1;a>=0;a--)(n=e[a])&&(i=(c<3?n(i):c>3?n(t,r,i):n(t,r))||i);return c>3&&i&&Object.defineProperty(t,r,i),i}function u(e,t){return function(r,o){t(r,o,e)}}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,r,o){return new(r||(r=Promise))((function(n,c){function i(e){try{u(o.next(e))}catch(e){c(e)}}function a(e){try{u(o.throw(e))}catch(e){c(e)}}function u(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,a)}u((o=o.apply(e,t||[])).next())}))}function s(e,t){var r,o,n,c,i={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return c={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function a(c){return function(a){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,o&&(n=2&c[0]?o.return:c[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,c[1])).done)return n;switch(o=0,n&&(c=[2&c[0],n.value]),c[0]){case 0:case 1:n=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,o=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(n=i.trys,(n=n.length>0&&n[n.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!n||c[1]>n[0]&&c[1]<n[3])){i.label=c[1];break}if(6===c[0]&&i.label<n[1]){i.label=n[1],n=c;break}if(n&&i.label<n[2]){i.label=n[2],i.ops.push(c);break}n[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],o=0}finally{r=n=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,a])}}}var f=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 p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||f(t,e,r)}function y(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 m(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,c=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=c.next()).done;)i.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=c.return)&&r.call(c)}finally{if(n)throw n.error}}return i}function b(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function v(){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 c=arguments[t],i=0,a=c.length;i<a;i++,n++)o[n]=c[i];return o}function _(e,t,r){if(r||2===arguments.length)for(var o,n=0,c=t.length;n<c;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 h(e){return this instanceof h?(this.v=e,this):new h(e)}function A(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),c=[];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){c.push([e,t,r,o])>1||a(e,t)}))})}function a(e,t){try{(r=n[e](t)).value instanceof h?Promise.resolve(r.value.v).then(u,d):l(c[0][2],r)}catch(e){l(c[0][3],e)}var r}function u(e){a("next",e)}function d(e){a("throw",e)}function l(e,t){e(t),c.shift(),c.length&&a(c[0][0],c[0][1])}}function w(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:h(e[o](t)),done:"return"===o}:n?n(t):t}:n}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(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 j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function P(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)&&f(t,e,r);return x(t,e),t}function g(e){return e&&e.__esModule?e:{default:e}}function I(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 S(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 E(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)}},633:e=>{e.exports=n},215:e=>{e.exports=c},990:e=>{e.exports=t},102:e=>{e.exports=o},892:e=>{e.exports=r},156:t=>{t.exports=e}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return i[e](r,r.exports,u),r.exports}u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.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.Accordion=void 0;const t=u(216);var r=u(216);Object.defineProperty(e,"Accordion",{enumerable:!0,get:function(){return r.Accordion}}),e.default=t.Accordion})(),d})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@nimbus-ds/title","@nimbus-ds/text","@nimbus-ds/icon","@nimbus-ds/icons"],t):"object"==typeof exports?exports["@nimbus-ds/accordion"]=t(require("react"),require("@nimbus-ds/styles"),require("@nimbus-ds/title"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons")):e["@nimbus-ds/accordion"]=t(e.react,e["@nimbus-ds/styles"],e["@nimbus-ds/title"],e["@nimbus-ds/text"],e["@nimbus-ds/icon"],e["@nimbus-ds/icons"])}(global,((e,t,r,o,n,c)=>(()=>{"use strict";var i={216:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Accordion=void 0;const o=r(15).__importStar(r(156)),n=r(612),c=r(596),i=({className:e,style:t,children:r,selectedDefault:n,className:i,...a})=>{const[u,d]=(0,o.useState)("");(0,o.useEffect)((()=>{n&&d(n)}),[n]);const l=(0,o.useMemo)((()=>({selected:u,onSelect:d})),[u,d]);return o.default.createElement("div",{...a},o.default.createElement(c.AccordionContext.Provider,{value:l},r))};t.Accordion=i,i.Body=n.AccordionBody,i.Item=n.AccordionItem,i.Header=n.AccordionHeader,i.displayName="Accordion",i.Body.displayName="Accordion.Body",i.Item.displayName="Accordion.Item",i.Header.displayName="Accordion.Header"},963:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionBody=void 0;const o=r(15).__importStar(r(156)),n=r(990),c=r(517);t.AccordionBody=({className:e,style:t,children:r,borderBottom:i="none",borderTop:a="none",padding:u="base",...d})=>{const{selected:l}=(0,c.useAccordion)(),{index:s}=(0,c.useAccordionItem)();return(0,o.useMemo)((()=>l===s),[l,s])?o.default.createElement("div",{className:[n.accordion.classnames.body,n.accordion.sprinkle({borderBottom:i,borderTop:a,padding:u})].join(" "),...d},r):null}},122:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionBody=void 0;const o=r(963);var n=r(963);Object.defineProperty(t,"AccordionBody",{enumerable:!0,get:function(){return n.AccordionBody}}),t.default=o.AccordionBody},327:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionHeader=void 0;const o=r(15).__importStar(r(156)),n=r(892),c=r(102),i=r(633),a=r(215),u=r(990),d=r(517);t.AccordionHeader=({className:e,style:t,children:r,title:l,subtitle:s,icon:f,noIconToggle:p=!1,borderTop:y="base",borderBottom:b,...m})=>{const{selected:v,onSelect:_}=(0,d.useAccordion)(),{index:h,testId:A}=(0,d.useAccordionItem)(),w=v===h,O=(0,o.useCallback)((()=>_(w?"":h)),[w,h,_]);return o.default.createElement("button",{type:"button","data-testid":A||`accordion-header-${h}`,...m,onClick:O,className:[u.accordion.classnames.header,u.accordion.sprinkle({borderTop:y,borderBottom:w?"none":b}),w&&u.accordion.classnames.header_active].join(" ")},o.default.createElement("div",{className:u.accordion.classnames.header__content},"function"==typeof r?r({selected:v,index:h}):r,o.default.createElement("div",{className:u.accordion.classnames.header__description},f&&o.default.createElement(i.Icon,{source:f,color:"primary-textHigh"}),o.default.createElement("div",{className:u.accordion.classnames.header__title},l&&o.default.createElement(n.Title,{"data-testid":"accordion-header-title",as:"h5"},l),s&&o.default.createElement(c.Text,{fontSize:"caption","data-testid":"accordion-header-subtitle"},s))),!p&&o.default.createElement(i.Icon,{"data-testid":"accordion-icon-Toggle",color:"primary-textHigh",source:w?o.default.createElement(a.ChevronUpIcon,null):o.default.createElement(a.ChevronDownIcon,null)})))}},891:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionHeader=void 0;const o=r(327);var n=r(327);Object.defineProperty(t,"AccordionHeader",{enumerable:!0,get:function(){return n.AccordionHeader}}),t.default=o.AccordionHeader},482:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItem=void 0;const o=r(15).__importStar(r(156)),n=r(596);t.AccordionItem=({children:e,index:t,testId:r})=>{const c=(0,o.useMemo)((()=>({index:t,testId:r})),[t,r]);return o.default.createElement(n.AccordionItemContext.Provider,{value:c},e)}},98:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItem=void 0;const o=r(482);var n=r(482);Object.defineProperty(t,"AccordionItem",{enumerable:!0,get:function(){return n.AccordionItem}}),t.default=o.AccordionItem},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(15);o.__exportStar(r(122),t),o.__exportStar(r(98),t),o.__exportStar(r(891),t)},822:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionContext=void 0;const o=r(156);t.AccordionContext=(0,o.createContext)({})},61:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionContext=void 0;const o=r(822);var n=r(822);Object.defineProperty(t,"AccordionContext",{enumerable:!0,get:function(){return n.AccordionContext}}),t.default=o.AccordionContext},579:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItemContext=void 0;const o=r(156);t.AccordionItemContext=(0,o.createContext)({})},930:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AccordionItemContext=void 0;const o=r(579);var n=r(579);Object.defineProperty(t,"AccordionItemContext",{enumerable:!0,get:function(){return n.AccordionItemContext}}),t.default=o.AccordionItemContext},596:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(15);o.__exportStar(r(61),t),o.__exportStar(r(930),t)},517:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordionItem=t.useAccordion=void 0;var o=r(640);Object.defineProperty(t,"useAccordion",{enumerable:!0,get:function(){return o.useAccordion}});var n=r(984);Object.defineProperty(t,"useAccordionItem",{enumerable:!0,get:function(){return n.useAccordionItem}})},640:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordion=void 0;var o=r(782);Object.defineProperty(t,"useAccordion",{enumerable:!0,get:function(){return o.useAccordion}})},782:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordion=void 0;const o=r(156),n=r(596);t.useAccordion=()=>{const e=(0,o.useContext)(n.AccordionContext);if(null==e||0===Object.keys(e).length)throw new Error("AccordionHeader or AccordionBody components must be wrapped in <Accordion />");return e}},984:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordionItem=void 0;var o=r(573);Object.defineProperty(t,"useAccordionItem",{enumerable:!0,get:function(){return o.useAccordionItem}})},573:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useAccordionItem=void 0;const o=r(156),n=r(596);t.useAccordionItem=()=>{const e=(0,o.useContext)(n.AccordionItemContext);if(null==e||0===Object.keys(e).length)throw new Error("AccordionHeader or AccordionBody components must be wrapped in <AccordionItem />");return e}},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>c,__asyncDelegator:()=>w,__asyncGenerator:()=>A,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>l,__classPrivateFieldGet:()=>I,__classPrivateFieldIn:()=>E,__classPrivateFieldSet:()=>S,__createBinding:()=>f,__decorate:()=>a,__exportStar:()=>p,__extends:()=>n,__generator:()=>s,__importDefault:()=>g,__importStar:()=>P,__makeTemplateObject:()=>j,__metadata:()=>d,__param:()=>u,__read:()=>b,__rest:()=>i,__spread:()=>m,__spreadArray:()=>_,__spreadArrays:()=>v,__values:()=>y});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 c=function(){return c=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},c.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 a(e,t,r,o){var n,c=arguments.length,i=c<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 a=e.length-1;a>=0;a--)(n=e[a])&&(i=(c<3?n(i):c>3?n(t,r,i):n(t,r))||i);return c>3&&i&&Object.defineProperty(t,r,i),i}function u(e,t){return function(r,o){t(r,o,e)}}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,r,o){return new(r||(r=Promise))((function(n,c){function i(e){try{u(o.next(e))}catch(e){c(e)}}function a(e){try{u(o.throw(e))}catch(e){c(e)}}function u(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,a)}u((o=o.apply(e,t||[])).next())}))}function s(e,t){var r,o,n,c,i={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return c={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function a(c){return function(a){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,o&&(n=2&c[0]?o.return:c[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,c[1])).done)return n;switch(o=0,n&&(c=[2&c[0],n.value]),c[0]){case 0:case 1:n=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,o=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(n=i.trys,(n=n.length>0&&n[n.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!n||c[1]>n[0]&&c[1]<n[3])){i.label=c[1];break}if(6===c[0]&&i.label<n[1]){i.label=n[1],n=c;break}if(n&&i.label<n[2]){i.label=n[2],i.ops.push(c);break}n[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],o=0}finally{r=n=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,a])}}}var f=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 p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||f(t,e,r)}function y(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 b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,c=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=c.next()).done;)i.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=c.return)&&r.call(c)}finally{if(n)throw n.error}}return i}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function v(){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 c=arguments[t],i=0,a=c.length;i<a;i++,n++)o[n]=c[i];return o}function _(e,t,r){if(r||2===arguments.length)for(var o,n=0,c=t.length;n<c;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 h(e){return this instanceof h?(this.v=e,this):new h(e)}function A(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),c=[];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){c.push([e,t,r,o])>1||a(e,t)}))})}function a(e,t){try{(r=n[e](t)).value instanceof h?Promise.resolve(r.value.v).then(u,d):l(c[0][2],r)}catch(e){l(c[0][3],e)}var r}function u(e){a("next",e)}function d(e){a("throw",e)}function l(e,t){e(t),c.shift(),c.length&&a(c[0][0],c[0][1])}}function w(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:h(e[o](t)),done:"return"===o}:n?n(t):t}:n}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(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 j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function P(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)&&f(t,e,r);return x(t,e),t}function g(e){return e&&e.__esModule?e:{default:e}}function I(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 S(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 E(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)}},633:e=>{e.exports=n},215:e=>{e.exports=c},990:e=>{e.exports=t},102:e=>{e.exports=o},892:e=>{e.exports=r},156:t=>{t.exports=e}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return i[e](r,r.exports,u),r.exports}u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.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.Accordion=void 0;const t=u(216);var r=u(216);Object.defineProperty(e,"Accordion",{enumerable:!0,get:function(){return r.Accordion}}),e.default=t.Accordion})(),d})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/accordion",
3
- "version": "1.3.0",
3
+ "version": "1.4.0-rc.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -9,15 +9,15 @@
9
9
  ],
10
10
  "sideEffects": false,
11
11
  "scripts": {
12
- "build": "webpack",
12
+ "build": "yarn g:webpack",
13
13
  "clean": "rm -rf dist",
14
14
  "version": "yarn version"
15
15
  },
16
16
  "dependencies": {
17
17
  "@nimbus-ds/icon": "^3.0.0",
18
18
  "@nimbus-ds/icons": "^1.1.0",
19
- "@nimbus-ds/text": "^6.0.0",
20
- "@nimbus-ds/title": "^3.0.0"
19
+ "@nimbus-ds/text": "^6.1.0",
20
+ "@nimbus-ds/title": "^3.1.0"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": "^16.8 || ^17.0 || ^18.0",
@@ -32,9 +32,10 @@
32
32
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
33
33
  },
34
34
  "devDependencies": {
35
- "@nimbus-ds/box": "^3.0.0",
36
- "@nimbus-ds/card": "^3.0.0",
35
+ "@nimbus-ds/box": "^3.2.0",
36
+ "@nimbus-ds/card": "^3.0.1",
37
37
  "@nimbus-ds/radio": "^2.2.0",
38
- "webpack": "^5.74.0"
39
- }
38
+ "@nimbus-ds/webpack": "^1.3.0"
39
+ },
40
+ "stableVersion": "1.3.0"
40
41
  }