@pismo/marola 0.0.1-alpha.18 → 0.0.1-alpha.2

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 (145) hide show
  1. package/README.md +5 -17
  2. package/dist/Button-REznN-RP.js +1139 -0
  3. package/dist/Dialog.module-BO0mdB7d.js +15 -0
  4. package/dist/assets/CallToActionButton.css +1 -0
  5. package/dist/assets/Dialog.css +1 -1
  6. package/dist/assets/LoadingSpinner.css +1 -1
  7. package/dist/assets/Typography.css +1 -1
  8. package/dist/assets/main.css +1 -0
  9. package/dist/components/CallToActionButton/CallToActionButton.d.ts +23 -0
  10. package/dist/components/CallToActionButton/CallToActionButton.js +57 -0
  11. package/dist/components/Dialog/Actions.js +1 -1
  12. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  13. package/dist/components/Dialog/Backdrop.js +9 -2
  14. package/dist/components/Dialog/CloseIconButton.js +10 -11
  15. package/dist/components/Dialog/Dialog.d.ts +4 -5
  16. package/dist/components/Dialog/Dialog.js +20103 -445
  17. package/dist/components/Dialog/Title.js +7 -22
  18. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +0 -2
  19. package/dist/components/LoadingSpinner/LoadingSpinner.js +13 -12
  20. package/dist/components/Typography/Typography.d.ts +6 -17
  21. package/dist/components/Typography/Typography.js +64 -85
  22. package/dist/main.d.ts +3 -25
  23. package/dist/main.js +15 -62
  24. package/dist/types/helpers.d.ts +7 -14
  25. package/package.json +9 -51
  26. package/src/playground/Playground.tsx +58 -0
  27. package/dist/Button-2b1peDFT.js +0 -130
  28. package/dist/ClickAwayListener-BSW-Nd-y.js +0 -107
  29. package/dist/Dialog.module-B8COssqi.js +0 -15
  30. package/dist/Popup-B6ZSGIEI.js +0 -1248
  31. package/dist/Portal-DIeBsWdL.js +0 -73
  32. package/dist/SelectButton-pciwIWcj.js +0 -46
  33. package/dist/Tabs.module-jkH1Qjn7.js +0 -22
  34. package/dist/assets/Advice.css +0 -1
  35. package/dist/assets/Button.css +0 -1
  36. package/dist/assets/Checkbox.css +0 -1
  37. package/dist/assets/Chip.css +0 -1
  38. package/dist/assets/IconButton.css +0 -1
  39. package/dist/assets/Input.css +0 -1
  40. package/dist/assets/InputSearch.css +0 -1
  41. package/dist/assets/PageHeader.css +0 -1
  42. package/dist/assets/Pagination.css +0 -1
  43. package/dist/assets/SelectButton.css +0 -1
  44. package/dist/assets/Skeleton.css +0 -1
  45. package/dist/assets/Snackbar.css +0 -1
  46. package/dist/assets/SortTooltip.css +0 -1
  47. package/dist/assets/Stepper.css +0 -1
  48. package/dist/assets/Table.css +0 -1
  49. package/dist/assets/Tabs.css +0 -1
  50. package/dist/assets/TextDisplay.css +0 -1
  51. package/dist/assets/Toggle.css +0 -1
  52. package/dist/assets/Tooltip.css +0 -1
  53. package/dist/combineHooksSlotProps-DVjg9PRh.js +0 -80
  54. package/dist/components/Advice/Advice.d.ts +0 -28
  55. package/dist/components/Advice/Advice.js +0 -25
  56. package/dist/components/Advice/Advice.stories.d.ts +0 -16
  57. package/dist/components/Button/Button.d.ts +0 -32
  58. package/dist/components/Button/Button.js +0 -94
  59. package/dist/components/Button/Button.stories.d.ts +0 -62
  60. package/dist/components/Checkbox/Checkbox.d.ts +0 -34
  61. package/dist/components/Checkbox/Checkbox.js +0 -56
  62. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -31
  63. package/dist/components/Chip/Chip.d.ts +0 -37
  64. package/dist/components/Chip/Chip.js +0 -143
  65. package/dist/components/Chip/Chip.stories.d.ts +0 -40
  66. package/dist/components/Chip/chip.test.d.ts +0 -1
  67. package/dist/components/Dialog/Dialog.stories.d.ts +0 -343
  68. package/dist/components/Icon/Icon.d.ts +0 -27
  69. package/dist/components/Icon/Icon.js +0 -116
  70. package/dist/components/Icon/Icon.stories.d.ts +0 -16
  71. package/dist/components/IconButton/Icon.stories.d.ts +0 -15
  72. package/dist/components/IconButton/IconButton.d.ts +0 -36
  73. package/dist/components/IconButton/IconButton.js +0 -70
  74. package/dist/components/Input/Input.d.ts +0 -44
  75. package/dist/components/Input/Input.js +0 -496
  76. package/dist/components/Input/Input.stories.d.ts +0 -43
  77. package/dist/components/InputSearch/InputSearch.d.ts +0 -9
  78. package/dist/components/InputSearch/InputSearch.js +0 -34
  79. package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
  80. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
  81. package/dist/components/PageHeader/PageHeader.d.ts +0 -36
  82. package/dist/components/PageHeader/PageHeader.js +0 -51
  83. package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -43
  84. package/dist/components/Pagination/Pagination.d.ts +0 -55
  85. package/dist/components/Pagination/Pagination.js +0 -222
  86. package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
  87. package/dist/components/Select/Select.d.ts +0 -26
  88. package/dist/components/Select/Select.js +0 -857
  89. package/dist/components/Select/Select.stories.d.ts +0 -22
  90. package/dist/components/Select/SelectButton.d.ts +0 -12
  91. package/dist/components/Select/SelectButton.js +0 -8
  92. package/dist/components/Skeleton/Skeleton.d.ts +0 -25
  93. package/dist/components/Skeleton/Skeleton.js +0 -23
  94. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
  95. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
  96. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
  97. package/dist/components/Snackbar/Snackbar.d.ts +0 -25
  98. package/dist/components/Snackbar/Snackbar.js +0 -622
  99. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -318
  100. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
  101. package/dist/components/SortTooltip/SortTooltip.js +0 -78
  102. package/dist/components/Stepper/Stepper.d.ts +0 -26
  103. package/dist/components/Stepper/Stepper.js +0 -33
  104. package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
  105. package/dist/components/Table/Table.d.ts +0 -39
  106. package/dist/components/Table/Table.js +0 -120
  107. package/dist/components/Table/TableContext.d.ts +0 -19
  108. package/dist/components/Table/TableContext.js +0 -21
  109. package/dist/components/Tabs/Tab.d.ts +0 -14
  110. package/dist/components/Tabs/Tab.js +0 -181
  111. package/dist/components/Tabs/Tab.stories.d.ts +0 -15
  112. package/dist/components/Tabs/TabPanel.d.ts +0 -12
  113. package/dist/components/Tabs/TabPanel.js +0 -118
  114. package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
  115. package/dist/components/Tabs/Tabs.d.ts +0 -15
  116. package/dist/components/Tabs/Tabs.js +0 -401
  117. package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
  118. package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
  119. package/dist/components/TextDisplay/TextDisplay.js +0 -37
  120. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
  121. package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
  122. package/dist/components/Toggle/Toggle.d.ts +0 -11
  123. package/dist/components/Toggle/Toggle.js +0 -251
  124. package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
  125. package/dist/components/Tooltip/Tooltip.d.ts +0 -29
  126. package/dist/components/Tooltip/Tooltip.js +0 -139
  127. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -33
  128. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  129. package/dist/components/Typography/typography.test.d.ts +0 -1
  130. package/dist/index-CH45lKw7.js +0 -840
  131. package/dist/index-CjW42-M-.js +0 -19584
  132. package/dist/marola.css +0 -1
  133. package/dist/test-utils/assertStyles.d.ts +0 -1
  134. package/dist/test-utils/assertStyles.js +0 -11
  135. package/dist/useButton-DNk3wrQp.js +0 -105
  136. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  137. package/dist/useControlled-CCMYYdCM.js +0 -31
  138. package/dist/useEnhancedEffect-CJGo-L3B.js +0 -5
  139. package/dist/useEventCallback-xTG9piMa.js +0 -45
  140. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  141. package/dist/useList-B0hog_3-.js +0 -436
  142. package/dist/useTimeout-DxF9kiZL.js +0 -36
  143. package/dist/utils/styleStrings.d.ts +0 -6
  144. package/dist/utils/styleStrings.js +0 -10
  145. package/dist/utils/styleStrings.test.d.ts +0 -1
@@ -1,318 +0,0 @@
1
- import { SnackbarProps } from './Snackbar';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
- accept?: string | undefined;
10
- alt?: string | undefined;
11
- autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
12
- capture?: boolean | "user" | "environment" | undefined;
13
- checked?: boolean | undefined;
14
- disabled?: boolean | undefined;
15
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
16
- form?: string | undefined;
17
- formAction?: string | undefined;
18
- formEncType?: string | undefined;
19
- formMethod?: string | undefined;
20
- formNoValidate?: boolean | undefined;
21
- formTarget?: string | undefined;
22
- height?: string | number | undefined;
23
- list?: string | undefined;
24
- max?: string | number | undefined;
25
- maxLength?: number | undefined;
26
- min?: string | number | undefined;
27
- minLength?: number | undefined;
28
- multiple?: boolean | undefined;
29
- name?: string | undefined;
30
- pattern?: string | undefined;
31
- placeholder?: string | undefined;
32
- readOnly?: boolean | undefined;
33
- required?: boolean | undefined;
34
- size?: number | undefined;
35
- src?: string | undefined;
36
- step?: string | number | undefined;
37
- type?: import('react').HTMLInputTypeAttribute | undefined;
38
- value?: string | number | readonly string[] | undefined;
39
- width?: string | number | undefined;
40
- onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
41
- defaultChecked?: boolean | undefined;
42
- defaultValue?: string | number | readonly string[] | undefined;
43
- suppressContentEditableWarning?: boolean | undefined;
44
- suppressHydrationWarning?: boolean | undefined;
45
- accessKey?: string | undefined;
46
- autoFocus?: boolean | undefined;
47
- className?: string | undefined;
48
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
49
- contextMenu?: string | undefined;
50
- dir?: string | undefined;
51
- draggable?: (boolean | "true" | "false") | undefined;
52
- hidden?: boolean | undefined;
53
- id?: string | undefined;
54
- lang?: string | undefined;
55
- nonce?: string | undefined;
56
- slot?: string | undefined;
57
- spellCheck?: (boolean | "true" | "false") | undefined;
58
- style?: import('react').CSSProperties | undefined;
59
- tabIndex?: number | undefined;
60
- title?: string | undefined;
61
- translate?: "no" | "yes" | undefined;
62
- radioGroup?: string | undefined;
63
- role?: import('react').AriaRole | undefined;
64
- about?: string | undefined;
65
- content?: string | undefined;
66
- datatype?: string | undefined;
67
- inlist?: any;
68
- prefix?: string | undefined;
69
- property?: string | undefined;
70
- rel?: string | undefined;
71
- resource?: string | undefined;
72
- rev?: string | undefined;
73
- typeof?: string | undefined;
74
- vocab?: string | undefined;
75
- autoCapitalize?: string | undefined;
76
- autoCorrect?: string | undefined;
77
- autoSave?: string | undefined;
78
- color?: string | undefined;
79
- itemProp?: string | undefined;
80
- itemScope?: boolean | undefined;
81
- itemType?: string | undefined;
82
- itemID?: string | undefined;
83
- itemRef?: string | undefined;
84
- results?: number | undefined;
85
- security?: string | undefined;
86
- unselectable?: "on" | "off" | undefined;
87
- inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
88
- is?: string | undefined;
89
- "aria-activedescendant"?: string | undefined;
90
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
91
- "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
92
- "aria-braillelabel"?: string | undefined;
93
- "aria-brailleroledescription"?: string | undefined;
94
- "aria-busy"?: (boolean | "true" | "false") | undefined;
95
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
96
- "aria-colcount"?: number | undefined;
97
- "aria-colindex"?: number | undefined;
98
- "aria-colindextext"?: string | undefined;
99
- "aria-colspan"?: number | undefined;
100
- "aria-controls"?: string | undefined;
101
- "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
102
- "aria-describedby"?: string | undefined;
103
- "aria-description"?: string | undefined;
104
- "aria-details"?: string | undefined;
105
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
106
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
107
- "aria-errormessage"?: string | undefined;
108
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
109
- "aria-flowto"?: string | undefined;
110
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
111
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
112
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
113
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
114
- "aria-keyshortcuts"?: string | undefined;
115
- "aria-label"?: string | undefined;
116
- "aria-labelledby"?: string | undefined;
117
- "aria-level"?: number | undefined;
118
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
119
- "aria-modal"?: (boolean | "true" | "false") | undefined;
120
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
121
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
122
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
123
- "aria-owns"?: string | undefined;
124
- "aria-placeholder"?: string | undefined;
125
- "aria-posinset"?: number | undefined;
126
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
127
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
128
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
129
- "aria-required"?: (boolean | "true" | "false") | undefined;
130
- "aria-roledescription"?: string | undefined;
131
- "aria-rowcount"?: number | undefined;
132
- "aria-rowindex"?: number | undefined;
133
- "aria-rowindextext"?: string | undefined;
134
- "aria-rowspan"?: number | undefined;
135
- "aria-selected"?: (boolean | "true" | "false") | undefined;
136
- "aria-setsize"?: number | undefined;
137
- "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
138
- "aria-valuemax"?: number | undefined;
139
- "aria-valuemin"?: number | undefined;
140
- "aria-valuenow"?: number | undefined;
141
- "aria-valuetext"?: string | undefined;
142
- children?: import('react').ReactNode;
143
- dangerouslySetInnerHTML?: {
144
- __html: string | TrustedHTML;
145
- } | undefined;
146
- onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
147
- onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
148
- onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
149
- onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
150
- onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
151
- onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
152
- onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
153
- onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
154
- onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
155
- onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
156
- onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
157
- onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
158
- onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
159
- onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
160
- onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
161
- onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
162
- onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
163
- onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
164
- onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
165
- onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
166
- onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
167
- onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
168
- onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
169
- onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
170
- onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
171
- onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
172
- onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
173
- onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
174
- onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
175
- onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
176
- onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
177
- onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
178
- onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
179
- onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
180
- onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
181
- onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
182
- onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
183
- onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
184
- onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
185
- onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
186
- onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
187
- onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
188
- onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
189
- onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
190
- onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
191
- onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
192
- onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
193
- onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
194
- onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
195
- onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
196
- onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
197
- onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
198
- onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
199
- onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
200
- onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
201
- onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
202
- onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
203
- onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
204
- onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
205
- onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
206
- onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
207
- onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
208
- onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
209
- onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
210
- onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
211
- onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
212
- onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
213
- onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
214
- onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
215
- onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
216
- onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
217
- onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
218
- onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
219
- onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
220
- onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
221
- onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
222
- onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
223
- onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
224
- onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
225
- onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
226
- onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
227
- onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
228
- onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
229
- onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
230
- onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
231
- onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
232
- onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
233
- onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
234
- onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
235
- onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
236
- onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
237
- onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
238
- onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
239
- onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
240
- onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
241
- onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
242
- onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
243
- onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
244
- onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
245
- onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
246
- onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
247
- onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
248
- onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
249
- onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
250
- onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
251
- onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
252
- onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
253
- onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
254
- onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
255
- onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
256
- onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
257
- onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
258
- onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
259
- onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
260
- onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
261
- onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
262
- onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
263
- onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
264
- onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
265
- onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
266
- onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
267
- onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
268
- onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
269
- onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
270
- onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
271
- onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
272
- onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
273
- onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
274
- onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
275
- onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
276
- onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
277
- onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
278
- onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
279
- onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
280
- onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
281
- onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
282
- onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
283
- onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
284
- onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
285
- onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
286
- onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
287
- onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
288
- onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
289
- onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
290
- onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
291
- onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
292
- onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
293
- onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
294
- onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
295
- onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
296
- onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
297
- onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
298
- onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
299
- onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
300
- onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
301
- onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
302
- onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
303
- onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
304
- onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
305
- variant: import('./Snackbar').SnackbarVariant;
306
- snackbarMessage: string;
307
- open?: boolean | undefined;
308
- 'data-testid'?: string | undefined;
309
- classNameWrapper?: string | undefined;
310
- autoHideDuration?: number | undefined;
311
- onClose?: (() => void) | undefined;
312
- }>) => import("react/jsx-runtime").JSX.Element)[];
313
- };
314
- export default meta;
315
- type Story = StoryObj<typeof meta>;
316
- export declare const Success: Story;
317
- export declare const Error: Story;
318
- export declare const Warning: Story;
@@ -1,28 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
-
3
- export type SortType = 'ASC' | 'DESC';
4
- type SortCommonProps = {
5
- className?: string;
6
- 'data-testid'?: string;
7
- };
8
- export type SortTranslationsByKeys = {
9
- asc: string;
10
- desc: string;
11
- };
12
- type SortLanguages = 'pt' | 'en';
13
- type SortTranslations = {
14
- t?: SortTranslationsByKeys;
15
- language?: SortLanguages;
16
- };
17
- type SortTooltipProps = {
18
- onSort: (order: SortType) => void;
19
- onClose: () => void;
20
- sortType?: SortType;
21
- show?: boolean;
22
- anchorRef?: HTMLElement | null | undefined;
23
- } & SortCommonProps & SortTranslations;
24
- export declare const sortTooltipDefaultTranslations: {
25
- [key in SortLanguages]: SortTranslationsByKeys;
26
- };
27
- declare const SortTooltip: ({ children, className, language, onClose, onSort, show, sortType, t, ...rest }: PropsWithChildren<SortTooltipProps>) => import("react/jsx-runtime").JSX.Element;
28
- export { SortTooltip };
@@ -1,78 +0,0 @@
1
- import '../../assets/SortTooltip.css';
2
- import { jsx as o, jsxs as s } from "react/jsx-runtime";
3
- import { c as g } from "../../clsx-DB4S2d7J.js";
4
- import { Tooltip as H } from "../Tooltip/Tooltip.js";
5
- import * as t from "react";
6
- const u = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M4.73768 14.6906C4.35893 15.105 3.64205 15.105 3.26299 14.6906L0.541112 11.6878C0.167987 11.28 0.195487 10.6469 0.602643 10.2731C1.00952 9.89969 1.64233 9.92812 2.01577 10.3348L3.00017 11.4406V2.00094C3.00017 1.44781 3.44799 1 4.00017 1C4.55236 1 5.00017 1.44781 5.00017 2.00094V11.4384L6.01267 10.3325C6.3708 9.94219 7.00236 9.88281 7.4258 10.2708C7.83299 10.6443 7.86018 11.2777 7.48733 11.6855L4.73768 14.6906Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M14.0001 13H12.4141L14.7073 10.7069C14.9934 10.4208 15.0788 9.99098 14.9241 9.61691C14.7693 9.24285 14.4032 9.00004 13.972 9.00004H9.97196C9.44696 9.00004 9.00008 9.44691 9.00008 10C9.00008 10.5532 9.4479 11 10.0001 11H11.586L9.2929 13.2932C9.00677 13.5793 8.92133 14.0091 9.07608 14.3832C9.23083 14.7572 9.59696 15 9.97196 15H13.9438C14.5532 15 15.0001 14.5532 15.0001 14C15.0001 13.4469 14.5532 13 14.0001 13ZM15.3938 6.54066L12.8941 1.53754C12.5554 0.855977 11.4441 0.855977 11.1054 1.53754L8.60633 6.54066C8.35927 7.03785 8.55946 7.64191 9.05352 7.89035C9.54946 8.13791 10.1485 7.93651 10.3951 7.44035L10.6186 6.99066H13.3821L13.6056 7.44035C13.7986 7.82879 14.3547 8.18629 14.9472 7.89035C15.4407 7.64379 15.6407 7.03754 15.3938 6.54066ZM11.4938 5.23129L12.0001 4.20941L12.507 5.2291H11.4938V5.23129Z", fill: "#1897F3" })), f = (e) => /* @__PURE__ */ t.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M0.512792 11.6594C0.139667 11.2516 0.167167 10.6184 0.574323 10.2447C0.766229 10.0688 1.00839 9.98175 1.24964 9.98175C1.52063 9.98175 1.79026 10.0912 1.98745 10.3064L2.99998 11.4406V2.00094C2.99998 1.44781 3.44779 1 3.99998 1C4.55217 1 4.99998 1.44781 4.99998 2.00094V11.4384L6.01248 10.3325C6.38748 9.92812 7.01873 9.89687 7.42498 10.2719C7.83216 10.6453 7.85935 11.2787 7.48651 11.6866L4.76463 14.6894C4.38588 15.1037 3.66901 15.1037 3.28995 14.6894L0.512792 11.6594Z", fill: "#1897F3" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.4, d: "M10.0002 3H11.5862L9.29303 5.29313C9.00691 5.57925 8.92147 6.00906 9.07622 6.38313C9.23097 6.75719 9.59591 7 9.99997 7H13.9718C14.5533 6.97188 15.0002 6.55313 15.0002 6C15.0002 5.44688 14.5524 5 14.0002 5H12.4143L14.7074 2.70688C14.9935 2.42075 15.079 1.99094 14.9242 1.61688C14.7695 1.24281 14.4033 1 13.9721 1H10.0002C9.44709 1 9.00022 1.44719 9.00022 2C9.00022 2.55281 9.44709 3 10.0002 3ZM15.394 13.5406L12.8943 8.5375C12.5555 7.85594 11.4443 7.85594 11.1055 8.5375L8.60584 13.5406C8.35878 14.0378 8.55897 14.6419 9.05303 14.8903C9.54897 15.1379 10.148 14.9365 10.3946 14.4403L10.6182 13.9906H13.3816L13.6052 14.4403C13.7981 14.8288 14.3542 15.1863 14.9467 14.8903C15.4408 14.6438 15.6408 14.0375 15.394 13.5406ZM11.494 12.2313L12.0002 11.2094L12.5071 12.2291H11.494V12.2313Z", fill: "#1897F3" })), l = {
7
- "sort-tooltip": "_sort-tooltip_11a3z_1",
8
- "button--selected": "_button--selected_11a3z_21"
9
- }, b = {
10
- pt: {
11
- asc: "Ascendente",
12
- desc: "Descendente"
13
- },
14
- en: {
15
- asc: "Sort ascending",
16
- desc: "Sort descending"
17
- }
18
- }, E = ({
19
- children: e,
20
- className: r,
21
- language: a,
22
- onClose: n,
23
- onSort: C,
24
- show: d,
25
- sortType: i,
26
- t: p,
27
- ...L
28
- }) => {
29
- const m = g(l["sort-tooltip"], r), h = p || b[a || "en"], c = (w) => h[w];
30
- return /* @__PURE__ */ o(
31
- H,
32
- {
33
- className: m,
34
- onClose: n,
35
- open: d,
36
- theme: "white",
37
- padding: "normal",
38
- position: "bottom-start",
39
- disableHoverListener: !0,
40
- title: /* @__PURE__ */ s("ul", { children: [
41
- /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(
42
- "button",
43
- {
44
- type: "button",
45
- onClick: () => {
46
- n(), C("ASC");
47
- },
48
- className: i === "ASC" ? l["button--selected"] : "",
49
- children: [
50
- /* @__PURE__ */ o(u, {}),
51
- c`asc`
52
- ]
53
- }
54
- ) }),
55
- /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s(
56
- "button",
57
- {
58
- type: "button",
59
- onClick: () => {
60
- n(), C("DESC");
61
- },
62
- className: i === "DESC" ? l["button--selected"] : "",
63
- children: [
64
- /* @__PURE__ */ o(f, {}),
65
- c`desc`
66
- ]
67
- }
68
- ) })
69
- ] }),
70
- ...L,
71
- children: e
72
- }
73
- );
74
- };
75
- export {
76
- E as SortTooltip,
77
- b as sortTooltipDefaultTranslations
78
- };
@@ -1,26 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- export type StepperProps = {
4
- /** Array of items to be rendered as steps */
5
- steps: Array<ReactNode>;
6
- /** The current selected step */
7
- currentStep: number;
8
- /** CSS classes to be applied on the container element */
9
- className?: string;
10
- /** CSS classes to be applied on the item element */
11
- classNameItem?: string;
12
- /** CSS classes to be applied on the counter element */
13
- classNameCounter?: string;
14
- /** CSS classes to be applied on the name element */
15
- classNameName?: string;
16
- /** Id to be applied as `data-testid` on the container element */
17
- 'data-testid'?: string;
18
- /** Id to be applied as `data-testid` on the item element */
19
- 'data-testid-item'?: string;
20
- /** Id to be applied as `data-testid` on the counter element */
21
- 'data-testid-counter'?: string;
22
- /** Id to be applied as `data-testid` on the name element */
23
- 'data-testid-name'?: string;
24
- };
25
- declare const Stepper: ({ currentStep, steps, classNameItem, classNameCounter, classNameName, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
26
- export { Stepper };
@@ -1,33 +0,0 @@
1
- import '../../assets/Stepper.css';
2
- import { jsx as i, jsxs as r } from "react/jsx-runtime";
3
- import { c as s } from "../../clsx-DB4S2d7J.js";
4
- const v = "_stepper_1l08x_1", x = "_item_1l08x_6", u = "_counter_1l08x_33", N = "_name_1l08x_50", t = {
5
- stepper: v,
6
- item: x,
7
- counter: u,
8
- name: N,
9
- "item--completed": "_item--completed_1l08x_59",
10
- "item--active": "_item--active_1l08x_81"
11
- }, j = ({ currentStep: c = 0, steps: m, classNameItem: d, classNameCounter: o, classNameName: l, ...e }) => /* @__PURE__ */ i("div", { className: s(t.stepper, e.className), "data-testid": e["data-testid"], children: m.map((n, a) => {
12
- const _ = a < c, p = a === c;
13
- return /* @__PURE__ */ r(
14
- "div",
15
- {
16
- className: s(
17
- t.item,
18
- _ && t["item--completed"],
19
- p && t["item--active"],
20
- d
21
- ),
22
- "data-testid": e["data-testid-item"],
23
- children: [
24
- /* @__PURE__ */ i("div", { className: s(t.counter, o), "data-testid": e["data-testid-counter"], children: a + 1 }),
25
- /* @__PURE__ */ i("div", { className: s(t.name, l), "data-testid": e["data-testid-name"], children: n })
26
- ]
27
- },
28
- a
29
- );
30
- }) });
31
- export {
32
- j as Stepper
33
- };
@@ -1,16 +0,0 @@
1
- import { StepperProps } from './Stepper';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ currentStep, steps, classNameItem, classNameCounter, classNameName, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Simple: Story;
15
- export declare const WithStepsAsTexts: Story;
16
- export declare const WithCustomStepNames: Story;
@@ -1,39 +0,0 @@
1
- import { TableTranslations } from './TableContext';
2
- import { SortType } from '../SortTooltip/SortTooltip';
3
- import { PaginationProps } from '../Pagination/Pagination';
4
-
5
- type ChildrenProps = {
6
- children: React.ReactNode;
7
- className?: string;
8
- 'data-testid'?: string;
9
- };
10
- type TableTheme = 'white' | 'transparent';
11
- type TableProps = ChildrenProps & {
12
- fullWidth?: boolean;
13
- paginationProps?: PaginationProps;
14
- theme?: TableTheme;
15
- language?: string;
16
- translations?: TableTranslations;
17
- };
18
- declare const Table: {
19
- ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
20
- THead: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
21
- TBody: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
22
- Tr: ({ children, onClick, disabled, className, ...rest }: RowOrCellProps) => import("react/jsx-runtime").JSX.Element;
23
- Td: ({ children, onClick, disabled, className, align, ...rest }: RowOrCellProps & CellProps) => import("react/jsx-runtime").JSX.Element;
24
- Th: ({ children, onSort, sortType, className, classNameTooltip, align, ...rest }: ThProps & CellProps) => import("react/jsx-runtime").JSX.Element;
25
- };
26
- type Alignment = 'left' | 'right' | 'center';
27
- type CellProps = {
28
- align?: Alignment;
29
- };
30
- type RowOrCellProps = ChildrenProps & {
31
- disabled?: boolean;
32
- onClick?: () => void;
33
- };
34
- type ThProps = ChildrenProps & {
35
- onSort?: (order: SortType) => void;
36
- sortType?: SortType;
37
- classNameTooltip?: string;
38
- };
39
- export { Table, type TableTranslations };