@wavv/ui 1.9.8 → 1.9.10

package/build/types/components/Message.d.ts

@@ -15,11 +15,11 @@ declare const Message: {
     ({ type, content, closeIcon, onClose, width, margin, marginTop, marginBottom, marginRight, marginLeft, children, }: MessageProps): import("react/jsx-runtime").JSX.Element;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export default Message;

package/build/types/components/Modal.d.ts

@@ -42,22 +42,22 @@ declare const Modal: {
     ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Text: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         primary?: boolean | undefined;
         fontSize?: string | number | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & Height & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Footer: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         justify?: FlexPosition | undefined;
         inline?: boolean | undefined;

package/build/types/components/Notification.d.ts

@@ -2,7 +2,7 @@
 import { Margin, Position, ThemeProp } from './types';
 declare const Notification: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     /** The color of the dot */
     color?: string | undefined;

package/build/types/components/Spacer.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const Spacer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("./types").Width & import("./types").Height, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Spacer;

package/build/types/components/Table/Column.d.ts

@@ -6,5 +6,5 @@ type ColumnProps = {
     /** The string value to display if the child text is undefined (i.e. "N/A", "—") */
     defaultValue?: string;
 } & Padding & ContentProps;
-declare const Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, ...rest }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default Column;

package/build/types/components/Table/Content.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { FlexDirection, FlexPosition } from '../types';
+import { HTMLProps } from 'react';
+import { As, FlexDirection, FlexPosition } from '../types';
+type DefaultContentProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
 export type ContentProps = {
     /** The flex positioning of the content */
     contentPosition?: FlexPosition;
@@ -11,9 +12,20 @@ export type ContentProps = {
     align?: FlexPosition;
     /** The flex gap of the content */
     gap?: number | string;
-};
+} & DefaultContentProps;
 declare const Content: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    /** The flex positioning of the content */
+    contentPosition?: FlexPosition | undefined;
+    /** The flex direction of the content */
+    direction?: FlexDirection | undefined;
+    /** The flex positioning of the content */
+    justify?: FlexPosition | undefined;
+    /** The flex alignment of the content */
+    align?: FlexPosition | undefined;
+    /** The flex gap of the content */
+    gap?: string | number | undefined;
+} & Omit<HTMLProps<HTMLDivElement>, "as"> & As, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Content;

package/build/types/components/Table/HeaderCell.d.ts

@@ -10,5 +10,5 @@ type HeaderCellProps = {
     /** The property of the data object to sort by */
     sortKey?: string;
 } & ContentProps;
-declare const HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, ...rest }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderCell;

package/build/types/components/Table/Table.d.ts

@@ -10,19 +10,31 @@ declare const Table: {
     } & {
         columns?: import("./types").Columns | undefined;
     } & Width & import("../types").Margin & import("../types").Padding & import("react").HTMLProps<HTMLTableRowElement>) => import("react/jsx-runtime").JSX.Element;
-    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: {
+    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, ...rest }: {
         children?: ReactNode;
         onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         sorted?: import("./types").SortDir | undefined;
         sortKey?: string | undefined;
-    } & import("./Content").ContentProps) => import("react/jsx-runtime").JSX.Element;
+    } & {
+        contentPosition?: import("../types").FlexPosition | undefined;
+        direction?: import("../types").FlexDirection | undefined;
+        justify?: import("../types").FlexPosition | undefined;
+        align?: import("../types").FlexPosition | undefined;
+        gap?: string | number | undefined;
+    } & Omit<import("react").HTMLProps<HTMLDivElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
     Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
     } & import("../types").Height & import("../types").MaxHeight & Omit<import("react").HTMLProps<HTMLTableSectionElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
     Row: ({ children, columns, onClick, columnStyles, ...rest }: import("./types").TableHeaderRow) => import("react/jsx-runtime").JSX.Element;
-    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
+    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, ...rest }: {
         children?: ReactNode;
         defaultValue?: string | undefined;
-    } & import("../types").Padding & import("./Content").ContentProps) => import("react/jsx-runtime").JSX.Element;
+    } & import("../types").Padding & {
+        contentPosition?: import("../types").FlexPosition | undefined;
+        direction?: import("../types").FlexDirection | undefined;
+        justify?: import("../types").FlexPosition | undefined;
+        align?: import("../types").FlexPosition | undefined;
+        gap?: string | number | undefined;
+    } & Omit<import("react").HTMLProps<HTMLDivElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
 };
 export default Table;

package/build/types/components/Tooltip.d.ts

@@ -40,11 +40,11 @@ declare const Tooltip: {
     ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.9.8",
+	"version": "1.9.10",
 	"files": [
 		"build/**/*"
 	],
@@ -21,78 +21,78 @@
 	"dependencies": {
 		"@emotion/styled": "^11.11.0",
 		"@radix-ui/react-accordion": "^1.1.2",
-		"@radix-ui/react-dropdown-menu": "^2.0.5",
-		"@radix-ui/react-tooltip": "^1.0.6",
+		"@radix-ui/react-dropdown-menu": "^2.0.6",
+		"@radix-ui/react-tooltip": "^1.0.7",
 		"@react-hook/resize-observer": "^1.2.6",
 		"date-fns": "^2.30.0",
 		"draft-js": "^0.11.7",
 		"lodash": "^4.17.21",
 		"millify": "^6.1.0",
 		"polished": "^4.1.4",
-		"prism-react-renderer": "^2.0.6",
+		"prism-react-renderer": "^2.3.1",
 		"react-keyed-flatten-children": "^2.2.1",
 		"react-phone-input-auto-format": "^0.1.0",
-		"recharts": "^2.7.3",
+		"recharts": "^2.10.4",
 		"sanitize.css": "^13.0.0",
-		"uuid": "^9.0.0",
+		"uuid": "^9.0.1",
 		"webfontloader": "^1.6.28"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.22.11",
-		"@babel/preset-env": "^7.22.10",
-		"@babel/preset-typescript": "^7.22.11",
+		"@babel/core": "^7.23.7",
+		"@babel/preset-env": "^7.23.8",
+		"@babel/preset-typescript": "^7.23.3",
 		"@emotion/babel-plugin": "^11.11.0",
 		"@emotion/babel-preset-css-prop": "^11.11.0",
-		"@emotion/react": "^11.11.1",
+		"@emotion/react": "^11.11.3",
 		"@mdx-js/react": "^2.2.1",
 		"@mdx-js/rollup": "^2.2.1",
-		"@rollup/plugin-commonjs": "^25.0.4",
-		"@rollup/plugin-node-resolve": "^15.1.0",
-		"@rollup/plugin-terser": "^0.4.3",
-		"@rollup/plugin-typescript": "^11.1.2",
-		"@svgr/core": "^8.0.0",
-		"@svgr/plugin-jsx": "^8.0.1",
-		"@svgr/plugin-prettier": "^8.0.1",
-		"@types/dashify": "^1.0.1",
-		"@types/draft-js": "^0.11.12",
-		"@types/jest": "^29.5.4",
-		"@types/lodash": "^4.14.197",
-		"@types/ncp": "^2.0.5",
-		"@types/node": "^20.5.4",
-		"@types/prompts": "^2.4.4",
-		"@types/randomcolor": "^0.5.7",
-		"@types/react": "^18.2.21",
-		"@types/react-dom": "^18.2.7",
-		"@types/rollup-plugin-peer-deps-external": "^2.2.1",
-		"@types/signale": "^1.4.4",
-		"@types/uuid": "^9.0.2",
-		"@types/webfontloader": "^1.6.35",
+		"@rollup/plugin-commonjs": "^25.0.7",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@rollup/plugin-typescript": "^11.1.6",
+		"@svgr/core": "^8.1.0",
+		"@svgr/plugin-jsx": "^8.1.0",
+		"@svgr/plugin-prettier": "^8.1.0",
+		"@types/dashify": "^1.0.3",
+		"@types/draft-js": "^0.11.17",
+		"@types/jest": "^29.5.11",
+		"@types/lodash": "^4.14.202",
+		"@types/ncp": "^2.0.8",
+		"@types/node": "^20.11.0",
+		"@types/prompts": "^2.4.9",
+		"@types/randomcolor": "^0.5.9",
+		"@types/react": "^18.2.47",
+		"@types/react-dom": "^18.2.18",
+		"@types/rollup-plugin-peer-deps-external": "^2.2.4",
+		"@types/signale": "^1.4.7",
+		"@types/uuid": "^9.0.7",
+		"@types/webfontloader": "^1.6.38",
 		"@typescript-eslint/eslint-plugin": "^5.60.1",
 		"@typescript-eslint/parser": "^5.60.1",
-		"@vitejs/plugin-react": "^4.0.4",
+		"@vitejs/plugin-react": "^4.2.1",
 		"babel-plugin-lodash": "^3.3.4",
-		"chalk": "^5.2.0",
+		"chalk": "^5.3.0",
 		"dashify": "^2.0.0",
-		"eslint": "^8.43.0",
+		"eslint": "^8.56.0",
 		"eslint-config-airbnb": "^19.0.4",
 		"eslint-config-prettier": "^8.8.0",
 		"eslint-config-storm": "^1.0.3",
 		"eslint-import-resolver-alias": "^1.1.2",
-		"eslint-import-resolver-typescript": "^3.5.5",
-		"eslint-plugin-import": "^2.25.4",
-		"eslint-plugin-jest": "^27.2.3",
-		"eslint-plugin-jsx-a11y": "^6.6.1",
-		"eslint-plugin-react": "^7.31.11",
+		"eslint-import-resolver-typescript": "^3.6.1",
+		"eslint-plugin-import": "^2.29.1",
+		"eslint-plugin-jest": "^27.6.2",
+		"eslint-plugin-jsx-a11y": "^6.8.0",
+		"eslint-plugin-react": "^7.33.2",
 		"eslint-plugin-react-hooks": "^4.6.0",
 		"esm": "^3.2.25",
 		"husky": "^8.0.2",
-		"jest": "^29.5.0",
+		"jest": "^29.7.0",
 		"lint-staged": "^13.2.1",
 		"ncp": "^2.0.0",
 		"pascal-case": "^3.1.2",
 		"path": "^0.12.7",
-		"phone": "^3.1.40",
-		"postcss": "^8.4.28",
+		"phone": "^3.1.42",
+		"postcss": "^8.4.33",
 		"prettier": "^2.8.8",
 		"prompts": "^2.4.2",
 		"randomcolor": "^0.6.2",
@@ -100,7 +100,7 @@
 		"react-dom": "^18.2.0",
 		"react-ga4": "^2.1.0",
 		"react-helmet-async": "^1.3.0",
-		"react-router-dom": "^6.14.0",
+		"react-router-dom": "^6.21.2",
 		"react-toastify": "^9.1.3",
 		"remark-gfm": "^3.0.1",
 		"replace": "^1.2.2",
@@ -109,9 +109,9 @@
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
 		"signale": "^1.4.0",
-		"ts-node": "^10.9.1",
+		"ts-node": "^10.9.2",
 		"tslib": "^2.6.2",
-		"typescript": "^5.2.2",
+		"typescript": "^5.3.3",
 		"vite": "^4.4.9",
 		"vite-plugin-eslint": "^1.8.1",
 		"vite-plugin-svgr": "^3.2.0"