@veracity/vui 1.2.0-rc.0 → 1.2.1

package/dist/cjs/core/types.d.ts

@@ -1,5 +1,14 @@
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode } from 'react';
+import { ToastListItem } from '../toast/toast.types';
 export interface ChildrenProp {
     children?: ReactNode;
 }
+export interface VuiContext {
+    toasts: {
+        list: ToastListItem[];
+    };
+    addToast: (toast: ToastListItem) => void;
+    removeToast: (id: string) => void;
+    setPortalSlot: Dispatch<ReactNode>;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/cjs/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE;QAAE,IAAI,EAAE,aAAa,EAAE,CAAA;KAAE,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,aAAa,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;CACnC"}

package/dist/cjs/core/vuiProvider/context.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-declare const VuiContextProvider: import("react").Provider<any>, useVuiContext: () => any;
+import { VuiContext } from '../types';
+declare const VuiContextProvider: import("react").Provider<VuiContext>, useVuiContext: () => VuiContext;
 export { VuiContextProvider, useVuiContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/cjs/core/vuiProvider/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/context.ts"],"names":[],"mappings":";AAEA,QAAA,MAAO,kBAAkB,iCAAE,aAAa,WAA4C,CAAA;AAEpF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,QAAA,MAAO,kBAAkB,wCAAE,aAAa,kBAAmD,CAAA;AAE3F,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}

package/dist/cjs/toast/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Toaster } from './Toaster';
+export { default as Toaster } from './toast';
 export * from './useToast';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAE5C,cAAc,YAAY,CAAA"}

package/dist/cjs/toast/index.js

@@ -18,6 +18,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toaster = void 0;
-var Toaster_1 = require("./Toaster");
-Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return __importDefault(Toaster_1).default; } });
+var toast_1 = require("./toast");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return __importDefault(toast_1).default; } });
 __exportStar(require("./useToast"), exports);

package/dist/cjs/toast/{Toaster.d.ts → toast.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;
-//# sourceMappingURL=Toaster.d.ts.map
+//# sourceMappingURL=toast.d.ts.map

package/dist/cjs/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AA8BzB,wBAAkC"}

package/dist/cjs/toast/useToast.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { ToastOptions } from './toast.types';
 export declare const useToast: () => {
     showToast: (options?: ToastOptions | undefined) => void;
-    hideToast: (id: string) => any;
+    hideToast: (id: string) => void;
     showInfo: (text: ReactNode) => void;
     showSuccess: (text: ReactNode) => void;
     showWarning: (text: ReactNode) => void;

package/dist/cjs/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBA0C1C,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBA8C1C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/cjs/tooltip/tooltip.js

@@ -20,14 +20,14 @@ const Tooltip = (props) => {
     const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'demo', placement = 'top' } = props;
     const isDesktop = (0, core_1.useUp)('md');
     return (react_1.default.createElement(popover_1.default, { placement: placement, trigger: "mouseenter" },
-        react_1.default.createElement(popover_1.default.Trigger, { as: box_1.default, display: "inline-block" },
-            react_1.default.createElement(box_1.default, { display: "inline-block" }, children)),
+        react_1.default.createElement(popover_1.default.Trigger, { as: box_1.default, display: "inline-flex" }, children),
         react_1.default.createElement(popover_1.default.Content, { bg: tooltip_setup_1.color, color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, p: 1, pl: 2, pr: 2 },
             isDesktop && (react_1.default.createElement(box_1.default, { bg: tooltip_setup_1.color, bottom: tooltip_setup_1.pointerPlacement[placement].bottom, h: `${tooltip_setup_1.pointerSize}px`, left: tooltip_setup_1.pointerPlacement[placement].left, position: "absolute", right: tooltip_setup_1.pointerPlacement[placement].right, top: tooltip_setup_1.pointerPlacement[placement].top, transform: `translate(${tooltip_setup_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${tooltip_setup_1.pointerSize}px` })),
-            text,
-            !!linkText && (react_1.default.createElement(react_1.default.Fragment, null,
-                "\u00A0",
-                react_1.default.createElement(link_1.Link, Object.assign({ variant: "light" }, linkProps), linkText))))));
+            react_1.default.createElement(core_1.v.div, null,
+                text,
+                !!linkText && (react_1.default.createElement(react_1.default.Fragment, null,
+                    "\u00A0",
+                    react_1.default.createElement(link_1.Link, Object.assign({ variant: "light" }, linkProps), linkText)))))));
 };
 exports.Tooltip = Tooltip;
 exports.default = exports.Tooltip;

package/dist/esm/core/types.d.ts

@@ -1,5 +1,14 @@
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode } from 'react';
+import { ToastListItem } from '../toast/toast.types';
 export interface ChildrenProp {
     children?: ReactNode;
 }
+export interface VuiContext {
+    toasts: {
+        list: ToastListItem[];
+    };
+    addToast: (toast: ToastListItem) => void;
+    removeToast: (id: string) => void;
+    setPortalSlot: Dispatch<ReactNode>;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE;QAAE,IAAI,EAAE,aAAa,EAAE,CAAA;KAAE,CAAA;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,aAAa,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;CACnC"}

package/dist/esm/core/vuiProvider/context.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-declare const VuiContextProvider: import("react").Provider<any>, useVuiContext: () => any;
+import { VuiContext } from '../types';
+declare const VuiContextProvider: import("react").Provider<VuiContext>, useVuiContext: () => VuiContext;
 export { VuiContextProvider, useVuiContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/esm/core/vuiProvider/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/context.ts"],"names":[],"mappings":";AAEA,QAAA,MAAO,kBAAkB,iCAAE,aAAa,WAA4C,CAAA;AAEpF,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,QAAA,MAAO,kBAAkB,wCAAE,aAAa,kBAAmD,CAAA;AAE3F,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/toast/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Toaster } from './Toaster';
+export { default as Toaster } from './toast';
 export * from './useToast';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAE9C,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAE5C,cAAc,YAAY,CAAA"}

package/dist/esm/toast/index.js

@@ -1,2 +1,2 @@
-export { default as Toaster } from './Toaster';
+export { default as Toaster } from './toast';
 export * from './useToast';

package/dist/esm/toast/{Toaster.d.ts → toast.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;
-//# sourceMappingURL=Toaster.d.ts.map
+//# sourceMappingURL=toast.d.ts.map

package/dist/esm/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AA8BzB,wBAAkC"}

package/dist/esm/toast/useToast.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { ToastOptions } from './toast.types';
 export declare const useToast: () => {
     showToast: (options?: ToastOptions | undefined) => void;
-    hideToast: (id: string) => any;
+    hideToast: (id: string) => void;
     showInfo: (text: ReactNode) => void;
     showSuccess: (text: ReactNode) => void;
     showWarning: (text: ReactNode) => void;

package/dist/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBA0C1C,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO,UAAW,YAAY,gBA8C1C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/esm/tooltip/tooltip.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Box from '../box';
-import { useUp } from '../core';
+import { useUp, v } from '../core';
 import { Link } from '../link';
 import Popover from '../popover';
 import { color, pointerPlacement, pointerSize } from './tooltip.setup';
@@ -14,13 +14,13 @@ export const Tooltip = (props) => {
     const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'demo', placement = 'top' } = props;
     const isDesktop = useUp('md');
     return (React.createElement(Popover, { placement: placement, trigger: "mouseenter" },
-        React.createElement(Popover.Trigger, { as: Box, display: "inline-block" },
-            React.createElement(Box, { display: "inline-block" }, children)),
+        React.createElement(Popover.Trigger, { as: Box, display: "inline-flex" }, children),
         React.createElement(Popover.Content, { bg: color, color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, p: 1, pl: 2, pr: 2 },
             isDesktop && (React.createElement(Box, { bg: color, bottom: pointerPlacement[placement].bottom, h: `${pointerSize}px`, left: pointerPlacement[placement].left, position: "absolute", right: pointerPlacement[placement].right, top: pointerPlacement[placement].top, transform: `translate(${pointerPlacement[placement].translate}) rotate(45deg)`, w: `${pointerSize}px` })),
-            text,
-            !!linkText && (React.createElement(React.Fragment, null,
-                "\u00A0",
-                React.createElement(Link, { variant: "light", ...linkProps }, linkText))))));
+            React.createElement(v.div, null,
+                text,
+                !!linkText && (React.createElement(React.Fragment, null,
+                    "\u00A0",
+                    React.createElement(Link, { variant: "light", ...linkProps }, linkText)))))));
 };
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "1.2.0-rc.0",
+  "version": "1.2.1",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/core/types.ts

@@ -1,5 +1,14 @@
-import { ReactNode } from 'react'
+import { Dispatch, ReactNode } from 'react'
+
+import { ToastListItem } from '../toast/toast.types'
 
 export interface ChildrenProp {
   children?: ReactNode
 }
+
+export interface VuiContext {
+  toasts: { list: ToastListItem[] }
+  addToast: (toast: ToastListItem) => void
+  removeToast: (id: string) => void
+  setPortalSlot: Dispatch<ReactNode>
+}

package/src/core/vuiProvider/context.ts

@@ -1,5 +1,6 @@
 import { createContext } from '../../utils'
+import { VuiContext } from '../types'
 
-const [VuiContextProvider, useVuiContext] = createContext<any>({ isOptional: true })
+const [VuiContextProvider, useVuiContext] = createContext<VuiContext>({ isOptional: true })
 
 export { VuiContextProvider, useVuiContext }

package/src/toast/index.ts

@@ -1,3 +1,3 @@
-export { default as Toaster } from './Toaster'
+export { default as Toaster } from './toast'
 
 export * from './useToast'

package/src/tooltip/tooltip.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
 import Box from '../box'
-import { useUp } from '../core'
+import { useUp, v } from '../core'
 import { Link } from '../link'
 import Popover from '../popover'
 import { color, pointerPlacement, pointerSize } from './tooltip.setup'
@@ -23,11 +23,13 @@ export const Tooltip = (props: TooltipProps) => {
     text = 'demo',
     placement = 'top'
   } = props
+
   const isDesktop = useUp('md')
+
   return (
     <Popover placement={placement} trigger="mouseenter">
-      <Popover.Trigger as={Box} display="inline-block">
-        <Box display="inline-block">{children}</Box>
+      <Popover.Trigger as={Box} display="inline-flex">
+        {children}
       </Popover.Trigger>
       <Popover.Content bg={color} color="white" fontSize={fontSize} m={1} maxW={maxWidth} p={1} pl={2} pr={2}>
         {isDesktop && (
@@ -43,15 +45,17 @@ export const Tooltip = (props: TooltipProps) => {
             w={`${pointerSize}px`}
           />
         )}
-        {text}
-        {!!linkText && (
-          <>
-            &nbsp;
-            <Link variant="light" {...linkProps}>
-              {linkText}
-            </Link>
-          </>
-        )}
+        <v.div>
+          {text}
+          {!!linkText && (
+            <>
+              &nbsp;
+              <Link variant="light" {...linkProps}>
+                {linkText}
+              </Link>
+            </>
+          )}
+        </v.div>
       </Popover.Content>
     </Popover>
   )

package/dist/cjs/toast/Toaster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AA8BzB,wBAAkC"}

package/dist/esm/toast/Toaster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AA8BzB,wBAAkC"}