@ttoss/components 1.28.6 → 1.28.8

package/README.md

@@ -27,7 +27,9 @@ import { Box, Button, Flex, Text } from '@ttoss/ui';
 /**
  * See https://reactcommunity.org/react-modal/accessibility/#app-element
  */
-// Modal.setAppElement('#root'); // You can set the app element here or in prop `appElement`.
+// Modal.setAppElement('#root'); Prefer using this static method over setting it on the component.
+
+Modal.setAppElement('#modal-root');
 
 const Component = () => {
   const [isOpen, setIsOpen] = React.useState(false);
@@ -42,7 +44,6 @@ const Component = () => {
           action('onRequestClose')();
           setIsOpen(false);
         }}
-        appElement={document.getElementById('modal-root') as HTMLElement}
         style={{
           overlay: {
             backgroundColor: 'primary',

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_accessible_accordion_dist_types_helpers_DisplayName from 'react-accessible-accordion/dist/types/helpers/DisplayName';
 import * as react_accessible_accordion_dist_types_components_ItemContext from 'react-accessible-accordion/dist/types/components/ItemContext';
 import * as react_accessible_accordion_dist_types_helpers_types from 'react-accessible-accordion/dist/types/helpers/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { BoxProps } from '@ttoss/ui';
 import ReactModal from 'react-modal';
@@ -17,7 +18,7 @@ type AccordionProps = BoxProps & {
     onChange?: (args: string[]) => void;
 };
 declare const Accordion: {
-    ({ children, allowMultipleExpanded, allowZeroExpanded, preExpanded, onChange, ...boxProps }: AccordionProps): JSX.Element;
+    ({ children, allowMultipleExpanded, allowZeroExpanded, preExpanded, onChange, ...boxProps }: AccordionProps): react_jsx_runtime.JSX.Element;
     Item: {
         ({ uuid: customUuid, dangerouslySetExpanded, className, activeClassName, ...rest }: react_accessible_accordion_dist_types_helpers_types.DivAttributes & {
             uuid?: react_accessible_accordion_dist_types_components_ItemContext.ID | undefined;
@@ -295,15 +296,15 @@ declare const Accordion: {
 type InstallPwaUiProps = {
     onInstall: React.MouseEventHandler<HTMLButtonElement>;
 };
-declare const InstallPwaUi: ({ onInstall }: InstallPwaUiProps) => JSX.Element;
-declare const InstallPwa: () => JSX.Element | null;
+declare const InstallPwaUi: ({ onInstall }: InstallPwaUiProps) => react_jsx_runtime.JSX.Element;
+declare const InstallPwa: () => react_jsx_runtime.JSX.Element | null;
 
 type ModalProps = ReactModal.Props;
 declare const Modal: {
-    (props: ModalProps): JSX.Element;
+    (props: ModalProps): react_jsx_runtime.JSX.Element;
     setAppElement: typeof ReactModal.setAppElement;
 };
 
-declare const ToastContainer: (props: ToastContainerProps) => JSX.Element;
+declare const ToastContainer: (props: ToastContainerProps) => react_jsx_runtime.JSX.Element;
 
 export { Accordion, AccordionProps, InstallPwa, InstallPwaUi, InstallPwaUiProps, Modal, ModalProps, ToastContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.28.6",
+  "version": "1.28.8",
   "description": "React components for ttoss ecosystem.",
   "author": "ttoss",
   "contributors": [
@@ -24,16 +24,16 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^1.36.6"
+    "@ttoss/ui": "^1.36.8"
   },
   "devDependencies": {
     "@types/jest": "^29.5.1",
-    "@types/react": "^18.2.5",
+    "@types/react": "^18.2.6",
     "jest": "^29.5.0",
     "tsup": "^6.7.0",
     "@ttoss/config": "^1.30.0",
-    "@ttoss/test-utils": "^1.23.0",
-    "@ttoss/ui": "^1.36.6"
+    "@ttoss/test-utils": "^1.23.1",
+    "@ttoss/ui": "^1.36.8"
   },
   "keywords": [
     "React",