@oc-digital/react-component-library 2.1.6-beta.0 → 2.1.8
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/README.md +94 -94
- package/build/Breadcrumbs/Breadcrumbs.types.d.ts +6 -6
- package/build/Button/Button.types.d.ts +1 -1
- package/build/ButtonWithConfirm/ButtonWithConfirm.types.d.ts +1 -0
- package/build/EditableTable/EditableTable.types.d.ts +7 -7
- package/build/EditableTable/defaultCells.d.ts +1 -1
- package/build/LeftNavigation/LeftNavigation.types.d.ts +1 -1
- package/build/NavbarLayout/Navbar.d.ts +12 -0
- package/build/NavbarLayout/NavbarLayout.d.ts +16 -0
- package/build/NavbarLayout/index.d.ts +2 -0
- package/build/StaticTable/StaticTable.types.d.ts +2 -2
- package/build/TextField/TextField.d.ts +1 -1
- package/build/globals/index.d.ts +1 -1
- package/build/index.d.ts +3 -2
- package/build/index.js +1 -138
- package/build/index.js.map +1 -1
- package/build/utils/index.d.ts +1 -1
- package/package.json +130 -135
- package/build/styles/new_spacing.d.ts +0 -47
package/README.md
CHANGED
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
# Optimal Compliance React Component Library
|
|
2
|
-
|
|
3
|
-
React component library used in Optimal Compliance React projects
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
Use [npm](https://www.npmjs.com/) to install.
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install @oc-digital/react-component-library
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
or [yarn](https://yarnpkg.com/)
|
|
14
|
-
|
|
15
|
-
```bash
|
|
16
|
-
yarn add @oc-digital/react-component-library
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## Peer dependencies
|
|
20
|
-
|
|
21
|
-
```json
|
|
22
|
-
"react": ">=17.0.0",
|
|
23
|
-
"react-dom": ">=17.0.0",
|
|
24
|
-
"@material-ui/core": "=4.12.3",
|
|
25
|
-
"@material-ui/icons": "=4.11.2",
|
|
26
|
-
"react-router-dom": ">=5.0.0",
|
|
27
|
-
"@date-io/date-fns": "=1.3.13",
|
|
28
|
-
"date-fns": "=2.25.0",
|
|
29
|
-
"react-number-format": "=4.8.0",
|
|
30
|
-
"@material-ui/pickers": "=3.3.10",
|
|
31
|
-
"yup": "=0.32.11",
|
|
32
|
-
"react-table": "=7.7.0",
|
|
33
|
-
"@material-ui/lab": ">=4.0.0-alpha.60",
|
|
34
|
-
"lodash": "^4.17.21",
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
## Usage
|
|
38
|
-
|
|
39
|
-
```jsx
|
|
40
|
-
import React from "react";
|
|
41
|
-
import { Button } from "@oc-digital/react-component-library";
|
|
42
|
-
|
|
43
|
-
const ReactComponent = () => (
|
|
44
|
-
<Button onClick={() => console.log("Clicked me!")}>Click Me!</Button>
|
|
45
|
-
);
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
## Local Usage
|
|
49
|
-
|
|
50
|
-
1. increment the package version and add -beta.0 (e.g. 2.0.6 => 2.0.7-beta.0) and run npm install
|
|
51
|
-
1a. if you need to further increment and publish use -beta.1, -beta.2 and so on
|
|
52
|
-
1b. you can use this all in one command for the above - npm version 2.0.7-beta.0
|
|
53
|
-
2. publish the component library with command - npm publish --tag beta
|
|
54
|
-
3. pin the version in the receiving library to "=2.0.7-beta.0" and run npm install
|
|
55
|
-
4. once happy with the changes remove -beta.0 part and part and publish component library
|
|
56
|
-
4a. update the version in the receiving library to "^2.0.7"
|
|
57
|
-
|
|
58
|
-
## Building and publishing
|
|
59
|
-
|
|
60
|
-
To publish new version login using `npm login`, increment version in `package.json` and run `npm publish`. Subsequently it will build the library to `build` folder and push it's contents to the npm.
|
|
61
|
-
|
|
62
|
-
## Local Usage(OLD DEPRECATED)
|
|
63
|
-
|
|
64
|
-
You can use this library locally, however few steps are required:
|
|
65
|
-
|
|
66
|
-
In the root of component library:
|
|
67
|
-
|
|
68
|
-
1. install `npm install` and build `npm run build` component library
|
|
69
|
-
2. remove `node_modules` folder
|
|
70
|
-
3. run `npm link`
|
|
71
|
-
|
|
72
|
-
In the receiving project:
|
|
73
|
-
4. run `npm link @oc-digital/react-component-library` <br /> 5. start the project `npm start` - this should compile project with local version of component library <br /> 6. wait for `npm start` to finish and run `npm i` inside component react-component-library to restore node modules (this prevents numerous typing issues in the receiving project)
|
|
74
|
-
|
|
75
|
-
To make further adjustments in the component library:
|
|
76
|
-
|
|
77
|
-
1. run `npm install`
|
|
78
|
-
2. make code adjustments
|
|
79
|
-
3. run `npm build`
|
|
80
|
-
|
|
81
|
-
When finished with adjustments you need to unlink local component library with:
|
|
82
|
-
`npm unlink @oc-digital/react-component-library --no-save`
|
|
83
|
-
|
|
84
|
-
Helper Scripts available in the project:
|
|
85
|
-
`npm run useLocalLib` - does initial step 1 to 4
|
|
86
|
-
`npm run unlinkLib` - does unlinking
|
|
87
|
-
|
|
88
|
-
## Playground
|
|
89
|
-
|
|
90
|
-
Use storybook to explore components
|
|
91
|
-
|
|
92
|
-
```bash
|
|
93
|
-
npm run storybook
|
|
94
|
-
```
|
|
1
|
+
# Optimal Compliance React Component Library
|
|
2
|
+
|
|
3
|
+
React component library used in Optimal Compliance React projects
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Use [npm](https://www.npmjs.com/) to install.
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @oc-digital/react-component-library
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
or [yarn](https://yarnpkg.com/)
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
yarn add @oc-digital/react-component-library
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Peer dependencies
|
|
20
|
+
|
|
21
|
+
```json
|
|
22
|
+
"react": ">=17.0.0",
|
|
23
|
+
"react-dom": ">=17.0.0",
|
|
24
|
+
"@material-ui/core": "=4.12.3",
|
|
25
|
+
"@material-ui/icons": "=4.11.2",
|
|
26
|
+
"react-router-dom": ">=5.0.0",
|
|
27
|
+
"@date-io/date-fns": "=1.3.13",
|
|
28
|
+
"date-fns": "=2.25.0",
|
|
29
|
+
"react-number-format": "=4.8.0",
|
|
30
|
+
"@material-ui/pickers": "=3.3.10",
|
|
31
|
+
"yup": "=0.32.11",
|
|
32
|
+
"react-table": "=7.7.0",
|
|
33
|
+
"@material-ui/lab": ">=4.0.0-alpha.60",
|
|
34
|
+
"lodash": "^4.17.21",
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## Usage
|
|
38
|
+
|
|
39
|
+
```jsx
|
|
40
|
+
import React from "react";
|
|
41
|
+
import { Button } from "@oc-digital/react-component-library";
|
|
42
|
+
|
|
43
|
+
const ReactComponent = () => (
|
|
44
|
+
<Button onClick={() => console.log("Clicked me!")}>Click Me!</Button>
|
|
45
|
+
);
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
## Local Usage
|
|
49
|
+
|
|
50
|
+
1. increment the package version and add -beta.0 (e.g. 2.0.6 => 2.0.7-beta.0) and run npm install
|
|
51
|
+
1a. if you need to further increment and publish use -beta.1, -beta.2 and so on
|
|
52
|
+
1b. you can use this all in one command for the above - npm version 2.0.7-beta.0
|
|
53
|
+
2. publish the component library with command - npm publish --tag beta
|
|
54
|
+
3. pin the version in the receiving library to "=2.0.7-beta.0" and run npm install
|
|
55
|
+
4. once happy with the changes remove -beta.0 part and part and publish component library
|
|
56
|
+
4a. update the version in the receiving library to "^2.0.7"
|
|
57
|
+
|
|
58
|
+
## Building and publishing
|
|
59
|
+
|
|
60
|
+
To publish new version login using `npm login`, increment version in `package.json` and run `npm publish`. Subsequently it will build the library to `build` folder and push it's contents to the npm.
|
|
61
|
+
|
|
62
|
+
## Local Usage(OLD DEPRECATED)
|
|
63
|
+
|
|
64
|
+
You can use this library locally, however few steps are required:
|
|
65
|
+
|
|
66
|
+
In the root of component library:
|
|
67
|
+
|
|
68
|
+
1. install `npm install` and build `npm run build` component library
|
|
69
|
+
2. remove `node_modules` folder
|
|
70
|
+
3. run `npm link`
|
|
71
|
+
|
|
72
|
+
In the receiving project:
|
|
73
|
+
4. run `npm link @oc-digital/react-component-library` <br /> 5. start the project `npm start` - this should compile project with local version of component library <br /> 6. wait for `npm start` to finish and run `npm i` inside component react-component-library to restore node modules (this prevents numerous typing issues in the receiving project)
|
|
74
|
+
|
|
75
|
+
To make further adjustments in the component library:
|
|
76
|
+
|
|
77
|
+
1. run `npm install`
|
|
78
|
+
2. make code adjustments
|
|
79
|
+
3. run `npm build`
|
|
80
|
+
|
|
81
|
+
When finished with adjustments you need to unlink local component library with:
|
|
82
|
+
`npm unlink @oc-digital/react-component-library --no-save`
|
|
83
|
+
|
|
84
|
+
Helper Scripts available in the project:
|
|
85
|
+
`npm run useLocalLib` - does initial step 1 to 4
|
|
86
|
+
`npm run unlinkLib` - does unlinking
|
|
87
|
+
|
|
88
|
+
## Playground
|
|
89
|
+
|
|
90
|
+
Use storybook to explore components
|
|
91
|
+
|
|
92
|
+
```bash
|
|
93
|
+
npm run storybook
|
|
94
|
+
```
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
type BreadcrumbSlot = {
|
|
2
|
+
declare type BreadcrumbSlot = {
|
|
3
3
|
name: string;
|
|
4
4
|
link: string;
|
|
5
5
|
};
|
|
6
|
-
type BreadCrumbKeys = "first" | "second" | "third";
|
|
7
|
-
type IBreadcrumbs = {
|
|
6
|
+
declare type BreadCrumbKeys = "first" | "second" | "third";
|
|
7
|
+
declare type IBreadcrumbs = {
|
|
8
8
|
[K in BreadCrumbKeys]?: BreadcrumbSlot;
|
|
9
9
|
};
|
|
10
|
-
type colorOptions = {
|
|
10
|
+
declare type colorOptions = {
|
|
11
11
|
background?: string;
|
|
12
12
|
color?: string;
|
|
13
13
|
};
|
|
14
|
-
type ColorKeys = "primary" | "secondary" | "tertiary";
|
|
15
|
-
export type IBreadcrumbColors = {
|
|
14
|
+
declare type ColorKeys = "primary" | "secondary" | "tertiary";
|
|
15
|
+
export declare type IBreadcrumbColors = {
|
|
16
16
|
[K in ColorKeys]?: colorOptions;
|
|
17
17
|
};
|
|
18
18
|
export interface IBreadcrumbsProps {
|
|
@@ -2,18 +2,18 @@ import { CellProps, HeaderGroup, Row, TableBodyPropGetter, TableBodyProps, Table
|
|
|
2
2
|
import { SchemaOf } from "yup";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { VirtualItem } from "react-virtual/types";
|
|
5
|
-
export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
|
|
6
|
-
export type RowData = {
|
|
5
|
+
export declare type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
|
|
6
|
+
export declare type RowData = {
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
};
|
|
9
|
-
export type ITableHeader = {
|
|
9
|
+
export declare type ITableHeader = {
|
|
10
10
|
Header: string | JSX.Element;
|
|
11
11
|
accessor: string;
|
|
12
12
|
textAlign?: IAlignment;
|
|
13
13
|
};
|
|
14
|
-
export type TableCellValues = null | undefined | string | number | Date | boolean | string[];
|
|
15
|
-
export type SynchCellWithStateFn = (rowIndex: number, columnId: string, value: TableCellValues, errorStatus: boolean, forceUpdate?: boolean) => void;
|
|
16
|
-
export type FieldConfig = {
|
|
14
|
+
export declare type TableCellValues = null | undefined | string | number | Date | boolean | string[];
|
|
15
|
+
export declare type SynchCellWithStateFn = (rowIndex: number, columnId: string, value: TableCellValues, errorStatus: boolean, forceUpdate?: boolean) => void;
|
|
16
|
+
export declare type FieldConfig = {
|
|
17
17
|
[key: string]: {
|
|
18
18
|
validationRule?: SchemaOf<any>;
|
|
19
19
|
dependentValidationRule?: (values: {
|
|
@@ -60,7 +60,7 @@ export interface IEditableTableProps {
|
|
|
60
60
|
includeGlobalSearch?: boolean;
|
|
61
61
|
disableHeaderSelect?: boolean;
|
|
62
62
|
}
|
|
63
|
-
type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
|
|
63
|
+
declare type AdditionalCellProps = Pick<IEditableTableProps, "fieldConfig" | "syncCellWithState" | "setRows">;
|
|
64
64
|
export interface ExtendedCellProps extends AdditionalCellProps, CellProps<RowData> {
|
|
65
65
|
disabled: boolean;
|
|
66
66
|
}
|
|
@@ -4,7 +4,7 @@ export declare const TableTextField: React.FC<IEssentialRenderFnProps>;
|
|
|
4
4
|
export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
5
5
|
export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
6
6
|
export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
|
|
7
|
-
export declare const SelectionCheckbox: React.ComponentType<Pick<import("@material-ui/core").CheckboxProps, "color" | "translate" | "hidden" | "size" | "style" | "icon" | "disabled" | "value" | "onBlur" | "onChange" | "prefix" | "checked" | "indeterminate" | "checkedIcon" | "className" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "
|
|
7
|
+
export declare const SelectionCheckbox: React.ComponentType<Pick<import("@material-ui/core").CheckboxProps, "color" | "translate" | "hidden" | "size" | "style" | "icon" | "disabled" | "value" | "onBlur" | "onChange" | "prefix" | "checked" | "indeterminate" | "checkedIcon" | "className" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "form" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "disableFocusRipple" | "edge" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "inputProps" | "inputRef" | "readOnly" | "required" | "indeterminateIcon"> & import("@material-ui/core").StyledComponentProps<"root">>;
|
|
8
8
|
interface ITableDatePicker extends IEssentialRenderFnProps {
|
|
9
9
|
fullDate?: boolean;
|
|
10
10
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
+
export declare type NavbarProps = {
|
|
4
|
+
tabs: Array<{
|
|
5
|
+
Icon: FC<ISvgComponentProps>;
|
|
6
|
+
field: string;
|
|
7
|
+
path: string;
|
|
8
|
+
separate?: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
};
|
|
11
|
+
declare const Navbar: ({ tabs }: NavbarProps) => JSX.Element;
|
|
12
|
+
export default Navbar;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
import { ISvgComponentProps } from "../SvgComponents/types";
|
|
3
|
+
export declare type NavbarLayoutTabs = Array<{
|
|
4
|
+
Icon: FC<ISvgComponentProps>;
|
|
5
|
+
field: string;
|
|
6
|
+
path: string;
|
|
7
|
+
separate?: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
export declare type NavbarLayoutProps = {
|
|
10
|
+
tabs: NavbarLayoutTabs;
|
|
11
|
+
hideTabs?: boolean;
|
|
12
|
+
leaveHeightForMenu?: boolean;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
};
|
|
15
|
+
declare const NavbarLayout: ({ tabs, hideTabs, leaveHeightForMenu, children, }: NavbarLayoutProps) => JSX.Element;
|
|
16
|
+
export default NavbarLayout;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export type cellAlignmentOptions = "centerJustify" | "leftJustify" | "rightJustify";
|
|
3
|
-
export type headerColours = {
|
|
2
|
+
export declare type cellAlignmentOptions = "centerJustify" | "leftJustify" | "rightJustify";
|
|
3
|
+
export declare type headerColours = {
|
|
4
4
|
background?: string;
|
|
5
5
|
border?: string;
|
|
6
6
|
text?: string;
|
|
@@ -10,7 +10,7 @@ interface INumberFormatProps extends Omit<NumberFormatProps, "onChange"> {
|
|
|
10
10
|
value: string;
|
|
11
11
|
};
|
|
12
12
|
}) => void;
|
|
13
|
-
inputRef: (instance: NumberFormat
|
|
13
|
+
inputRef: (instance: NumberFormat | null) => void;
|
|
14
14
|
fixedDecimalScale: boolean;
|
|
15
15
|
}
|
|
16
16
|
export declare const NumberFormatField: (props: INumberFormatProps) => JSX.Element;
|
package/build/globals/index.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export declare const FORM_ERROR = "error";
|
|
|
14
14
|
export declare const FORM_LOADING = "loading";
|
|
15
15
|
export declare const FORM_ENABLED = "enabled";
|
|
16
16
|
export declare const FORM_WARNING = "warning";
|
|
17
|
-
export type FormStatuses = typeof FORM_SUCCESS | typeof FORM_ERROR | typeof FORM_LOADING | typeof FORM_ENABLED | typeof FORM_WARNING;
|
|
17
|
+
export declare type FormStatuses = typeof FORM_SUCCESS | typeof FORM_ERROR | typeof FORM_LOADING | typeof FORM_ENABLED | typeof FORM_WARNING;
|
|
18
18
|
export declare const READ_LEVEL = "read";
|
|
19
19
|
export declare const WRITE_LEVEL = "write";
|
|
20
20
|
export declare const NO_ACCESS_LEVEL = "noAccess";
|
package/build/index.d.ts
CHANGED
|
@@ -25,5 +25,6 @@ import ImageDisplayAndUpload from "./ImageDisplayAndUpload/ImageDisplayAndUpload
|
|
|
25
25
|
import Alert from "./Alert/Alert";
|
|
26
26
|
import AlphabeticalList from "./AlphabeticalList/AlphabeticalList";
|
|
27
27
|
import { ISelectProps } from "./Select/Select.types";
|
|
28
|
-
|
|
29
|
-
export
|
|
28
|
+
import { NavbarLayout, NavbarLayoutTabs } from "./NavbarLayout";
|
|
29
|
+
export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, ErrorIndicator, LeftNavigation, MainLayout, SearchBar, TextField, Select, DatePicker, KeyboardDatePicker, ButtonWithConfirm, EditableTable, TableTextField, TableSelect, TableMultipleSelect, NonEditableField, TableDatePicker, tableNumericStringField, tableNumericStringFixedDecimalField, tableDateField, tableInvoiceDateField, tableCheckbox, didCellValueChange, useDebounceEffect, useInterval, useWhyDidYouUpdate, AlphabeticalList, NumberFormatField, NavbarLayout, };
|
|
30
|
+
export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, };
|