@xyo-network/react-shared 2.25.38 → 2.25.41
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/cjs/components/BasicHero/BasicHero.js +2 -4
- package/dist/cjs/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/cjs/components/CardEx.d.ts +6 -0
- package/dist/cjs/components/CardEx.js +15 -0
- package/dist/cjs/components/CardEx.js.map +1 -0
- package/dist/cjs/components/Footer/Copyright.js.map +1 -1
- package/dist/cjs/components/ListItemButtonEx.d.ts +10 -0
- package/dist/cjs/components/ListItemButtonEx.js +30 -0
- package/dist/cjs/components/ListItemButtonEx.js.map +1 -0
- package/dist/cjs/components/SimpleCard/SimpleCard.d.ts +2 -2
- package/dist/cjs/components/SimpleCard/SimpleCard.js +3 -2
- package/dist/cjs/components/SimpleCard/SimpleCard.js.map +1 -1
- package/dist/cjs/components/TypographyEx.d.ts +6 -0
- package/dist/cjs/components/TypographyEx.js +14 -0
- package/dist/cjs/components/TypographyEx.js.map +1 -0
- package/dist/cjs/components/index.d.ts +2 -1
- package/dist/cjs/components/index.js +2 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/hooks/GradientStyles/GradientStyles.d.ts +66 -0
- package/dist/cjs/hooks/GradientStyles/GradientStyles.js +57 -0
- package/dist/cjs/hooks/GradientStyles/GradientStyles.js.map +1 -0
- package/dist/cjs/hooks/GradientStyles/index.d.ts +1 -0
- package/dist/cjs/{components/GradientText → hooks/GradientStyles}/index.js +1 -1
- package/dist/cjs/hooks/GradientStyles/index.js.map +1 -0
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/docs.json +96541 -60375
- package/dist/esm/components/BasicHero/BasicHero.js +4 -6
- package/dist/esm/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/esm/components/CardEx.d.ts +6 -0
- package/dist/esm/components/CardEx.js +9 -0
- package/dist/esm/components/CardEx.js.map +1 -0
- package/dist/esm/components/Footer/Copyright.js.map +1 -1
- package/dist/esm/components/ListItemButtonEx.d.ts +10 -0
- package/dist/esm/components/ListItemButtonEx.js +22 -0
- package/dist/esm/components/ListItemButtonEx.js.map +1 -0
- package/dist/esm/components/SimpleCard/SimpleCard.d.ts +2 -2
- package/dist/esm/components/SimpleCard/SimpleCard.js +4 -3
- package/dist/esm/components/SimpleCard/SimpleCard.js.map +1 -1
- package/dist/esm/components/TypographyEx.d.ts +6 -0
- package/dist/esm/components/TypographyEx.js +8 -0
- package/dist/esm/components/TypographyEx.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -1
- package/dist/esm/components/index.js +2 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/hooks/GradientStyles/GradientStyles.d.ts +66 -0
- package/dist/esm/hooks/GradientStyles/GradientStyles.js +51 -0
- package/dist/esm/hooks/GradientStyles/GradientStyles.js.map +1 -0
- package/dist/esm/hooks/GradientStyles/index.d.ts +1 -0
- package/dist/esm/hooks/GradientStyles/index.js +2 -0
- package/dist/esm/hooks/GradientStyles/index.js.map +1 -0
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/package.json +17 -17
- package/src/components/BasicHero/BasicHero.tsx +4 -6
- package/src/components/CardEx.tsx +13 -0
- package/src/components/Footer/Copyright.tsx +1 -1
- package/src/components/JsonRouteWrapper/JsonFromUrl.stories.tsx +5 -7
- package/src/components/JsonRouteWrapper/JsonRouteWrapper.stories.tsx +1 -3
- package/src/components/ListItemButtonEx.tsx +29 -0
- package/src/components/SimpleCard/SimpleCard.tsx +6 -5
- package/src/components/TypographyEx.tsx +12 -0
- package/src/components/index.ts +2 -1
- package/src/{components/GradientText/GradientText.tsx → hooks/GradientStyles/GradientStyle.stories.tsx} +40 -55
- package/src/hooks/GradientStyles/GradientStyles.tsx +60 -0
- package/src/hooks/GradientStyles/index.ts +1 -0
- package/src/hooks/index.ts +1 -0
- package/dist/cjs/components/GradientText/GradientText.d.ts +0 -4
- package/dist/cjs/components/GradientText/GradientText.js +0 -53
- package/dist/cjs/components/GradientText/GradientText.js.map +0 -1
- package/dist/cjs/components/GradientText/index.d.ts +0 -1
- package/dist/cjs/components/GradientText/index.js.map +0 -1
- package/dist/esm/components/GradientText/GradientText.d.ts +0 -4
- package/dist/esm/components/GradientText/GradientText.js +0 -49
- package/dist/esm/components/GradientText/GradientText.js.map +0 -1
- package/dist/esm/components/GradientText/index.d.ts +0 -1
- package/dist/esm/components/GradientText/index.js +0 -2
- package/dist/esm/components/GradientText/index.js.map +0 -1
- package/src/components/GradientText/GradientText.stories.tsx +0 -31
- package/src/components/GradientText/index.ts +0 -1
|
@@ -6,7 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
8
8
|
const hooks_1 = require("../../hooks");
|
|
9
|
-
const GradientText_1 = require("../GradientText");
|
|
10
9
|
const SubLinkSection = ({ subLinkText1, subLinkText2, subLinkPath, subLinkIcon, backgroundImageAlignment }) => {
|
|
11
10
|
return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowRow, Object.assign({ width: "100%", sx: { flexDirection: { md: 'row', xs: 'column' }, justifyContent: { md: backgroundImageAlignment ? 'flex-start' : 'center', xs: 'center' } } }, { children: [subLinkIcon ? (0, jsx_runtime_1.jsxs)("span", { children: [subLinkIcon, "\u00A0"] }) : null, (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: [subLinkText1, "\u00A0"] }), (0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ href: subLinkPath, underline: "always", target: "_blank", color: "inherit" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: subLinkText2 }) }))] })));
|
|
12
11
|
};
|
|
@@ -17,8 +16,7 @@ const ButtonSection = ({ href, to, buttonText }) => {
|
|
|
17
16
|
const BasicHero = (_a) => {
|
|
18
17
|
var { backgroundImage, title, gradientTitle, backgroundColor, textColor, desc, heroImage, title2, subLinkText1, subLinkText2, subLinkPath, button1Text, button2Text, button2To, button1To, button2Href, button1Href, subLinkIcon, sx } = _a, props = tslib_1.__rest(_a, ["backgroundImage", "title", "gradientTitle", "backgroundColor", "textColor", "desc", "heroImage", "title2", "subLinkText1", "subLinkText2", "subLinkPath", "button1Text", "button2Text", "button2To", "button1To", "button2Href", "button1Href", "subLinkIcon", "sx"]);
|
|
19
18
|
const isMobile = (0, hooks_1.useIsMobile)();
|
|
20
|
-
const
|
|
21
|
-
const classes = theme.palette.mode === 'dark' ? (0, GradientText_1.colorfulGradientDarkMode)() : (0, GradientText_1.colorfulGradientLightMode)();
|
|
19
|
+
const { classes } = (0, hooks_1.useGradientStyles)();
|
|
22
20
|
return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowCol, Object.assign({ sx: Object.assign({ backgroundImage: `url(${backgroundImage})`, backgroundPosition: { lg: 'bottom', md: 'center left', xs: 'top left' }, minHeight: {
|
|
23
21
|
md: '500px',
|
|
24
22
|
sm: '400px',
|
|
@@ -31,7 +29,7 @@ const BasicHero = (_a) => {
|
|
|
31
29
|
} }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Container, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true, justifyContent: "center", alignItems: "center", sx: {
|
|
32
30
|
alignItems: { xs: 'center' },
|
|
33
31
|
justifyContent: { xs: 'center' },
|
|
34
|
-
} }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8 }, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, Object.assign({ paddingY: 2, sx: { alignItems: { xs: backgroundImage && !isMobile ? 'flex-start' : 'center' } } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "h1", component: "h1", gutterBottom: true, textAlign: backgroundImage && !isMobile ? 'left' : 'center' }, { children: [title ? (0, jsx_runtime_1.jsx)("span", { children: `${title} ` }) : null, gradientTitle ? (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: classes.heading }, { children: [" ", ` ${gradientTitle}`] })) : null, title2 ? (0, jsx_runtime_1.jsx)("span", { children: ` ${title2}` }) : null] })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", component: "h2", gutterBottom: true, textAlign: backgroundImage && !isMobile ? 'left' : 'center' }, { children: desc })), (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowRow, Object.assign({ sx: { flexDirection: { lg: 'row', xs: 'column' } }, width: "100%", marginTop: 1 }, { children: [(0, jsx_runtime_1.jsx)(ButtonSection, { href: button1Href, to: button1To, buttonText: button1Text }), (0, jsx_runtime_1.jsx)(ButtonSection, { href: button2Href, to: button2To, buttonText: button2Text })] })), (0, jsx_runtime_1.jsx)(SubLinkSection, { subLinkIcon: subLinkIcon, subLinkText1: subLinkText1, subLinkText2: subLinkText2, subLinkPath: subLinkPath, backgroundImageAlignment: backgroundImage ? true : false })] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: heroImage ? (0, jsx_runtime_1.jsx)("img", { src: heroImage, width: "100%" }) : null }))] })) }) })));
|
|
32
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 8, md: backgroundImage ? 6 : 8, lg: backgroundImage ? 6 : 8 }, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowCol, Object.assign({ paddingY: 2, sx: { alignItems: { xs: backgroundImage && !isMobile ? 'flex-start' : 'center' } } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "h1", component: "h1", gutterBottom: true, textAlign: backgroundImage && !isMobile ? 'left' : 'center' }, { children: [title ? (0, jsx_runtime_1.jsx)("span", { children: `${title} ` }) : null, gradientTitle ? (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: classes().heading }, { children: [" ", ` ${gradientTitle}`] })) : null, title2 ? (0, jsx_runtime_1.jsx)("span", { children: ` ${title2}` }) : null] })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", component: "h2", gutterBottom: true, textAlign: backgroundImage && !isMobile ? 'left' : 'center' }, { children: desc })), (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexGrowRow, Object.assign({ sx: { flexDirection: { lg: 'row', xs: 'column' } }, width: "100%", marginTop: 1 }, { children: [(0, jsx_runtime_1.jsx)(ButtonSection, { href: button1Href, to: button1To, buttonText: button1Text }), (0, jsx_runtime_1.jsx)(ButtonSection, { href: button2Href, to: button2To, buttonText: button2Text })] })), (0, jsx_runtime_1.jsx)(SubLinkSection, { subLinkIcon: subLinkIcon, subLinkText1: subLinkText1, subLinkText2: subLinkText2, subLinkPath: subLinkPath, backgroundImageAlignment: backgroundImage ? true : false })] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 6 }, { children: heroImage ? (0, jsx_runtime_1.jsx)("img", { src: heroImage, width: "100%" }) : null }))] })) }) })));
|
|
35
33
|
};
|
|
36
34
|
exports.BasicHero = BasicHero;
|
|
37
35
|
//# sourceMappingURL=BasicHero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicHero.js","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"BasicHero.js","sourceRoot":"","sources":["../../../../src/components/BasicHero/BasicHero.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CardEx = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const hooks_1 = require("../hooks");
|
|
8
|
+
const CardEx = (_a) => {
|
|
9
|
+
var { style, gradient } = _a, props = tslib_1.__rest(_a, ["style", "gradient"]);
|
|
10
|
+
const { styles } = (0, hooks_1.useGradientStyles)();
|
|
11
|
+
const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {};
|
|
12
|
+
return (0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ style: Object.assign(Object.assign({}, gradientStyle), style) }, props));
|
|
13
|
+
};
|
|
14
|
+
exports.CardEx = CardEx;
|
|
15
|
+
//# sourceMappingURL=CardEx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAE/C,oCAA4C;AAMrC,MAAM,MAAM,GAA0B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,uBAAC,eAAI,kBAAC,KAAK,kCAAO,aAAa,GAAK,KAAK,KAAQ,KAAK,EAAI,CAAA;AACnE,CAAC,CAAA;AAJY,QAAA,MAAM,UAIlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,iDAAsE;AAEtE,iCAAmC;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAEM,MAAM,SAAS,GAA6B,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IAAO,OAAA,CAClF,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,kBAAI,OAAO,EAAE,GAAG,IAAK,KAAK,KAAQ,KAAK,eAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAU,kBAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,IAAM,UAAU,cACnE,4CAAQ,UAAU,CAAC,KAAK,GAAS,KADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,mBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBACnE,uBAAC,mBAAa,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,IAC1C,CACX,CAAC,CAAC,CAAC,IAAI,KACA,CACX,CAAA;CAAA,CAAA;AAbY,QAAA,SAAS,aAarB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ListItemButtonProps } from '@mui/material';
|
|
3
|
+
import { NavigateOptions, To } from 'react-router-dom';
|
|
4
|
+
export interface ListItemButtonExProps extends ListItemButtonProps {
|
|
5
|
+
target?: string;
|
|
6
|
+
to?: To;
|
|
7
|
+
toOptions?: NavigateOptions;
|
|
8
|
+
}
|
|
9
|
+
export declare const ListItemButtonExTo: React.FC<ListItemButtonExProps>;
|
|
10
|
+
export declare const ListItemButtonEx: React.FC<ListItemButtonExProps>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ListItemButtonEx = exports.ListItemButtonExTo = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const react_router_dom_1 = require("react-router-dom");
|
|
8
|
+
const ListItemButtonExTo = (_a) => {
|
|
9
|
+
var { to, toOptions, onClick } = _a, props = tslib_1.__rest(_a, ["to", "toOptions", "onClick"]);
|
|
10
|
+
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
11
|
+
const localOnClick = (event) => {
|
|
12
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
13
|
+
if (to) {
|
|
14
|
+
navigate(to, toOptions);
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
return (0, jsx_runtime_1.jsx)(material_1.ListItemButton, Object.assign({ onClick: localOnClick }, props));
|
|
18
|
+
};
|
|
19
|
+
exports.ListItemButtonExTo = ListItemButtonExTo;
|
|
20
|
+
const ListItemButtonEx = (_a) => {
|
|
21
|
+
var { to } = _a, props = tslib_1.__rest(_a, ["to"]);
|
|
22
|
+
if (to) {
|
|
23
|
+
return (0, jsx_runtime_1.jsx)(exports.ListItemButtonExTo, Object.assign({ to: to }, props));
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
return (0, jsx_runtime_1.jsx)(exports.ListItemButtonEx, Object.assign({}, props));
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
exports.ListItemButtonEx = ListItemButtonEx;
|
|
30
|
+
//# sourceMappingURL=ListItemButtonEx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemButtonEx.js","sourceRoot":"","sources":["../../../src/components/ListItemButtonEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AAEnE,uDAAmE;AAQ5D,MAAM,kBAAkB,GAAoC,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAlC,8BAAoC,CAAF;IACpG,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAChB,IAAI,EAAE,EAAE;YACN,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;SACxB;IACH,CAAC,CAAA;IAED,OAAO,uBAAC,yBAAc,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAAA;AAC7D,CAAC,CAAA;AAVY,QAAA,kBAAkB,sBAU9B;AAEM,MAAM,gBAAgB,GAAoC,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAd,MAAgB,CAAF;IAC9E,IAAI,EAAE,EAAE;QACN,OAAO,uBAAC,0BAAkB,kBAAC,EAAE,EAAE,EAAE,IAAM,KAAK,EAAI,CAAA;KACjD;SAAM;QACL,OAAO,uBAAC,wBAAgB,oBAAK,KAAK,EAAI,CAAA;KACvC;AACH,CAAC,CAAA;AANY,QAAA,gBAAgB,oBAM5B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CardProps } from '@mui/material';
|
|
2
1
|
import { ReactNode } from 'react';
|
|
3
2
|
import { To } from 'react-router-dom';
|
|
4
|
-
|
|
3
|
+
import { CardExProps } from '../CardEx';
|
|
4
|
+
export interface SimpleCardProps extends CardExProps {
|
|
5
5
|
headline?: ReactNode;
|
|
6
6
|
desc?: ReactNode;
|
|
7
7
|
href?: string;
|
|
@@ -9,6 +9,7 @@ const sdk_react_1 = require("@xylabs/sdk-react");
|
|
|
9
9
|
const react_1 = require("react");
|
|
10
10
|
const react_router_dom_1 = require("react-router-dom");
|
|
11
11
|
const hooks_1 = require("../../hooks");
|
|
12
|
+
const CardEx_1 = require("../CardEx");
|
|
12
13
|
const SimpleCard = (_a) => {
|
|
13
14
|
var { iconImage, subtitle, headline, small, desc, href, to, interactionVariant = 'card', media } = _a, props = tslib_1.__rest(_a, ["iconImage", "subtitle", "headline", "small", "desc", "href", "to", "interactionVariant", "media"]);
|
|
14
15
|
const theme = (0, material_1.useTheme)();
|
|
@@ -21,12 +22,12 @@ const SimpleCard = (_a) => {
|
|
|
21
22
|
const externalRouteChange = (href) => {
|
|
22
23
|
href ? window.open(href) : navigate('/404');
|
|
23
24
|
};
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ elevation: raised ? 3 : 0, style: { height: '100%', justifyContent: 'space-between', width: '100%' }, sx: {
|
|
25
26
|
'&:hover': {
|
|
26
27
|
cursor: interactionVariant == 'button' ? 'pointer' : null,
|
|
27
28
|
},
|
|
28
29
|
backgroundColor: (0, material_1.alpha)(theme.palette.primary.light, 0.05),
|
|
29
|
-
}, onMouseEnter: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null), onClick: () => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null) }, { children: [media ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({ sx: { height: '100%' } }, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ width: "100%", alignItems: "flex-start" }, { children: [iconImage ? (0, jsx_runtime_1.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: '8px' } }) : null, typeof headline === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'body1' : 'h6', textAlign: "left", gutterBottom: true }, { children: headline }))) : (headline), subtitle ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2", textAlign: "left", gutterBottom: true }, { children: subtitle }))) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'caption' : 'body1', textAlign: "left", gutterBottom: true }, { children: desc }))] })) })), interactionVariant == 'button' ? ((0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: raised ? 'secondary' : 'primary', size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) })) : null] })));
|
|
30
|
+
}, onMouseEnter: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(true) : null), onMouseLeave: () => (isMobile ? null : interactionVariant == 'button' ? setRaised(false) : null), onClick: () => (interactionVariant == 'button' ? (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')) : null) }, props, { children: [media ? (0, jsx_runtime_1.jsx)(material_1.CardMedia, { component: "img", height: "100", image: media, alt: "" }) : null, (0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({ sx: { height: '100%' } }, { children: (0, jsx_runtime_1.jsxs)(sdk_react_1.FlexCol, Object.assign({ width: "100%", alignItems: "flex-start" }, { children: [iconImage ? (0, jsx_runtime_1.jsx)("img", { src: iconImage, height: "40px", style: { paddingBottom: '8px' } }) : null, typeof headline === 'string' ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'body1' : 'h6', textAlign: "left", gutterBottom: true }, { children: headline }))) : (headline), subtitle ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2", textAlign: "left", gutterBottom: true }, { children: subtitle }))) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: small ? 'caption' : 'body1', textAlign: "left", gutterBottom: true }, { children: desc }))] })) })), interactionVariant == 'button' ? ((0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(sdk_react_1.FlexGrowCol, Object.assign({ alignItems: "flex-end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: raised ? 'secondary' : 'primary', size: small ? 'small' : 'medium', onClick: () => (href ? externalRouteChange(href) : to ? localRouteChange(to) : navigate('/404')), disableFocusRipple: true, disableRipple: true, disableTouchRipple: true }, { children: (0, jsx_runtime_1.jsx)(ArrowForwardRounded_1.default, { fontSize: small ? 'small' : 'medium' }) })) })) })) : null] })));
|
|
30
31
|
};
|
|
31
32
|
exports.SimpleCard = SimpleCard;
|
|
32
33
|
//# sourceMappingURL=SimpleCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleCard.js","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":";;;;;AAAA,0GAA6E;AAC7E,
|
|
1
|
+
{"version":3,"file":"SimpleCard.js","sourceRoot":"","sources":["../../../../src/components/SimpleCard/SimpleCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TypographyEx = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const hooks_1 = require("../hooks");
|
|
8
|
+
const TypographyEx = (_a) => {
|
|
9
|
+
var { gradient } = _a, props = tslib_1.__rest(_a, ["gradient"]);
|
|
10
|
+
const { classes } = (0, hooks_1.useGradientStyles)();
|
|
11
|
+
return (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: gradient === 'text' ? classes().heading : undefined }, props));
|
|
12
|
+
};
|
|
13
|
+
exports.TypographyEx = TypographyEx;
|
|
14
|
+
//# sourceMappingURL=TypographyEx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TypographyEx.js","sourceRoot":"","sources":["../../../src/components/TypographyEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAE3D,oCAA4C;AAMrC,MAAM,YAAY,GAAgC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC5E,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAA;IACvC,OAAO,uBAAC,qBAAU,kBAAC,SAAS,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,EAAI,CAAA;AAClG,CAAC,CAAA;AAHY,QAAA,YAAY,gBAGxB"}
|
|
@@ -6,8 +6,8 @@ export * from './ErrorPage';
|
|
|
6
6
|
export * from './FlexPage';
|
|
7
7
|
export * from './Footer';
|
|
8
8
|
export * from './FullWidthCard';
|
|
9
|
-
export * from './GradientText';
|
|
10
9
|
export * from './JsonRouteWrapper';
|
|
10
|
+
export * from './ListItemButtonEx';
|
|
11
11
|
export * from './NotFound';
|
|
12
12
|
export * from './Pipe';
|
|
13
13
|
export * from './ScrollTableOnSm';
|
|
@@ -15,3 +15,4 @@ export * from './SectionSpacingRow';
|
|
|
15
15
|
export * from './SimpleCard';
|
|
16
16
|
export * from './TableCell';
|
|
17
17
|
export * from './TypeDocViewer';
|
|
18
|
+
export * from './TypographyEx';
|
|
@@ -9,8 +9,8 @@ tslib_1.__exportStar(require("./ErrorPage"), exports);
|
|
|
9
9
|
tslib_1.__exportStar(require("./FlexPage"), exports);
|
|
10
10
|
tslib_1.__exportStar(require("./Footer"), exports);
|
|
11
11
|
tslib_1.__exportStar(require("./FullWidthCard"), exports);
|
|
12
|
-
tslib_1.__exportStar(require("./GradientText"), exports);
|
|
13
12
|
tslib_1.__exportStar(require("./JsonRouteWrapper"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("./ListItemButtonEx"), exports);
|
|
14
14
|
tslib_1.__exportStar(require("./NotFound"), exports);
|
|
15
15
|
tslib_1.__exportStar(require("./Pipe"), exports);
|
|
16
16
|
tslib_1.__exportStar(require("./ScrollTableOnSm"), exports);
|
|
@@ -18,4 +18,5 @@ tslib_1.__exportStar(require("./SectionSpacingRow"), exports);
|
|
|
18
18
|
tslib_1.__exportStar(require("./SimpleCard"), exports);
|
|
19
19
|
tslib_1.__exportStar(require("./TableCell"), exports);
|
|
20
20
|
tslib_1.__exportStar(require("./TypeDocViewer"), exports);
|
|
21
|
+
tslib_1.__exportStar(require("./TypographyEx"), exports);
|
|
21
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,yDAA8B;AAC9B,sDAA2B;AAC3B,qDAA0B;AAC1B,mDAAwB;AACxB,0DAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,+DAAoC;AACpC,yDAA8B;AAC9B,sDAA2B;AAC3B,qDAA0B;AAC1B,mDAAwB;AACxB,0DAA+B;AAC/B,6DAAkC;AAClC,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,0DAA+B;AAC/B,yDAA8B"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export interface GradientStyles {
|
|
3
|
+
background: CSSProperties;
|
|
4
|
+
border: CSSProperties;
|
|
5
|
+
heading: CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
export declare const colorfulGradientLightMode: () => {
|
|
8
|
+
background: {
|
|
9
|
+
backgroundImage: string;
|
|
10
|
+
};
|
|
11
|
+
border: {
|
|
12
|
+
borderImage: string;
|
|
13
|
+
borderImageSlice: number;
|
|
14
|
+
borderImageSource: string;
|
|
15
|
+
borderRadius: number;
|
|
16
|
+
borderStyle: string;
|
|
17
|
+
borderWidth: string;
|
|
18
|
+
};
|
|
19
|
+
heading: {
|
|
20
|
+
WebkitBackgroundClip: string;
|
|
21
|
+
WebkitTextFillColor: string;
|
|
22
|
+
background: string;
|
|
23
|
+
display: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare const colorfulGradientDarkMode: () => {
|
|
27
|
+
background: {
|
|
28
|
+
backgroundImage: string;
|
|
29
|
+
};
|
|
30
|
+
border: {
|
|
31
|
+
borderImage: string;
|
|
32
|
+
borderImageSlice: number;
|
|
33
|
+
borderImageSource: string;
|
|
34
|
+
borderRadius: number;
|
|
35
|
+
borderStyle: string;
|
|
36
|
+
borderWidth: string;
|
|
37
|
+
};
|
|
38
|
+
heading: {
|
|
39
|
+
WebkitBackgroundClip: string;
|
|
40
|
+
WebkitTextFillColor: string;
|
|
41
|
+
background: string;
|
|
42
|
+
display: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export declare const useGradientStyles: () => {
|
|
46
|
+
classes: (props?: any) => import("@mui/styles").ClassNameMap<"border" | "background" | "heading">;
|
|
47
|
+
styles: {
|
|
48
|
+
background: {
|
|
49
|
+
backgroundImage: string;
|
|
50
|
+
};
|
|
51
|
+
border: {
|
|
52
|
+
borderImage: string;
|
|
53
|
+
borderImageSlice: number;
|
|
54
|
+
borderImageSource: string;
|
|
55
|
+
borderRadius: number;
|
|
56
|
+
borderStyle: string;
|
|
57
|
+
borderWidth: string;
|
|
58
|
+
};
|
|
59
|
+
heading: {
|
|
60
|
+
WebkitBackgroundClip: string;
|
|
61
|
+
WebkitTextFillColor: string;
|
|
62
|
+
background: string;
|
|
63
|
+
display: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useGradientStyles = exports.colorfulGradientDarkMode = exports.colorfulGradientLightMode = void 0;
|
|
4
|
+
const material_1 = require("@mui/material");
|
|
5
|
+
const styles_1 = require("@mui/styles");
|
|
6
|
+
const colorfulGradientLightMode = () => {
|
|
7
|
+
return {
|
|
8
|
+
background: {
|
|
9
|
+
backgroundImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',
|
|
10
|
+
},
|
|
11
|
+
border: {
|
|
12
|
+
borderImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',
|
|
13
|
+
borderImageSlice: 1,
|
|
14
|
+
borderImageSource: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',
|
|
15
|
+
borderRadius: 0,
|
|
16
|
+
borderStyle: 'solid',
|
|
17
|
+
borderWidth: '2px',
|
|
18
|
+
},
|
|
19
|
+
heading: {
|
|
20
|
+
WebkitBackgroundClip: 'text',
|
|
21
|
+
WebkitTextFillColor: 'transparent',
|
|
22
|
+
background: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',
|
|
23
|
+
display: 'inline-block',
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
exports.colorfulGradientLightMode = colorfulGradientLightMode;
|
|
28
|
+
const colorfulGradientDarkMode = () => {
|
|
29
|
+
return {
|
|
30
|
+
background: {
|
|
31
|
+
backgroundImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',
|
|
32
|
+
},
|
|
33
|
+
border: {
|
|
34
|
+
borderImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',
|
|
35
|
+
borderImageSlice: 1,
|
|
36
|
+
borderImageSource: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',
|
|
37
|
+
borderRadius: 0,
|
|
38
|
+
borderStyle: 'solid',
|
|
39
|
+
borderWidth: '2px',
|
|
40
|
+
},
|
|
41
|
+
heading: {
|
|
42
|
+
WebkitBackgroundClip: 'text',
|
|
43
|
+
WebkitTextFillColor: 'transparent',
|
|
44
|
+
background: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',
|
|
45
|
+
display: 'inline-block',
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
exports.colorfulGradientDarkMode = colorfulGradientDarkMode;
|
|
50
|
+
const useGradientStyles = () => {
|
|
51
|
+
const theme = (0, material_1.useTheme)();
|
|
52
|
+
const styles = theme.palette.mode === 'dark' ? (0, exports.colorfulGradientDarkMode)() : (0, exports.colorfulGradientLightMode)();
|
|
53
|
+
const classes = (0, styles_1.makeStyles)(styles);
|
|
54
|
+
return { classes, styles };
|
|
55
|
+
};
|
|
56
|
+
exports.useGradientStyles = useGradientStyles;
|
|
57
|
+
//# sourceMappingURL=GradientStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GradientStyles.js","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/GradientStyles.tsx"],"names":[],"mappings":";;;AAAA,4CAAwC;AACxC,wCAAsD;AAS/C,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,OAAO;QACL,UAAU,EAAE;YACV,eAAe,EAAE,qEAAqE;SACvF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,qEAAqE;YAClF,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,qEAAqE;YACxF,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;YAClC,UAAU,EAAE,qEAAqE;YACjF,OAAO,EAAE,cAAc;SACxB;KACF,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,yBAAyB,6BAoBrC;AAEM,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,OAAO;QACL,UAAU,EAAE;YACV,eAAe,EAAE,qEAAqE;SACvF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,qEAAqE;YAClF,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,qEAAqE;YACxF,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACP,oBAAoB,EAAE,MAAM;YAC5B,mBAAmB,EAAE,aAAa;YAClC,UAAU,EAAE,qEAAqE;YACjF,OAAO,EAAE,cAAc;SACxB;KACF,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,wBAAwB,4BAoBpC;AAEM,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAA,gCAAwB,GAAE,CAAC,CAAC,CAAC,IAAA,iCAAyB,GAAE,CAAA;IACvG,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,MAAM,CAAC,CAAA;IAClC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;AAC5B,CAAC,CAAA;AALY,QAAA,iBAAiB,qBAK7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './GradientStyles';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./
|
|
4
|
+
tslib_1.__exportStar(require("./GradientStyles"), exports);
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./GradientStyles"), exports);
|
|
4
5
|
tslib_1.__exportStar(require("./useFooterOffsetResizer"), exports);
|
|
5
6
|
tslib_1.__exportStar(require("./useIsMobile"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./useMediaQuery"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,mEAAwC;AACxC,wDAA6B;AAC7B,0DAA+B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,mEAAwC;AACxC,wDAA6B;AAC7B,0DAA+B"}
|