@boxyhq/react-ui - npm Package Compare versions

Comparing version 3.3.13 to 3.3.14

dist/shared/Checkbox/index.d.ts

 export interface CheckboxProps {
     label: string;
     name: string;
+    id?: string;
     checked: boolean;
@@ -5,0 +6,0 @@ handleChange: (e: any) => void;

dist/shared/Select/index.d.ts

 interface SelectProps {
     label: string;
+    id?: string;
     name: string;
@@ -4,0 +5,0 @@ options: Array<{

dist/shared/Table/index.d.ts

@@ -1,3 +0,3 @@
-import { TableProps } from "../types";
+import type { TableProps } from "../types";
 declare function Table(props: TableProps): import("react/jsx-runtime").JSX.Element;
 export default Table;

dist/shared/types.d.ts

@@ -70,4 +70,18 @@ import type { SVGAttributes, ComponentPropsWithRef } from 'react';
 }
+export interface TableCol {
+    name: string;
+    badge?: {
+        position?: 'left' | 'right' | 'surround';
+        variantSelector?: (rowData: TableCellProps['rowData']) => BadgeProps['variant'];
+        shouldDisplayBadge?: (rowData: TableCellProps['rowData']) => boolean;
+    } & BadgeProps;
+}
+export interface TableCellProps {
+    col: TableProps['cols'][number];
+    rowData: TableProps['data'][number];
+    actions: TableProps['actions'];
+    classNames: TableProps['classNames'];
+}
 export interface TableProps {
-    cols: string[];
+    cols: (string | 'actions' | TableCol)[];
     data: Record<string, any>[];
@@ -74,0 +88,0 @@ actions: {

dist/sso/connections/types.d.ts

@@ -1,5 +0,5 @@
-import { ConfirmationPromptProps } from '../../shared/types';
+import { ConfirmationPromptProps, TableCol } from '../../shared/types';
 export interface ConnectionListProps {
     children?: any;
-    cols: ('provider' | 'tenant' | 'product' | 'type' | 'status' | 'actions')[];
+    cols: ('provider' | 'tenant' | 'product' | 'type' | 'status' | 'actions' | TableCol)[];
     tableCaption?: string;
@@ -194,6 +194,2 @@ idpEntityID?: string;
         container?: string;
-        heading?: string;
-        toggle?: string;
-        toggleTransition?: string;
-        displayMessage?: string;
         confirmationPrompt?: ConfirmationPromptProps['classNames'];
@@ -242,2 +238,4 @@ };
     };
+    /** Use this boolean to toggle the header display on/off. Useful when using the connection component standalone */
+    displayHeader?: boolean;
 }
@@ -268,2 +266,4 @@ export interface EditSAMLConnectionProps {
     };
+    /** Use this boolean to toggle the header display on/off. Useful when using the connection component standalone */
+    displayHeader?: boolean;
 }
@@ -270,0 +270,0 @@ export interface ConnectionsWrapperProp {

dist/sso/dsync/CreateDirectory/index.d.ts

@@ -1,3 +0,3 @@
-import { CreateDirectoryProps } from "../types";
+import type { CreateDirectoryProps } from "../types";
 declare function CreateDirectory(props: CreateDirectoryProps): import("react/jsx-runtime").JSX.Element;
 export default CreateDirectory;

dist/sso/dsync/types.d.ts

 import { ConfirmationPromptProps } from '../../shared/types';
 export interface CreateDirectoryProps {
+    excludeFields?: Array<keyof UnSavedDirectory>;
     urls: {
@@ -8,3 +9,2 @@ post: string;
     defaultWebhookEndpoint?: string | undefined;
-    setupLinkToken?: string;
     successCallback: () => void;
@@ -18,2 +18,5 @@ errorCallback: (errMsg: string) => void;
         label?: string;
+        button?: {
+            ctoa?: string;
+        };
     };
@@ -75,2 +78,5 @@ /** Use this boolean to toggle the header display on/off. Useful when using the create component standalone */
     };
+    excludeFields?: Array<keyof Directory>;
+    /** Use this boolean to toggle the header display on/off. Useful when using the edit component standalone */
+    displayHeader?: boolean;
 }
@@ -86,5 +92,3 @@ export interface ToggleDirectoryStatusProps {
         container?: string;
-        heading?: string;
-        toggle?: string;
-        displayMessage?: string;
+        confirmationPrompt?: ConfirmationPromptProps['classNames'];
     };
@@ -140,1 +144,5 @@ }
 };
+export type UnSavedDirectory = Omit<Directory, 'id' | 'scim' | 'deactivated' | 'webhook'> & {
+    webhook_url: string;
+    webhook_secret: string;
+};

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "3.3.13",
+  "version": "3.3.14",
   "type": "module",
@@ -62,3 +62,3 @@ "keywords": [
     "@rollup/plugin-typescript": "11.1.4",
-    "@types/node": "20.8.2",
+    "@types/node": "20.8.5",
     "@types/react": "18.2.25",
@@ -68,3 +68,3 @@ "@vitejs/plugin-react": "4.1.0",
     "serve": "14.2.1",
-    "vite": "4.4.9",
+    "vite": "4.4.11",
     "vite-pages-theme-doc": "4.1.7",
@@ -71,0 +71,0 @@ "vite-plugin-css-injected-by-js": "3.3.0",

No alert changes

Improved metrics

Total package byte prevSize

1012458

increased by3.93%

Number of package files

72

increased by1.41%

Lines of code

6247

increased by3.41%

No dependency changes