bianic-ui 2.1.0-beta.0 → 2.1.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/README.md +49 -49
- package/dist/cjs/index.js +77 -46
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +2 -0
- package/dist/cjs/types/components/Forms/LiveSearch/Example/CustomDropdown.d.ts +1 -0
- package/dist/cjs/types/components/Forms/LiveSearch/index.d.ts +1 -1
- package/dist/cjs/types/components/Forms/LiveSearch/types/index.d.ts +1 -0
- package/dist/cjs/types/components/Forms/SelectInput/PropsInterface.d.ts +1 -0
- package/dist/cjs/types/components/Forms/SelectInput/index.d.ts +1 -1
- package/dist/cjs/types/components/Menu/MenuItem.d.ts +2 -1
- package/dist/cjs/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts +1 -1
- package/dist/esm/index.js +77 -46
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +2 -0
- package/dist/esm/types/components/Forms/LiveSearch/Example/CustomDropdown.d.ts +1 -0
- package/dist/esm/types/components/Forms/LiveSearch/index.d.ts +1 -1
- package/dist/esm/types/components/Forms/LiveSearch/types/index.d.ts +1 -0
- package/dist/esm/types/components/Forms/SelectInput/PropsInterface.d.ts +1 -0
- package/dist/esm/types/components/Forms/SelectInput/index.d.ts +1 -1
- package/dist/esm/types/components/Menu/MenuItem.d.ts +2 -1
- package/dist/esm/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts +1 -1
- package/dist/index.d.ts +8 -3
- package/package.json +97 -97
- package/src/style/color.css +627 -627
- package/src/style/scrollbar.css +78 -78
- package/tailwind.config.js +543 -543
|
@@ -2,6 +2,8 @@ import { ComponentPropsWithRef } from 'react';
|
|
|
2
2
|
export interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
|
|
3
3
|
zIndex?: number | 'auto' | 'inherit';
|
|
4
4
|
anchorRef: React.RefObject<HTMLDivElement>;
|
|
5
|
+
isOpen?: boolean;
|
|
6
|
+
onClose?: () => void;
|
|
5
7
|
minDate?: string;
|
|
6
8
|
maxDate?: string;
|
|
7
9
|
selectedDate?: string | null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LiveSearchProps } from './types';
|
|
3
|
-
declare function LiveSearch({ autoComplete, children, descText, disabled, dropContProps, id, label, onChangeText, onClickDropdown, options, placeholder, readOnly, required, searchVariant, setValue, size, value, }: LiveSearchProps): React.JSX.Element;
|
|
3
|
+
declare function LiveSearch({ autoComplete, children, descText, disabled, dropContProps, id, label, onChangeText, onClickDropdown, options, placeholder, readOnly, required, searchVariant, setValue, size, isValid, value, }: LiveSearchProps): React.JSX.Element;
|
|
4
4
|
declare namespace LiveSearch {
|
|
5
5
|
var defaultProps: {
|
|
6
6
|
descText: string;
|
|
@@ -8,6 +8,7 @@ export interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>,
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
dropContProps?: Omit<DropdownContainerProps, 'children'>;
|
|
10
10
|
id?: string;
|
|
11
|
+
isValid?: boolean | null;
|
|
11
12
|
label?: string;
|
|
12
13
|
onChangeText?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
13
14
|
onClickDropdown?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import SelectInputProps from './PropsInterface';
|
|
3
|
-
declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React.JSX.Element;
|
|
3
|
+
declare function SelectInput({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React.JSX.Element;
|
|
4
4
|
declare namespace SelectInput {
|
|
5
5
|
var defaultProps: {
|
|
6
6
|
descText: string;
|
|
@@ -9,8 +9,9 @@ export interface MenuItemProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
9
9
|
children?: React.ReactNode | undefined;
|
|
10
10
|
onClose?: () => void;
|
|
11
11
|
zIndex?: number;
|
|
12
|
+
disabled?: boolean;
|
|
12
13
|
}
|
|
13
|
-
declare function MenuItem({ className, label, onClick, caption, isChecked, onClose, children, zIndex, inheritedOnClick, ...props }: MenuItemProps): React.JSX.Element;
|
|
14
|
+
declare function MenuItem({ className, label, onClick, caption, isChecked, onClose, children, zIndex, inheritedOnClick, disabled, ...props }: MenuItemProps): React.JSX.Element;
|
|
14
15
|
declare namespace MenuItem {
|
|
15
16
|
var defaultProps: {
|
|
16
17
|
className: string;
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react/*";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ children, ...props }: LiveSearchProps) => React.JSX.Element;
|
|
5
|
+
component: ({ children, ...props }: import("../../../components/Forms/LiveSearch/types").LiveSearchProps) => React.JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
8
8
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -181,8 +181,9 @@ interface MenuItemProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
181
181
|
children?: React$1.ReactNode | undefined;
|
|
182
182
|
onClose?: () => void;
|
|
183
183
|
zIndex?: number;
|
|
184
|
+
disabled?: boolean;
|
|
184
185
|
}
|
|
185
|
-
declare function MenuItem({ className, label, onClick, caption, isChecked, onClose, children, zIndex, inheritedOnClick, ...props }: MenuItemProps): React$1.JSX.Element;
|
|
186
|
+
declare function MenuItem({ className, label, onClick, caption, isChecked, onClose, children, zIndex, inheritedOnClick, disabled, ...props }: MenuItemProps): React$1.JSX.Element;
|
|
186
187
|
declare namespace MenuItem {
|
|
187
188
|
var defaultProps: {
|
|
188
189
|
className: string;
|
|
@@ -304,6 +305,7 @@ interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size
|
|
|
304
305
|
descText?: string;
|
|
305
306
|
disabled?: boolean;
|
|
306
307
|
id?: string;
|
|
308
|
+
isValid?: boolean | null;
|
|
307
309
|
size?: 'md' | 'sm';
|
|
308
310
|
label?: string;
|
|
309
311
|
options?: any;
|
|
@@ -317,7 +319,7 @@ interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size
|
|
|
317
319
|
dropContProps?: Omit<DropdownContainerProps, 'children'>;
|
|
318
320
|
}
|
|
319
321
|
|
|
320
|
-
declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React$1.JSX.Element;
|
|
322
|
+
declare function SelectInput({ descText, disabled, size, id, isValid, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React$1.JSX.Element;
|
|
321
323
|
declare namespace SelectInput {
|
|
322
324
|
var defaultProps: {
|
|
323
325
|
descText: string;
|
|
@@ -339,6 +341,7 @@ interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'
|
|
|
339
341
|
disabled?: boolean;
|
|
340
342
|
dropContProps?: Omit<DropdownContainerProps, 'children'>;
|
|
341
343
|
id?: string;
|
|
344
|
+
isValid?: boolean | null;
|
|
342
345
|
label?: string;
|
|
343
346
|
onChangeText?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
344
347
|
onClickDropdown?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
@@ -352,7 +355,7 @@ interface LiveSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'
|
|
|
352
355
|
value: any;
|
|
353
356
|
}
|
|
354
357
|
|
|
355
|
-
declare function LiveSearch({ autoComplete, children, descText, disabled, dropContProps, id, label, onChangeText, onClickDropdown, options, placeholder, readOnly, required, searchVariant, setValue, size, value, }: LiveSearchProps): React$1.JSX.Element;
|
|
358
|
+
declare function LiveSearch({ autoComplete, children, descText, disabled, dropContProps, id, label, onChangeText, onClickDropdown, options, placeholder, readOnly, required, searchVariant, setValue, size, isValid, value, }: LiveSearchProps): React$1.JSX.Element;
|
|
356
359
|
declare namespace LiveSearch {
|
|
357
360
|
var defaultProps: {
|
|
358
361
|
descText: string;
|
|
@@ -462,6 +465,8 @@ declare function DatePicker({ zIndexCalendar, value, onChange, size, disabled, p
|
|
|
462
465
|
interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
|
|
463
466
|
zIndex?: number | 'auto' | 'inherit';
|
|
464
467
|
anchorRef: React.RefObject<HTMLDivElement>;
|
|
468
|
+
isOpen?: boolean;
|
|
469
|
+
onClose?: () => void;
|
|
465
470
|
minDate?: string;
|
|
466
471
|
maxDate?: string;
|
|
467
472
|
selectedDate?: string | null;
|
package/package.json
CHANGED
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "bianic-ui",
|
|
3
|
-
"publishConfig": {
|
|
4
|
-
"@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
|
|
5
|
-
},
|
|
6
|
-
"version": "2.1.0-beta.
|
|
7
|
-
"description": "Design Language System develop by BIAENERGI",
|
|
8
|
-
"scripts": {
|
|
9
|
-
"rollup": "rollup -c",
|
|
10
|
-
"storybook": "storybook dev -p 6006",
|
|
11
|
-
"build-storybook": "storybook build",
|
|
12
|
-
"publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
|
|
13
|
-
"lint": "npx eslint src/components",
|
|
14
|
-
"lint:fix": "npx eslint src/components --fix",
|
|
15
|
-
"prepare": "husky install"
|
|
16
|
-
},
|
|
17
|
-
"author": {
|
|
18
|
-
"name": "Biaenergi"
|
|
19
|
-
},
|
|
20
|
-
"license": "ISC",
|
|
21
|
-
"devDependencies": {
|
|
22
|
-
"@chromatic-com/storybook": "^1.5.0",
|
|
23
|
-
"@eslint/js": "^9.5.0",
|
|
24
|
-
"@rollup/plugin-commonjs": "^25.0.4",
|
|
25
|
-
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
26
|
-
"@rollup/plugin-typescript": "^11.1.4",
|
|
27
|
-
"@rollup/plugin-url": "^8.0.2",
|
|
28
|
-
"@storybook/addon-essentials": "^8.1.11",
|
|
29
|
-
"@storybook/addon-interactions": "^8.1.6",
|
|
30
|
-
"@storybook/addon-links": "^8.1.6",
|
|
31
|
-
"@storybook/addon-onboarding": "^8.1.6",
|
|
32
|
-
"@storybook/addon-styling-webpack": "^1.0.0",
|
|
33
|
-
"@storybook/addon-webpack5-compiler-swc": "^1.0.3",
|
|
34
|
-
"@storybook/blocks": "^8.1.6",
|
|
35
|
-
"@storybook/react": "^8.1.11",
|
|
36
|
-
"@storybook/react-webpack5": "^8.1.6",
|
|
37
|
-
"@storybook/test": "^8.1.6",
|
|
38
|
-
"@types/react": "^18.2.24",
|
|
39
|
-
"@typescript-eslint/eslint-plugin": "^7.13.1",
|
|
40
|
-
"@typescript-eslint/parser": "^7.13.1",
|
|
41
|
-
"autoprefixer": "^10.4.19",
|
|
42
|
-
"chromatic": "^11.5.3",
|
|
43
|
-
"css-loader": "^7.1.2",
|
|
44
|
-
"eslint": "^8.57.0",
|
|
45
|
-
"eslint-config-airbnb": "^19.0.4",
|
|
46
|
-
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
47
|
-
"eslint-config-node": "^4.1.0",
|
|
48
|
-
"eslint-config-prettier": "^9.1.0",
|
|
49
|
-
"eslint-plugin-import": "^2.25.3",
|
|
50
|
-
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
51
|
-
"eslint-plugin-node": "^11.1.0",
|
|
52
|
-
"eslint-plugin-prettier": "^5.1.3",
|
|
53
|
-
"eslint-plugin-react": "^7.34.3",
|
|
54
|
-
"eslint-plugin-react-hooks": "^4.3.0",
|
|
55
|
-
"globals": "^15.6.0",
|
|
56
|
-
"husky": "^9.0.11",
|
|
57
|
-
"postcss": "^8.4.31",
|
|
58
|
-
"postcss-loader": "^8.1.1",
|
|
59
|
-
"postcss-url": "^10.1.3",
|
|
60
|
-
"prettier": "^3.3.2",
|
|
61
|
-
"prettier-plugin-tailwindcss": "^0.5.6",
|
|
62
|
-
"react-icons": "^5.2.1",
|
|
63
|
-
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
64
|
-
"rollup": "^3.29.4",
|
|
65
|
-
"rollup-plugin-copy": "^3.5.0",
|
|
66
|
-
"rollup-plugin-dts": "^6.0.2",
|
|
67
|
-
"rollup-plugin-image": "^1.0.2",
|
|
68
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
69
|
-
"sass": "^1.77.6",
|
|
70
|
-
"sass-loader": "^14.2.1",
|
|
71
|
-
"storybook": "^8.1.6",
|
|
72
|
-
"style-loader": "^4.0.0",
|
|
73
|
-
"tailwindcss": "^3.4.4",
|
|
74
|
-
"tslib": "^2.6.2",
|
|
75
|
-
"typescript": "^5.2.2",
|
|
76
|
-
"typescript-eslint": "^7.13.1",
|
|
77
|
-
"url-loader": "^4.1.1",
|
|
78
|
-
"webpack": "^5.88.2",
|
|
79
|
-
"react-draggable": "^4.5.0"
|
|
80
|
-
},
|
|
81
|
-
"main": "dist/cjs/index.js",
|
|
82
|
-
"module": "dist/esm/index.js",
|
|
83
|
-
"files": [
|
|
84
|
-
"dist",
|
|
85
|
-
"dist/*.css",
|
|
86
|
-
"src/style",
|
|
87
|
-
"src/font",
|
|
88
|
-
"tailwind.config.js"
|
|
89
|
-
],
|
|
90
|
-
"peerDependencies": {
|
|
91
|
-
"react": "^18.0.0 || ^19.0.0-beta",
|
|
92
|
-
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
93
|
-
"react-icons": "^5.2.1"
|
|
94
|
-
},
|
|
95
|
-
"types": "dist/index.d.ts",
|
|
96
|
-
"dependencies": {}
|
|
97
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "bianic-ui",
|
|
3
|
+
"publishConfig": {
|
|
4
|
+
"@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
|
|
5
|
+
},
|
|
6
|
+
"version": "2.1.0-beta.2",
|
|
7
|
+
"description": "Design Language System develop by BIAENERGI",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"rollup": "rollup -c",
|
|
10
|
+
"storybook": "storybook dev -p 6006",
|
|
11
|
+
"build-storybook": "storybook build",
|
|
12
|
+
"publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
|
|
13
|
+
"lint": "npx eslint src/components",
|
|
14
|
+
"lint:fix": "npx eslint src/components --fix",
|
|
15
|
+
"prepare": "husky install"
|
|
16
|
+
},
|
|
17
|
+
"author": {
|
|
18
|
+
"name": "Biaenergi"
|
|
19
|
+
},
|
|
20
|
+
"license": "ISC",
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@chromatic-com/storybook": "^1.5.0",
|
|
23
|
+
"@eslint/js": "^9.5.0",
|
|
24
|
+
"@rollup/plugin-commonjs": "^25.0.4",
|
|
25
|
+
"@rollup/plugin-node-resolve": "^15.2.1",
|
|
26
|
+
"@rollup/plugin-typescript": "^11.1.4",
|
|
27
|
+
"@rollup/plugin-url": "^8.0.2",
|
|
28
|
+
"@storybook/addon-essentials": "^8.1.11",
|
|
29
|
+
"@storybook/addon-interactions": "^8.1.6",
|
|
30
|
+
"@storybook/addon-links": "^8.1.6",
|
|
31
|
+
"@storybook/addon-onboarding": "^8.1.6",
|
|
32
|
+
"@storybook/addon-styling-webpack": "^1.0.0",
|
|
33
|
+
"@storybook/addon-webpack5-compiler-swc": "^1.0.3",
|
|
34
|
+
"@storybook/blocks": "^8.1.6",
|
|
35
|
+
"@storybook/react": "^8.1.11",
|
|
36
|
+
"@storybook/react-webpack5": "^8.1.6",
|
|
37
|
+
"@storybook/test": "^8.1.6",
|
|
38
|
+
"@types/react": "^18.2.24",
|
|
39
|
+
"@typescript-eslint/eslint-plugin": "^7.13.1",
|
|
40
|
+
"@typescript-eslint/parser": "^7.13.1",
|
|
41
|
+
"autoprefixer": "^10.4.19",
|
|
42
|
+
"chromatic": "^11.5.3",
|
|
43
|
+
"css-loader": "^7.1.2",
|
|
44
|
+
"eslint": "^8.57.0",
|
|
45
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
46
|
+
"eslint-config-airbnb-typescript": "^18.0.0",
|
|
47
|
+
"eslint-config-node": "^4.1.0",
|
|
48
|
+
"eslint-config-prettier": "^9.1.0",
|
|
49
|
+
"eslint-plugin-import": "^2.25.3",
|
|
50
|
+
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
51
|
+
"eslint-plugin-node": "^11.1.0",
|
|
52
|
+
"eslint-plugin-prettier": "^5.1.3",
|
|
53
|
+
"eslint-plugin-react": "^7.34.3",
|
|
54
|
+
"eslint-plugin-react-hooks": "^4.3.0",
|
|
55
|
+
"globals": "^15.6.0",
|
|
56
|
+
"husky": "^9.0.11",
|
|
57
|
+
"postcss": "^8.4.31",
|
|
58
|
+
"postcss-loader": "^8.1.1",
|
|
59
|
+
"postcss-url": "^10.1.3",
|
|
60
|
+
"prettier": "^3.3.2",
|
|
61
|
+
"prettier-plugin-tailwindcss": "^0.5.6",
|
|
62
|
+
"react-icons": "^5.2.1",
|
|
63
|
+
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
64
|
+
"rollup": "^3.29.4",
|
|
65
|
+
"rollup-plugin-copy": "^3.5.0",
|
|
66
|
+
"rollup-plugin-dts": "^6.0.2",
|
|
67
|
+
"rollup-plugin-image": "^1.0.2",
|
|
68
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
69
|
+
"sass": "^1.77.6",
|
|
70
|
+
"sass-loader": "^14.2.1",
|
|
71
|
+
"storybook": "^8.1.6",
|
|
72
|
+
"style-loader": "^4.0.0",
|
|
73
|
+
"tailwindcss": "^3.4.4",
|
|
74
|
+
"tslib": "^2.6.2",
|
|
75
|
+
"typescript": "^5.2.2",
|
|
76
|
+
"typescript-eslint": "^7.13.1",
|
|
77
|
+
"url-loader": "^4.1.1",
|
|
78
|
+
"webpack": "^5.88.2",
|
|
79
|
+
"react-draggable": "^4.5.0"
|
|
80
|
+
},
|
|
81
|
+
"main": "dist/cjs/index.js",
|
|
82
|
+
"module": "dist/esm/index.js",
|
|
83
|
+
"files": [
|
|
84
|
+
"dist",
|
|
85
|
+
"dist/*.css",
|
|
86
|
+
"src/style",
|
|
87
|
+
"src/font",
|
|
88
|
+
"tailwind.config.js"
|
|
89
|
+
],
|
|
90
|
+
"peerDependencies": {
|
|
91
|
+
"react": "^18.0.0 || ^19.0.0-beta",
|
|
92
|
+
"react-dom": "^18.0.0 || ^19.0.0-beta",
|
|
93
|
+
"react-icons": "^5.2.1"
|
|
94
|
+
},
|
|
95
|
+
"types": "dist/index.d.ts",
|
|
96
|
+
"dependencies": {}
|
|
97
|
+
}
|