@linn-it/linn-form-components-library 12.7.0 → 13.0.0-alpha.0

package/package.json

@@ -1,13 +1,16 @@
 {
     "name": "@linn-it/linn-form-components-library",
-    "version": "12.7.0",
+    "version": "13.0.0-alpha.0",
     "private": false,
+    "jest": {
+        "testEnvironment": "jsdom"
+    },
     "dependencies": {
-        "classnames": "^2.2.6",
-        "clsx": "^1.1.0",
+        "classnames": "^2.3.1",
+        "clsx": "^1.1.1",
         "numeral": "^2.0.6",
         "prop-types": "^15.7.2",
-        "query-string": "^6.11.0"
+        "query-string": "^7.0.1"
     },
     "scripts": {
         "start": "react-scripts start",
@@ -22,20 +25,23 @@
         "storybook": "start-storybook -p 9009 -s public",
         "eslint-check": "eslint --print-config . | eslint-config-prettier-check"
     },
+    "resolutions": {
+        "**/@emotion/styled": "^11.0.0"
+    },
     "peerDependencies": {
-        "@material-ui/core": "^4.11.0",
-        "@material-ui/icons": "^4.9.1",
-        "@material-ui/pickers": "^3.2.10",
-        "@material-ui/styles": "^4.11.2",
-        "notistack": "^1.0.10",
+        "@emotion/react": "^11.6.0",
+        "@emotion/styled": "^11.6.0",
+        "@mui/icons-material": "^5.2.0",
+        "@mui/lab": "^5.0.0-alpha.56",
+        "@mui/material": "^5.2.2",
+        "@mui/styles": "^5.2.0",
+        "notistack": "^2.0.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-redux": "^7.2.0",
-        "react-router": "^5.1.2",
-        "react-router-dom": "^5.1.2",
-        "redux-api-middleware": "^3.2.0",
-        "@emotion/react": "^11.5.0",
-        "@emotion/styled": "^10.0.27"
+        "react-router": "^5.2.1",
+        "react-router-dom": "^5.3.0",
+        "redux-api-middleware": "^3.2.1"
     },
     "eslintConfig": {
         "extends": "react-app",
@@ -50,53 +56,54 @@
         "not op_mini all"
     ],
     "devDependencies": {
-        "@babel/core": "^7.8.4",
-        "@babel/plugin-proposal-optional-chaining": "^7.8.3",
-        "@babel/plugin-transform-runtime": "^7.8.3",
-        "@date-io/moment": "^1.3.13",
-        "@material-ui/core": "^4.12.3",
-        "@material-ui/icons": "^4.11.2",
-        "@material-ui/pickers": "^3.3.10",
-        "@material-ui/styles": "^4.11.4",
+        "@babel/core": "^7.16.0",
+        "@babel/plugin-proposal-optional-chaining": "^7.16.0",
+        "@babel/plugin-transform-runtime": "^7.16.4",
+        "@emotion/react": "^11.6.0",
+        "@emotion/styled": "^11.6.0",
+        "@mui/icons-material": "^5.2.0",
+        "@mui/lab": "^5.0.0-alpha.56",
+        "@mui/material": "^5.2.2",
+        "@mui/styles": "^5.2.0",
         "@storybook/addon-actions": "^6.3.12",
         "@storybook/addon-docs": "^6.3.12",
         "@storybook/addon-essentials": "^6.3.12",
         "@storybook/addons": "^6.3.12",
-        "@storybook/codemod": "^6.1.14",
+        "@storybook/codemod": "^6.3.12",
         "@storybook/react": "^6.3.12",
         "@storybook/storybook-deployer": "^2.8.10",
         "@storybook/theming": "^6.3.12",
-        "@testing-library/jest-dom": "^5.1.1",
-        "@testing-library/react": "^11.2.3",
-        "@testing-library/react-hooks": "^5.0.0",
-        "babel-eslint": "^10.0.3",
-        "babel-loader": "^8.0.6",
+        "@testing-library/jest-dom": "^5.15.1",
+        "@testing-library/react": "^12.1.2",
+        "@testing-library/react-hooks": "^7.0.2",
+        "babel-eslint": "^10.1.0",
+        "babel-loader": "^8.2.3",
         "babel-preset-react": "^6.24.1",
         "deep-freeze": "0.0.1",
         "eslint": "^7.32.0",
         "eslint-config-airbnb": "^18.2.1",
         "eslint-config-prettier": "^8.3.0",
         "eslint-loader": "^4.0.2",
-        "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-jest": "^25.2.4",
-        "eslint-plugin-jsx-a11y": "^6.4.1",
+        "eslint-plugin-import": "^2.25.3",
+        "eslint-plugin-jest": "^25.3.0",
+        "eslint-plugin-jsx-a11y": "^6.5.1",
         "eslint-plugin-mdx": "^1.16.0",
         "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.26.1",
-        "jest": "^25.1.0",
-        "jscodeshift": "^0.11.0",
+        "eslint-plugin-react": "^7.27.1",
+        "jest": "^27.3.1",
+        "jscodeshift": "^0.13.0",
         "moment": "^2.29.1",
-        "notistack": "^1.0.10",
+        "notistack": "^2.0.3",
         "prettier": "^2.4.1",
-        "react": "^16.14.0",
-        "react-dom": "^16.14.0",
-        "react-router-dom": "^5.1.2",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "react-router-dom": "^6.0.2",
         "rollup": "^1.31.1",
         "rollup-plugin-babel": "^4.3.3",
         "rollup-plugin-postcss": "^2.0.6",
         "rollup-plugin-terser": "^5.2.0",
         "rollup-plugin-uglify": "^6.0.4",
-        "sb": "^6.1.14"
+        "sb": "^6.3.12"
     },
     "storybook-deployer": {
         "gitUsername": "GH Pages Bot",

package/cjs/InputField-fa65c239.js

@@ -1 +0,0 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var e=_interopDefault(require("react")),r=_interopDefault(require("@material-ui/styles/makeStyles")),t=_interopDefault(require("prop-types")),l=_interopDefault(require("@material-ui/core/TextField")),a=_interopDefault(require("@material-ui/core/InputLabel")),n=_interopDefault(require("@material-ui/core/InputAdornment")),o=_interopDefault(require("moment"));function _extends(){return(_extends=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e}).apply(this,arguments)}const i=r(e=>({root:{paddingTop:0,marginTop:e.spacing(1)},disabled:{background:e.palette.grey[100],color:e.palette.text.secondary},label:{fontSize:e.typography.fontSize},labelAsterisk:{color:e.palette.error.main},required:{color:e.palette.error.main},error:{color:e.palette.error.main}})),hasValue=e=>e||0===e;function InputField(r){let{onChange:t,propertyName:u,type:s,adornment:p,disabled:d,error:c,fullWidth:m,helperText:g,label:f,margin:b,maxLength:h,rows:x,name:y,placeholder:F,required:q,value:v,decimalPlaces:_,textFieldProps:P,autoFocus:T}=r;const D=i();return e.createElement(e.Fragment,null,e.createElement(a,{classes:{root:D.label,asterisk:D.labelAsterisk},required:q,error:c,htmlFor:u},f),e.createElement(l,_extends({classes:{root:D.root},disabled:d,error:c,fullWidth:m,helperText:g,margin:b,multiline:x>0,name:y,id:u,placeholder:F,required:q,rows:x,type:s,value:"date"===s?o(v).format("YYYY-MM-DD"):(I=v,hasValue(I)?I:""),onChange:e=>(e=>{const r=e.target.value;let l=r;"date"===s&&(l=r?o(r).utc().format():""),"number"===s&&(l=hasValue(r)?parseFloat(r):null,l&&_&&r.indexOf(".")<r.length-_&&-1!==r.indexOf(".")&&(l=parseFloat(r.slice(0,r.indexOf(".")+_+1)))),t(u,l)})(e),InputProps:{startAdornment:p?e.createElement(n,{position:"start"},p):null,inputProps:{maxLength:h},classes:{disabled:D.disabled}},FormHelperTextProps:{classes:{required:D.required,error:D.error}},onInput:e=>{"number"===s&&h&&(e.target.value=e.target.value.slice(0,h))},variant:"outlined",autoFocus:T},P)));var I}InputField.propTypes={adornment:t.oneOfType([t.string,t.shape({})]),disabled:t.bool,error:t.bool,fullWidth:t.bool,helperText:t.string,label:t.string,margin:t.string,maxLength:t.number,required:t.bool,rows:t.number,name:t.string,placeholder:t.string,propertyName:t.string.isRequired,type:t.string,value:t.oneOfType([t.string,t.number]),onChange:t.func,decimalPlaces:t.number,textFieldProps:t.shape({}),autoFocus:t.bool},InputField.defaultProps={adornment:"",disabled:!1,error:!1,fullWidth:!1,helperText:"",label:"",margin:"dense",maxLength:null,required:!1,rows:null,name:"",placeholder:"",type:"text",value:"",onChange:null,decimalPlaces:null,textFieldProps:null,autoFocus:!1},exports.InputField=InputField,exports._extends=_extends;

package/cjs/ReportTable-091d7264.js

@@ -1 +0,0 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var e=require("react"),l=_interopDefault(e),r=_interopDefault(require("@material-ui/styles/makeStyles")),t=_interopDefault(require("@material-ui/core/Button")),a=_interopDefault(require("prop-types")),o=_interopDefault(require("@material-ui/core/Typography")),s=_interopDefault(require("@material-ui/core/Link")),n=_interopDefault(require("@material-ui/core/Table")),i=_interopDefault(require("@material-ui/core/TableBody")),u=_interopDefault(require("@material-ui/core/TableCell")),c=_interopDefault(require("@material-ui/core/TableHead")),m=_interopDefault(require("@material-ui/core/TableRow")),p=_interopDefault(require("@material-ui/core/Paper")),d=_interopDefault(require("numeral")),h=_interopDefault(require("@material-ui/core/Modal")),w=require("react-router-dom"),f=require("./Title.js"),y=require("./ErrorCard.js");const g=r(e=>({link:{textDecoration:"none",color:e.palette.primary.main,padding:0,"&:hover":{cursor:"pointer",textDecoration:"underline",background:"transparent"}}}));function LinkOrAnchor(e){let{hasExternalLinks:r,text:a,href:o}=e;const n=g();return r?l.createElement("a",{style:{textDecoration:"none"},href:o},l.createElement(t,{size:"small",className:n.link},a)):l.createElement(s,{className:n.link,component:w.Link,to:o}," ",a," ")}const format=(e,l,r,t)=>{let a;return a=t&&"0"!==t?".".concat(Array(t+1).join("0")):"",e||0===e?(l||"")+d(e).format("0,0".concat(a))+(r||""):null},setDrilldown=(e,l)=>{let r,t;e&&e.hasOwnProperty("displayString")?(r=e.displayString,e.drillDowns.length>0&&(t=e.drillDowns[0].href)):r=e;return t?LinkOrAnchor({hasExternalLinks:l,text:r,href:t}):r},formatTitle=(r,t,a,s,n)=>{if(s)return l.createElement("strong",null,"Error");if(!t)return"";let i;return i=r&&r.displayString?r.displayString:r,a?l.createElement(o,{variant:"subtitle1"},"".concat(i," (loading)")):l.createElement(e.Fragment,null,l.createElement("div",null,l.createElement(o,{variant:"subtitle1"},setDrilldown(r))),n?l.createElement("div",null,l.createElement(h,{"aria-labelledby":"simple-modal-title","aria-describedby":"simple-modal-description"},n)):"")},setValueDrilldown=(e,l)=>{let r;if(e&&(e.displayValue||0===e.displayValue))if(e.drillDowns&&e.drillDowns.length>0){const t=format(e.displayValue,e.prefix,e.suffix,e.decimalPlaces),{href:a}=e.drillDowns[0];r=LinkOrAnchor({hasExternalLinks:l,href:a,text:t})}else r=format(e.displayValue,e.prefix,e.suffix,e.decimalPlaces);else r=null;return r},E=a.shape({rowHeader:a.string.isRequired,columnHeaders:a.arrayOf(a.string).isRequired,varianceColumns:a.arrayOf(a.number).isRequired}),k=a.shape({rowTitle:a.object.isRequired,rowSortOrder:a.number,values:a.arrayOf(a.object).isRequired}),x=a.shape({title:a.object,resultType:a.string,reportValueType:a.string,headers:E,results:a.arrayOf(k).isRequired,totals:k}),T=r(()=>({subTotal:{fontWeight:"bolder"},root:{width:"100%",overflow:"auto",textAlign:"center",pageBreakInside:"avoid"},rootAllowsPageBreaks:{width:"100%",overflow:"auto",textAlign:"center"},numberField:{textAlign:"right"},noWrap:{whiteSpace:"nowrap"},smallCol:{width:"100px",overflow:"auto"},mediumCol:{width:"200px",overflow:"auto"},largeCol:{width:"300px",overflow:"auto"}})),setCellClasses=(e,l,r,t,a,o,s,n,i)=>{let u="";return("Subtotal"===t||s)&&(u+="".concat(e.subTotal," ")),o||r||(u+="".concat(e.numberField," ")),n||(u+="".concat(e.noWrap," ")),i&&(u+="".concat(i," ")),u},setHeaderCellClasses=(e,l,r,t,a,o)=>{let s="";return r||(s+="".concat(e.numberField," ")),"small"===a&&(s+="".concat(e.smallCol," ")),"medium"===a&&(s+="".concat(e.mediumCol," ")),"large"===a&&(s+="".concat(e.largeCol," ")),o&&(s+="".concat(o," ")),s},Results=e=>{let{reportData:r,classes:t,title:a,showTitle:o,showTotals:s,hasExternalLinks:d,showRowTitles:h,columnClasses:w,allowPageBreakInside:y}=e;return l.createElement(p,{className:y?t.rootAllowsPageBreaks:t.root},l.createElement(f,{text:formatTitle(a,o,!r,r&&r.error,r?r.reportHelpText:"")}),l.createElement("div",{style:{backgroundColor:"white"}},l.createElement(n,{size:"small"},l.createElement(c,{key:"headers"},l.createElement(m,null,h?l.createElement(u,null," ",r.headers.rowHeader," "):null,r.headers.columnHeaders.map((e,a)=>l.createElement(u,{className:setHeaderCellClasses(t,r.headers.varianceColumns.includes(a),r.headers.textColumns.includes(a),r.headers.totalColumns.includes(a),w?w[a]:null),key:e},e)))),l.createElement(i,null,r.results.map((e,a)=>l.createElement(m,{key:a},h?l.createElement(u,{className:t.noWrap},setDrilldown(e.rowTitle,d)):null,e.values.map((a,o)=>l.createElement(u,{className:setCellClasses(t,a&&a.displayValue,a?a.textDisplayValue:null,e.rowType,r.headers.varianceColumns.includes(o),r.headers.textColumns.includes(o),r.headers.totalColumns.includes(o),!a||a.allowWrap),key:o},setValueDrilldown(a,d),((e,l)=>{let r;if(e&&e.textDisplayValue)if(e.drillDowns&&e.drillDowns.length>0){const t=e.textDisplayValue,{href:a}=e.drillDowns[0];r=LinkOrAnchor({hasExternalLinks:l,text:t,href:a})}else r=e.textDisplayValue;else r=null;return r})(a,d))))),!!s&&l.createElement(m,{key:"totals"},h?l.createElement(u,null,r.totals.rowTitle.displayString):null,r.totals.values.map((e,a)=>l.createElement(u,{className:setCellClasses(t,e&&e.displayValue,e?e.textDisplayValue:null,"Total",r.headers.varianceColumns.includes(a),r.headers.textColumns.includes(a),r.headers.totalColumns.includes(a),!e||e.allowWrap),key:a},setValueDrilldown(e,d))))))))};function ReportTable(e){let{placeholderRows:r,placeholderColumns:t,reportData:a,hasExternalLinks:o,title:s,showTitle:c,showTotals:d,showRowTitles:h,columnClasses:w,allowPageBreakInside:f}=e;const g=T();return a?a.message?l.createElement(y,{errorMessage:a.message}):Results({reportData:a,hasExternalLinks:o,classes:g,title:s,showRowTitles:h,showTitle:c,showTotals:d,columnClasses:w,allowPageBreakInside:f}):l.createElement(p,{className:f?g.rootAllowsPageBreaks:g.root},l.createElement(n,null,l.createElement(i,null,[...Array(r).keys()].map(e=>l.createElement(m,{key:e},[...Array(t).keys()].map(e=>l.createElement(u,{key:e})))))))}Results.propTypes={hasExternalLinks:a.bool,reportData:x,classes:a.shape({root:a.shape({}),noWrap:a.shape({}),rootAllowsPageBreaks:a.shape({})}).isRequired,title:a.oneOfType([a.string,a.shape({})]),showTitle:a.bool,showTotals:a.bool,showRowTitles:a.bool,columnClasses:a.arrayOf(a.string),allowPageBreakInside:a.bool.isRequired},Results.defaultProps={reportData:null,title:null,showTitle:!0,showTotals:!0,showRowTitles:!0,hasExternalLinks:!1,columnClasses:null},ReportTable.propTypes={hasExternalLinks:a.bool,placeholderRows:a.number.isRequired,placeholderColumns:a.number.isRequired,reportData:a.shape({}),columnClasses:a.arrayOf(a.string),allowPageBreakInside:a.bool},ReportTable.defaultProps={reportData:null,placeholderRows:5,placeholderColumns:6,hasExternalLinks:!1,columnClasses:null,allowPageBreakInside:!1},exports.ReportTable=ReportTable,exports.displayError=e=>l.createElement("h5",{className:"error-message"},e),exports.formatHeading=(e,r,t,a)=>{if(!r)return!1;if(a)return l.createElement("strong",null,"Error");let o;return o=e&&e.displayString?e.displayString:e,t?l.createElement("h5",null,"".concat(o," (loading)")):l.createElement("strong",null,o)},exports.formatTitle=formatTitle;

package/cjs/SearchIcon-d975c890.js

@@ -1 +0,0 @@
-"use strict";var e=function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}(require("react")),t=require("@material-ui/core");exports.SearchIcon=r=>e.createElement(t.IconButton,{onClick:()=>!!r&&r()},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},e.createElement("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})));

package/cjs/rsaaTypes-eda605ad.js

@@ -1 +0,0 @@
-"use strict";const successPayload=e=>async(t,a,o)=>({data:await o.json(),item:e});exports.error=(e,t,a)=>({type:e["FETCH_".concat(t,"_ERROR")],payload:async(e,t,o)=>o?{error:{status:o.status,statusText:"Error - ".concat(o.status," ").concat(o.statusText),details:await o.json(),item:a}}:"Network request failed"}),exports.receiveAdded=(e,t,a)=>({type:e["RECEIVE_NEW_".concat(t)],payload:successPayload(a)}),exports.receiveDeleted=(e,t,a)=>({type:e["RECEIVE_DELETED_".concat(t)],payload:successPayload(a)}),exports.receiveSearch=(e,t,a)=>({type:e["RECEIVE_SEARCH_".concat(t)],payload:successPayload(a)}),exports.receiveUpdated=(e,t,a)=>({type:e["RECEIVE_UPDATED_".concat(t)],payload:successPayload(a)}),exports.received=(e,t,a)=>({type:e["RECEIVE_".concat(t)],payload:successPayload(a)}),exports.receivedProcess=(e,t,a)=>({type:e["RECEIVE_".concat(t)],payload:successPayload(a)}),exports.receivedState=(e,t,a)=>({type:e["RECEIVE_APPLICATION_STATE_".concat(t)],payload:successPayload(a)}),exports.requestAdd=(e,t)=>({type:e["REQUEST_ADD_".concat(t)],payload:{}}),exports.requestDelete=(e,t)=>({type:e["REQUEST_DELETE_".concat(t)],payload:{}}),exports.requestReport=(e,t,a)=>({type:e["REQUEST_".concat(t)],payload:{options:a}}),exports.requestSearch=(e,t)=>({type:e["REQUEST_SEARCH_".concat(t)],payload:{}}),exports.requestUpdate=(e,t)=>({type:e["REQUEST_UPDATE_".concat(t)],payload:{}}),exports.requested=(e,t)=>({type:e["REQUEST_".concat(t)],payload:{}}),exports.requestedState=(e,t)=>({type:e["REQUEST_APPLICATION_STATE_".concat(t)],payload:{}});