@wordpress/components 23.2.0 → 23.3.0

package/build-types/query-controls/terms.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Internal dependencies
+ */
+import type { Author, Category, TermWithParentAndChildren } from './types';
+/**
+ * Returns terms in a tree form.
+ *
+ * @param  flatTerms Array of terms in flat format.
+ *
+ * @return Terms in tree format.
+ */
+export declare function buildTermsTree(flatTerms: readonly (Author | Category)[]): TermWithParentAndChildren[];
+//# sourceMappingURL=terms.d.ts.map

package/build-types/query-controls/terms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../src/query-controls/terms.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EACX,MAAM,EACN,QAAQ,EACR,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAE,SAAS,EAAE,SAAS,CAAE,MAAM,GAAG,QAAQ,CAAE,EAAE,+BAkC1E"}

package/build-types/query-controls/test/terms.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=terms.d.ts.map

package/build-types/query-controls/test/terms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../../src/query-controls/test/terms.ts"],"names":[],"mappings":""}

package/build-types/query-controls/types.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Internal dependencies
+ */
+import type { FormTokenFieldProps } from '../form-token-field/types';
+import type { TreeSelectProps } from '../tree-select/types';
+export declare type Author = {
+    id: number;
+    name: string;
+};
+export declare type Category = {
+    id: number;
+    name: string;
+    parent: number;
+};
+export declare type TermWithParentAndChildren = {
+    id: string;
+    name: string;
+    parent: number | null;
+    children: TermWithParentAndChildren[];
+};
+export declare type TermsByParent = Record<string, TermWithParentAndChildren[]>;
+export declare type CategorySelectProps = Pick<TreeSelectProps, 'label' | 'noOptionLabel'> & {
+    categoriesList: Category[];
+    onChange: (newCategory: string) => void;
+    selectedCategoryId?: Category['id'];
+};
+export declare type AuthorSelectProps = Pick<TreeSelectProps, 'label' | 'noOptionLabel'> & {
+    authorList?: Author[];
+    onChange: (newAuthor: string) => void;
+    selectedAuthorId?: Author['id'];
+};
+declare type Order = 'asc' | 'desc';
+declare type OrderBy = 'date' | 'title';
+declare type BaseQueryControlsProps = {
+    /**
+     * An array of the authors to select from.
+     */
+    authorList?: AuthorSelectProps['authorList'];
+    /**
+     * The maximum number of items.
+     *
+     * @default 100
+     */
+    maxItems?: number;
+    /**
+     * The minimum number of items.
+     *
+     * @default 1
+     */
+    minItems?: number;
+    /**
+     * The selected number of items to retrieve via the query.
+     */
+    numberOfItems?: number;
+    /**
+     * A function that receives the new author value.
+     * If not specified, the author controls are not rendered.
+     */
+    onAuthorChange?: AuthorSelectProps['onChange'];
+    /**
+     * A function that receives the new number of items.
+     * If not specified, then the number of items
+     * range control is not rendered.
+     */
+    onNumberOfItemsChange?: (newNumber?: number) => void;
+    /**
+     * A function that receives the new order value.
+     * If this prop or the `onOrderByChange` prop are not specified,
+     * then the order controls are not rendered.
+     */
+    onOrderChange?: (newOrder: Order) => void;
+    /**
+     * A function that receives the new orderby value.
+     * If this prop or the `onOrderChange` prop are not specified,
+     * then the order controls are not rendered.
+     */
+    onOrderByChange?: (newOrderBy: OrderBy) => void;
+    /**
+     * The order in which to retrieve posts.
+     */
+    order?: Order;
+    /**
+     * The meta key by which to order posts.
+     */
+    orderBy?: OrderBy;
+    /**
+     * The selected author ID.
+     */
+    selectedAuthorId?: AuthorSelectProps['selectedAuthorId'];
+};
+export declare type QueryControlsWithSingleCategorySelectionProps = BaseQueryControlsProps & {
+    /**
+     * An array of categories. When passed in conjunction with the
+     * `onCategoryChange` prop, it causes the component to render UI that allows
+     * selecting one category at a time.
+     */
+    categoriesList?: CategorySelectProps['categoriesList'];
+    /**
+     * The selected category for the `categoriesList` prop.
+     */
+    selectedCategoryId?: CategorySelectProps['selectedCategoryId'];
+    /**
+     * A function that receives the new category value. If not specified, the
+     * category controls are not rendered.
+     * The function's signature changes depending on whether multiple category
+     * selection is enabled or not.
+     */
+    onCategoryChange?: CategorySelectProps['onChange'];
+};
+export declare type QueryControlsWithMultipleCategorySelectionProps = BaseQueryControlsProps & {
+    /**
+     * An object of categories with the category name as the key. When passed in
+     * conjunction with the `onCategoryChange` prop, it causes the component to
+     * render UI that enables multiple selection.
+     */
+    categorySuggestions?: Record<Category['name'], Category>;
+    /**
+     * The selected categories for the `categorySuggestions` prop.
+     */
+    selectedCategories?: Category[];
+    /**
+     * A function that receives the new category value. If not specified, the
+     * category controls are not rendered.
+     * The function's signature changes depending on whether multiple category
+     * selection is enabled or not.
+     */
+    onCategoryChange?: FormTokenFieldProps['onChange'];
+};
+export declare type QueryControlsProps = QueryControlsWithSingleCategorySelectionProps | QueryControlsWithMultipleCategorySelectionProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/query-controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/query-controls/types.ts"],"names":[],"mappings":"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"}

package/build-types/range-control/index.d.ts

@@ -52,6 +52,6 @@ export declare const RangeControl: import("react").ForwardRefExoticComponent<Pic
     trackColor?: import("csstype").Property.Color | undefined;
     type?: "stepper" | undefined;
     withInputField?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "isShiftStepEnabled" | "shiftStep" | "showTooltip" | "marks" | "railColor" | "trackColor" | keyof import("./types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "showTooltip" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "isShiftStepEnabled" | "shiftStep" | "marks" | "railColor" | "trackColor" | keyof import("./types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement>>;
 export default RangeControl;
 //# sourceMappingURL=index.d.ts.map

package/build-types/slot-fill/bubbles-virtually/fill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"AA6BA;;;uCAiCC"}
+{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.js"],"names":[],"mappings":"AA8BA;;;uCAiCC"}

package/build-types/slot-fill/use-slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.js"],"names":[],"mappings":";AAWA;;;;;GAKG;AACH,+BAHW,MAAM,GACL,MAAM,CAmBjB"}
+{"version":3,"file":"use-slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/use-slot.js"],"names":[],"mappings":";AAWA;;;;;GAKG;AACH,+BAHW,MAAM,GACL,MAAM,CASjB"}

package/build-types/snackbar/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { SnackbarProps } from './types';
 /**
  * A Snackbar displays a succinct message that is cleared out after a small delay.
  *
@@ -12,7 +11,15 @@ import type { SnackbarProps } from './types';
  * );
  * ```
  */
-export declare const Snackbar: import("react").ForwardRefExoticComponent<SnackbarProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof SnackbarProps> & {
+export declare const Snackbar: import("react").ForwardRefExoticComponent<import("../notice/types").NoticeProps & {
+    icon?: import("react").ReactNode;
+    explicitDismiss?: boolean | undefined;
+    listRef?: import("react").MutableRefObject<HTMLDivElement | null> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("../notice/types").NoticeProps | keyof {
+    icon?: import("react").ReactNode;
+    explicitDismiss?: boolean | undefined;
+    listRef?: import("react").MutableRefObject<HTMLDivElement | null> | undefined;
+}> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>>;
 export default Snackbar;

package/build-types/snackbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAqJ3D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":";AAwKA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}

package/build-types/snackbar/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAU,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAsB7D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAsCrD;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAsB7D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAwCrD;AAED,eAAe,YAAY,CAAC"}

package/build-types/snackbar/types.d.ts

@@ -1,111 +1,38 @@
 /**
  * External dependencies
  */
-import type { MutableRefObject, ReactNode, SyntheticEvent } from 'react';
-export declare type NoticeActionWithURL = {
-    label: string;
-    url: string;
-    onClick?: (event: SyntheticEvent) => void;
-};
-declare type NoticeActionWithOnClick = {
-    label: string;
-    url?: string;
-    onClick: (event: SyntheticEvent) => void;
-};
-export declare type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;
-export declare type Notice = {
-    id: string;
-    spokenMessage: string;
-    actions: NoticeAction[];
-    icon?: ReactNode;
-    onDismiss?: () => void;
-    content: string;
-    isDismissible: boolean;
-    explicitDismiss: boolean;
-};
-export declare type SnackbarProps = {
-    /**
-     * The displayed message of a notice.
-     *
-     * Also used as the spoken message for assistive technology,
-     * unless `spokenMessage` is provided as an alternative message.
-     */
-    children: string;
-    /**
-     * Used to provide a custom spoken message.
-     *
-     * @default children
-     */
-    spokenMessage?: Notice['spokenMessage'];
-    /**
-     * A politeness level for the notice's spoken message. Should be provided as
-     * one of the valid options for an `aria-live` attribute value. Note that this
-     * value should be considered a suggestion; assistive technologies may
-     * override it based on internal heuristics.
-     *
-     * A value of `'assertive'` is to be used for important, and usually
-     * time-sensitive, information. It will interrupt anything else the screen
-     * reader is announcing in that moment.
-     * A value of `'polite'` is to be used for advisory information. It should
-     * not interrupt what the screen reader is announcing in that moment
-     * (the "speech queue") or interrupt the current task.
-     *
-     * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live
-     *
-     * @default 'polite'
-     */
-    politeness?: 'polite' | 'assertive';
-    /**
-     * An array of action objects.
-     *
-     * Each member object should contain
-     * a `label` and either a `url` link string or `onClick` callback function.
-     *
-     * @default []
-     */
-    actions?: Notice['actions'];
-    /**
-     * Called to remove the snackbar from the UI.
-     */
-    onRemove?: () => void;
+import type { MutableRefObject, ReactNode } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { NoticeProps, NoticeChildren } from '../notice/types';
+declare type SnackbarOnlyProps = {
     /**
      * The icon to render in the snackbar.
      *
      * @default null
      */
-    icon?: Notice['icon'];
+    icon?: ReactNode;
     /**
      * Whether to require user action to dismiss the snackbar.
      * By default, this is dismissed on a timeout, without user interaction.
      *
      * @default false
      */
-    explicitDismiss?: Notice['explicitDismiss'];
-    /**
-     * A callback executed when the snackbar is dismissed.
-     *
-     * It is distinct from onRemove, which _looks_ like a callback but is
-     * actually the function to call to remove the snackbar from the UI.
-     */
-    onDismiss?: Notice['onDismiss'];
+    explicitDismiss?: boolean;
     /**
      * A ref to the list that contains the snackbar.
      */
     listRef?: MutableRefObject<HTMLDivElement | null>;
 };
+export declare type SnackbarProps = NoticeProps & SnackbarOnlyProps;
 export declare type SnackbarListProps = {
-    /**
-     * Array of notices to render.
-     */
-    notices: Notice[];
-    /**
-     * Children to be rendered inside the notice list.
-     */
-    children?: ReactNode;
-    /**
-     * Function called when a notice should be removed / dismissed.
-     */
-    onRemove?: (id: Notice['id']) => void;
+    notices: Array<Omit<SnackbarProps, 'children'> & {
+        id: string;
+        content: string;
+    }>;
+    onRemove: (id: string) => void;
+    children?: NoticeChildren | Array<NoticeChildren>;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

package/build-types/snackbar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzE,oBAAY,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC;CAC5C,CAAC;AAEF,aAAK,uBAAuB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC;CAC3C,CAAC;AAGF,oBAAY,YAAY,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzE,oBAAY,MAAM,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAE,eAAe,CAAE,CAAC;IAC1C;;;;;;;;;;;;;;;;OAgBG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAE,SAAS,CAAE,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAE,MAAM,CAAE,CAAC;IACxB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAE,iBAAiB,CAAE,CAAC;IAC9C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAE,WAAW,CAAE,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,EAAE,EAAE,MAAM,CAAE,IAAI,CAAE,KAAM,IAAI,CAAC;CAC1C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnE,aAAK,iBAAiB,GAAG;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,oBAAY,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE5D,oBAAY,iBAAiB,GAAG;IAC/B,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,aAAa,EAAE,UAAU,CAAE,GAAG;QACnC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,cAAc,GAAG,KAAK,CAAE,cAAc,CAAE,CAAC;CACpD,CAAC"}

package/build-types/tab-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAoB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAE,EACzB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAmB,EACnB,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eAyFxD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAoB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAE,EACzB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAmB,EACnB,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eA+GxD;AAED,eAAe,QAAQ,CAAC"}

package/build-types/tab-panel/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { ReactNode } from 'react';
+import type { MouseEvent, ReactNode } from 'react';
 /**
  * Internal dependencies
  */

package/build-types/tab-panel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,aAAK,GAAG,CAAE,SAAS,GAAG,OAAO,IAAK;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAE,SAAS,CAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,MAAM,CAAE,GAAG,EAAE,GAAG,CAAE,CAAC;AAEvB,oBAAY,cAAc,CAAE,SAAS,GAAG,OAAO,IAAK;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAE,GAAG,CAAE,SAAS,CAAE,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,CAAE,CAAC;AAEhE,oBAAY,aAAa,GAAG;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAE,GAAG,EAAE,GAAG,KAAM,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,aAAK,GAAG,CAAE,SAAS,GAAG,OAAO,IAAK;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAE,SAAS,CAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,MAAM,CAAE,GAAG,EAAE,GAAG,CAAE,CAAC;AAEvB,oBAAY,cAAc,CAAE,SAAS,GAAG,OAAO,IAAK;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAE,GAAG,CAAE,SAAS,CAAE,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,CAAE,CAAC;AAEhE,oBAAY,aAAa,GAAG;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAE,GAAG,EAAE,GAAG,KAAM,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/build-types/toggle-group-control/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EACN,kBAAkB,EAGlB,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,kBAAkB,CAanD,CAAC;AACF,eAAe,IAAI,CAAC;AAmCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC3C,CAAC;AAYrB;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC/C,CAAC;AAmBrB;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC7C,CAAC;AAUrB;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAChD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EACN,kBAAkB,EAGlB,MAAM,UAAU,CAAC;AAOlB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,kBAAkB,CAanD,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC3C,CAAC;AAYrB;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC/C,CAAC;AAmBrB;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAC7C,CAAC;AAUrB;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,CAAE,OAAO,kBAAkB,CAChD,CAAC"}

package/build-types/tree-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-select/index.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAC;AAa5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,wBAAgB,UAAU,CAAE,EAC3B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,IAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,eAejB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-select/index.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAC;AAa5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,wBAAgB,UAAU,CAAE,EAC3B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,IAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,eAejB;AAED,eAAe,UAAU,CAAC"}

package/build-types/ui/form-group/form-group.d.ts

@@ -30,7 +30,7 @@ declare const ConnectedFormGroup: import("../context").WordPressComponent<import
     truncate?: boolean | undefined;
 } & import("../../grid/types").GridProps & {
     horizontal: true;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "isDestructive" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>, boolean> | import("../context").WordPressComponent<import("react").ElementType<any>, import("../../text/types").Props & {
     isBlock?: boolean | undefined;
@@ -47,7 +47,7 @@ declare const ConnectedFormGroup: import("../context").WordPressComponent<import
     truncate?: boolean | undefined;
 } & {
     horizontal: false;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "size" | "help" | "weight" | "horizontal" | "children" | "label" | "as" | "id" | "spacing" | "isDestructive" | "variant" | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "labelHidden" | "alignLabel"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>, boolean>;
 //# sourceMappingURL=form-group.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "23.2.0",
+	"version": "23.3.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -38,21 +38,22 @@
 		"@emotion/utils": "^1.0.0",
 		"@floating-ui/react-dom": "^1.0.0",
 		"@use-gesture/react": "^10.2.6",
-		"@wordpress/a11y": "^3.25.0",
-		"@wordpress/compose": "^6.2.0",
-		"@wordpress/date": "^4.25.0",
-		"@wordpress/deprecated": "^3.25.0",
-		"@wordpress/dom": "^3.25.0",
-		"@wordpress/element": "^5.2.0",
-		"@wordpress/escape-html": "^2.25.0",
-		"@wordpress/hooks": "^3.25.0",
-		"@wordpress/i18n": "^4.25.0",
-		"@wordpress/icons": "^9.16.0",
-		"@wordpress/is-shallow-equal": "^4.25.0",
-		"@wordpress/keycodes": "^3.25.0",
-		"@wordpress/primitives": "^3.23.0",
-		"@wordpress/rich-text": "^6.2.0",
-		"@wordpress/warning": "^2.25.0",
+		"@wordpress/a11y": "^3.26.0",
+		"@wordpress/compose": "^6.3.0",
+		"@wordpress/date": "^4.26.0",
+		"@wordpress/deprecated": "^3.26.0",
+		"@wordpress/dom": "^3.26.0",
+		"@wordpress/element": "^5.3.0",
+		"@wordpress/escape-html": "^2.26.0",
+		"@wordpress/hooks": "^3.26.0",
+		"@wordpress/html-entities": "^3.26.0",
+		"@wordpress/i18n": "^4.26.0",
+		"@wordpress/icons": "^9.17.0",
+		"@wordpress/is-shallow-equal": "^4.26.0",
+		"@wordpress/keycodes": "^3.26.0",
+		"@wordpress/primitives": "^3.24.0",
+		"@wordpress/rich-text": "^6.3.0",
+		"@wordpress/warning": "^2.26.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -80,5 +81,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "204c880ff65295768e9695dfee6c7a9fee1fdd05"
+	"gitHead": "cab6ebe2b4c5dbacfd753dcae4a2406559c4813c"
 }

package/src/alignment-matrix-control/utils.tsx

@@ -19,8 +19,8 @@ export const ALIGNMENT_LABEL: Record< AlignmentMatrixControlValue, string > = {
 	'top center': __( 'Top Center' ),
 	'top right': __( 'Top Right' ),
 	'center left': __( 'Center Left' ),
-	'center center': __( 'Center Center' ),
-	center: __( 'Center Center' ),
+	'center center': __( 'Center' ),
+	center: __( 'Center' ),
 	'center right': __( 'Center Right' ),
 	'bottom left': __( 'Bottom Left' ),
 	'bottom center': __( 'Bottom Center' ),

package/src/autocomplete/autocompleter-ui.js

@@ -2,7 +2,6 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { map } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -70,7 +69,7 @@ export function getAutoCompleterUI( autocompleter ) {
 					role="listbox"
 					className="components-autocomplete__results"
 				>
-					{ map( items, ( option, index ) => (
+					{ items.map( ( option, index ) => (
 						<Button
 							key={ option.key }
 							id={ `components-autocomplete-item-${ instanceId }-${ option.key }` }

package/src/autocomplete/test/index.js

@@ -14,14 +14,10 @@ import { useRef } from '@wordpress/element';
  */
 import { getAutoCompleterUI } from '../autocompleter-ui';
 
-jest.useFakeTimers();
-
 describe( 'AutocompleterUI', () => {
 	describe( 'click outside behavior', () => {
 		it( 'should call reset function when a click on another element occurs', async () => {
-			const user = userEvent.setup( {
-				advanceTimers: jest.advanceTimersByTime,
-			} );
+			const user = userEvent.setup();
 
 			const resetSpy = jest.fn();
 

package/src/border-box-control/border-box-control-linked-button/component.tsx

@@ -16,7 +16,7 @@ import { useBorderBoxControlLinkedButton } from './hook';
 import type { LinkedButtonProps } from '../types';
 
 const BorderBoxControlLinkedButton = (
-	props: WordPressComponentProps< LinkedButtonProps, 'div' >,
+	props: WordPressComponentProps< LinkedButtonProps, 'button' >,
 	forwardedRef: React.ForwardedRef< any >
 ) => {
 	const { className, isLinked, ...buttonProps } =

package/src/border-box-control/border-box-control-linked-button/hook.ts

@@ -13,7 +13,7 @@ import { useCx } from '../../utils/hooks/use-cx';
 import type { LinkedButtonProps } from '../types';
 
 export function useBorderBoxControlLinkedButton(
-	props: WordPressComponentProps< LinkedButtonProps, 'div' >
+	props: WordPressComponentProps< LinkedButtonProps, 'button' >
 ) {
 	const {
 		className,

package/src/border-control/border-control-dropdown/component.tsx

@@ -24,7 +24,8 @@ import { useBorderControlDropdown } from './hook';
 import { StyledLabel } from '../../base-control/styles/base-control-styles';
 import DropdownContentWrapper from '../../dropdown/dropdown-content-wrapper';
 
-import type { ColorObject, PaletteObject } from '../../color-palette/types';
+import type { ColorObject } from '../../color-palette/types';
+import { isMultiplePaletteArray } from '../../color-palette/utils';
 import type { DropdownProps as DropdownComponentProps } from '../../dropdown/types';
 import type { ColorProps, DropdownProps } from '../types';
 
@@ -32,14 +33,15 @@ const getColorObject = (
 	colorValue: CSSProperties[ 'borderColor' ],
 	colors: ColorProps[ 'colors' ] | undefined
 ) => {
-	if ( ! colorValue || ! colors || colors.length === 0 ) {
+	if ( ! colorValue || ! colors ) {
 		return;
 	}
 
-	if ( ( colors as PaletteObject[] )[ 0 ].colors !== undefined ) {
+	if ( isMultiplePaletteArray( colors ) ) {
+		// Multiple origins
 		let matchedColor;
 
-		( colors as PaletteObject[] ).some( ( origin ) =>
+		colors.some( ( origin ) =>
 			origin.colors.some( ( color ) => {
 				if ( color.color === colorValue ) {
 					matchedColor = color;
@@ -53,9 +55,8 @@ const getColorObject = (
 		return matchedColor;
 	}
 
-	return ( colors as ColorObject[] ).find(
-		( color ) => color.color === colorValue
-	);
+	// Single origin
+	return colors.find( ( color ) => color.color === colorValue );
 };
 
 const getToggleAriaLabel = (
@@ -166,7 +167,7 @@ const BorderControlDropdown = (
 			onClick={ onToggle }
 			variant="tertiary"
 			aria-label={ toggleAriaLabel }
-			position={ dropdownPosition }
+			tooltipPosition={ dropdownPosition }
 			label={ __( 'Border color and style picker' ) }
 			showTooltip={ true }
 		>