useId.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
  4. Object.defineProperty(exports, "__esModule", {
  5. value: true
  6. });
  7. exports.default = void 0;
  8. exports.resetUuid = resetUuid;
  9. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  10. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  11. var React = _interopRequireWildcard(require("react"));
  12. function getUseId() {
  13. // We need fully clone React function here to avoid webpack warning React 17 do not export `useId`
  14. var fullClone = (0, _objectSpread2.default)({}, React);
  15. return fullClone.useId;
  16. }
  17. var uuid = 0;
  18. /** @private Note only worked in develop env. Not work in production. */
  19. function resetUuid() {
  20. if (process.env.NODE_ENV !== 'production') {
  21. uuid = 0;
  22. }
  23. }
  24. var useOriginId = getUseId();
  25. var _default = exports.default = useOriginId ?
  26. // Use React `useId`
  27. function useId(id) {
  28. var reactId = useOriginId();
  29. // Developer passed id is single source of truth
  30. if (id) {
  31. return id;
  32. }
  33. // Test env always return mock id
  34. if (process.env.NODE_ENV === 'test') {
  35. return 'test-id';
  36. }
  37. return reactId;
  38. } :
  39. // Use compatible of `useId`
  40. function useCompatId(id) {
  41. // Inner id for accessibility usage. Only work in client side
  42. var _React$useState = React.useState('ssr-id'),
  43. _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
  44. innerId = _React$useState2[0],
  45. setInnerId = _React$useState2[1];
  46. React.useEffect(function () {
  47. var nextId = uuid;
  48. uuid += 1;
  49. setInnerId("rc_unique_".concat(nextId));
  50. }, []);
  51. // Developer passed id is single source of truth
  52. if (id) {
  53. return id;
  54. }
  55. // Test env always return mock id
  56. if (process.env.NODE_ENV === 'test') {
  57. return 'test-id';
  58. }
  59. // Return react native id or inner id
  60. return innerId;
  61. };