bianic-ui 2.2.0-beta.1 → 2.2.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +41 -32
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Forms/SelectInput/Example/CustomDropdown.d.ts +2 -1
- package/dist/cjs/types/components/Popover/index.d.ts +10 -2
- package/dist/cjs/types/components/Tooltip/PropsInterface.d.ts +2 -6
- package/dist/cjs/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts +2 -2
- package/dist/cjs/types/stories/Form/SelectInput/SelectInputCustom.stories.d.ts +1 -1
- package/dist/esm/index.js +41 -32
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Forms/SelectInput/Example/CustomDropdown.d.ts +2 -1
- package/dist/esm/types/components/Popover/index.d.ts +10 -2
- package/dist/esm/types/components/Tooltip/PropsInterface.d.ts +2 -6
- package/dist/esm/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts +2 -2
- package/dist/esm/types/stories/Form/SelectInput/SelectInputCustom.stories.d.ts +1 -1
- package/dist/index.d.ts +5 -10
- package/package.json +1 -1
- package/dist/cjs/types/components/Popover/PropInterface.d.ts +0 -21
- package/dist/esm/types/components/Popover/PropInterface.d.ts +0 -21
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import SelectInputProps from '../PropsInterface';
|
|
3
|
+
declare const CustomDropdown: ({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps) => React.JSX.Element;
|
|
3
4
|
export default CustomDropdown;
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
interface PopoverProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
content: string;
|
|
5
|
+
delay?: number;
|
|
6
|
+
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
7
|
+
title?: string;
|
|
8
|
+
maxWidth?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function Popover({ children, content, delay, direction, title, maxWidth, }: PopoverProps): React.JSX.Element;
|
|
4
11
|
declare namespace Popover {
|
|
5
12
|
var defaultProps: {
|
|
13
|
+
delay: number;
|
|
6
14
|
direction: string;
|
|
7
15
|
title: string;
|
|
8
16
|
};
|
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef,
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode, RefObject } from 'react';
|
|
2
2
|
interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
content: ReactNode | string;
|
|
5
5
|
delay?: number;
|
|
6
6
|
maxWidth?: string;
|
|
7
|
-
zIndex?: number;
|
|
8
7
|
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
9
8
|
}
|
|
10
9
|
interface TooltipItemProps {
|
|
11
10
|
anchorRef: RefObject<HTMLDivElement>;
|
|
12
|
-
|
|
11
|
+
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
13
12
|
content: ReactNode | string;
|
|
14
13
|
tooltipContainerRef: React.RefObject<HTMLDivElement>;
|
|
15
14
|
tooltipContainerStyle: React.CSSProperties;
|
|
16
|
-
style?: ComponentPropsWithRef<'div'>['style'];
|
|
17
|
-
zIndex: number;
|
|
18
|
-
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
19
15
|
}
|
|
20
16
|
export { TooltipProps, TooltipItemProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { StoryObj } from
|
|
2
|
-
import React from
|
|
1
|
+
import { StoryObj } from '@storybook/react/*';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: ({ children, ...props }: import("../../../components/Forms/LiveSearch/types").LiveSearchProps) => React.JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: () => import("react").JSX.Element;
|
|
5
|
+
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;
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
8
8
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React$1, { ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ReactNode, MouseEvent, HTMLAttributes } from 'react';
|
|
3
2
|
|
|
4
3
|
interface AccordionsProps extends ComponentPropsWithoutRef<'div'> {
|
|
@@ -606,20 +605,17 @@ declare namespace Pills {
|
|
|
606
605
|
}
|
|
607
606
|
|
|
608
607
|
interface PopoverProps {
|
|
609
|
-
|
|
610
|
-
children: React.ReactNode;
|
|
608
|
+
children: React$1.ReactNode;
|
|
611
609
|
content: string;
|
|
612
610
|
delay?: number;
|
|
613
|
-
maxWidth?: string;
|
|
614
|
-
title?: string;
|
|
615
|
-
style?: React.CSSProperties;
|
|
616
|
-
zIndex?: number;
|
|
617
611
|
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
612
|
+
title?: string;
|
|
613
|
+
maxWidth?: string;
|
|
618
614
|
}
|
|
619
|
-
|
|
620
|
-
declare function Popover({ className, children, content, direction, maxWidth, title, style, zIndex, }: PopoverProps): React$1.JSX.Element;
|
|
615
|
+
declare function Popover({ children, content, delay, direction, title, maxWidth, }: PopoverProps): React$1.JSX.Element;
|
|
621
616
|
declare namespace Popover {
|
|
622
617
|
var defaultProps: {
|
|
618
|
+
delay: number;
|
|
623
619
|
direction: string;
|
|
624
620
|
title: string;
|
|
625
621
|
};
|
|
@@ -743,7 +739,6 @@ interface TooltipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
|
|
|
743
739
|
content: ReactNode | string;
|
|
744
740
|
delay?: number;
|
|
745
741
|
maxWidth?: string;
|
|
746
|
-
zIndex?: number;
|
|
747
742
|
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
748
743
|
}
|
|
749
744
|
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
|
|
5
5
|
},
|
|
6
|
-
"version": "2.2.0-beta.
|
|
6
|
+
"version": "2.2.0-beta.2",
|
|
7
7
|
"description": "Design Language System develop by BIAENERGI",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"rollup": "rollup -c",
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface PopoverProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
content: string;
|
|
6
|
-
delay?: number;
|
|
7
|
-
maxWidth?: string;
|
|
8
|
-
title?: string;
|
|
9
|
-
style?: React.CSSProperties;
|
|
10
|
-
zIndex?: number;
|
|
11
|
-
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
12
|
-
}
|
|
13
|
-
export interface PopoverItemProps {
|
|
14
|
-
anchorRef: React.RefObject<HTMLElement>;
|
|
15
|
-
className?: string;
|
|
16
|
-
content: string;
|
|
17
|
-
style?: React.CSSProperties;
|
|
18
|
-
title: string;
|
|
19
|
-
zIndex?: number;
|
|
20
|
-
direction: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
21
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface PopoverProps {
|
|
3
|
-
className?: string;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
content: string;
|
|
6
|
-
delay?: number;
|
|
7
|
-
maxWidth?: string;
|
|
8
|
-
title?: string;
|
|
9
|
-
style?: React.CSSProperties;
|
|
10
|
-
zIndex?: number;
|
|
11
|
-
direction?: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
12
|
-
}
|
|
13
|
-
export interface PopoverItemProps {
|
|
14
|
-
anchorRef: React.RefObject<HTMLElement>;
|
|
15
|
-
className?: string;
|
|
16
|
-
content: string;
|
|
17
|
-
style?: React.CSSProperties;
|
|
18
|
-
title: string;
|
|
19
|
-
zIndex?: number;
|
|
20
|
-
direction: 'top' | 'right' | 'bottom' | 'left' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
21
|
-
}
|