@bcrumbs.net/bc-ui 0.0.8 → 0.0.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/bc-ui",
   "description": "The UI components of Bread Crumbs portals",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "keyword": [
     "bcrumbs",
     "bc-ui"

package/src/index.d.ts

@@ -50,6 +50,8 @@ export * from './lib/newComponents/BCNewTable/types';
 export * from './lib/newComponents/BCNewDropdown/types';
 export * from './lib/newComponents/BCRadioGroupItem/types';
 export * from './lib/baseComponents/radio-group';
+export * from './lib/baseComponents/checkbox';
+export * from './lib/newComponents/BCNewCheckBox/BCNewCheckBox';
 export * from './lib/button/bcbutton';
 export * from './lib/button/types';
 export * from './lib/block/bcblock';

package/src/lib/baseComponents/alert-dialog.d.ts

@@ -4,7 +4,10 @@ declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
+    onOverlayClick?: () => void;
+}
+declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;

package/src/lib/baseComponents/checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { SerializedStyles } from '@emotion/react';
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    css?: SerializedStyles;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/src/lib/button/types.d.ts

@@ -9,11 +9,5 @@ export declare enum ButtonType {
     GHOST = "ghost",
     DANGER = "danger",
     DANGER_LIGHT = "dangerLight",
-    GREEN = "green",
-    BURNING_ORANGE = "burningOrange",
-    COLD_FUSION = "coldFusion",
-    COLD_FUSION01 = "coldFusion01",
-    DAGOBAH_FOREST = "dagobahForest",
-    WHITE = "white",
-    BORDERED_WHITE = "bordered_white"
+    GREEN = "green"
 }

package/src/lib/constants/Color.d.ts

@@ -1,101 +1,43 @@
-export declare enum Color {
-    INHERIT = "inherit",
-    PRIMARY = "#006466",
-    PRIMARY_LIGHTER = "#95D5B2",
-    PRIMARY_DARKER = "#065A60",
-    SECONDARY = "#4e4f4f",
-    SECONDARY_LIGHT = "#9b9b9b",
-    SECONDARY_LIGHT_HOVER = "#191919",
-    LIGHT_COLOR = "#ccdbd5",
-    DANGER_COLOR = "#b52e2e",
-    SUCCESS_COLOR = "#2eb583",
-    CONTROLS_COLOR = "#fff",
-    FONT_COLOR = "#000",
-    ACCENT10 = "rgba(89, 111, 255, 0.1)",
-    PRIMARY90 = "rgba(0, 100, 102, 0.9)",
-    PRIMARY80 = "rgba(0, 100, 102, 0.8)",
-    PRIMARY60 = "rgba(0, 100, 102, 0.6)",
-    PRIMARY40 = "rgba(0, 100, 102, 0.4)",
-    PRIMARY30 = "rgba(0, 100, 102, 0.3)",
-    PRIMARY20 = "rgba(0, 100, 102, 0.2)",
-    PRIMARY10 = "rgba(0, 100, 102, 0.1)",
-    PRIMARY05 = "rgba(0, 100, 102, 0.05)",
-    PRIMARY_LIGHTER90 = "rgba(149, 213, 178, 0.9)",
-    PRIMARY_LIGHTER80 = "rgba(149, 213, 178, 0.8)",
-    PRIMARY_LIGHTER60 = "rgba(149, 213, 178, 0.6)",
-    PRIMARY_LIGHTER40 = "rgba(149, 213, 178, 0.4)",
-    PRIMARY_LIGHTER30 = "rgba(149, 213, 178, 0.3)",
-    PRIMARY_LIGHTER20 = "rgba(149, 213, 178, 0.2)",
-    PRIMARY_LIGHTER10 = "rgba(149, 213, 178, 0.1)",
-    PRIMARY_LIGHTER05 = "rgba(149, 213, 178, 0.05)",
-    SECONDARY90 = "rgb(106, 107, 131, 0.9)",
-    SECONDARY80 = "rgb(106, 107, 131, 0.8)",
-    SECONDARY70 = "rgb(106, 107, 131, 0.7)",
-    SECONDARY60 = "rgb(106, 107, 131, 0.6)",
-    SECONDARY50 = "rgb(106, 107, 131, 0.5)",
-    SECONDARY40 = "rgb(106, 107, 131, 0.4)",
-    SECONDARY30 = "rgb(106, 107, 131, 0.3)",
-    SECONDARY20 = "rgb(106, 107, 131, 0.2)",
-    SECONDARY10 = "rgb(106, 107, 131, 0.1)",
-    SECONDARY05 = "rgb(106, 107, 131, 0.05)",
-    GREY_LIGHT_BORDER = "#e4e4e4",
-    GREY_BORDER = "#D9D9D9",
-    GREY_TEXT_COLOR = "#727272",
-    PRIMARY_DARKER80 = "rgb(6, 90, 96, 0.8)",
-    DAGOBAH_FOREST = "#003333",
-    CHROME_ORANGE = "#FF9900",
-    CHROME_ORANGE20 = "rgba(255, 153, 0, 0.2)",
-    RED_HOT_HOOD = "#FF3300",
-    MR_WOLF = "#330033",
-    RED_HOT_HOOD50 = "rgba(255,51,0,0.5)",
-    COLD_FUSION = "#6666FF",
-    BLUEBERRY = "#330066",
-    HOT_MAGENTA = "#FF3366",
-    BURNING_ORANGE = "#FF6600",
-    LEMON_YELLOW = "#FFCC00",
-    LASER_YELLOW = "#FFFF00",
-    KRYPTONITE_GREEN = "#CCFF00",
-    GREEN = "#66FF66",
-    DARK_GREEN = "#148643",
-    CRAZY_CYAN = "#66FFFF",
-    EXOPLANET_BLUE = "#66CCFF",
-    DARK_BLUE = "#457578",
-    LIGHT_BLUE = "#e0f3e8",
-    PURPLE = "#9999FF",
-    PURPLE_RAIN = "#9966FF",
-    VIOLET = "#CC66FF",
-    AEROSMITH_PINK = "#FF66FF",
-    WARNING_DOWNLOAD = "rgba(255, 153, 0, 0.1)",
-    GREY_WHITE = "#f0f1f5",
-    SLIDER_DOT = "#dededf",
-    ASSETS_PLAN_COLOR = "#35354C"
-}
 export declare enum NewColors {
     PRIMARY = "var(--bc-primary)",
+    PRIMARY60 = "var(--bc-primary-60)",
+    PRIMARY40 = "var(--bc-primary-40)",
+    PRIMARY30 = "var(--bc-primary-30)",
+    PRIMARY20 = "var(--bc-primary-20)",
+    PRIMARY10 = "var(--bc-primary-10)",
+    PRIMARY05 = "var(--bc-primary-05)",
     PRIMARY_400 = "var(--bc-primary-400)",
     PRIMARY_FOREGROUND = "var(--bc-primary-foreground)",
     PRIMARY_LIGHTER = "var(--bc-primary-lighter)",
-    PRIMARY_BORDER = "var(--Border-border-primary, #16616C)",
+    PRIMARY_BORDER = "var(--bc-primary-border)",
     PRIMARY_DARKER = "var(--bc-primary-darker)",
+    PRIMARY_DARKER_2 = "var(--bc-primary-darker-2)",
     PRIMARY_PARAGRAPH = "var(--bc-primary-paragraph)",
     INBOX_BACKGROUND = "var(--bc-inbox-background)",
     BACKGROUND_DARKER = "var(--bc-background-darker)",
-    INFO_COLOR = "var(--Text-text-info, #175CD3)",
+    INFO_COLOR = "var(--bc-info)",
+    INFO_LIGHT = "var(--bc-info-light)",
+    FONT_COLOR = "#000",
     SECONDARY = "var(--bc-secondary)",
     SECONDARY_HOVER = "var(--bc-secondary-hover)",
     SECONDARY_FOREGROUND = "var(--bc-secondary-foreground)",
     SECONDARY_LIGHT = "var(--bc-secondary-light)",
     SECONDARY_NEUTRAL = " var(--Border-border-neutral-secondary, #E5E7EB)",
     SECONDARY_HEADING = "var(--Secondary-Color-Heading, #3F434A)",
-    SUB_SIDEBAR_TITLE = "var(--bc-sub-sidebar-title)",
-    DROPDOWN_ITEM = "var(--bc-dropDown-item)",
-    DROPDOWN_HOVER = "var(--bc-dropDown-hover)",
+    DARK = "var(--bc-dark)",
+    GRAY = "var(--bc-gray)",
+    DISABLED = "var(--bc-disabled)",
     LIGHT_COLOR = "var(--bc-light-color)",
     DANGER = "var(--bc-danger)",
     DANGER_FOREGROUND = "var(--bc-danger-foreground)",
     DANGER_DARKER = "var(--bc-danger-darker)",
     DANGER_ALERT = "var(--bc-danger-alert)",
     DANGER_LIGHT = "var(--bc-danger-light)",
+    SUCCESS = "var(--bc-success)",
+    SUCCESS_DARKER = "var(--bc-success-darker)",
+    DROPDOWN_ITEM = "var(--bc-dropDown-item)",
+    DROPDOWN_HOVER = "var(--bc-dropDown-hover)",
+    SUB_SIDEBAR_TITLE = "var(--bc-sub-sidebar-title)",
     MUTED = "var(--bc-muted)",
     MUTED_FOREGROUND = "var(--bc-muted-foreground)",
     ACTIVE_COLOR = "var(--bc-active-color)",
@@ -104,8 +46,6 @@ export declare enum NewColors {
     ALTERNATIVE_FOREGROUND = "var(--bc-alternative-foreground)",
     BORDER_COLOR = "var(--bc-border-color)",
     SECONDARY_BORDER = "var(--bc-secondary-border)",
-    SUCCESS = "var(--bc-success)",
-    SUCCESS_DARKER = "var(--bc-success-darker)",
     CONTROLS = "var(--bc-controls)",
     FOREGROUND = "var(--bc-foreground)",
     BACKGROUND = "var(--bc-background)",
@@ -118,7 +58,40 @@ export declare enum NewColors {
     CARD_HOVER_LIGHT = "var(--bc-card-hover-light)",
     TAG_BACKGROUND = "var(--bc-tag-background)",
     TAG_COLOR = "var(--bc-tag-color)",
-    DARK = "var(--bc-dark)",
-    GRAY = "var(--bc-gray)"
+    DARK_BLUE = "#457578",
+    LIGHT_BLUE = "#e0f3e8",
+    ACCENT10 = "rgba(89, 111, 255, 0.1)",
+    CONTROLS_COLOR = "#fff",
+    GREY_BORDER = "#D9D9D9",
+    GREY_TEXT_COLOR = "#727272",
+    GREY_LIGHT_BORDER = "#e4e4e4",
+    WARNING_DOWNLOAD = "rgba(255, 153, 0, 0.1)",
+    GREY_WHITE = "#f0f1f5",
+    SECONDARY80 = "rgb(106, 107, 131, 0.8)",
+    SECONDARY70 = "rgb(106, 107, 131, 0.7)",
+    SECONDARY50 = "rgb(106, 107, 131, 0.5)",
+    SECONDARY40 = "rgb(106, 107, 131, 0.4)",
+    SECONDARY30 = "rgb(106, 107, 131, 0.3)",
+    SECONDARY20 = "rgb(106, 107, 131, 0.2)",
+    SECONDARY10 = "rgb(106, 107, 131, 0.1)",
+    SECONDARY05 = "rgb(106, 107, 131, 0.05)",
+    COLD_FUSION = "#6666FF",
+    BLUEBERRY = "#330066",
+    HOT_MAGENTA = "#FF3366",
+    BURNING_ORANGE = "#FF6600",
+    LEMON_YELLOW = "#FFCC00",
+    KRYPTONITE_GREEN = "#CCFF00",
+    GREEN = "#66FF66",
+    CRAZY_CYAN = "#66FFFF",
+    EXOPLANET_BLUE = "#66CCFF",
+    PURPLE = "#9999FF",
+    PURPLE_RAIN = "#9966FF",
+    VIOLET = "#CC66FF",
+    AEROSMITH_PINK = "#FF66FF",
+    RED_HOT_HOOD = "#FF3300",
+    MR_WOLF = "#330033",
+    DAGOBAH_FOREST = "#003333",
+    CHROME_ORANGE = "#FF9900"
 }
-export default Color;
+export default NewColors;
+export { NewColors as Color };

package/src/lib/icon/bcicon.d.ts

@@ -36,6 +36,7 @@ export declare const BCIcons: {
     ContactBook: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Contact: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     ContactLifeCycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    LinkedAgent: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     MirroringScreen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Managemnet: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Agents: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -45,6 +46,7 @@ export declare const BCIcons: {
     Webhooks: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     ConvLifecycle: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Channels: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Flag: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     RatingSettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     CrumbySettings: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     CrumbyAIIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -57,6 +59,7 @@ export declare const BCIcons: {
     LeadingClose: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     LeadingOpen: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Upload: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Import: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Close: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Text: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     Website: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -306,4 +309,19 @@ export declare const BCIcons: {
         height?: number | undefined;
         fill?: string | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CancelDialogIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CheckBoxIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InboxAccessIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/src/lib/navigation/bcnavigation.d.ts

@@ -10,10 +10,11 @@ export interface BCNavigationProps {
     hasSubMenu?: boolean;
     customSubSidebar?: React.ReactNode;
     customSidebarTitle?: string;
+    solidMenuColor: boolean;
 }
 export declare const SubMenu: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, activeItem, hasSubMenu, customSubSidebar, customSidebarTitle, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, activeItem, hasSubMenu, customSubSidebar, customSidebarTitle, solidMenuColor, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCNavigation;

package/src/lib/newComponents/BCNewAlertDialog/types.d.ts

@@ -23,4 +23,5 @@ export type RAlertDialogProps = {
     rtl?: boolean;
     icon?: ReactNode;
     iconBackgroundColor?: string;
+    noConfirmButton?: boolean;
 };

package/src/lib/newComponents/BCNewCheckBox/BCNewCheckBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BCCheckBoxProps } from './types';
+export declare const BCNewCheckBox: React.FC<BCCheckBoxProps>;
+export default BCNewCheckBox;

package/src/lib/newComponents/BCNewCheckBox/types.d.ts

@@ -0,0 +1,19 @@
+import { SerializedStyles } from '@emotion/react';
+export interface BCCheckBoxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    value?: string;
+    name?: string;
+    required?: boolean;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    containerCss?: SerializedStyles;
+    checkboxCss?: SerializedStyles;
+    labelCss?: SerializedStyles;
+    wrapperCss?: SerializedStyles;
+    className?: string;
+    showWrapper?: boolean;
+    id?: string;
+}

package/src/lib/newComponents/BCNewTable/types.d.ts

@@ -10,6 +10,11 @@ export type RTableProps = {
     setFinishedOperation?: (value: string | null | number) => void;
     loading?: boolean;
     tableHeight?: string;
+    enableRowSelection?: boolean;
+    selectedRowIds?: string[];
+    onRowSelect?: (rowId: string, selected: boolean) => void;
+    onSelectAll?: (selected: boolean) => void;
+    getRowId?: (row: any) => string;
 };
 export type TableRecords = {
     columns: CustomColumn[];

package/src/lib/tagDisplay/TagDisplay.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
+export declare const StateToColorMap: Record<string, string>;
+export declare const StateToBackgroundColorMap: Record<string, string>;
+export declare const StateToBorderColorMap: Record<string, string>;
 interface TagDisplayProps {
     value: string[];
 }