@nimbus-ds/patterns 1.13.0-rc.6 β†’ 1.14.0

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 (9) hide show
  1. package/CHANGELOG.md +304 -0
  2. package/dist/CHANGELOG.md +6 -0
  3. package/dist/ProductDataList/index.d.ts +195 -0
  4. package/dist/ProductDataList/index.js +2 -0
  5. package/dist/Sortable/index.d.ts +11 -2
  6. package/dist/Sortable/index.js +1 -1
  7. package/dist/index.d.ts +136 -2
  8. package/dist/index.js +1 -1
  9. package/package.json +10 -6
package/CHANGELOG.md ADDED
@@ -0,0 +1,304 @@
1
+ # Changelog
2
+
3
+ Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop’s team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
4
+
5
+ ## 2025-04-25 `1.14.0`
6
+
7
+ #### πŸŽ‰ New features
8
+
9
+ - Added `ProductDataList` component. ([#111](https://github.com/TiendaNube/nimbus-patterns/pull/111) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2025-04-25 `1.13.0`
12
+
13
+ #### πŸŽ‰ New features
14
+
15
+ - Added `Sortable` component. ([#109](https://github.com/TiendaNube/nimbus-patterns/pull/109) by [@joacotornello](https://github.com/joacotornello))
16
+
17
+ ## 2025-03-18 `1.12.0`
18
+
19
+ #### πŸŽ‰ New features
20
+
21
+ - Adds `use-client` directive to the build output in order to support NextJS applications. ([#104](https://github.com/TiendaNube/nimbus-patterns/pull/104) by [@joacotornello](https://github.com/joacotornello))
22
+
23
+ - Implemented new webpack configuration to move useful files into the build output directory and inject the `use client` directive. ([#104](https://github.com/TiendaNube/nimbus-patterns/pull/104) by [@joacotornello](https://github.com/joacotornello))
24
+
25
+ ### πŸ’‘ Others
26
+
27
+ - Rebuild after build process changes to add support for modular imports and Server Components. ([#104](https://github.com/TiendaNube/nimbus-patterns/pull/104) by [@joacotornello](https://github.com/joacotornello))
28
+
29
+ ## 2025-02-28 `1.11.1`
30
+
31
+ #### πŸ› Bug fixes
32
+
33
+ - Fixed `InitialScreen.Hero` missing key warnings. ([#101](https://github.com/TiendaNube/nimbus-patterns/pull/101) by [@joacotornello](https://github.com/joacotornello))
34
+
35
+ ## 2025-02-12 `1.11.0`
36
+
37
+ - Added new Landing Screen template. ([#100](https://github.com/TiendaNube/nimbus-patterns/pull/100) by [@joacotornello](https://github.com/joacotornello))
38
+
39
+ ## 2025-02-12 `1.10.0`
40
+
41
+ - Added new `@nimbus-ds/initial-screen` component. ([#97](https://github.com/TiendaNube/nimbus-patterns/pull/97) by [@joacotornello](https://github.com/joacotornello))
42
+
43
+ ## 2024-02-17 `1.9.1`
44
+
45
+ - Fixed `PlanDisplay` not being exported and not working on NextJS. ([#99](https://github.com/TiendaNube/nimbus-patterns/pull/99) by [@joacotornello](https://github.com/joacotornello))
46
+
47
+ ## 2024-02-17 `1.9.0`
48
+
49
+ - Added new `PlanDisplay` component. ([#98](https://github.com/TiendaNube/nimbus-patterns/pull/98) by [@joacotornello](https://github.com/joacotornello))
50
+
51
+ ## 2024-03-06 `1.8.0`
52
+
53
+ ### πŸŽ‰ New features
54
+
55
+ - Added new `EmptyApp` component. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
56
+ - Added new `EmptyAppContentImageElement` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
57
+ - Added new `EmptyAppContentSection` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
58
+ - Added new `EmptyAppContentTextElement` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
59
+ - Added new `EmptyAppHeroSection` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
60
+ - Added new `EmptyAppPlanCard` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
61
+ - Added new `EmptyAppPlanItem` subcomponent. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
62
+ - Added `children` property to `EmptyApp` component API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
63
+ - Added `src` and `alt` properties to `EmptyAppContentImageElement` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
64
+ - Added `title`, `subtitle`, `actions` and `children` properties to `EmptyAppContentSection` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
65
+ - Added `title`, `content` and `bottomDivider` properties to `EmptyAppContentTextElement` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
66
+ - Added `src`, `alt`, `title`, `subtitle`, `content` and `actions` properties to `EmptyAppHeroSection` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
67
+ - Added `planContext`, `planName` and `children` properties to `EmptyAppPlanCard` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
68
+ - Added `label` and `disabled` properties to `EmptyAppPlanItem` subcomponent API. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
69
+
70
+ ### πŸ“š 3rd party library updates
71
+
72
+ - Updated `@nimbus-ds/styles@9.11.0`. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
73
+ - Updated `@nimbus-ds/components@5.5.1`. ([#95](https://github.com/TiendaNube/nimbus-patterns/pull/95) by [@juanchigallego](https://github.com/juanchigallego))
74
+
75
+ ## 2024-02-07 `1.7.8`
76
+
77
+ ### πŸŽ‰ New features
78
+
79
+ - Add `wordBreak="break-all"` property to `MenuButton` component to allow overflowing text to be trimmed at any position. ([#94](https://github.com/TiendaNube/nimbus-patterns/pull/94) by [@juanchigallego](https://github.com/juanchigallego))
80
+
81
+ ## 2024-01-09 `1.7.7`
82
+
83
+ #### πŸ› Bug fixes
84
+
85
+ - Remove visual focus box-shadow from `MenuButton` component because it visually hints the element is on focus even after an action has been performed. ([#93](https://github.com/TiendaNube/nimbus-patterns/pull/93) by [@juanchigallego](https://github.com/juanchigallego))
86
+
87
+ ## 2024-01-04 `1.7.6`
88
+
89
+ #### πŸ› Bug fixes
90
+
91
+ - Explicitly export type for `FormFieldInput` component. ([#92](https://github.com/TiendaNube/nimbus-patterns/pull/92) by [@juanchigallego](https://github.com/juanchigallego))
92
+ - Explicitly export type for `FormFieldSelect` component. ([#92](https://github.com/TiendaNube/nimbus-patterns/pull/92) by [@juanchigallego](https://github.com/juanchigallego))
93
+ - Explicitly export type for `FormFieldTextarea` component. ([#92](https://github.com/TiendaNube/nimbus-patterns/pull/92) by [@juanchigallego](https://github.com/juanchigallego))
94
+
95
+ #### πŸŽ‰ New features
96
+
97
+ - Update `AppShell` component with new design requirements. ([#91](https://github.com/TiendaNube/nimbus-patterns/pull/91) by [@juanchigallego](https://github.com/juanchigallego))
98
+ - Update `CalloutCard` component with new design requirements. ([#91](https://github.com/TiendaNube/nimbus-patterns/pull/91) by [@juanchigallego](https://github.com/juanchigallego))
99
+ - Update `SideModal` component with new design requirements. ([#91](https://github.com/TiendaNube/nimbus-patterns/pull/91) by [@juanchigallego](https://github.com/juanchigallego))
100
+
101
+ ## 2023-12-18 `1.7.5`
102
+
103
+ - Adjust component padding and size of the icon child on `MenuButton` component. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
104
+ - Adjust padding on `MenuButtonAccordion` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
105
+ - Adjust padding of `MenuBody` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
106
+ - Adjust padding and icon sizing on `MenuFooter` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
107
+ - Adjust colors and padding on `MenuSection` subcomponent. ([#90](https://github.com/TiendaNube/nimbus-patterns/pull/90) by [@juanchigallego](https://github.com/juanchigallego))
108
+
109
+ ## 2023-12-06 `1.7.4`
110
+
111
+ #### πŸ› Bug fixes
112
+
113
+ - Added possibility to forward ref of `FormField.Input` component. Fix [issue #88](https://github.com/TiendaNube/nimbus-patterns/issues/88) ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
114
+ - Added possibility to forward ref of `FormField.Select` component. Fix [issue #88](https://github.com/TiendaNube/nimbus-patterns/issues/88) ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
115
+ - Added possibility to forward ref of `FormField.Textarea` component. Fix [issue #88](https://github.com/TiendaNube/nimbus-patterns/issues/88) ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
116
+
117
+ #### πŸ“š 3rd party library updates
118
+
119
+ - Updated `@nimbus-ds/icons@1.x`. ([#89](https://github.com/TiendaNube/nimbus-patterns/pull/89) by [@hrchioest](https://github.com/hrchioest))
120
+
121
+ ## 2023-11-16 `1.7.3`
122
+
123
+ #### πŸ’‘ Others
124
+
125
+ - Remove `Editor` component from bundle until `lexical` supports SSR to prevent erros with server-side rendering projects. ([#86](https://github.com/TiendaNube/nimbus-patterns/pull/86) by [@juanchigallego](https://github.com/juanchigallego))
126
+
127
+ ## 2023-11-15 `1.7.2`
128
+
129
+ #### πŸ“š 3rd party library updates
130
+
131
+ - Update packages. ([#85](https://github.com/TiendaNube/nimbus-patterns/pull/85) by [@juanchigallego](https://github.com/juanchigallego))
132
+
133
+ #### πŸ’‘ Others
134
+
135
+ - Changed `helpIcon` and `helpText` appearance to `neutral-textDisabled` on `FormField` component. ([#85](https://github.com/TiendaNube/nimbus-patterns/pull/85) by [@juanchigallego](https://github.com/juanchigallego))
136
+
137
+ ## 2023-10-25 `1.7.1`
138
+
139
+ #### πŸ› Bug fixes
140
+
141
+ - Fixed text and object alignment issues on `EmptyMessage` component's `illustration` variant. ([#81](https://github.com/TiendaNube/nimbus-patterns/pull/81) by [@juanchigallego](https://github.com/juanchigallego))
142
+ - Adjusted text and spacing styles to match `EmptyMessage` component's UI design pattern. ([#81](https://github.com/TiendaNube/nimbus-patterns/pull/81) by [@juanchigallego](https://github.com/juanchigallego))
143
+
144
+ ## 2023-10-17 `1.7.0`
145
+
146
+ #### πŸŽ‰ New features
147
+
148
+ - Added new `Editor` component. ([#80](https://github.com/TiendaNube/nimbus-patterns/pull/80) by [@juniorconquista](https://github.com/juniorconquista))
149
+
150
+ #### πŸ› Bug fixes
151
+
152
+ - Fixed externally controlled visibility working correctly in the `ProductUpdate` component. ([#80](https://github.com/TiendaNube/nimbus-patterns/pull/80)
153
+
154
+ ## 2023-09-25 `1.6.0`
155
+
156
+ #### πŸŽ‰ New features
157
+
158
+ - Added new `Calendar` component. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
159
+ - Added `hideBorder`, `containerProps`, `stickyWeekdays` and `fullWidthDays` properties to the `Calendar` component API. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
160
+ - Added new `CustomCaptionLabel` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
161
+ - Added new `CustomDay` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
162
+ - Added new `Weekdays` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
163
+ - Added new `Wrapper` subcomponent. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
164
+ - Added `children` property to the `Wrapper` subcomponent API. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juanchigallego](https://github.com/juanchigallego))
165
+
166
+ ## 2023-07-21 `1.5.1`
167
+
168
+ #### πŸ› Bug fixes
169
+
170
+ - Fixed a bug on `CalloutCard` where `onClick` attribute would only work when clicking the chevron icon instead of the whole component. ([#72](https://github.com/TiendaNube/nimbus-patterns/pull/72) by [@juanchigallego](https://github.com/juanchigallego))
171
+
172
+ ## 2023-07-18 `1.5.0`
173
+
174
+ #### πŸŽ‰ New features
175
+
176
+ - Added new `menuProperties` prop to `AppShell` component to control menu responsiveness. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
177
+ - Added `ref` property to `FormField.Input` component API. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista)).
178
+ - Added `ref` property to `FormField.Select` component API. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista)).
179
+ - Added `ref` property to `Input.Textarea` component API. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista)).
180
+
181
+ #### πŸ› Bug fixes
182
+
183
+ - Adjusted the property typing of the footer buttons so that they contain all the properties available in the `SideModal` component. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
184
+ - Adjusted the `toggle` property to contain all properties available in the `InteractiveList.ToggleItemSkeleton` component. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
185
+ - Adjusted the `pagination` property to contain all properties available in the `DataTable.Footer` component. ([#69](https://github.com/TiendaNube/nimbus-patterns/pull/69) by [@juniorconquista](https://github.com/juniorconquista))
186
+
187
+ ## 2023-06-21 `1.4.3`
188
+
189
+ #### πŸ› Bug fixes
190
+
191
+ - Fixed typing of `InteractiveList.CheckboxItem`, `InteractiveList.ButtonItem`, `InteractiveList.RadioItem` and `InteractiveList.ToggleItem` internal components to extend native HTML props. ([#66](https://github.com/TiendaNube/nimbus-patterns/pull/66) by [@juniorconquista](https://github.com/juniorconquista))
192
+
193
+ ## 2023-06-15 `1.4.2`
194
+
195
+ #### πŸ’‘ Others
196
+
197
+ - Removed module key from `package.json` in all components. ([#62](https://github.com/TiendaNube/nimbus-patterns/pull/62) by [@juniorconquista](https://github.com/juniorconquista))
198
+
199
+ ## 2023-05-23 `1.4.0`
200
+
201
+ #### πŸ’‘ Others
202
+
203
+ - Some patterns extend the properties of the `Box` component which has undergone some significant changes, so you should consult the `Box` component documentation when performing this update. ([#56](https://github.com/TiendaNube/nimbus-patterns/pull/56) by [@juniorconquista](https://github.com/juniorconquista))
204
+
205
+ #### πŸ“š 3rd party library updates
206
+
207
+ - Updated `@nimbus-ds/components@4.x` to `@nimbus-ds/components@5.x`. ([#56](https://github.com/TiendaNube/nimbus-patterns/pull/56) by [@juniorconquista](https://github.com/juniorconquista))
208
+
209
+ ## 2023-05-08 `1.3.0`
210
+
211
+ #### πŸŽ‰ New features
212
+
213
+ - Added `as` property to the `MenuButton.Accordion` component API. ([#50](https://github.com/TiendaNube/nimbus-patterns/pull/50) by [@juniorconquista](https://github.com/juniorconquista))
214
+
215
+ ## 2023-05-02 `1.2.2`
216
+
217
+ #### πŸŽ‰ New features
218
+
219
+ - Update component design styles on `EmptyMessage` component. ([#49](https://github.com/TiendaNube/nimbus-design-system/pull/49) by [@juanchigallego](https://github.com/juanchigallego))
220
+
221
+ ## 2023-04-24 `1.2.1`
222
+
223
+ #### πŸ› Bug fixes
224
+
225
+ - Fixed typing of `Page`, `Page.Header` and `Page.Body` components to correctly extend `Box` properties. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
226
+ - Fixed bug where it was not possible to change the paddings of the `Page.Header` and `Page.Body` components. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
227
+ - Renamed `controlled` property to `open` in `MenuButton.Accordion` component API. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
228
+ - Changed the background color of the `MenuButton.Accordion` component when it is open. ([#48](https://github.com/TiendaNube/nimbus-patterns/pull/48) by [@juniorconquista](https://github.com/juniorconquista))
229
+
230
+ ## 2023-04-18 `1.2.0`
231
+
232
+ #### πŸŽ‰ New features
233
+
234
+ - Added `Menu.ButtonAccordion` subcomponent of `Menu` component. ([#44](https://github.com/TiendaNube/nimbus-patterns/pull/44) by [@juniorconquista](https://github.com/juniorconquista))
235
+ - Added `MenuButton.Accordion` subcomponent of `MenuButton` component. ([#44](https://github.com/TiendaNube/nimbus-patterns/pull/44) by [@juniorconquista](https://github.com/juniorconquista))
236
+
237
+ ## 2023-04-17 `1.1.1`
238
+
239
+ #### πŸŽ‰ New features
240
+
241
+ - Added new `DataTable.Cell` subcomponent. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
242
+ - Added `bottomDivider` property to `DataList` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
243
+ - Added `topDivider` property to `DataList.Row` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
244
+ - Extend `DataList` properties inside `InteractiveList` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
245
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.CheckboxItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
246
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.RadioItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
247
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.ToggleItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
248
+ - Extend `topDivider` property from `DataList.Row` subcomponent inside `InteractiveList.ButtonItem` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
249
+ - Added new `HelpLink` component. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
250
+ - Added `children` property to the `HelpLink` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
251
+ - Added stories documentation for `HelpLink` component. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
252
+
253
+ #### πŸ’‘ Others
254
+
255
+ - Extend `Box` properties inside `Page` component API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
256
+ - Extend `Box` properties inside `Page.Header` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
257
+ - Extend `Box` properties inside `Page.Body` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
258
+ - Extend `Box` properties inside `AppShell.Header` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
259
+ - Added `ariaLabel` property to `NavTabs.Item` subcomponent API. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
260
+ - Added `stressed` story to `CalloutCard` stories documentation. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
261
+
262
+ #### πŸ› Bug fixes
263
+
264
+ - Fixed a bug on `AppShell.Header` subcomponent where content on `rightSlot` would fall off to the left when `leftSlot` property was empty. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
265
+ - Fixed a bug on `CalloutCard` component where the icon would incorrectly stretch and warp when the text was too long. ([#45](https://github.com/TiendaNube/nimbus-patterns/pull/45) by [@juanchigallego](https://github.com/juanchigallego))
266
+
267
+ ## 2023-04-11 `1.1.0`
268
+
269
+ #### πŸŽ‰ New features
270
+
271
+ - Added new subcomponent `InteractiveList.StructureSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
272
+ - Added new subcomponent `InteractiveList.ButtonItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
273
+ - Added new subcomponent `InteractiveList.CheckboxItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
274
+ - Added new subcomponent `InteractiveList.RadioItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
275
+ - Added new subcomponent `InteractiveList.ToggleItemSkeleton` in component `InteractiveList`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
276
+
277
+ #### πŸ› Bug fixes
278
+
279
+ - Fixed bug using Crypto library when generating unique id's for `InteractiveListItem`. ([#38](https://github.com/TiendaNube/nimbus-patterns/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
280
+
281
+ ## 2023-04-06 `1.0.0`
282
+
283
+ #### πŸŽ‰ New features
284
+
285
+ - Added `@nimbus-ds/app-shell` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
286
+ - Added `@nimbus-ds/callout-card` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
287
+ - Added `@nimbus-ds/data-list` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
288
+ - Added `@nimbus-ds/data-table` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
289
+ - Added `@nimbus-ds/empty-message` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
290
+ - Added `@nimbus-ds/formfield` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
291
+ - Added `@nimbus-ds/interactive-list` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
292
+ - Added `@nimbus-ds/layout` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
293
+ - Added `@nimbus-ds/menu` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
294
+ - Added `@nimbus-ds/menubutton` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
295
+ - Added `@nimbus-ds/nav-tabs` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
296
+ - Added `@nimbus-ds/page` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
297
+ - Added `@nimbus-ds/productupdates` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
298
+ - Added `@nimbus-ds/sidemodal` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
299
+ - Added `@nimbus-ds/thumbnail-with-action` to pattern pack. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
300
+
301
+ #### πŸ“š 3rd party library updates
302
+
303
+ - Added `@nimbus-ds/components@4.x`. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
304
+ - Added `@nimbus-ds/icons@1.x`. ([#33](https://github.com/TiendaNube/nimbus-patterns/pull/33) by [@juniorconquista](https://github.com/juniorconquista))
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop’s team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
4
4
 
5
+ ## 2025-04-25 `1.14.0`
6
+
7
+ #### πŸŽ‰ New features
8
+
9
+ - Added `ProductDataList` component. ([#111](https://github.com/TiendaNube/nimbus-patterns/pull/111) by [@joacotornello](https://github.com/joacotornello))
10
+
5
11
  ## 2025-04-25 `1.13.0`
6
12
 
7
13
  #### πŸŽ‰ New features
package/dist/ProductDataList/index.d.ts ADDED
@@ -0,0 +1,195 @@
1
+ // Generated by dts-bundle-generator v8.0.0
2
+
3
+ import { DndContextProps, DragEndEvent, DragOverEvent, DragOverlayProps, DragStartEvent, PointerSensorOptions, UniqueIdentifier } from '@dnd-kit/core';
4
+ import { BoxProps } from '@nimbus-ds/components';
5
+ import React from 'react';
6
+ import { PropsWithChildren, ReactNode } from 'react';
7
+
8
+ /**
9
+ * Properties specific to the ProductDataListItem component
10
+ */
11
+ export interface ProductDataListItemProperties {
12
+ /**
13
+ * The id of the product
14
+ */
15
+ id: string;
16
+ /**
17
+ * The title of the product
18
+ */
19
+ title: string;
20
+ /**
21
+ * The image URL of the product
22
+ */
23
+ imageUrl?: string;
24
+ /**
25
+ * Alternative text for the product image
26
+ */
27
+ imageAlt?: string;
28
+ /**
29
+ * Whether the item is draggable
30
+ */
31
+ isDraggable?: boolean;
32
+ /**
33
+ * Callback fired when remove button is clicked
34
+ */
35
+ onRemove?: () => void;
36
+ /**
37
+ * Whether the item has a divider
38
+ */
39
+ withDivider?: boolean;
40
+ /**
41
+ * Additional content to be rendered
42
+ */
43
+ children?: ReactNode;
44
+ }
45
+ /**
46
+ * Props that can be passed to the ProductDataListItem component
47
+ */
48
+ export type ProductDataListItemProps = ProductDataListItemProperties;
49
+ export declare const ProductDataListItem: React.FC<ProductDataListItemProps>;
50
+ declare const orientation: {
51
+ readonly vertical: "vertical";
52
+ readonly horizontal: "horizontal";
53
+ };
54
+ /**
55
+ * Base type for items that can be sorted
56
+ */
57
+ export type SortableItemType = {
58
+ /** Unique identifier for the sortable item */
59
+ id: UniqueIdentifier;
60
+ };
61
+ export type InternalDndContextSettings = Omit<DndContextProps, "children" | "sensors" | "collisionDetection" | "onDragStart" | "onDragOver" | "onDragEnd">;
62
+ /**
63
+ * Properties specific to the Sortable component
64
+ */
65
+ export interface SortableProperties<T extends SortableItemType> {
66
+ /** The children components */
67
+ children: ReactNode;
68
+ /** Whether to disable sorting functionality */
69
+ disabled?: boolean;
70
+ /** The items to be sorted */
71
+ items: T[];
72
+ /** Callback fired when items are reordered */
73
+ onReorder: (items: T[]) => void;
74
+ /** Callback fired when drag starts */
75
+ onDragStart?: (event: DragStartEvent) => void;
76
+ /** Callback fired during drag */
77
+ onDragOver?: (event: DragOverEvent) => void;
78
+ /** Callback fired when drag ends */
79
+ onDragEnd?: (event: DragEndEvent) => void;
80
+ /** The orientation of the sortable list */
81
+ orientation?: typeof orientation.vertical | typeof orientation.horizontal;
82
+ /**
83
+ * Custom sensor options for drag detection
84
+ * @example
85
+ * ```tsx
86
+ * <Sortable
87
+ * sensorOptions={{
88
+ * activationConstraint: {
89
+ * distance: 20, // Allow movements up to 20px
90
+ * delay: 150, // Wait 150ms before canceling
91
+ * tolerance: 5 // Tolerate 5px of movement
92
+ * }
93
+ * }}
94
+ * >
95
+ * ```
96
+ */
97
+ sensorOptions?: PointerSensorOptions;
98
+ /** Configuration for the drag overlay appearance and behavior */
99
+ overlaySettings?: Omit<DragOverlayProps, "wrapperElement" | "style">;
100
+ /** Settings for the DndContext */
101
+ dndContextSettings?: Omit<InternalDndContextSettings, "accessibility">;
102
+ /** Render function for the dragged item overlay */
103
+ renderOverlay?: (item: T) => ReactNode;
104
+ }
105
+ export type SortableProps<T extends SortableItemType> = SortableProperties<T> & {
106
+ /** Configuration for the drag overlay appearance and behavior */
107
+ overlaySettings?: DragOverlayProps;
108
+ /** Settings for the DndContext */
109
+ dndContextSettings?: InternalDndContextSettings;
110
+ };
111
+ /**
112
+ * Properties specific to the ProductDataListProducts component
113
+ *
114
+ * @template T - The type of each sortable item in the list
115
+ */
116
+ export interface ProductDataListProductsProperties<T extends SortableItemType> {
117
+ /**
118
+ * The array of items to be rendered and sorted in the list.
119
+ */
120
+ items: T[];
121
+ /**
122
+ * Callback fired when the order of items changes.
123
+ *
124
+ * @param items - The reordered array of items
125
+ */
126
+ onReorder: (items: T[]) => void;
127
+ /**
128
+ * If true, enables drag-and-drop sorting for the list items.
129
+ * @default false
130
+ */
131
+ sortable?: boolean;
132
+ /**
133
+ * Function to render each item in the list.
134
+ *
135
+ * @param item - The item to render
136
+ * @param index - The index of the item in the list
137
+ * @returns The rendered node for the item
138
+ */
139
+ renderItem: (item: T, index: number) => ReactNode;
140
+ /**
141
+ * Additional properties to pass to the sortable container.
142
+ */
143
+ sortableProps?: object;
144
+ }
145
+ /**
146
+ * Props that can be passed to the ProductDataListProducts component, including sortable and layout properties.
147
+ *
148
+ * @template T - The type of each sortable item in the list
149
+ */
150
+ export type ProductDataListProductsProps<T extends SortableItemType> = ProductDataListProductsProperties<T> & {
151
+ /**
152
+ * Additional properties for the sortable container, omitting core sortable and layout props.
153
+ */
154
+ sortableProps?: Omit<SortableProps<T>, "items" | "onReorder" | "orientation" | "disabled" | "renderOverlay" | "children">;
155
+ } & Omit<BoxProps, "my" | "display" | "flexDirection" | "gap">;
156
+ export declare function ProductDataListProducts<T extends SortableItemType>({ sortable, items, onReorder, renderItem, sortableProps, children, ...props }: ProductDataListProductsProps<T>): React.ReactElement;
157
+ export declare namespace ProductDataListProducts {
158
+ var displayName: string;
159
+ }
160
+ export type ProductDataListSectionProperties = PropsWithChildren<{
161
+ title?: ReactNode;
162
+ description?: ReactNode;
163
+ content?: ReactNode;
164
+ link: ReactNode;
165
+ }>;
166
+ export type ProductDataListSectionProps = ProductDataListSectionProperties & Omit<BoxProps, "padding" | "display" | "flexDirection" | "gap">;
167
+ export declare const ProductDataListSection: React.FC<ProductDataListSectionProps>;
168
+ export type ProductDataListItemDividerProperties = Pick<BoxProps, "borderTopWidth" | "borderBottomWidth" | "borderColor" | "borderStyle" | "width" | "id">;
169
+ export declare const ProductDataListItemDivider: React.FC<ProductDataListItemDividerProperties>;
170
+ /**
171
+ * Properties specific to the ProductDataList component
172
+ */
173
+ export interface ProductDataListProperties {
174
+ /**
175
+ * The content to be rendered inside the list
176
+ */
177
+ children: ReactNode;
178
+ /**
179
+ * Optional title for the list section
180
+ */
181
+ title?: ReactNode;
182
+ }
183
+ /**
184
+ * Props that can be passed to the ProductDataList component
185
+ */
186
+ export type ProductDataListProps = ProductDataListProperties & Omit<BoxProps, "padding" | "display" | "flexDirection" | "gap">;
187
+ export interface ProductDataListComponents {
188
+ Products: typeof ProductDataListProducts;
189
+ Item: typeof ProductDataListItem;
190
+ Section: typeof ProductDataListSection;
191
+ ItemDivider: typeof ProductDataListItemDivider;
192
+ }
193
+ export declare const ProductDataList: React.FC<ProductDataListProps> & ProductDataListComponents;
194
+
195
+ export {};