@redsift/design-system 11.6.0-muiv5-alpha.9 → 11.6.0-muiv5-alpha.11

package/packages/design-system/src/react-aria/react-aria/ssr/_internal/SSRProvider.js

@@ -0,0 +1,157 @@
+import React__default, { useContext, useState, useMemo, useLayoutEffect, useRef } from 'react';
+
+/* eslint-disable prefer-const */
+
+// To support SSR, the auto incrementing id counter is stored in a context. This allows
+// it to be reset on every request to ensure the client and server are consistent.
+// There is also a prefix string that is used to support async loading components
+// Each async boundary must be wrapped in an SSR provider, which appends to the prefix
+// and resets the current id counter. This ensures that async loaded components have
+// consistent ids regardless of the loading order.
+// Default context value to use in case there is no SSRProvider. This is fine for
+// client-only apps. In order to support multiple copies of React Aria potentially
+// being on the page at once, the prefix is set to a random number. SSRProvider
+// will reset this to zero for consistency between server and client, so in the
+// SSR case multiple copies of React Aria is not supported.
+const defaultContext = {
+  prefix: String(Math.round(Math.random() * 10000000000)),
+  current: 0
+};
+const SSRContext = /*#__PURE__*/React__default.createContext(defaultContext);
+const IsSSRContext = /*#__PURE__*/React__default.createContext(false);
+// This is only used in React < 18.
+function LegacySSRProvider(props) {
+  let cur = useContext(SSRContext);
+  let counter = useCounter(cur === defaultContext);
+  let [isSSR, setIsSSR] = useState(true);
+  let value = useMemo(() => ({
+    // If this is the first SSRProvider, start with an empty string prefix, otherwise
+    // append and increment the counter.
+    prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,
+    current: 0
+  }), [cur, counter]);
+
+  // If on the client, and the component was initially server rendered,
+  // then schedule a layout effect to update the component after hydration.
+  if (typeof document !== 'undefined') {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      setIsSSR(false);
+    }, []);
+  }
+  return /*#__PURE__*/React__default.createElement(SSRContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default.createElement(IsSSRContext.Provider, {
+    value: isSSR
+  }, props.children));
+}
+let warnedAboutSSRProvider = false;
+
+/**
+ * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.
+ * This ensures that auto generated ids are consistent between the client and server.
+ */
+function SSRProvider(props) {
+  if (typeof React__default['useId'] === 'function') {
+    if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {
+      console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');
+      warnedAboutSSRProvider = true;
+    }
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children);
+  }
+  return /*#__PURE__*/React__default.createElement(LegacySSRProvider, props);
+}
+let canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+let componentIds = new WeakMap();
+function useCounter() {
+  let isDisabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let ctx = useContext(SSRContext);
+  let ref = useRef(null);
+  if (ref.current === null && !isDisabled) {
+    var _React$__SECRET_INTER, _React$__SECRET_INTER2;
+    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.
+    // This means our id counter will be incremented twice instead of once. This is a problem because on the
+    // server, components are only rendered once and so ids generated on the server won't match the client.
+    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
+    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
+    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
+    // To ensure that we only increment the global counter once, we store the starting id for this component in
+    // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
+    // Since React runs the second render immediately after the first, this is safe.
+    // @ts-ignore
+    let currentOwner = (_React$__SECRET_INTER = React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React$__SECRET_INTER === void 0 ? void 0 : (_React$__SECRET_INTER2 = _React$__SECRET_INTER.ReactCurrentOwner) === null || _React$__SECRET_INTER2 === void 0 ? void 0 : _React$__SECRET_INTER2.current;
+    if (currentOwner) {
+      let prevComponentValue = componentIds.get(currentOwner);
+      if (prevComponentValue == null) {
+        // On the first render, and first call to useId, store the id and state in our weak map.
+        componentIds.set(currentOwner, {
+          id: ctx.current,
+          state: currentOwner.memoizedState
+        });
+      } else if (currentOwner.memoizedState !== prevComponentValue.state) {
+        // On the second render, the memoizedState gets reset by React.
+        // Reset the counter, and remove from the weak map so we don't
+        // do this for subsequent useId calls.
+        ctx.current = prevComponentValue.id;
+        componentIds.delete(currentOwner);
+      }
+    }
+    ref.current = ++ctx.current;
+  }
+  return ref.current;
+}
+function useLegacySSRSafeId(defaultId) {
+  let ctx = useContext(SSRContext);
+
+  // If we are rendering in a non-DOM environment, and there's no SSRProvider,
+  // provide a warning to hint to the developer to add one.
+  if (ctx === defaultContext && !canUseDOM) {
+    console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
+  }
+  let counter = useCounter(!!defaultId);
+  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
+  return defaultId || `${prefix}-${counter}`;
+}
+function useModernSSRSafeId(defaultId) {
+  // @ts-ignore
+  let id = React__default.useId();
+  let [didSSR] = useState(useIsSSR());
+  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;
+  return defaultId || `${prefix}-${id}`;
+}
+
+// Use React.useId in React 18 if available, otherwise fall back to our old implementation.
+/** @private */
+const useSSRSafeId = typeof React__default['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;
+function getSnapshot() {
+  return false;
+}
+function getServerSnapshot() {
+  return true;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function subscribe(onStoreChange) {
+  // noop
+  return () => {};
+}
+
+/**
+ * Returns whether the component is currently being server side rendered or
+ * hydrated on the client. Can be used to delay browser-specific rendering
+ * until after hydration.
+ */
+function useIsSSR() {
+  // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
+  if (typeof React__default['useSyncExternalStore'] === 'function') {
+    return React__default['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);
+  }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useContext(IsSSRContext);
+}
+
+export { SSRProvider, useIsSSR, useSSRSafeId };
+//# sourceMappingURL=SSRProvider.js.map

package/packages/design-system/src/react-aria/react-aria/ssr/_internal/SSRProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRProvider.js","sources":["../../../../../../../../src/react-aria/react-aria/ssr/SSRProvider.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is\n// guarded by a check that it only runs on the client side.\nimport React, { ReactNode, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\n// To support SSR, the auto incrementing id counter is stored in a context. This allows\n// it to be reset on every request to ensure the client and server are consistent.\n// There is also a prefix string that is used to support async loading components\n// Each async boundary must be wrapped in an SSR provider, which appends to the prefix\n// and resets the current id counter. This ensures that async loaded components have\n// consistent ids regardless of the loading order.\ninterface SSRContextValue {\n  prefix: string;\n  current: number;\n}\n\n// Default context value to use in case there is no SSRProvider. This is fine for\n// client-only apps. In order to support multiple copies of React Aria potentially\n// being on the page at once, the prefix is set to a random number. SSRProvider\n// will reset this to zero for consistency between server and client, so in the\n// SSR case multiple copies of React Aria is not supported.\nconst defaultContext: SSRContextValue = {\n  prefix: String(Math.round(Math.random() * 10000000000)),\n  current: 0,\n};\n\nconst SSRContext = React.createContext<SSRContextValue>(defaultContext);\nconst IsSSRContext = React.createContext(false);\n\nexport interface SSRProviderProps {\n  /** Your application here. */\n  children: ReactNode;\n}\n\n// This is only used in React < 18.\nfunction LegacySSRProvider(props: SSRProviderProps): JSX.Element {\n  let cur = useContext(SSRContext);\n  let counter = useCounter(cur === defaultContext);\n  let [isSSR, setIsSSR] = useState(true);\n  let value: SSRContextValue = useMemo(\n    () => ({\n      // If this is the first SSRProvider, start with an empty string prefix, otherwise\n      // append and increment the counter.\n      prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,\n      current: 0,\n    }),\n    [cur, counter]\n  );\n\n  // If on the client, and the component was initially server rendered,\n  // then schedule a layout effect to update the component after hydration.\n  if (typeof document !== 'undefined') {\n    // This if statement technically breaks the rules of hooks, but is safe\n    // because the condition never changes after mounting.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return (\n    <SSRContext.Provider value={value}>\n      <IsSSRContext.Provider value={isSSR}>{props.children}</IsSSRContext.Provider>\n    </SSRContext.Provider>\n  );\n}\n\nlet warnedAboutSSRProvider = false;\n\n/**\n * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.\n * This ensures that auto generated ids are consistent between the client and server.\n */\nexport function SSRProvider(props: SSRProviderProps): JSX.Element {\n  if (typeof React['useId'] === 'function') {\n    if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {\n      console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');\n      warnedAboutSSRProvider = true;\n    }\n    return <>{props.children}</>;\n  }\n  return <LegacySSRProvider {...props} />;\n}\n\nlet canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nlet componentIds = new WeakMap();\n\nfunction useCounter(isDisabled = false) {\n  let ctx = useContext(SSRContext);\n  let ref = useRef<number | null>(null);\n  if (ref.current === null && !isDisabled) {\n    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.\n    // This means our id counter will be incremented twice instead of once. This is a problem because on the\n    // server, components are only rendered once and so ids generated on the server won't match the client.\n    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this\n    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.\n    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.\n    // To ensure that we only increment the global counter once, we store the starting id for this component in\n    // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.\n    // Since React runs the second render immediately after the first, this is safe.\n    // @ts-ignore\n    let currentOwner = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;\n    if (currentOwner) {\n      let prevComponentValue = componentIds.get(currentOwner);\n      if (prevComponentValue == null) {\n        // On the first render, and first call to useId, store the id and state in our weak map.\n        componentIds.set(currentOwner, {\n          id: ctx.current,\n          state: currentOwner.memoizedState,\n        });\n      } else if (currentOwner.memoizedState !== prevComponentValue.state) {\n        // On the second render, the memoizedState gets reset by React.\n        // Reset the counter, and remove from the weak map so we don't\n        // do this for subsequent useId calls.\n        ctx.current = prevComponentValue.id;\n        componentIds.delete(currentOwner);\n      }\n    }\n\n    ref.current = ++ctx.current;\n  }\n\n  return ref.current;\n}\n\nfunction useLegacySSRSafeId(defaultId?: string): string {\n  let ctx = useContext(SSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider,\n  // provide a warning to hint to the developer to add one.\n  if (ctx === defaultContext && !canUseDOM) {\n    console.warn(\n      'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.'\n    );\n  }\n\n  let counter = useCounter(!!defaultId);\n  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;\n  return defaultId || `${prefix}-${counter}`;\n}\n\nfunction useModernSSRSafeId(defaultId?: string): string {\n  // @ts-ignore\n  let id = React.useId();\n  let [didSSR] = useState(useIsSSR());\n  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;\n  return defaultId || `${prefix}-${id}`;\n}\n\n// Use React.useId in React 18 if available, otherwise fall back to our old implementation.\n/** @private */\nexport const useSSRSafeId = typeof React['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;\n\nfunction getSnapshot() {\n  return false;\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction subscribe(onStoreChange: () => void): () => void {\n  // noop\n  return () => {};\n}\n\n/**\n * Returns whether the component is currently being server side rendered or\n * hydrated on the client. Can be used to delay browser-specific rendering\n * until after hydration.\n */\nexport function useIsSSR(): boolean {\n  // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.\n  if (typeof React['useSyncExternalStore'] === 'function') {\n    return React['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useContext(IsSSRContext);\n}\n"],"names":["defaultContext","prefix","String","Math","round","random","current","SSRContext","React","createContext","IsSSRContext","LegacySSRProvider","props","cur","useContext","counter","useCounter","isSSR","setIsSSR","useState","value","useMemo","document","useLayoutEffect","createElement","Provider","children","warnedAboutSSRProvider","SSRProvider","process","env","NODE_ENV","console","warn","Fragment","canUseDOM","Boolean","window","componentIds","WeakMap","isDisabled","arguments","length","undefined","ctx","ref","useRef","_React$__SECRET_INTER","_React$__SECRET_INTER2","currentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","prevComponentValue","get","set","id","state","memoizedState","delete","useLegacySSRSafeId","defaultId","useModernSSRSafeId","useId","didSSR","useIsSSR","useSSRSafeId","getSnapshot","getServerSnapshot","subscribe","onStoreChange"],"mappings":";;AAAA;;AAiBA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA,MAAMA,cAA+B,GAAG;AACtCC,EAAAA,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,WAAW,CAAC,CAAC;AACvDC,EAAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAMC,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkBT,cAAc,CAAC,CAAA;AACvE,MAAMU,YAAY,gBAAGF,cAAK,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;AAO/C;AACA,SAASE,iBAAiBA,CAACC,KAAuB,EAAe;AAC/D,EAAA,IAAIC,GAAG,GAAGC,UAAU,CAACP,UAAU,CAAC,CAAA;AAChC,EAAA,IAAIQ,OAAO,GAAGC,UAAU,CAACH,GAAG,KAAKb,cAAc,CAAC,CAAA;EAChD,IAAI,CAACiB,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACtC,EAAA,IAAIC,KAAsB,GAAGC,OAAO,CAClC,OAAO;AACL;AACA;AACApB,IAAAA,MAAM,EAAEY,GAAG,KAAKb,cAAc,GAAG,EAAE,GAAI,CAAA,EAAEa,GAAG,CAACZ,MAAO,CAAA,CAAA,EAAGc,OAAQ,CAAC,CAAA;AAChET,IAAAA,OAAO,EAAE,CAAA;AACX,GAAC,CAAC,EACF,CAACO,GAAG,EAAEE,OAAO,CACf,CAAC,CAAA;;AAED;AACA;AACA,EAAA,IAAI,OAAOO,QAAQ,KAAK,WAAW,EAAE;AACnC;AACA;AACA;AACAC,IAAAA,eAAe,CAAC,MAAM;MACpBL,QAAQ,CAAC,KAAK,CAAC,CAAA;KAChB,EAAE,EAAE,CAAC,CAAA;AACR,GAAA;AAEA,EAAA,oBACEV,cAAA,CAAAgB,aAAA,CAACjB,UAAU,CAACkB,QAAQ,EAAA;AAACL,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,eAChCZ,cAAA,CAAAgB,aAAA,CAACd,YAAY,CAACe,QAAQ,EAAA;AAACL,IAAAA,KAAK,EAAEH,KAAAA;AAAM,GAAA,EAAEL,KAAK,CAACc,QAAgC,CACzD,CAAC,CAAA;AAE1B,CAAA;AAEA,IAAIC,sBAAsB,GAAG,KAAK,CAAA;;AAElC;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAAChB,KAAuB,EAAe;AAChE,EAAA,IAAI,OAAOJ,cAAK,CAAC,OAAO,CAAC,KAAK,UAAU,EAAE;IACxC,IAAIqB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI,CAACJ,sBAAsB,EAAE;AAC9DK,MAAAA,OAAO,CAACC,IAAI,CAAC,2FAA2F,CAAC,CAAA;AACzGN,MAAAA,sBAAsB,GAAG,IAAI,CAAA;AAC/B,KAAA;IACA,oBAAOnB,cAAA,CAAAgB,aAAA,CAAAhB,cAAA,CAAA0B,QAAA,EAAGtB,IAAAA,EAAAA,KAAK,CAACc,QAAW,CAAC,CAAA;AAC9B,GAAA;AACA,EAAA,oBAAOlB,cAAA,CAAAgB,aAAA,CAACb,iBAAiB,EAAKC,KAAQ,CAAC,CAAA;AACzC,CAAA;AAEA,IAAIuB,SAAS,GAAGC,OAAO,CAAC,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACf,QAAQ,IAAIe,MAAM,CAACf,QAAQ,CAACE,aAAa,CAAC,CAAA;AAE1G,IAAIc,YAAY,GAAG,IAAIC,OAAO,EAAE,CAAA;AAEhC,SAASvB,UAAUA,GAAqB;AAAA,EAAA,IAApBwB,UAAU,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AACpC,EAAA,IAAIG,GAAG,GAAG9B,UAAU,CAACP,UAAU,CAAC,CAAA;AAChC,EAAA,IAAIsC,GAAG,GAAGC,MAAM,CAAgB,IAAI,CAAC,CAAA;EACrC,IAAID,GAAG,CAACvC,OAAO,KAAK,IAAI,IAAI,CAACkC,UAAU,EAAE;IAAA,IAAAO,qBAAA,EAAAC,sBAAA,CAAA;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACA,IAAIC,YAAY,IAAAF,qBAAA,GAAGvC,cAAK,CAAC0C,kDAAkD,cAAAH,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,sBAAA,GAAxDD,qBAAA,CAA0DI,iBAAiB,MAAA,IAAA,IAAAH,sBAAA,KAA3EA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAA6E1C,OAAO,CAAA;AACvG,IAAA,IAAI2C,YAAY,EAAE;AAChB,MAAA,IAAIG,kBAAkB,GAAGd,YAAY,CAACe,GAAG,CAACJ,YAAY,CAAC,CAAA;MACvD,IAAIG,kBAAkB,IAAI,IAAI,EAAE;AAC9B;AACAd,QAAAA,YAAY,CAACgB,GAAG,CAACL,YAAY,EAAE;UAC7BM,EAAE,EAAEX,GAAG,CAACtC,OAAO;UACfkD,KAAK,EAAEP,YAAY,CAACQ,aAAAA;AACtB,SAAC,CAAC,CAAA;OACH,MAAM,IAAIR,YAAY,CAACQ,aAAa,KAAKL,kBAAkB,CAACI,KAAK,EAAE;AAClE;AACA;AACA;AACAZ,QAAAA,GAAG,CAACtC,OAAO,GAAG8C,kBAAkB,CAACG,EAAE,CAAA;AACnCjB,QAAAA,YAAY,CAACoB,MAAM,CAACT,YAAY,CAAC,CAAA;AACnC,OAAA;AACF,KAAA;AAEAJ,IAAAA,GAAG,CAACvC,OAAO,GAAG,EAAEsC,GAAG,CAACtC,OAAO,CAAA;AAC7B,GAAA;EAEA,OAAOuC,GAAG,CAACvC,OAAO,CAAA;AACpB,CAAA;AAEA,SAASqD,kBAAkBA,CAACC,SAAkB,EAAU;AACtD,EAAA,IAAIhB,GAAG,GAAG9B,UAAU,CAACP,UAAU,CAAC,CAAA;;AAEhC;AACA;AACA,EAAA,IAAIqC,GAAG,KAAK5C,cAAc,IAAI,CAACmC,SAAS,EAAE;AACxCH,IAAAA,OAAO,CAACC,IAAI,CACV,iJACF,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAIlB,OAAO,GAAGC,UAAU,CAAC,CAAC,CAAC4C,SAAS,CAAC,CAAA;EACrC,IAAI3D,MAAM,GAAG2C,GAAG,KAAK5C,cAAc,IAAI6B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,YAAY,GAAI,aAAYa,GAAG,CAAC3C,MAAO,CAAC,CAAA,CAAA;AACjH,EAAA,OAAO2D,SAAS,IAAK,CAAA,EAAE3D,MAAO,CAAA,CAAA,EAAGc,OAAQ,CAAC,CAAA,CAAA;AAC5C,CAAA;AAEA,SAAS8C,kBAAkBA,CAACD,SAAkB,EAAU;AACtD;AACA,EAAA,IAAIL,EAAE,GAAG/C,cAAK,CAACsD,KAAK,EAAE,CAAA;EACtB,IAAI,CAACC,MAAM,CAAC,GAAG5C,QAAQ,CAAC6C,QAAQ,EAAE,CAAC,CAAA;AACnC,EAAA,IAAI/D,MAAM,GAAG8D,MAAM,IAAIlC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,YAAY,GAAI,aAAY/B,cAAc,CAACC,MAAO,CAAC,CAAA,CAAA;AAC5G,EAAA,OAAO2D,SAAS,IAAK,CAAA,EAAE3D,MAAO,CAAA,CAAA,EAAGsD,EAAG,CAAC,CAAA,CAAA;AACvC,CAAA;;AAEA;AACA;AACaU,MAAAA,YAAY,GAAG,OAAOzD,cAAK,CAAC,OAAO,CAAC,KAAK,UAAU,GAAGqD,kBAAkB,GAAGF,mBAAkB;AAE1G,SAASO,WAAWA,GAAG;AACrB,EAAA,OAAO,KAAK,CAAA;AACd,CAAA;AAEA,SAASC,iBAAiBA,GAAG;AAC3B,EAAA,OAAO,IAAI,CAAA;AACb,CAAA;;AAEA;AACA,SAASC,SAASA,CAACC,aAAyB,EAAc;AACxD;EACA,OAAO,MAAM,EAAE,CAAA;AACjB,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASL,QAAQA,GAAY;AAClC;AACA,EAAA,IAAI,OAAOxD,cAAK,CAAC,sBAAsB,CAAC,KAAK,UAAU,EAAE;IACvD,OAAOA,cAAK,CAAC,sBAAsB,CAAC,CAAC4D,SAAS,EAAEF,WAAW,EAAEC,iBAAiB,CAAC,CAAA;AACjF,GAAA;;AAEA;EACA,OAAOrD,UAAU,CAACJ,YAAY,CAAC,CAAA;AACjC;;;;"}

package/packages/design-system/src/react-aria/react-aria/textfield/_internal/useFormattedTextField.js

@@ -0,0 +1,142 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import { useEffect, useRef } from 'react';
+import { useTextField } from './useTextField.js';
+import { useEffectEvent } from '../../utils/_internal/useEffectEvent.js';
+import { mergeProps } from '../../utils/_internal/mergeProps.js';
+
+const _excluded = ["labelProps", "inputProps", "descriptionProps", "errorMessageProps"];
+function supportsNativeBeforeInputEvent() {
+  return typeof window !== 'undefined' && window.InputEvent &&
+  // @ts-ignore
+  typeof InputEvent.prototype.getTargetRanges === 'function';
+}
+function useFormattedTextField(props, state, inputRef) {
+  // All browsers implement the 'beforeinput' event natively except Firefox
+  // (currently behind a flag as of Firefox 84). React's polyfill does not
+  // run in all cases that the native event fires, e.g. when deleting text.
+  // Use the native event if available so that we can prevent invalid deletions.
+  // We do not attempt to polyfill this in Firefox since it would be very complicated,
+  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.
+  let onBeforeInputFallback = useEffectEvent(e => {
+    let input = inputRef.current;
+
+    // Compute the next value of the input if the event is allowed to proceed.
+    // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.
+    let nextValue;
+    switch (e.inputType) {
+      case 'historyUndo':
+      case 'historyRedo':
+        // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,
+        // because presumably the input would have already been validated previously.
+        return;
+      case 'insertLineBreak':
+        // Explicitly allow "insertLineBreak" event, to allow onSubmit for "enter" key. e.data is null in this case.
+        return;
+      case 'deleteContent':
+      case 'deleteByCut':
+      case 'deleteByDrag':
+        nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
+        break;
+      case 'deleteContentForward':
+        // This is potentially incorrect, since the browser may actually delete more than a single UTF-16
+        // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters
+        // or code points may be deleted. However, in our currently supported locales, there are no such cases.
+        // If we support additional locales in the future, this may need to change.
+        nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
+        break;
+      case 'deleteContentBackward':
+        nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
+        break;
+      case 'deleteSoftLineBackward':
+      case 'deleteHardLineBackward':
+        nextValue = input.value.slice(input.selectionStart);
+        break;
+      default:
+        if (e.data != null) {
+          nextValue = input.value.slice(0, input.selectionStart) + e.data + input.value.slice(input.selectionEnd);
+        }
+        break;
+    }
+
+    // If we did not compute a value, or the new value is invalid, prevent the event
+    // so that the browser does not update the input text, move the selection, or add to
+    // the undo/redo stack.
+    if (nextValue == null || !state.validate(nextValue)) {
+      e.preventDefault();
+    }
+  });
+  useEffect(() => {
+    if (!supportsNativeBeforeInputEvent()) {
+      return;
+    }
+    let input = inputRef.current;
+    input.addEventListener('beforeinput', onBeforeInputFallback, false);
+    return () => {
+      input.removeEventListener('beforeinput', onBeforeInputFallback, false);
+    };
+  }, [inputRef, onBeforeInputFallback]);
+  let onBeforeInput = !supportsNativeBeforeInputEvent() ? e => {
+    let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
+    if (!state.validate(nextValue)) {
+      e.preventDefault();
+    }
+  } : null;
+  let _useTextField = useTextField(props, inputRef),
+    {
+      labelProps,
+      inputProps: textFieldProps,
+      descriptionProps,
+      errorMessageProps
+    } = _useTextField,
+    validation = _objectWithoutProperties(_useTextField, _excluded);
+  let compositionStartState = useRef(null);
+  return _objectSpread2({
+    inputProps: mergeProps(textFieldProps, {
+      onBeforeInput,
+      onCompositionStart() {
+        // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition
+        // and deleteByComposition inputType values for the beforeinput event. These are meant to occur
+        // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are
+        // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,
+        // nor would we want to cancel them because the input from the user is incomplete at that point.
+        // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel
+        // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either
+        // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when
+        // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.
+        // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition
+        // are implemented, there is no other way to prevent composed input.
+        // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204
+        let {
+          value,
+          selectionStart,
+          selectionEnd
+        } = inputRef.current;
+        compositionStartState.current = {
+          value,
+          selectionStart,
+          selectionEnd
+        };
+      },
+      onCompositionEnd() {
+        if (!state.validate(inputRef.current.value)) {
+          // Restore the input value in the DOM immediately so we can synchronously update the selection position.
+          // But also update the value in React state as well so it is correct for future updates.
+          let {
+            value,
+            selectionStart,
+            selectionEnd
+          } = compositionStartState.current;
+          inputRef.current.value = value;
+          inputRef.current.setSelectionRange(selectionStart, selectionEnd);
+          state.setInputValue(value);
+        }
+      }
+    }),
+    labelProps,
+    descriptionProps,
+    errorMessageProps
+  }, validation);
+}
+
+export { useFormattedTextField };
+//# sourceMappingURL=useFormattedTextField.js.map

package/packages/design-system/src/react-aria/react-aria/textfield/_internal/useFormattedTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormattedTextField.js","sources":["../../../../../../../../src/react-aria/react-aria/textfield/useFormattedTextField.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { AriaTextFieldProps } from '../../react-types/textfield';\nimport { mergeProps, useEffectEvent } from '../utils';\nimport { RefObject, useEffect, useRef } from 'react';\nimport { TextFieldAria, useTextField } from './useTextField';\n\ninterface FormattedTextFieldState {\n  validate: (val: string) => boolean;\n  setInputValue: (val: string) => void;\n}\n\nfunction supportsNativeBeforeInputEvent() {\n  return (\n    typeof window !== 'undefined' &&\n    window.InputEvent &&\n    // @ts-ignore\n    typeof InputEvent.prototype.getTargetRanges === 'function'\n  );\n}\n\nexport function useFormattedTextField(\n  props: AriaTextFieldProps,\n  state: FormattedTextFieldState,\n  inputRef: RefObject<HTMLInputElement>\n): TextFieldAria {\n  // All browsers implement the 'beforeinput' event natively except Firefox\n  // (currently behind a flag as of Firefox 84). React's polyfill does not\n  // run in all cases that the native event fires, e.g. when deleting text.\n  // Use the native event if available so that we can prevent invalid deletions.\n  // We do not attempt to polyfill this in Firefox since it would be very complicated,\n  // the benefit of doing so is fairly minor, and it's going to be natively supported soon.\n  let onBeforeInputFallback = useEffectEvent((e: InputEvent) => {\n    let input = inputRef.current;\n\n    // Compute the next value of the input if the event is allowed to proceed.\n    // See https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes for a full list of input types.\n    let nextValue: string;\n    switch (e.inputType) {\n      case 'historyUndo':\n      case 'historyRedo':\n        // Explicitly allow undo/redo. e.data is null in this case, but there's no need to validate,\n        // because presumably the input would have already been validated previously.\n        return;\n      case 'insertLineBreak':\n        // Explicitly allow \"insertLineBreak\" event, to allow onSubmit for \"enter\" key. e.data is null in this case.\n        return;\n      case 'deleteContent':\n      case 'deleteByCut':\n      case 'deleteByDrag':\n        nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n        break;\n      case 'deleteContentForward':\n        // This is potentially incorrect, since the browser may actually delete more than a single UTF-16\n        // character. In reality, a full Unicode grapheme cluster consisting of multiple UTF-16 characters\n        // or code points may be deleted. However, in our currently supported locales, there are no such cases.\n        // If we support additional locales in the future, this may need to change.\n        nextValue =\n          input.selectionEnd === input.selectionStart\n            ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1)\n            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n        break;\n      case 'deleteContentBackward':\n        nextValue =\n          input.selectionEnd === input.selectionStart\n            ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart)\n            : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);\n        break;\n      case 'deleteSoftLineBackward':\n      case 'deleteHardLineBackward':\n        nextValue = input.value.slice(input.selectionStart);\n        break;\n      default:\n        if (e.data != null) {\n          nextValue = input.value.slice(0, input.selectionStart) + e.data + input.value.slice(input.selectionEnd);\n        }\n        break;\n    }\n\n    // If we did not compute a value, or the new value is invalid, prevent the event\n    // so that the browser does not update the input text, move the selection, or add to\n    // the undo/redo stack.\n    if (nextValue == null || !state.validate(nextValue)) {\n      e.preventDefault();\n    }\n  });\n\n  useEffect(() => {\n    if (!supportsNativeBeforeInputEvent()) {\n      return;\n    }\n\n    let input = inputRef.current;\n    input.addEventListener('beforeinput', onBeforeInputFallback, false);\n    return () => {\n      input.removeEventListener('beforeinput', onBeforeInputFallback, false);\n    };\n  }, [inputRef, onBeforeInputFallback]);\n\n  let onBeforeInput = !supportsNativeBeforeInputEvent()\n    ? (e) => {\n        let nextValue =\n          e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);\n\n        if (!state.validate(nextValue)) {\n          e.preventDefault();\n        }\n      }\n    : null;\n\n  let {\n    labelProps,\n    inputProps: textFieldProps,\n    descriptionProps,\n    errorMessageProps,\n    ...validation\n  } = useTextField(props, inputRef);\n\n  let compositionStartState = useRef(null);\n  return {\n    inputProps: mergeProps(textFieldProps, {\n      onBeforeInput,\n      onCompositionStart() {\n        // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition\n        // and deleteByComposition inputType values for the beforeinput event. These are meant to occur\n        // at the end of a composition (e.g. Pinyin IME, Android auto correct, etc.), and crucially, are\n        // cancelable. The insertCompositionText and deleteCompositionText input types are not cancelable,\n        // nor would we want to cancel them because the input from the user is incomplete at that point.\n        // In Safari, insertFromComposition/deleteFromComposition will fire, however, allowing us to cancel\n        // the final composition result if it is invalid. As a fallback for Chrome and Firefox, which either\n        // don't support Input Events Level 2, or beforeinput at all, we store the state of the input when\n        // the compositionstart event fires, and undo the changes in compositionend (below) if it is invalid.\n        // Unfortunately, this messes up the undo/redo stack, but until insertFromComposition/deleteByComposition\n        // are implemented, there is no other way to prevent composed input.\n        // See https://bugs.chromium.org/p/chromium/issues/detail?id=1022204\n        let { value, selectionStart, selectionEnd } = inputRef.current;\n        compositionStartState.current = { value, selectionStart, selectionEnd };\n      },\n      onCompositionEnd() {\n        if (!state.validate(inputRef.current.value)) {\n          // Restore the input value in the DOM immediately so we can synchronously update the selection position.\n          // But also update the value in React state as well so it is correct for future updates.\n          let { value, selectionStart, selectionEnd } = compositionStartState.current;\n          inputRef.current.value = value;\n          inputRef.current.setSelectionRange(selectionStart, selectionEnd);\n          state.setInputValue(value);\n        }\n      },\n    }),\n    labelProps,\n    descriptionProps,\n    errorMessageProps,\n    ...validation,\n  };\n}\n"],"names":["supportsNativeBeforeInputEvent","window","InputEvent","prototype","getTargetRanges","useFormattedTextField","props","state","inputRef","onBeforeInputFallback","useEffectEvent","e","input","current","nextValue","inputType","value","slice","selectionStart","selectionEnd","data","validate","preventDefault","useEffect","addEventListener","removeEventListener","onBeforeInput","target","_useTextField","useTextField","labelProps","inputProps","textFieldProps","descriptionProps","errorMessageProps","validation","_objectWithoutProperties","_excluded","compositionStartState","useRef","_objectSpread","mergeProps","onCompositionStart","onCompositionEnd","setSelectionRange","setInputValue"],"mappings":"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"}

package/packages/design-system/src/react-aria/react-aria/textfield/_internal/useTextField.js

@@ -0,0 +1,156 @@
+import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import { useEffect } from 'react';
+import { useControlledState } from '../../../react-stately/utils/_internal/useControlledState.js';
+import { useFocusable } from '../../focus/_internal/useFocusable.js';
+import { useFormValidationState } from '../../../react-stately/form/_internal/useFormValidationState.js';
+import { useField } from '../../label/_internal/useField.js';
+import { filterDOMProps } from '../../utils/_internal/filterDOMProps.js';
+import { useFormReset } from '../../utils/_internal/useFormReset.js';
+import { useFormValidation } from '../../form/_internal/useFormValidation.js';
+import { getOwnerWindow } from '../../utils/_internal/domHelpers.js';
+import { mergeProps } from '../../utils/_internal/mergeProps.js';
+
+/**
+ * A map of HTML element names and their interface types.
+ * For example `'a'` -> `HTMLAnchorElement`.
+ */
+
+/**
+ * A map of HTML element names and their attribute interface types.
+ * For example `'a'` -> `AnchorHTMLAttributes<HTMLAnchorElement>`.
+ */
+
+/**
+ * The intrinsic HTML element names that `useTextField` supports; e.g. `input`,
+ * `textarea`.
+ */
+
+/**
+ * The HTML element interfaces that `useTextField` supports based on what is
+ * defined for `TextFieldIntrinsicElements`; e.g. `HTMLInputElement`,
+ * `HTMLTextAreaElement`.
+ */
+
+/**
+ * The HTML attributes interfaces that `useTextField` supports based on what
+ * is defined for `TextFieldIntrinsicElements`; e.g. `InputHTMLAttributes`,
+ * `TextareaHTMLAttributes`.
+ */
+
+/**
+ * The type of `inputProps` returned by `useTextField`; e.g. `InputHTMLAttributes`,
+ * `TextareaHTMLAttributes`.
+ */
+
+/**
+ * The type of `ref` object that can be passed to `useTextField` based on the given
+ * intrinsic HTML element name; e.g.`RefObject<HTMLInputElement>`,
+ * `RefObject<HTMLTextAreaElement>`.
+ */
+
+/**
+ * Provides the behavior and accessibility implementation for a text field.
+ * @param props - Props for the text field.
+ * @param ref - Ref to the HTML input or textarea element.
+ */
+function useTextField(props, ref) {
+  let {
+    inputElementType = 'input',
+    isDisabled = false,
+    isRequired = false,
+    isReadOnly = false,
+    type = 'text',
+    validationBehavior = 'aria'
+  } = props;
+  let [value, setValue] = useControlledState(props.value, props.defaultValue || '', props.onChange);
+  let {
+    focusableProps
+  } = useFocusable(props, ref);
+  let validationState = useFormValidationState(_objectSpread2(_objectSpread2({}, props), {}, {
+    value
+  }));
+  let {
+    isInvalid,
+    validationErrors,
+    validationDetails
+  } = validationState.displayValidation;
+  let {
+    labelProps,
+    fieldProps,
+    descriptionProps,
+    errorMessageProps
+  } = useField(_objectSpread2(_objectSpread2({}, props), {}, {
+    isInvalid,
+    errorMessage: props.errorMessage || validationErrors
+  }));
+  let domProps = filterDOMProps(props, {
+    labelable: true
+  });
+  const inputOnlyProps = {
+    type,
+    pattern: props.pattern
+  };
+  useFormReset(ref, value, setValue);
+  useFormValidation(props, validationState, ref);
+  useEffect(() => {
+    // This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
+    // We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
+    // which causes Chrome to skip validation. Only updating `value` is ok in our case since our
+    // textareas are always controlled. React is planning on removing this synchronization in a
+    // future major version.
+    // https://github.com/facebook/react/issues/19474
+    // https://github.com/facebook/react/issues/11896
+    if (ref.current instanceof getOwnerWindow(ref.current).HTMLTextAreaElement) {
+      let input = ref.current;
+      Object.defineProperty(input, 'defaultValue', {
+        get: () => input.value,
+        set: () => {},
+        configurable: true
+      });
+    }
+  }, [ref]);
+  return {
+    labelProps,
+    inputProps: mergeProps(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, _objectSpread2(_objectSpread2({
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      required: isRequired && validationBehavior === 'native',
+      'aria-required': isRequired && validationBehavior === 'aria' || undefined,
+      'aria-invalid': isInvalid || undefined,
+      'aria-errormessage': props['aria-errormessage'],
+      'aria-activedescendant': props['aria-activedescendant'],
+      'aria-autocomplete': props['aria-autocomplete'],
+      'aria-haspopup': props['aria-haspopup'],
+      value,
+      onChange: e => setValue(e.target.value),
+      autoComplete: props.autoComplete,
+      autoCapitalize: props.autoCapitalize,
+      maxLength: props.maxLength,
+      minLength: props.minLength,
+      name: props.name,
+      placeholder: props.placeholder,
+      inputMode: props.inputMode,
+      // Clipboard events
+      onCopy: props.onCopy,
+      onCut: props.onCut,
+      onPaste: props.onPaste,
+      // Composition events
+      onCompositionEnd: props.onCompositionEnd,
+      onCompositionStart: props.onCompositionStart,
+      onCompositionUpdate: props.onCompositionUpdate,
+      // Selection events
+      onSelect: props.onSelect,
+      // Input events
+      onBeforeInput: props.onBeforeInput,
+      onInput: props.onInput
+    }, focusableProps), fieldProps)),
+    descriptionProps,
+    errorMessageProps,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+
+export { useTextField };
+//# sourceMappingURL=useTextField.js.map

package/packages/design-system/src/react-aria/react-aria/textfield/_internal/useTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextField.js","sources":["../../../../../../../../src/react-aria/react-aria/textfield/useTextField.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { AriaTextFieldProps } from '../../react-types/textfield';\nimport { ChangeEvent, DOMFactory, HTMLAttributes, LabelHTMLAttributes, ReactDOM, RefObject, useEffect } from 'react';\nimport { DOMAttributes, ValidationResult } from '../../react-types/shared';\nimport { filterDOMProps, getOwnerWindow, mergeProps, useFormReset } from '../utils';\nimport { useControlledState } from '../../react-stately/utils';\nimport { useField } from '../label';\nimport { useFocusable } from '../focus';\nimport { useFormValidation } from '../form';\nimport { useFormValidationState } from '../../react-stately/form';\n\n/**\n * A map of HTML element names and their interface types.\n * For example `'a'` -> `HTMLAnchorElement`.\n */\ntype IntrinsicHTMLElements = {\n  [K in keyof IntrinsicHTMLAttributes]: IntrinsicHTMLAttributes[K] extends HTMLAttributes<infer T> ? T : never;\n};\n\n/**\n * A map of HTML element names and their attribute interface types.\n * For example `'a'` -> `AnchorHTMLAttributes<HTMLAnchorElement>`.\n */\ntype IntrinsicHTMLAttributes = {\n  [K in keyof ReactDOM]: ReactDOM[K] extends DOMFactory<infer T, any> ? T : never;\n};\n\ntype DefaultElementType = 'input';\n\n/**\n * The intrinsic HTML element names that `useTextField` supports; e.g. `input`,\n * `textarea`.\n */\ntype TextFieldIntrinsicElements = keyof Pick<IntrinsicHTMLElements, 'input' | 'textarea'>;\n\n/**\n * The HTML element interfaces that `useTextField` supports based on what is\n * defined for `TextFieldIntrinsicElements`; e.g. `HTMLInputElement`,\n * `HTMLTextAreaElement`.\n */\ntype TextFieldHTMLElementType = Pick<IntrinsicHTMLElements, TextFieldIntrinsicElements>;\n\n/**\n * The HTML attributes interfaces that `useTextField` supports based on what\n * is defined for `TextFieldIntrinsicElements`; e.g. `InputHTMLAttributes`,\n * `TextareaHTMLAttributes`.\n */\ntype TextFieldHTMLAttributesType = Pick<IntrinsicHTMLAttributes, TextFieldIntrinsicElements>;\n\n/**\n * The type of `inputProps` returned by `useTextField`; e.g. `InputHTMLAttributes`,\n * `TextareaHTMLAttributes`.\n */\ntype TextFieldInputProps<T extends TextFieldIntrinsicElements> = TextFieldHTMLAttributesType[T];\n\nexport interface AriaTextFieldOptions<T extends TextFieldIntrinsicElements> extends AriaTextFieldProps {\n  /**\n   * The HTML element used to render the input, e.g. 'input', or 'textarea'.\n   * It determines whether certain HTML attributes will be included in `inputProps`.\n   * For example, [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-type).\n   * @default 'input'\n   */\n  inputElementType?: T;\n  /**\n   * Controls whether inputted text is automatically capitalized and, if so, in what manner.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).\n   */\n  autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n}\n\n/**\n * The type of `ref` object that can be passed to `useTextField` based on the given\n * intrinsic HTML element name; e.g.`RefObject<HTMLInputElement>`,\n * `RefObject<HTMLTextAreaElement>`.\n */\ntype TextFieldRefObject<T extends TextFieldIntrinsicElements> = RefObject<TextFieldHTMLElementType[T]>;\n\nexport interface TextFieldAria<T extends TextFieldIntrinsicElements = DefaultElementType> extends ValidationResult {\n  /** Props for the input element. */\n  inputProps: TextFieldInputProps<T>;\n  /** Props for the text field's visible label element, if any. */\n  labelProps: DOMAttributes | LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the text field's description element, if any. */\n  descriptionProps: DOMAttributes;\n  /** Props for the text field's error message element, if any. */\n  errorMessageProps: DOMAttributes;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a text field.\n * @param props - Props for the text field.\n * @param ref - Ref to the HTML input or textarea element.\n */\nexport function useTextField<T extends TextFieldIntrinsicElements = DefaultElementType>(\n  props: AriaTextFieldOptions<T>,\n  ref: TextFieldRefObject<T>\n): TextFieldAria<T> {\n  let {\n    inputElementType = 'input',\n    isDisabled = false,\n    isRequired = false,\n    isReadOnly = false,\n    type = 'text',\n    validationBehavior = 'aria',\n  }: AriaTextFieldOptions<TextFieldIntrinsicElements> = props;\n  let [value, setValue] = useControlledState<string>(props.value, props.defaultValue || '', props.onChange);\n  let { focusableProps } = useFocusable(props, ref);\n  let validationState = useFormValidationState({\n    ...props,\n    value,\n  });\n  let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;\n  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = useField({\n    ...props,\n    isInvalid,\n    errorMessage: props.errorMessage || validationErrors,\n  });\n  let domProps = filterDOMProps(props, { labelable: true });\n\n  const inputOnlyProps = {\n    type,\n    pattern: props.pattern,\n  };\n\n  useFormReset(ref, value, setValue);\n  useFormValidation(props, validationState, ref);\n\n  useEffect(() => {\n    // This works around a React/Chrome bug that prevents textarea elements from validating when controlled.\n    // We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,\n    // which causes Chrome to skip validation. Only updating `value` is ok in our case since our\n    // textareas are always controlled. React is planning on removing this synchronization in a\n    // future major version.\n    // https://github.com/facebook/react/issues/19474\n    // https://github.com/facebook/react/issues/11896\n    if (ref.current instanceof getOwnerWindow(ref.current).HTMLTextAreaElement) {\n      let input = ref.current;\n      Object.defineProperty(input, 'defaultValue', {\n        get: () => input.value,\n        set: () => {},\n        configurable: true,\n      });\n    }\n  }, [ref]);\n\n  return {\n    labelProps,\n    inputProps: mergeProps(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired && validationBehavior === 'native',\n      'aria-required': (isRequired && validationBehavior === 'aria') || undefined,\n      'aria-invalid': isInvalid || undefined,\n      'aria-errormessage': props['aria-errormessage'],\n      'aria-activedescendant': props['aria-activedescendant'],\n      'aria-autocomplete': props['aria-autocomplete'],\n      'aria-haspopup': props['aria-haspopup'],\n      value,\n      onChange: (e: ChangeEvent<HTMLInputElement>) => setValue(e.target.value),\n      autoComplete: props.autoComplete,\n      autoCapitalize: props.autoCapitalize,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n      ...focusableProps,\n      ...fieldProps,\n    }),\n    descriptionProps,\n    errorMessageProps,\n    isInvalid,\n    validationErrors,\n    validationDetails,\n  };\n}\n"],"names":["useTextField","props","ref","inputElementType","isDisabled","isRequired","isReadOnly","type","validationBehavior","value","setValue","useControlledState","defaultValue","onChange","focusableProps","useFocusable","validationState","useFormValidationState","_objectSpread","isInvalid","validationErrors","validationDetails","displayValidation","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","errorMessage","domProps","filterDOMProps","labelable","inputOnlyProps","pattern","useFormReset","useFormValidation","useEffect","current","getOwnerWindow","HTMLTextAreaElement","input","Object","defineProperty","get","set","configurable","inputProps","mergeProps","undefined","disabled","readOnly","required","e","target","autoComplete","autoCapitalize","maxLength","minLength","name","placeholder","inputMode","onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onSelect","onBeforeInput","onInput"],"mappings":";;;;;;;;;;;;AAwBA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAC1BC,KAA8B,EAC9BC,GAA0B,EACR;EAClB,IAAI;AACFC,IAAAA,gBAAgB,GAAG,OAAO;AAC1BC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,IAAI,GAAG,MAAM;AACbC,IAAAA,kBAAkB,GAAG,MAAA;AAC2B,GAAC,GAAGP,KAAK,CAAA;EAC3D,IAAI,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGC,kBAAkB,CAASV,KAAK,CAACQ,KAAK,EAAER,KAAK,CAACW,YAAY,IAAI,EAAE,EAAEX,KAAK,CAACY,QAAQ,CAAC,CAAA;EACzG,IAAI;AAAEC,IAAAA,cAAAA;AAAe,GAAC,GAAGC,YAAY,CAACd,KAAK,EAAEC,GAAG,CAAC,CAAA;EACjD,IAAIc,eAAe,GAAGC,sBAAsB,CAAAC,cAAA,CAAAA,cAAA,KACvCjB,KAAK,CAAA,EAAA,EAAA,EAAA;AACRQ,IAAAA,KAAAA;AAAK,GAAA,CACN,CAAC,CAAA;EACF,IAAI;IAAEU,SAAS;IAAEC,gBAAgB;AAAEC,IAAAA,iBAAAA;GAAmB,GAAGL,eAAe,CAACM,iBAAiB,CAAA;EAC1F,IAAI;IAAEC,UAAU;IAAEC,UAAU;IAAEC,gBAAgB;AAAEC,IAAAA,iBAAAA;AAAkB,GAAC,GAAGC,QAAQ,CAAAT,cAAA,CAAAA,cAAA,KACzEjB,KAAK,CAAA,EAAA,EAAA,EAAA;IACRkB,SAAS;AACTS,IAAAA,YAAY,EAAE3B,KAAK,CAAC2B,YAAY,IAAIR,gBAAAA;AAAgB,GAAA,CACrD,CAAC,CAAA;AACF,EAAA,IAAIS,QAAQ,GAAGC,cAAc,CAAC7B,KAAK,EAAE;AAAE8B,IAAAA,SAAS,EAAE,IAAA;AAAK,GAAC,CAAC,CAAA;AAEzD,EAAA,MAAMC,cAAc,GAAG;IACrBzB,IAAI;IACJ0B,OAAO,EAAEhC,KAAK,CAACgC,OAAAA;GAChB,CAAA;AAEDC,EAAAA,YAAY,CAAChC,GAAG,EAAEO,KAAK,EAAEC,QAAQ,CAAC,CAAA;AAClCyB,EAAAA,iBAAiB,CAAClC,KAAK,EAAEe,eAAe,EAAEd,GAAG,CAAC,CAAA;AAE9CkC,EAAAA,SAAS,CAAC,MAAM;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,IAAIlC,GAAG,CAACmC,OAAO,YAAYC,cAAc,CAACpC,GAAG,CAACmC,OAAO,CAAC,CAACE,mBAAmB,EAAE;AAC1E,MAAA,IAAIC,KAAK,GAAGtC,GAAG,CAACmC,OAAO,CAAA;AACvBI,MAAAA,MAAM,CAACC,cAAc,CAACF,KAAK,EAAE,cAAc,EAAE;AAC3CG,QAAAA,GAAG,EAAEA,MAAMH,KAAK,CAAC/B,KAAK;AACtBmC,QAAAA,GAAG,EAAEA,MAAM,EAAE;AACbC,QAAAA,YAAY,EAAE,IAAA;AAChB,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,EAAE,CAAC3C,GAAG,CAAC,CAAC,CAAA;EAET,OAAO;IACLqB,UAAU;AACVuB,IAAAA,UAAU,EAAEC,UAAU,CAAClB,QAAQ,EAAE1B,gBAAgB,KAAK,OAAO,GAAG6B,cAAc,GAAGgB,SAAS,EAAA9B,cAAA,CAAAA,cAAA,CAAA;AACxF+B,MAAAA,QAAQ,EAAE7C,UAAU;AACpB8C,MAAAA,QAAQ,EAAE5C,UAAU;AACpB6C,MAAAA,QAAQ,EAAE9C,UAAU,IAAIG,kBAAkB,KAAK,QAAQ;AACvD,MAAA,eAAe,EAAGH,UAAU,IAAIG,kBAAkB,KAAK,MAAM,IAAKwC,SAAS;MAC3E,cAAc,EAAE7B,SAAS,IAAI6B,SAAS;AACtC,MAAA,mBAAmB,EAAE/C,KAAK,CAAC,mBAAmB,CAAC;AAC/C,MAAA,uBAAuB,EAAEA,KAAK,CAAC,uBAAuB,CAAC;AACvD,MAAA,mBAAmB,EAAEA,KAAK,CAAC,mBAAmB,CAAC;AAC/C,MAAA,eAAe,EAAEA,KAAK,CAAC,eAAe,CAAC;MACvCQ,KAAK;MACLI,QAAQ,EAAGuC,CAAgC,IAAK1C,QAAQ,CAAC0C,CAAC,CAACC,MAAM,CAAC5C,KAAK,CAAC;MACxE6C,YAAY,EAAErD,KAAK,CAACqD,YAAY;MAChCC,cAAc,EAAEtD,KAAK,CAACsD,cAAc;MACpCC,SAAS,EAAEvD,KAAK,CAACuD,SAAS;MAC1BC,SAAS,EAAExD,KAAK,CAACwD,SAAS;MAC1BC,IAAI,EAAEzD,KAAK,CAACyD,IAAI;MAChBC,WAAW,EAAE1D,KAAK,CAAC0D,WAAW;MAC9BC,SAAS,EAAE3D,KAAK,CAAC2D,SAAS;AAE1B;MACAC,MAAM,EAAE5D,KAAK,CAAC4D,MAAM;MACpBC,KAAK,EAAE7D,KAAK,CAAC6D,KAAK;MAClBC,OAAO,EAAE9D,KAAK,CAAC8D,OAAO;AAEtB;MACAC,gBAAgB,EAAE/D,KAAK,CAAC+D,gBAAgB;MACxCC,kBAAkB,EAAEhE,KAAK,CAACgE,kBAAkB;MAC5CC,mBAAmB,EAAEjE,KAAK,CAACiE,mBAAmB;AAE9C;MACAC,QAAQ,EAAElE,KAAK,CAACkE,QAAQ;AAExB;MACAC,aAAa,EAAEnE,KAAK,CAACmE,aAAa;MAClCC,OAAO,EAAEpE,KAAK,CAACoE,OAAAA;AAAO,KAAA,EACnBvD,cAAc,CAAA,EACdU,UAAU,CACd,CAAC;IACFC,gBAAgB;IAChBC,iBAAiB;IACjBP,SAAS;IACTC,gBAAgB;AAChBC,IAAAA,iBAAAA;GACD,CAAA;AACH;;;;"}

package/packages/design-system/src/react-aria/react-aria/utils/_internal/chain.js

@@ -0,0 +1,33 @@
+/* eslint-disable prefer-const */
+// @ts-nocheck
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+/**
+ * Calls all functions in the order they were chained with the same arguments.
+ */
+function chain() {
+  for (var _len = arguments.length, callbacks = new Array(_len), _key = 0; _key < _len; _key++) {
+    callbacks[_key] = arguments[_key];
+  }
+  return function () {
+    for (let callback of callbacks) {
+      if (typeof callback === 'function') {
+        callback(...arguments);
+      }
+    }
+  };
+}
+
+export { chain };
+//# sourceMappingURL=chain.js.map

package/packages/design-system/src/react-aria/react-aria/utils/_internal/chain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain.js","sources":["../../../../../../../../src/react-aria/react-aria/utils/chain.ts"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * Calls all functions in the order they were chained with the same arguments.\n */\nexport function chain(...callbacks: any[]): (...args: any[]) => void {\n  return (...args: any[]) => {\n    for (let callback of callbacks) {\n      if (typeof callback === 'function') {\n        callback(...args);\n      }\n    }\n  };\n}\n"],"names":["chain","_len","arguments","length","callbacks","Array","_key","callback"],"mappings":"AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACO,SAASA,KAAKA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAA5CC,SAAS,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAATF,IAAAA,SAAS,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAChC,EAAA,OAAO,YAAoB;AACzB,IAAA,KAAK,IAAIC,QAAQ,IAAIH,SAAS,EAAE;AAC9B,MAAA,IAAI,OAAOG,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC,GAAAL,SAAO,CAAC,CAAA;AACnB,OAAA;AACF,KAAA;GACD,CAAA;AACH;;;;"}

package/packages/design-system/src/react-aria/react-aria/utils/_internal/domHelpers.js

@@ -0,0 +1,14 @@
+const getOwnerDocument = el => {
+  var _el$ownerDocument;
+  return (_el$ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el$ownerDocument !== void 0 ? _el$ownerDocument : document;
+};
+const getOwnerWindow = el => {
+  if (el && 'window' in el && el.window === el) {
+    return el;
+  }
+  const doc = getOwnerDocument(el);
+  return doc.defaultView || window;
+};
+
+export { getOwnerDocument, getOwnerWindow };
+//# sourceMappingURL=domHelpers.js.map

package/packages/design-system/src/react-aria/react-aria/utils/_internal/domHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domHelpers.js","sources":["../../../../../../../../src/react-aria/react-aria/utils/domHelpers.ts"],"sourcesContent":["export const getOwnerDocument = (el: Element | null | undefined): Document => {\n  return el?.ownerDocument ?? document;\n};\n\nexport const getOwnerWindow = (el: (Window & typeof global) | Element | null | undefined): Window & typeof global => {\n  if (el && 'window' in el && el.window === el) {\n    return el;\n  }\n\n  const doc = getOwnerDocument(el as Element | null | undefined);\n  return doc.defaultView || window;\n};\n"],"names":["getOwnerDocument","el","_el$ownerDocument","ownerDocument","document","getOwnerWindow","window","doc","defaultView"],"mappings":"AAAaA,MAAAA,gBAAgB,GAAIC,EAA8B,IAAe;AAAA,EAAA,IAAAC,iBAAA,CAAA;AAC5E,EAAA,OAAA,CAAAA,iBAAA,GAAOD,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAE,CAAEE,aAAa,MAAAD,IAAAA,IAAAA,iBAAA,KAAAA,KAAAA,CAAAA,GAAAA,iBAAA,GAAIE,QAAQ,CAAA;AACtC,EAAC;AAEYC,MAAAA,cAAc,GAAIJ,EAAyD,IAA6B;EACnH,IAAIA,EAAE,IAAI,QAAQ,IAAIA,EAAE,IAAIA,EAAE,CAACK,MAAM,KAAKL,EAAE,EAAE;AAC5C,IAAA,OAAOA,EAAE,CAAA;AACX,GAAA;AAEA,EAAA,MAAMM,GAAG,GAAGP,gBAAgB,CAACC,EAAgC,CAAC,CAAA;AAC9D,EAAA,OAAOM,GAAG,CAACC,WAAW,IAAIF,MAAM,CAAA;AAClC;;;;"}