@ttoss/components 1.26.14 → 1.26.16

package/dist/esm/index.js

@@ -2,13 +2,7 @@
 
 // src/components/Accordion/Accordion.tsx
 import * as React from "react";
-import {
-  AccordionItem,
-  AccordionItemButton,
-  AccordionItemHeading,
-  AccordionItemPanel,
-  Accordion as ReactAccessibleAccordion
-} from "react-accessible-accordion";
+import { AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel, Accordion as ReactAccessibleAccordion } from "react-accessible-accordion";
 import { Box, useTheme } from "@ttoss/ui";
 import { css as createClassName } from "@emotion/css";
 import { css as transformStyleObject } from "@theme-ui/css";
@@ -21,7 +15,9 @@ var Accordion = ({
   onChange,
   ...boxProps
 }) => {
-  const { theme } = useTheme();
+  const {
+    theme
+  } = useTheme();
   const className = React.useMemo(() => {
     const styles = transformStyleObject({
       ".accordion__item": {
@@ -39,9 +35,11 @@ var Accordion = ({
     })(theme);
     return createClassName(styles);
   }, [theme]);
-  return /* @__PURE__ */ jsx(Box, { variant: "accordion", className, ...boxProps, children: /* @__PURE__ */ jsx(
-    ReactAccessibleAccordion,
-    {
+  return /* @__PURE__ */jsx(Box, {
+    variant: "accordion",
+    className,
+    ...boxProps,
+    children: /* @__PURE__ */jsx(ReactAccessibleAccordion, {
       ...{
         allowMultipleExpanded,
         allowZeroExpanded,
@@ -49,8 +47,8 @@ var Accordion = ({
         onChange
       },
       children
-    }
-  ) });
+    })
+  });
 };
 Accordion.Item = AccordionItem;
 Accordion.ItemButton = AccordionItemButton;
@@ -63,38 +61,36 @@ import * as React3 from "react";
 // src/components/InstallPwa/InstallPwaUi.tsx
 import { Button, Flex, Text } from "@ttoss/ui";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var InstallPwaUi = ({ onInstall }) => {
-  return /* @__PURE__ */ jsx2(
-    Flex,
-    {
+var InstallPwaUi = ({
+  onInstall
+}) => {
+  return /* @__PURE__ */jsx2(Flex, {
+    sx: {
+      position: "absolute",
+      bottom: 4,
+      width: "100%",
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */jsxs(Flex, {
       sx: {
-        position: "absolute",
-        bottom: 4,
-        width: "100%",
-        justifyContent: "center"
+        backgroundColor: "background",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 3,
+        width: "auto",
+        border: "1px solid",
+        borderColor: "muted",
+        borderRadius: 1,
+        padding: 4
       },
-      children: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          sx: {
-            backgroundColor: "background",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: 3,
-            width: "auto",
-            border: "1px solid",
-            borderColor: "muted",
-            borderRadius: 1,
-            padding: 4
-          },
-          children: [
-            /* @__PURE__ */ jsx2(Text, { children: "Deseja instalar o nosso aplicativo?" }),
-            /* @__PURE__ */ jsx2(Button, { onClick: onInstall, children: "Instalar" })
-          ]
-        }
-      )
-    }
-  );
+      children: [/* @__PURE__ */jsx2(Text, {
+        children: "Deseja instalar o nosso aplicativo?"
+      }), /* @__PURE__ */jsx2(Button, {
+        onClick: onInstall,
+        children: "Instalar"
+      })]
+    })
+  });
 };
 
 // src/components/InstallPwa/InstallPwa.tsx
@@ -103,7 +99,7 @@ var InstallPwa = () => {
   const [supportsPwa, setSupportsPwa] = React3.useState(false);
   const [promptInstall, setPromptInstall] = React3.useState(null);
   React3.useEffect(() => {
-    const handler = (e) => {
+    const handler = e => {
       e.preventDefault();
       setSupportsPwa(true);
       setPromptInstall(e);
@@ -111,7 +107,7 @@ var InstallPwa = () => {
     window.addEventListener("beforeinstallprompt", handler);
     return () => window.removeEventListener("transitionend", handler);
   }, []);
-  const onInstall = (e) => {
+  const onInstall = e => {
     e.preventDefault();
     if (!promptInstall) {
       return;
@@ -121,7 +117,9 @@ var InstallPwa = () => {
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */ jsx3(InstallPwaUi, { onInstall });
+  return /* @__PURE__ */jsx3(InstallPwaUi, {
+    onInstall
+  });
 };
 
 // src/components/Modal/Modal.tsx
@@ -132,13 +130,11 @@ ReactModal.defaultStyles = {
   overlay: {},
   content: {}
 };
-var Modal = (props) => {
-  const { theme } = useTheme2();
-  const padding = useResponsiveValue([
-    theme.space?.[2],
-    theme.space?.[3],
-    theme.space?.[4]
-  ]) || 0;
+var Modal = props => {
+  const {
+    theme
+  } = useTheme2();
+  const padding = useResponsiveValue([theme.space?.[2], theme.space?.[3], theme.space?.[4]]) || 0;
   const style = {
     overlay: {
       position: "fixed",
@@ -177,44 +173,40 @@ var Modal = (props) => {
       ...props.style?.content
     }
   };
-  return /* @__PURE__ */ jsx4(ReactModal, { ...props, style });
+  return /* @__PURE__ */jsx4(ReactModal, {
+    ...props,
+    style
+  });
 };
 Modal.setAppElement = ReactModal.setAppElement;
 
 // src/components/Toast/Toast.tsx
 import * as React4 from "react";
 import { Box as Box2 } from "@ttoss/ui";
-import {
-  ToastContainer as ReactToastifyToastContainer,
-  toast
-} from "react-toastify";
+import { ToastContainer as ReactToastifyToastContainer, toast } from "react-toastify";
 import { injectStyle } from "react-toastify/dist/inject-style";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var ToastContainer = (props) => {
+var ToastContainer = props => {
   React4.useEffect(() => {
     injectStyle();
   }, []);
-  return /* @__PURE__ */ jsx5(
-    Box2,
-    {
-      sx: ({ colors, fonts }) => ({
-        "--toastify-color-light": "#fff",
-        "--toastify-color-dark": "#121212",
-        "--toastify-color-info": colors?.info || "#3498db",
-        "--toastify-color-success": colors?.success || "#07bc0c",
-        "--toastify-color-warning": "#f1c40f",
-        "--toastify-color-error": "#e74c3c",
-        "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
-        "--toastify-font-family": fonts.body
-      }),
-      children: /* @__PURE__ */ jsx5(ReactToastifyToastContainer, { ...props })
-    }
-  );
-};
-export {
-  Accordion,
-  InstallPwa,
-  Modal,
-  ToastContainer,
-  toast
+  return /* @__PURE__ */jsx5(Box2, {
+    sx: ({
+      colors,
+      fonts
+    }) => ({
+      "--toastify-color-light": "#fff",
+      "--toastify-color-dark": "#121212",
+      "--toastify-color-info": colors?.info || "#3498db",
+      "--toastify-color-success": colors?.success || "#07bc0c",
+      "--toastify-color-warning": "#f1c40f",
+      "--toastify-color-error": "#e74c3c",
+      "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
+      "--toastify-font-family": fonts.body
+    }),
+    children: /* @__PURE__ */jsx5(ReactToastifyToastContainer, {
+      ...props
+    })
+  });
 };
+export { Accordion, InstallPwa, Modal, ToastContainer, toast };

package/dist/index.js

@@ -1,5 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 "use strict";
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,26 +8,32 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
   }
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 
 // src/index.ts
 var src_exports = {};
@@ -54,7 +61,9 @@ var Accordion = ({
   onChange,
   ...boxProps
 }) => {
-  const { theme } = (0, import_ui.useTheme)();
+  const {
+    theme
+  } = (0, import_ui.useTheme)();
   const className = React.useMemo(() => {
     const styles = (0, import_css2.css)({
       ".accordion__item": {
@@ -72,9 +81,11 @@ var Accordion = ({
     })(theme);
     return (0, import_css.css)(styles);
   }, [theme]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Box, { variant: "accordion", className, ...boxProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_accessible_accordion.Accordion,
-    {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Box, {
+    variant: "accordion",
+    className,
+    ...boxProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_accessible_accordion.Accordion, {
       ...{
         allowMultipleExpanded,
         allowZeroExpanded,
@@ -82,8 +93,8 @@ var Accordion = ({
         onChange
       },
       children
-    }
-  ) });
+    })
+  });
 };
 Accordion.Item = import_react_accessible_accordion.AccordionItem;
 Accordion.ItemButton = import_react_accessible_accordion.AccordionItemButton;
@@ -96,38 +107,36 @@ var React3 = __toESM(require("react"));
 // src/components/InstallPwa/InstallPwaUi.tsx
 var import_ui2 = require("@ttoss/ui");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var InstallPwaUi = ({ onInstall }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_ui2.Flex,
-    {
+var InstallPwaUi = ({
+  onInstall
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Flex, {
+    sx: {
+      position: "absolute",
+      bottom: 4,
+      width: "100%",
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime2.jsxs)(import_ui2.Flex, {
       sx: {
-        position: "absolute",
-        bottom: 4,
-        width: "100%",
-        justifyContent: "center"
+        backgroundColor: "background",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 3,
+        width: "auto",
+        border: "1px solid",
+        borderColor: "muted",
+        borderRadius: 1,
+        padding: 4
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        import_ui2.Flex,
-        {
-          sx: {
-            backgroundColor: "background",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: 3,
-            width: "auto",
-            border: "1px solid",
-            borderColor: "muted",
-            borderRadius: 1,
-            padding: 4
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { children: "Deseja instalar o nosso aplicativo?" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Button, { onClick: onInstall, children: "Instalar" })
-          ]
-        }
-      )
-    }
-  );
+      children: [/* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Text, {
+        children: "Deseja instalar o nosso aplicativo?"
+      }), /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Button, {
+        onClick: onInstall,
+        children: "Instalar"
+      })]
+    })
+  });
 };
 
 // src/components/InstallPwa/InstallPwa.tsx
@@ -136,7 +145,7 @@ var InstallPwa = () => {
   const [supportsPwa, setSupportsPwa] = React3.useState(false);
   const [promptInstall, setPromptInstall] = React3.useState(null);
   React3.useEffect(() => {
-    const handler = (e) => {
+    const handler = e => {
       e.preventDefault();
       setSupportsPwa(true);
       setPromptInstall(e);
@@ -144,7 +153,7 @@ var InstallPwa = () => {
     window.addEventListener("beforeinstallprompt", handler);
     return () => window.removeEventListener("transitionend", handler);
   }, []);
-  const onInstall = (e) => {
+  const onInstall = e => {
     e.preventDefault();
     if (!promptInstall) {
       return;
@@ -154,7 +163,9 @@ var InstallPwa = () => {
   if (!supportsPwa) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InstallPwaUi, { onInstall });
+  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(InstallPwaUi, {
+    onInstall
+  });
 };
 
 // src/components/Modal/Modal.tsx
@@ -165,13 +176,11 @@ import_react_modal.default.defaultStyles = {
   overlay: {},
   content: {}
 };
-var Modal = (props) => {
-  const { theme } = (0, import_ui3.useTheme)();
-  const padding = (0, import_ui3.useResponsiveValue)([
-    theme.space?.[2],
-    theme.space?.[3],
-    theme.space?.[4]
-  ]) || 0;
+var Modal = props => {
+  const {
+    theme
+  } = (0, import_ui3.useTheme)();
+  const padding = (0, import_ui3.useResponsiveValue)([theme.space?.[2], theme.space?.[3], theme.space?.[4]]) || 0;
   const style = {
     overlay: {
       position: "fixed",
@@ -210,7 +219,10 @@ var Modal = (props) => {
       ...props.style?.content
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_modal.default, { ...props, style });
+  return /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_react_modal.default, {
+    ...props,
+    style
+  });
 };
 Modal.setAppElement = import_react_modal.default.setAppElement;
 
@@ -220,26 +232,28 @@ var import_ui4 = require("@ttoss/ui");
 var import_react_toastify = require("react-toastify");
 var import_inject_style = require("react-toastify/dist/inject-style");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var ToastContainer = (props) => {
+var ToastContainer = props => {
   React4.useEffect(() => {
     (0, import_inject_style.injectStyle)();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_ui4.Box,
-    {
-      sx: ({ colors, fonts }) => ({
-        "--toastify-color-light": "#fff",
-        "--toastify-color-dark": "#121212",
-        "--toastify-color-info": colors?.info || "#3498db",
-        "--toastify-color-success": colors?.success || "#07bc0c",
-        "--toastify-color-warning": "#f1c40f",
-        "--toastify-color-error": "#e74c3c",
-        "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
-        "--toastify-font-family": fonts.body
-      }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_toastify.ToastContainer, { ...props })
-    }
-  );
+  return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui4.Box, {
+    sx: ({
+      colors,
+      fonts
+    }) => ({
+      "--toastify-color-light": "#fff",
+      "--toastify-color-dark": "#121212",
+      "--toastify-color-info": colors?.info || "#3498db",
+      "--toastify-color-success": colors?.success || "#07bc0c",
+      "--toastify-color-warning": "#f1c40f",
+      "--toastify-color-error": "#e74c3c",
+      "--toastify-color-progress-light": `linear-gradient(to right, ${colors?.primary}, ${colors?.secondary})`,
+      "--toastify-font-family": fonts.body
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_toastify.ToastContainer, {
+      ...props
+    })
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -248,4 +262,4 @@ var ToastContainer = (props) => {
   Modal,
   ToastContainer,
   toast
-});
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.26.14",
+  "version": "1.26.16",
   "description": "React components.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -33,9 +33,9 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/config": "^1.29.1",
-    "@ttoss/test-utils": "^1.20.8",
-    "@ttoss/ui": "^1.31.1",
+    "@ttoss/config": "^1.29.2",
+    "@ttoss/test-utils": "^1.20.9",
+    "@ttoss/ui": "^1.31.3",
     "@types/jest": "^29.5.0",
     "jest": "^29.5.0"
   },
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee0c2e51d38f37f997c020d4303cf90be720ecb0"
+  "gitHead": "792b02e52847725c19fdceffb606c201840d5910"
 }