@boxyhq/react-ui - npm Package Compare versions

Comparing version 3.3.19 to 3.3.20

dist/dsync.js

@@ -1,4 +0,4 @@
-import { j as e, S as _, c as w } from "./index-7bb453da.js";
+import { j as e, S as _, c as w } from "./index-292af4db.js";
 import { useState as N, useEffect as I } from "react";
-import { B as S, L as ce, T as ie, E as le, a as se, b as oe, C as re, c as te } from "./index-a129e089.js";
+import { B as S, L as ce, T as ie, E as le, a as se, b as oe, C as re, c as te } from "./index-7200aa46.js";
 var R = /* @__PURE__ */ ((n) => (n["azure-scim-v2"] = "Azure SCIM v2.0", n["onelogin-scim-v2"] = "OneLogin SCIM v2.0", n["okta-scim-v2"] = "Okta SCIM v2.0", n["jumpcloud-scim-v2"] = "JumpCloud v2.0", n["generic-scim-v2"] = "Generic SCIM v2.0", n.google = "Google", n))(R || {});
@@ -5,0 +5,0 @@ const de = "_heading_kfl49_3", ue = "_fieldContainer_kfl49_17", me = "_label_kfl49_22", he = "_input_kfl49_31", be = "_formAction_kfl49_57", p = {

dist/shared.js

@@ -1,3 +0,3 @@
-import { C as p, I as n } from "./index-f2221841.js";
-import { j as c } from "./index-7bb453da.js";
+import { C as p, I as n } from "./index-0df39b3a.js";
+import { j as c } from "./index-292af4db.js";
 import { useEffect as i } from "react";
@@ -4,0 +4,0 @@ const t = {

dist/shared/inputs/InputField/index.d.ts

 type InputProps = {
     type?: "text" | "number" | "email" | "url";
     id: string;
-    name: string;
     label: string;
@@ -6,0 +5,0 @@ value: string;

dist/shared/inputs/SecretInputFormControl/index.d.ts

@@ -6,3 +6,3 @@ type SecretInputFormControlProps = {
     placeholder?: string;
-    required: boolean;
+    required?: boolean;
     maxLength?: string;
@@ -9,0 +9,0 @@ readOnly: boolean;

dist/shared/inputs/TextArea/index.d.ts

 type TextAreaProps = {
     id: string;
-    name: string;
     label: string;
@@ -5,0 +4,0 @@ value: string;

dist/shared/types.d.ts

@@ -1,2 +0,2 @@
-import type { SVGAttributes, ComponentPropsWithRef } from 'react';
+import type { SVGAttributes, ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
 export type SVGProps = SVGAttributes<SVGSVGElement>;
@@ -17,2 +17,6 @@ export interface IconButtonProps {
     slotLinkPrimary?: any;
+    /** Decides which icon to show
+     * @default info
+     */
+    variant?: 'error' | 'info';
 }
@@ -49,2 +53,3 @@ export interface BadgeProps {
     title: string;
+    displayIcon?: boolean;
     variant: 'info' | 'success';
@@ -58,2 +63,28 @@ }
 }
+export interface RadioGroupProps {
+    label: string;
+    children: ReactElement<RadioProps> | ReactElement<RadioProps>[];
+    /** The arrangement of radio buttons
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface RadioProps {
+    name: string;
+    checked: boolean;
+    handleInputChange: (e: any) => void;
+    /**
+     * The value of the radio button, used when submitting an HTML form.
+     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).
+     */
+    value: string;
+    /**
+     * The label for the radio.
+     */
+    children: ReactNode;
+    /**
+     * Displays the radio button but can be disabled for selection.
+     */
+    isDisabled?: boolean;
+}
 export interface LoadingContainerProps {
@@ -60,0 +91,0 @@ children?: any;

dist/sso/connections/types.d.ts

@@ -32,3 +32,3 @@ import { ConfirmationPromptProps, TableCol, TableProps } from '../../shared/types';
     variant?: 'basic' | 'advanced';
-    excludeFields?: Array<keyof (SAMLSSOConnection | OIDCSSOConnection)>;
+    excludeFields?: Array<keyof SAMLSSOConnection> | Array<keyof OIDCSSOConnection>;
     urls: {
@@ -55,23 +55,10 @@ post: string;
 }
-export interface CreateSSOConnectionProps {
-    setupLinkToken?: string;
-    idpEntityID?: string;
-    successCallback?: (info: {
-        operation: 'COPY';
-    }) => void;
-    /**
-     * Classnames for each inner components that make up the component.
-     */
-    classNames?: {
-        container?: string;
-        formControl?: string;
-        selectSSO?: string;
-        idpId?: string;
-        radio?: string;
-        span?: string;
-        label?: string;
+export interface CreateSSOConnectionProps extends Omit<CreateConnectionProps, 'variant' | 'excludeFields' | 'displayHeader'> {
+    variant?: {
+        saml?: 'basic' | 'advanced';
+        oidc?: 'basic' | 'advanced';
     };
-    componentProps: {
-        saml: Partial<CreateConnectionProps>;
-        oidc: Partial<CreateConnectionProps>;
+    excludeFields?: {
+        saml?: Array<keyof SAMLSSOConnection>;
+        oidc?: Array<keyof OIDCSSOConnection>;
     };
@@ -120,3 +107,3 @@ }
     defaultRedirectUrl: string;
-    redirectUrl: string[];
+    redirectUrl: string;
     tenant: string;
@@ -138,3 +125,4 @@ product: string;
 }
-export interface SAMLSSORecord extends SAMLSSOConnection {
+export interface SAMLSSORecord extends Omit<SAMLSSOConnection, 'redirectUrl'> {
+    redirectUrl: string[];
     clientID: string;
@@ -164,7 +152,9 @@ clientSecret: string;
 };
-export interface OIDCSSORecord extends SSOConnection {
+export interface OIDCSSORecord extends Omit<SSOConnection, 'redirectUrl'> {
+    redirectUrl: string[];
     clientID: string;
     clientSecret: string;
     oidcProvider: {
-        provider?: string;
+        provider: string | 'Unknown';
+        friendlyProviderName: string | null;
         discoveryUrl?: string;
@@ -204,3 +194,3 @@ metadata?: IssuerMetadata;
 export interface ToggleConnectionStatusProps {
-    connection: Partial<SAMLFormState | OIDCSSORecord>;
+    connection: SAMLFormState | OIDCFormState;
     urls: {
@@ -264,2 +254,4 @@ patch: string;
     displayHeader?: boolean;
+    /** Use this boolean to toggle the info card display on/off. Useful when using the connection component standalone */
+    displayInfo?: boolean;
 }
@@ -297,2 +289,4 @@ export interface EditSAMLConnectionProps {
     displayHeader?: boolean;
+    /** Use this boolean to toggle the info card display on/off. Useful when using the connection component standalone */
+    displayInfo?: boolean;
 }
@@ -324,3 +318,3 @@ export interface ConnectionsWrapperProp {
     };
-    urls?: {
+    urls: {
         spMetadata?: string;
@@ -327,0 +321,0 @@ get: string;

package.json

 {
   "name": "@boxyhq/react-ui",
   "description": "React UI components from BoxyHQ",
-  "version": "3.3.19",
+  "version": "3.3.20",
   "type": "module",
@@ -6,0 +6,0 @@ "keywords": [

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

984071

increased by0.45%

Number of package files

93

increased by4.49%

Lines of code

6250

increased by0.71%

No dependency changes