@devtron-labs/devtron-fe-common-lib 0.0.7-beta-28 → 0.0.7-beta-31

package/dist/Common/Progressing.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ProgressingProps } from './Types';
-export declare function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element;
+export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
 export declare function DetailsProgressing({ loadingText, size, fullHeight, children, styles, }: ProgressingProps): JSX.Element;

package/dist/Common/Types.d.ts

@@ -123,6 +123,7 @@ export interface ProgressingProps {
     theme?: 'white' | 'default';
     styles?: React.CSSProperties;
     children?: React.ReactNode;
+    fillColor?: string;
 }
 export interface PopupMenuType {
     children?: any;

package/dist/index.js

@@ -3985,9 +3985,9 @@ function useThrottledEffect(callback, delay, deps) {
 }
 
 function Progressing(_a) {
-    var pageLoader = _a.pageLoader, size = _a.size, theme = _a.theme, styles = _a.styles;
+    var pageLoader = _a.pageLoader, size = _a.size, theme = _a.theme, styles = _a.styles, fillColor = _a.fillColor;
     var loaderSize = size ? "".concat(size, "px") : pageLoader ? '48px' : '20px';
-    return (jsxRuntime.jsx("div", __assign({ className: "loader ".concat(theme || 'default', "-background"), style: styles, "data-testid": "progressing" }, { children: jsxRuntime.jsx("div", __assign({ style: { width: loaderSize, height: loaderSize } }, { children: jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg" }, { children: jsxRuntime.jsxs("g", __assign({ fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, { children: [jsxRuntime.jsx("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), jsxRuntime.jsx("path", { fill: "#06C", fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })] })) })) })) })));
+    return (jsxRuntime.jsx("div", __assign({ className: "loader ".concat(theme || 'default', "-background"), style: styles, "data-testid": "progressing" }, { children: jsxRuntime.jsx("div", __assign({ style: { width: loaderSize, height: loaderSize } }, { children: jsxRuntime.jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "loader__svg" }, { children: jsxRuntime.jsxs("g", __assign({ fill: "none", fillRule: "evenodd", strokeLinecap: "round" }, { children: [jsxRuntime.jsx("animateTransform", { attributeName: "transform", attributeType: "XML", dur: "0.5s", from: "0 12 12", repeatCount: "indefinite", to: "360 12 12", type: "rotate" }), jsxRuntime.jsx("path", { fill: fillColor || '#06C', fillRule: "nonzero", d: "M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z" })] })) })) })) })));
 }
 function DetailsProgressing(_a) {
     var loadingText = _a.loadingText, _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.fullHeight, fullHeight = _c === void 0 ? false : _c, children = _a.children, styles = _a.styles;
@@ -4268,7 +4268,7 @@ var RadioGroupItem = /** @class */ (function (_super) {
     RadioGroupItem.prototype.render = function () {
         var _this = this;
         return (jsxRuntime.jsx(RadioGroupContext.Consumer, { children: function (context) {
-                return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: context.disabled ? 'form__radio-item disabled' : 'form__radio-item' }, { children: [jsxRuntime.jsx("input", { type: "radio", className: "form__checkbox", name: context.name, disabled: context.disabled, onChange: context.onChange, value: _this.props.value, checked: context.value === _this.props.value, "data-testid": _this.props.dataTestId }), jsxRuntime.jsxs("span", __assign({ className: "form__raRadioGroupItemdio-item-content" }, { children: [jsxRuntime.jsx("span", { className: "radio__button" }), jsxRuntime.jsx("span", __assign({ className: "radio__title" }, { children: _this.props.children }))] }))] })) }));
+                return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("label", __assign({ className: context.disabled ? 'form__radio-item disabled' : 'form__radio-item' }, { children: [jsxRuntime.jsx("input", { type: "radio", className: "form__checkbox", name: context.name, disabled: context.disabled, onChange: context.onChange, value: _this.props.value, checked: context.value === _this.props.value, "data-testid": _this.props.dataTestId }), jsxRuntime.jsxs("span", __assign({ className: "form__radio-item-content" }, { children: [jsxRuntime.jsx("span", { className: "radio__button" }), jsxRuntime.jsx("span", __assign({ className: "radio__title" }, { children: _this.props.children }))] }))] })) }));
             } }));
     };
     return RadioGroupItem;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.7-beta-28",
+    "version": "0.0.7-beta-31",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Progressing.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { ProgressingProps } from './Types'
 
-export function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element {
+export function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element {
     const loaderSize = size ? `${size}px` : pageLoader ? '48px' : '20px'
     return (
         <div className={`loader ${theme || 'default'}-background`} style={styles} data-testid="progressing">
@@ -18,7 +18,7 @@ export function Progressing({ pageLoader, size, theme, styles }: ProgressingProp
                             type="rotate"
                         />
                         <path
-                            fill="#06C"
+                            fill={fillColor || '#06C'}
                             fillRule="nonzero"
                             d="M12 2.5A9.5 9.5 0 1 1 2.5 12a1.5 1.5 0 0 1 3 0A6.5 6.5 0 1 0 12 5.5a1.5 1.5 0 0 1 0-3z"
                         />

package/src/Common/RadioGroup.tsx

@@ -20,7 +20,7 @@ export class RadioGroupItem extends Component<RadioGroupItemProps> {
                                     checked={context.value === this.props.value}
                                     data-testid={this.props.dataTestId}
                                 />
-                                <span className="form__raRadioGroupItemdio-item-content">
+                                <span className="form__radio-item-content">
                                     <span className="radio__button"></span>
                                     <span className="radio__title">{this.props.children}</span>
                                 </span>

package/src/Common/Types.ts

@@ -135,6 +135,7 @@ export interface ProgressingProps {
     theme?: 'white' | 'default'
     styles?: React.CSSProperties
     children?: React.ReactNode
+    fillColor?: string
 }
 
 export interface PopupMenuType {