oziko-ui-kit 0.0.2 → 0.0.3

package/dist/components/molecules/storage-filter/StorageFilter.d.ts

@@ -1,24 +0,0 @@
-type TypeFilterValue = {
-    type: string[];
-    fileSize: {
-        min: {
-            value: number | null;
-            unit: string;
-        };
-        max: {
-            value: number | null;
-            unit: string;
-        };
-    };
-    quickdate: string | null;
-    dateRange: {
-        from: null | string;
-        to: null | string;
-    };
-};
-type TypeStorageFilter = {
-    onApply?: (filter: TypeFilterValue) => void;
-    onCancel?: () => void;
-};
-declare const _default: import("react").NamedExoticComponent<TypeStorageFilter>;
-export default _default;

package/dist/components/molecules/timeline/Timeline.d.ts

@@ -1,24 +0,0 @@
-import { ChartData } from "chart.js";
-import "chartjs-adapter-date-fns";
-import { TypeFluidContainer } from "../../../components/atoms/fluid-container/FluidContainer";
-export type TypeBarChartData = ChartData<"bar", (number | [number, number] | null)[], unknown>;
-type TypeTimeline = {
-    dateRange: {
-        from: Date;
-        to: Date;
-    };
-    annotationRange?: {
-        from: Date;
-        to: Date;
-    };
-    data: TypeBarChartData;
-    showArrows?: boolean;
-    onPan?: (direction: "left" | "right", seconds: number) => void;
-    onClickBar?: (date: Date) => void;
-    onChangeDateRange?: (date: {
-        from: Date;
-        to: Date;
-    }) => void;
-} & TypeFluidContainer;
-declare const _default: import("react").NamedExoticComponent<TypeTimeline>;
-export default _default;

package/dist/components/organisms/dashboard/layout/DashboardLayout.d.ts

@@ -1,15 +0,0 @@
-import { FC } from "react";
-import { ChartData, ChartOptions, ChartType } from "chart.js";
-import { TypeFluidContainer } from "../../../../components/atoms/fluid-container/FluidContainer";
-type TypeDashboardItem = {
-    ratio: string;
-    id: string;
-    headerProps?: TypeFluidContainer;
-    data?: ChartData<ChartType>;
-    options?: ChartOptions<ChartType>;
-};
-type TypeDashboardLayout = {
-    dashboards?: TypeDashboardItem[] | undefined;
-};
-declare const DashboardLayout: FC<TypeDashboardLayout>;
-export default DashboardLayout;

package/dist/components/organisms/menu-group/MenuGroup.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
-type TypeMenuGroup = {
-    options?: Record<string, {
-        label: string;
-        value?: React.ReactNode;
-    }>;
-    showDivider?: boolean;
-    showTitle?: boolean;
-} & TypeFlexElement;
-declare const _default: React.NamedExoticComponent<TypeMenuGroup>;
-export default _default;

package/dist/components/organisms/section/Section.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import FlexElement, { TypeFlexElement } from "../../../components/atoms/flex-element/FlexElement";
-type TypeSection = {
-    ref?: React.Ref<HTMLDivElement>;
-} & TypeFlexElement;
-type TypeSectionComponent = React.FC<TypeSection> & {
-    Header: typeof FlexElement;
-    Content: typeof FlexElement;
-    Footer: typeof FlexElement;
-};
-declare const Section: TypeSectionComponent;
-export default Section;

package/dist/components/organisms/sidebar/SideBar.d.ts

@@ -1,25 +0,0 @@
-import { FC, ReactNode } from "react";
-import { IconName } from "../../../utils/iconList";
-import { TypeNavigatorHeader } from "./navigator/Navigator";
-export type TypeMenuItems = {
-    name?: string;
-    icon?: IconName;
-    header?: TypeNavigatorHeader;
-    id: string;
-};
-export type TypeNavigatorItems = {
-    _id: string;
-    title?: string;
-    icon?: IconName;
-    category?: string;
-};
-type TypeSideBar = {
-    menuItems?: TypeMenuItems[];
-    navigatorItems?: {
-        [key: string]: TypeNavigatorItems[];
-    };
-    logo?: string;
-    footer?: ReactNode;
-};
-declare const SideBar: FC<TypeSideBar>;
-export default SideBar;

package/dist/components/organisms/sidebar/navigator/Navigator.d.ts

@@ -1,19 +0,0 @@
-import { IconName } from "../../../../utils/iconList";
-type TypeNavigatorProps = {
-    header?: TypeNavigatorHeader;
-    items?: any;
-    button?: {
-        title: string;
-        icon: IconName;
-        onClick: () => void;
-    };
-};
-export type TypeNavigatorHeader = {
-    name?: string;
-    buttons?: {
-        icon: IconName;
-        onClick: () => void;
-    }[];
-};
-declare const _default: import("react").MemoExoticComponent<({ header, items, button }: TypeNavigatorProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/organisms/storage-file-select/StorageFileSelect.d.ts

@@ -1,12 +0,0 @@
-import { TypeSortProp } from "./sort-popover-content/SortPopoverContent";
-import { TypeFile } from "../../../utils/interface";
-type TypeStorageFileSelect = {
-    data: TypeFile[];
-    className?: string;
-    onChangeSearch?: (search: string) => void;
-    onClickSort?: (prop: TypeSortProp) => void;
-    onChooseFile?: (file: TypeFile) => void;
-    isOpen?: boolean;
-};
-declare const _default: import("react").NamedExoticComponent<TypeStorageFileSelect>;
-export default _default;

package/dist/components/organisms/storage-file-select/sort-popover-content/SortPopoverContent.d.ts

@@ -1,6 +0,0 @@
-export type TypeSortProp = "name_desc" | "name_asc" | "date_desc" | "date_asc";
-type TypeSortPopoverContent = {
-    onClick?: (prop: TypeSortProp) => void;
-};
-declare const _default: import("react").NamedExoticComponent<TypeSortPopoverContent>;
-export default _default;

package/dist/components/organisms/storage-file-select/storage-modal-heading/StorageModalHeading.d.ts

@@ -1,11 +0,0 @@
-import { TypeSortProp } from "../sort-popover-content/SortPopoverContent";
-type TypeStorageModalHeading = {
-    directory: string[];
-    fileLength?: number;
-    folderLength?: number;
-    onChangeSearch?: (search: string) => void;
-    onClickSort?: (prop: TypeSortProp) => void;
-    onChangeDirectory?: (index: number) => void;
-};
-declare const _default: import("react").NamedExoticComponent<TypeStorageModalHeading>;
-export default _default;

package/dist/components/organisms/table/Table.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-type TypeTable = {
-    columns: any[];
-    data: any[];
-    saveToLocalStorage?: {
-        id: string;
-        save?: boolean;
-    };
-    fixedColumns?: string[];
-    noResizeableColumns?: string[];
-};
-declare const _default: React.NamedExoticComponent<TypeTable>;
-export default _default;

package/dist/custom-hooks/useAdaptivePosition.d.ts

@@ -1,18 +0,0 @@
-import { RefObject } from "react";
-export type Placement = "topStart" | "top" | "topEnd" | "rightStart" | "right" | "rightEnd" | "bottomStart" | "bottom" | "bottomEnd" | "leftStart" | "left" | "leftEnd";
-type AdaptivePositionProps = {
-    containerRef: RefObject<HTMLElement | null>;
-    targetRef: RefObject<HTMLElement | null>;
-    initialPlacement?: Placement;
-};
-type PositionStyle = {
-    top?: number;
-    left?: number;
-    right?: number;
-    bottom?: number;
-};
-declare const useAdaptivePosition: ({ containerRef, targetRef, initialPlacement, }: AdaptivePositionProps) => {
-    targetPosition: PositionStyle | null;
-    calculatePosition: () => void;
-};
-export default useAdaptivePosition;

package/dist/custom-hooks/useDebounce.d.ts

@@ -1,6 +0,0 @@
-interface UseDebounceOptions {
-    delay?: number;
-    dependencies?: unknown[];
-}
-export declare const useDebounce: <T extends (...args: unknown[]) => unknown>(callback: T, { delay, dependencies }?: UseDebounceOptions) => (...args: Parameters<T>) => void;
-export {};

package/dist/custom-hooks/useFileView.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties } from "react";
-import { TypeFile } from "../utils/interface";
-type TypeStyle = {
-    img?: CSSProperties;
-    embed?: CSSProperties;
-};
-type TypeUseFileView = {
-    file?: TypeFile;
-    styles?: TypeStyle;
-};
-declare const useFileView: ({ file, styles }: TypeUseFileView) => import("react/jsx-runtime").JSX.Element | null;
-export default useFileView;

package/dist/custom-hooks/useFlexStyles.d.ts

@@ -1,9 +0,0 @@
-import { TypeFlexContainer, TypeFlexDimension } from "../utils/interface";
-export declare function useFlexStyles<T extends Partial<TypeFlexContainer & TypeFlexDimension>>(options?: T): {
-    classes: string;
-    inlineStyles: {
-        gap: string;
-        width: string | undefined;
-        height: string | undefined;
-    };
-};

package/dist/custom-hooks/useInputRepresenter.d.ts

@@ -1,83 +0,0 @@
-import { TypeCoordinates } from "components/atoms/map/Map";
-import { ReactNode } from "react";
-import { utils } from "utils";
-export type TypeProperties = {
-    [key: string]: {
-        type: keyof typeof types;
-        title: string;
-        description: string;
-        options?: TypeOptions;
-        enum?: (string | number)[];
-        default?: TypeValueType;
-        items?: TypeArrayItems;
-        minItems?: number;
-        maxItems?: number;
-        locationType?: string;
-        className?: string;
-        properties?: TypeProperties;
-    };
-};
-export type TypeValueType = string | number | boolean | string[] | number[] | boolean[] | TypeRepresenterValue | TypeRepresenterValue[];
-export type TypeRepresenterValue = {
-    [key: string]: TypeValueType | TypeRepresenterValue;
-};
-export type TypeInputType = "string" | "number" | "textarea" | "date" | "boolean" | "color" | "storage" | "multiselect" | "location" | "richtext" | "object" | "array";
-type TypeOptions = {
-    position?: "top" | "bottom" | "left" | "right";
-    index?: boolean;
-};
-export type TypeArrayItems = {
-    title?: string;
-    type: TypeInputType;
-    properties: TypeProperties;
-    enum?: (number | string)[];
-};
-export type TypeChangeEvent<T> = {
-    key: string;
-    value: T;
-};
-export type TypeInputProps<T> = {
-    key: string;
-    title: string;
-    description: string;
-    value?: T;
-    className?: string;
-    onChange?: ({ key, value }: TypeChangeEvent<T>) => void;
-};
-type TypeObjectInputProps<T> = {
-    key?: string;
-    properties?: TypeProperties;
-} & TypeInputProps<T>;
-type TypeSelectInputProps<T extends string | number> = {
-    enum?: T[];
-} & TypeInputProps<T>;
-type TypeMultiSelectInputProps<T extends string | number> = {
-    enum?: T[];
-} & TypeInputProps<T[]>;
-type TypeArrayInputProps<T> = {
-    minItems?: number;
-    maxItems?: number;
-    items?: TypeArrayItems;
-} & TypeInputProps<T[]>;
-export type TypeInputTypeMap = {
-    string: (props: TypeSelectInputProps<string>) => ReactNode;
-    number: (props: TypeSelectInputProps<number>) => ReactNode;
-    textarea: (props: TypeInputProps<string>) => ReactNode;
-    date: (props: TypeInputProps<Date | string | null>) => ReactNode;
-    boolean: (props: TypeInputProps<boolean>) => ReactNode;
-    color: (props: TypeInputProps<string>) => ReactNode;
-    storage: (props: TypeInputProps<string>) => ReactNode;
-    multiselect: (props: TypeMultiSelectInputProps<string | number>) => ReactNode;
-    location: (props: TypeInputProps<TypeCoordinates | utils.api.TypeLocation>) => ReactNode;
-    richtext: (props: TypeInputProps<string>) => ReactNode;
-    object: (props: TypeObjectInputProps<TypeRepresenterValue>) => ReactNode;
-    array: (props: TypeArrayInputProps<TypeValueType>) => ReactNode;
-};
-declare const types: TypeInputTypeMap;
-type TypeUseInputRepresenter = {
-    properties: TypeProperties;
-    value?: TypeValueType | TypeRepresenterValue;
-    onChange?: (value: any) => void;
-};
-declare const useInputRepresenter: ({ properties, value, onChange }: TypeUseInputRepresenter) => import("react/jsx-runtime").JSX.Element[];
-export default useInputRepresenter;

package/dist/custom-hooks/useKeyDown.d.ts

@@ -1,12 +0,0 @@
-declare const KeyMap: {
-    readonly Escape: "Escape";
-    readonly Enter: "Enter";
-    readonly ArrowUp: "ArrowUp";
-    readonly ArrowDown: "ArrowDown";
-    readonly ArrowLeft: "ArrowLeft";
-    readonly ArrowRight: "ArrowRight";
-    readonly Space: " ";
-};
-type TypeKey = keyof typeof KeyMap;
-declare function useKeyDown(key: TypeKey, callback: (event: KeyboardEvent) => void): void;
-export default useKeyDown;

package/dist/custom-hooks/useOnClickOutside.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from "react";
-type TypeUseOnClickOutside = {
-    refs: RefObject<HTMLElement | null>[];
-    onClickOutside: () => void;
-};
-export declare const useOnClickOutside: ({ refs, onClickOutside }: TypeUseOnClickOutside) => void;
-export {};