gd-bs 5.6.9 → 5.7.2

package/src/bs.scss

@@ -2,6 +2,7 @@
 
 @import "~bootstrap/scss/functions";
 @import "~bootstrap/scss/variables";
+@import "~bootstrap/scss/maps";
 @import "~bootstrap/scss/mixins";
 @import "~bootstrap/scss/utilities";
 @import "~bootstrap/scss/root";

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;
 }