@ttoss/components 1.29.21 → 1.29.22

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 (5) hide show
  1. package/README.md +4 -0
  2. package/dist/index.d.ts +20 -20
  3. package/package.json +9 -6
  4. package/dist/index.d.mts +0 -322
  5. package/dist/index.js +0 -292
package/README.md CHANGED
@@ -4,6 +4,10 @@
4
4
 
5
5
  <strong>@ttoss/components</strong> is a set of React components that you can use to build your apps using ttoss ecosystem.
6
6
 
7
+ ### ESM Only
8
+
9
+ This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c) because [react-markdown](https://github.com/remarkjs/react-markdown).
10
+
7
11
  ## Getting Started
8
12
 
9
13
  ### Install @ttoss/components
package/dist/index.d.ts CHANGED
@@ -40,15 +40,15 @@ declare const Accordion: {
40
40
  accessKey?: string | undefined;
41
41
  autoFocus?: boolean | undefined;
42
42
  className?: string | undefined;
43
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
43
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
44
44
  contextMenu?: string | undefined;
45
45
  dir?: string | undefined;
46
- draggable?: (boolean | "false" | "true") | undefined;
46
+ draggable?: (boolean | "true" | "false") | undefined;
47
47
  hidden?: boolean | undefined;
48
48
  lang?: string | undefined;
49
49
  nonce?: string | undefined;
50
50
  placeholder?: string | undefined;
51
- spellCheck?: (boolean | "false" | "true") | undefined;
51
+ spellCheck?: (boolean | "true" | "false") | undefined;
52
52
  translate?: "yes" | "no" | undefined;
53
53
  radioGroup?: string | undefined;
54
54
  about?: string | undefined;
@@ -77,49 +77,49 @@ declare const Accordion: {
77
77
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
78
78
  is?: string | undefined;
79
79
  "aria-activedescendant"?: string | undefined;
80
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
81
- "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
80
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
81
+ "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
82
82
  "aria-braillelabel"?: string | undefined;
83
83
  "aria-brailleroledescription"?: string | undefined;
84
- "aria-busy"?: (boolean | "false" | "true") | undefined;
85
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
84
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
85
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
86
86
  "aria-colcount"?: number | undefined;
87
87
  "aria-colindex"?: number | undefined;
88
88
  "aria-colindextext"?: string | undefined;
89
89
  "aria-colspan"?: number | undefined;
90
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
90
+ "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
91
91
  "aria-describedby"?: string | undefined;
92
92
  "aria-description"?: string | undefined;
93
93
  "aria-details"?: string | undefined;
94
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
94
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
95
95
  "aria-errormessage"?: string | undefined;
96
96
  "aria-flowto"?: string | undefined;
97
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
98
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
99
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
100
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
97
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
98
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
99
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
100
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
101
101
  "aria-keyshortcuts"?: string | undefined;
102
102
  "aria-label"?: string | undefined;
103
103
  "aria-labelledby"?: string | undefined;
104
104
  "aria-level"?: number | undefined;
105
105
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
106
- "aria-modal"?: (boolean | "false" | "true") | undefined;
107
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
108
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
106
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
107
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
108
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
109
109
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
110
110
  "aria-owns"?: string | undefined;
111
111
  "aria-placeholder"?: string | undefined;
112
112
  "aria-posinset"?: number | undefined;
113
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
114
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
113
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
114
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
115
115
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
116
- "aria-required"?: (boolean | "false" | "true") | undefined;
116
+ "aria-required"?: (boolean | "true" | "false") | undefined;
117
117
  "aria-roledescription"?: string | undefined;
118
118
  "aria-rowcount"?: number | undefined;
119
119
  "aria-rowindex"?: number | undefined;
120
120
  "aria-rowindextext"?: string | undefined;
121
121
  "aria-rowspan"?: number | undefined;
122
- "aria-selected"?: (boolean | "false" | "true") | undefined;
122
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
123
123
  "aria-setsize"?: number | undefined;
124
124
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
125
125
  "aria-valuemax"?: number | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/components",
3
- "version": "1.29.21",
3
+ "version": "1.29.22",
4
4
  "description": "React components for ttoss ecosystem.",
5
5
  "author": "ttoss",
6
6
  "contributors": [
@@ -11,8 +11,8 @@
11
11
  "url": "https://github.com/ttoss/ttoss.git",
12
12
  "directory": "packages/components"
13
13
  },
14
- "main": "dist/index.js",
15
- "module": "dist/esm/index.js",
14
+ "type": "module",
15
+ "exports": "./dist/esm/index.js",
16
16
  "files": [
17
17
  "dist",
18
18
  "src"
@@ -20,9 +20,9 @@
20
20
  "sideEffects": false,
21
21
  "typings": "dist/index.d.ts",
22
22
  "dependencies": {
23
- "@emotion/css": "^11.11.0",
24
- "@theme-ui/css": "^0.15.7",
25
- "@types/react-modal": "^3.16.0",
23
+ "@emotion/css": "^11.11.2",
24
+ "@theme-ui/css": "^0.16.1",
25
+ "@types/react-modal": "^3.16.1",
26
26
  "react-accessible-accordion": "^5.0.0",
27
27
  "react-markdown": "^9.0.0",
28
28
  "react-modal": "^3.16.1",
@@ -47,6 +47,9 @@
47
47
  "React",
48
48
  "components"
49
49
  ],
50
+ "engines": {
51
+ "node": ">=16"
52
+ },
50
53
  "publishConfig": {
51
54
  "access": "public",
52
55
  "provenance": true
package/dist/index.d.mts DELETED
@@ -1,322 +0,0 @@
1
- import * as react_accessible_accordion_dist_types_helpers_DisplayName from 'react-accessible-accordion/dist/types/helpers/DisplayName';
2
- import * as react_accessible_accordion_dist_types_components_ItemContext from 'react-accessible-accordion/dist/types/components/ItemContext';
3
- import * as react_accessible_accordion_dist_types_helpers_types from 'react-accessible-accordion/dist/types/helpers/types';
4
- import * as react_jsx_runtime from 'react/jsx-runtime';
5
- import * as React from 'react';
6
- import { BoxProps, FlexProps } from '@ttoss/ui';
7
- import ReactModal from 'react-modal';
8
- import { ToastContainerProps } from 'react-toastify';
9
- export { ToastContainerProps, toast } from 'react-toastify';
10
- import { Options } from 'react-markdown';
11
-
12
- type AccordionProps = BoxProps & {
13
- allowMultipleExpanded?: boolean;
14
- allowZeroExpanded?: boolean;
15
- preExpanded?: string[];
16
- /**
17
- * Callback which is invoked when items are expanded or collapsed. Gets passed uuids of the currently expanded AccordionItems.
18
- */
19
- onChange?: (args: string[]) => void;
20
- };
21
- declare const Accordion: {
22
- ({ children, allowMultipleExpanded, allowZeroExpanded, preExpanded, onChange, ...boxProps }: AccordionProps): react_jsx_runtime.JSX.Element;
23
- Item: {
24
- ({ uuid: customUuid, dangerouslySetExpanded, className, activeClassName, ...rest }: react_accessible_accordion_dist_types_helpers_types.DivAttributes & {
25
- uuid?: react_accessible_accordion_dist_types_components_ItemContext.ID | undefined;
26
- activeClassName?: string | undefined;
27
- dangerouslySetExpanded?: boolean | undefined;
28
- }): JSX.Element;
29
- displayName: react_accessible_accordion_dist_types_helpers_DisplayName.default;
30
- };
31
- ItemButton: React.FC<{
32
- children?: React.ReactNode;
33
- slot?: string | undefined;
34
- style?: React.CSSProperties | undefined;
35
- title?: string | undefined;
36
- defaultChecked?: boolean | undefined;
37
- defaultValue?: string | number | readonly string[] | undefined;
38
- suppressContentEditableWarning?: boolean | undefined;
39
- suppressHydrationWarning?: boolean | undefined;
40
- accessKey?: string | undefined;
41
- autoFocus?: boolean | undefined;
42
- className?: string | undefined;
43
- contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
44
- contextMenu?: string | undefined;
45
- dir?: string | undefined;
46
- draggable?: (boolean | "false" | "true") | undefined;
47
- hidden?: boolean | undefined;
48
- lang?: string | undefined;
49
- nonce?: string | undefined;
50
- placeholder?: string | undefined;
51
- spellCheck?: (boolean | "false" | "true") | undefined;
52
- translate?: "yes" | "no" | undefined;
53
- radioGroup?: string | undefined;
54
- about?: string | undefined;
55
- content?: string | undefined;
56
- datatype?: string | undefined;
57
- inlist?: any;
58
- prefix?: string | undefined;
59
- property?: string | undefined;
60
- rel?: string | undefined;
61
- resource?: string | undefined;
62
- rev?: string | undefined;
63
- typeof?: string | undefined;
64
- vocab?: string | undefined;
65
- autoCapitalize?: string | undefined;
66
- autoCorrect?: string | undefined;
67
- autoSave?: string | undefined;
68
- color?: string | undefined;
69
- itemProp?: string | undefined;
70
- itemScope?: boolean | undefined;
71
- itemType?: string | undefined;
72
- itemID?: string | undefined;
73
- itemRef?: string | undefined;
74
- results?: number | undefined;
75
- security?: string | undefined;
76
- unselectable?: "on" | "off" | undefined;
77
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
78
- is?: string | undefined;
79
- "aria-activedescendant"?: string | undefined;
80
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
81
- "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
82
- "aria-braillelabel"?: string | undefined;
83
- "aria-brailleroledescription"?: string | undefined;
84
- "aria-busy"?: (boolean | "false" | "true") | undefined;
85
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
86
- "aria-colcount"?: number | undefined;
87
- "aria-colindex"?: number | undefined;
88
- "aria-colindextext"?: string | undefined;
89
- "aria-colspan"?: number | undefined;
90
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
91
- "aria-describedby"?: string | undefined;
92
- "aria-description"?: string | undefined;
93
- "aria-details"?: string | undefined;
94
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
95
- "aria-errormessage"?: string | undefined;
96
- "aria-flowto"?: string | undefined;
97
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
98
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
99
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
100
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
101
- "aria-keyshortcuts"?: string | undefined;
102
- "aria-label"?: string | undefined;
103
- "aria-labelledby"?: string | undefined;
104
- "aria-level"?: number | undefined;
105
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
106
- "aria-modal"?: (boolean | "false" | "true") | undefined;
107
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
108
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
109
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
110
- "aria-owns"?: string | undefined;
111
- "aria-placeholder"?: string | undefined;
112
- "aria-posinset"?: number | undefined;
113
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
114
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
115
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
116
- "aria-required"?: (boolean | "false" | "true") | undefined;
117
- "aria-roledescription"?: string | undefined;
118
- "aria-rowcount"?: number | undefined;
119
- "aria-rowindex"?: number | undefined;
120
- "aria-rowindextext"?: string | undefined;
121
- "aria-rowspan"?: number | undefined;
122
- "aria-selected"?: (boolean | "false" | "true") | undefined;
123
- "aria-setsize"?: number | undefined;
124
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
125
- "aria-valuemax"?: number | undefined;
126
- "aria-valuemin"?: number | undefined;
127
- "aria-valuenow"?: number | undefined;
128
- "aria-valuetext"?: string | undefined;
129
- dangerouslySetInnerHTML?: {
130
- __html: string | TrustedHTML;
131
- } | undefined;
132
- onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
133
- onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
134
- onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
135
- onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
136
- onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
137
- onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
138
- onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
139
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
140
- onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
141
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
142
- onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
143
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
144
- onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
145
- onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
146
- onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
147
- onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
148
- onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
149
- onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
150
- onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
151
- onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
152
- onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
153
- onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
154
- onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
155
- onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
156
- onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
157
- onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
158
- onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
159
- onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
160
- onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
161
- onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
162
- onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
163
- onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
164
- onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
165
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
166
- onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
167
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
168
- onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
169
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
170
- onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
171
- onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
172
- onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
173
- onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
174
- onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
175
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
176
- onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
177
- onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
178
- onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
179
- onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
180
- onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
181
- onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
182
- onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
183
- onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
184
- onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
185
- onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
- onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
188
- onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
- onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
- onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
- onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
192
- onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
193
- onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
194
- onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
195
- onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
196
- onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
197
- onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
198
- onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
199
- onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
200
- onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
201
- onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
202
- onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
203
- onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
204
- onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
205
- onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
206
- onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
207
- onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
208
- onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
209
- onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
210
- onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
211
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
212
- onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
213
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
214
- onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
215
- onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
216
- onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
217
- onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
218
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
219
- onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
220
- onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
221
- onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
222
- onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
223
- onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
224
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
225
- onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
226
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
227
- onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
228
- onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
229
- onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
230
- onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
231
- onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
232
- onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
233
- onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
234
- onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
235
- onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
236
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
237
- onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
238
- onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
239
- onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
240
- onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
241
- onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
242
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
243
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
244
- onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
245
- onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
246
- onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
247
- onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
248
- onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
249
- onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
250
- onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
251
- onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
252
- onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
253
- onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
254
- onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
255
- onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
256
- onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
257
- onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
258
- onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
259
- onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
260
- onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
261
- onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
262
- onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
263
- onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
264
- onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
265
- onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
266
- onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
267
- onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
268
- onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
269
- onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
270
- onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
271
- onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
272
- onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
273
- onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
274
- onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
275
- onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
276
- onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
277
- onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
278
- onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
279
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
280
- onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
281
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
282
- onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
283
- onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
284
- onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
285
- onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
286
- onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
287
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
288
- onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
289
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
290
- onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
291
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
292
- onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
293
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
294
- }>;
295
- ItemHeading: React.FC<react_accessible_accordion_dist_types_helpers_types.DivAttributes>;
296
- ItemPanel: ({ className, region, id, ...rest }: react_accessible_accordion_dist_types_helpers_types.DivAttributes & {
297
- region?: boolean | undefined;
298
- className?: string | undefined;
299
- }) => JSX.Element;
300
- };
301
-
302
- type InstallPwaUiProps = {
303
- onInstall: React.MouseEventHandler<HTMLButtonElement>;
304
- };
305
- declare const InstallPwaUi: ({ onInstall }: InstallPwaUiProps) => react_jsx_runtime.JSX.Element;
306
- declare const InstallPwa: () => react_jsx_runtime.JSX.Element | null;
307
-
308
- type ModalProps = ReactModal.Props;
309
- declare const Modal: {
310
- (props: ModalProps): react_jsx_runtime.JSX.Element;
311
- setAppElement: typeof ReactModal.setAppElement;
312
- };
313
-
314
- declare const ToastContainer: (props: ToastContainerProps) => react_jsx_runtime.JSX.Element;
315
-
316
- type MarkdownProps = Options & {
317
- children: string;
318
- sx?: FlexProps['sx'];
319
- };
320
- declare const Markdown: ({ children, sx, ...props }: MarkdownProps) => react_jsx_runtime.JSX.Element;
321
-
322
- export { Accordion, AccordionProps, InstallPwa, InstallPwaUi, InstallPwaUiProps, Markdown, MarkdownProps, Modal, ModalProps, ToastContainer };
package/dist/index.js DELETED
@@ -1,292 +0,0 @@
1
- /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- "use strict";
3
-
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all) __defProp(target, name, {
12
- get: all[name],
13
- enumerable: true
14
- });
15
- };
16
- var __copyProps = (to, from, except, desc) => {
17
- if (from && typeof from === "object" || typeof from === "function") {
18
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
19
- get: () => from[key],
20
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
21
- });
22
- }
23
- return to;
24
- };
25
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
26
- // If the importer is in node compatibility mode or this is not an ESM
27
- // file that has been converted to a CommonJS file using a Babel-
28
- // compatible transform (i.e. "__esModule" has not been set), then set
29
- // "default" to the CommonJS "module.exports" for node compatibility.
30
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
31
- value: mod,
32
- enumerable: true
33
- }) : target, mod));
34
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
35
- value: true
36
- }), mod);
37
-
38
- // src/index.ts
39
- var src_exports = {};
40
- __export(src_exports, {
41
- Accordion: () => Accordion,
42
- InstallPwa: () => InstallPwa,
43
- InstallPwaUi: () => InstallPwaUi,
44
- Markdown: () => Markdown,
45
- Modal: () => Modal,
46
- ToastContainer: () => ToastContainer,
47
- toast: () => import_react_toastify.toast
48
- });
49
- module.exports = __toCommonJS(src_exports);
50
-
51
- // src/components/Accordion.tsx
52
- var React = __toESM(require("react"));
53
- var import_react_accessible_accordion = require("react-accessible-accordion");
54
- var import_ui = require("@ttoss/ui");
55
- var import_css = require("@emotion/css");
56
- var import_css2 = require("@theme-ui/css");
57
- var import_jsx_runtime = require("react/jsx-runtime");
58
- var Accordion = ({
59
- children,
60
- allowMultipleExpanded,
61
- allowZeroExpanded,
62
- preExpanded,
63
- onChange,
64
- ...boxProps
65
- }) => {
66
- const {
67
- theme
68
- } = (0, import_ui.useTheme)();
69
- const className = React.useMemo(() => {
70
- const styles = (0, import_css2.css)({
71
- ".accordion__item": {
72
- marginBottom: 3
73
- },
74
- ".accordion__heading": {
75
- padding: "md",
76
- border: "1px solid",
77
- borderColor: "black"
78
- },
79
- ".accordion__button": {},
80
- ".accordion__panel": {
81
- padding: 2
82
- }
83
- })(theme);
84
- return (0, import_css.css)(styles);
85
- }, [theme]);
86
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Box, {
87
- variant: "accordion",
88
- className,
89
- ...boxProps,
90
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_accessible_accordion.Accordion, {
91
- ...{
92
- allowMultipleExpanded,
93
- allowZeroExpanded,
94
- preExpanded,
95
- onChange
96
- },
97
- children
98
- })
99
- });
100
- };
101
- Accordion.Item = import_react_accessible_accordion.AccordionItem;
102
- Accordion.ItemButton = import_react_accessible_accordion.AccordionItemButton;
103
- Accordion.ItemHeading = import_react_accessible_accordion.AccordionItemHeading;
104
- Accordion.ItemPanel = import_react_accessible_accordion.AccordionItemPanel;
105
-
106
- // src/components/InstallPwa.tsx
107
- var React2 = __toESM(require("react"));
108
- var import_ui2 = require("@ttoss/ui");
109
- var import_jsx_runtime2 = require("react/jsx-runtime");
110
- var InstallPwaUi = ({
111
- onInstall
112
- }) => {
113
- return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Flex, {
114
- sx: {
115
- position: "absolute",
116
- bottom: 4,
117
- width: "100%",
118
- justifyContent: "center"
119
- },
120
- children: /* @__PURE__ */(0, import_jsx_runtime2.jsxs)(import_ui2.Flex, {
121
- sx: {
122
- backgroundColor: "background",
123
- justifyContent: "center",
124
- alignItems: "center",
125
- gap: 3,
126
- width: "auto",
127
- border: "1px solid",
128
- borderColor: "muted",
129
- borderRadius: 1,
130
- padding: 4
131
- },
132
- children: [/* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Text, {
133
- children: "Deseja instalar o nosso aplicativo?"
134
- }), /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Button, {
135
- onClick: onInstall,
136
- children: "Instalar"
137
- })]
138
- })
139
- });
140
- };
141
- var InstallPwa = () => {
142
- const [supportsPwa, setSupportsPwa] = React2.useState(false);
143
- const [promptInstall, setPromptInstall] = React2.useState(null);
144
- React2.useEffect(() => {
145
- const handler = e => {
146
- e.preventDefault();
147
- setSupportsPwa(true);
148
- setPromptInstall(e);
149
- };
150
- window.addEventListener("beforeinstallprompt", handler);
151
- return () => {
152
- return window.removeEventListener("transitionend", handler);
153
- };
154
- }, []);
155
- const onInstall = e => {
156
- e.preventDefault();
157
- if (!promptInstall) {
158
- return;
159
- }
160
- promptInstall.prompt();
161
- };
162
- if (!supportsPwa) {
163
- return null;
164
- }
165
- return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(InstallPwaUi, {
166
- onInstall
167
- });
168
- };
169
-
170
- // src/components/Modal.tsx
171
- var import_css3 = require("@theme-ui/css");
172
- var import_ui3 = require("@ttoss/ui");
173
- var import_react_modal = __toESM(require("react-modal"));
174
- var import_jsx_runtime3 = require("react/jsx-runtime");
175
- import_react_modal.default.defaultStyles = {
176
- overlay: {},
177
- content: {}
178
- };
179
- var Modal = props => {
180
- const {
181
- theme
182
- } = (0, import_ui3.useTheme)();
183
- const space = theme.space;
184
- const padding = (0, import_ui3.useResponsiveValue)([space?.["lg"], space?.["xl"], space?.["xl"]]) || 0;
185
- const style = {
186
- overlay: (0, import_css3.css)({
187
- position: "fixed",
188
- top: 0,
189
- left: 0,
190
- right: 0,
191
- bottom: 0,
192
- backgroundColor: "rgba(0, 0, 0, 0.5)",
193
- display: "flex",
194
- justifyContent: "center",
195
- alignItems: "center",
196
- zIndex: "modal",
197
- ...props.style?.overlay
198
- })(theme),
199
- content: (0, import_css3.css)({
200
- /**
201
- * Theme
202
- */
203
- backgroundColor: "surface",
204
- padding,
205
- border: "default",
206
- borderColor: "surface",
207
- borderRadius: "default",
208
- /**
209
- * General
210
- */
211
- WebkitOverflowScrolling: "touch",
212
- overflow: "auto",
213
- position: "relative",
214
- top: "0px",
215
- left: "0px",
216
- right: "0px",
217
- bottom: "0px",
218
- maxHeight: "90%",
219
- maxWidth: "90%",
220
- ...props.style?.content
221
- })(theme)
222
- };
223
- return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_modal.default, {
224
- ...props,
225
- style
226
- });
227
- };
228
- Modal.setAppElement = import_react_modal.default.setAppElement;
229
-
230
- // src/components/Toast.tsx
231
- var React3 = __toESM(require("react"));
232
- var import_ui4 = require("@ttoss/ui");
233
- var import_react_toastify = require("react-toastify");
234
- var import_inject_style = require("react-toastify/dist/inject-style");
235
- var import_jsx_runtime4 = require("react/jsx-runtime");
236
- var ToastContainer = props => {
237
- React3.useEffect(() => {
238
- (0, import_inject_style.injectStyle)();
239
- }, []);
240
- return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.Box, {
241
- sx: ({
242
- colors,
243
- fonts
244
- }) => {
245
- return {
246
- "--toastify-color-light": "#fff",
247
- "--toastify-color-dark": "#121212",
248
- "--toastify-color-info": colors?.info || "#3498db",
249
- "--toastify-color-success": colors?.success || "#07bc0c",
250
- "--toastify-color-warning": "#f1c40f",
251
- "--toastify-color-error": "#e74c3c",
252
- "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
253
- "--toastify-font-family": fonts.body
254
- };
255
- },
256
- children: /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_toastify.ToastContainer, {
257
- ...props
258
- })
259
- });
260
- };
261
-
262
- // src/components/Markdown.tsx
263
- var import_ui5 = require("@ttoss/ui");
264
- var import_react_markdown = __toESM(require("react-markdown"));
265
- var import_rehype_raw = __toESM(require("rehype-raw"));
266
- var import_remark_gfm = __toESM(require("remark-gfm"));
267
- var import_jsx_runtime5 = require("react/jsx-runtime");
268
- var Markdown = ({
269
- children,
270
- sx,
271
- ...props
272
- }) => {
273
- return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.BaseStyles, {
274
- sx,
275
- children: /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_markdown.default, {
276
- rehypePlugins: [import_rehype_raw.default],
277
- remarkPlugins: [import_remark_gfm.default],
278
- ...props,
279
- children
280
- })
281
- });
282
- };
283
- // Annotate the CommonJS export names for ESM import in node:
284
- 0 && (module.exports = {
285
- Accordion,
286
- InstallPwa,
287
- InstallPwaUi,
288
- Markdown,
289
- Modal,
290
- ToastContainer,
291
- toast
292
- });