gd-bs 5.7.1 → 5.7.2

package/src/components/popover/index.ts

@@ -1,5 +1,5 @@
-import tippy, { Instance, animateFill, followCursor, inlinePositioning, sticky } from "tippy.js";
-import { ITippyProps } from "../../types";
+import tippy, { Instance, animateFill, followCursor, inlinePositioning, sticky } from "../tippy";
+import { ITippyProps } from "../types";
 import { IPopover, IPopoverProps } from "./types";
 import { Button } from "../button";
 import { Base } from "../base";
@@ -243,7 +243,7 @@ class _Popover extends Base<IPopoverProps> implements IPopover {
         }
 
         // Create the tippy
-        this._tippy = tippy(this.el, options as any) as any;
+        this._tippy = tippy(this.el, options);
     }
 
     /**

package/src/components/popover/types.d.ts

@@ -55,15 +55,14 @@ export const Popover: (props: IPopoverProps, template?: string) => IPopover;
 /**
  * Popover Placements
  */
- export const PopoverPlacements: IPopoverPlacements;
+export const PopoverPlacements: IPopoverPlacements;
 
 /**
  * Popover Types
  */
 export const PopoverTypes: IPopoverTypes;
 
-import { IBaseProps } from "../types";
-import { ITippyProps } from "../../types";
+import { IBaseProps, ITippyProps } from "../types";
 import { IButtonProps } from "../button/types";
 
 /**
@@ -108,7 +107,7 @@ export interface IPopoverProps extends IBaseProps<IPopover> {
 /**
  * Popover Types
  */
- export type IPopoverTypes = {
+export type IPopoverTypes = {
     Danger: number;
     Dark: number;
     Info: number;
@@ -125,7 +124,7 @@ export interface IPopoverProps extends IBaseProps<IPopover> {
 /**
  * Popover Placements
  */
- export type IPopoverPlacements = {
+export type IPopoverPlacements = {
     Auto: number;
     AutoStart: number;
     AutoEnd: number;

package/src/components/tippy.ts

@@ -0,0 +1,12 @@
+import { Instance } from "tippy.js/index.d";
+export { Instance }
+
+import * as tippyJS from "tippy.js";
+export const animateFill = tippyJS.animateFill;
+export const followCursor = tippyJS.followCursor;
+export const inlinePositioning = tippyJS.inlinePositioning;
+export const sticky = tippyJS.sticky;
+
+import { ITippyProps } from "./types";
+const tippy: (el: HTMLElement, options: ITippyProps) => Instance = (tippyJS.default || tippyJS) as any;
+export default tippy;

package/src/components/tooltip/index.ts

@@ -1,5 +1,5 @@
-import tippy, { Instance, animateFill, followCursor, inlinePositioning, sticky } from "tippy.js";
-import { ITippyProps } from "../../types";
+import tippy, { Instance, animateFill, followCursor, inlinePositioning, sticky } from "../tippy";
+import { ITippyProps } from "../types";
 import { ITooltip, ITooltipProps } from "./types";
 import { IButton } from "../button/types";
 import { Base } from "../base";
@@ -294,7 +294,7 @@ class _Tooltip extends Base<ITooltipProps> {
         }
 
         // Create the tippy
-        this._tippy = tippy(this.props.target || this.el, options as any) as any;
+        this._tippy = tippy(this.props.target || this.el, options);
     }
 
     /**

package/src/components/tooltip/types.d.ts

@@ -51,8 +51,7 @@ export const TooltipPlacements: ITooltipPlacements;
  */
 export const TooltipTypes: ITooltipTypes;
 
-import { IBaseProps } from "../types";
-import { ITippyProps } from "../../types";
+import { IBaseProps, ITippyProps } from "../types";
 import { IButtonProps, IButton } from "../button/types";
 
 /**

package/src/components/tooltipGroup/types.d.ts

@@ -40,8 +40,7 @@
  */
 export const TooltipGroup: (props: ITooltipGroupProps, template?: string, btnTemplate?: string) => ITooltipGroup;
 
-import { ITippyProps } from "../../types";
-import { IBaseProps } from "../types";
+import { IBaseProps, ITippyProps } from "../types";
 import { ITooltip, ITooltipProps } from "../tooltip/types";
 
 /**

package/src/components/types.d.ts

@@ -30,4 +30,51 @@ export interface IBaseProps<IBaseObj = any> {
 
     /** The element to render the component to. */
     el?: Element | HTMLElement;
+}
+
+/** Tippy Options */
+export interface ITippyProps {
+    allowHTML?: boolean;
+    animateFill?: boolean;
+    animation?: string | boolean;
+    appendTo?: Element;
+    aria?: object;
+    arrow?: boolean | string | SVGElement | DocumentFragment;
+    content?: string | Element;
+    delay?: number | [number | null, number | null];
+    duration?: number | [number | null, number | null];
+    followCursor?: boolean | 'horizontal' | 'vertical' | 'initial';
+    hideOnClick?: boolean | 'toggle';
+    ignoreAttributes?: boolean;
+    inertia?: boolean;
+    inlinePositioning?: boolean;
+    interactive?: boolean;
+    interactiveBorder?: number;
+    interactiveDebounce?: number;
+    maxWidth?: number | string;
+    moveTransition?: string;
+    offset?: number[];
+    onAfterUpdate?: (tippyObj?, props?) => void;
+    onBeforeUpdate?: (tippyObj?, props?) => void;
+    onClickOutside?: (tippyObj?, ev?) => void;
+    onCreate?: (tippyObj?) => void;
+    onDestroy?: (tippyObj?) => void;
+    onHidden?: (tippyObj?) => void;
+    onHide?: (tippyObj?) => void;
+    onMount?: (tippyObj?) => void;
+    onShow?: (tippyObj?) => void;
+    onShown?: (tippyObj?) => void;
+    onTrigger?: (tippyObj?, ev?) => void;
+    onUntrigger?: (tippyObj?, ev?) => void;
+    placement?: string;
+    plugins?: any[];
+    popperOptions?: object;
+    role?: string;
+    showOnCreate?: boolean;
+    sticky?: boolean | 'reference' | 'popper';
+    theme?: string;
+    touch?: boolean | 'hold' | ['hold', number];
+    trigger?: string;
+    triggerTarget?: Element | Element[] | null;
+    zIndex?: number;
 }

package/src/index-icons.ts

@@ -9,7 +9,7 @@ import * as Components from "./components";
 export { Components }
 
 // TippyJS library
-import tippy from "tippy.js";
+import tippy from "./components/tippy";
 export { tippy }
 
 // Icons

package/src/index.ts

@@ -9,7 +9,7 @@ import * as Components from "./components";
 export { Components }
 
 // TippyJS library
-import * as tippy from "tippy.js";
+import tippy from "./components/tippy";
 export { tippy }
 
 // Bootstrap Global library

package/src/types.d.ts

@@ -1,45 +0,0 @@
-export interface ITippyProps {
-    allowHTML?: boolean;
-    animateFill?: boolean;
-    animation?: string | boolean;
-    appendTo?: Element;
-    aria?: object;
-    arrow?: boolean | string | SVGElement | DocumentFragment;
-    content?: string | Element;
-    delay?: number | [number | null, number | null];
-    duration?: number | [number | null, number | null];
-    followCursor?: boolean | 'horizontal' | 'vertical' | 'initial';
-    hideOnClick?: boolean | 'toggle';
-    ignoreAttributes?: boolean;
-    inertia?: boolean;
-    inlinePositioning?: boolean;
-    interactive?: boolean;
-    interactiveBorder?: number;
-    interactiveDebounce?: number;
-    maxWidth?: number | string;
-    moveTransition?: string;
-    offset?: number[];
-    onAfterUpdate?: (tippyObj?, props?) => void;
-    onBeforeUpdate?: (tippyObj?, props?) => void;
-    onClickOutside?: (tippyObj?, ev?) => void;
-    onCreate?: (tippyObj?) => void;
-    onDestroy?: (tippyObj?) => void;
-    onHidden?: (tippyObj?) => void;
-    onHide?: (tippyObj?) => void;
-    onMount?: (tippyObj?) => void;
-    onShow?: (tippyObj?) => void;
-    onShown?: (tippyObj?) => void;
-    onTrigger?: (tippyObj?, ev?) => void;
-    onUntrigger?: (tippyObj?, ev?) => void;
-    placement?: string;
-    plugins?: any[];
-    popperOptions?: object;
-    role?: string;
-    showOnCreate?: boolean;
-    sticky?: boolean | 'reference' | 'popper';
-    theme?: string;
-    touch?: boolean | 'hold' | ['hold', number];
-    trigger?: string;
-    triggerTarget?: Element | Element[] | null;
-    zIndex?: number;
-}