bianic-ui 2.2.0 → 2.3.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import React$1, { ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ReactNode, MouseEvent, HTMLAttributes } from 'react';
 
 interface AccordionsProps extends ComponentPropsWithoutRef<'div'> {
@@ -125,6 +126,12 @@ interface ContextualButtonProps extends ComponentPropsWithoutRef<'button'> {
 }
 declare const ContextualButton: React$1.ForwardRefExoticComponent<ContextualButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const Card: ({ children, disabled, variant, }: {
+    children: React$1.ReactNode;
+    disabled?: boolean | undefined;
+    variant?: "dark-background" | "light-background" | "outline-light-background" | undefined;
+}) => React$1.JSX.Element;
+
 declare function Color(): React$1.JSX.Element;
 
 interface DividerProps extends ComponentPropsWithoutRef<'div'> {
@@ -156,6 +163,29 @@ interface FileTreeProps {
 }
 declare const FileTree: ({ data, color, chevronColor, contextMenu, onMouseDown, }: FileTreeProps) => React$1.JSX.Element;
 
+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$1.JSX.Element;
+
+declare const useFileTree: (data: any[], alias?: {
+    id: null;
+    label: null;
+    parent: null;
+}) => {
+    tree: any[];
+    map: Map<any, any>;
+    expandedData: Map<string, boolean>;
+    setExpandedData: React$1.Dispatch<React$1.SetStateAction<Map<string, boolean>>>;
+};
+
 interface MenuContainerProps extends ComponentPropsWithRef<'div'> {
     isTopFlat?: boolean;
     children: React$1.ReactNode | undefined;
@@ -605,17 +635,20 @@ declare namespace Pills {
 }
 
 interface PopoverProps {
-    children: React$1.ReactNode;
+    className?: string;
+    children: React.ReactNode;
     content: string;
     delay?: number;
-    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    title?: string;
     maxWidth?: string;
+    title?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
-declare function Popover({ children, content, delay, direction, title, maxWidth, }: PopoverProps): React$1.JSX.Element;
+
+declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React$1.JSX.Element;
 declare namespace Popover {
     var defaultProps: {
-        delay: number;
         direction: string;
         title: string;
     };
@@ -739,6 +772,7 @@ interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
     content: ReactNode | string;
     delay?: number;
     maxWidth?: string;
+    zIndex?: number;
     direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }
 
@@ -828,4 +862,4 @@ interface WindowProps extends ComponentPropsWithRef<'div'> {
 }
 declare function Window({ size, title, zIndex, onClose, ...rest }: WindowProps): React$1.JSX.Element;
 
-export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, FormLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
+export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Card, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, FormLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, TreeItem, Window, useFileTree };

package/package.json

@@ -3,8 +3,12 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Design Language System develop by BIAENERGI",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:bia-energi/bianic-2.0.git"
+  },
   "scripts": {
     "rollup": "rollup -c",
     "storybook": "storybook dev -p 6006",
@@ -13,7 +17,9 @@
     "lint": "npx eslint src/components",
     "lint:fix": "npx eslint src/components --fix",
     "prepare": "husky install",
-    "release": "standard-version"
+    "release": "standard-version",
+    "full-release": "npm run release && git push --follow-tags origin development && npm publish",
+    "release:beta": "npm run release -- --prerelease beta && git push --follow-tags origin development && npm publish --tag beta"
   },
   "standard-version": {
     "types": [