@gfazioli/mantine-rings-progress 2.3.13 → 3.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.
Files changed (38) hide show
  1. package/README.md +29 -19
  2. package/dist/cjs/RingsProgress.cjs +178 -42
  3. package/dist/cjs/RingsProgress.cjs.map +1 -1
  4. package/dist/cjs/RingsProgress.module.css.cjs +1 -1
  5. package/dist/esm/RingsProgress.mjs +180 -44
  6. package/dist/esm/RingsProgress.mjs.map +1 -1
  7. package/dist/esm/RingsProgress.module.css.mjs +1 -1
  8. package/dist/styles.css +1 -1
  9. package/dist/styles.layer.css +1 -1
  10. package/dist/types/RingsProgress.d.ts +58 -9
  11. package/dist/types/index.d.mts +1 -1
  12. package/dist/types/index.d.ts +1 -1
  13. package/package.json +1 -1
  14. package/dist/cjs/RingProgress/Curve/Curve.cjs +0 -53
  15. package/dist/cjs/RingProgress/Curve/Curve.cjs.map +0 -1
  16. package/dist/cjs/RingProgress/Curve/get-curve-props.cjs +0 -20
  17. package/dist/cjs/RingProgress/Curve/get-curve-props.cjs.map +0 -1
  18. package/dist/cjs/RingProgress/RingProgress.cjs +0 -133
  19. package/dist/cjs/RingProgress/RingProgress.cjs.map +0 -1
  20. package/dist/cjs/RingProgress/RingProgress.module.css.cjs +0 -7
  21. package/dist/cjs/RingProgress/RingProgress.module.css.cjs.map +0 -1
  22. package/dist/cjs/RingProgress/get-curves/get-curves.cjs +0 -35
  23. package/dist/cjs/RingProgress/get-curves/get-curves.cjs.map +0 -1
  24. package/dist/esm/RingProgress/Curve/Curve.mjs +0 -51
  25. package/dist/esm/RingProgress/Curve/Curve.mjs.map +0 -1
  26. package/dist/esm/RingProgress/Curve/get-curve-props.mjs +0 -18
  27. package/dist/esm/RingProgress/Curve/get-curve-props.mjs.map +0 -1
  28. package/dist/esm/RingProgress/RingProgress.mjs +0 -131
  29. package/dist/esm/RingProgress/RingProgress.mjs.map +0 -1
  30. package/dist/esm/RingProgress/RingProgress.module.css.mjs +0 -5
  31. package/dist/esm/RingProgress/RingProgress.module.css.mjs.map +0 -1
  32. package/dist/esm/RingProgress/get-curves/get-curves.mjs +0 -33
  33. package/dist/esm/RingProgress/get-curves/get-curves.mjs.map +0 -1
  34. package/dist/types/RingProgress/Curve/Curve.d.ts +0 -20
  35. package/dist/types/RingProgress/Curve/get-curve-props.d.ts +0 -18
  36. package/dist/types/RingProgress/RingProgress.d.ts +0 -45
  37. package/dist/types/RingProgress/get-curves/get-curves.d.ts +0 -25
  38. package/dist/types/RingProgress/index.d.ts +0 -2
@@ -1,45 +0,0 @@
1
- import React from 'react';
2
- import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '@mantine/core';
3
- export interface RingProgressSection extends React.ComponentPropsWithRef<'circle'> {
4
- value: number;
5
- color: MantineColor;
6
- tooltip?: React.ReactNode;
7
- }
8
- export type RingProgressStylesNames = 'root' | 'svg' | 'label' | 'curve';
9
- export type RingProgressCssVariables = {
10
- root: '--rp-size' | '--rp-label-offset';
11
- };
12
- export interface RingProgressProps extends BoxProps, StylesApiProps<RingProgressFactory>, ElementProps<'div'> {
13
- /** Label displayed in the center of the ring */
14
- label?: React.ReactNode;
15
- /** Ring thickness */
16
- thickness?: number;
17
- /** Width and height of the progress ring */
18
- size?: number;
19
- /** Sets whether the edges of the progress circle are rounded */
20
- roundCaps?: boolean;
21
- /** Ring sections */
22
- sections: RingProgressSection[];
23
- /** Color of the root section, key of theme.colors or CSS color value */
24
- rootColor?: MantineColor;
25
- /** Animate */
26
- animate?: boolean;
27
- /** Animation duration in ms */
28
- animationDuration?: number;
29
- /** Animation steps */
30
- animationSteps?: number;
31
- /** Animation timing function to define the speed curve of the animation */
32
- animationTimingFunction?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'ease-in-cubic' | 'ease-out-cubic' | 'ease-in-out-cubic';
33
- }
34
- export type RingProgressFactory = Factory<{
35
- props: RingProgressProps;
36
- ref: HTMLDivElement;
37
- stylesNames: RingProgressStylesNames;
38
- vars: RingProgressCssVariables;
39
- }>;
40
- export declare const RingProgress: import("@mantine/core").MantineComponent<{
41
- props: RingProgressProps;
42
- ref: HTMLDivElement;
43
- stylesNames: RingProgressStylesNames;
44
- vars: RingProgressCssVariables;
45
- }>;
@@ -1,25 +0,0 @@
1
- import type { MantineColor } from '@mantine/core';
2
- interface CurveData extends React.ComponentPropsWithRef<'circle'> {
3
- value: number;
4
- color: MantineColor;
5
- tooltip?: React.ReactNode;
6
- }
7
- interface RootCurveData extends React.ComponentPropsWithRef<'circle'> {
8
- color?: MantineColor;
9
- }
10
- interface GetCurves {
11
- sections: CurveData[];
12
- size: number;
13
- thickness: number;
14
- renderRoundedLineCaps: boolean | undefined;
15
- rootColor?: MantineColor;
16
- }
17
- interface Curve {
18
- sum: number;
19
- offset: number;
20
- root: boolean;
21
- data: CurveData | RootCurveData;
22
- lineRoundCaps?: boolean;
23
- }
24
- export declare function getCurves({ size, thickness, sections, renderRoundedLineCaps, rootColor, }: GetCurves): Curve[];
25
- export {};
@@ -1,2 +0,0 @@
1
- export { RingProgress } from './RingProgress';
2
- export type { RingProgressCssVariables, RingProgressFactory, RingProgressProps, RingProgressSection, RingProgressStylesNames, } from './RingProgress';