bianic-ui 2.2.0 → 2.3.0

package/dist/cjs/types/components/Card/config.d.ts

@@ -0,0 +1,6 @@
+declare const config: {
+    'dark-background': string;
+    'light-background': string;
+    'outline-light-background': string;
+};
+export default config;

package/dist/cjs/types/components/Card/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import config from './config';
+declare const Card: ({ children, disabled, variant, }: {
+    children: React.ReactNode;
+    disabled?: boolean | undefined;
+    variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
+}) => React.JSX.Element;
+export default Card;

package/dist/cjs/types/components/FileTree/FileTreeSimulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FileTreeSimulation: () => React.JSX.Element;
+export default FileTreeSimulation;

package/dist/cjs/types/components/FileTree/TreeItem.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef } from 'react';
+interface TreeItemInterface extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    data: any;
+    expandedData: Map<string, boolean>;
+    setExpandedData: (data: Map<string, boolean>) => void;
+    dataMap: Map<string, any>;
+    activeUnitId?: string;
+    handleChevronClick?: (data: any) => void;
+    handleRightClick?: (data: any) => void;
+    handleCLick?: (data: any) => void;
+}
+declare const TreeItem: ({ data, expandedData, setExpandedData, dataMap, activeUnitId, handleChevronClick, handleRightClick, handleCLick, }: TreeItemInterface) => React.JSX.Element;
+export default TreeItem;

package/dist/cjs/types/components/FileTree/useFileTree.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const useFileTree: (data: any[], alias?: {
+    id: null;
+    label: null;
+    parent: null;
+}) => {
+    tree: any[];
+    map: Map<any, any>;
+    expandedData: Map<string, boolean>;
+    setExpandedData: React.Dispatch<React.SetStateAction<Map<string, boolean>>>;
+};
+export default useFileTree;

package/dist/cjs/types/components/Forms/SelectInput/Example/CustomDropdown.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const CustomDropdown: () => React.JSX.Element;
+import SelectInputProps from '../PropsInterface';
+declare const CustomDropdown: ({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps) => React.JSX.Element;
 export default CustomDropdown;

package/dist/cjs/types/components/PaginationBar/SelectedPage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SelectedPageProps {
+    label?: string;
+    size?: 'sm' | 'md';
+}
+declare const SelectedPage: ({ label, size }: SelectedPageProps) => React.JSX.Element;
+export default SelectedPage;

package/dist/cjs/types/components/Popover/PropInterface.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface PopoverProps {
+    className?: string;
+    children: React.ReactNode;
+    content: string;
+    delay?: number;
+    maxWidth?: string;
+    title?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}
+export interface PopoverItemProps {
+    anchorRef: React.RefObject<HTMLElement>;
+    className?: string;
+    content: string;
+    style?: React.CSSProperties;
+    title: string;
+    zIndex?: number;
+    direction: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}

package/dist/cjs/types/components/Popover/index.d.ts

@@ -1,16 +1,8 @@
 import React from 'react';
-interface PopoverProps {
-    children: React.ReactNode;
-    content: string;
-    delay?: number;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    title?: string;
-    maxWidth?: string;
-}
-declare function Popover({ children, content, delay, direction, title, maxWidth, }: PopoverProps): React.JSX.Element;
+import { PopoverProps } from './PropInterface';
+declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
-        delay: number;
         direction: string;
         title: string;
     };

package/dist/cjs/types/components/Tooltip/PropsInterface.d.ts

@@ -1,16 +1,20 @@
-import { ComponentPropsWithoutRef, ReactNode, RefObject } from 'react';
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, RefObject } from 'react';
 interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
     children: ReactNode;
     content: ReactNode | string;
     delay?: number;
     maxWidth?: string;
+    zIndex?: number;
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 interface TooltipItemProps {
     anchorRef: RefObject<HTMLDivElement>;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    className?: string;
     content: ReactNode | string;
     tooltipContainerRef: React.RefObject<HTMLDivElement>;
     tooltipContainerStyle: React.CSSProperties;
+    style?: ComponentPropsWithRef<'div'>['style'];
+    zIndex: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 export { TooltipProps, TooltipItemProps };

package/dist/cjs/types/components/index.d.ts

@@ -6,9 +6,12 @@ export { default as Banner } from './Banner';
 export { default as Brand } from './Brand/Brand';
 export { default as Breadcrumb } from './Breadcrumb/Breadcrumb';
 export { Button, ButtonApp, ContextualButton } from './Button';
+export { default as Card } from './Card';
 export { default as Color } from './Color';
 export { default as Divider } from './Divider/Divider';
 export { default as FileTree } from './FileTree';
+export { default as TreeItem } from './FileTree/TreeItem';
+export { default as useFileTree } from './FileTree/useFileTree';
 export { MenuContainer, MenuItem } from './Menu';
 export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormLabel, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, PickerCalendar, } from './Forms';
 export * from './Icons';

package/dist/cjs/types/stories/Card/Card.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, disabled, variant, }: {
+        children: import("react").ReactNode;
+        disabled?: boolean | undefined;
+        variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
+    }) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Demo: Story;

package/dist/cjs/types/stories/FileTree/FileTreeSimulation.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NewFileTreeSimulation: Story;

package/dist/cjs/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts

@@ -1,5 +1,5 @@
-import { StoryObj } from "@storybook/react/*";
-import React from "react";
+import { StoryObj } from '@storybook/react/*';
+import React from 'react';
 declare const meta: {
     title: string;
     component: ({ children, ...props }: import("../../../components/Forms/LiveSearch/types").LiveSearchProps) => React.JSX.Element;

package/dist/cjs/types/stories/Form/SelectInput/SelectInputCustom.stories.d.ts

@@ -2,7 +2,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: () => import("react").JSX.Element;
+    component: ({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: import("../../../components/Forms/SelectInput/PropsInterface").default) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/cjs/types/utility/public/words.d.ts

@@ -0,0 +1,13 @@
+/**
+ * getRelativeTime
+ * Accepts a JavaScript Date and returns a human friendly relative time string.
+ * Rules:
+ * - < 1 minute: "just now"
+ * - < 1 hour: "x minutes ago"
+ * - < 1 day: "x hours ago"
+ * - < 30 days: "x days ago"
+ * - < 12 months: "x months ago" (uses 30-day months approximation)
+ * - >= 1 year: "x years ago" (uses 365-day years approximation; floors to whole years,
+ *   so e.g. 1 year 11 months => "1 years ago" as requested)
+ */
+export declare function getRelativeTime(date: Date): string;