@wordpress/dataviews 15.0.0 → 16.0.0

package/build-types/components/dataviews-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-context/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrE;;GAEG;AACH,OAAO,KAAK,EACX,IAAI,EACJ,MAAM,EACN,eAAe,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,KAAK,oBAAoB,CAAE,IAAI,IAAK;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAE,YAAY,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IACzD,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAChB,KAAK,EAAE;QACN,IAAI,EAAE,IAAI,CAAC;KACX,GAAG,cAAc,CAAE,GAAG,CAAE,KACrB,YAAY,CAAC;IAClB,eAAe,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IACvD,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IACtD,cAAc,EAAE,0BAA0B,CAAC;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IAC/C,MAAM,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAE,MAAM,IAAI,CAAE,GAAG,KAAK,CAAC;IACjC,oBAAoB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,gBAAgB,oDA4BnB,CAAC;eAIW,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews-context/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrE;;GAEG;AACH,OAAO,KAAK,EACX,IAAI,EACJ,MAAM,EACN,eAAe,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,KAAK,oBAAoB,CAAE,IAAI,IAAK;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAE,YAAY,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IACzD,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAChB,KAAK,EAAE;QACN,IAAI,EAAE,IAAI,CAAC;KACX,GAAG,cAAc,CAAE,GAAG,CAAE,KACrB,YAAY,CAAC;IAClB,eAAe,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IAC9D,iBAAiB,EACd,CAAE,CAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,KAAM,IAAI,CAAE,GAC/C,KAAK,CAAC,SAAS,CAAE,cAAc,CAAE,CAAC;IACrC,cAAc,EAAE,0BAA0B,CAAC;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IAC/C,MAAM,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,CAAE,MAAM,IAAI,CAAE,GAAG,KAAK,CAAC;IACjC,oBAAoB,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,gBAAgB,oDA4BnB,CAAC;eAIW,gBAAgB"}

package/build-types/components/dataviews-layouts/table/use-scroll-state.d.ts

@@ -1,7 +1,3 @@
-/**
- * External dependencies
- */
-import type { RefObject } from 'react';
 /**
  * A hook to track the scroll state of a container element.
  *
@@ -14,13 +10,13 @@ import type { RefObject } from 'react';
  *
  * See https://github.com/Automattic/wp-calypso/pull/103005#discussion_r2077567912.
  *
- * @param params                           The parameters for the hook.
- * @param params.scrollContainerRef        The ref to the scroll container element.
- * @param [params.enabledHorizontal=false] Whether to track horizontal scroll end.
- * @return  The scroll state.
+ * @param {Object}                                  params                           The parameters for the hook.
+ * @param {MutableRefObject<HTMLDivElement | null>} params.scrollContainerRef        The ref to the scroll container element.
+ * @param {boolean}                                 [params.enabledHorizontal=false] Whether to track horizontal scroll end.
+ * @return {{ isHorizontalScrollEnd: boolean, isVerticallyScrolled: boolean }} The scroll state.
  */
 export declare function useScrollState({ scrollContainerRef, enabledHorizontal }: {
-    scrollContainerRef: RefObject<HTMLDivElement | null>;
+    scrollContainerRef: React.MutableRefObject<HTMLDivElement | null>;
     enabledHorizontal?: boolean;
 }): {
     isHorizontalScrollEnd: boolean;

package/build-types/components/dataviews-layouts/table/use-scroll-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-state.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews-layouts/table/use-scroll-state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAE,EAC/B,kBAAkB,EAClB,iBAAyB,EACzB,EAAE;IACF,kBAAkB,EAAE,SAAS,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAI;IAAE,qBAAqB,EAAE,OAAO,CAAC;IAAC,oBAAoB,EAAE,OAAO,CAAA;CAAE,CAmCrE"}
+{"version":3,"file":"use-scroll-state.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews-layouts/table/use-scroll-state.ts"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAE,EAC/B,kBAAkB,EAClB,iBAAyB,EACzB,EAAE;IACF,kBAAkB,EAAE,KAAK,CAAC,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;IACpE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAI;IAAE,qBAAqB,EAAE,OAAO,CAAC;IAAC,oBAAoB,EAAE,OAAO,CAAA;CAAE,CAmCrE"}

package/build-types/components/dataviews-layouts/utils/item-click-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item-click-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews-layouts/utils/item-click-wrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA+CrE,wBAAgB,gBAAgB,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,eAAe,EACf,WAAW,EACX,cAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACb,EAAE;IACF,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAChB,KAAK,EAAE;QACN,IAAI,EAAE,IAAI,CAAC;KACX,GAAG,cAAc,CAAE,GAAG,CAAE,KACrB,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACpB,+BA+DA"}
+{"version":3,"file":"item-click-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/dataviews-layouts/utils/item-click-wrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA+CrE,wBAAgB,gBAAgB,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,eAAe,EACf,WAAW,EACX,cAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACb,EAAE;IACF,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAChB,KAAK,EAAE;QACN,IAAI,EAAE,IAAI,CAAC;KACX,GAAG,cAAc,CAAE,GAAG,CAAE,KACrB,YAAY,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACpB,+BA6DA"}

package/build-wp/index.js

@@ -9,7 +9,6 @@ import clsx52 from "clsx";
 
 // ../element/build-module/react.mjs
 import {
-  Activity,
   Children,
   cloneElement,
   Component,
@@ -22,20 +21,16 @@ import {
   memo,
   PureComponent,
   StrictMode,
-  use,
-  useActionState,
   useCallback,
   useContext,
   useDebugValue,
   useDeferredValue,
   useEffect,
-  useEffectEvent,
   useId,
   useMemo,
   useImperativeHandle,
   useInsertionEffect,
   useLayoutEffect,
-  useOptimistic,
   useReducer,
   useRef,
   useState,
@@ -212,14 +207,11 @@ var create_interpolate_element_default = createInterpolateElement;
 // ../element/build-module/react-platform.mjs
 import {
   createPortal,
+  findDOMNode,
   flushSync,
-  preconnect,
-  prefetchDNS,
-  preinit,
-  preinitModule,
-  preload,
-  preloadModule,
-  useFormStatus
+  render,
+  hydrate,
+  unmountComponentAtNode
 } from "react-dom";
 import { createRoot, hydrateRoot } from "react-dom/client";
 
@@ -234,26 +226,6 @@ var isEmptyElement = (element) => {
   return !element;
 };
 
-// ../deprecated/build-module/index.mjs
-import { doAction } from "@wordpress/hooks";
-var logged = /* @__PURE__ */ Object.create(null);
-function deprecated(feature, options2 = {}) {
-  const { since, version, alternative, plugin, link, hint } = options2;
-  const pluginMessage = plugin ? ` from ${plugin}` : "";
-  const sinceMessage = since ? ` since version ${since}` : "";
-  const versionMessage = version ? ` and will be removed${pluginMessage} in version ${version}` : "";
-  const useInsteadMessage = alternative ? ` Please use ${alternative} instead.` : "";
-  const linkMessage = link ? ` See: ${link}` : "";
-  const hintMessage = hint ? ` Note: ${hint}` : "";
-  const message = `${feature} is deprecated${sinceMessage}${versionMessage}.${useInsteadMessage}${linkMessage}${hintMessage}`;
-  if (message in logged) {
-    return;
-  }
-  doAction("deprecated", feature, options2, message);
-  console.warn(message);
-  logged[message] = true;
-}
-
 // ../compose/build-module/utils/create-higher-order-component/index.mjs
 import { pascalCase } from "change-case";
 function createHigherOrderComponent(mapComponent, modifierName) {
@@ -582,6 +554,26 @@ function isShallowEqual(a, b) {
   return a === b;
 }
 
+// ../deprecated/build-module/index.mjs
+import { doAction } from "@wordpress/hooks";
+var logged = /* @__PURE__ */ Object.create(null);
+function deprecated(feature, options2 = {}) {
+  const { since, version, alternative, plugin, link, hint } = options2;
+  const pluginMessage = plugin ? ` from ${plugin}` : "";
+  const sinceMessage = since ? ` since version ${since}` : "";
+  const versionMessage = version ? ` and will be removed${pluginMessage} in version ${version}` : "";
+  const useInsteadMessage = alternative ? ` Please use ${alternative} instead.` : "";
+  const linkMessage = link ? ` See: ${link}` : "";
+  const hintMessage = hint ? ` Note: ${hint}` : "";
+  const message = `${feature} is deprecated${sinceMessage}${versionMessage}.${useInsteadMessage}${linkMessage}${hintMessage}`;
+  if (message in logged) {
+    return;
+  }
+  doAction("deprecated", feature, options2, message);
+  console.warn(message);
+  logged[message] = true;
+}
+
 // ../compose/build-module/hooks/use-instance-id/index.mjs
 var instanceMap = /* @__PURE__ */ new WeakMap();
 function createId(object) {
@@ -1483,9 +1475,9 @@ if (typeof process === "undefined" || true) {
   registerStyle("1fb29d3a3c", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,#0000);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 #0000);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,#0000);border-color:var(--_gcd-input-border-color-disabled,#0000);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid #0000)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid #0000);transition:var(--_gcd-a-transition,none)}");
 }
 var global_css_defense_default = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a" };
-var Text = forwardRef(function Text2({ variant = "body-md", render: render4, className: className2, ...props }, ref) {
+var Text = forwardRef(function Text2({ variant = "body-md", render: render5, className: className2, ...props }, ref) {
   const element = useRender({
-    render: render4,
+    render: render5,
     defaultTagName: "span",
     ref,
     props: mergeProps(props, {
@@ -1856,11 +1848,11 @@ if (typeof process === "undefined" || true) {
   registerStyle3("7bb6e0116a", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}");
 }
 var style_default3 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
-var Root = forwardRef(function Card({ render: render4, ...restProps }, ref) {
+var Root = forwardRef(function Card({ render: render5, ...restProps }, ref) {
   const mergedClassName = clsx4(style_default3.root, resets_default["box-sizing"]);
   const element = useRender2({
     defaultTagName: "div",
-    render: render4,
+    render: render5,
     ref,
     props: mergeProps2({ className: mergedClassName }, restProps)
   });
@@ -1954,10 +1946,10 @@ if (typeof process === "undefined" || true) {
 }
 var style_default4 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var Header = forwardRef(
-  function CardHeader({ render: render4, ...props }, ref) {
+  function CardHeader({ render: render5, ...props }, ref) {
     const element = useRender3({
       defaultTagName: "div",
-      render: render4,
+      render: render5,
       ref,
       props: mergeProps3({ className: style_default4.header }, props)
     });
@@ -2052,10 +2044,10 @@ if (typeof process === "undefined" || true) {
 }
 var style_default5 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var Content = forwardRef(
-  function CardContent({ render: render4, ...props }, ref) {
+  function CardContent({ render: render5, ...props }, ref) {
     const element = useRender4({
       defaultTagName: "div",
-      render: render4,
+      render: render5,
       ref,
       props: mergeProps4({ className: style_default5.content }, props)
     });
@@ -2150,10 +2142,10 @@ if (typeof process === "undefined" || true) {
 }
 var style_default6 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var FullBleed = forwardRef(
-  function CardFullBleed({ render: render4, ...props }, ref) {
+  function CardFullBleed({ render: render5, ...props }, ref) {
     const element = useRender5({
       defaultTagName: "div",
-      render: render4,
+      render: render5,
       ref,
       props: mergeProps5(
         { className: style_default6.fullbleed },
@@ -2168,13 +2160,13 @@ var FullBleed = forwardRef(
 import { jsx as jsx5 } from "react/jsx-runtime";
 var DEFAULT_TAG = /* @__PURE__ */ jsx5("div", {});
 var Title = forwardRef(
-  function CardTitle({ render: render4 = DEFAULT_TAG, children, ...props }, ref) {
+  function CardTitle({ render: render5 = DEFAULT_TAG, children, ...props }, ref) {
     return /* @__PURE__ */ jsx5(
       Text,
       {
         ref,
         variant: "heading-lg",
-        render: render4,
+        render: render5,
         ...props,
         children
       }
@@ -2221,12 +2213,12 @@ __export(collapsible_card_exports, {
 // ../ui/build-module/collapsible-card/root.mjs
 import { jsx as jsx9 } from "react/jsx-runtime";
 var Root3 = forwardRef(
-  function CollapsibleCardRoot({ render: render4, ...restProps }, ref) {
+  function CollapsibleCardRoot({ render: render5, ...restProps }, ref) {
     return /* @__PURE__ */ jsx9(
       Root2,
       {
         ref,
-        render: /* @__PURE__ */ jsx9(Root, { render: render4 }),
+        render: /* @__PURE__ */ jsx9(Root, { render: render5 }),
         ...restProps
       }
     );
@@ -2240,15 +2232,12 @@ import clsx5 from "clsx";
 // ../icons/build-module/icon/index.mjs
 var icon_default = forwardRef(
   ({ icon, size: size3 = 24, ...props }, ref) => {
-    return cloneElement(
-      icon,
-      {
-        width: size3,
-        height: size3,
-        ...props,
-        ref
-      }
-    );
+    return cloneElement(icon, {
+      width: size3,
+      height: size3,
+      ...props,
+      ref
+    });
   }
 );
 
@@ -2489,7 +2478,7 @@ if (typeof process === "undefined" || true) {
 }
 var focus_default = { "outset-ring--focus": "_08e8a2e44959f892__outset-ring--focus", "outset-ring--focus-except-active": "e25b2bdd7aa21721__outset-ring--focus-except-active", "outset-ring--focus-visible": "d0541bc9dd9dc7b6__outset-ring--focus-visible", "outset-ring--focus-within": "cd83dfc2126a0846__outset-ring--focus-within", "outset-ring--focus-within-except-active": "_970d04df7376df67__outset-ring--focus-within-except-active", "outset-ring--focus-within-visible": "c5cb3ee4bddaa8e4__outset-ring--focus-within-visible", "outset-ring--focus-parent-visible": "ecadb9e080e2dfa5__outset-ring--focus-parent-visible" };
 var Header2 = forwardRef(
-  function CollapsibleCardHeader({ children, className: className2, render: render4, ...restProps }, ref) {
+  function CollapsibleCardHeader({ children, className: className2, render: render5, ...restProps }, ref) {
     const [descriptionId, setDescriptionId] = useState();
     const contextValue = useMemo(
       () => ({ setDescriptionId }),
@@ -2497,7 +2486,7 @@ var Header2 = forwardRef(
     );
     return useRender6({
       defaultTagName: "div",
-      render: render4,
+      render: render5,
       ref,
       props: mergeProps6(restProps, {
         className: clsx5(
@@ -2660,7 +2649,7 @@ if (typeof process === "undefined" || true) {
 }
 var style_default8 = { "heading-wrapper": "_626190151275d6d3__heading-wrapper", "header-content": "cab17c7a373cb60d__header-content", "header-trigger-positioner": "dd89d27c4f15912d__header-trigger-positioner", "header-trigger-wrapper": "bcfab5f2448bafef__header-trigger-wrapper", "header-trigger": "_3106f8d2b0330faa__header-trigger", "header": "_5d2dfcb4085c6d0f__header", "content": "e34cf37ccd0d81e0__content", "overflowVisible": "_165c4572592944b2__overflowVisible", "content-inner": "_41bfdbf7b6c087c2__content-inner" };
 var Content2 = forwardRef(
-  function CollapsibleCardContent({ className: className2, render: render4, children, hiddenUntilFound = true, ...restProps }, ref) {
+  function CollapsibleCardContent({ className: className2, render: render5, children, hiddenUntilFound = true, ...restProps }, ref) {
     return /* @__PURE__ */ jsx46(
       Panel,
       {
@@ -2676,7 +2665,7 @@ var Content2 = forwardRef(
           Content,
           {
             className: style_default8["content-inner"],
-            render: render4,
+            render: render5,
             children
           }
         )
@@ -4050,10 +4039,7 @@ lock2(privateApis, {
 
 // ../ui/build-module/utils/render-slot-with-children.mjs
 function renderSlotWithChildren(slot, defaultSlot, children) {
-  return cloneElement(
-    slot ?? defaultSlot,
-    { children }
-  );
+  return cloneElement(slot ?? defaultSlot, { children });
 }
 
 // ../ui/build-module/lock-unlock.mjs
@@ -4157,7 +4143,7 @@ var gapTokens = {
   "2xl": "var(--wpds-dimension-gap-2xl, 32px)",
   "3xl": "var(--wpds-dimension-gap-3xl, 40px)"
 };
-var Stack = forwardRef(function Stack2({ direction, gap, align, justify, wrap, render: render4, ...props }, ref) {
+var Stack = forwardRef(function Stack2({ direction, gap, align, justify, wrap, render: render5, ...props }, ref) {
   const style = {
     gap: gap && gapTokens[gap],
     alignItems: align,
@@ -4166,7 +4152,7 @@ var Stack = forwardRef(function Stack2({ direction, gap, align, justify, wrap, r
     flexWrap: wrap
   };
   const element = useRender7({
-    render: render4,
+    render: render5,
     ref,
     props: mergeProps7(props, { style, className: style_default10.stack })
   });
@@ -4681,9 +4667,9 @@ if (typeof process === "undefined" || true) {
 }
 var style_default13 = { "visually-hidden": "f37b9e2e191ebd66__visually-hidden" };
 var VisuallyHidden = forwardRef(
-  function VisuallyHidden2({ render: render4, ...restProps }, ref) {
+  function VisuallyHidden2({ render: render5, ...restProps }, ref) {
     const element = useRender8({
-      render: render4,
+      render: render5,
       ref,
       props: mergeProps8(
         { className: style_default13["visually-hidden"] },
@@ -5785,8 +5771,7 @@ function UnforwardedTooltip(props, ref) {
       render: children
     }) : children;
   }
-  function addDescribedById(el) {
-    const element = el;
+  function addDescribedById(element) {
     return describedById && mounted && element.props["aria-describedby"] === void 0 && element.props["aria-label"] !== text ? cloneElement(element, {
       "aria-describedby": describedById
     }) : element;
@@ -7165,39 +7150,42 @@ function InputBase(props, ref) {
       }
     };
   }, [__next40pxDefaultSize, size3]);
-  return /* @__PURE__ */ _jsxs2(Root5, {
-    ...restProps,
-    ...getUIFlexProps(labelPosition),
-    className: className2,
-    gap: 2,
-    ref,
-    children: [/* @__PURE__ */ _jsx22(Label2, {
-      className: "components-input-control__label",
-      hideLabelFromVision,
-      labelPosition,
-      htmlFor: id,
-      children: label
-    }), /* @__PURE__ */ _jsxs2(Container, {
-      __unstableInputWidth,
-      className: "components-input-control__container",
-      disabled,
-      hideLabel,
-      labelPosition,
-      children: [/* @__PURE__ */ _jsxs2(ContextSystemProvider, {
-        value: prefixSuffixContextValue,
-        children: [prefix && /* @__PURE__ */ _jsx22(Prefix, {
-          className: "components-input-control__prefix",
-          children: prefix
-        }), children, suffix && /* @__PURE__ */ _jsx22(Suffix, {
-          className: "components-input-control__suffix",
-          children: suffix
-        })]
-      }), /* @__PURE__ */ _jsx22(backdrop_default, {
+  return (
+    // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.
+    /* @__PURE__ */ _jsxs2(Root5, {
+      ...restProps,
+      ...getUIFlexProps(labelPosition),
+      className: className2,
+      gap: 2,
+      ref,
+      children: [/* @__PURE__ */ _jsx22(Label2, {
+        className: "components-input-control__label",
+        hideLabelFromVision,
+        labelPosition,
+        htmlFor: id,
+        children: label
+      }), /* @__PURE__ */ _jsxs2(Container, {
+        __unstableInputWidth,
+        className: "components-input-control__container",
         disabled,
-        isBorderless
+        hideLabel,
+        labelPosition,
+        children: [/* @__PURE__ */ _jsxs2(ContextSystemProvider, {
+          value: prefixSuffixContextValue,
+          children: [prefix && /* @__PURE__ */ _jsx22(Prefix, {
+            className: "components-input-control__prefix",
+            children: prefix
+          }), children, suffix && /* @__PURE__ */ _jsx22(Suffix, {
+            className: "components-input-control__suffix",
+            children: suffix
+          })]
+        }), /* @__PURE__ */ _jsx22(backdrop_default, {
+          disabled,
+          isBorderless
+        })]
       })]
-    })]
-  });
+    })
+  );
 }
 var input_base_default = contextConnect(InputBase, "InputBase");
 
@@ -14752,7 +14740,7 @@ var Tab3 = forwardRef(function Tab22({
   children,
   tabId,
   disabled,
-  render: render4,
+  render: render5,
   ...otherProps
 }, ref) {
   const {
@@ -14769,7 +14757,7 @@ var Tab3 = forwardRef(function Tab22({
     store,
     id: instancedTabId,
     disabled,
-    render: render4,
+    render: render5,
     ...otherProps,
     children: [/* @__PURE__ */ _jsx98(TabChildren, {
       children
@@ -24588,7 +24576,7 @@ function RenderFromElements({
 
 // src/field-types/utils/render-default.tsx
 import { jsx as jsx113 } from "react/jsx-runtime";
-function render({
+function render2({
   item: item2,
   field
 }) {
@@ -24681,7 +24669,7 @@ function isValidCustom(item2, field) {
 }
 var email_default = {
   type: "email",
-  render,
+  render: render2,
   Edit: "email",
   sort: sort_text_default,
   enableSorting: true,
@@ -24784,7 +24772,7 @@ function isValidCustom2(item2, field) {
 }
 var integer_default = {
   type: "integer",
-  render,
+  render: render2,
   Edit: "integer",
   sort: sort_number_default,
   enableSorting: true,
@@ -24867,7 +24855,7 @@ function isValidCustom3(item2, field) {
 }
 var number_default = {
   type: "number",
-  render,
+  render: render2,
   Edit: "number",
   sort: sort_number_default,
   enableSorting: true,
@@ -24910,7 +24898,7 @@ var number_default = {
 // src/field-types/text.tsx
 var text_default = {
   type: "text",
-  render,
+  render: render2,
   Edit: "text",
   sort: sort_text_default,
   enableSorting: true,
@@ -25005,7 +24993,7 @@ var sort = (a, b, direction) => {
 };
 var datetime_default = {
   type: "datetime",
-  render,
+  render: render2,
   Edit: "datetime",
   sort,
   enableSorting: true,
@@ -25069,7 +25057,7 @@ var sort2 = (a, b, direction) => {
 };
 var date_default = {
   type: "date",
-  render,
+  render: render2,
   Edit: "date",
   sort: sort2,
   enableSorting: true,
@@ -25149,7 +25137,7 @@ var sort3 = (a, b, direction) => {
 };
 var boolean_default = {
   type: "boolean",
-  render,
+  render: render2,
   Edit: "checkbox",
   sort: sort3,
   validate: {
@@ -25203,7 +25191,7 @@ function getValueFormatted7({
   const arr = Array.isArray(value) ? value : [];
   return arr.join(", ");
 }
-function render2({ item: item2, field }) {
+function render3({ item: item2, field }) {
   return getValueFormatted7({ item: item2, field });
 }
 function isValidCustom5(item2, field) {
@@ -25228,7 +25216,7 @@ var sort4 = (a, b, direction) => {
 };
 var array_default = {
   type: "array",
-  render: render2,
+  render: render3,
   Edit: "array",
   sort: sort4,
   enableSorting: true,
@@ -25258,7 +25246,7 @@ function getValueFormatted8({
 }
 var password_default = {
   type: "password",
-  render,
+  render: render2,
   Edit: "password",
   sort: () => 0,
   // Passwords should not be sortable for security reasons
@@ -25280,7 +25268,7 @@ var password_default = {
 // src/field-types/telephone.tsx
 var telephone_default = {
   type: "telephone",
-  render,
+  render: render2,
   Edit: "telephone",
   sort: sort_text_default,
   enableSorting: true,
@@ -25313,7 +25301,7 @@ var telephone_default = {
 import { colord as colord8 } from "colord";
 import { __ as __56 } from "@wordpress/i18n";
 import { jsx as jsx114, jsxs as jsxs31 } from "react/jsx-runtime";
-function render3({ item: item2, field }) {
+function render4({ item: item2, field }) {
   if (field.hasElements) {
     return /* @__PURE__ */ jsx114(RenderFromElements, { item: item2, field });
   }
@@ -25369,7 +25357,7 @@ var sort5 = (a, b, direction) => {
 };
 var color_default = {
   type: "color",
-  render: render3,
+  render: render4,
   Edit: "color",
   sort: sort5,
   enableSorting: true,
@@ -25393,7 +25381,7 @@ var color_default = {
 // src/field-types/url.tsx
 var url_default = {
   type: "url",
-  render,
+  render: render2,
   Edit: "url",
   sort: sort_text_default,
   enableSorting: true,
@@ -25431,7 +25419,7 @@ var sort6 = (a, b, direction) => {
 };
 var no_type_default = {
   // type: no type for this one
-  render,
+  render: render2,
   Edit: null,
   sort: sort6,
   enableSorting: true,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/dataviews",
-	"version": "15.0.0",
+	"version": "16.0.0",
 	"description": "DataViews is a component that provides an API to render datasets using different types of layouts (table, grid, list, etc.).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -53,20 +53,20 @@
 	"sideEffects": false,
 	"dependencies": {
 		"@ariakit/react": "^0.4.21",
-		"@wordpress/base-styles": "^9.0.0",
-		"@wordpress/components": "^34.0.0",
-		"@wordpress/compose": "^8.0.0",
-		"@wordpress/data": "^10.47.0",
-		"@wordpress/date": "^5.47.0",
-		"@wordpress/deprecated": "^4.47.0",
-		"@wordpress/element": "^7.0.0",
-		"@wordpress/i18n": "^6.20.0",
-		"@wordpress/icons": "^13.2.0",
-		"@wordpress/keycodes": "^4.47.0",
-		"@wordpress/primitives": "^4.47.0",
-		"@wordpress/private-apis": "^1.47.0",
-		"@wordpress/ui": "^0.14.0",
-		"@wordpress/warning": "^3.47.0",
+		"@wordpress/base-styles": "^9.1.0",
+		"@wordpress/components": "^35.0.0",
+		"@wordpress/compose": "^8.1.0",
+		"@wordpress/data": "^10.48.0",
+		"@wordpress/date": "^5.48.0",
+		"@wordpress/deprecated": "^4.48.0",
+		"@wordpress/element": "^8.0.0",
+		"@wordpress/i18n": "^6.21.0",
+		"@wordpress/icons": "^13.3.0",
+		"@wordpress/keycodes": "^4.48.0",
+		"@wordpress/primitives": "^4.48.0",
+		"@wordpress/private-apis": "^1.48.0",
+		"@wordpress/ui": "^0.15.0",
+		"@wordpress/warning": "^3.48.0",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
 		"date-fns": "^4.1.0",
@@ -83,8 +83,8 @@
 		"storybook": "^10.2.8"
 	},
 	"peerDependencies": {
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4"
+		"react": "^18.0.0",
+		"react-dom": "^18.0.0"
 	},
 	"publishConfig": {
 		"access": "public"
@@ -92,5 +92,5 @@
 	"scripts": {
 		"build:wp": "node build.cjs"
 	},
-	"gitHead": "d653c5fd6161571a0c2ebde28553d6e25624eacc"
+	"gitHead": "e7856693aeb4e2522d13608cd32c994e4a97cb9c"
 }

package/src/components/dataform-controls/datetime.tsx

@@ -54,7 +54,7 @@ function CalendarDateTimeControl< Item >( {
 	const inputControlRef = useRef< HTMLInputElement >( null );
 	const validationTimeoutRef =
 		useRef< ReturnType< typeof setTimeout > >( undefined );
-	const previousFocusRef = useRef< Element >( null );
+	const previousFocusRef = useRef< Element | null >( null );
 
 	const { minConstraint, maxConstraint, disabledMatchers } =
 		useDisabledDateMatchers( isValid, parseDateTime );