@bcrumbs.net/bc-ui 0.0.7 → 0.0.8

package/package.json

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

package/src/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/loading/loading';
 export * from './lib/textbox/bctextbox';
 export * from './lib/dropList/bcdrop-list';
+export * from './lib/multiSelector/MutliSelector';
 export * from './lib/checkbox/bccheckbox';
 export * from './lib/navigation/bcnavigation';
 export * from './lib/navigation/types';

package/src/lib/addButton/bcadd-button.d.ts

@@ -9,4 +9,4 @@ export interface BCAddButtonProps {
     isLoading?: boolean;
     rtl?: boolean;
 }
-export declare const BCAddButton: ({ className, placeholder, value, onSubmit, onChange, isLoading, rtl }: BCAddButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BCAddButton: ({ className, placeholder, value, onSubmit, onChange, isLoading, rtl, }: BCAddButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -79,7 +79,7 @@ export declare enum NewColors {
     PRIMARY_DARKER = "var(--bc-primary-darker)",
     PRIMARY_PARAGRAPH = "var(--bc-primary-paragraph)",
     INBOX_BACKGROUND = "var(--bc-inbox-background)",
-    PLAYGROUND_BACKGROUND = "var(--bc-playground-background)",
+    BACKGROUND_DARKER = "var(--bc-background-darker)",
     INFO_COLOR = "var(--Text-text-info, #175CD3)",
     SECONDARY = "var(--bc-secondary)",
     SECONDARY_HOVER = "var(--bc-secondary-hover)",
@@ -87,6 +87,7 @@ export declare enum NewColors {
     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)",
     LIGHT_COLOR = "var(--bc-light-color)",
@@ -94,14 +95,17 @@ export declare enum NewColors {
     DANGER_FOREGROUND = "var(--bc-danger-foreground)",
     DANGER_DARKER = "var(--bc-danger-darker)",
     DANGER_ALERT = "var(--bc-danger-alert)",
+    DANGER_LIGHT = "var(--bc-danger-light)",
     MUTED = "var(--bc-muted)",
     MUTED_FOREGROUND = "var(--bc-muted-foreground)",
+    ACTIVE_COLOR = "var(--bc-active-color)",
     TABLE_HEADER = "var(--bc-table-header)",
     TABLE_HEADER_FOREGROUND = "var(--bc-table-header-foreground)",
     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)",

package/src/lib/dropList/bcdrop-list.d.ts

@@ -26,5 +26,7 @@ export interface BCDropListProps {
     searchable?: boolean;
     searchPlaceholder?: string;
 }
+export declare const DropListButtonStyle: SerializedStyles;
+export declare const DropListMenuStyle: SerializedStyles;
 export declare const BCDropList: ({ className, selected, options, onSelectOption, noEmpty, placeholder, emptyText, buttonSize, rtl, icon, containerCss, buttonCss, dropDownContentCss, loading, disabled, allowCreate, onCreateNew, createPlaceholder, addText, createText, id, searchable, searchPlaceholder, }: BCDropListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCDropList;

package/src/lib/hooks/useForm/index.d.ts

@@ -31,14 +31,11 @@ interface useBCFormReturnFunctions {
     renderField: (name: string, label: string, type: FieldType, readonly?: boolean, placeholder?: string, tooltip?: string, dynamicStyle?: SerializedStyles) => JSX.Element;
     _renderFieldInput: (name: string, type: FieldType, readonly: boolean, placeholder: string) => JSX.Element;
     onDroplistSelectionChange: (name: string, selectedKey?: string) => void;
-    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string) => JSX.Element;
+    renderDroplistField: (name: string, label: string, options: BCDropListOptionsType[], placeholder?: string, tooltip?: string, lang?: boolean, searchable?: boolean, labelStyle?: SerializedStyles, containerStyle?: SerializedStyles, loading?: boolean, noEmpty?: boolean) => JSX.Element;
 }
-type useMBFormReturnType = [
-    {
-        [key: string]: FormData;
-    },
-    useBCFormReturnFunctions
-];
+type useMBFormReturnType = [{
+    [key: string]: FormData;
+}, useBCFormReturnFunctions];
 export declare const useBCForm: (formInitialValue?: {
     [key: string]: FormField;
 }, t?: any) => useMBFormReturnType;

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

@@ -260,4 +260,50 @@ export declare const BCIcons: {
         height?: number | undefined;
         fill?: string | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    UnderScorePen: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CancelIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    SaveIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    BroadcastHistory: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    DraftBroadcastIcon: ({ width, height, fill }: BCIconsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ScheduledBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    InProgressBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CompletedBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    FailedBroadcastIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CostIcon: ({ width, height, fill }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fill?: string | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/src/lib/multiSelector/MutliSelector.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { BCDropListOptionsType } from '../constants/Droplist';
+export declare const TagContainer: 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 interface MultiSelectorProps {
+    onSelect: (value: string | undefined) => void;
+    options: BCDropListOptionsType[];
+    selectedValues: string[];
+    onRemove: (value: string) => void;
+    loading?: boolean;
+    disabled?: boolean;
+    rtl?: boolean;
+    placeholder?: string;
+    allowCreate?: boolean;
+    onCreateNew?: (value: string) => Promise<void>;
+    createPlaceholder?: string;
+}
+export declare const MultiSelector: ({ onSelect, options, selectedValues, onRemove, loading, disabled, rtl, placeholder, allowCreate, onCreateNew, createPlaceholder, }: MultiSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavItem, NavType } from './types';
 export interface BCNavigationProps {
     brand?: string;
@@ -7,6 +8,12 @@ export interface BCNavigationProps {
     rtl: boolean;
     activeItem?: NavItem | null;
     hasSubMenu?: boolean;
+    customSubSidebar?: React.ReactNode;
+    customSidebarTitle?: string;
 }
-export declare const BCNavigation: ({ brand, navModel, handleLeftNavItemClick, location, rtl, activeItem, hasSubMenu, }: BCNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+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 default BCNavigation;

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

@@ -21,4 +21,6 @@ export type RAlertDialogProps = {
     descriptionCssStyle?: SerializedStyles;
     noTrigger?: boolean;
     rtl?: boolean;
+    icon?: ReactNode;
+    iconBackgroundColor?: string;
 };

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

@@ -20,6 +20,7 @@ export type TableRecords = {
     dropDownSide?: 'bottom' | 'right' | 'top' | 'left';
     dropDownAlign?: 'center' | 'end' | 'start';
     dropDownContentClassName?: SerializedStyles;
+    dropDownItemCssStyle?: SerializedStyles;
     onPointerDownHandler?: (info: any) => void;
     staticColumns?: boolean;
     staticHeight?: string;
@@ -36,6 +37,7 @@ export type TableAction = {
     onClick: (info: CellContext<any, any>) => void;
     inDropdown?: boolean;
     hidden?: boolean;
+    dynamicHidden?: (info: CellContext<any, any>) => boolean;
     Icon?: keyof typeof import('@radix-ui/react-icons') | React.ReactNode;
     actionIconCssStyle?: SerializedStyles;
     actionTextCssStyle?: SerializedStyles;

package/src/lib/progress/index.d.ts

@@ -2,7 +2,9 @@ import { PropsWithChildren } from 'react';
 import Color from '../constants/Color';
 export type ProgressBarProps = {
     width?: string;
+    height?: string;
+    padding?: string;
     progressPercent: number;
     color?: Color;
 };
-export declare function BCProgressBar({ progressPercent, width, color }: PropsWithChildren<ProgressBarProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function BCProgressBar({ progressPercent, color, ...props }: PropsWithChildren<ProgressBarProps>): import("@emotion/react/jsx-runtime").JSX.Element;