@hexure/ui 1.8.13 → 1.8.15
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 +109 -68
- 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/Input/Input.d.ts +1 -1
- package/dist/cjs/types/components/Modal/Modal.d.ts +1 -5
- 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 +108 -69
- 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/Input/Input.d.ts +1 -1
- package/dist/esm/types/components/Modal/Modal.d.ts +1 -5
- 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 +21 -7
- 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';
|
|
@@ -33,7 +33,7 @@ export interface InputProps extends AccessibleProps {
|
|
|
33
33
|
/** Set the css of the wrapping div */
|
|
34
34
|
style?: styleProps;
|
|
35
35
|
/** Define the type of input to be displayed */
|
|
36
|
-
type?: 'date' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
|
|
36
|
+
type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
|
|
37
37
|
/** Set the value of the input. This should be used by the parent component to control the input's value. */
|
|
38
38
|
value?: string;
|
|
39
39
|
}
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -317,7 +325,7 @@ interface InputProps extends AccessibleProps {
|
|
|
317
325
|
/** Set the css of the wrapping div */
|
|
318
326
|
style?: styleProps$2;
|
|
319
327
|
/** Define the type of input to be displayed */
|
|
320
|
-
type?: 'date' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
|
|
328
|
+
type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
|
|
321
329
|
/** Set the value of the input. This should be used by the parent component to control the input's value. */
|
|
322
330
|
value?: string;
|
|
323
331
|
}
|
|
@@ -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;
|
|
@@ -554,4 +568,4 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
554
568
|
}
|
|
555
569
|
declare const ZeroState: FC<ZeroStateProps>;
|
|
556
570
|
|
|
557
|
-
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 };
|