@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.
@@ -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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hexure/ui",
3
- "version": "1.8.12",
3
+ "version": "1.8.14",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",