react-loadly 1.0.0
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/README.md +220 -0
- package/dist/index.d.ts +507 -0
- package/dist/index.esm.js +1371 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +1409 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +2 -0
- package/dist/styles.css.map +1 -0
- package/dist/types/@types/index.d.ts +15 -0
- package/dist/types/@types/index.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IBaseLoaderProps.d.ts +30 -0
- package/dist/types/@types/interfaces/IBaseLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IFallbackLoaderProps.d.ts +14 -0
- package/dist/types/@types/interfaces/IFallbackLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IFluidLoaderProps.d.ts +8 -0
- package/dist/types/@types/interfaces/IFluidLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IGeometricLoaderProps.d.ts +8 -0
- package/dist/types/@types/interfaces/IGeometricLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/ILoaderCSSVariables.d.ts +11 -0
- package/dist/types/@types/interfaces/ILoaderCSSVariables.d.ts.map +1 -0
- package/dist/types/@types/interfaces/ILoaderState.d.ts +7 -0
- package/dist/types/@types/interfaces/ILoaderState.d.ts.map +1 -0
- package/dist/types/@types/interfaces/ILoaderTheme.d.ts +20 -0
- package/dist/types/@types/interfaces/ILoaderTheme.d.ts.map +1 -0
- package/dist/types/@types/interfaces/ILogoLoaderProps.d.ts +12 -0
- package/dist/types/@types/interfaces/ILogoLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/ITextLoaderProps.d.ts +12 -0
- package/dist/types/@types/interfaces/ITextLoaderProps.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IUseLoaderStateOptions.d.ts +9 -0
- package/dist/types/@types/interfaces/IUseLoaderStateOptions.d.ts.map +1 -0
- package/dist/types/@types/interfaces/IUseLoaderStateReturn.d.ts +10 -0
- package/dist/types/@types/interfaces/IUseLoaderStateReturn.d.ts.map +1 -0
- package/dist/types/@types/types/AnimationDirectionType.d.ts +2 -0
- package/dist/types/@types/types/AnimationDirectionType.d.ts.map +1 -0
- package/dist/types/@types/types/AnimationEasingType.d.ts +2 -0
- package/dist/types/@types/types/AnimationEasingType.d.ts.map +1 -0
- package/dist/types/@types/types/AnimationFillModeType.d.ts +2 -0
- package/dist/types/@types/types/AnimationFillModeType.d.ts.map +1 -0
- package/dist/types/@types/types/index.d.ts +4 -0
- package/dist/types/@types/types/index.d.ts.map +1 -0
- package/dist/types/components/atoms/Circle.d.ts +15 -0
- package/dist/types/components/atoms/Circle.d.ts.map +1 -0
- package/dist/types/components/atoms/Dot.d.ts +15 -0
- package/dist/types/components/atoms/Dot.d.ts.map +1 -0
- package/dist/types/components/atoms/Line.d.ts +29 -0
- package/dist/types/components/atoms/Line.d.ts.map +1 -0
- package/dist/types/components/atoms/Rectangle.d.ts +30 -0
- package/dist/types/components/atoms/Rectangle.d.ts.map +1 -0
- package/dist/types/components/atoms/index.d.ts +9 -0
- package/dist/types/components/atoms/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/components/molecules/DotCluster.d.ts +26 -0
- package/dist/types/components/molecules/DotCluster.d.ts.map +1 -0
- package/dist/types/components/molecules/LineGroup.d.ts +30 -0
- package/dist/types/components/molecules/LineGroup.d.ts.map +1 -0
- package/dist/types/components/molecules/ShapeGroup.d.ts +30 -0
- package/dist/types/components/molecules/ShapeGroup.d.ts.map +1 -0
- package/dist/types/components/molecules/index.d.ts +7 -0
- package/dist/types/components/molecules/index.d.ts.map +1 -0
- package/dist/types/components/organisms/BarsLoader.d.ts +4 -0
- package/dist/types/components/organisms/BarsLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/BlobLoader.d.ts +4 -0
- package/dist/types/components/organisms/BlobLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/BounceLoader.d.ts +4 -0
- package/dist/types/components/organisms/BounceLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/DotsLoader.d.ts +4 -0
- package/dist/types/components/organisms/DotsLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/FallbackLoader.d.ts +4 -0
- package/dist/types/components/organisms/FallbackLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/FlowLoader.d.ts +4 -0
- package/dist/types/components/organisms/FlowLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/GridLoader.d.ts +4 -0
- package/dist/types/components/organisms/GridLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/LiquidLoader.d.ts +4 -0
- package/dist/types/components/organisms/LiquidLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/LogoSpinLoader.d.ts +4 -0
- package/dist/types/components/organisms/LogoSpinLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/PulseLoader.d.ts +4 -0
- package/dist/types/components/organisms/PulseLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/RingLoader.d.ts +4 -0
- package/dist/types/components/organisms/RingLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/RotateLoader.d.ts +4 -0
- package/dist/types/components/organisms/RotateLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/SpinLoader.d.ts +4 -0
- package/dist/types/components/organisms/SpinLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/TypingLoader.d.ts +4 -0
- package/dist/types/components/organisms/TypingLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/WaveLoader.d.ts +4 -0
- package/dist/types/components/organisms/WaveLoader.d.ts.map +1 -0
- package/dist/types/components/organisms/index.d.ts +17 -0
- package/dist/types/components/organisms/index.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +5 -0
- package/dist/types/hooks/index.d.ts.map +1 -0
- package/dist/types/hooks/useAsyncLoader.d.ts +15 -0
- package/dist/types/hooks/useAsyncLoader.d.ts.map +1 -0
- package/dist/types/hooks/useLoaderState.d.ts +10 -0
- package/dist/types/hooks/useLoaderState.d.ts.map +1 -0
- package/dist/types/hooks/useMultipleLoaderStates.d.ts +11 -0
- package/dist/types/hooks/useMultipleLoaderStates.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/setupTests.d.ts +2 -0
- package/dist/types/setupTests.d.ts.map +1 -0
- package/dist/types/utils/animationUtils.d.ts +29 -0
- package/dist/types/utils/animationUtils.d.ts.map +1 -0
- package/dist/types/utils/colorUtils.d.ts +18 -0
- package/dist/types/utils/colorUtils.d.ts.map +1 -0
- package/dist/types/utils/domUtils.d.ts +13 -0
- package/dist/types/utils/domUtils.d.ts.map +1 -0
- package/dist/types/utils/index.d.ts +6 -0
- package/dist/types/utils/index.d.ts.map +1 -0
- package/dist/types/utils/mathUtils.d.ts +9 -0
- package/dist/types/utils/mathUtils.d.ts.map +1 -0
- package/dist/types/utils/propUtils.d.ts +22 -0
- package/dist/types/utils/propUtils.d.ts.map +1 -0
- package/package.json +112 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface LineGroupProps {
|
|
2
|
+
/** Number of lines in the group */
|
|
3
|
+
count?: number;
|
|
4
|
+
/** Width of each line */
|
|
5
|
+
lineWidth?: number | string;
|
|
6
|
+
/** Height/thickness of each line */
|
|
7
|
+
lineHeight?: number | string;
|
|
8
|
+
/** Color of the lines */
|
|
9
|
+
color?: string;
|
|
10
|
+
/** Secondary color for alternating lines */
|
|
11
|
+
secondaryColor?: string;
|
|
12
|
+
/** Spacing between lines */
|
|
13
|
+
spacing?: number | string;
|
|
14
|
+
/** Animation speed multiplier */
|
|
15
|
+
speed?: number;
|
|
16
|
+
/** Group arrangement */
|
|
17
|
+
arrangement?: "parallel" | "radial" | "staggered";
|
|
18
|
+
/** Orientation of lines */
|
|
19
|
+
orientation?: "horizontal" | "vertical";
|
|
20
|
+
/** Custom CSS class */
|
|
21
|
+
className?: string;
|
|
22
|
+
/** Custom styles */
|
|
23
|
+
style?: React.CSSProperties;
|
|
24
|
+
/** Animation type */
|
|
25
|
+
animationType?: "wave" | "pulse" | "scale" | "rotate";
|
|
26
|
+
/** Data test id */
|
|
27
|
+
"data-testid"?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const LineGroup: React.FC<LineGroupProps>;
|
|
30
|
+
//# sourceMappingURL=LineGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LineGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;IAClD,2BAA2B;IAC3B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtD,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmG9C,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface ShapeGroupProps {
|
|
2
|
+
/** Number of shapes in the group */
|
|
3
|
+
count?: number;
|
|
4
|
+
/** Size of each shape */
|
|
5
|
+
shapeSize?: number | string;
|
|
6
|
+
/** Color of the shapes */
|
|
7
|
+
color?: string;
|
|
8
|
+
/** Secondary color for alternating shapes */
|
|
9
|
+
secondaryColor?: string;
|
|
10
|
+
/** Spacing between shapes */
|
|
11
|
+
spacing?: number | string;
|
|
12
|
+
/** Animation speed multiplier */
|
|
13
|
+
speed?: number;
|
|
14
|
+
/** Group arrangement */
|
|
15
|
+
arrangement?: "linear" | "circular" | "spiral";
|
|
16
|
+
/** Shape types to use */
|
|
17
|
+
shapeTypes?: ("circle" | "rectangle")[];
|
|
18
|
+
/** Custom CSS class */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Custom styles */
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
/** Animation type */
|
|
23
|
+
animationType?: "pulse" | "rotate" | "scale" | "bounce";
|
|
24
|
+
/** Border width for outlined shapes */
|
|
25
|
+
borderWidth?: number;
|
|
26
|
+
/** Data test id */
|
|
27
|
+
"data-testid"?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const ShapeGroup: React.FC<ShapeGroupProps>;
|
|
30
|
+
//# sourceMappingURL=ShapeGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShapeGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ShapeGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC/C,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxD,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqHhD,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { DotCluster } from './DotCluster';
|
|
2
|
+
export { LineGroup } from './LineGroup';
|
|
3
|
+
export { ShapeGroup } from './ShapeGroup';
|
|
4
|
+
export type { DotClusterProps } from './DotCluster';
|
|
5
|
+
export type { LineGroupProps } from './LineGroup';
|
|
6
|
+
export type { ShapeGroupProps } from './ShapeGroup';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BarsLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BarsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAmFhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlobLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BlobLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAiH5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BounceLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BounceLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,qBAAqB,CAiFlD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DotsLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DotsLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAiFhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FallbackLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FallbackLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgC3B,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAsCnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlowLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FlowLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CA+H5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/GridLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAiB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWnD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CA2EhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiquidLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/LiquidLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAiB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmG9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoSpinLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/LogoSpinLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAsB,EAAE,EAAE,MAAM,OAAO,CAAC;AAW/C,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,gBAAgB,CA4E/C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PulseLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/PulseLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,qBAAqB,CA+DjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RingLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/RingLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,EAAE,EAAU,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAYrD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAyFhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RotateLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/RotateLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAWxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,qBAAqB,CA0FlD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpinLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SpinLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAU,MAAM,OAAO,CAAC;AAWvD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CA6DhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TypingLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/TypingLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAsB,EAAE,EAA+B,MAAM,OAAO,CAAC;AAU5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,gBAAgB,CAkG7C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WaveLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/WaveLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAsB,EAAE,EAAW,MAAM,OAAO,CAAC;AAYxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,qBAAqB,CAqEhD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { BlobLoader } from "./BlobLoader";
|
|
2
|
+
export { FallbackLoader } from "./FallbackLoader";
|
|
3
|
+
export { FlowLoader } from "./FlowLoader";
|
|
4
|
+
export { GridLoader } from "./GridLoader";
|
|
5
|
+
export { LiquidLoader } from "./LiquidLoader";
|
|
6
|
+
export { LogoSpinLoader } from "./LogoSpinLoader";
|
|
7
|
+
export { PulseLoader } from "./PulseLoader";
|
|
8
|
+
export { SpinLoader } from "./SpinLoader";
|
|
9
|
+
export { TypingLoader } from "./TypingLoader";
|
|
10
|
+
export { WaveLoader } from "./WaveLoader";
|
|
11
|
+
export { BarsLoader } from "./BarsLoader";
|
|
12
|
+
export { BounceLoader } from "./BounceLoader";
|
|
13
|
+
export { DotsLoader } from "./DotsLoader";
|
|
14
|
+
export { RingLoader } from "./RingLoader";
|
|
15
|
+
export { RotateLoader } from "./RotateLoader";
|
|
16
|
+
export type { IFallbackLoaderProps, IFluidLoaderProps, IGeometricLoaderProps, ILogoLoaderProps, ITextLoaderProps } from "@/@types";
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { useLoaderState } from "./useLoaderState";
|
|
2
|
+
export { useMultipleLoaderStates } from "./useMultipleLoaderStates";
|
|
3
|
+
export { useAsyncLoader } from "./useAsyncLoader";
|
|
4
|
+
export type { ILoaderState, IUseLoaderStateOptions, IUseLoaderStateReturn, } from "@/@types";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EACV,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IUseLoaderStateOptions, IUseLoaderStateReturn } from "../@types";
|
|
2
|
+
/**
|
|
3
|
+
* Hook for tracking async operations with automatic loading state management
|
|
4
|
+
* Automatically handles loading states during async operations and provides error handling
|
|
5
|
+
*
|
|
6
|
+
* @param asyncFn - Async function to execute and track
|
|
7
|
+
* @param dependencies - Dependency array to trigger re-execution (similar to useEffect)
|
|
8
|
+
* @param options - Configuration options for the loader state
|
|
9
|
+
* @returns Object containing loader state, data result, and execution method
|
|
10
|
+
*/
|
|
11
|
+
export declare const useAsyncLoader: <T>(asyncFn: () => Promise<T>, dependencies?: React.DependencyList, options?: IUseLoaderStateOptions) => IUseLoaderStateReturn & {
|
|
12
|
+
data: T | null;
|
|
13
|
+
execute: () => Promise<T | null>;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=useAsyncLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAsyncLoader.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsyncLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAG1E;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,EAC9B,SAAS,MAAM,OAAO,CAAC,CAAC,CAAC,EACzB,eAAc,KAAK,CAAC,cAAmB,EACvC,UAAS,sBAA2B,KACnC,qBAAqB,GAAG;IACzB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CAgClC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IUseLoaderStateOptions, IUseLoaderStateReturn } from "../@types";
|
|
2
|
+
/**
|
|
3
|
+
* Custom React hook for managing loader state with advanced features
|
|
4
|
+
* Provides centralized loading state management with timeout, retry, and progress tracking
|
|
5
|
+
*
|
|
6
|
+
* @param options - Configuration options for the loader state
|
|
7
|
+
* @returns Object containing state and methods to control the loader
|
|
8
|
+
*/
|
|
9
|
+
export declare const useLoaderState: (options?: IUseLoaderStateOptions) => IUseLoaderStateReturn;
|
|
10
|
+
//# sourceMappingURL=useLoaderState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLoaderState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLoaderState.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,WAAW,CAAC;AAEnB;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GACzB,UAAS,sBAA2B,KACnC,qBA2JF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IUseLoaderStateOptions, IUseLoaderStateReturn } from "../@types";
|
|
2
|
+
/**
|
|
3
|
+
* Hook for managing multiple loader states with shared options
|
|
4
|
+
* Useful when you need to control multiple loaders with the same configuration
|
|
5
|
+
*
|
|
6
|
+
* @param keys - Array of string keys representing each loader state
|
|
7
|
+
* @param options - Shared configuration options for all loader states
|
|
8
|
+
* @returns Record mapping each key to its corresponding loader state methods
|
|
9
|
+
*/
|
|
10
|
+
export declare const useMultipleLoaderStates: (keys: string[], options?: IUseLoaderStateOptions) => Record<string, IUseLoaderStateReturn>;
|
|
11
|
+
//# sourceMappingURL=useMultipleLoaderStates.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMultipleLoaderStates.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMultipleLoaderStates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAE1E;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAClC,MAAM,MAAM,EAAE,EACd,UAAS,sBAA2B,KACnC,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAMtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,OAAO,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Calculates animation duration based on speed multiplier
|
|
3
|
+
* @param baseMs - The base duration in milliseconds
|
|
4
|
+
* @param speed - The speed multiplier (default: 1)
|
|
5
|
+
* @returns Formatted duration string
|
|
6
|
+
*/
|
|
7
|
+
export declare function getAnimationDuration(baseMs: number, speed?: number): string;
|
|
8
|
+
/**
|
|
9
|
+
* Creates a CSS animation name with prefix
|
|
10
|
+
* @param name - The base name for the animation
|
|
11
|
+
* @returns Prefixed animation name
|
|
12
|
+
*/
|
|
13
|
+
export declare function createAnimationName(name: string): string;
|
|
14
|
+
/**
|
|
15
|
+
* Check if reduced motion is preferred
|
|
16
|
+
* @returns Boolean indicating if reduced motion is preferred
|
|
17
|
+
*/
|
|
18
|
+
export declare function prefersReducedMotion(): boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Get optimized animation settings based on user preferences
|
|
21
|
+
* @param speed - The animation speed multiplier (default: 1)
|
|
22
|
+
* @returns Object with optimized animation settings
|
|
23
|
+
*/
|
|
24
|
+
export declare function getOptimizedAnimationSettings(speed?: number): {
|
|
25
|
+
duration: string;
|
|
26
|
+
playState: string;
|
|
27
|
+
iterationCount: string | number;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=animationUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animationUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/animationUtils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,CAGtE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAQ9C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,SAAI;;;;EAiBtD"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Converts hex color to RGB values
|
|
3
|
+
* @param hex - The hex color string
|
|
4
|
+
* @returns Object with r, g, b values or null if invalid
|
|
5
|
+
*/
|
|
6
|
+
export declare function hexToRgb(hex: string): {
|
|
7
|
+
r: number;
|
|
8
|
+
g: number;
|
|
9
|
+
b: number;
|
|
10
|
+
} | null;
|
|
11
|
+
/**
|
|
12
|
+
* Generates rgba color with opacity
|
|
13
|
+
* @param color - The hex color string
|
|
14
|
+
* @param opacity - The opacity value (0-1)
|
|
15
|
+
* @returns RGBA color string
|
|
16
|
+
*/
|
|
17
|
+
export declare function rgba(color: string, opacity: number): string;
|
|
18
|
+
//# sourceMappingURL=colorUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/colorUtils.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAShF;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAI3D"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generates unique IDs for accessibility
|
|
3
|
+
* @param prefix - The prefix for the ID (default: "loader")
|
|
4
|
+
* @returns A unique ID string
|
|
5
|
+
*/
|
|
6
|
+
export declare function generateId(prefix?: string): string;
|
|
7
|
+
/**
|
|
8
|
+
* Validates and sanitizes CSS values
|
|
9
|
+
* @param value - The CSS value to sanitize
|
|
10
|
+
* @returns Sanitized CSS value or undefined
|
|
11
|
+
*/
|
|
12
|
+
export declare function sanitizeCSSValue(value: string | number | undefined): string | undefined;
|
|
13
|
+
//# sourceMappingURL=domUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"domUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/domUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAW,GAAG,MAAM,CAEpD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAQvF"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { generateCSSVariables, getSizeValue, mergeProps } from "./propUtils";
|
|
2
|
+
export { createAnimationName, getAnimationDuration, getOptimizedAnimationSettings, prefersReducedMotion } from "./animationUtils";
|
|
3
|
+
export { hexToRgb, rgba } from "./colorUtils";
|
|
4
|
+
export { clamp } from "./mathUtils";
|
|
5
|
+
export { generateId, sanitizeCSSValue } from "./domUtils";
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG7E,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGlI,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Clamps a value between min and max
|
|
3
|
+
* @param value - The value to clamp
|
|
4
|
+
* @param min - The minimum value
|
|
5
|
+
* @param max - The maximum value
|
|
6
|
+
* @returns The clamped value
|
|
7
|
+
*/
|
|
8
|
+
export declare function clamp(value: number, min: number, max: number): number;
|
|
9
|
+
//# sourceMappingURL=mathUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mathUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/mathUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ILoaderCSSVariables } from "@/@types";
|
|
2
|
+
/**
|
|
3
|
+
* Merges default props with user props, handling undefined values gracefully
|
|
4
|
+
* @param defaultProps - The default props to merge
|
|
5
|
+
* @param userProps - The user provided props
|
|
6
|
+
* @returns Merged props object
|
|
7
|
+
*/
|
|
8
|
+
export declare function mergeProps<T extends object, U extends object>(defaultProps: T, userProps: U): T & U;
|
|
9
|
+
/**
|
|
10
|
+
* Converts size prop to CSS value
|
|
11
|
+
* @param size - The size value (number or string)
|
|
12
|
+
* @param fallback - The fallback value if size is undefined
|
|
13
|
+
* @returns CSS size value as string
|
|
14
|
+
*/
|
|
15
|
+
export declare function getSizeValue(size: number | string | undefined, fallback?: string): string;
|
|
16
|
+
/**
|
|
17
|
+
* Generates CSS custom properties object from loader variables
|
|
18
|
+
* @param variables - The loader CSS variables object
|
|
19
|
+
* @returns React CSS properties object
|
|
20
|
+
*/
|
|
21
|
+
export declare function generateCSSVariables(variables: ILoaderCSSVariables): React.CSSProperties;
|
|
22
|
+
//# sourceMappingURL=propUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"propUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/propUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAEnG;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,SAAS,GAAG,MAAM,CAIzF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAUxF"}
|
package/package.json
ADDED
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "react-loadly",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "A professional React loaders package with high-performance, customizable loader components",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "dist/index.js",
|
|
7
|
+
"module": "dist/index.esm.js",
|
|
8
|
+
"types": "dist/index.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": "./dist/index.esm.js",
|
|
15
|
+
"require": "./dist/index.js",
|
|
16
|
+
"types": "./dist/index.d.ts"
|
|
17
|
+
},
|
|
18
|
+
"./styles.css": {
|
|
19
|
+
"import": "./dist/styles.css",
|
|
20
|
+
"require": "./dist/styles.css"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"sideEffects": [
|
|
24
|
+
"*.css"
|
|
25
|
+
],
|
|
26
|
+
"scripts": {
|
|
27
|
+
"build:js": "rollup -c",
|
|
28
|
+
"build:types": "tsc --emitDeclarationOnly",
|
|
29
|
+
"build:watch": "rollup -c -w",
|
|
30
|
+
"clean": "rimraf dist",
|
|
31
|
+
"build": "npm run clean && npm run build:js && npm run build:types",
|
|
32
|
+
"test": "jest",
|
|
33
|
+
"test:watch": "jest --watch",
|
|
34
|
+
"test:coverage": "jest --coverage",
|
|
35
|
+
"lint": "eslint src --ext .ts,.tsx",
|
|
36
|
+
"lint:fix": "eslint src --ext .ts,.tsx --fix",
|
|
37
|
+
"type-check": "tsc --noEmit",
|
|
38
|
+
"dev": "vite",
|
|
39
|
+
"dev:vite": "vite",
|
|
40
|
+
"serve": "vite",
|
|
41
|
+
"preview": "vite preview",
|
|
42
|
+
"prepare": "npm run build",
|
|
43
|
+
"production": "pnpm i && pnpm lint:fix && pnpm build && pnpm pack"
|
|
44
|
+
},
|
|
45
|
+
"keywords": [
|
|
46
|
+
"react",
|
|
47
|
+
"loaders",
|
|
48
|
+
"loading",
|
|
49
|
+
"spinner",
|
|
50
|
+
"animation",
|
|
51
|
+
"typescript",
|
|
52
|
+
"nextjs",
|
|
53
|
+
"components",
|
|
54
|
+
"ui",
|
|
55
|
+
"performance"
|
|
56
|
+
],
|
|
57
|
+
"author": "Mostafa Mohamed",
|
|
58
|
+
"license": "MIT",
|
|
59
|
+
"repository": {
|
|
60
|
+
"type": "git",
|
|
61
|
+
"url": "https://github.com/Mostafashadow1/react-loadly.git"
|
|
62
|
+
},
|
|
63
|
+
"bugs": {
|
|
64
|
+
"url": "https://github.com/Mostafashadow1/react-loadly/issues"
|
|
65
|
+
},
|
|
66
|
+
"homepage": "https://github.com/Mostafashadow1/react-loadly#readme",
|
|
67
|
+
"peerDependencies": {
|
|
68
|
+
"react": ">=16.8.0",
|
|
69
|
+
"react-dom": ">=16.8.0"
|
|
70
|
+
},
|
|
71
|
+
"devDependencies": {
|
|
72
|
+
"@rollup/plugin-commonjs": "^25.0.7",
|
|
73
|
+
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
74
|
+
"@rollup/plugin-typescript": "^11.1.5",
|
|
75
|
+
"@testing-library/jest-dom": "^6.1.5",
|
|
76
|
+
"@testing-library/react": "^14.1.2",
|
|
77
|
+
"@testing-library/user-event": "^14.5.1",
|
|
78
|
+
"@types/jest": "^29.5.8",
|
|
79
|
+
"@types/node": "^24.3.1",
|
|
80
|
+
"@types/react": "^18.2.38",
|
|
81
|
+
"@types/react-dom": "^18.2.17",
|
|
82
|
+
"@typescript-eslint/eslint-plugin": "^6.12.0",
|
|
83
|
+
"@typescript-eslint/parser": "^6.12.0",
|
|
84
|
+
"@vitejs/plugin-react": "^4.2.0",
|
|
85
|
+
"autoprefixer": "^10.4.21",
|
|
86
|
+
"eslint": "^8.54.0",
|
|
87
|
+
"eslint-plugin-react": "^7.33.2",
|
|
88
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
89
|
+
"jest": "^29.7.0",
|
|
90
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
91
|
+
"react": "^18.2.0",
|
|
92
|
+
"react-dom": "^18.2.0",
|
|
93
|
+
"rimraf": "^5.0.5",
|
|
94
|
+
"rollup": "^4.6.1",
|
|
95
|
+
"rollup-plugin-dts": "^6.2.3",
|
|
96
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
97
|
+
"rollup-plugin-typescript-paths": "^1.5.0",
|
|
98
|
+
"ts-jest": "^29.1.1",
|
|
99
|
+
"tsconfig-paths": "^4.2.0",
|
|
100
|
+
"tslib": "^2.6.2",
|
|
101
|
+
"typescript": "^5.2.2",
|
|
102
|
+
"vite": "^5.0.8"
|
|
103
|
+
},
|
|
104
|
+
"engines": {
|
|
105
|
+
"node": ">=16.0.0"
|
|
106
|
+
},
|
|
107
|
+
"dependencies": {
|
|
108
|
+
"@tailwindcss/postcss": "^4.1.13",
|
|
109
|
+
"install": "^0.13.0",
|
|
110
|
+
"npm": "^11.6.0"
|
|
111
|
+
}
|
|
112
|
+
}
|