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.
Files changed (26) hide show
  1. package/README.md +49 -49
  2. package/dist/cjs/index.js +77 -46
  3. package/dist/cjs/lib.css +1 -1
  4. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +2 -0
  5. package/dist/cjs/types/components/Forms/LiveSearch/Example/CustomDropdown.d.ts +1 -0
  6. package/dist/cjs/types/components/Forms/LiveSearch/index.d.ts +1 -1
  7. package/dist/cjs/types/components/Forms/LiveSearch/types/index.d.ts +1 -0
  8. package/dist/cjs/types/components/Forms/SelectInput/PropsInterface.d.ts +1 -0
  9. package/dist/cjs/types/components/Forms/SelectInput/index.d.ts +1 -1
  10. package/dist/cjs/types/components/Menu/MenuItem.d.ts +2 -1
  11. package/dist/cjs/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts +1 -1
  12. package/dist/esm/index.js +77 -46
  13. package/dist/esm/lib.css +1 -1
  14. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +2 -0
  15. package/dist/esm/types/components/Forms/LiveSearch/Example/CustomDropdown.d.ts +1 -0
  16. package/dist/esm/types/components/Forms/LiveSearch/index.d.ts +1 -1
  17. package/dist/esm/types/components/Forms/LiveSearch/types/index.d.ts +1 -0
  18. package/dist/esm/types/components/Forms/SelectInput/PropsInterface.d.ts +1 -0
  19. package/dist/esm/types/components/Forms/SelectInput/index.d.ts +1 -1
  20. package/dist/esm/types/components/Menu/MenuItem.d.ts +2 -1
  21. package/dist/esm/types/stories/Form/LiveSearch/LivesearchCustomDropdownExample.stories.d.ts +1 -1
  22. package/dist/index.d.ts +8 -3
  23. package/package.json +97 -97
  24. package/src/style/color.css +627 -627
  25. package/src/style/scrollbar.css +78 -78
  26. 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,3 +1,4 @@
1
1
  import React from 'react';
2
+ import { LiveSearchProps } from '../types';
2
3
  declare const LiveSearchExample: ({ children, ...props }: LiveSearchProps) => React.JSX.Element;
3
4
  export default LiveSearchExample;
@@ -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;
@@ -4,6 +4,7 @@ interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size
4
4
  descText?: string;
5
5
  disabled?: boolean;
6
6
  id?: string;
7
+ isValid?: boolean | null;
7
8
  size?: 'md' | 'sm';
8
9
  label?: string;
9
10
  options?: any;
@@ -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.0",
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
+ }