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.
- package/dist/cjs/index.js +239 -292
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/Forms/DatePicker/DatePicker.d.ts +10 -3
- package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar.d.ts +1 -1
- package/dist/cjs/types/components/Forms/DatePicker/index.d.ts +1 -0
- package/dist/cjs/types/components/Forms/FormLabel.d.ts +18 -0
- package/dist/cjs/types/components/InfoPanel/config.d.ts +12 -0
- package/dist/cjs/types/components/InfoPanel/index.d.ts +17 -0
- package/dist/cjs/types/components/index.d.ts +1 -0
- package/dist/esm/index.js +239 -293
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/Forms/DatePicker/DatePicker.d.ts +10 -3
- package/dist/esm/types/components/Forms/DatePicker/PickerCalendar.d.ts +1 -1
- package/dist/esm/types/components/Forms/DatePicker/index.d.ts +1 -0
- package/dist/esm/types/components/Forms/FormLabel.d.ts +18 -0
- package/dist/esm/types/components/InfoPanel/config.d.ts +12 -0
- package/dist/esm/types/components/InfoPanel/index.d.ts +17 -0
- package/dist/esm/types/components/index.d.ts +1 -0
- package/dist/index.d.ts +27 -4
- package/package.json +1 -1
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface DatePickerProps extends
|
|
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;
|
|
@@ -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,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
|
|
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