Added support for node 16, formatting and linting (semantic-ui) (#2939)

- Regenerated the `package-lock.json` file with node-16 - Added the `cs-check`, `cs-format` and `lint` scripts along with `lint-staged` to the `package.json` file - Ran `cs-format` over the `src` and `test` directories to fix the build
rjsf-team · Jul 20, 2022 · ce8fc96 · ce8fc96
1 parent e589484
commit ce8fc96
Show file tree

Hide file tree

Showing 58 changed files with 165,583 additions and 18,518 deletions.
diff --git a/packages/semantic-ui/package-lock.json b/packages/semantic-ui/package-lock.json
diff --git a/packages/semantic-ui/package.json b/packages/semantic-ui/package.json
@@ -20,9 +20,18 @@
   "scripts": {
     "build": "rimraf dist && tsdx build --format cjs,es,umd",
     "lint": "eslint src test",
+    "cs-check": "prettier -l \"{src,test}/**/*.js\"",
+    "cs-format": "prettier \"{src,test}/**/*.js\" --write",
+    "lint": "eslint src test",
     "test": "tsdx test",
     "test:update": "tsdx test --u"
   },
+  "lint-staged": {
+    "{src,test}/**/*.js": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
   "peerDependencies": {
     "@rjsf/core": "^4.2.0",
     "@rjsf/utils": "^4.2.0",
@@ -43,7 +52,6 @@
     "@rjsf/utils": "^4.2.0",
     "@rjsf/validator-ajv6": "^4.2.0",
     "atob": "^2.0.3",
-    "babel-eslint": "^10.1.0",
     "eslint": "^8.19.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",

diff --git a/packages/semantic-ui/src/AddButton/index.js b/packages/semantic-ui/src/AddButton/index.js
@@ -1,3 +1,3 @@
 /* eslint-disable import/export */
-export { default } from './AddButton';
-export * from './AddButton';
+export { default } from "./AddButton";
+export * from "./AddButton";
diff --git a/packages/semantic-ui/src/ArrayFieldTemplate/ArrayFieldTemplate.js b/packages/semantic-ui/src/ArrayFieldTemplate/ArrayFieldTemplate.js
@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types,react/destructuring-assignment */
 import React from "react";
 import { Button, Grid, Segment } from "semantic-ui-react";
-import { isFixedItems, getUiOptions } from '@rjsf/utils';
+import { isFixedItems, getUiOptions } from "@rjsf/utils";
 
 import AddButton from "../AddButton";
 import { cleanClassNames, getSemanticProps, MaybeWrap } from "../util";
@@ -46,7 +46,8 @@ function DefaultArrayItem(props) {
             !isInitialArrayItem(props)
               ? { ...gridStyle(!props.horizontalButtons), alignItems: "center" }
               : gridStyle(!props.horizontalButtons)
-          }>
+          }
+        >
           <Grid.Column width={16} verticalAlign="middle">
             {props.children}
           </Grid.Column>
@@ -140,7 +141,8 @@ function DefaultFixedArrayFieldTemplate({
       {fieldDescription && (
         <div
           className="field-description"
-          key={`field-description-${idSchema.$id}`}>
+          key={`field-description-${idSchema.$id}`}
+        >
           {fieldDescription}
         </div>
       )}
@@ -156,7 +158,8 @@ function DefaultFixedArrayFieldTemplate({
               marginTop: "1rem",
               position: "relative",
               textAlign: "right",
-            }}>
+            }}
+          >
             <AddButton onClick={onAddClick} disabled={disabled || readOnly} />
           </div>
         )}
@@ -191,7 +194,8 @@ function DefaultNormalArrayFieldTemplate({
         className,
         classNames,
         "sortable-form-fields",
-      ])}>
+      ])}
+    >
       <ArrayFieldTitle
         key={`array-field-title-${idSchema.$id}`}
         TitleField={TitleField}
@@ -221,7 +225,8 @@ function DefaultNormalArrayFieldTemplate({
               marginTop: "1rem",
               position: "relative",
               textAlign: "right",
-            }}>
+            }}
+          >
             <AddButton onClick={onAddClick} disabled={disabled || readOnly} />
           </div>
         )}
@@ -231,17 +236,14 @@ function DefaultNormalArrayFieldTemplate({
 }
 
 function ArrayFieldTemplate(props) {
-  const { options,
-    schema,
-    uiSchema,
-    formContext, } = props;
+  const { options, schema, uiSchema, formContext } = props;
   const semanticProps = getSemanticProps({
-      options,
-      uiSchema,
-      formContext,
-      defaultSchemaProps: { horizontalButtons : false, wrapItem : false }
+    options,
+    uiSchema,
+    formContext,
+    defaultSchemaProps: { horizontalButtons: false, wrapItem: false },
   });
-  const  { horizontalButtons, wrapItem } = semanticProps;
+  const { horizontalButtons, wrapItem } = semanticProps;
   const itemProps = { horizontalButtons, wrapItem };
 
   if (isFixedItems(schema)) {

diff --git a/packages/semantic-ui/src/ArrayFieldTemplate/index.js b/packages/semantic-ui/src/ArrayFieldTemplate/index.js
@@ -1,3 +1,3 @@
 /* eslint-disable import/export */
-export { default } from './ArrayFieldTemplate';
-export * from './ArrayFieldTemplate';
+export { default } from "./ArrayFieldTemplate";
+export * from "./ArrayFieldTemplate";
diff --git a/packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.js b/packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.js
@@ -29,7 +29,7 @@ function CheckboxWidget(props) {
     defaultSchemaProps: {
       inverted: false,
     },
-   });
+  });
   const { schemaUtils } = registry;
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   const _onChange = (event, data) => onChange && onChange(data.checked);

diff --git a/packages/semantic-ui/src/CheckboxWidget/index.js b/packages/semantic-ui/src/CheckboxWidget/index.js
@@ -1,3 +1,3 @@
 /* eslint-disable import/export */
-export { default } from './CheckboxWidget';
-export * from './CheckboxWidget';
+export { default } from "./CheckboxWidget";
+export * from "./CheckboxWidget";
diff --git a/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.js b/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.js
@@ -41,7 +41,7 @@ function CheckboxesWidget(props) {
     defaultSchemaProps: {
       inverted: false,
     },
-   });
+  });
   const _onChange = option => ({ target: { checked } }) => {
     // eslint-disable-next-line no-shadow
     const all = enumOptions.map(({ value }) => value);

diff --git a/packages/semantic-ui/src/CheckboxesWidget/index.js b/packages/semantic-ui/src/CheckboxesWidget/index.js
@@ -1,3 +1,3 @@
 /* eslint-disable import/export */
-export { default } from './CheckboxesWidget';
-export * from './CheckboxesWidget';
+export { default } from "./CheckboxesWidget";
+export * from "./CheckboxesWidget";
diff --git a/packages/semantic-ui/src/DateTimeWidget/DateTimeWidget.js b/packages/semantic-ui/src/DateTimeWidget/DateTimeWidget.js
@@ -6,29 +6,30 @@ import { getSemanticProps } from "../util";
 
 function DateTimeWidget(props) {
   const {
-  id,
-  required,
-  readonly,
-  disabled,
-  name,
-  label,
-  schema,
-  uiSchema,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  autofocus,
-  options,
-  formContext,
+    id,
+    required,
+    readonly,
+    disabled,
+    name,
+    label,
+    schema,
+    uiSchema,
+    value,
+    onChange,
+    onBlur,
+    onFocus,
+    autofocus,
+    options,
+    formContext,
   } = props;
   const semanticProps = getSemanticProps({
     uiSchema,
     schema,
     formContext,
     options,
   });
-  const _onChange = ({ target: { value } }) => onChange && onChange(localToUTC(value));
+  const _onChange = ({ target: { value } }) =>
+    onChange && onChange(localToUTC(value));
   const _onBlur = () => onBlur && onBlur(id, value);
   const _onFocus = () => onFocus && onFocus(id, value);
   const dateValue = utcToLocal(value);
@@ -39,20 +40,20 @@ function DateTimeWidget(props) {
   );
   return (
     <Form.Input
-    key={id}
-    id={id}
-    type="datetime-local"
-    label={displayLabel ? label || schema.title : false}
-    required={required}
-    autoFocus={autofocus}
-    disabled={disabled || readonly}
-    name={name}
-    {...semanticProps}
-    value={dateValue}
-    onChange={_onChange}
-    onBlur={_onBlur}
-    onFocus={_onFocus}
-  />
+      key={id}
+      id={id}
+      type="datetime-local"
+      label={displayLabel ? label || schema.title : false}
+      required={required}
+      autoFocus={autofocus}
+      disabled={disabled || readonly}
+      name={name}
+      {...semanticProps}
+      value={dateValue}
+      onChange={_onChange}
+      onBlur={_onBlur}
+      onFocus={_onFocus}
+    />
   );
 }
 export default DateTimeWidget;
diff --git a/packages/semantic-ui/src/DateTimeWidget/index.js b/packages/semantic-ui/src/DateTimeWidget/index.js
@@ -1,2 +1,2 @@
-export { default } from './DateTimeWidget';
-export * from './DateTimeWidget';
+export { default } from "./DateTimeWidget";
+export * from "./DateTimeWidget";
diff --git a/packages/semantic-ui/src/DateWidget/DateWidget.js b/packages/semantic-ui/src/DateWidget/DateWidget.js
@@ -35,20 +35,20 @@ function DateWidget(props) {
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   return (
     <Form.Input
-    key={id}
-    id={id}
-    type="date"
-    label={displayLabel ? label || schema.title : false}
-    required={required}
-    autoFocus={autofocus}
-    disabled={disabled || readonly}
-    name={name}
-    {...semanticProps}
-    value={value || value === 0 ? value : ""}
-    onChange={_onChange}
-    onBlur={_onBlur}
-    onFocus={_onFocus}
-  />
+      key={id}
+      id={id}
+      type="date"
+      label={displayLabel ? label || schema.title : false}
+      required={required}
+      autoFocus={autofocus}
+      disabled={disabled || readonly}
+      name={name}
+      {...semanticProps}
+      value={value || value === 0 ? value : ""}
+      onChange={_onChange}
+      onBlur={_onBlur}
+      onFocus={_onFocus}
+    />
   );
 }
 export default DateWidget;
diff --git a/packages/semantic-ui/src/DateWidget/index.js b/packages/semantic-ui/src/DateWidget/index.js
@@ -1,2 +1,2 @@
-export { default } from './DateWidget';
-export * from './DateWidget';
+export { default } from "./DateWidget";
+export * from "./DateWidget";
diff --git a/packages/semantic-ui/src/DescriptionField/index.js b/packages/semantic-ui/src/DescriptionField/index.js
@@ -1,3 +1,3 @@
 /* eslint-disable import/export */
-export { default } from './DescriptionField';
-export * from './DescriptionField';
+export { default } from "./DescriptionField";
+export * from "./DescriptionField";
diff --git a/packages/semantic-ui/src/EmailWidget/EmailWidget.js b/packages/semantic-ui/src/EmailWidget/EmailWidget.js
@@ -26,7 +26,7 @@ function EmailWidget(props) {
     uiSchema,
     formContext,
     options,
- });
+  });
   const { schemaUtils } = registry;
   // eslint-disable-next-line no-shadow
   const _onChange = ({ target: { value } }) =>

diff --git a/packages/semantic-ui/src/EmailWidget/index.js b/packages/semantic-ui/src/EmailWidget/index.js
@@ -1,2 +1,2 @@
-export { default } from './EmailWidget';
-export * from './EmailWidget';
+export { default } from "./EmailWidget";
+export * from "./EmailWidget";
diff --git a/packages/semantic-ui/src/ErrorList/index.js b/packages/semantic-ui/src/ErrorList/index.js
@@ -1,3 +1,3 @@
 /* eslint-disable import/export */
-export { default } from './ErrorList';
-export * from './ErrorList';
+export { default } from "./ErrorList";
+export * from "./ErrorList";
diff --git a/packages/semantic-ui/src/FieldTemplate/FieldTemplate.js b/packages/semantic-ui/src/FieldTemplate/FieldTemplate.js
@@ -4,8 +4,8 @@ import { Form } from "semantic-ui-react";
 import DescriptionField from "../DescriptionField";
 import HelpField from "../HelpField";
 import RawErrors from "../RawErrors";
-import WrapIfAdditional from './WrapIfAdditional';
-import { getSemanticProps,getSemanticErrorProps, MaybeWrap } from "../util";
+import WrapIfAdditional from "./WrapIfAdditional";
+import { getSemanticProps, getSemanticErrorProps, MaybeWrap } from "../util";
 
 function FieldTemplate({
   id,