@conboai/storybook.components 0.1.1

package/dist/components/VerticalTable/utils.d.ts

@@ -0,0 +1 @@
+export declare const renderCellContent: (value: any) => any;

package/dist/components/VideoBox/VideoBox.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+interface IVideoBox {
+    data: any;
+}
+declare const VideoBox: FC<IVideoBox>;
+export default VideoBox;

package/dist/components/VideoBox/VideoPlayer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface IVideoPlayer {
+    loading?: boolean;
+    source?: string;
+}
+declare const VideoPlayer: FC<IVideoPlayer>;
+export default VideoPlayer;

package/dist/components/VideoBox/index.d.ts

@@ -0,0 +1 @@
+export { default as VideoBox } from './VideoBox';

package/dist/components/VideoBox/styles.d.ts

@@ -0,0 +1,3 @@
+import { SxProps } from '@mui/material';
+
+export declare const gridSx: SxProps;

package/dist/helpers/constants.d.ts

@@ -0,0 +1,14 @@
+export declare enum PLACEMENTS {
+    TOP = "top",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    LEFT = "left",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end",
+    BOTTOM = "bottom",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    RIGHT = "right",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end"
+}

package/dist/helpers/utils/date.d.ts

@@ -0,0 +1,6 @@
+import { default as dayjs, ManipulateType, OpUnitType, UnitType } from 'dayjs';
+
+export declare const getStartTime: (type: OpUnitType, timeType: UnitType, time: number) => dayjs.Dayjs;
+export declare const getEndTime: (type: OpUnitType, timeType: UnitType, time: number) => dayjs.Dayjs;
+export declare const getStartTimeOfYesterday: (time: number) => dayjs.Dayjs;
+export declare const subtractTime: (time: number, timeType: ManipulateType | undefined) => dayjs.Dayjs;

package/dist/helpers/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare const snakeCaseToTitleCase: (input: string) => string;

package/dist/interfaces/actionButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface IActionButton {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    variant?: string;
+    size?: string;
+}

package/dist/interfaces/actionSelect.d.ts

@@ -0,0 +1,12 @@
+import { TypeDatePickerValue } from './datePicker';
+import { Dayjs } from 'dayjs';
+
+export type TypeOption = {
+    value: number;
+    label: string;
+};
+export interface IActionSelect {
+    options: Array<TypeOption> | undefined;
+    setValue: (value: TypeDatePickerValue) => void;
+    value?: Dayjs | null;
+}

package/dist/interfaces/appTitleBar.d.ts

@@ -0,0 +1,4 @@
+export interface IAppTitleBar {
+    label: string;
+    imageSrc: string;
+}

package/dist/interfaces/chipsBar.d.ts

@@ -0,0 +1,9 @@
+export type TypeChip = {
+    label: string;
+    key: string;
+};
+export type TypeChips = Array<TypeChip>;
+export interface IChipsBar {
+    chips: TypeChips;
+    onDelete: (chips: (chips: TypeChips) => TypeChip[]) => void;
+}

package/dist/interfaces/chipsMultiSelect.d.ts

@@ -0,0 +1,6 @@
+export interface IChipsMultiSelect {
+    options: string[];
+    label: string;
+    value: string[];
+    onChange: (value: string[]) => void;
+}

package/dist/interfaces/datePicker.d.ts

@@ -0,0 +1,21 @@
+import { Dayjs } from 'dayjs';
+import { PickersShortcutsItem } from '@mui/x-date-pickers';
+import { TypeOption } from './actionSelect';
+
+export type TypeDatePickerValue = Dayjs | null;
+export type TypeShortcuts = Array<PickersShortcutsItem<TypeDatePickerValue>> | undefined;
+export interface IDatePicker {
+    label: string;
+    onChange: (value: Date | undefined) => void;
+    value: Date;
+    showTime?: boolean;
+    showShortcuts?: boolean;
+    showAmPmFormat?: boolean;
+    showActionSelect?: boolean;
+    shortcuts?: TypeShortcuts;
+    selectOptions?: Array<TypeOption>;
+    format?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    timezone: string;
+}

package/dist/interfaces/detailsView.d.ts

@@ -0,0 +1,6 @@
+import { TypeTabsContent, TypeTabsContainer } from './tabsContainer';
+
+export interface IDetailsView {
+    tabsContent: TypeTabsContent;
+    tabs: TypeTabsContainer;
+}

package/dist/interfaces/filter.d.ts

@@ -0,0 +1,105 @@
+import { PLACEMENTS } from '../helpers/constants';
+import { Dispatch, SetStateAction } from 'react';
+
+export interface ISubItemValue {
+    id: number;
+    name: string;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export interface IFilterSourceData {
+    id: string;
+    name: string;
+    kit: string;
+    groups: string[];
+    subItemValues?: ISubItemValue[];
+    selected?: boolean;
+    show?: boolean;
+    disabled?: boolean;
+}
+export interface IFilterBox {
+    title?: string;
+    filterTitle?: string;
+    data: TypeFilterData;
+    readonly?: boolean;
+}
+export type TypeCriterias = {
+    label: string;
+    value: string;
+};
+export type TypeFilterData = {
+    data: Array<IFilterSourceData>;
+    criterias: Array<TypeCriterias>;
+};
+export interface IFilter {
+    open: boolean;
+    anchor?: null | HTMLElement;
+    title?: string;
+    placement?: PLACEMENTS | undefined;
+    width?: string;
+    height?: string;
+    onClose: Dispatch<SetStateAction<HTMLElement | null>>;
+    onDone: (value: Array<IFilterSourceData> | []) => void;
+    data: TypeFilterData;
+    readonly: boolean;
+    notificationText?: string;
+    filterData?: Array<IFilterSourceData>;
+}
+export type TypeSelectedFilterData = {
+    data: Array<IFilterSourceData> | [];
+    criterias: Array<TypeCriterias>;
+};
+export interface IFilterBody {
+    data: TypeFilterData | TypeSelectedFilterData;
+    helperText?: string;
+    setSelectedValues: (value: TypeFilterData) => void;
+    selectedItems: TypeFilterData;
+    readonly?: boolean;
+    filterData: TypeSelectedFilterData;
+    subItemsFlag: boolean;
+    setSubItemsFlag: (value: boolean) => void;
+    isFilterBlock?: boolean;
+}
+export interface IFilterTabs {
+    value: string;
+    setValue: (value: string) => void;
+    data: TypeSelectedFilterData;
+    setFilterKey: (value: string) => void;
+    setSubItemsFlag: (value: boolean) => void;
+}
+export interface IFilterTabPanels {
+    data: Array<IFilterSourceData>;
+    tabs: Array<TypeCriterias>;
+    filterKey: string;
+}
+export interface IFilterHeader {
+    title: string | undefined;
+    onClose: () => void;
+}
+export interface IFilterContentFooter {
+    data: Array<IFilterSourceData>;
+    checkedItems: Array<string>;
+    setCheckedItems: (value: Array<string>) => void;
+    setMasterCheckboxStates: (value: Array<boolean>) => void;
+}
+export interface IFilterActionButtons {
+    onAdd: () => void;
+    onRemove: () => void;
+    onAddDisabled?: boolean;
+    onRemovedDisabled?: boolean;
+}
+export interface IFilterFooter {
+    onCancel: () => void;
+    onDone: () => void;
+    isNotificationShown?: boolean;
+    notificationText?: string;
+    onDoneDisabled?: boolean;
+}
+export interface IFilterContent {
+    data: Array<IFilterSourceData>;
+    checkedItems: string[];
+    setCheckedItems: (items: string[]) => void;
+    filterKey: string;
+    masterCheckboxStates: Array<boolean>;
+    setMasterCheckboxStates: (value: Array<boolean>) => void;
+}

package/dist/interfaces/mainTable.d.ts

@@ -0,0 +1,21 @@
+import { SxProps } from '@mui/material';
+
+export interface Column {
+    key: string;
+    label: string;
+}
+export interface Data {
+    [key: string]: any;
+}
+export interface IMainTable {
+    columns: Column[];
+    data: Data[];
+    rowsPerPageOptions?: number[];
+    withPagination?: boolean;
+    withDownload?: boolean;
+    sortable?: boolean;
+    sx?: SxProps;
+    onCellClick?: (cellData: object | undefined, rowData: object | undefined) => void;
+    loading?: boolean;
+    selectedRowId?: number | string;
+}

package/dist/interfaces/tab.d.ts

@@ -0,0 +1,22 @@
+export type TypeTab = {
+    id: string;
+    color: string;
+    title: string;
+};
+export type TypeTabs = Array<TypeTab>;
+export interface ITab {
+    value?: string;
+    onEdit: (value: string) => void;
+    onDelete?: () => void;
+    onClick: () => void;
+    color?: string;
+    showDelete: boolean;
+    isActive?: boolean;
+}
+export interface ITabsBar {
+    tabs: TypeTabs;
+    onDelete: (id: string) => void;
+    onEdit: (id: string, value: string) => void;
+    onAdd: () => void;
+    onClick: (id: string) => void;
+}

package/dist/interfaces/tabsContainer.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+
+export type TypeTabContainer = {
+    label: string;
+    value: string;
+    disabled: boolean;
+};
+export type TypeTabsContainer = Array<TypeTabContainer>;
+export type TypeTabContent = {
+    value: string;
+    content: React.ReactNode | string;
+};
+export type TypeTabsContent = Array<TypeTabContent>;
+export interface ITabsBox {
+    setValue: (value: string) => void;
+    value: string;
+    tabs: TypeTabsContainer;
+    tabsContent: TypeTabsContent;
+}
+export interface ITabsContainer extends Omit<ITabsBox, "tabsContent"> {
+}
+export interface ITabsContent {
+    tabsContent: TypeTabsContent;
+}

package/dist/mocks/chipsMultiSelect.d.ts

@@ -0,0 +1 @@
+export declare const dataMock: string[];

package/dist/mocks/detailsView.d.ts

@@ -0,0 +1,25 @@
+import { IMainTable } from '../interfaces/mainTable';
+import { default as React } from 'react';
+
+export declare const columnDefs: {
+    key: string;
+    label: string;
+}[];
+export declare const TABS: {
+    label: string;
+    value: string;
+    disabled: boolean;
+}[];
+export declare const detailsViewDataMock: {
+    classifier: string;
+    value: string;
+    count: number;
+    score: string;
+}[];
+export declare const getTabsContent: (tableProps: IMainTable) => ({
+    value: string;
+    content: React.JSX.Element;
+} | {
+    value: string;
+    content: string;
+})[];

package/dist/mocks/filter.d.ts

@@ -0,0 +1,16 @@
+export declare const newFilterMock: {
+    data: {
+        id: string;
+        name: string;
+        kit: string;
+        groups: string[];
+        subItemValues: {
+            id: string;
+            name: string;
+        }[];
+    }[];
+    criterias: {
+        label: string;
+        value: string;
+    }[];
+};

package/dist/mocks/table.d.ts

@@ -0,0 +1,33 @@
+export declare const columns: {
+    key: string;
+    label: string;
+}[];
+export declare const mainTableDataMock: {
+    id: number;
+    name: string;
+    age: number;
+}[];
+export declare const verticalTableDataMock: {
+    feed: number;
+    conbo_key: string;
+    event_id: string;
+    straddle_id: number;
+    move: string;
+    start: string;
+    end: string;
+    cargo: string;
+    zones: string[];
+};
+export declare const verticalTableColumnDefs: ({
+    headerName: string;
+    field: string;
+    renderCell?: undefined;
+} | {
+    headerName: string;
+    field: string;
+    renderCell: (value: string) => string;
+} | {
+    headerName: string;
+    field: string;
+    renderCell: (value: Date) => string;
+})[];

package/dist/mocks/tabs.d.ts

@@ -0,0 +1,5 @@
+export declare const tabsMock: {
+    id: string;
+    color: string;
+    title: string;
+}[];

package/dist/mocks/time.d.ts

@@ -0,0 +1,8 @@
+import { PickersShortcutsItem } from '@mui/x-date-pickers';
+import { Dayjs } from 'dayjs';
+
+export declare const mockShortcut: PickersShortcutsItem<Dayjs | null>[];
+export declare const mockSelectOptions: {
+    value: number;
+    label: string;
+}[];