@hexure/ui 1.8.12 → 1.8.14
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 +165 -117
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/FieldGroup/FieldGroup.d.ts +9 -0
- package/dist/cjs/types/components/FieldGroup/index.d.ts +1 -0
- package/dist/cjs/types/components/Modal/Modal.d.ts +1 -5
- package/dist/cjs/types/components/PageHeader/PageHeader.d.ts +2 -0
- package/dist/cjs/types/components/ProgressBar/ProgressBar.d.ts +12 -0
- package/dist/cjs/types/components/ProgressBar/index.d.ts +1 -0
- package/dist/cjs/types/index.d.ts +2 -0
- package/dist/esm/index.js +164 -118
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/FieldGroup/FieldGroup.d.ts +9 -0
- package/dist/esm/types/components/FieldGroup/index.d.ts +1 -0
- package/dist/esm/types/components/Modal/Modal.d.ts +1 -5
- package/dist/esm/types/components/PageHeader/PageHeader.d.ts +2 -0
- package/dist/esm/types/components/ProgressBar/ProgressBar.d.ts +12 -0
- package/dist/esm/types/components/ProgressBar/index.d.ts +1 -0
- package/dist/esm/types/index.d.ts +2 -0
- package/dist/index.d.ts +33 -18
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface FieldGroupProps {
|
|
3
|
+
/** The label to display above the field group */
|
|
4
|
+
label: string;
|
|
5
|
+
/** The content of the field group...usually a set of Field components */
|
|
6
|
+
children: any;
|
|
7
|
+
}
|
|
8
|
+
declare const FieldGroup: FC<FieldGroupProps>;
|
|
9
|
+
export default FieldGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FieldGroup';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { AccessibleProps } from '../../utils/Accessibility';
|
|
3
|
+
import { StepProps } from '../ProgressBar/ProgressBar';
|
|
3
4
|
interface ButtonProps {
|
|
4
5
|
disabled?: boolean;
|
|
5
6
|
children: string;
|
|
@@ -8,11 +9,6 @@ interface ButtonProps {
|
|
|
8
9
|
tabIndex?: number;
|
|
9
10
|
loading?: boolean;
|
|
10
11
|
}
|
|
11
|
-
interface StepProps {
|
|
12
|
-
label: string;
|
|
13
|
-
complete?: boolean;
|
|
14
|
-
active?: boolean;
|
|
15
|
-
}
|
|
16
12
|
export interface ModalProps extends AccessibleProps {
|
|
17
13
|
/** Defines a button to be displayed on the far right of the bottom button bar */
|
|
18
14
|
primaryButton?: ButtonProps;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { MenuItemProps } from '../MoreMenu/MoreMenu';
|
|
3
|
+
import { TagProps } from '../Tag/Tag';
|
|
3
4
|
export interface PageHeaderProps {
|
|
4
5
|
title?: string;
|
|
5
6
|
breadcrumbs?: Array<{
|
|
@@ -21,6 +22,7 @@ export interface PageHeaderProps {
|
|
|
21
22
|
label: string;
|
|
22
23
|
menuItems: Array<MenuItemProps>;
|
|
23
24
|
};
|
|
25
|
+
tag?: TagProps;
|
|
24
26
|
}
|
|
25
27
|
declare const PageHeader: FC<PageHeaderProps>;
|
|
26
28
|
export default PageHeader;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface StepProps {
|
|
3
|
+
label: string;
|
|
4
|
+
complete?: boolean;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface ProgressBarProps {
|
|
8
|
+
/** */
|
|
9
|
+
steps: StepProps[];
|
|
10
|
+
}
|
|
11
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
12
|
+
export default ProgressBar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ProgressBar';
|
|
@@ -10,6 +10,7 @@ export { default as Copy } from './components/Copy';
|
|
|
10
10
|
export { default as DatePicker } from './components/DatePicker';
|
|
11
11
|
export { default as Drawer } from './components/Drawer';
|
|
12
12
|
export { default as Field } from './components/Field';
|
|
13
|
+
export { default as FieldGroup } from './components/FieldGroup';
|
|
13
14
|
export { default as FileUpload } from './components/FileUpload';
|
|
14
15
|
export { default as Heading } from './components/Heading';
|
|
15
16
|
export { default as Input } from './components/Input';
|
|
@@ -21,6 +22,7 @@ export { default as MoreMenu } from './components/MoreMenu';
|
|
|
21
22
|
export { default as MultiSelect } from './components/MultiSelect';
|
|
22
23
|
export { default as PageHeader } from './components/PageHeader';
|
|
23
24
|
export { default as Pagination } from './components/Pagination';
|
|
25
|
+
export { default as ProgressBar } from './components/ProgressBar';
|
|
24
26
|
export { default as Radio } from './components/Radio';
|
|
25
27
|
export { default as RadioList } from './components/RadioList';
|
|
26
28
|
export { default as Select } from './components/Select';
|
package/dist/index.d.ts
CHANGED
|
@@ -248,6 +248,14 @@ interface FieldProps extends AccessibleProps {
|
|
|
248
248
|
}
|
|
249
249
|
declare const Field: FC<FieldProps>;
|
|
250
250
|
|
|
251
|
+
interface FieldGroupProps {
|
|
252
|
+
/** The label to display above the field group */
|
|
253
|
+
label: string;
|
|
254
|
+
/** The content of the field group...usually a set of Field components */
|
|
255
|
+
children: any;
|
|
256
|
+
}
|
|
257
|
+
declare const FieldGroup: FC<FieldGroupProps>;
|
|
258
|
+
|
|
251
259
|
interface FileUploadProps {
|
|
252
260
|
/** A method to call when files are added/removed. Return the new file or array of files. */
|
|
253
261
|
onChange?: (files: Array<File>) => void;
|
|
@@ -341,6 +349,17 @@ interface LogoProps extends AccessibleProps {
|
|
|
341
349
|
}
|
|
342
350
|
declare const Logo: FC<LogoProps>;
|
|
343
351
|
|
|
352
|
+
interface StepProps {
|
|
353
|
+
label: string;
|
|
354
|
+
complete?: boolean;
|
|
355
|
+
active?: boolean;
|
|
356
|
+
}
|
|
357
|
+
interface ProgressBarProps {
|
|
358
|
+
/** */
|
|
359
|
+
steps: StepProps[];
|
|
360
|
+
}
|
|
361
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
362
|
+
|
|
344
363
|
interface ButtonProps {
|
|
345
364
|
disabled?: boolean;
|
|
346
365
|
children: string;
|
|
@@ -349,11 +368,6 @@ interface ButtonProps {
|
|
|
349
368
|
tabIndex?: number;
|
|
350
369
|
loading?: boolean;
|
|
351
370
|
}
|
|
352
|
-
interface StepProps {
|
|
353
|
-
label: string;
|
|
354
|
-
complete?: boolean;
|
|
355
|
-
active?: boolean;
|
|
356
|
-
}
|
|
357
371
|
interface ModalProps extends AccessibleProps {
|
|
358
372
|
/** Defines a button to be displayed on the far right of the bottom button bar */
|
|
359
373
|
primaryButton?: ButtonProps;
|
|
@@ -393,6 +407,18 @@ interface MultiSelectProps extends AccessibleProps {
|
|
|
393
407
|
}
|
|
394
408
|
declare const MultiSelect: FC<MultiSelectProps>;
|
|
395
409
|
|
|
410
|
+
interface TagProps extends AccessibleProps {
|
|
411
|
+
/** It is used to select tag-type either default or removable. */
|
|
412
|
+
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
|
|
413
|
+
/** It is used to give label to tag. */
|
|
414
|
+
children: string | React.ReactNode;
|
|
415
|
+
/** Method to run when the tag is clicked */
|
|
416
|
+
onClick?: (e?: any) => void;
|
|
417
|
+
/** It is callback function called when user wants to close the tag. */
|
|
418
|
+
removable?: boolean;
|
|
419
|
+
}
|
|
420
|
+
declare const Tag: FC<TagProps>;
|
|
421
|
+
|
|
396
422
|
interface PageHeaderProps {
|
|
397
423
|
title?: string;
|
|
398
424
|
breadcrumbs?: Array<{
|
|
@@ -414,6 +440,7 @@ interface PageHeaderProps {
|
|
|
414
440
|
label: string;
|
|
415
441
|
menuItems: Array<MenuItemProps>;
|
|
416
442
|
};
|
|
443
|
+
tag?: TagProps;
|
|
417
444
|
}
|
|
418
445
|
declare const PageHeader: FC<PageHeaderProps>;
|
|
419
446
|
|
|
@@ -517,18 +544,6 @@ interface TabsProps extends AccessibleProps {
|
|
|
517
544
|
}
|
|
518
545
|
declare const Tabs: FC<TabsProps>;
|
|
519
546
|
|
|
520
|
-
interface TagProps extends AccessibleProps {
|
|
521
|
-
/** It is used to select tag-type either default or removable. */
|
|
522
|
-
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
|
|
523
|
-
/** It is used to give label to tag. */
|
|
524
|
-
children: string | React.ReactNode;
|
|
525
|
-
/** Method to run when the tag is clicked */
|
|
526
|
-
onClick?: (e?: any) => void;
|
|
527
|
-
/** It is callback function called when user wants to close the tag. */
|
|
528
|
-
removable?: boolean;
|
|
529
|
-
}
|
|
530
|
-
declare const Tag: FC<TagProps>;
|
|
531
|
-
|
|
532
547
|
interface ToggleProps extends AccessibleProps {
|
|
533
548
|
/** It is used to check whether Toggle is checked or not */
|
|
534
549
|
on: boolean;
|
|
@@ -553,4 +568,4 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
553
568
|
}
|
|
554
569
|
declare const ZeroState: FC<ZeroStateProps>;
|
|
555
570
|
|
|
556
|
-
export { Accordion, ActionDialog, Alert, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Copy, DatePicker, Drawer, Field, FileUpload, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState };
|
|
571
|
+
export { Accordion, ActionDialog, Alert, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Copy, DatePicker, Drawer, Field, FieldGroup, FileUpload, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState };
|