@gustavo-valsechi/client 1.3.5 → 1.3.6

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 (134) hide show
  1. package/dist/components/index.d.ts +1 -1
  2. package/dist/components/index.js +10 -42
  3. package/dist/components/styles.js +3 -9
  4. package/dist/components/types/avatar/index.d.ts +1 -1
  5. package/dist/components/types/avatar/index.js +15 -21
  6. package/dist/components/types/avatar/styles.js +2 -8
  7. package/dist/components/types/badge/index.d.ts +1 -1
  8. package/dist/components/types/badge/index.js +7 -13
  9. package/dist/components/types/badge/styles.js +2 -8
  10. package/dist/components/types/block/index.d.ts +1 -1
  11. package/dist/components/types/block/index.js +6 -9
  12. package/dist/components/types/block/styles.js +3 -9
  13. package/dist/components/types/chart/index.d.ts +1 -1
  14. package/dist/components/types/chart/index.js +15 -21
  15. package/dist/components/types/chart/styles.js +2 -8
  16. package/dist/components/types/credit-card/assets/index.js +1 -3
  17. package/dist/components/types/credit-card/card/index.d.ts +1 -1
  18. package/dist/components/types/credit-card/card/index.js +12 -18
  19. package/dist/components/types/credit-card/card/styles.js +2 -8
  20. package/dist/components/types/credit-card/functions/index.d.ts +1 -1
  21. package/dist/components/types/credit-card/functions/index.js +6 -12
  22. package/dist/components/types/credit-card/functions/styles.js +2 -8
  23. package/dist/components/types/credit-card/index.d.ts +1 -1
  24. package/dist/components/types/credit-card/index.js +6 -12
  25. package/dist/components/types/credit-card/styles.js +2 -8
  26. package/dist/components/types/credit-card/tools/index.js +8 -15
  27. package/dist/components/types/form/index.d.ts +1 -1
  28. package/dist/components/types/form/index.js +24 -56
  29. package/dist/components/types/form/styles.js +2 -8
  30. package/dist/components/types/form/types/button/index.d.ts +1 -1
  31. package/dist/components/types/form/types/button/index.js +6 -12
  32. package/dist/components/types/form/types/button/loading/index.js +4 -7
  33. package/dist/components/types/form/types/button/loading/styles.js +2 -8
  34. package/dist/components/types/form/types/button/styles.js +2 -8
  35. package/dist/components/types/form/types/datetime/index.d.ts +1 -1
  36. package/dist/components/types/form/types/datetime/index.js +7 -13
  37. package/dist/components/types/form/types/datetime/styles.js +2 -8
  38. package/dist/components/types/form/types/file/index.d.ts +1 -1
  39. package/dist/components/types/form/types/file/index.js +8 -11
  40. package/dist/components/types/form/types/file/styles.js +2 -8
  41. package/dist/components/types/form/types/index.js +7 -23
  42. package/dist/components/types/form/types/input/index.d.ts +1 -1
  43. package/dist/components/types/form/types/input/index.js +9 -15
  44. package/dist/components/types/form/types/input/styles.js +2 -8
  45. package/dist/components/types/form/types/label/index.d.ts +1 -1
  46. package/dist/components/types/form/types/label/index.js +4 -7
  47. package/dist/components/types/form/types/label/styles.js +2 -8
  48. package/dist/components/types/form/types/select/index.d.ts +1 -1
  49. package/dist/components/types/form/types/select/index.js +9 -15
  50. package/dist/components/types/form/types/select/styles.js +2 -8
  51. package/dist/components/types/form/types/textarea/index.d.ts +1 -1
  52. package/dist/components/types/form/types/textarea/index.js +7 -13
  53. package/dist/components/types/form/types/textarea/styles.js +2 -8
  54. package/dist/components/types/index.js +11 -27
  55. package/dist/components/types/loading/app/index.d.ts +1 -1
  56. package/dist/components/types/loading/app/index.js +5 -8
  57. package/dist/components/types/loading/app/styles.js +2 -8
  58. package/dist/components/types/loading/bar/index.d.ts +1 -1
  59. package/dist/components/types/loading/bar/index.js +4 -7
  60. package/dist/components/types/loading/bar/styles.js +2 -8
  61. package/dist/components/types/loading/index.js +2 -18
  62. package/dist/components/types/logo/index.d.ts +1 -1
  63. package/dist/components/types/logo/index.js +4 -7
  64. package/dist/components/types/logo/styles.js +2 -8
  65. package/dist/components/types/lottie/animations/index.js +2 -7
  66. package/dist/components/types/lottie/index.d.ts +1 -1
  67. package/dist/components/types/lottie/index.js +8 -14
  68. package/dist/components/types/lottie/styles.js +2 -8
  69. package/dist/components/types/modal/index.d.ts +1 -1
  70. package/dist/components/types/modal/index.js +9 -15
  71. package/dist/components/types/modal/styles.js +2 -8
  72. package/dist/components/types/table/index.d.ts +1 -1
  73. package/dist/components/types/table/index.js +34 -54
  74. package/dist/components/types/table/modal/actions.js +3 -5
  75. package/dist/components/types/table/modal/index.d.ts +1 -1
  76. package/dist/components/types/table/modal/index.js +14 -20
  77. package/dist/components/types/table/modal/styles.js +2 -8
  78. package/dist/components/types/table/paginate/index.d.ts +1 -1
  79. package/dist/components/types/table/paginate/index.js +10 -16
  80. package/dist/components/types/table/paginate/styles.js +2 -8
  81. package/dist/components/types/table/styles.js +2 -8
  82. package/dist/contexts/icon/assets/brands/index.js +1 -3
  83. package/dist/contexts/icon/assets/index.js +7 -12
  84. package/dist/contexts/icon/assets/regular/index.js +1 -3
  85. package/dist/contexts/icon/assets/solid/index.js +1 -3
  86. package/dist/contexts/icon/index.d.ts +1 -1
  87. package/dist/contexts/icon/index.js +18 -25
  88. package/dist/contexts/icon/styles.js +2 -8
  89. package/dist/contexts/index.js +4 -20
  90. package/dist/contexts/modal/index.d.ts +1 -1
  91. package/dist/contexts/modal/index.js +19 -26
  92. package/dist/contexts/modal/styles.js +2 -8
  93. package/dist/contexts/theme/content.d.ts +1 -1
  94. package/dist/contexts/theme/content.js +4 -7
  95. package/dist/contexts/theme/index.d.ts +1 -1
  96. package/dist/contexts/theme/index.js +17 -21
  97. package/dist/contexts/theme/styles.js +2 -8
  98. package/dist/contexts/tooltip/index.js +12 -19
  99. package/dist/contexts/tooltip/styles.js +2 -8
  100. package/dist/index.js +4 -20
  101. package/dist/interfaces/components/avatar/index.js +1 -2
  102. package/dist/interfaces/components/badge/index.js +1 -2
  103. package/dist/interfaces/components/block/index.d.ts +1 -1
  104. package/dist/interfaces/components/block/index.js +1 -2
  105. package/dist/interfaces/components/chart/index.js +1 -2
  106. package/dist/interfaces/components/credit-card/index.js +1 -2
  107. package/dist/interfaces/components/form/button/index.js +1 -2
  108. package/dist/interfaces/components/form/datetime/index.js +1 -2
  109. package/dist/interfaces/components/form/file/index.js +1 -2
  110. package/dist/interfaces/components/form/index.js +7 -23
  111. package/dist/interfaces/components/form/input/index.js +1 -2
  112. package/dist/interfaces/components/form/label/index.js +1 -2
  113. package/dist/interfaces/components/form/select/index.js +1 -2
  114. package/dist/interfaces/components/form/textarea/index.js +1 -2
  115. package/dist/interfaces/components/index.js +11 -27
  116. package/dist/interfaces/components/loading/app/index.js +1 -2
  117. package/dist/interfaces/components/loading/bar/index.js +1 -2
  118. package/dist/interfaces/components/loading/index.js +2 -18
  119. package/dist/interfaces/components/logo/index.js +1 -2
  120. package/dist/interfaces/components/lottie/index.js +1 -2
  121. package/dist/interfaces/components/modal/index.d.ts +1 -1
  122. package/dist/interfaces/components/modal/index.js +1 -2
  123. package/dist/interfaces/components/table/index.js +1 -17
  124. package/dist/interfaces/components/table/paginate/index.js +1 -2
  125. package/dist/interfaces/contexts/icon/index.js +1 -2
  126. package/dist/interfaces/contexts/index.js +4 -20
  127. package/dist/interfaces/contexts/modal/index.js +1 -2
  128. package/dist/interfaces/contexts/theme/index.js +1 -2
  129. package/dist/interfaces/contexts/tooltip/index.js +1 -2
  130. package/dist/interfaces/index.js +2 -18
  131. package/dist/styled.d.ts +1 -1
  132. package/dist/styled.js +1 -3
  133. package/dist/tsup.config.js +2 -4
  134. package/package.json +1 -1
@@ -1,13 +1,8 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const brands_1 = __importDefault(require("./brands"));
7
- const regular_1 = __importDefault(require("./regular"));
8
- const solid_1 = __importDefault(require("./solid"));
9
- exports.default = {
10
- brands: brands_1.default,
11
- regular: regular_1.default,
12
- solid: solid_1.default
1
+ import brands from "./brands";
2
+ import regular from "./regular";
3
+ import solid from "./solid";
4
+ export default {
5
+ brands,
6
+ regular,
7
+ solid
13
8
  };
@@ -1,9 +1,7 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
1
  const req = require.context("./", false, /\.svg$/);
4
2
  const regular = {};
5
3
  req.keys().forEach((key) => {
6
4
  const name = key.replace("./", "").replace(".svg", "");
7
5
  regular[name] = req(key).default;
8
6
  });
9
- exports.default = regular;
7
+ export default regular;
@@ -1,9 +1,7 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
1
  const req = require.context("./", false, /\.svg$/);
4
2
  const solid = {};
5
3
  req.keys().forEach((key) => {
6
4
  const name = key.replace("./", "").replace(".svg", "");
7
5
  solid[name] = req(key).default;
8
6
  });
9
- exports.default = solid;
7
+ export default solid;
@@ -1,4 +1,4 @@
1
- import { IIconProvider } from "interfaces";
1
+ import { IIconProvider } from "@interfaces";
2
2
  declare const IconProviderContainer: ({ children }: IIconProvider) => import("react/jsx-runtime").JSX.Element;
3
3
  declare const useIcon: () => any;
4
4
  export { IconProviderContainer as IconProvider, useIcon };
@@ -1,24 +1,18 @@
1
1
  "use client";
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.useIcon = exports.IconProvider = void 0;
8
- const jsx_runtime_1 = require("react/jsx-runtime");
9
- const react_1 = require("react");
10
- const theme_1 = require("../theme");
11
- const lodash_1 = __importDefault(require("lodash"));
12
- const assets_1 = __importDefault(require("./assets"));
13
- const IconContext = (0, react_1.createContext)({});
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { createContext, useContext, useEffect, useState } from "react";
4
+ import { useTheme } from "../theme";
5
+ import _ from "lodash";
6
+ import assets from "./assets";
7
+ const IconContext = createContext({});
14
8
  const IconProviderContainer = ({ children }) => {
15
- const { content } = (0, theme_1.useTheme)();
16
- const [isClient, setIsClient] = (0, react_1.useState)(false);
17
- const [matches, setMatches] = (0, react_1.useState)(0);
18
- (0, react_1.useEffect)(() => {
9
+ const { content } = useTheme();
10
+ const [isClient, setIsClient] = useState(false);
11
+ const [matches, setMatches] = useState(0);
12
+ useEffect(() => {
19
13
  setIsClient(true);
20
14
  }, []);
21
- (0, react_1.useEffect)(() => {
15
+ useEffect(() => {
22
16
  const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
23
17
  const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
24
18
  const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
@@ -34,7 +28,7 @@ const IconProviderContainer = ({ children }) => {
34
28
  secoundMediaQuery.removeEventListener("change", secoundHandler);
35
29
  };
36
30
  }, []);
37
- (0, react_1.useEffect)(() => {
31
+ useEffect(() => {
38
32
  if (!isClient)
39
33
  return;
40
34
  const processElement = (element) => {
@@ -42,15 +36,15 @@ const IconProviderContainer = ({ children }) => {
42
36
  const name = element.getAttribute("class");
43
37
  if (!name)
44
38
  return;
45
- const icon = lodash_1.default.split(lodash_1.default.replace(name, /fa-/g, ""), " ");
39
+ const icon = _.split(_.replace(name, /fa-/g, ""), " ");
46
40
  if (!icon.length)
47
41
  return;
48
- let svg = (_d = (_b = (_a = assets_1.default[icon[0]]) === null || _a === void 0 ? void 0 : _a[icon[1]]) !== null && _b !== void 0 ? _b : (_c = assets_1.default["solid"]) === null || _c === void 0 ? void 0 : _c[icon[0]]) !== null && _d !== void 0 ? _d : "";
42
+ let svg = (_d = (_b = (_a = assets[icon[0]]) === null || _a === void 0 ? void 0 : _a[icon[1]]) !== null && _b !== void 0 ? _b : (_c = assets["solid"]) === null || _c === void 0 ? void 0 : _c[icon[0]]) !== null && _d !== void 0 ? _d : "";
49
43
  if (!svg)
50
44
  return;
51
45
  svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
52
46
  const styles = window.getComputedStyle(element);
53
- const size = Number((_e = lodash_1.default.split(styles.fontSize, "px")) === null || _e === void 0 ? void 0 : _e[0]) + 2;
47
+ const size = Number((_e = _.split(styles.fontSize, "px")) === null || _e === void 0 ? void 0 : _e[0]) + 2;
54
48
  element.style.width = `${size}px`;
55
49
  element.style.height = `${size}px`;
56
50
  element.textContent = "";
@@ -75,8 +69,7 @@ const IconProviderContainer = ({ children }) => {
75
69
  });
76
70
  return () => observer.disconnect();
77
71
  }, [isClient, matches]);
78
- return ((0, jsx_runtime_1.jsx)(IconContext.Provider, { value: {}, children: children }));
72
+ return (_jsx(IconContext.Provider, { value: {}, children: children }));
79
73
  };
80
- exports.IconProvider = IconProviderContainer;
81
- const useIcon = () => (0, react_1.useContext)(IconContext);
82
- exports.useIcon = useIcon;
74
+ const useIcon = () => useContext(IconContext);
75
+ export { IconProviderContainer as IconProvider, useIcon };
@@ -1,10 +1,4 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Container = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- exports.Container = styled_components_1.default.div `
1
+ import styled from "styled-components";
2
+ export const Container = styled.div `
9
3
 
10
4
  `;
@@ -1,21 +1,5 @@
1
1
  "use client";
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./icon"), exports);
19
- __exportStar(require("./theme"), exports);
20
- __exportStar(require("./tooltip"), exports);
21
- __exportStar(require("./modal"), exports);
2
+ export * from "./icon";
3
+ export * from "./theme";
4
+ export * from "./tooltip";
5
+ export * from "./modal";
@@ -1,4 +1,4 @@
1
- import { IModalProvider, IModalContext } from "interfaces";
1
+ import { IModalProvider, IModalContext } from "@interfaces";
2
2
  declare const ModalProviderContainer: ({ children }: IModalProvider) => import("react/jsx-runtime").JSX.Element;
3
3
  declare const useModal: () => IModalContext;
4
4
  export { ModalProviderContainer as ModalProvider, useModal };
@@ -1,53 +1,46 @@
1
1
  "use client";
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.useModal = exports.ModalProvider = void 0;
8
- const jsx_runtime_1 = require("react/jsx-runtime");
9
- const react_1 = require("react");
10
- const navigation_1 = require("next/navigation");
11
- const styles_1 = require("./styles");
12
- const lodash_1 = __importDefault(require("lodash"));
13
- const ModalContext = (0, react_1.createContext)({});
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { createContext, useContext, useEffect, useState } from "react";
4
+ import { usePathname } from "next/navigation";
5
+ import { Container } from "./styles";
6
+ import _ from "lodash";
7
+ const ModalContext = createContext({});
14
8
  const memory = [];
15
9
  const ModalProviderContainer = ({ children }) => {
16
- const pathname = (0, navigation_1.usePathname)();
17
- const [modals, setModals] = (0, react_1.useState)([]);
18
- (0, react_1.useEffect)(() => {
19
- setModals(lodash_1.default.filter(memory, (modal) => modal.type === "fixed"));
10
+ const pathname = usePathname();
11
+ const [modals, setModals] = useState([]);
12
+ useEffect(() => {
13
+ setModals(_.filter(memory, (modal) => modal.type === "fixed"));
20
14
  }, [pathname]);
21
15
  const add = (modal) => {
22
- if (lodash_1.default.some(memory, (data) => data.name === modal.name))
16
+ if (_.some(memory, (data) => data.name === modal.name))
23
17
  return;
24
18
  memory.push(modal);
25
19
  setModals(memory);
26
20
  };
27
21
  const remove = (modalName) => {
28
- const index = lodash_1.default.findIndex(memory, (data) => data.name === modalName);
22
+ const index = _.findIndex(memory, (data) => data.name === modalName);
29
23
  memory.slice(index, 1);
30
24
  setModals(memory);
31
25
  };
32
26
  const setProps = (modalName, props) => {
33
- const index = lodash_1.default.findIndex(modals, (modal) => modal.name === modalName);
34
- const content = lodash_1.default.find(modals, (modal) => modal.name === modalName);
27
+ const index = _.findIndex(modals, (modal) => modal.name === modalName);
28
+ const content = _.find(modals, (modal) => modal.name === modalName);
35
29
  if (!content)
36
30
  return;
37
31
  let settedModals = [...modals];
38
32
  settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
39
33
  setModals(settedModals);
40
34
  };
41
- return ((0, jsx_runtime_1.jsxs)(ModalContext.Provider, { value: {
35
+ return (_jsxs(ModalContext.Provider, { value: {
42
36
  value: modals,
43
37
  add,
44
38
  remove,
45
39
  setProps
46
- }, children: [(0, jsx_runtime_1.jsx)(styles_1.Container, { children: lodash_1.default.map(modals, (modal, index) => {
40
+ }, children: [_jsx(Container, { children: _.map(modals, (modal, index) => {
47
41
  const ModalComponent = modal.component;
48
- return (0, jsx_runtime_1.jsx)(ModalComponent, { ...modal.props }, index);
42
+ return _jsx(ModalComponent, { ...modal.props }, index);
49
43
  }) }), children] }));
50
44
  };
51
- exports.ModalProvider = ModalProviderContainer;
52
- const useModal = () => (0, react_1.useContext)(ModalContext);
53
- exports.useModal = useModal;
45
+ const useModal = () => useContext(ModalContext);
46
+ export { ModalProviderContainer as ModalProvider, useModal };
@@ -1,10 +1,4 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Container = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- exports.Container = styled_components_1.default.div `
1
+ import styled from "styled-components";
2
+ export const Container = styled.div `
9
3
 
10
4
  `;
@@ -1,3 +1,3 @@
1
- import { ICommonTheme, ITheme } from "interfaces";
1
+ import { ICommonTheme, ITheme } from "@interfaces";
2
2
  export declare const CommonTheme: ICommonTheme;
3
3
  export declare const Themes: ITheme;
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Themes = exports.CommonTheme = void 0;
4
- exports.CommonTheme = {
1
+ export const CommonTheme = {
5
2
  secondary: "#5869da",
6
3
  tertiary: "#629dfd33",
7
4
  positive: "#65c965",
@@ -9,7 +6,7 @@ exports.CommonTheme = {
9
6
  mobileMaxWidth: "650px",
10
7
  mobileMinWidth: "315px",
11
8
  };
12
- exports.Themes = {
9
+ export const Themes = {
13
10
  light: {
14
11
  primary: "#ffffff",
15
12
  reverse: "#353535",
@@ -40,7 +37,7 @@ exports.Themes = {
40
37
  #fbfbfe 100%
41
38
  )`,
42
39
  maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
43
- ...exports.CommonTheme,
40
+ ...CommonTheme,
44
41
  },
45
42
  dark: {
46
43
  primary: "#333333",
@@ -72,6 +69,6 @@ exports.Themes = {
72
69
  #343538 100%
73
70
  )`,
74
71
  maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
75
- ...exports.CommonTheme,
72
+ ...CommonTheme,
76
73
  }
77
74
  };
@@ -1,4 +1,4 @@
1
- import { IThemeProvider, IThemeContext } from "interfaces";
1
+ import { IThemeProvider, IThemeContext } from "@interfaces";
2
2
  declare const ThemeProviderContainer: (props: IThemeProvider) => import("react/jsx-runtime").JSX.Element;
3
3
  declare const useTheme: () => IThemeContext;
4
4
  export { ThemeProviderContainer as ThemeProvider, useTheme };
@@ -1,32 +1,28 @@
1
1
  "use client";
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTheme = exports.ThemeProvider = void 0;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
7
- const styled_components_1 = require("styled-components");
8
- const styles_1 = require("./styles");
9
- const content_1 = require("./content");
10
- const server_1 = require("@gustavo-valsechi/server");
11
- const ThemeContext = (0, react_1.createContext)({});
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { createContext, useContext, useEffect, useState } from "react";
4
+ import { ThemeProvider } from "styled-components";
5
+ import { Switcher } from "./styles";
6
+ import { Themes } from "./content";
7
+ import { setStorage } from "@gustavo-valsechi/server";
8
+ const ThemeContext = createContext({});
12
9
  const ThemeProviderContainer = (props) => {
13
- const [theme, setTheme] = (0, react_1.useState)("light");
14
- const [defaultTheme] = (0, react_1.useState)("light");
15
- (0, react_1.useEffect)(() => {
10
+ const [theme, setTheme] = useState("light");
11
+ const [defaultTheme] = useState("light");
12
+ useEffect(() => {
16
13
  if (!theme)
17
14
  return;
18
- (async () => await (0, server_1.setStorage)(process.env.NEXT_PUBLIC_STORAGE_THEME, theme))();
15
+ (async () => await setStorage(process.env.NEXT_PUBLIC_STORAGE_THEME, theme))();
19
16
  }, [theme]);
20
17
  const SwitcherComponent = () => {
21
- return ((0, jsx_runtime_1.jsxs)(styles_1.Switcher, { onClick: () => setTheme(theme === "light" ? "dark" : "light"), "data-theme": theme || defaultTheme, children: [(0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-moon" }), (0, jsx_runtime_1.jsx)("div", { className: "switcher", children: (0, jsx_runtime_1.jsx)("div", {}) }), (0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-sun" })] }));
18
+ return (_jsxs(Switcher, { onClick: () => setTheme(theme === "light" ? "dark" : "light"), "data-theme": theme || defaultTheme, children: [_jsx("i", { "aria-hidden": true, className: "fa-solid fa-moon" }), _jsx("div", { className: "switcher", children: _jsx("div", {}) }), _jsx("i", { "aria-hidden": true, className: "fa-solid fa-sun" })] }));
22
19
  };
23
- return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: {
20
+ return (_jsx(ThemeContext.Provider, { value: {
24
21
  theme: props.theme || defaultTheme,
25
22
  setTheme,
26
- content: content_1.Themes[props.theme || defaultTheme],
23
+ content: Themes[props.theme || defaultTheme],
27
24
  Switcher: SwitcherComponent
28
- }, children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: content_1.Themes[props.theme || defaultTheme], children: props.children }) }));
25
+ }, children: _jsx(ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children }) }));
29
26
  };
30
- exports.ThemeProvider = ThemeProviderContainer;
31
- const useTheme = () => (0, react_1.useContext)(ThemeContext);
32
- exports.useTheme = useTheme;
27
+ const useTheme = () => useContext(ThemeContext);
28
+ export { ThemeProviderContainer as ThemeProvider, useTheme };
@@ -1,11 +1,5 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Switcher = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- exports.Switcher = styled_components_1.default.div `
1
+ import styled from "styled-components";
2
+ export const Switcher = styled.div `
9
3
  width: 3rem;
10
4
  height: 1.5rem;
11
5
  border-radius: 1rem;
@@ -1,17 +1,11 @@
1
1
  "use client";
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.useTooltip = exports.TooltipProvider = void 0;
8
- const jsx_runtime_1 = require("react/jsx-runtime");
9
- const react_1 = require("react");
10
- const styles_1 = require("./styles");
11
- const lodash_1 = __importDefault(require("lodash"));
12
- const TooltipContext = (0, react_1.createContext)({});
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { createContext, useContext, useEffect, useState } from "react";
4
+ import { Tooltip } from "./styles";
5
+ import _ from "lodash";
6
+ const TooltipContext = createContext({});
13
7
  const TooltipProviderContainer = ({ children }) => {
14
- const [tooltips, setTooltips] = (0, react_1.useState)([]);
8
+ const [tooltips, setTooltips] = useState([]);
15
9
  const getContent = (target) => {
16
10
  var _a;
17
11
  const rect = target.getBoundingClientRect();
@@ -21,19 +15,19 @@ const TooltipProviderContainer = ({ children }) => {
21
15
  content: ((_a = target.dataset) === null || _a === void 0 ? void 0 : _a.tooltip) || ""
22
16
  };
23
17
  };
24
- (0, react_1.useEffect)(() => {
18
+ useEffect(() => {
25
19
  const processElement = (element) => {
26
20
  element.addEventListener("mouseenter", (event) => {
27
21
  const target = event === null || event === void 0 ? void 0 : event.target;
28
22
  if (!target)
29
23
  return;
30
- setTooltips(lodash_1.default.concat(tooltips, [getContent(target)]));
24
+ setTooltips(_.concat(tooltips, [getContent(target)]));
31
25
  });
32
26
  element.addEventListener("mouseleave", (event) => {
33
27
  const target = event === null || event === void 0 ? void 0 : event.target;
34
28
  if (!target)
35
29
  return;
36
- setTooltips(lodash_1.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
30
+ setTooltips(_.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
37
31
  });
38
32
  };
39
33
  document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
@@ -55,11 +49,10 @@ const TooltipProviderContainer = ({ children }) => {
55
49
  });
56
50
  return () => observer.disconnect();
57
51
  }, []);
58
- return ((0, jsx_runtime_1.jsxs)(TooltipContext.Provider, { value: {}, children: [lodash_1.default.map(tooltips, (data, index) => (0, jsx_runtime_1.jsx)(styles_1.Tooltip, { style: {
52
+ return (_jsxs(TooltipContext.Provider, { value: {}, children: [_.map(tooltips, (data, index) => _jsx(Tooltip, { style: {
59
53
  top: data.top,
60
54
  left: data.left,
61
55
  }, children: data.content }, index)), children] }));
62
56
  };
63
- exports.TooltipProvider = TooltipProviderContainer;
64
- const useTooltip = () => (0, react_1.useContext)(TooltipContext);
65
- exports.useTooltip = useTooltip;
57
+ const useTooltip = () => useContext(TooltipContext);
58
+ export { TooltipProviderContainer as TooltipProvider, useTooltip };
@@ -1,11 +1,5 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Tooltip = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- exports.Tooltip = styled_components_1.default.div `
1
+ import styled from "styled-components";
2
+ export const Tooltip = styled.div `
9
3
  position: fixed;
10
4
  background: ${({ theme }) => theme.tooltip};
11
5
  color: ${({ theme }) => theme.t6};
package/dist/index.js CHANGED
@@ -1,20 +1,4 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- require("./styled");
18
- __exportStar(require("./components"), exports);
19
- __exportStar(require("./contexts"), exports);
20
- __exportStar(require("./interfaces"), exports);
1
+ import "./styled";
2
+ export * from "./components";
3
+ export * from "./contexts";
4
+ export * from "./interfaces";
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { IComponentContent } from "interfaces";
2
+ import { IComponentContent } from "@interfaces";
3
3
  interface IBase {
4
4
  icon?: string;
5
5
  label?: string;
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,23 +1,7 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./file"), exports);
18
- __exportStar(require("./label"), exports);
19
- __exportStar(require("./input"), exports);
20
- __exportStar(require("./select"), exports);
21
- __exportStar(require("./button"), exports);
22
- __exportStar(require("./datetime"), exports);
23
- __exportStar(require("./textarea"), exports);
1
+ export * from "./file";
2
+ export * from "./label";
3
+ export * from "./input";
4
+ export * from "./select";
5
+ export * from "./button";
6
+ export * from "./datetime";
7
+ export * from "./textarea";
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};