@veritone-ce/design-system 2.0.0 → 2.0.1

package/dist/esm-next/Icon/factory.js

@@ -10,7 +10,10 @@ function createIconComponent({
   fallback = DefaultIconFallback
 }) {
   return forwardRef(function Icon({ name, ...genericProps }, ref) {
-    const ResolvedIcon = React__default.useMemo(() => iconMap[name] ?? fallback, [name]);
+    const ResolvedIcon = React__default.useMemo(
+      () => iconMap[name] ?? fallback,
+      [name]
+    );
     return /* @__PURE__ */ jsx(ResolvedIcon, { ref, name, ...genericProps });
   });
 }

package/dist/esm-next/Tooltip/index.js

@@ -8,13 +8,14 @@ import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
 import '@mui/system';
 import '../styles/styled.js';
 
-function Tooltip(props) {
+function Tooltip({ placement = "bottom", ...props }) {
   const [_isOpen, setIsOpen] = React__default.useState(false);
   const isOpen = props.isOpen ?? _isOpen;
   const arrowRef = React__default.useRef(null);
   const { refs, floatingStyles, context } = useFloating({
     open: isOpen,
     onOpenChange: setIsOpen,
+    placement,
     middleware: [
       shift(),
       flip(),

package/dist/types/src-next/Icon/factory.d.ts

@@ -1,16 +1,14 @@
 import React from 'react';
 import type { CommonIconProps, GenericIconComponent } from './shared.js';
-export type IconMap = {
-    [key: string]: GenericIconComponent;
+export type IconMap<ExtraProps extends object = {}> = {
+    [key: string]: GenericIconComponent<ExtraProps>;
 };
 export declare const DefaultIconFallback: GenericIconComponent;
-export type IconProps = CommonIconProps & {
+export type IconProps<ExtraProps extends object = {}> = CommonIconProps<ExtraProps> & {
     name: string;
 };
-export type IconFactoryOptions = {
-    iconMap?: IconMap;
-    fallback?: GenericIconComponent;
+export type IconFactoryOptions<ExtraProps extends object = {}> = {
+    iconMap?: IconMap<ExtraProps>;
+    fallback?: GenericIconComponent<ExtraProps>;
 };
-export declare function createIconComponent({ iconMap, fallback }: IconFactoryOptions): React.ForwardRefExoticComponent<CommonIconProps & {
-    name: string;
-} & React.RefAttributes<HTMLSpanElement>>;
+export declare function createIconComponent<ExtraProps extends object = {}>({ iconMap, fallback }: IconFactoryOptions<ExtraProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<IconProps<ExtraProps>> & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/src-next/Icon/internal.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
-export declare const DSIcon: React.ForwardRefExoticComponent<import("./shared.js").CommonIconProps & {
+export declare const DSIcon: React.ForwardRefExoticComponent<{
+    name?: string | undefined;
+    size?: import("./wrappers.js").IconSize | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+} & {
     name: string;
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/src-next/Icon/shared.d.ts

@@ -1,9 +1,9 @@
 import React, { type ForwardRefExoticComponent } from 'react';
 import type { IconSize } from './wrappers.js';
-export type CommonIconProps = {
+export type CommonIconProps<ExtraProps extends object = {}> = {
     name?: string;
     size?: IconSize;
     style?: React.CSSProperties;
     className?: string;
-};
-export type GenericIconComponent = ForwardRefExoticComponent<CommonIconProps & React.RefAttributes<HTMLSpanElement>>;
+} & ExtraProps;
+export type GenericIconComponent<ExtraProps extends object = {}> = ForwardRefExoticComponent<CommonIconProps<ExtraProps> & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/src-next/Icon/wrappers.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import SVGIcon from '@mui/material/SvgIcon';
 import type { GenericIconComponent } from './shared.js';
+import type { SvgIconProps } from '@mui/material';
 export type IconSize = 'large' | 'medium' | 'small' | 'inherit';
-export declare function adaptMuiSvgIcon(MuiIcon: typeof SVGIcon): GenericIconComponent;
+export declare function adaptMuiSvgIcon(MuiIcon: React.ComponentType<SvgIconProps>): GenericIconComponent;
 export declare function adaptSvgIcon(svg: React.JSX.Element): GenericIconComponent;

package/dist/types/src-next/Tooltip/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
+import type { PopoverPlacement } from '../popover/index.js';
 export type TooltipProps = {
     isOpen?: boolean;
     children?: React.ReactNode;
     tooltip?: React.ReactNode;
+    placement?: PopoverPlacement;
     style?: React.CSSProperties;
     className?: string;
 };
-declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ placement, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [