1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- "use strict";
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- exports.resetUuid = resetUuid;
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
- var React = _interopRequireWildcard(require("react"));
- function getUseId() {
- // We need fully clone React function here to avoid webpack warning React 17 do not export `useId`
- var fullClone = (0, _objectSpread2.default)({}, React);
- return fullClone.useId;
- }
- var uuid = 0;
- /** @private Note only worked in develop env. Not work in production. */
- function resetUuid() {
- if (process.env.NODE_ENV !== 'production') {
- uuid = 0;
- }
- }
- var useOriginId = getUseId();
- var _default = exports.default = useOriginId ?
- // Use React `useId`
- function useId(id) {
- var reactId = useOriginId();
- // Developer passed id is single source of truth
- if (id) {
- return id;
- }
- // Test env always return mock id
- if (process.env.NODE_ENV === 'test') {
- return 'test-id';
- }
- return reactId;
- } :
- // Use compatible of `useId`
- function useCompatId(id) {
- // Inner id for accessibility usage. Only work in client side
- var _React$useState = React.useState('ssr-id'),
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
- innerId = _React$useState2[0],
- setInnerId = _React$useState2[1];
- React.useEffect(function () {
- var nextId = uuid;
- uuid += 1;
- setInnerId("rc_unique_".concat(nextId));
- }, []);
- // Developer passed id is single source of truth
- if (id) {
- return id;
- }
- // Test env always return mock id
- if (process.env.NODE_ENV === 'test') {
- return 'test-id';
- }
- // Return react native id or inner id
- return innerId;
- };
|