@devtron-labs/devtron-fe-common-lib 0.0.11 → 0.0.12

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/index.js

@@ -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.11",
+    "version": "0.0.12",
     "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>
     )