@mindlogic-ai/logician-ui 4.0.0-alpha.8 → 4.0.0-alpha.9
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/Loaders/PageLoader.d.ts.map +1 -1
- package/dist/components/Loaders/PageLoader.js +2 -2
- package/dist/components/Loaders/PageLoader.js.map +1 -1
- package/dist/components/Loaders/PageLoader.mjs +2 -2
- package/dist/components/Loaders/PageLoader.mjs.map +1 -1
- package/dist/components/Loaders/SectionLoader.d.ts.map +1 -1
- package/dist/components/Loaders/SectionLoader.js +2 -2
- package/dist/components/Loaders/SectionLoader.js.map +1 -1
- package/dist/components/Loaders/SectionLoader.mjs +2 -2
- package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
- package/package.json +1 -2
- package/src/components/Loaders/PageLoader.tsx +3 -5
- package/src/components/Loaders/SectionLoader.tsx +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/PageLoader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/PageLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIxD,eAAO,MAAM,UAAU,GAAI,wBAGxB,SAAS,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,4CAqBpC,CAAC"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var BounceLoader = require('react-spinners/BounceLoader');
|
|
6
5
|
var react = require('@chakra-ui/react');
|
|
6
|
+
var Spinner = require('../Spinner/Spinner.js');
|
|
7
7
|
|
|
8
8
|
const PageLoader = ({ isLoading, ...rest }) => {
|
|
9
|
-
return (jsxRuntime.jsx(react.Flex, { position: "fixed", w: "100vw", h: "100vh", top: 0, left: 0, align: "center", justify: "center", opacity: isLoading ? 0.5 : 0, transition: "0.3s opacity ease", bg: "bg.canvas", zIndex: 9999, ...rest, children: jsxRuntime.jsx(react.Box, { position: "relative", children: jsxRuntime.jsx(
|
|
9
|
+
return (jsxRuntime.jsx(react.Flex, { position: "fixed", w: "100vw", h: "100vh", top: 0, left: 0, align: "center", justify: "center", opacity: isLoading ? 0.5 : 0, transition: "0.3s opacity ease", bg: "bg.canvas", zIndex: 9999, ...rest, children: jsxRuntime.jsx(react.Box, { position: "relative", children: jsxRuntime.jsx(Spinner.Spinner, { boxSize: "60px", borderWidth: "6px", css: { zIndex: 999 } }) }) }));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.PageLoader = PageLoader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLoader.js","sources":["../../../src/components/Loaders/PageLoader.tsx"],"sourcesContent":[null],"names":["_jsx","Flex","Box"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"PageLoader.js","sources":["../../../src/components/Loaders/PageLoader.tsx"],"sourcesContent":[null],"names":["_jsx","Flex","Box","Spinner"],"mappings":";;;;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;AACvC,IAAA,QACEA,cAAA,CAACC,UAAI,IACH,QAAQ,EAAC,OAAO,EAChB,CAAC,EAAC,OAAO,EACT,CAAC,EAAC,OAAO,EACT,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,SAAS,GAAG,GAAG,GAAG,CAAC,EAC5B,UAAU,EAAC,mBAAmB,EAC9B,EAAE,EAAC,WAAW,EACd,MAAM,EAAE,IAAI,EAAA,GACR,IAAI,YAERD,cAAA,CAACE,SAAG,IAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EACtBF,cAAA,CAACG,eAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,EAAA,CAC9D,EAAA,CACD;AAEX;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import BounceLoader from 'react-spinners/BounceLoader';
|
|
4
3
|
import { Flex, Box } from '@chakra-ui/react';
|
|
4
|
+
import { Spinner } from '../Spinner/Spinner.mjs';
|
|
5
5
|
|
|
6
6
|
const PageLoader = ({ isLoading, ...rest }) => {
|
|
7
|
-
return (jsx(Flex, { position: "fixed", w: "100vw", h: "100vh", top: 0, left: 0, align: "center", justify: "center", opacity: isLoading ? 0.5 : 0, transition: "0.3s opacity ease", bg: "bg.canvas", zIndex: 9999, ...rest, children: jsx(Box, { position: "relative", children: jsx(
|
|
7
|
+
return (jsx(Flex, { position: "fixed", w: "100vw", h: "100vh", top: 0, left: 0, align: "center", justify: "center", opacity: isLoading ? 0.5 : 0, transition: "0.3s opacity ease", bg: "bg.canvas", zIndex: 9999, ...rest, children: jsx(Box, { position: "relative", children: jsx(Spinner, { boxSize: "60px", borderWidth: "6px", css: { zIndex: 999 } }) }) }));
|
|
8
8
|
};
|
|
9
9
|
|
|
10
10
|
export { PageLoader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLoader.mjs","sources":["../../../src/components/Loaders/PageLoader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"PageLoader.mjs","sources":["../../../src/components/Loaders/PageLoader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;AACvC,IAAA,QACEA,GAAA,CAAC,IAAI,IACH,QAAQ,EAAC,OAAO,EAChB,CAAC,EAAC,OAAO,EACT,CAAC,EAAC,OAAO,EACT,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,SAAS,GAAG,GAAG,GAAG,CAAC,EAC5B,UAAU,EAAC,mBAAmB,EAC9B,EAAE,EAAC,WAAW,EACd,MAAM,EAAE,IAAI,EAAA,GACR,IAAI,YAERA,GAAA,CAAC,GAAG,IAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EACtBA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,EAAA,CAC9D,EAAA,CACD;AAEX;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SectionLoader.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAInD,eAAO,MAAM,aAAa,GAAI,wBAG3B,SAAS,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,4CAmBpC,CAAC"}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var DotLoader = require('react-spinners/DotLoader');
|
|
6
5
|
var react = require('@chakra-ui/react');
|
|
6
|
+
var Spinner = require('../Spinner/Spinner.js');
|
|
7
7
|
|
|
8
8
|
const SectionLoader = ({ isLoading, ...rest }) => {
|
|
9
9
|
if (!isLoading)
|
|
10
10
|
return;
|
|
11
|
-
return (jsxRuntime.jsx(react.Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", transition: "0.3 opacity ease", zIndex: 9999, ...rest, children: jsxRuntime.jsx(
|
|
11
|
+
return (jsxRuntime.jsx(react.Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", transition: "0.3 opacity ease", zIndex: 9999, ...rest, children: jsxRuntime.jsx(Spinner.Spinner, { boxSize: "60px", borderWidth: "6px" }) }));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.SectionLoader = SectionLoader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionLoader.js","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsx","Flex"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"SectionLoader.js","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsx","Flex","Spinner"],"mappings":";;;;;;;AAIO,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;AACvC,IAAA,IAAI,CAAC,SAAS;QAAE;IAChB,QACEA,cAAA,CAACC,UAAI,EAAA,EACH,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,WAAW,EACd,UAAU,EAAC,kBAAkB,EAC7B,MAAM,EAAE,IAAI,EAAA,GACR,IAAI,EAAA,QAAA,EAERD,cAAA,CAACE,eAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,EAAA,CACvC;AAEX;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import DotLoader from 'react-spinners/DotLoader';
|
|
4
3
|
import { Flex } from '@chakra-ui/react';
|
|
4
|
+
import { Spinner } from '../Spinner/Spinner.mjs';
|
|
5
5
|
|
|
6
6
|
const SectionLoader = ({ isLoading, ...rest }) => {
|
|
7
7
|
if (!isLoading)
|
|
8
8
|
return;
|
|
9
|
-
return (jsx(Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", transition: "0.3 opacity ease", zIndex: 9999, ...rest, children: jsx(
|
|
9
|
+
return (jsx(Flex, { position: "absolute", w: "100%", h: "100%", top: 0, left: 0, align: "center", justify: "center", bg: "bg.canvas", transition: "0.3 opacity ease", zIndex: 9999, ...rest, children: jsx(Spinner, { boxSize: "60px", borderWidth: "6px" }) }));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { SectionLoader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionLoader.mjs","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"SectionLoader.mjs","sources":["../../../src/components/Loaders/SectionLoader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIO,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,IAAI,EAC4B,KAAI;AACvC,IAAA,IAAI,CAAC,SAAS;QAAE;IAChB,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,WAAW,EACd,UAAU,EAAC,kBAAkB,EAC7B,MAAM,EAAE,IAAI,EAAA,GACR,IAAI,EAAA,QAAA,EAERA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,EAAA,CACvC;AAEX;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mindlogic-ai/logician-ui",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.9",
|
|
4
4
|
"description": "A comprehensive React design system built on Chakra UI",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
"polished": "^4.3.0",
|
|
73
73
|
"react-markdown": "^10.1.0",
|
|
74
74
|
"react-pin-input": "^1.3.0",
|
|
75
|
-
"react-spinners": "^0.17.0",
|
|
76
75
|
"recharts": "^3.1.2",
|
|
77
76
|
"rehype-katex": "^7.0.1",
|
|
78
77
|
"rehype-raw": "^7.0.0",
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import BounceLoader from 'react-spinners/BounceLoader';
|
|
2
1
|
import { Box, Flex, FlexProps } from '@chakra-ui/react';
|
|
3
2
|
|
|
3
|
+
import { Spinner } from '@/components/Spinner';
|
|
4
|
+
|
|
4
5
|
export const PageLoader = ({
|
|
5
6
|
isLoading,
|
|
6
7
|
...rest
|
|
@@ -21,10 +22,7 @@ export const PageLoader = ({
|
|
|
21
22
|
{...rest}
|
|
22
23
|
>
|
|
23
24
|
<Box position="relative">
|
|
24
|
-
<
|
|
25
|
-
color="var(--chakra-colors-primary-main)"
|
|
26
|
-
style={{ zIndex: 999 }}
|
|
27
|
-
/>
|
|
25
|
+
<Spinner boxSize="60px" borderWidth="6px" css={{ zIndex: 999 }} />
|
|
28
26
|
</Box>
|
|
29
27
|
</Flex>
|
|
30
28
|
);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import DotLoader from 'react-spinners/DotLoader';
|
|
2
1
|
import { Flex, FlexProps } from '@chakra-ui/react';
|
|
3
2
|
|
|
3
|
+
import { Spinner } from '@/components/Spinner';
|
|
4
|
+
|
|
4
5
|
export const SectionLoader = ({
|
|
5
6
|
isLoading,
|
|
6
7
|
...rest
|
|
@@ -20,7 +21,7 @@ export const SectionLoader = ({
|
|
|
20
21
|
zIndex={9999}
|
|
21
22
|
{...rest}
|
|
22
23
|
>
|
|
23
|
-
<
|
|
24
|
+
<Spinner boxSize="60px" borderWidth="6px" />
|
|
24
25
|
</Flex>
|
|
25
26
|
);
|
|
26
27
|
};
|