@devtron-labs/devtron-fe-common-lib 0.0.10 → 0.0.11-beta-1

package/dist/Common/Policy.Types.d.ts

@@ -23,6 +23,7 @@ export interface DefinitionSourceType {
 }
 export interface MandatoryPluginDetailType {
     id: number;
+    icon: string;
     name: string;
     description?: string;
     requiredIn: PluginRequiredStage;

package/dist/Common/Types.d.ts

@@ -109,6 +109,7 @@ export interface ReloadType {
 export interface RadioGroupItemProps {
     value: string;
     dataTestId?: string;
+    disabled?: boolean;
 }
 export interface RadioGroupProps {
     value: string;

package/dist/index.js

@@ -10192,7 +10192,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__radio-item-content", "data-testid": "".concat(_this.props.dataTestId, "-span") }, { 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: (_this.props.disabled || context.disabled) ? 'form__radio-item disabled' : 'form__radio-item' }, { children: [jsxRuntime.jsx("input", { type: "radio", className: "form__checkbox", name: context.name, disabled: context.disabled || _this.props.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", "data-testid": "".concat(_this.props.dataTestId, "-span") }, { children: [jsxRuntime.jsx("span", { className: "radio__button" }), jsxRuntime.jsx("span", __assign({ className: "radio__title" }, { children: _this.props.children }))] }))] })) }));
             } }));
     };
     return RadioGroupItem;
@@ -22437,9 +22437,9 @@ var RadioGroup = React.memo(function RadioGroup(_a) {
     return (jsxRuntime.jsx(RadioContext.Provider, __assign({ value: { name: name, selected: selected, select: select, disabled: disabled, onChange: onChange } }, { children: jsxRuntime.jsx("div", __assign({ className: "".concat(className, " radio-group") }, { children: children })) })));
 });
 function Radio(_a) {
-    var value = _a.value, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.showTippy, showTippy = _c === void 0 ? false : _c, _d = _a.tippyContent, tippyContent = _d === void 0 ? '' : _d, _e = _a.canSelect, canSelect = _e === void 0 ? true : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.tippyClass, tippyClass = _g === void 0 ? '' : _g, dataTestId = _a.dataTestId;
-    var _h = useRadioContext(), name = _h.name, selected = _h.selected, select = _h.select, disabled = _h.disabled, onChange = _h.onChange;
-    return (jsxRuntime.jsx(ConditionalWrap, __assign({ condition: showTippy, wrap: function (children) { return (jsxRuntime.jsx(Tippy, __assign({ className: "default-tt w-250 ".concat(tippyClass), arrow: false, placement: "bottom", content: tippyContent }, { children: children }))); } }, { children: jsxRuntime.jsxs("label", __assign({ className: "".concat(className, " radio ").concat((isDisabled || disabled) ? 'disabled' : '') }, { children: [jsxRuntime.jsx("input", { type: "checkbox", value: value, name: name, checked: value === selected, onChange: function (e) {
+    var value = _a.value, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.showTippy, showTippy = _c === void 0 ? false : _c, _d = _a.tippyContent, tippyContent = _d === void 0 ? '' : _d, _e = _a.tippyPlacement, tippyPlacement = _e === void 0 ? 'bottom' : _e, _f = _a.canSelect, canSelect = _f === void 0 ? true : _f, _g = _a.isDisabled, isDisabled = _g === void 0 ? false : _g, _h = _a.tippyClass, tippyClass = _h === void 0 ? '' : _h, dataTestId = _a.dataTestId;
+    var _j = useRadioContext(), name = _j.name, selected = _j.selected, select = _j.select, disabled = _j.disabled, onChange = _j.onChange;
+    return (jsxRuntime.jsx(ConditionalWrap, __assign({ condition: showTippy, wrap: function (children) { return (jsxRuntime.jsx(Tippy, __assign({ className: "default-tt w-250 ".concat(tippyClass), arrow: false, placement: tippyPlacement, content: tippyContent }, { children: children }))); } }, { children: jsxRuntime.jsxs("label", __assign({ className: "".concat(className, " radio ").concat(isDisabled || disabled ? 'disabled' : '') }, { children: [jsxRuntime.jsx("input", { type: "checkbox", value: value, name: name, checked: value === selected, onChange: function (e) {
                         e.persist();
                         if (canSelect) {
                             select(e.target.value);

package/package.json

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

package/src/Common/Policy.Types.ts

@@ -26,6 +26,7 @@ export interface DefinitionSourceType {
 }
 export interface MandatoryPluginDetailType {
   id: number
+  icon: string
   name: string
   description?: string
   requiredIn: PluginRequiredStage

package/src/Common/RadioGroup/RadioGroup.tsx

@@ -35,7 +35,7 @@ const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition = React.
     className = '',
     initialTab,
     disabled = false,
-    dataTestId 
+    dataTestId,
 }) {
     const [selected, select] = useState(null)
 
@@ -51,23 +51,38 @@ const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition = React.
     )
 })
 
-function Radio({ value, children, className = '', showTippy = false, tippyContent = '', canSelect = true, isDisabled = false, tippyClass = '', dataTestId }) {
+function Radio({
+    value,
+    children,
+    className = '',
+    showTippy = false,
+    tippyContent = '',
+    tippyPlacement = 'bottom',
+    canSelect = true,
+    isDisabled = false,
+    tippyClass = '',
+    dataTestId,
+}) {
     const { name, selected, select, disabled, onChange } = useRadioContext()
     return (
         <ConditionalWrap
             condition={showTippy}
             wrap={(children) => (
-                <Tippy className={`default-tt w-250 ${tippyClass}`} arrow={false} placement="bottom" content={tippyContent}>
+                <Tippy
+                    className={`default-tt w-250 ${tippyClass}`}
+                    arrow={false}
+                    placement={tippyPlacement as any}
+                    content={tippyContent}
+                >
                     {children}
                 </Tippy>
             )}
         >
-            <label className={`${className} radio ${(isDisabled || disabled)? 'disabled': ''}`}>
+            <label className={`${className} radio ${isDisabled || disabled ? 'disabled' : ''}`}>
                 <input
                     type="checkbox"
                     value={value}
                     name={name}
-                    
                     checked={value === selected}
                     onChange={(e) => {
                         e.persist()
@@ -78,7 +93,9 @@ function Radio({ value, children, className = '', showTippy = false, tippyConten
                     }}
                     disabled={isDisabled || disabled}
                 />
-                <span className="radio__item-label" data-testid={dataTestId}>{children}</span>
+                <span className="radio__item-label" data-testid={dataTestId}>
+                    {children}
+                </span>
             </label>
         </ConditionalWrap>
     )

package/src/Common/RadioGroup.tsx

@@ -9,12 +9,12 @@ export class RadioGroupItem extends Component<RadioGroupItemProps> {
                 {(context) => {
                     return (
                         <>
-                            <label className={context.disabled ? 'form__radio-item disabled' : 'form__radio-item'}>
+                            <label className={(this.props.disabled || context.disabled) ? 'form__radio-item disabled' : 'form__radio-item'}>
                                 <input
                                     type="radio"
                                     className="form__checkbox"
                                     name={context.name}
-                                    disabled={context.disabled}
+                                    disabled={context.disabled || this.props.disabled}
                                     onChange={context.onChange}
                                     value={this.props.value}
                                     checked={context.value === this.props.value}

package/src/Common/Types.ts

@@ -119,6 +119,7 @@ export interface ReloadType {
 export interface RadioGroupItemProps {
     value: string
     dataTestId?: string
+    disabled?: boolean
 }
 
 export interface RadioGroupProps {