bianic-ui 1.13.2 → 1.14.0

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.
@@ -1,6 +1,13 @@
1
- import React from 'react';
2
- interface DatePickerProps extends React.HTMLAttributes<HTMLInputElement> {
1
+ import React, { HTMLAttributes } from 'react';
2
+ interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
3
+ descText?: string;
4
+ label?: string;
5
+ onChange?: (date: Date | string) => void;
6
+ required?: boolean;
3
7
  value?: Date;
8
+ size: 'sm' | 'md';
9
+ disabled: boolean;
10
+ placeholder: string;
4
11
  }
5
- declare function DatePicker({ value, onChange }: DatePickerProps): React.JSX.Element;
12
+ declare function DatePicker({ value, onChange, size, disabled, placeholder, label, descText, required, }: DatePickerProps): React.JSX.Element;
6
13
  export default DatePicker;
@@ -1,6 +1,6 @@
1
1
  import React, { ChangeEvent, ComponentPropsWithRef } from 'react';
2
2
  interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
3
- selectedDate?: Date;
3
+ selectedDate?: Date | null;
4
4
  onDateChange?: (event: ChangeEvent<HTMLInputElement>) => void;
5
5
  }
6
6
  declare const PickerCalendar: ({ selectedDate, onDateChange, ref, }: PickerCalendarProps) => React.JSX.Element;
@@ -1 +1,2 @@
1
1
  export { default as DatePicker } from './DatePicker';
2
+ export { default as PickerCalendar } from './PickerCalendar';
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ interface FormLabelProps {
3
+ children: React.ReactNode;
4
+ className?: string;
5
+ htmlFor?: string;
6
+ readOnly?: boolean;
7
+ required?: boolean;
8
+ }
9
+ declare const FormLabel: {
10
+ ({ children, className, htmlFor, readOnly, required, }: FormLabelProps): React.JSX.Element;
11
+ defaultProps: {
12
+ className: string;
13
+ htmlFor: undefined;
14
+ required: boolean;
15
+ readOnly: boolean;
16
+ };
17
+ };
18
+ export default FormLabel;
@@ -0,0 +1,12 @@
1
+ declare const colorConfig: {
2
+ yellow: string;
3
+ blue: string;
4
+ grey: string;
5
+ white: string;
6
+ };
7
+ declare const sizeConfig: {
8
+ container: string;
9
+ 'form-sm': string;
10
+ 'form-md': string;
11
+ };
12
+ export { colorConfig, sizeConfig };
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ interface InfoPanelProps {
3
+ variant?: 'container' | 'form-sm' | 'form-md';
4
+ color?: 'yellow' | 'blue' | 'grey' | 'white';
5
+ className?: string;
6
+ textClassName?: string;
7
+ }
8
+ declare const InfoPanel: {
9
+ ({ variant, color, className, textClassName, }: InfoPanelProps): React.JSX.Element;
10
+ defaultProps: {
11
+ variant: string;
12
+ color: string;
13
+ className: string;
14
+ textClassName: string;
15
+ };
16
+ };
17
+ export default InfoPanel;
@@ -12,6 +12,7 @@ export { default as FileTree } from './FileTree';
12
12
  export { MenuContainer, MenuItem } from './Menu';
13
13
  export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, } from './Forms';
14
14
  export * from './Icons';
15
+ export { default as InfoPanel } from './InfoPanel';
15
16
  export { default as Modal } from './Modal/Modal';
16
17
  export { default as PaginationBar } from './PaginationBar/PaginationBar';
17
18
  export { default as Pills } from './Pills/Pills';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1, { ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ReactNode } from 'react';
2
+ import React$1, { ComponentPropsWithoutRef, ComponentPropsWithRef, ChangeEvent, ReactNode, HTMLAttributes } from 'react';
3
3
 
4
4
  interface AccordionsProps extends ComponentPropsWithoutRef<'div'> {
5
5
  title: string;
@@ -460,10 +460,17 @@ declare namespace DropdownItem {
460
460
  };
461
461
  }
462
462
 
463
- interface DatePickerProps extends React$1.HTMLAttributes<HTMLInputElement> {
463
+ interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
464
+ descText?: string;
465
+ label?: string;
466
+ onChange?: (date: Date | string) => void;
467
+ required?: boolean;
464
468
  value?: Date;
469
+ size: 'sm' | 'md';
470
+ disabled: boolean;
471
+ placeholder: string;
465
472
  }
466
- declare function DatePicker({ value, onChange }: DatePickerProps): React$1.JSX.Element;
473
+ declare function DatePicker({ value, onChange, size, disabled, placeholder, label, descText, required, }: DatePickerProps): React$1.JSX.Element;
467
474
 
468
475
  interface IconProps {
469
476
  className?: string;
@@ -517,6 +524,22 @@ declare const Inlet: ({ className, fill, size }: IconProps) => React$1.JSX.Eleme
517
524
 
518
525
  declare const Neutral: ({ className, fill, size, }: IconProps) => React$1.JSX.Element;
519
526
 
527
+ interface InfoPanelProps {
528
+ variant?: 'container' | 'form-sm' | 'form-md';
529
+ color?: 'yellow' | 'blue' | 'grey' | 'white';
530
+ className?: string;
531
+ textClassName?: string;
532
+ }
533
+ declare const InfoPanel: {
534
+ ({ variant, color, className, textClassName, }: InfoPanelProps): React$1.JSX.Element;
535
+ defaultProps: {
536
+ variant: string;
537
+ color: string;
538
+ className: string;
539
+ textClassName: string;
540
+ };
541
+ };
542
+
520
543
  interface ModalProps extends ComponentPropsWithoutRef<'div'> {
521
544
  size?: 'sm' | 'md' | 'lg' | 'xl';
522
545
  zIndex?: number;
@@ -774,4 +797,4 @@ interface WindowProps extends ComponentPropsWithRef<'div'> {
774
797
  }
775
798
  declare function Window({ size, title, zIndex, onClose, ...rest }: WindowProps): React$1.JSX.Element;
776
799
 
777
- 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, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
800
+ 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, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
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": "1.13.2",
6
+ "version": "1.14.0",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",