@gustavo-valsechi/client 1.4.321 → 1.4.323

package/dist/src/components/types/table/index.js

@@ -49,11 +49,12 @@ function Table(props) {
   const modal = (0, import_contexts.useModal)();
   const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
   (0, import_react.useEffect)(() => {
+    if (!theme.content.isMobile) return;
     modal.add({ component: import_modal.default, name: "table" });
     return () => modal.remove("table");
-  }, []);
+  }, [theme.content.isMobile]);
   const onShowLine = (key) => {
-    if (window.innerWidth > Number(import_lodash.default.replace(theme.content.mobileMaxWidth, "px", ""))) return;
+    if (!theme.content.isMobile) return;
     let content = {};
     import_lodash.default.forEach(props.options, (data, index) => {
       var _a2, _b2;
@@ -81,7 +82,7 @@ function Table(props) {
         `,
         style,
         "data-tooltip": !((_g = option.row) == null ? void 0 : _g.actions) ? import_lodash.default.isFunction((_h = option.row) == null ? void 0 : _h.info) ? option.row.info(data, option) : (_i = option.row) == null ? void 0 : _i.info : "",
-        "data-tooltip-props": '{"position":"bottom"}',
+        "data-tooltip-props": '{"position":"bottom","align":"start"}',
         children: renderRowContent(data, option)
       }
     );

package/dist/src/components/types/table/index.mjs

@@ -15,11 +15,12 @@ function Table(props) {
   const modal = useModal();
   const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
   useEffect(() => {
+    if (!theme.content.isMobile) return;
     modal.add({ component: Modal, name: "table" });
     return () => modal.remove("table");
-  }, []);
+  }, [theme.content.isMobile]);
   const onShowLine = (key) => {
-    if (window.innerWidth > Number(_.replace(theme.content.mobileMaxWidth, "px", ""))) return;
+    if (!theme.content.isMobile) return;
     let content = {};
     _.forEach(props.options, (data, index) => {
       var _a2, _b2;
@@ -47,7 +48,7 @@ function Table(props) {
         `,
         style,
         "data-tooltip": !((_g = option.row) == null ? void 0 : _g.actions) ? _.isFunction((_h = option.row) == null ? void 0 : _h.info) ? option.row.info(data, option) : (_i = option.row) == null ? void 0 : _i.info : "",
-        "data-tooltip-props": '{"position":"bottom"}',
+        "data-tooltip-props": '{"position":"bottom","align":"start"}',
         children: renderRowContent(data, option)
       }
     );

package/dist/src/contexts/index.js

@@ -36,7 +36,7 @@ __reExport(contexts_exports, require("./tooltip"), module.exports);
 __reExport(contexts_exports, require("./modal"), module.exports);
 __reExport(contexts_exports, require("./target"), module.exports);
 function Context(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_target.TargetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalProvider, { children: props.children }) }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.ThemeProvider, { theme: props.theme, common: props.commonTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_target.TargetProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.ModalProvider, { children: props.children }) }) }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/src/contexts/index.mjs

@@ -12,7 +12,7 @@ export * from "./tooltip";
 export * from "./modal";
 export * from "./target";
 function Context(props) {
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ jsx(IconProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TargetProvider, { children: /* @__PURE__ */ jsx(ModalProvider, { children: props.children }) }) }) }) });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: props.theme, common: props.commonTheme, children: /* @__PURE__ */ jsx(IconProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TargetProvider, { children: /* @__PURE__ */ jsx(ModalProvider, { children: props.children }) }) }) }) });
 }
 export {
   Context as default

package/dist/src/contexts/theme/index.js

@@ -73,10 +73,10 @@ const ThemeProviderContainer = (props) => {
       value: {
         theme: theme || defaultTheme,
         setTheme,
-        content: import_content.Themes[theme || defaultTheme],
+        content: { ...import_content.Themes[theme || defaultTheme], ...props.common || {} },
         Switcher: SwitcherComponent
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_registry.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled_components.ThemeProvider, { theme: import_content.Themes[theme || defaultTheme], children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_registry.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled_components.ThemeProvider, { theme: { ...import_content.Themes[theme || defaultTheme], ...props.common || {} }, children: [
         props.children,
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_global.default, {})
       ] }) })

package/dist/src/contexts/theme/index.mjs

@@ -39,10 +39,10 @@ const ThemeProviderContainer = (props) => {
       value: {
         theme: theme || defaultTheme,
         setTheme,
-        content: Themes[theme || defaultTheme],
+        content: { ...Themes[theme || defaultTheme], ...props.common || {} },
         Switcher: SwitcherComponent
       },
-      children: /* @__PURE__ */ jsx(StyledComponentsRegistry, { children: /* @__PURE__ */ jsxs(ThemeProvider, { theme: Themes[theme || defaultTheme], children: [
+      children: /* @__PURE__ */ jsx(StyledComponentsRegistry, { children: /* @__PURE__ */ jsxs(ThemeProvider, { theme: { ...Themes[theme || defaultTheme], ...props.common || {} }, children: [
         props.children,
         /* @__PURE__ */ jsx(GlobalStyles, {})
       ] }) })

package/dist/src/interfaces/contexts/index.d.ts

@@ -9,4 +9,7 @@ export interface IBaseProvider {
     children: React.ReactNode;
 }
 export interface IContext extends IThemeProvider {
+    commonTheme?: {
+        [key: string]: any;
+    };
 }

package/dist/src/interfaces/contexts/theme/index.d.ts

@@ -1,6 +1,9 @@
 import { IBaseProvider } from "../..";
 export interface IThemeProvider extends IBaseProvider {
     theme?: keyof ITheme;
+    common?: {
+        [key: string]: any;
+    };
 }
 export interface ICommonTheme {
     secondary: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.321",
+  "version": "1.4.323",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",