@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/progress/radial/ProgressRadial.js

@@ -0,0 +1,77 @@
+/* eslint-disable react/jsx-no-useless-fragment */
+import React from 'react';
+import { is } from '../../../services/index';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import ProgressRadialItem from './item';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param children {React.ReactNode}
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS classes
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+const ProgressRadial = ({ className, percent, label, description, skeleton, stacked, children, ...others }) => {
+    var _a, _b, _c;
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('progress-circle', skeleton && is('loading'), className));
+    const ProgressContent = () => {
+        if (label || description) {
+            return (React.createElement("div", { className: hashClass(styled, clsx('progress-circle-content')) },
+                label && React.createElement("div", { className: hashClass(styled, clsx('progress-circle-title')) }, label),
+                description && React.createElement("div", { className: hashClass(styled, clsx('progress-circle-sub')) }, description)));
+        }
+        return null;
+    };
+    // If we have children
+    // & if children = array or string
+    if (stacked && children) {
+        const colors = ['--secondary', '--tertiary', '--warning', '--empty'];
+        const percents = {};
+        if (React.isValidElement(children) && Array.isArray(children)) {
+            const childs = children.map((child, i) => {
+                var _a, _b;
+                const color = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.color;
+                const percent = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.percent;
+                if (color && percent && !percents[`--${color}`]) {
+                    percents[`--${color}`] = percent;
+                    return React.createElement(ProgressRadialItem, { key: `radial${i}`, percent: percent, color: color });
+                }
+                return null;
+            });
+            colors.forEach((color) => {
+                if (!Object.keys(percents).includes(color))
+                    percents[color] = 0;
+            });
+            return (React.createElement("div", { className: classes, ...others, style: percents },
+                childs,
+                React.createElement(ProgressContent, null)));
+        }
+        if (React.isValidElement(children) && ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.percent) && (children === null || children === void 0 ? void 0 : children.props.color)) {
+            const color = (_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.color;
+            const percent = (_c = children === null || children === void 0 ? void 0 : children.props) === null || _c === void 0 ? void 0 : _c.percent;
+            const style = { [color]: percent, '--tertiary': 0, '--warning': 0, '--empty': 0 };
+            return (React.createElement("div", { className: classes, ...others, style: style },
+                React.createElement(ProgressRadialItem, { percent: percent, color: color }),
+                React.createElement(ProgressContent, null)));
+        }
+    }
+    // If we don't have multiple pourcents
+    const style2 = {
+        '--secondary': percent !== null && percent !== void 0 ? percent : 1,
+        '--tertiary': 0,
+        '--warning': 0,
+        '--empty': 0,
+    };
+    return (React.createElement("div", { className: classes, ...others, style: style2 },
+        React.createElement("div", { className: hashClass(styled, clsx('progress-circle-slice progress-circle-background-secondary')) }),
+        React.createElement(ProgressContent, null)));
+};
+export default ProgressRadial;
+//# sourceMappingURL=ProgressRadial.js.map

package/lib/components/progress/radial/ProgressRadial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRadial.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.tsx"],"names":[],"mappings":"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"}

package/lib/components/progress/radial/ProgressRadial.native.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ProgressRadialProps } from './ProgressRadialProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param full {boolean} Full progressRadial
+ * @param disk {boolean} Disk ProgressRadial
+ * @param children {React.ReactNode}
+ * @param secondAlert {AlertState} Second Progress alert variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param secondPercent {number} Second progress percent
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ */
+declare const ProgressRadial: {
+    ({ percent, label, description, alert, full, disk, secondPercent, secondAlert, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.native.js

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { StyleSheet, View, Platform } from 'react-native';
+import { AnimatedCircularProgress } from './react-native-circular-progress';
+import { Text, TextLevels } from '../../text';
+import { getAlertStyle, getAlignStyle } from '../../../objects';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import ContentLoader, { Circle } from 'react-content-loader/native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param full {boolean} Full progressRadial
+ * @param disk {boolean} Disk ProgressRadial
+ * @param children {React.ReactNode}
+ * @param secondAlert {AlertState} Second Progress alert variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param secondPercent {number} Second progress percent
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ */
+const ProgressRadial = ({ percent, label, description, alert, full, disk, secondPercent, secondAlert, align, skeleton, ...others }) => {
+    const color = getAlertStyle(alert) || '#109db9';
+    const backgroundColor = '#eee';
+    const percentWidth = percent || 0;
+    const secondFill = secondPercent ? { secondFill: secondPercent } : null;
+    const secondFillColor = secondAlert ? { secondFillTintColor: getAlertStyle(secondAlert) } : null;
+    const progressRadialWidth = 100;
+    const progressRadialSkeletonRadius = 50;
+    const styles = StyleSheet.create({
+        container: {
+            alignSelf: getAlignStyle(align),
+        },
+        label: {
+            textAlign: 'center',
+            fontSize: 20,
+            fontWeight: '500',
+        },
+        description: {
+            textAlign: 'center',
+            fontWeight: '400',
+        },
+        disk: {
+            width: progressRadialWidth,
+            height: progressRadialWidth,
+            borderRadius: 50,
+            backgroundColor: color,
+        },
+        labelDisk: {
+            color: getColorStyle(TrilogyColor.WHITE),
+            textAlign: 'center',
+            fontSize: 20,
+            fontWeight: '500',
+        },
+        descriptionDisk: {
+            color: getColorStyle(TrilogyColor.WHITE),
+            textAlign: 'center',
+            fontWeight: '400',
+        },
+        alignCenter: {
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        skeleton: {
+            width: progressRadialWidth,
+            height: progressRadialWidth,
+            borderRadius: progressRadialSkeletonRadius,
+            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
+            overflow: 'hidden',
+        },
+    });
+    const ProgressRadialSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
+        React.createElement(View, { style: { opacity: 0 } }),
+        Platform.OS === 'android' && (React.createElement(View, null,
+            React.createElement(Circle, { cx: '50', cy: '50', r: '50' })))));
+    if (skeleton) {
+        return React.createElement(ProgressRadialSkeleton, null);
+    }
+    if (disk) {
+        return (React.createElement(View, { style: styles.container },
+            React.createElement(View, { style: [styles.disk, styles.alignCenter], ...others },
+                label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || '')) : (label),
+                description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.FOUR }, description || '')) : (description))));
+    }
+    return (React.createElement(View, { style: styles.container, ...others },
+        React.createElement(AnimatedCircularProgress, { size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0, ...secondFill, ...secondFillColor }, () => (React.createElement(View, { style: styles.alignCenter },
+            label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
+            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description)))))));
+};
+ProgressRadial.displayName = ComponentName.ProgressRadial;
+export default ProgressRadial;
+//# sourceMappingURL=ProgressRadial.native.js.map

package/lib/components/progress/radial/ProgressRadial.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRadial.native.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,aAAa,EAAE,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;;;;;;;GAaG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,WAAW,EACX,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACW,EAAe,EAAE;IACrC,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,SAAS,CAAA;IAC/C,MAAM,eAAe,GAAG,MAAM,CAAA;IAC9B,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,CAAA;IACjC,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IACvE,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAChG,MAAM,mBAAmB,GAAG,GAAG,CAAA;IAC/B,MAAM,4BAA4B,GAAG,EAAE,CAAA;IAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;SAChC;QACD,KAAK,EAAE;YACL,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;SAClB;QACD,WAAW,EAAE;YACX,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,KAAK;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,KAAK;SACvB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YACxC,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;SAClB;QACD,eAAe,EAAE;YACf,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;YACxC,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,KAAK;SAClB;QACD,WAAW,EAAE;YACX,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,4BAA4B;YAC1C,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YACzD,QAAQ,EAAE,QAAQ;SACnB;KACF,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,GAAgB,EAAE,CAAC,CAChD,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,KAAM,MAAM;QAC/C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAI;QAC9B,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI;YACH,oBAAC,MAAM,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,CAC5B,CACR,CACa,CACjB,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,sBAAsB,OAAG,CAAA;KAClC;IAED,IAAI,IAAI,EAAE;QACR,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;YAC3B,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,KAAM,MAAM;gBACvD,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACjD,KAAK,IAAI,EAAE,CACP,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN;gBAEA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,IACxD,WAAW,IAAI,EAAE,CACb,CACR,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI,CACF,CACR,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,KAAM,MAAM;QACvC,oBAAC,wBAAwB,IACvB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,EAChC,SAAS,EAAE,KAAK,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,CAAC,KACP,UAAU,KACV,eAAe,IAElB,GAAG,EAAE,CAAC,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW;YAC5B,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9C,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IAC7C,KAAK,IAAI,EAAE,CACP,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,QAAE,KAAK,CAAQ,CACrB;YAEA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,IAAI,IACpD,WAAW,IAAI,EAAE,CACb,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,QAAE,WAAW,CAAQ,CAC3B,CACI,CACR,CACwB,CACtB,CACR,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,aAAa,CAAC,cAAc,CAAA;AAEzD,eAAe,cAAc,CAAA"}

package/lib/components/progress/radial/ProgressRadialProps.d.ts

@@ -0,0 +1,19 @@
+import { AlertProps, AlertState, AlertStateValues, AlignableProps } from '../../../objects';
+import React from 'react';
+import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
+/**
+ * Progress Radial Interface
+ */
+export interface ProgressRadialProps extends AlertProps, AlignableProps {
+    children?: React.ReactElement<ProgressRadialItemProps>;
+    percent?: number;
+    label?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    className?: string;
+    full?: boolean;
+    disk?: boolean;
+    secondPercent?: number;
+    secondAlert?: AlertState | AlertStateValues;
+    skeleton?: boolean;
+    stacked?: boolean;
+}

package/lib/components/progress/radial/ProgressRadialProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProgressRadialProps.js.map

package/lib/components/progress/radial/ProgressRadialProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRadialProps.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadialProps.ts"],"names":[],"mappings":""}

package/lib/components/progress/radial/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressRadial from './ProgressRadial';
+export default ProgressRadial;

package/lib/components/progress/radial/index.js

@@ -0,0 +1,3 @@
+import ProgressRadial from './ProgressRadial';
+export default ProgressRadial;
+//# sourceMappingURL=index.js.map

package/lib/components/progress/radial/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/progress/radial/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TrilogyColor } from '../../../../objects';
+export interface ProgressRadialItemProps {
+    children?: React.ReactNode;
+    percent: number;
+    className?: string;
+    color: 'secondary' | 'warning' | 'empty' | 'tertiary' | TrilogyColor;
+}

package/lib/components/progress/radial/item/ProgressRadialItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProgressRadialItemProps.js.map

package/lib/components/progress/radial/item/ProgressRadialItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRadialItemProps.js","sourceRoot":"","sources":["../../../../../components/progress/radial/item/ProgressRadialItemProps.ts"],"names":[],"mappings":""}

package/lib/components/progress/radial/item/ProgressRadialtem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProgressRadialItemProps } from './ProgressRadialItemProps';
+declare const ProgressRadialItem: ({ color, className }: ProgressRadialItemProps) => JSX.Element;
+export default ProgressRadialItem;

package/lib/components/progress/radial/item/ProgressRadialtem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { hashClass } from '../../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../../context';
+const ProgressRadialItem = ({ color, className }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(`progress-circle-slice progress-circle-background-${color}`, className));
+    return React.createElement("div", { className: classes });
+};
+export default ProgressRadialItem;
+//# sourceMappingURL=ProgressRadialtem.js.map

package/lib/components/progress/radial/item/ProgressRadialtem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRadialtem.js","sourceRoot":"","sources":["../../../../../components/progress/radial/item/ProgressRadialtem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAA2B,EAAe,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,oDAAoD,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC,CAAA;IAE/G,OAAO,6BAAK,SAAS,EAAE,OAAO,GAAQ,CAAA;AACxC,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/components/progress/radial/item/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressRadialItem from './ProgressRadialtem';
+export default ProgressRadialItem;

package/lib/components/progress/radial/item/index.js

@@ -0,0 +1,3 @@
+import ProgressRadialItem from './ProgressRadialtem';
+export default ProgressRadialItem;
+//# sourceMappingURL=index.js.map

package/lib/components/progress/radial/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/progress/radial/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,qBAAqB,CAAA;AACpD,eAAe,kBAAkB,CAAA"}

package/lib/components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.d.ts

@@ -0,0 +1,50 @@
+declare class AnimatedCircularProgress extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    state: {
+        fillAnimation: Animated.Value;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    reAnimate(prefill: any, toVal: any, dur: any, ease: any): void;
+    animate(toVal: any, dur: any, ease: any): Animated.CompositeAnimation;
+    animateColor(): any;
+    render(): React.JSX.Element;
+}
+declare namespace AnimatedCircularProgress {
+    const propTypes: {
+        prefill: PropTypes.Requireable<number>;
+        duration: PropTypes.Requireable<number>;
+        easing: PropTypes.Requireable<(...args: any[]) => any>;
+        onAnimationComplete: PropTypes.Requireable<(...args: any[]) => any>;
+        useNativeDriver: PropTypes.Requireable<boolean>;
+        style: PropTypes.Requireable<object>;
+        size: PropTypes.Validator<NonNullable<NonNullable<number | Animated.Value | null | undefined>>>;
+        fill: PropTypes.Validator<number>;
+        secondFill: PropTypes.Requireable<number>;
+        width: PropTypes.Validator<number>;
+        backgroundWidth: PropTypes.Requireable<number>;
+        tintColor: PropTypes.Requireable<string>;
+        secondFillTintColor: PropTypes.Requireable<string>;
+        tintTransparency: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        rotation: PropTypes.Requireable<number>;
+        lineCap: PropTypes.Requireable<string>;
+        arcSweepAngle: PropTypes.Requireable<number>;
+        children: PropTypes.Requireable<(...args: any[]) => any>;
+        childrenContainerStyle: PropTypes.Requireable<object>;
+        padding: PropTypes.Requireable<number>;
+        renderCap: PropTypes.Requireable<(...args: any[]) => any>;
+        dashedBackground: PropTypes.Requireable<object>;
+        dashedTint: PropTypes.Requireable<object>;
+    };
+    namespace defaultProps {
+        const duration: number;
+        const easing: import("react-native").EasingFunction;
+        const prefill: number;
+        const useNativeDriver: boolean;
+    }
+}
+export default AnimatedCircularProgress;
+import React from "react";
+import { Animated } from "react-native/Libraries/Animated/Animated";
+import PropTypes from "prop-types";

package/lib/components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.js

@@ -0,0 +1,73 @@
+// @ts-nocheck
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Animated, Easing } from 'react-native';
+import CircularProgress from './CircularProgress';
+const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
+export default class AnimatedCircularProgress extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            fillAnimation: new Animated.Value(props.prefill),
+        };
+        if (props.onFillChange) {
+            this.state.fillAnimation.addListener(({ value }) => props.onFillChange(value));
+        }
+    }
+    componentDidMount() {
+        this.animate();
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.fill !== this.props.fill) {
+            this.animate();
+        }
+    }
+    reAnimate(prefill, toVal, dur, ease) {
+        this.setState({
+            fillAnimation: new Animated.Value(prefill),
+        }, () => this.animate(toVal, dur, ease));
+    }
+    animate(toVal, dur, ease) {
+        const toValue = toVal >= 0 ? toVal : this.props.fill;
+        const duration = dur || this.props.duration;
+        const easing = ease || this.props.easing;
+        const { useNativeDriver } = this.props;
+        const anim = Animated.timing(this.state.fillAnimation, {
+            useNativeDriver,
+            toValue,
+            easing,
+            duration,
+        });
+        anim.start(this.props.onAnimationComplete);
+        return anim;
+    }
+    animateColor() {
+        if (!this.props.tintColorSecondary) {
+            return this.props.tintColor;
+        }
+        const tintAnimation = this.state.fillAnimation.interpolate({
+            inputRange: [0, 100],
+            outputRange: [this.props.tintColor, this.props.tintColorSecondary],
+        });
+        return tintAnimation;
+    }
+    render() {
+        const { fill, prefill, ...other } = this.props;
+        return React.createElement(AnimatedProgress, { ...other, fill: this.state.fillAnimation, tintColor: this.animateColor() });
+    }
+}
+AnimatedCircularProgress.propTypes = {
+    ...CircularProgress.propTypes,
+    prefill: PropTypes.number,
+    duration: PropTypes.number,
+    easing: PropTypes.func,
+    onAnimationComplete: PropTypes.func,
+    useNativeDriver: PropTypes.bool,
+};
+AnimatedCircularProgress.defaultProps = {
+    duration: 500,
+    easing: Easing.out(Easing.ease),
+    prefill: 0,
+    useNativeDriver: false,
+};
+//# sourceMappingURL=AnimatedCircularProgress.js.map

package/lib/components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedCircularProgress.js","sourceRoot":"","sources":["../../../../../components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.js"],"names":[],"mappings":"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"}

package/lib/components/progress/radial/react-native-circular-progress/CircularProgress.d.ts

@@ -0,0 +1,65 @@
+declare class CircularProgress extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    polarToCartesian(centerX: any, centerY: any, radius: any, angleInDegrees: any): {
+        x: any;
+        y: any;
+    };
+    circlePath(x: any, y: any, radius: any, startAngle: any, endAngle: any): string;
+    clampFill: (fill: any) => number;
+    render(): React.JSX.Element;
+}
+declare namespace CircularProgress {
+    namespace propTypes {
+        const style: PropTypes.Requireable<object>;
+        const size: PropTypes.Validator<NonNullable<NonNullable<number | Animated.Value | null | undefined>>>;
+        const fill: PropTypes.Validator<number>;
+        const secondFill: PropTypes.Requireable<number>;
+        const width: PropTypes.Validator<number>;
+        const backgroundWidth: PropTypes.Requireable<number>;
+        const tintColor: PropTypes.Requireable<string>;
+        const secondFillTintColor: PropTypes.Requireable<string>;
+        const tintTransparency: PropTypes.Requireable<boolean>;
+        const backgroundColor: PropTypes.Requireable<string>;
+        const rotation: PropTypes.Requireable<number>;
+        const lineCap: PropTypes.Requireable<string>;
+        const arcSweepAngle: PropTypes.Requireable<number>;
+        const children: PropTypes.Requireable<(...args: any[]) => any>;
+        const childrenContainerStyle: PropTypes.Requireable<object>;
+        const padding: PropTypes.Requireable<number>;
+        const renderCap: PropTypes.Requireable<(...args: any[]) => any>;
+        const dashedBackground: PropTypes.Requireable<object>;
+        const dashedTint: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        const tintColor_1: string;
+        export { tintColor_1 as tintColor };
+        const tintTransparency_1: boolean;
+        export { tintTransparency_1 as tintTransparency };
+        const rotation_1: number;
+        export { rotation_1 as rotation };
+        const lineCap_1: string;
+        export { lineCap_1 as lineCap };
+        const arcSweepAngle_1: number;
+        export { arcSweepAngle_1 as arcSweepAngle };
+        const padding_1: number;
+        export { padding_1 as padding };
+        export namespace dashedBackground_1 {
+            const width_1: number;
+            export { width_1 as width };
+            export const gap: number;
+        }
+        export { dashedBackground_1 as dashedBackground };
+        export namespace dashedTint_1 {
+            const width_2: number;
+            export { width_2 as width };
+            const gap_1: number;
+            export { gap_1 as gap };
+        }
+        export { dashedTint_1 as dashedTint };
+    }
+}
+export default CircularProgress;
+import React from "react";
+import PropTypes from "prop-types";
+import { Animated } from "react-native/Libraries/Animated/Animated";

package/lib/components/progress/radial/react-native-circular-progress/CircularProgress.js

@@ -0,0 +1,95 @@
+// @ts-nocheck
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Animated, View } from 'react-native';
+import { Svg, Path, G } from 'react-native-svg';
+export default class CircularProgress extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.clampFill = (fill) => Math.min(100, Math.max(0, fill));
+    }
+    polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+        const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
+        return {
+            x: centerX + radius * Math.cos(angleInRadians),
+            y: centerY + radius * Math.sin(angleInRadians),
+        };
+    }
+    circlePath(x, y, radius, startAngle, endAngle) {
+        const start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
+        const end = this.polarToCartesian(x, y, radius, startAngle);
+        const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
+        const d = ['M', start.x, start.y, 'A', radius, radius, 0, largeArcFlag, 0, end.x, end.y];
+        return d.join(' ');
+    }
+    render() {
+        const { size, width, backgroundWidth, tintColor, secondFillTintColor, tintTransparency, backgroundColor, style, rotation, lineCap, fillLineCap = lineCap, arcSweepAngle, fill, secondFill, children, childrenContainerStyle, padding, renderCap, dashedBackground, dashedTint, } = this.props;
+        const maxWidthCircle = backgroundWidth ? Math.max(width, backgroundWidth) : width;
+        const sizeWithPadding = size / 2 + padding / 2;
+        const radius = size / 2 - maxWidthCircle / 2 - padding / 2;
+        const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;
+        const currentFillSecondAngle = secondFill ? (arcSweepAngle * this.clampFill(secondFill + fill)) / 100 : 0;
+        const backgroundPath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, tintTransparency ? 0 : currentFillAngle + currentFillSecondAngle, arcSweepAngle);
+        const circlePath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, 0, currentFillAngle);
+        const secondCirclePath = secondFill && this.circlePath(sizeWithPadding, sizeWithPadding, radius, currentFillAngle, currentFillSecondAngle);
+        const coordinate = this.polarToCartesian(sizeWithPadding, sizeWithPadding, radius, currentFillAngle);
+        const cap = this.props.renderCap ? this.props.renderCap({ center: coordinate }) : null;
+        const offset = size - maxWidthCircle * 2;
+        const localChildrenContainerStyle = {
+            ...{
+                position: 'absolute',
+                left: maxWidthCircle + padding / 2,
+                top: maxWidthCircle + padding / 2,
+                width: offset,
+                height: offset,
+                borderRadius: offset / 2,
+                alignItems: 'center',
+                justifyContent: 'center',
+                overflow: 'hidden',
+            },
+            ...childrenContainerStyle,
+        };
+        const strokeDasharrayTint = dashedTint.gap > 0 ? Object.values(dashedTint).map((value) => parseInt(value)) : null;
+        const strokeDasharrayBackground = dashedBackground.gap > 0 ? Object.values(dashedBackground).map((value) => parseInt(value)) : null;
+        return (React.createElement(View, { style: style },
+            React.createElement(Svg, { width: size + padding, height: size + padding },
+                React.createElement(G, { rotation: rotation, originX: (size + padding) / 2, originY: (size + padding) / 2 },
+                    backgroundColor && (React.createElement(Path, { d: backgroundPath, stroke: backgroundColor, strokeWidth: backgroundWidth || width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayBackground, fill: 'transparent' })),
+                    fill > 0 && (React.createElement(Path, { d: circlePath, stroke: tintColor, strokeWidth: width, strokeLinecap: fillLineCap, strokeDasharray: strokeDasharrayTint, fill: 'transparent' })),
+                    secondFill && (React.createElement(Path, { d: secondCirclePath, stroke: secondFillTintColor ? secondFillTintColor : tintColor, strokeWidth: width, strokeLinecap: fillLineCap, strokeDasharray: strokeDasharrayTint, fill: 'transparent' })),
+                    cap)),
+            children && React.createElement(View, { style: localChildrenContainerStyle }, children(fill))));
+    }
+}
+CircularProgress.propTypes = {
+    style: PropTypes.object,
+    size: PropTypes.oneOfType([PropTypes.number, PropTypes.instanceOf(Animated.Value)]).isRequired,
+    fill: PropTypes.number.isRequired,
+    secondFill: PropTypes.number,
+    width: PropTypes.number.isRequired,
+    backgroundWidth: PropTypes.number,
+    tintColor: PropTypes.string,
+    secondFillTintColor: PropTypes.string,
+    tintTransparency: PropTypes.bool,
+    backgroundColor: PropTypes.string,
+    rotation: PropTypes.number,
+    lineCap: PropTypes.string,
+    arcSweepAngle: PropTypes.number,
+    children: PropTypes.func,
+    childrenContainerStyle: PropTypes.object,
+    padding: PropTypes.number,
+    renderCap: PropTypes.func,
+    dashedBackground: PropTypes.object,
+    dashedTint: PropTypes.object,
+};
+CircularProgress.defaultProps = {
+    tintColor: 'black',
+    tintTransparency: true,
+    rotation: 90,
+    lineCap: 'butt',
+    arcSweepAngle: 360,
+    padding: 0,
+    dashedBackground: { width: 0, gap: 0 },
+    dashedTint: { width: 0, gap: 0 },
+};
+//# sourceMappingURL=CircularProgress.js.map

package/lib/components/progress/radial/react-native-circular-progress/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../../../components/progress/radial/react-native-circular-progress/CircularProgress.js"],"names":[],"mappings":"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"}

package/lib/components/progress/radial/react-native-circular-progress/index.d.ts

@@ -0,0 +1,3 @@
+import CircularProgress from "./CircularProgress";
+import AnimatedCircularProgress from "./AnimatedCircularProgress";
+export { CircularProgress, AnimatedCircularProgress };

package/lib/components/progress/radial/react-native-circular-progress/index.js

@@ -0,0 +1,4 @@
+import CircularProgress from './CircularProgress';
+import AnimatedCircularProgress from './AnimatedCircularProgress';
+export { CircularProgress, AnimatedCircularProgress };
+//# sourceMappingURL=index.js.map

package/lib/components/progress/radial/react-native-circular-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/progress/radial/react-native-circular-progress/index.js"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAEjE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,CAAA"}