@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.
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +10 -42
- package/dist/components/styles.js +3 -9
- package/dist/components/types/avatar/index.d.ts +1 -1
- package/dist/components/types/avatar/index.js +15 -21
- package/dist/components/types/avatar/styles.js +2 -8
- package/dist/components/types/badge/index.d.ts +1 -1
- package/dist/components/types/badge/index.js +7 -13
- package/dist/components/types/badge/styles.js +2 -8
- package/dist/components/types/block/index.d.ts +1 -1
- package/dist/components/types/block/index.js +6 -9
- package/dist/components/types/block/styles.js +3 -9
- package/dist/components/types/chart/index.d.ts +1 -1
- package/dist/components/types/chart/index.js +15 -21
- package/dist/components/types/chart/styles.js +2 -8
- package/dist/components/types/credit-card/assets/index.js +1 -3
- package/dist/components/types/credit-card/card/index.d.ts +1 -1
- package/dist/components/types/credit-card/card/index.js +12 -18
- package/dist/components/types/credit-card/card/styles.js +2 -8
- package/dist/components/types/credit-card/functions/index.d.ts +1 -1
- package/dist/components/types/credit-card/functions/index.js +6 -12
- package/dist/components/types/credit-card/functions/styles.js +2 -8
- package/dist/components/types/credit-card/index.d.ts +1 -1
- package/dist/components/types/credit-card/index.js +6 -12
- package/dist/components/types/credit-card/styles.js +2 -8
- package/dist/components/types/credit-card/tools/index.js +8 -15
- package/dist/components/types/form/index.d.ts +1 -1
- package/dist/components/types/form/index.js +24 -56
- package/dist/components/types/form/styles.js +2 -8
- package/dist/components/types/form/types/button/index.d.ts +1 -1
- package/dist/components/types/form/types/button/index.js +6 -12
- package/dist/components/types/form/types/button/loading/index.js +4 -7
- package/dist/components/types/form/types/button/loading/styles.js +2 -8
- package/dist/components/types/form/types/button/styles.js +2 -8
- package/dist/components/types/form/types/datetime/index.d.ts +1 -1
- package/dist/components/types/form/types/datetime/index.js +7 -13
- package/dist/components/types/form/types/datetime/styles.js +2 -8
- package/dist/components/types/form/types/file/index.d.ts +1 -1
- package/dist/components/types/form/types/file/index.js +8 -11
- package/dist/components/types/form/types/file/styles.js +2 -8
- package/dist/components/types/form/types/index.js +7 -23
- package/dist/components/types/form/types/input/index.d.ts +1 -1
- package/dist/components/types/form/types/input/index.js +9 -15
- package/dist/components/types/form/types/input/styles.js +2 -8
- package/dist/components/types/form/types/label/index.d.ts +1 -1
- package/dist/components/types/form/types/label/index.js +4 -7
- package/dist/components/types/form/types/label/styles.js +2 -8
- package/dist/components/types/form/types/select/index.d.ts +1 -1
- package/dist/components/types/form/types/select/index.js +9 -15
- package/dist/components/types/form/types/select/styles.js +2 -8
- package/dist/components/types/form/types/textarea/index.d.ts +1 -1
- package/dist/components/types/form/types/textarea/index.js +7 -13
- package/dist/components/types/form/types/textarea/styles.js +2 -8
- package/dist/components/types/index.js +11 -27
- package/dist/components/types/loading/app/index.d.ts +1 -1
- package/dist/components/types/loading/app/index.js +5 -8
- package/dist/components/types/loading/app/styles.js +2 -8
- package/dist/components/types/loading/bar/index.d.ts +1 -1
- package/dist/components/types/loading/bar/index.js +4 -7
- package/dist/components/types/loading/bar/styles.js +2 -8
- package/dist/components/types/loading/index.js +2 -18
- package/dist/components/types/logo/index.d.ts +1 -1
- package/dist/components/types/logo/index.js +4 -7
- package/dist/components/types/logo/styles.js +2 -8
- package/dist/components/types/lottie/animations/index.js +2 -7
- package/dist/components/types/lottie/index.d.ts +1 -1
- package/dist/components/types/lottie/index.js +8 -14
- package/dist/components/types/lottie/styles.js +2 -8
- package/dist/components/types/modal/index.d.ts +1 -1
- package/dist/components/types/modal/index.js +9 -15
- package/dist/components/types/modal/styles.js +2 -8
- package/dist/components/types/table/index.d.ts +1 -1
- package/dist/components/types/table/index.js +34 -54
- package/dist/components/types/table/modal/actions.js +3 -5
- package/dist/components/types/table/modal/index.d.ts +1 -1
- package/dist/components/types/table/modal/index.js +14 -20
- package/dist/components/types/table/modal/styles.js +2 -8
- package/dist/components/types/table/paginate/index.d.ts +1 -1
- package/dist/components/types/table/paginate/index.js +10 -16
- package/dist/components/types/table/paginate/styles.js +2 -8
- package/dist/components/types/table/styles.js +2 -8
- package/dist/contexts/icon/assets/brands/index.js +1 -3
- package/dist/contexts/icon/assets/index.js +7 -12
- package/dist/contexts/icon/assets/regular/index.js +1 -3
- package/dist/contexts/icon/assets/solid/index.js +1 -3
- package/dist/contexts/icon/index.d.ts +1 -1
- package/dist/contexts/icon/index.js +18 -25
- package/dist/contexts/icon/styles.js +2 -8
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/modal/index.d.ts +1 -1
- package/dist/contexts/modal/index.js +19 -26
- package/dist/contexts/modal/styles.js +2 -8
- package/dist/contexts/theme/content.d.ts +1 -1
- package/dist/contexts/theme/content.js +4 -7
- package/dist/contexts/theme/index.d.ts +1 -1
- package/dist/contexts/theme/index.js +17 -21
- package/dist/contexts/theme/styles.js +2 -8
- package/dist/contexts/tooltip/index.js +12 -19
- package/dist/contexts/tooltip/styles.js +2 -8
- package/dist/index.js +4 -20
- package/dist/interfaces/components/avatar/index.js +1 -2
- package/dist/interfaces/components/badge/index.js +1 -2
- package/dist/interfaces/components/block/index.d.ts +1 -1
- package/dist/interfaces/components/block/index.js +1 -2
- package/dist/interfaces/components/chart/index.js +1 -2
- package/dist/interfaces/components/credit-card/index.js +1 -2
- package/dist/interfaces/components/form/button/index.js +1 -2
- package/dist/interfaces/components/form/datetime/index.js +1 -2
- package/dist/interfaces/components/form/file/index.js +1 -2
- package/dist/interfaces/components/form/index.js +7 -23
- package/dist/interfaces/components/form/input/index.js +1 -2
- package/dist/interfaces/components/form/label/index.js +1 -2
- package/dist/interfaces/components/form/select/index.js +1 -2
- package/dist/interfaces/components/form/textarea/index.js +1 -2
- package/dist/interfaces/components/index.js +11 -27
- package/dist/interfaces/components/loading/app/index.js +1 -2
- package/dist/interfaces/components/loading/bar/index.js +1 -2
- package/dist/interfaces/components/loading/index.js +2 -18
- package/dist/interfaces/components/logo/index.js +1 -2
- package/dist/interfaces/components/lottie/index.js +1 -2
- package/dist/interfaces/components/modal/index.d.ts +1 -1
- package/dist/interfaces/components/modal/index.js +1 -2
- package/dist/interfaces/components/table/index.js +1 -17
- package/dist/interfaces/components/table/paginate/index.js +1 -2
- package/dist/interfaces/contexts/icon/index.js +1 -2
- package/dist/interfaces/contexts/index.js +4 -20
- package/dist/interfaces/contexts/modal/index.js +1 -2
- package/dist/interfaces/contexts/theme/index.js +1 -2
- package/dist/interfaces/contexts/tooltip/index.js +1 -2
- package/dist/interfaces/index.js +2 -18
- package/dist/styled.d.ts +1 -1
- package/dist/styled.js +1 -3
- package/dist/tsup.config.js +2 -4
- package/package.json +1 -1
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 } =
|
|
16
|
-
const [isClient, setIsClient] =
|
|
17
|
-
const [matches, setMatches] =
|
|
18
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 =
|
|
39
|
+
const icon = _.split(_.replace(name, /fa-/g, ""), " ");
|
|
46
40
|
if (!icon.length)
|
|
47
41
|
return;
|
|
48
|
-
let svg = (_d = (_b = (_a =
|
|
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 =
|
|
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 ((
|
|
72
|
+
return (_jsx(IconContext.Provider, { value: {}, children: children }));
|
|
79
73
|
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
exports.useIcon = useIcon;
|
|
74
|
+
const useIcon = () => useContext(IconContext);
|
|
75
|
+
export { IconProviderContainer as IconProvider, useIcon };
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
`;
|
package/dist/contexts/index.js
CHANGED
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
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 =
|
|
17
|
-
const [modals, setModals] =
|
|
18
|
-
|
|
19
|
-
setModals(
|
|
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 (
|
|
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 =
|
|
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 =
|
|
34
|
-
const content =
|
|
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 ((
|
|
35
|
+
return (_jsxs(ModalContext.Provider, { value: {
|
|
42
36
|
value: modals,
|
|
43
37
|
add,
|
|
44
38
|
remove,
|
|
45
39
|
setProps
|
|
46
|
-
}, children: [(
|
|
40
|
+
}, children: [_jsx(Container, { children: _.map(modals, (modal, index) => {
|
|
47
41
|
const ModalComponent = modal.component;
|
|
48
|
-
return (
|
|
42
|
+
return _jsx(ModalComponent, { ...modal.props }, index);
|
|
49
43
|
}) }), children] }));
|
|
50
44
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
exports.useModal = useModal;
|
|
45
|
+
const useModal = () => useContext(ModalContext);
|
|
46
|
+
export { ModalProviderContainer as ModalProvider, useModal };
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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,7 +1,4 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
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] =
|
|
14
|
-
const [defaultTheme] =
|
|
15
|
-
|
|
10
|
+
const [theme, setTheme] = useState("light");
|
|
11
|
+
const [defaultTheme] = useState("light");
|
|
12
|
+
useEffect(() => {
|
|
16
13
|
if (!theme)
|
|
17
14
|
return;
|
|
18
|
-
(async () => await
|
|
15
|
+
(async () => await setStorage(process.env.NEXT_PUBLIC_STORAGE_THEME, theme))();
|
|
19
16
|
}, [theme]);
|
|
20
17
|
const SwitcherComponent = () => {
|
|
21
|
-
return ((
|
|
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 ((
|
|
20
|
+
return (_jsx(ThemeContext.Provider, { value: {
|
|
24
21
|
theme: props.theme || defaultTheme,
|
|
25
22
|
setTheme,
|
|
26
|
-
content:
|
|
23
|
+
content: Themes[props.theme || defaultTheme],
|
|
27
24
|
Switcher: SwitcherComponent
|
|
28
|
-
}, children: (
|
|
25
|
+
}, children: _jsx(ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children }) }));
|
|
29
26
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
exports.useTheme = useTheme;
|
|
27
|
+
const useTheme = () => useContext(ThemeContext);
|
|
28
|
+
export { ThemeProviderContainer as ThemeProvider, useTheme };
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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] =
|
|
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
|
-
|
|
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(
|
|
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(
|
|
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 ((
|
|
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
|
-
|
|
64
|
-
|
|
65
|
-
exports.useTooltip = useTooltip;
|
|
57
|
+
const useTooltip = () => useContext(TooltipContext);
|
|
58
|
+
export { TooltipProviderContainer as TooltipProvider, useTooltip };
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
export {};
|