@oc-digital/react-component-library 2.1.8 → 2.1.9-beta.0

package/README.md

@@ -1,94 +1,94 @@
-# Optimal Compliance React Component Library
-
-React component library used in Optimal Compliance React projects
-
-## Installation
-
-Use [npm](https://www.npmjs.com/) to install.
-
-```bash
-npm install @oc-digital/react-component-library
-```
-
-or [yarn](https://yarnpkg.com/)
-
-```bash
-yarn add @oc-digital/react-component-library
-```
-
-## Peer dependencies
-
-```json
-  "react": ">=17.0.0",
-  "react-dom": ">=17.0.0",
-  "@material-ui/core": "=4.12.3",
-  "@material-ui/icons": "=4.11.2",
-  "react-router-dom": ">=5.0.0",
-  "@date-io/date-fns": "=1.3.13",
-  "date-fns": "=2.25.0",
-  "react-number-format": "=4.8.0",
-  "@material-ui/pickers": "=3.3.10",
-  "yup": "=0.32.11",
-  "react-table": "=7.7.0",
-  "@material-ui/lab": ">=4.0.0-alpha.60",
-  "lodash": "^4.17.21",
-```
-
-## Usage
-
-```jsx
-import React from "react";
-import { Button } from "@oc-digital/react-component-library";
-
-const ReactComponent = () => (
-  <Button onClick={() => console.log("Clicked me!")}>Click Me!</Button>
-);
-```
-
-## Local Usage
-
-    1. increment the package version and add -beta.0 (e.g. 2.0.6 => 2.0.7-beta.0) and run npm install
-        1a. if you need to further increment and publish use -beta.1, -beta.2 and so on
-        1b. you can use this all in one command for the above - npm version 2.0.7-beta.0
-    2. publish the component library with command - npm publish --tag beta
-    3. pin the version in the receiving library to "=2.0.7-beta.0" and run npm install
-    4. once happy with the changes remove -beta.0 part and part and publish component library
-        4a. update the version in the receiving library to "^2.0.7"
-
-## Building and publishing
-
-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.
-
-## Local Usage(OLD DEPRECATED)
-
-You can use this library locally, however few steps are required:
-
-In the root of component library:
-
-1. install `npm install` and build `npm run build` component library
-2. remove `node_modules` folder
-3. run `npm link`
-
-In the receiving project:  
-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)
-
-To make further adjustments in the component library:
-
-1. run `npm install`
-2. make code adjustments
-3. run `npm build`
-
-When finished with adjustments you need to unlink local component library with:  
-`npm unlink @oc-digital/react-component-library --no-save`
-
-Helper Scripts available in the project:  
-`npm run useLocalLib` - does initial step 1 to 4  
-`npm run unlinkLib` - does unlinking
-
-## Playground
-
-Use storybook to explore components
-
-```bash
-npm run storybook
-```
+# Optimal Compliance React Component Library
+
+React component library used in Optimal Compliance React projects
+
+## Installation
+
+Use [npm](https://www.npmjs.com/) to install.
+
+```bash
+npm install @oc-digital/react-component-library
+```
+
+or [yarn](https://yarnpkg.com/)
+
+```bash
+yarn add @oc-digital/react-component-library
+```
+
+## Peer dependencies
+
+```json
+  "react": ">=17.0.0",
+  "react-dom": ">=17.0.0",
+  "@material-ui/core": "=4.12.3",
+  "@material-ui/icons": "=4.11.2",
+  "react-router-dom": ">=5.0.0",
+  "@date-io/date-fns": "=1.3.13",
+  "date-fns": "=2.25.0",
+  "react-number-format": "=4.8.0",
+  "@material-ui/pickers": "=3.3.10",
+  "yup": "=0.32.11",
+  "react-table": "=7.7.0",
+  "@material-ui/lab": ">=4.0.0-alpha.60",
+  "lodash": "^4.17.21",
+```
+
+## Usage
+
+```jsx
+import React from "react";
+import { Button } from "@oc-digital/react-component-library";
+
+const ReactComponent = () => (
+  <Button onClick={() => console.log("Clicked me!")}>Click Me!</Button>
+);
+```
+
+## Local Usage
+
+    1. increment the package version and add -beta.0 (e.g. 2.0.6 => 2.0.7-beta.0) and run npm install
+        1a. if you need to further increment and publish use -beta.1, -beta.2 and so on
+        1b. you can use this all in one command for the above - npm version 2.0.7-beta.0
+    2. publish the component library with command - npm publish --tag beta
+    3. pin the version in the receiving library to "=2.0.7-beta.0" and run npm install
+    4. once happy with the changes remove -beta.0 part and part and publish component library
+        4a. update the version in the receiving library to "^2.0.7"
+
+## Building and publishing
+
+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.
+
+## Local Usage(OLD DEPRECATED)
+
+You can use this library locally, however few steps are required:
+
+In the root of component library:
+
+1. install `npm install` and build `npm run build` component library
+2. remove `node_modules` folder
+3. run `npm link`
+
+In the receiving project:  
+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)
+
+To make further adjustments in the component library:
+
+1. run `npm install`
+2. make code adjustments
+3. run `npm build`
+
+When finished with adjustments you need to unlink local component library with:  
+`npm unlink @oc-digital/react-component-library --no-save`
+
+Helper Scripts available in the project:  
+`npm run useLocalLib` - does initial step 1 to 4  
+`npm run unlinkLib` - does unlinking
+
+## Playground
+
+Use storybook to explore components
+
+```bash
+npm run storybook
+```

package/build/DatePicker/DatePicker.types.d.ts

@@ -1,5 +1,7 @@
-import { DatePickerProps } from "@material-ui/pickers";
+import { DatePickerProps } from "@mui/x-date-pickers";
 import { IAuthoriserProp } from "../globals";
-export interface IDatePickerProps extends IAuthoriserProp, DatePickerProps {
+declare type InputDate = any;
+export interface IDatePickerProps extends IAuthoriserProp, DatePickerProps<InputDate, InputDate> {
     styling?: string;
 }
+export {};

package/build/EditableTable/defaultCells.d.ts

@@ -4,7 +4,7 @@ export declare const TableTextField: React.FC<IEssentialRenderFnProps>;
 export declare const tableTextField: (tableProps: ICustomRenderFnProps) => JSX.Element;
 export declare const tableNumericStringField: (tableProps: ICustomRenderFnProps) => JSX.Element;
 export declare const tableNumericStringFixedDecimalField: (tableProps: ICustomRenderFnProps) => JSX.Element;
-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">>;
+export declare const SelectionCheckbox: React.JSXElementConstructor<Omit<import("@mui/material").CheckboxProps, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root">>;
 interface ITableDatePicker extends IEssentialRenderFnProps {
     fullDate?: boolean;
 }

package/build/KeyboardDatePicker/KeyboardDatePicker.types.d.ts

@@ -1,5 +1,7 @@
-import { KeyboardDatePickerProps } from "@material-ui/pickers";
+import { DatePickerProps } from "@mui/x-date-pickers";
 import { IAuthoriserProp } from "../globals";
-export interface IKeyboardDatePickerProps extends IAuthoriserProp, KeyboardDatePickerProps {
+declare type InputDate = any;
+export interface IKeyboardDatePickerProps extends IAuthoriserProp, DatePickerProps<InputDate, InputDate> {
     styling?: string;
 }
+export {};

package/build/Select/Select.types.d.ts

@@ -1,4 +1,4 @@
-import { OutlinedTextFieldProps } from "@material-ui/core";
+import { OutlinedTextFieldProps } from "@mui/material";
 import { IAuthoriserProp } from "../globals";
 export interface IStyleProps {
     background: string;

package/build/TextField/TextField.types.d.ts

@@ -1,4 +1,4 @@
-import { OutlinedTextFieldProps } from "@material-ui/core";
+import { OutlinedTextFieldProps } from "@mui/material";
 import { IAuthoriserProp } from "../globals";
 export interface ITextFieldProps extends IAuthoriserProp, Omit<OutlinedTextFieldProps, "variant"> {
     styling?: string;

package/build/index.d.ts

@@ -25,6 +25,5 @@ import ImageDisplayAndUpload from "./ImageDisplayAndUpload/ImageDisplayAndUpload
 import Alert from "./Alert/Alert";
 import AlphabeticalList from "./AlphabeticalList/AlphabeticalList";
 import { ISelectProps } from "./Select/Select.types";
-import { NavbarLayout, NavbarLayoutTabs } from "./NavbarLayout";
-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, };
-export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, NavbarLayoutTabs, };
+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, };
+export type { FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, ISelectProps, IEntity, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, };