@oc-digital/react-component-library 2.0.12 → 2.1.0-beta.1
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.d.ts +5 -0
- package/build/Button/Button.types.d.ts +1 -1
- 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/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.js +145 -1
- package/build/index.js.map +1 -1
- package/build/utils/index.d.ts +1 -1
- package/package.json +135 -130
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
|
-
|
|
2
|
+
type BreadcrumbSlot = {
|
|
3
3
|
name: string;
|
|
4
4
|
link: string;
|
|
5
5
|
};
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
type BreadCrumbKeys = "first" | "second" | "third";
|
|
7
|
+
type IBreadcrumbs = {
|
|
8
8
|
[K in BreadCrumbKeys]?: BreadcrumbSlot;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
type colorOptions = {
|
|
11
11
|
background?: string;
|
|
12
12
|
color?: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
15
|
-
export
|
|
14
|
+
type ColorKeys = "primary" | "secondary" | "tertiary";
|
|
15
|
+
export type IBreadcrumbColors = {
|
|
16
16
|
[K in ColorKeys]?: colorOptions;
|
|
17
17
|
};
|
|
18
18
|
export interface IBreadcrumbsProps {
|
package/build/Button/Button.d.ts
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IButtonProps } from "./Button.types";
|
|
3
|
+
import { Theme } from '@mui/material/styles';
|
|
4
|
+
declare module '@mui/styles/defaultTheme' {
|
|
5
|
+
interface DefaultTheme extends Theme {
|
|
6
|
+
}
|
|
7
|
+
}
|
|
3
8
|
declare const Button: React.FC<IButtonProps>;
|
|
4
9
|
export default Button;
|
|
@@ -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
|
|
6
|
-
export
|
|
5
|
+
export type IAlignment = "left" | "right" | "inherit" | "center" | "justify";
|
|
6
|
+
export type RowData = {
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type ITableHeader = {
|
|
10
10
|
Header: string | JSX.Element;
|
|
11
11
|
accessor: string;
|
|
12
12
|
textAlign?: IAlignment;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
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 = {
|
|
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
|
-
|
|
63
|
+
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" | "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">>;
|
|
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" | "nonce" | "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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type cellAlignmentOptions = "centerJustify" | "leftJustify" | "rightJustify";
|
|
3
|
+
export 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 | null) => void;
|
|
13
|
+
inputRef: (instance: NumberFormat<string> | 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
|
|
17
|
+
export 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";
|