@ttoss/components 1.24.3 → 1.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/esm/index.js +52 -57
  2. package/dist/index.d.ts +10 -7
  3. package/dist/index.js +52 -57
  4. package/package.json +3 -3
package/dist/esm/index.js CHANGED
@@ -42,11 +42,9 @@ var Accordion = ({
42
42
  })(theme);
43
43
  return createClassName(styles);
44
44
  }, [theme]);
45
- return /* @__PURE__ */ jsx(Box, {
46
- variant: "accordion",
47
- className,
48
- ...boxProps,
49
- children: /* @__PURE__ */ jsx(ReactAccessibleAccordion, {
45
+ return /* @__PURE__ */ jsx(Box, { variant: "accordion", className, ...boxProps, children: /* @__PURE__ */ jsx(
46
+ ReactAccessibleAccordion,
47
+ {
50
48
  ...{
51
49
  allowMultipleExpanded,
52
50
  allowZeroExpanded,
@@ -54,8 +52,8 @@ var Accordion = ({
54
52
  onChange
55
53
  },
56
54
  children
57
- })
58
- });
55
+ }
56
+ ) });
59
57
  };
60
58
  Accordion.Item = AccordionItem;
61
59
  Accordion.ItemButton = AccordionItemButton;
@@ -69,36 +67,37 @@ import * as React3 from "react";
69
67
  import { Button, Flex, Text } from "@ttoss/ui";
70
68
  import { jsx as jsx2, jsxs } from "react/jsx-runtime";
71
69
  var InstallPwaUi = ({ onInstall }) => {
72
- return /* @__PURE__ */ jsx2(Flex, {
73
- sx: {
74
- position: "absolute",
75
- bottom: 4,
76
- width: "100%",
77
- justifyContent: "center"
78
- },
79
- children: /* @__PURE__ */ jsxs(Flex, {
70
+ return /* @__PURE__ */ jsx2(
71
+ Flex,
72
+ {
80
73
  sx: {
81
- backgroundColor: "background",
82
- justifyContent: "center",
83
- alignItems: "center",
84
- gap: 3,
85
- width: "auto",
86
- border: "1px solid",
87
- borderColor: "muted",
88
- borderRadius: 1,
89
- padding: 4
74
+ position: "absolute",
75
+ bottom: 4,
76
+ width: "100%",
77
+ justifyContent: "center"
90
78
  },
91
- children: [
92
- /* @__PURE__ */ jsx2(Text, {
93
- children: "Deseja instalar o nosso aplicativo?"
94
- }),
95
- /* @__PURE__ */ jsx2(Button, {
96
- onClick: onInstall,
97
- children: "Instalar"
98
- })
99
- ]
100
- })
101
- });
79
+ children: /* @__PURE__ */ jsxs(
80
+ Flex,
81
+ {
82
+ sx: {
83
+ backgroundColor: "background",
84
+ justifyContent: "center",
85
+ alignItems: "center",
86
+ gap: 3,
87
+ width: "auto",
88
+ border: "1px solid",
89
+ borderColor: "muted",
90
+ borderRadius: 1,
91
+ padding: 4
92
+ },
93
+ children: [
94
+ /* @__PURE__ */ jsx2(Text, { children: "Deseja instalar o nosso aplicativo?" }),
95
+ /* @__PURE__ */ jsx2(Button, { onClick: onInstall, children: "Instalar" })
96
+ ]
97
+ }
98
+ )
99
+ }
100
+ );
102
101
  };
103
102
 
104
103
  // src/components/InstallPwa/InstallPwa.tsx
@@ -125,9 +124,7 @@ var InstallPwa = () => {
125
124
  if (!supportsPwa) {
126
125
  return null;
127
126
  }
128
- return /* @__PURE__ */ jsx3(InstallPwaUi, {
129
- onInstall
130
- });
127
+ return /* @__PURE__ */ jsx3(InstallPwaUi, { onInstall });
131
128
  };
132
129
 
133
130
  // src/components/Modal/Modal.tsx
@@ -177,10 +174,7 @@ var Modal = (props) => {
177
174
  ...props.style?.content
178
175
  }
179
176
  };
180
- return /* @__PURE__ */ jsx4(ReactModal, {
181
- ...props,
182
- style
183
- });
177
+ return /* @__PURE__ */ jsx4(ReactModal, { ...props, style });
184
178
  };
185
179
  Modal.setAppElement = ReactModal.setAppElement;
186
180
 
@@ -197,21 +191,22 @@ var ToastContainer = (props) => {
197
191
  React4.useEffect(() => {
198
192
  injectStyle();
199
193
  }, []);
200
- return /* @__PURE__ */ jsx5(Box2, {
201
- sx: ({ colors, fonts }) => ({
202
- "--toastify-color-light": "#fff",
203
- "--toastify-color-dark": "#121212",
204
- "--toastify-color-info": colors?.info || "#3498db",
205
- "--toastify-color-success": colors?.success || "#07bc0c",
206
- "--toastify-color-warning": "#f1c40f",
207
- "--toastify-color-error": "#e74c3c",
208
- "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
209
- "--toastify-font-family": fonts.body
210
- }),
211
- children: /* @__PURE__ */ jsx5(ReactToastifyToastContainer, {
212
- ...props
213
- })
214
- });
194
+ return /* @__PURE__ */ jsx5(
195
+ Box2,
196
+ {
197
+ sx: ({ colors, fonts }) => ({
198
+ "--toastify-color-light": "#fff",
199
+ "--toastify-color-dark": "#121212",
200
+ "--toastify-color-info": colors?.info || "#3498db",
201
+ "--toastify-color-success": colors?.success || "#07bc0c",
202
+ "--toastify-color-warning": "#f1c40f",
203
+ "--toastify-color-error": "#e74c3c",
204
+ "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
205
+ "--toastify-font-family": fonts.body
206
+ }),
207
+ children: /* @__PURE__ */ jsx5(ReactToastifyToastContainer, { ...props })
208
+ }
209
+ );
215
210
  };
216
211
  export {
217
212
  Accordion,
package/dist/index.d.ts CHANGED
@@ -7,7 +7,7 @@ import ReactModal from 'react-modal';
7
7
  import { ToastContainerProps } from 'react-toastify';
8
8
  export { ToastContainerProps, toast } from 'react-toastify';
9
9
 
10
- declare type AccordionProps = BoxProps & {
10
+ type AccordionProps = BoxProps & {
11
11
  allowMultipleExpanded?: boolean;
12
12
  allowZeroExpanded?: boolean;
13
13
  preExpanded?: string[];
@@ -19,7 +19,7 @@ declare type AccordionProps = BoxProps & {
19
19
  declare const Accordion: {
20
20
  ({ children, allowMultipleExpanded, allowZeroExpanded, preExpanded, onChange, ...boxProps }: AccordionProps): JSX.Element;
21
21
  Item: {
22
- ({ uuid, dangerouslySetExpanded, className, activeClassName, ...rest }: react_accessible_accordion_dist_types_helpers_types.DivAttributes & {
22
+ ({ uuid: customUuid, dangerouslySetExpanded, className, activeClassName, ...rest }: react_accessible_accordion_dist_types_helpers_types.DivAttributes & {
23
23
  uuid?: react_accessible_accordion_dist_types_components_ItemContext.ID | undefined;
24
24
  activeClassName?: string | undefined;
25
25
  dangerouslySetExpanded?: boolean | undefined;
@@ -37,12 +37,13 @@ declare const Accordion: {
37
37
  suppressHydrationWarning?: boolean | undefined;
38
38
  accessKey?: string | undefined;
39
39
  className?: string | undefined;
40
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
40
+ contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
41
41
  contextMenu?: string | undefined;
42
42
  dir?: string | undefined;
43
43
  draggable?: (boolean | "true" | "false") | undefined;
44
44
  hidden?: boolean | undefined;
45
45
  lang?: string | undefined;
46
+ nonce?: string | undefined;
46
47
  placeholder?: string | undefined;
47
48
  spellCheck?: (boolean | "true" | "false") | undefined;
48
49
  translate?: "yes" | "no" | undefined;
@@ -71,7 +72,7 @@ declare const Accordion: {
71
72
  is?: string | undefined;
72
73
  'aria-activedescendant'?: string | undefined;
73
74
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
74
- 'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
75
+ 'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
75
76
  'aria-busy'?: (boolean | "true" | "false") | undefined;
76
77
  'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
77
78
  'aria-colcount'?: number | undefined;
@@ -80,11 +81,11 @@ declare const Accordion: {
80
81
  'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
81
82
  'aria-describedby'?: string | undefined;
82
83
  'aria-details'?: string | undefined;
83
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
84
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
84
85
  'aria-errormessage'?: string | undefined;
85
86
  'aria-flowto'?: string | undefined;
86
87
  'aria-grabbed'?: (boolean | "true" | "false") | undefined;
87
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
88
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
88
89
  'aria-hidden'?: (boolean | "true" | "false") | undefined;
89
90
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
90
91
  'aria-keyshortcuts'?: string | undefined;
@@ -185,6 +186,8 @@ declare const Accordion: {
185
186
  onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
187
  onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
188
  onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
+ onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
+ onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
188
191
  onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
192
  onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
193
  onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -287,7 +290,7 @@ declare const Accordion: {
287
290
 
288
291
  declare const InstallPwa: () => JSX.Element | null;
289
292
 
290
- declare type ModalProps = ReactModal.Props;
293
+ type ModalProps = ReactModal.Props;
291
294
  declare const Modal: {
292
295
  (props: ModalProps): JSX.Element;
293
296
  setAppElement: typeof ReactModal.setAppElement;
package/dist/index.js CHANGED
@@ -71,11 +71,9 @@ var Accordion = ({
71
71
  })(theme);
72
72
  return (0, import_css.css)(styles);
73
73
  }, [theme]);
74
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Box, {
75
- variant: "accordion",
76
- className,
77
- ...boxProps,
78
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_accessible_accordion.Accordion, {
74
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Box, { variant: "accordion", className, ...boxProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
75
+ import_react_accessible_accordion.Accordion,
76
+ {
79
77
  ...{
80
78
  allowMultipleExpanded,
81
79
  allowZeroExpanded,
@@ -83,8 +81,8 @@ var Accordion = ({
83
81
  onChange
84
82
  },
85
83
  children
86
- })
87
- });
84
+ }
85
+ ) });
88
86
  };
89
87
  Accordion.Item = import_react_accessible_accordion.AccordionItem;
90
88
  Accordion.ItemButton = import_react_accessible_accordion.AccordionItemButton;
@@ -98,36 +96,37 @@ var React3 = __toESM(require("react"));
98
96
  var import_ui2 = require("@ttoss/ui");
99
97
  var import_jsx_runtime2 = require("react/jsx-runtime");
100
98
  var InstallPwaUi = ({ onInstall }) => {
101
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Flex, {
102
- sx: {
103
- position: "absolute",
104
- bottom: 4,
105
- width: "100%",
106
- justifyContent: "center"
107
- },
108
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Flex, {
99
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
100
+ import_ui2.Flex,
101
+ {
109
102
  sx: {
110
- backgroundColor: "background",
111
- justifyContent: "center",
112
- alignItems: "center",
113
- gap: 3,
114
- width: "auto",
115
- border: "1px solid",
116
- borderColor: "muted",
117
- borderRadius: 1,
118
- padding: 4
103
+ position: "absolute",
104
+ bottom: 4,
105
+ width: "100%",
106
+ justifyContent: "center"
119
107
  },
120
- children: [
121
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, {
122
- children: "Deseja instalar o nosso aplicativo?"
123
- }),
124
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Button, {
125
- onClick: onInstall,
126
- children: "Instalar"
127
- })
128
- ]
129
- })
130
- });
108
+ children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
109
+ import_ui2.Flex,
110
+ {
111
+ sx: {
112
+ backgroundColor: "background",
113
+ justifyContent: "center",
114
+ alignItems: "center",
115
+ gap: 3,
116
+ width: "auto",
117
+ border: "1px solid",
118
+ borderColor: "muted",
119
+ borderRadius: 1,
120
+ padding: 4
121
+ },
122
+ children: [
123
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { children: "Deseja instalar o nosso aplicativo?" }),
124
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Button, { onClick: onInstall, children: "Instalar" })
125
+ ]
126
+ }
127
+ )
128
+ }
129
+ );
131
130
  };
132
131
 
133
132
  // src/components/InstallPwa/InstallPwa.tsx
@@ -154,9 +153,7 @@ var InstallPwa = () => {
154
153
  if (!supportsPwa) {
155
154
  return null;
156
155
  }
157
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InstallPwaUi, {
158
- onInstall
159
- });
156
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InstallPwaUi, { onInstall });
160
157
  };
161
158
 
162
159
  // src/components/Modal/Modal.tsx
@@ -206,10 +203,7 @@ var Modal = (props) => {
206
203
  ...props.style?.content
207
204
  }
208
205
  };
209
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_modal.default, {
210
- ...props,
211
- style
212
- });
206
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_modal.default, { ...props, style });
213
207
  };
214
208
  Modal.setAppElement = import_react_modal.default.setAppElement;
215
209
 
@@ -223,21 +217,22 @@ var ToastContainer = (props) => {
223
217
  React4.useEffect(() => {
224
218
  (0, import_inject_style.injectStyle)();
225
219
  }, []);
226
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui4.Box, {
227
- sx: ({ colors, fonts }) => ({
228
- "--toastify-color-light": "#fff",
229
- "--toastify-color-dark": "#121212",
230
- "--toastify-color-info": colors?.info || "#3498db",
231
- "--toastify-color-success": colors?.success || "#07bc0c",
232
- "--toastify-color-warning": "#f1c40f",
233
- "--toastify-color-error": "#e74c3c",
234
- "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
235
- "--toastify-font-family": fonts.body
236
- }),
237
- children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_toastify.ToastContainer, {
238
- ...props
239
- })
240
- });
220
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
221
+ import_ui4.Box,
222
+ {
223
+ sx: ({ colors, fonts }) => ({
224
+ "--toastify-color-light": "#fff",
225
+ "--toastify-color-dark": "#121212",
226
+ "--toastify-color-info": colors?.info || "#3498db",
227
+ "--toastify-color-success": colors?.success || "#07bc0c",
228
+ "--toastify-color-warning": "#f1c40f",
229
+ "--toastify-color-error": "#e74c3c",
230
+ "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
231
+ "--toastify-font-family": fonts.body
232
+ }),
233
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_toastify.ToastContainer, { ...props })
234
+ }
235
+ );
241
236
  };
242
237
  // Annotate the CommonJS export names for ESM import in node:
243
238
  0 && (module.exports = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/components",
3
- "version": "1.24.3",
3
+ "version": "1.24.4",
4
4
  "description": "React components.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -34,7 +34,7 @@
34
34
  "devDependencies": {
35
35
  "@ttoss/config": "^1.25.0",
36
36
  "@ttoss/test-utils": "^1.18.3",
37
- "@ttoss/ui": "^1.26.3",
37
+ "@ttoss/ui": "^1.27.0",
38
38
  "@types/jest": "^29.2.4",
39
39
  "jest": "^29.3.1"
40
40
  },
@@ -45,5 +45,5 @@
45
45
  "publishConfig": {
46
46
  "access": "public"
47
47
  },
48
- "gitHead": "88b98945c469cdfdece6b12ce41243403ad2c242"
48
+ "gitHead": "9159bd57009f4fee620218bc1a0e7bbac28acccd"
49
49
  }