@ttoss/components 2.0.8 → 2.0.9

package/dist/esm/Modal/index.js

@@ -0,0 +1,65 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-XEYGFSK5.js";
+
+// src/components/Modal/Modal.tsx
+import { css as transformStyleObject } from "@theme-ui/css";
+import { useResponsiveValue, useTheme } from "@ttoss/ui";
+import ReactModal from "react-modal";
+import { jsx } from "react/jsx-runtime";
+ReactModal.defaultStyles = {
+  overlay: {},
+  content: {}
+};
+var Modal = props => {
+  const {
+    theme
+  } = useTheme();
+  const space = theme.space;
+  const padding = useResponsiveValue([space?.["lg"], space?.["xl"], space?.["xl"]]) || 0;
+  const style = {
+    overlay: transformStyleObject({
+      position: "fixed",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: "rgba(0, 0, 0, 0.5)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: "modal",
+      ...props.style?.overlay
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    })(theme),
+    content: transformStyleObject({
+      /**
+       * Theme
+       */
+      backgroundColor: "surface",
+      padding,
+      border: "default",
+      borderColor: "surface",
+      borderRadius: "default",
+      /**
+       * General
+       */
+      WebkitOverflowScrolling: "touch",
+      overflow: "auto",
+      position: "relative",
+      top: "0px",
+      left: "0px",
+      right: "0px",
+      bottom: "0px",
+      maxHeight: "90%",
+      maxWidth: "90%",
+      ...props.style?.content
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    })(theme)
+  };
+  return /* @__PURE__ */jsx(ReactModal, {
+    ...props,
+    style
+  });
+};
+Modal.setAppElement = ReactModal.setAppElement;
+export { Modal };

package/dist/esm/Search/index.js

@@ -0,0 +1,30 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-XEYGFSK5.js";
+
+// src/components/Search/Search.tsx
+import * as React from "react";
+import { Input } from "@ttoss/ui";
+import { useDebounce } from "@ttoss/react-hooks";
+import { jsx } from "react/jsx-runtime";
+var Search = ({
+  value,
+  defaultValue,
+  loading,
+  onChange,
+  ...props
+}) => {
+  const [text, setText] = React.useState(value ?? defaultValue);
+  const debouncedValue = useDebounce(text, 500);
+  React.useEffect(() => {
+    onChange(debouncedValue);
+  }, [debouncedValue, onChange]);
+  return /* @__PURE__ */jsx(Input, {
+    leadingIcon: loading ? "loading" : "search",
+    defaultValue: text,
+    onChange: e => {
+      return setText(e.target.value);
+    },
+    ...props
+  });
+};
+export { Search };

package/dist/esm/Table/index.js

@@ -0,0 +1,84 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import { __export, __reExport } from "../chunk-XEYGFSK5.js";
+
+// src/components/Table/index.ts
+var Table_exports2 = {};
+__export(Table_exports2, {
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow
+});
+
+// src/components/Table/Table.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow
+});
+__reExport(Table_exports, react_table_star);
+import { Box } from "@ttoss/ui";
+import * as react_table_star from "@tanstack/react-table";
+import { jsx } from "react/jsx-runtime";
+var Table = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "table",
+    ...props
+  });
+};
+var TableHead = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "thead",
+    ...props
+  });
+};
+var TableBody = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "tbody",
+    ...props
+  });
+};
+var TableRow = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "tr",
+    ...props
+  });
+};
+var TableCell = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "td",
+    ...props
+  });
+};
+var TableHeader = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "th",
+    ...props
+  });
+};
+var TableCaption = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "caption",
+    ...props
+  });
+};
+var TableFooter = props => {
+  return /* @__PURE__ */jsx(Box, {
+    as: "tfoot",
+    ...props
+  });
+};
+
+// src/components/Table/index.ts
+__reExport(Table_exports2, Table_exports);
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/esm/Toast/index.js

@@ -0,0 +1,35 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import "../chunk-XEYGFSK5.js";
+
+// src/components/Toast/Toast.tsx
+import * as React from "react";
+import { Box } from "@ttoss/ui";
+import { ToastContainer as ReactToastifyToastContainer, toast } from "react-toastify";
+import { injectStyle } from "react-toastify/dist/inject-style";
+import { jsx } from "react/jsx-runtime";
+var ToastContainer = props => {
+  React.useEffect(() => {
+    injectStyle();
+  }, []);
+  return /* @__PURE__ */jsx(Box, {
+    sx: ({
+      colors,
+      fonts
+    }) => {
+      return {
+        "--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__ */jsx(ReactToastifyToastContainer, {
+      ...props
+    })
+  });
+};
+export { ToastContainer, toast };

package/dist/esm/chunk-XEYGFSK5.js

@@ -0,0 +1,29 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __export = (target, all) => {
+  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
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+export { __export, __reExport, __publicField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "React components for ttoss ecosystem.",
   "author": "ttoss",
   "contributors": [
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-hooks": "^2.0.2",
-    "@ttoss/ui": "^5.0.6"
+    "@ttoss/react-hooks": "^2.0.3",
+    "@ttoss/ui": "^5.0.7"
   },
   "devDependencies": {
     "@types/jest": "^29.5.13",
@@ -84,11 +84,11 @@
     "react": "^18.3.1",
     "tsup": "^8.3.0",
     "tsx": "^4.6.2",
-    "@ttoss/config": "^1.33.0",
-    "@ttoss/react-icons": "^0.4.2",
-    "@ttoss/react-hooks": "^2.0.2",
-    "@ttoss/test-utils": "^2.1.15",
-    "@ttoss/ui": "^5.0.6"
+    "@ttoss/config": "^1.34.0",
+    "@ttoss/react-hooks": "^2.0.3",
+    "@ttoss/react-icons": "^0.4.3",
+    "@ttoss/test-utils": "^2.1.16",
+    "@ttoss/ui": "^5.0.7"
   },
   "keywords": [
     "React",