@devtron-labs/devtron-fe-common-lib 0.0.6-beta-14 → 0.0.6-beta-15

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 (11) hide show
  1. package/dist/Common/TippyCustomized.d.ts +2 -5
  2. package/dist/Common/Types.d.ts +4 -0
  3. package/dist/Common/index.d.ts +1 -0
  4. package/dist/index.js +98 -10
  5. package/package.json +1 -1
  6. package/src/Common/CustomTagSelector/PropagateTagInfo.tsx +2 -1
  7. package/src/Common/Dialogs/DeleteDialog.tsx +1 -1
  8. package/src/Common/Dialogs/DialogForm.tsx +1 -1
  9. package/src/Common/TippyCustomized.tsx +3 -7
  10. package/src/Common/Types.ts +5 -0
  11. package/src/Common/index.ts +2 -1
package/dist/Common/TippyCustomized.d.ts CHANGED
@@ -1,10 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { Placement } from 'tippy.js';
3
3
  import 'tippy.js/animations/shift-toward-subtle.css';
4
- export declare enum TippyTheme {
5
- black = "black",
6
- white = "white"
7
- }
4
+ import { TippyTheme } from './Types';
8
5
  interface TippyCustomizedProps {
9
6
  theme: TippyTheme;
10
7
  visible?: boolean;
@@ -31,5 +28,5 @@ interface TippyCustomizedProps {
31
28
  documentationLinkText?: string;
32
29
  children: React.ReactElement<any>;
33
30
  }
34
- export default function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
31
+ export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
35
32
  export {};
package/dist/Common/Types.d.ts CHANGED
@@ -21,3 +21,7 @@ export interface OptionType {
21
21
  label: string;
22
22
  value: string;
23
23
  }
24
+ export declare enum TippyTheme {
25
+ black = "black",
26
+ white = "white"
27
+ }
package/dist/Common/index.d.ts CHANGED
@@ -19,3 +19,4 @@ export * from './RadioGroup';
19
19
  export { default as PopupMenu } from './PopupMenu';
20
20
  export * from './TippyCustomized';
21
21
  export * from './CustomTagSelector';
22
+ export * from './Dialogs';
package/dist/index.js CHANGED
@@ -147,6 +147,12 @@ var ServerErrors = /** @class */ (function (_super) {
147
147
  return ServerErrors;
148
148
  }(Error));
149
149
 
150
+ var TippyTheme;
151
+ (function (TippyTheme) {
152
+ TippyTheme["black"] = "black";
153
+ TippyTheme["white"] = "white";
154
+ })(TippyTheme || (TippyTheme = {}));
155
+
150
156
  var responseMessages = {
151
157
  100: 'Continue',
152
158
  101: 'Switching Protocols',
@@ -3967,7 +3973,7 @@ var SvgIcClose = function SvgIcClose(props) {
3967
3973
  fillRule: "evenodd"
3968
3974
  })));
3969
3975
  };
3970
- var closeIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20class%3D%22stroke-color%22%20d%3D%22M18.295%205.705a.997.997%200%200%200-1.41%200L12%2010.59%207.115%205.705a.997.997%200%201%200-1.41%201.41L10.59%2012l-4.885%204.885a.997.997%200%201%200%201.41%201.41L12%2013.41l4.885%204.885a.997.997%200%200%200%201.41-1.41L13.41%2012l4.885-4.885a.997.997%200%200%200%200-1.41z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22%22%2F%3E%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23999%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
3976
+ var close = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20class%3D%22stroke-color%22%20d%3D%22M18.295%205.705a.997.997%200%200%200-1.41%200L12%2010.59%207.115%205.705a.997.997%200%201%200-1.41%201.41L10.59%2012l-4.885%204.885a.997.997%200%201%200%201.41%201.41L12%2013.41l4.885%204.885a.997.997%200%200%200%201.41-1.41L13.41%2012l4.885-4.885a.997.997%200%200%200%200-1.41z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22%22%2F%3E%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23999%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
3971
3977
 
3972
3978
  var OpaqueModal = /** @class */ (function (_super) {
3973
3979
  __extends(OpaqueModal, _super);
@@ -3988,7 +3994,7 @@ var OpaqueModal = /** @class */ (function (_super) {
3988
3994
  };
3989
3995
  OpaqueModal.prototype.render = function () {
3990
3996
  var _a = __assign({}, this.props), _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.onHide, onHide = _c === void 0 ? null : _c;
3991
- return ReactDOM.createPortal(jsxs("div", __assign({ className: "full-screen-modal__body-container ".concat(className) }, { children: [this.props.children, typeof onHide === 'function' && jsx("div", __assign({ className: "close-btn icon-dim-24", onClick: function (e) { return onHide(false); } }, { children: jsx("img", { className: "close-img", src: closeIcon, alt: "close" }) }))] })), document.getElementById('full-screen-modal'));
3997
+ return ReactDOM.createPortal(jsxs("div", __assign({ className: "full-screen-modal__body-container ".concat(className) }, { children: [this.props.children, typeof onHide === 'function' && jsx("div", __assign({ className: "close-btn icon-dim-24", onClick: function (e) { return onHide(false); } }, { children: jsx("img", { className: "close-img", src: close, alt: "close" }) }))] })), document.getElementById('full-screen-modal'));
3992
3998
  };
3993
3999
  return OpaqueModal;
3994
4000
  }(React__default.Component));
@@ -4232,13 +4238,13 @@ function Button(_a) {
4232
4238
  var _h = usePopupContext(), handleOpen = _h.handleOpen, popupPosition = _h.popupPosition; _h.buttonRef; var initialiseButtonWidth = _h.initialiseButtonWidth;
4233
4239
  return jsx("button", __assign({ ref: initialiseButtonWidth, type: "button", tabIndex: tabIndex, disabled: disabled, className: "".concat(rootClassName, " ").concat(popupPosition ? 'focused' : '', " ").concat(isKebab ? 'popup-button-kebab' : "popup-button"), onMouseEnter: onHover ? (disabled ? null : handleOpen) : function () { }, onClick: disabled ? null : handleOpen }, { children: children }));
4234
4240
  }
4235
- function Body(_a) {
4241
+ function Body$1(_a) {
4236
4242
  var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.rootClassName, rootClassName = _c === void 0 ? "" : _c, _d = _a.style, style = _d === void 0 ? {} : _d, _e = _a.autoWidth, autoWidth = _e === void 0 ? false : _e;
4237
4243
  var _f = usePopupContext(), handleClose = _f.handleClose, popupPosition = _f.popupPosition, opacity = _f.opacity, callbackRef = _f.callbackRef, buttonWidth = _f.buttonWidth;
4238
4244
  return popupPosition ? jsx(Modal, __assign({ callbackRef: callbackRef, onClick: handleClose, rootClassName: "".concat(rootClassName, " popup-body ").concat(!children ? 'popup-body--empty' : '', " ").concat(Object.keys(popupPosition).join(" ")), style: __assign(__assign(__assign(__assign({}, popupPosition), style), (autoWidth ? { width: buttonWidth.current } : {})), { opacity: opacity }) }, { children: children })) : null;
4239
4245
  }
4240
4246
  PopupMenu.Button = Button;
4241
- PopupMenu.Body = Body;
4247
+ PopupMenu.Body = Body$1;
4242
4248
 
4243
4249
  var top = 'top';
4244
4250
  var bottom = 'bottom';
@@ -8247,11 +8253,6 @@ var Tippy = index;
8247
8253
  var css_248z = ".tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translateX(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translateX(5px)}";
8248
8254
  styleInject(css_248z);
8249
8255
 
8250
- var TippyTheme;
8251
- (function (TippyTheme) {
8252
- TippyTheme["black"] = "black";
8253
- TippyTheme["white"] = "white";
8254
- })(TippyTheme || (TippyTheme = {}));
8255
8256
  // This component will handle some of the new tippy designs and interactions
8256
8257
  // So this can be updated to support further for new features or interactions
8257
8258
  function TippyCustomized(props) {
@@ -8527,4 +8528,91 @@ var TagLabelSelect = function (_a) {
8527
8528
  return (jsxs("div", { children: [jsxs("div", __assign({ className: "flexbox dc__content-space mb-8" }, { children: [jsx("span", { children: "Tags" }), jsx(PropagateTagInfo, {})] })), jsxs("div", { children: [jsxs("div", __assign({ className: "dc_width-max-content cb-5 fw-6 fs-13 flexbox mr-20 mb-8 cursor", onClick: addNewTag }, { children: [jsx(SvgIcAdd, { className: "icon-dim-20 fcb-5" }), " Add tag"] })), jsx("div", __assign({ className: "mb-8" }, { children: labelTags === null || labelTags === void 0 ? void 0 : labelTags.map(function (tagData, index) { return (jsx(TagDetails, { index: index, tagData: tagData, setTagData: setTagData, removeTag: removeTag }, "tag-".concat(index))); }) }))] })] }));
8528
8529
  };
8529
8530
 
8530
- export { BreadCrumb, Store as BreadcrumbStore, ConditionalWrap, DetailsProgressing, Drawer, ErrorScreenManager, ErrorScreenNotAuthorized, Host, Modal, OpaqueModal, PATTERNS, PopupMenu, Progressing, RadioGroup, RadioGroupItem, RequestTimeout, ServerError, ServerErrors, TagLabelSelect, TippyTheme, ToastBody, ToastBody3, ToastBodyWithButton, VisibleModal, VisibleModal2, get, post, put, showError, toastAccessDenied, trash, useBreadcrumb };
8531
+ function ConfirmationDialog(_a) {
8532
+ var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children;
8533
+ return (jsx(VisibleModal2, __assign({ className: "confirmation-dialog" }, { children: jsx("div", __assign({ className: "confirmation-dialog__body ".concat(className) }, { children: children })) })));
8534
+ }
8535
+ function Icon(_a) {
8536
+ var src = _a.src, _b = _a.className, className = _b === void 0 ? '' : _b;
8537
+ return jsx("img", { src: src, className: "confirmation-dialog__icon ".concat(className), alt: "" });
8538
+ }
8539
+ function Body(_a) {
8540
+ var title = _a.title, _b = _a.subtitle, subtitle = _b === void 0 ? null : _b, _c = _a.children, children = _c === void 0 ? null : _c;
8541
+ return (jsxs("div", __assign({ className: "flex left column " }, { children: [jsx("h3", __assign({ className: "confirmation-dialog__title lh-1-25 dc__break-word w-100" }, { children: title })), subtitle && jsx("div", __assign({ className: "confirmation-dialog__subtitle" }, { children: subtitle })), children] })));
8542
+ }
8543
+ function ButtonGroup(_a) {
8544
+ var children = _a.children;
8545
+ return jsx("div", __assign({ className: "flex right confirmation-dialog__button-group" }, { children: children }));
8546
+ }
8547
+ ConfirmationDialog.Icon = Icon;
8548
+ ConfirmationDialog.Body = Body;
8549
+ ConfirmationDialog.ButtonGroup = ButtonGroup;
8550
+
8551
+ var warn = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23FFEBEB%22%20stroke%3D%22%23F33E3E%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7%2024h24v17a4%204%200%200%201-4%204H11a4%204%200%200%201-4-4V24z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2029.5v10M24%2029.5v10M14%2029.5v10%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23F33E3E%22%20stroke-dasharray%3D%2217%2C3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M42%2010a3%203%200%200%201%200%206H31M38%2023a3%203%200%200%200-3-3h-8%22%2F%3E%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22%23F33E3E%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20transform%3D%22rotate%28-10%2036.29%20-8.86%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2230%22%20height%3D%225%22%20y%3D%226%22%20fill%3D%22%23FFEBEB%22%20rx%3D%221%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%200h8a2%202%200%200%201%202%202v4H9V2a2%202%200%200%201%202-2z%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
8552
+
8553
+ var DeleteDialog = function (props) {
8554
+ return jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsx(ConfirmationDialog.Icon, { src: warn }), jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsx(ConfirmationDialog.ButtonGroup, { children: jsxs("div", __assign({ className: "flex right" }, { children: [jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: props.closeDelete, disabled: props.apiCallInProgress }, { children: "Cancel" })), jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: function () { return props.delete(); }, disabled: props.apiCallInProgress }, { children: props.apiCallInProgress ? jsx(Progressing, {}) : "".concat(props.deletePrefix || '', "Delete").concat(props.deletePostfix || '') }))] })) })] }));
8555
+ };
8556
+ function DeleteDialogDescription(props) {
8557
+ return jsx(Fragment, { children: props.children });
8558
+ }
8559
+ DeleteDialog.Description = DeleteDialogDescription;
8560
+
8561
+ //TODO: may not need context
8562
+ var DialogFormContext = createContext({ title: '', isLoading: false, close: function (event) { }, onSave: function (event) { } });
8563
+ var DialogForm = /** @class */ (function (_super) {
8564
+ __extends(DialogForm, _super);
8565
+ function DialogForm(props) {
8566
+ var _this = _super.call(this, props) || this;
8567
+ _this.escFunction = _this.escFunction.bind(_this);
8568
+ return _this;
8569
+ }
8570
+ DialogForm.prototype.componentDidMount = function () {
8571
+ document.addEventListener('keydown', this.escFunction);
8572
+ };
8573
+ DialogForm.prototype.componentWillUnmount = function () {
8574
+ document.removeEventListener('keydown', this.escFunction);
8575
+ };
8576
+ DialogForm.prototype.escFunction = function (event) {
8577
+ if (event.keyCode === 27 && this.props.closeOnESC) {
8578
+ this.props.close(event);
8579
+ }
8580
+ };
8581
+ DialogForm.prototype.render = function () {
8582
+ var _this = this;
8583
+ return (jsx(DialogFormContext.Provider, __assign({ value: {
8584
+ title: this.props.title,
8585
+ isLoading: this.props.isLoading,
8586
+ close: this.props.close,
8587
+ onSave: this.props.onSave,
8588
+ } }, { children: jsx(VisibleModal, __assign({ className: "" }, { children: jsxs("div", __assign({ className: "modal__body ".concat(this.props.className || '') }, { children: [jsxs("div", __assign({ className: "modal__header ".concat(this.props.headerClassName || '') }, { children: [jsx("h1", __assign({ className: "modal__title" }, { children: this.props.title })), jsxs("button", __assign({ type: "button", className: "dc__transparent", onClick: this.props.close }, { children: [' ', jsx("img", { src: close, alt: "close" })] }))] })), jsx(DialogFormContext.Consumer, { children: function (context) {
8589
+ return (jsx("form", __assign({ noValidate: true, onSubmit: function (e) {
8590
+ e.preventDefault();
8591
+ if (!context.isLoading) {
8592
+ context.onSave(e);
8593
+ }
8594
+ } }, { children: _this.props.children })));
8595
+ } })] })) })) })));
8596
+ };
8597
+ return DialogForm;
8598
+ }(Component));
8599
+ var DialogFormSubmit = /** @class */ (function (_super) {
8600
+ __extends(DialogFormSubmit, _super);
8601
+ function DialogFormSubmit() {
8602
+ return _super !== null && _super.apply(this, arguments) || this;
8603
+ }
8604
+ DialogFormSubmit.prototype.render = function () {
8605
+ var _this = this;
8606
+ return (jsx(DialogFormContext.Consumer, { children: function (context) {
8607
+ return (jsx("button", __assign({ type: "submit", className: "cta dc__align-right", tabIndex: _this.props.tabIndex }, { children: context.isLoading ? jsx(Progressing, {}) : _this.props.children })));
8608
+ } }));
8609
+ };
8610
+ return DialogFormSubmit;
8611
+ }(Component));
8612
+
8613
+ function ForceDeleteDialog(_a) {
8614
+ var onClickDelete = _a.onClickDelete, closeDeleteModal = _a.closeDeleteModal, forceDeleteDialogTitle = _a.forceDeleteDialogTitle, forceDeleteDialogMessage = _a.forceDeleteDialogMessage;
8615
+ return (jsx("div", { children: jsx(DeleteDialog, __assign({ title: forceDeleteDialogTitle, delete: onClickDelete, closeDelete: closeDeleteModal, deletePrefix: "Force " }, { children: jsxs(DeleteDialog.Description, { children: [jsxs("p", __assign({ className: "mt-12 mb-12 p-8 dc__break-word dc__window-bg" }, { children: ["Error: ", forceDeleteDialogMessage] })), jsx("p", { children: "Do you want to force delete?" })] }) })) }));
8616
+ }
8617
+
8618
+ export { BreadCrumb, Store as BreadcrumbStore, ConditionalWrap, ConfirmationDialog, DeleteDialog, DetailsProgressing, DialogForm, DialogFormSubmit, Drawer, ErrorScreenManager, ErrorScreenNotAuthorized, ForceDeleteDialog, Host, Modal, OpaqueModal, PATTERNS, PopupMenu, Progressing, RadioGroup, RadioGroupItem, RequestTimeout, ServerError, ServerErrors, TagLabelSelect, TippyCustomized, TippyTheme, ToastBody, ToastBody3, ToastBodyWithButton, VisibleModal, VisibleModal2, get, post, put, showError, toastAccessDenied, trash, useBreadcrumb };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devtron-labs/devtron-fe-common-lib",
3
- "version": "0.0.6-beta-14",
3
+ "version": "0.0.6-beta-15",
4
4
  "description": "Supporting common component library",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
package/src/Common/CustomTagSelector/PropagateTagInfo.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react'
2
2
  import { ReactComponent as InjectTag } from '../../Assets/Icon/inject-tag.svg'
3
3
  import { ReactComponent as Help } from '../../Assets/Icon/ic-help-outline.svg'
4
- import TippyCustomized, { TippyTheme } from '../TippyCustomized'
4
+ import { TippyCustomized } from '../TippyCustomized'
5
+ import { TippyTheme } from '../Types'
5
6
 
6
7
  export default function PropagateTagInfo() {
7
8
  const additionalInfo = () => {
package/src/Common/Dialogs/DeleteDialog.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import warn from '../../../Assets/Img/warning-medium.svg';
2
+ import warn from '../../Assets/Img/warning-medium.svg';
3
3
  import { Progressing } from '../Progressing'
4
4
  import ConfirmationDialog from './ConfirmationDialog';
5
5
  import { DeleteDialogProps } from './Types';
package/src/Common/Dialogs/DialogForm.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { Component, createContext } from 'react';
2
2
  import { VisibleModal } from '../Modals/VisibleModal';
3
- import close from '../../../Assets/Icons/ic-close.svg';
3
+ import close from '../../Assets/Icon/ic-close.svg';
4
4
  import { Progressing } from '../Progressing'
5
5
  //TODO: may not need context
6
6
  const DialogFormContext = createContext({ title: '', isLoading: false, close: (event) => {}, onSave: (event) => {} });
package/src/Common/TippyCustomized.tsx CHANGED
@@ -1,13 +1,9 @@
1
- import React, { ReactNode, useEffect, useRef } from 'react'
1
+ import React, { ReactNode, useRef } from 'react'
2
2
  import Tippy from '@tippyjs/react'
3
3
  import { Placement } from 'tippy.js'
4
4
  import { ReactComponent as CloseIcon } from '../Assets/Icon/ic-close.svg'
5
5
  import 'tippy.js/animations/shift-toward-subtle.css'
6
-
7
- export enum TippyTheme {
8
- black = 'black',
9
- white = 'white',
10
- }
6
+ import { TippyTheme } from './Types'
11
7
 
12
8
  interface TippyCustomizedProps {
13
9
  theme: TippyTheme
@@ -38,7 +34,7 @@ interface TippyCustomizedProps {
38
34
 
39
35
  // This component will handle some of the new tippy designs and interactions
40
36
  // So this can be updated to support further for new features or interactions
41
- export default function TippyCustomized(props: TippyCustomizedProps) {
37
+ export function TippyCustomized(props: TippyCustomizedProps) {
42
38
  const tippyRef = useRef(null)
43
39
  const isWhiteTheme = props.theme === TippyTheme.white
44
40
 
package/src/Common/Types.ts CHANGED
@@ -23,4 +23,9 @@ export interface TagType {
23
23
  export interface OptionType {
24
24
  label: string;
25
25
  value: string;
26
+ }
27
+
28
+ export enum TippyTheme {
29
+ black = 'black',
30
+ white = 'white',
26
31
  }
package/src/Common/index.ts CHANGED
@@ -18,4 +18,5 @@ export { default as BreadcrumbStore } from './BreadCrumb/BreadcrumbStore'
18
18
  export * from './RadioGroup'
19
19
  export { default as PopupMenu } from './PopupMenu'
20
20
  export * from './TippyCustomized'
21
- export * from './CustomTagSelector'
21
+ export * from './CustomTagSelector'
22
+ export * from './Dialogs'