@bcrumbs.net/bc-ui 0.0.1 → 0.0.3

package/{lib → src/lib}/table/bctable.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { BCDropListOptionsType } from '../dropList/bcdrop-list';
+import { ReactElement } from 'react';
+import { BCDropListOptionsType } from '../constants';
 export declare const ColumnTypes: {
     Normal: string;
     DropList: string;
@@ -15,7 +15,7 @@ export declare const StatusTypes: {
 };
 export type Action = {
     key: string;
-    icon: string;
+    icon: string | ReactElement;
     handler?: () => any;
     tooltip?: string;
 };
@@ -28,33 +28,34 @@ export type Column = {
     list?: BCDropListOptionsType[];
     actions?: Action[] | ((row: any) => Action[]);
     sorted?: boolean;
-    hiddenXsClass?: boolean;
+    cssClass?: string;
 };
 export type Row = {
     [key: string]: unknown;
 } & {
     id: any;
 };
-export type BCTableProps = {
+export type SharedBCTableProps = {
+    textboxChanged?: (row: Row) => void;
+    actionClicked?: (key: string, row: Row, index: number) => void;
+    dropListChanged?: (row: Row, choosedKey?: string) => void;
+};
+export type BCCellProps = SharedBCTableProps & {
+    column: Column;
+    row: Row;
+    index: number;
+    forceUpdate: () => void;
+    actionClicked?: (key: string, row: Row, index: number) => void;
+};
+export type BCTableProps = SharedBCTableProps & {
     className?: string;
     rows: Row[];
     columns: Column[];
-    dropListChanged?: (row: Row, choosedKey?: string) => void;
-    textboxChanged?: (row: Row) => void;
-    actionClicked?: (key: string, row: Row, index: number) => void;
     builtInSearch?: boolean;
     searchPattern?: string;
     noItemsMessage?: string;
+    rtl?: boolean;
 };
-export declare const BCTable: {
-    ({ className, rows: inputRows, columns, dropListChanged, textboxChanged, actionClicked, builtInSearch, searchPattern, noItemsMessage, }: BCTableProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        className: string;
-        columns: never[];
-        rows: never[];
-        builtInSearch: boolean;
-        searchPattern: string;
-        noItemsMessage: string;
-    };
-};
+export declare const BCCell: ({ column, row, index, forceUpdate, textboxChanged, dropListChanged, actionClicked }: BCCellProps) => JSX.Element | null;
+export declare const BCTable: ({ className, rows: inputRows, columns, dropListChanged, textboxChanged, actionClicked, builtInSearch, searchPattern, noItemsMessage, rtl, }: BCTableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BCTable;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BCTextArea: import("@emotion/styled").StyledComponent<import("@radix-ui/themes").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/src/lib/textbox/bctextbox.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent } from 'react';
+export interface BCTextboxProps {
+    className?: string;
+    name?: string;
+    onChange?: (val: string, event?: ChangeEvent<HTMLInputElement>) => any;
+    onKeyDown?: (ev: any) => any;
+    value: string;
+    type: string;
+    disabled?: boolean;
+    placeholder?: string;
+    maxLength?: number;
+    autoCompleteList?: string[];
+    onBlur?: (ev: ChangeEvent<HTMLInputElement>) => any;
+    onClick?: (ev: any) => any;
+    onFocus?: (ev: ChangeEvent<HTMLInputElement>) => any;
+}
+export interface BCTextboxState {
+    showAutoComplete: boolean;
+}
+export declare const BCTextbox: ({ className, name, onChange, onKeyDown, onClick, value, type, disabled, placeholder, maxLength, autoCompleteList, onBlur, onFocus, }: BCTextboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BCTextbox;

package/{lib → src/lib}/toaster/index.d.ts

@@ -22,7 +22,7 @@ type ToastProps = {
     fullWidth?: boolean;
 };
 export declare const BCToastContainer: ({ className, ...rest }: ToastContainerProps & {
-    className?: string | undefined;
+    className?: string;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare function triggerToast({ title, description, firstButtonText, onFirstButtonClick, onSecondButtonClick, secondButtonText, autoClose, onClose, size, icon, titlePaddingRight, fullWidth, }: ToastProps): import("react").ReactText;
 export declare function triggerErrorToast({ title, description, firstButtonText, onFirstButtonClick, onSecondButtonClick, secondButtonText, autoClose, onClose, size, icon, titlePaddingRight, fullWidth, }: ToastProps): import("react").ReactText;

package/src/lib/utils/extractInitialsFromText.d.ts

@@ -0,0 +1 @@
+export declare function extractInitialsFromText(name?: string): string;

package/src/lib/utils/formatDate.d.ts

@@ -0,0 +1,2 @@
+declare const formatDate: (date: Date | string, time?: boolean) => string;
+export default formatDate;

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

@@ -0,0 +1 @@
+export * from './extractInitialsFromText';

package/index.d.ts

@@ -1,26 +0,0 @@
-export * from './lib/loading/loading';
-export * from './lib/textbox/bctextbox';
-export * from './lib/dropList/bcdrop-list';
-export * from './lib/checkbox/bccheckbox';
-export * from './lib/navigation/bcnavigation';
-export * from './lib/text/bctext';
-export * from './lib/table/bctable';
-export * from './lib/searchbox/bcsearchbox';
-export * from './lib/toaster';
-export * from './lib/icon/bcicon';
-export * from './lib/iconButton';
-export * from './lib/overlay';
-export * from './lib/popup';
-export * from './lib/scrollArea';
-export * from './lib/addButton/bcadd-button';
-export * from './lib/progress';
-export * from './lib/dropZone';
-export * from './lib/tooltip';
-export * from './lib/button/bcbutton';
-export * from './lib/block/bcblock';
-export * from './lib/hooks/withEnterAnimation';
-export * from './lib/hooks/useForm';
-export * from './lib/hooks/useForm/fieldsTypes';
-export * from './lib/hooks/useForm/validationConstant';
-export * from './lib/hooks/useInterval';
-export * from './lib/constants';

package/index.umd.css

@@ -1,39 +0,0 @@
-.checkbox-style {
-  padding-left: 40px;
-  padding-top: 8px;
-}
-.checkbox-style .checkmark {
-  position: absolute;
-  padding: 4px;
-  top: 2px;
-  left: 0;
-  height: 30px;
-  width: 30px;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 5px 10px;
-  cursor: pointer;
-  z-index: 1;
-}
-.checkbox-style .checkmark svg {
-  width: 20px;
-  height: 20px;
-}
-.checkbox-style input ~ .checkmark svg {
-  display: none;
-}
-.checkbox-style input:checked ~ .checkmark svg {
-  display: block;
-}
-
-.checkbox-style.small .checkmark {
-  height: 20px;
-  width: 20px;
-  border-width: 2px;
-  border-radius: 2px 5px;
-}
-.checkbox-style.small .checkmark svg {
-  width: 10px;
-  height: 10px;
-}
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}