fix(rollup&Fields): update rollup, use uuidV4, update packages (#144)

onebeyond · Jun 6, 2023 · 40e60a9 · 40e60a9
1 parent 940e49d
commit 40e60a9
Show file tree

Hide file tree

Showing 6 changed files with 2,514 additions and 2,568 deletions.
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -79,6 +79,7 @@
  "react-select-event": "^5.3.0",
  "rollup": "^2.36.2",
  "rollup-plugin-peer-deps-external": "^2.2.4",
+ "rollup-plugin-polyfill-node": "^0.12.0",
  "rollup-plugin-postcss": "^4.0.0",
  "rollup-plugin-replace": "^2.2.0",
  "rollup-plugin-uglify": "^6.0.4"
@@ -97,6 +98,7 @@
  "react-phone-number-input": "^3.1.10",
  "react-select": "^4.0.2",
  "react-ymd-date-select": "^0.1.0",
- "theme-ui": "^0.10.0"
+ "theme-ui": "^0.10.0",
+ "uuidv4": "^6.2.13"
  }
 }
diff --git a/rollup.config.js b/rollup.config.js
@@ -25,7 +25,8 @@ export default {
  'react-datepicker': 'react-datepicker',
  'react-select': 'react-select',
  'react-scripts': 'react-scripts',
- 'react-dom': 'ReactDOM'
+ 'react-dom': 'ReactDOM',
+ 'react-ymd-date-select': 'react-ymd-date-select'
  }
  },
 
@@ -52,6 +53,7 @@ export default {
  'react-datepicker',
  'react-scripts',
  'react-select',
- 'react-dom'
+ 'react-dom',
+ 'react-ymd-date-select'
  ]
 }
diff --git a/src/Fields/AsyncReactSelect/index.js b/src/Fields/AsyncReactSelect/index.js
@@ -1,7 +1,7 @@
 /** @jsxRuntime classic */
 
-import React, { useId } from 'react'
-
+import React from 'react'
+import { v4 as uuid } from 'uuid'
 import { useThemeUI } from 'theme-ui'
 import { RHFInput } from 'react-hook-form-input'
 import AsyncSelect from 'react-select/async'
@@ -94,7 +94,7 @@ const Select = ({
  <AsyncSelect
  aria-label={label}
  styles={customStyles}
- id={useId()}
+ id={uuid()}
  {...props}
  />
  }

diff --git a/src/Fields/Select/index.js b/src/Fields/Select/index.js
@@ -1,7 +1,7 @@
 /** @jsxRuntime classic */
 
-import React, { useId } from 'react'
-
+import React from 'react'
+import { v4 as uuid } from 'uuid'
 import { useThemeUI } from 'theme-ui'
 import { RHFInput } from 'react-hook-form-input'
 import ReactSelect from 'react-select'
@@ -94,7 +94,7 @@ const Select = ({
  <ReactSelect
  aria-label={label}
  styles={customStyles}
- id={useId()}
+ id={uuid()}
  {...props}
  />
  }