@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/toggle-group-control/toggle-group-control/utils.js

@@ -1,21 +1,6 @@
-/**
- * WordPress dependencies
- */
-import { usePrevious } from '@wordpress/compose';
-import { useEffect, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-/**
- * Used to determine, via an internal heuristics, whether an `undefined` value
- * received for the `value` prop should be interpreted as the component being
- * used in uncontrolled mode, or as an "empty" value for controlled mode.
- *
- * @param valueProp The received `value`
- */
-export function useComputeControlledOrUncontrolledValue(valueProp) {
+import { usePrevious } from "@wordpress/compose";
+import { useEffect, useRef } from "@wordpress/element";
+function useComputeControlledOrUncontrolledValue(valueProp) {
   const isInitialRenderRef = useRef(true);
   const prevValueProp = usePrevious(valueProp);
   const prevIsControlledRef = useRef(false);
@@ -24,25 +9,22 @@ export function useComputeControlledOrUncontrolledValue(valueProp) {
       isInitialRenderRef.current = false;
     }
   }, []);
-
-  // Assume the component is being used in controlled mode on the first re-render
-  // that has a different `valueProp` from the previous render.
   const isControlled = prevIsControlledRef.current || !isInitialRenderRef.current && prevValueProp !== valueProp;
   useEffect(() => {
     prevIsControlledRef.current = isControlled;
   }, [isControlled]);
   if (isControlled) {
-    // When in controlled mode, use `''` instead of `undefined`
     return {
-      value: valueProp !== null && valueProp !== void 0 ? valueProp : '',
-      defaultValue: undefined
+      value: valueProp !== null && valueProp !== void 0 ? valueProp : "",
+      defaultValue: void 0
     };
   }
-
-  // When in uncontrolled mode, the `value` should be intended as the initial value
   return {
-    value: undefined,
+    value: void 0,
     defaultValue: valueProp
   };
 }
-//# sourceMappingURL=utils.js.map
+export {
+  useComputeControlledOrUncontrolledValue
+};
+//# sourceMappingURL=utils.js.map

package/build-module/toggle-group-control/toggle-group-control/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["usePrevious","useEffect","useRef","useComputeControlledOrUncontrolledValue","valueProp","isInitialRenderRef","prevValueProp","prevIsControlledRef","current","isControlled","value","defaultValue","undefined"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/utils.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { usePrevious } from '@wordpress/compose';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToggleGroupControlProps } from '../types';\n\ntype ValueProp = ToggleGroupControlProps[ 'value' ];\n\n/**\n * Used to determine, via an internal heuristics, whether an `undefined` value\n * received for the `value` prop should be interpreted as the component being\n * used in uncontrolled mode, or as an \"empty\" value for controlled mode.\n *\n * @param valueProp The received `value`\n */\nexport function useComputeControlledOrUncontrolledValue(\n\tvalueProp: ValueProp\n): { value: ValueProp; defaultValue: ValueProp } {\n\tconst isInitialRenderRef = useRef( true );\n\tconst prevValueProp = usePrevious( valueProp );\n\tconst prevIsControlledRef = useRef( false );\n\n\tuseEffect( () => {\n\t\tif ( isInitialRenderRef.current ) {\n\t\t\tisInitialRenderRef.current = false;\n\t\t}\n\t}, [] );\n\n\t// Assume the component is being used in controlled mode on the first re-render\n\t// that has a different `valueProp` from the previous render.\n\tconst isControlled =\n\t\tprevIsControlledRef.current ||\n\t\t( ! isInitialRenderRef.current && prevValueProp !== valueProp );\n\tuseEffect( () => {\n\t\tprevIsControlledRef.current = isControlled;\n\t}, [ isControlled ] );\n\n\tif ( isControlled ) {\n\t\t// When in controlled mode, use `''` instead of `undefined`\n\t\treturn { value: valueProp ?? '', defaultValue: undefined };\n\t}\n\n\t// When in uncontrolled mode, the `value` should be intended as the initial value\n\treturn { value: undefined, defaultValue: valueProp };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,SAASC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;;AAEtD;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uCAAuCA,CACtDC,SAAoB,EAC4B;EAChD,MAAMC,kBAAkB,GAAGH,MAAM,CAAE,IAAK,CAAC;EACzC,MAAMI,aAAa,GAAGN,WAAW,CAAEI,SAAU,CAAC;EAC9C,MAAMG,mBAAmB,GAAGL,MAAM,CAAE,KAAM,CAAC;EAE3CD,SAAS,CAAE,MAAM;IAChB,IAAKI,kBAAkB,CAACG,OAAO,EAAG;MACjCH,kBAAkB,CAACG,OAAO,GAAG,KAAK;IACnC;EACD,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA,MAAMC,YAAY,GACjBF,mBAAmB,CAACC,OAAO,IACzB,CAAEH,kBAAkB,CAACG,OAAO,IAAIF,aAAa,KAAKF,SAAW;EAChEH,SAAS,CAAE,MAAM;IAChBM,mBAAmB,CAACC,OAAO,GAAGC,YAAY;EAC3C,CAAC,EAAE,CAAEA,YAAY,CAAG,CAAC;EAErB,IAAKA,YAAY,EAAG;IACnB;IACA,OAAO;MAAEC,KAAK,EAAEN,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE;MAAEO,YAAY,EAAEC;IAAU,CAAC;EAC3D;;EAEA;EACA,OAAO;IAAEF,KAAK,EAAEE,SAAS;IAAED,YAAY,EAAEP;EAAU,CAAC;AACrD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toggle-group-control/toggle-group-control/utils.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { usePrevious } from '@wordpress/compose';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\n/**\n * Used to determine, via an internal heuristics, whether an `undefined` value\n * received for the `value` prop should be interpreted as the component being\n * used in uncontrolled mode, or as an \"empty\" value for controlled mode.\n *\n * @param valueProp The received `value`\n */\nexport function useComputeControlledOrUncontrolledValue(valueProp) {\n  const isInitialRenderRef = useRef(true);\n  const prevValueProp = usePrevious(valueProp);\n  const prevIsControlledRef = useRef(false);\n  useEffect(() => {\n    if (isInitialRenderRef.current) {\n      isInitialRenderRef.current = false;\n    }\n  }, []);\n\n  // Assume the component is being used in controlled mode on the first re-render\n  // that has a different `valueProp` from the previous render.\n  const isControlled = prevIsControlledRef.current || !isInitialRenderRef.current && prevValueProp !== valueProp;\n  useEffect(() => {\n    prevIsControlledRef.current = isControlled;\n  }, [isControlled]);\n  if (isControlled) {\n    // When in controlled mode, use `''` instead of `undefined`\n    return {\n      value: valueProp !== null && valueProp !== void 0 ? valueProp : '',\n      defaultValue: undefined\n    };\n  }\n\n  // When in uncontrolled mode, the `value` should be intended as the initial value\n  return {\n    value: undefined,\n    defaultValue: valueProp\n  };\n}"],
+  "mappings": "AAGA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,cAAc;AAa3B,SAAS,wCAAwC,WAAW;AACjE,QAAM,qBAAqB,OAAO,IAAI;AACtC,QAAM,gBAAgB,YAAY,SAAS;AAC3C,QAAM,sBAAsB,OAAO,KAAK;AACxC,YAAU,MAAM;AACd,QAAI,mBAAmB,SAAS;AAC9B,yBAAmB,UAAU;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,CAAC;AAIL,QAAM,eAAe,oBAAoB,WAAW,CAAC,mBAAmB,WAAW,kBAAkB;AACrG,YAAU,MAAM;AACd,wBAAoB,UAAU;AAAA,EAChC,GAAG,CAAC,YAAY,CAAC;AACjB,MAAI,cAAc;AAEhB,WAAO;AAAA,MACL,OAAO,cAAc,QAAQ,cAAc,SAAS,YAAY;AAAA,MAChE,cAAc;AAAA,IAChB;AAAA,EACF;AAGA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,cAAc;AAAA,EAChB;AACF;",
+  "names": []
+}

package/build-module/toggle-group-control/toggle-group-control-option/component.js

@@ -1,58 +1,23 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';
+import { forwardRef } from "@wordpress/element";
+import { ToggleGroupControlOptionBase } from "../toggle-group-control-option-base";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnforwardedToggleGroupControlOption(props, ref) {
   const {
     label,
     ...restProps
   } = props;
-  const optionLabel = restProps['aria-label'] || label;
-  return /*#__PURE__*/_jsx(ToggleGroupControlOptionBase, {
+  const optionLabel = restProps["aria-label"] || label;
+  return /* @__PURE__ */ _jsx(ToggleGroupControlOptionBase, {
     ...restProps,
     "aria-label": optionLabel,
-    ref: ref,
+    ref,
     children: label
   });
 }
-
-/**
- * `ToggleGroupControlOption` is a form component and is meant to be used as a
- * child of `ToggleGroupControl`.
- *
- * ```jsx
- * import {
- *   __experimentalToggleGroupControl as ToggleGroupControl,
- *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
- * } from '@wordpress/components';
- *
- * function Example() {
- *   return (
- *     <ToggleGroupControl
- *       label="my label"
- *       value="vertical"
- *       isBlock
- *       __nextHasNoMarginBottom
- *       __next40pxDefaultSize
- *     >
- *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
- *       <ToggleGroupControlOption value="vertical" label="Vertical" />
- *     </ToggleGroupControl>
- *   );
- * }
- * ```
- */
-export const ToggleGroupControlOption = forwardRef(UnforwardedToggleGroupControlOption);
-export default ToggleGroupControlOption;
-//# sourceMappingURL=component.js.map
+const ToggleGroupControlOption = forwardRef(UnforwardedToggleGroupControlOption);
+var component_default = ToggleGroupControlOption;
+export {
+  ToggleGroupControlOption,
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/toggle-group-control/toggle-group-control-option/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","ToggleGroupControlOptionBase","jsx","_jsx","UnforwardedToggleGroupControlOption","props","ref","label","restProps","optionLabel","children","ToggleGroupControlOption"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../context';\nimport type { ToggleGroupControlOptionProps } from '../types';\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\n\nfunction UnforwardedToggleGroupControlOption(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tref: ForwardedRef< any >\n) {\n\tconst { label, ...restProps } = props;\n\tconst optionLabel = restProps[ 'aria-label' ] || label;\n\treturn (\n\t\t<ToggleGroupControlOptionBase\n\t\t\t{ ...restProps }\n\t\t\taria-label={ optionLabel }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ label }\n\t\t</ToggleGroupControlOptionBase>\n\t);\n}\n\n/**\n * `ToggleGroupControlOption` is a form component and is meant to be used as a\n * child of `ToggleGroupControl`.\n *\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl\n *       label=\"my label\"\n *       value=\"vertical\"\n *       isBlock\n *       __nextHasNoMarginBottom\n *       __next40pxDefaultSize\n *     >\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nexport const ToggleGroupControlOption = forwardRef(\n\tUnforwardedToggleGroupControlOption\n);\n\nexport default ToggleGroupControlOption;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAGA,SAASC,4BAA4B,QAAQ,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnF,SAASC,mCAAmCA,CAC3CC,KAIC,EACDC,GAAwB,EACvB;EACD,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EACrC,MAAMI,WAAW,GAAGD,SAAS,CAAE,YAAY,CAAE,IAAID,KAAK;EACtD,oBACCJ,IAAA,CAACF,4BAA4B;IAAA,GACvBO,SAAS;IACd,cAAaC,WAAa;IAC1BH,GAAG,EAAGA,GAAK;IAAAI,QAAA,EAETH;EAAK,CACsB,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,wBAAwB,GAAGX,UAAU,CACjDI,mCACD,CAAC;AAED,eAAeO,wBAAwB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toggle-group-control/toggle-group-control-option/component.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedToggleGroupControlOption(props, ref) {\n  const {\n    label,\n    ...restProps\n  } = props;\n  const optionLabel = restProps['aria-label'] || label;\n  return /*#__PURE__*/_jsx(ToggleGroupControlOptionBase, {\n    ...restProps,\n    \"aria-label\": optionLabel,\n    ref: ref,\n    children: label\n  });\n}\n\n/**\n * `ToggleGroupControlOption` is a form component and is meant to be used as a\n * child of `ToggleGroupControl`.\n *\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl\n *       label=\"my label\"\n *       value=\"vertical\"\n *       isBlock\n *       __nextHasNoMarginBottom\n *       __next40pxDefaultSize\n *     >\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nexport const ToggleGroupControlOption = forwardRef(UnforwardedToggleGroupControlOption);\nexport default ToggleGroupControlOption;"],
+  "mappings": "AAOA,SAAS,kBAAkB;AAM3B,SAAS,oCAAoC;AAC7C,SAAS,OAAO,YAAY;AAC5B,SAAS,oCAAoC,OAAO,KAAK;AACvD,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAc,UAAU,YAAY,KAAK;AAC/C,SAAoB,qBAAK,8BAA8B;AAAA,IACrD,GAAG;AAAA,IACH,cAAc;AAAA,IACd;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AACH;AA4BO,MAAM,2BAA2B,WAAW,mCAAmC;AACtF,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/toggle-group-control/toggle-group-control-option/index.js

@@ -1,2 +1,5 @@
-export { default as ToggleGroupControlOption } from './component';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+export {
+  default2 as ToggleGroupControlOption
+};
+//# sourceMappingURL=index.js.map

package/build-module/toggle-group-control/toggle-group-control-option/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","ToggleGroupControlOption"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option/index.ts"],"sourcesContent":["export { default as ToggleGroupControlOption } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,wBAAwB,QAAQ,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toggle-group-control/toggle-group-control-option/index.ts"],
+  "sourcesContent": ["export { default as ToggleGroupControlOption } from './component';"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA2C;",
+  "names": ["default"]
+}

package/build-module/toggle-group-control/toggle-group-control-option-base/component.js

@@ -1,24 +1,11 @@
-/**
- * External dependencies
- */
-
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-import { useLayoutEffect, useMemo, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { contextConnect, useContextSystem } from '../../context';
-import { useToggleGroupControlContext } from '../context';
-import * as styles from './styles';
-import { useCx } from '../../utils/hooks';
-import Tooltip from '../../tooltip';
+import * as Ariakit from "@ariakit/react";
+import { useInstanceId } from "@wordpress/compose";
+import { useLayoutEffect, useMemo, useRef } from "@wordpress/element";
+import { contextConnect, useContextSystem } from "../../context";
+import { useToggleGroupControlContext } from "../context";
+import * as styles from "./styles";
+import { useCx } from "../../utils/hooks";
+import Tooltip from "../../tooltip";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   ButtonContentView,
@@ -30,27 +17,27 @@ const WithToolTip = ({
   children
 }) => {
   if (showTooltip && text) {
-    return /*#__PURE__*/_jsx(Tooltip, {
-      text: text,
+    return /* @__PURE__ */ _jsx(Tooltip, {
+      text,
       placement: "top",
-      children: children
+      children
     });
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
+  return /* @__PURE__ */ _jsx(_Fragment, {
+    children
   });
 };
 function ToggleGroupControlOptionBase(props, forwardedRef) {
   const toggleGroupControlContext = useToggleGroupControlContext();
-  const id = useInstanceId(ToggleGroupControlOptionBase, toggleGroupControlContext.baseId || 'toggle-group-control-option-base');
+  const id = useInstanceId(ToggleGroupControlOptionBase, toggleGroupControlContext.baseId || "toggle-group-control-option-base");
   const buttonProps = useContextSystem({
     ...props,
     id
-  }, 'ToggleGroupControlOptionBase');
+  }, "ToggleGroupControlOptionBase");
   const {
     isBlock = false,
     isDeselectable = false,
-    size = 'default'
+    size = "default"
   } = toggleGroupControlContext;
   const {
     className,
@@ -72,7 +59,7 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
   }), className), [cx, isDeselectable, isIcon, isPressed, size, className]);
   const buttonOnClick = () => {
     if (isDeselectable && isPressed) {
-      toggleGroupControlContext.setValue(undefined);
+      toggleGroupControlContext.setValue(void 0);
     } else {
       toggleGroupControlContext.setValue(value);
     }
@@ -80,7 +67,7 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
   const commonProps = {
     ...otherButtonProps,
     className: itemClasses,
-    'data-value': value,
+    "data-value": value,
     ref: forwardedRef
   };
   const labelRef = useRef(null);
@@ -89,66 +76,44 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
       toggleGroupControlContext.setSelectedElement(labelRef.current);
     }
   }, [isPressed, toggleGroupControlContext]);
-  return /*#__PURE__*/_jsx(LabelView, {
+  return /* @__PURE__ */ _jsx(LabelView, {
     ref: labelRef,
     className: labelViewClasses,
-    children: /*#__PURE__*/_jsx(WithToolTip, {
-      showTooltip: showTooltip,
-      text: otherButtonProps['aria-label'],
-      children: isDeselectable ? /*#__PURE__*/_jsx("button", {
+    children: /* @__PURE__ */ _jsx(WithToolTip, {
+      showTooltip,
+      text: otherButtonProps["aria-label"],
+      children: isDeselectable ? /* @__PURE__ */ _jsx("button", {
         ...commonProps,
-        disabled: disabled,
+        disabled,
         "aria-pressed": isPressed,
         type: "button",
         onClick: buttonOnClick,
-        children: /*#__PURE__*/_jsx(ButtonContentView, {
-          children: children
+        children: /* @__PURE__ */ _jsx(ButtonContentView, {
+          children
         })
-      }) : /*#__PURE__*/_jsx(Ariakit.Radio, {
-        disabled: disabled,
+      }) : /* @__PURE__ */ _jsx(Ariakit.Radio, {
+        disabled,
         onFocusVisible: () => {
-          const selectedValueIsEmpty = toggleGroupControlContext.value === null || toggleGroupControlContext.value === '';
-
-          // Conditions ensure that the first visible focus to a radio group
-          // without a selected option will not automatically select the option.
+          const selectedValueIsEmpty = toggleGroupControlContext.value === null || toggleGroupControlContext.value === "";
           if (!selectedValueIsEmpty || toggleGroupControlContext.activeItemIsNotFirstItem?.()) {
             toggleGroupControlContext.setValue(value);
           }
         },
-        render: /*#__PURE__*/_jsx("button", {
+        render: /* @__PURE__ */ _jsx("button", {
           type: "button",
           ...commonProps
         }),
-        value: value,
-        children: /*#__PURE__*/_jsx(ButtonContentView, {
-          children: children
+        value,
+        children: /* @__PURE__ */ _jsx(ButtonContentView, {
+          children
         })
       })
     })
   });
 }
-
-/**
- * `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,
- * generic component for any children of `ToggleGroupControl`.
- *
- * @example
- * ```jsx
- * import {
- *   __experimentalToggleGroupControl as ToggleGroupControl,
- *   __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,
- * } from '@wordpress/components';
- *
- * function Example() {
- *   return (
- *     <ToggleGroupControl label="my label" value="vertical" isBlock>
- *       <ToggleGroupControlOption value="horizontal" label="Horizontal" />
- *       <ToggleGroupControlOption value="vertical" label="Vertical" />
- *     </ToggleGroupControl>
- *   );
- * }
- * ```
- */
-const ConnectedToggleGroupControlOptionBase = contextConnect(ToggleGroupControlOptionBase, 'ToggleGroupControlOptionBase');
-export default ConnectedToggleGroupControlOptionBase;
-//# sourceMappingURL=component.js.map
+const ConnectedToggleGroupControlOptionBase = contextConnect(ToggleGroupControlOptionBase, "ToggleGroupControlOptionBase");
+var component_default = ConnectedToggleGroupControlOptionBase;
+export {
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","useInstanceId","useLayoutEffect","useMemo","useRef","contextConnect","useContextSystem","useToggleGroupControlContext","styles","useCx","Tooltip","jsx","_jsx","Fragment","_Fragment","ButtonContentView","LabelView","WithToolTip","showTooltip","text","children","placement","ToggleGroupControlOptionBase","props","forwardedRef","toggleGroupControlContext","id","baseId","buttonProps","isBlock","isDeselectable","size","className","isIcon","value","disabled","otherButtonProps","isPressed","cx","labelViewClasses","labelBlock","itemClasses","buttonView","buttonOnClick","setValue","undefined","commonProps","ref","labelRef","current","setSelectedElement","type","onClick","Radio","onFocusVisible","selectedValueIsEmpty","activeItemIsNotFirstItem","render","ConnectedToggleGroupControlOptionBase"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect, useContextSystem } from '../../context';\nimport type {\n\tToggleGroupControlOptionBaseProps,\n\tWithToolTipProps,\n} from '../types';\nimport { useToggleGroupControlContext } from '../context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks';\nimport Tooltip from '../../tooltip';\n\nconst { ButtonContentView, LabelView } = styles;\n\nconst WithToolTip = ( { showTooltip, text, children }: WithToolTipProps ) => {\n\tif ( showTooltip && text ) {\n\t\treturn (\n\t\t\t<Tooltip text={ text } placement=\"top\">\n\t\t\t\t{ children }\n\t\t\t</Tooltip>\n\t\t);\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction ToggleGroupControlOptionBase(\n\tprops: Omit<\n\t\tWordPressComponentProps<\n\t\t\tToggleGroupControlOptionBaseProps,\n\t\t\t'button',\n\t\t\tfalse\n\t\t>,\n\t\t// the element's id is generated internally\n\t\t| 'id'\n\t\t// due to how the component works, only the `disabled` prop should be used\n\t\t| 'aria-disabled'\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst toggleGroupControlContext = useToggleGroupControlContext();\n\n\tconst id = useInstanceId(\n\t\tToggleGroupControlOptionBase,\n\t\ttoggleGroupControlContext.baseId || 'toggle-group-control-option-base'\n\t);\n\n\tconst buttonProps = useContextSystem(\n\t\t{ ...props, id },\n\t\t'ToggleGroupControlOptionBase'\n\t);\n\n\tconst {\n\t\tisBlock = false,\n\t\tisDeselectable = false,\n\t\tsize = 'default',\n\t} = toggleGroupControlContext;\n\n\tconst {\n\t\tclassName,\n\t\tisIcon = false,\n\t\tvalue,\n\t\tchildren,\n\t\tshowTooltip = false,\n\t\tdisabled,\n\t\t...otherButtonProps\n\t} = buttonProps;\n\n\tconst isPressed = toggleGroupControlContext.value === value;\n\tconst cx = useCx();\n\tconst labelViewClasses = useMemo(\n\t\t() => cx( isBlock && styles.labelBlock ),\n\t\t[ cx, isBlock ]\n\t);\n\tconst itemClasses = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.buttonView( {\n\t\t\t\t\tisDeselectable,\n\t\t\t\t\tisIcon,\n\t\t\t\t\tisPressed,\n\t\t\t\t\tsize,\n\t\t\t\t} ),\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ cx, isDeselectable, isIcon, isPressed, size, className ]\n\t);\n\n\tconst buttonOnClick = () => {\n\t\tif ( isDeselectable && isPressed ) {\n\t\t\ttoggleGroupControlContext.setValue( undefined );\n\t\t} else {\n\t\t\ttoggleGroupControlContext.setValue( value );\n\t\t}\n\t};\n\n\tconst commonProps = {\n\t\t...otherButtonProps,\n\t\tclassName: itemClasses,\n\t\t'data-value': value,\n\t\tref: forwardedRef,\n\t};\n\n\tconst labelRef = useRef< HTMLDivElement | null >( null );\n\tuseLayoutEffect( () => {\n\t\tif ( isPressed && labelRef.current ) {\n\t\t\ttoggleGroupControlContext.setSelectedElement( labelRef.current );\n\t\t}\n\t}, [ isPressed, toggleGroupControlContext ] );\n\n\treturn (\n\t\t<LabelView ref={ labelRef } className={ labelViewClasses }>\n\t\t\t<WithToolTip\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t\ttext={ otherButtonProps[ 'aria-label' ] }\n\t\t\t>\n\t\t\t\t{ isDeselectable ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\t{ ...commonProps }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\taria-pressed={ isPressed }\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ buttonOnClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ButtonContentView>{ children }</ButtonContentView>\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<Ariakit.Radio\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tonFocusVisible={ () => {\n\t\t\t\t\t\t\tconst selectedValueIsEmpty =\n\t\t\t\t\t\t\t\ttoggleGroupControlContext.value === null ||\n\t\t\t\t\t\t\t\ttoggleGroupControlContext.value === '';\n\n\t\t\t\t\t\t\t// Conditions ensure that the first visible focus to a radio group\n\t\t\t\t\t\t\t// without a selected option will not automatically select the option.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t! selectedValueIsEmpty ||\n\t\t\t\t\t\t\t\ttoggleGroupControlContext.activeItemIsNotFirstItem?.()\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\ttoggleGroupControlContext.setValue( value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\trender={ <button type=\"button\" { ...commonProps } /> }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ButtonContentView>{ children }</ButtonContentView>\n\t\t\t\t\t</Ariakit.Radio>\n\t\t\t\t) }\n\t\t\t</WithToolTip>\n\t\t</LabelView>\n\t);\n}\n\n/**\n * `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,\n * generic component for any children of `ToggleGroupControl`.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControlOptionBase = contextConnect(\n\tToggleGroupControlOptionBase,\n\t'ToggleGroupControlOptionBase'\n);\n\nexport default ConnectedToggleGroupControlOptionBase;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,eAAe,EAAEC,OAAO,EAAEC,MAAM,QAAQ,oBAAoB;;AAErE;AACA;AACA;;AAEA,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,eAAe;AAKhE,SAASC,4BAA4B,QAAQ,YAAY;AACzD,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,KAAK,QAAQ,mBAAmB;AACzC,OAAOC,OAAO,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEpC,MAAM;EAAEC,iBAAiB;EAAEC;AAAU,CAAC,GAAGR,MAAM;AAE/C,MAAMS,WAAW,GAAGA,CAAE;EAAEC,WAAW;EAAEC,IAAI;EAAEC;AAA2B,CAAC,KAAM;EAC5E,IAAKF,WAAW,IAAIC,IAAI,EAAG;IAC1B,oBACCP,IAAA,CAACF,OAAO;MAACS,IAAI,EAAGA,IAAM;MAACE,SAAS,EAAC,KAAK;MAAAD,QAAA,EACnCA;IAAQ,CACF,CAAC;EAEZ;EACA,oBAAOR,IAAA,CAAAE,SAAA;IAAAM,QAAA,EAAIA;EAAQ,CAAI,CAAC;AACzB,CAAC;AAED,SAASE,4BAA4BA,CACpCC,KAUC,EACDC,YAAiC,EAChC;EACD,MAAMC,yBAAyB,GAAGlB,4BAA4B,CAAC,CAAC;EAEhE,MAAMmB,EAAE,GAAGzB,aAAa,CACvBqB,4BAA4B,EAC5BG,yBAAyB,CAACE,MAAM,IAAI,kCACrC,CAAC;EAED,MAAMC,WAAW,GAAGtB,gBAAgB,CACnC;IAAE,GAAGiB,KAAK;IAAEG;EAAG,CAAC,EAChB,8BACD,CAAC;EAED,MAAM;IACLG,OAAO,GAAG,KAAK;IACfC,cAAc,GAAG,KAAK;IACtBC,IAAI,GAAG;EACR,CAAC,GAAGN,yBAAyB;EAE7B,MAAM;IACLO,SAAS;IACTC,MAAM,GAAG,KAAK;IACdC,KAAK;IACLd,QAAQ;IACRF,WAAW,GAAG,KAAK;IACnBiB,QAAQ;IACR,GAAGC;EACJ,CAAC,GAAGR,WAAW;EAEf,MAAMS,SAAS,GAAGZ,yBAAyB,CAACS,KAAK,KAAKA,KAAK;EAC3D,MAAMI,EAAE,GAAG7B,KAAK,CAAC,CAAC;EAClB,MAAM8B,gBAAgB,GAAGpC,OAAO,CAC/B,MAAMmC,EAAE,CAAET,OAAO,IAAIrB,MAAM,CAACgC,UAAW,CAAC,EACxC,CAAEF,EAAE,EAAET,OAAO,CACd,CAAC;EACD,MAAMY,WAAW,GAAGtC,OAAO,CAC1B,MACCmC,EAAE,CACD9B,MAAM,CAACkC,UAAU,CAAE;IAClBZ,cAAc;IACdG,MAAM;IACNI,SAAS;IACTN;EACD,CAAE,CAAC,EACHC,SACD,CAAC,EACF,CAAEM,EAAE,EAAER,cAAc,EAAEG,MAAM,EAAEI,SAAS,EAAEN,IAAI,EAAEC,SAAS,CACzD,CAAC;EAED,MAAMW,aAAa,GAAGA,CAAA,KAAM;IAC3B,IAAKb,cAAc,IAAIO,SAAS,EAAG;MAClCZ,yBAAyB,CAACmB,QAAQ,CAAEC,SAAU,CAAC;IAChD,CAAC,MAAM;MACNpB,yBAAyB,CAACmB,QAAQ,CAAEV,KAAM,CAAC;IAC5C;EACD,CAAC;EAED,MAAMY,WAAW,GAAG;IACnB,GAAGV,gBAAgB;IACnBJ,SAAS,EAAES,WAAW;IACtB,YAAY,EAAEP,KAAK;IACnBa,GAAG,EAAEvB;EACN,CAAC;EAED,MAAMwB,QAAQ,GAAG5C,MAAM,CAA2B,IAAK,CAAC;EACxDF,eAAe,CAAE,MAAM;IACtB,IAAKmC,SAAS,IAAIW,QAAQ,CAACC,OAAO,EAAG;MACpCxB,yBAAyB,CAACyB,kBAAkB,CAAEF,QAAQ,CAACC,OAAQ,CAAC;IACjE;EACD,CAAC,EAAE,CAAEZ,SAAS,EAAEZ,yBAAyB,CAAG,CAAC;EAE7C,oBACCb,IAAA,CAACI,SAAS;IAAC+B,GAAG,EAAGC,QAAU;IAAChB,SAAS,EAAGO,gBAAkB;IAAAnB,QAAA,eACzDR,IAAA,CAACK,WAAW;MACXC,WAAW,EAAGA,WAAa;MAC3BC,IAAI,EAAGiB,gBAAgB,CAAE,YAAY,CAAI;MAAAhB,QAAA,EAEvCU,cAAc,gBACflB,IAAA;QAAA,GACMkC,WAAW;QAChBX,QAAQ,EAAGA,QAAU;QACrB,gBAAeE,SAAW;QAC1Bc,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAGT,aAAe;QAAAvB,QAAA,eAEzBR,IAAA,CAACG,iBAAiB;UAAAK,QAAA,EAAGA;QAAQ,CAAqB;MAAC,CAC5C,CAAC,gBAETR,IAAA,CAACZ,OAAO,CAACqD,KAAK;QACblB,QAAQ,EAAGA,QAAU;QACrBmB,cAAc,EAAGA,CAAA,KAAM;UACtB,MAAMC,oBAAoB,GACzB9B,yBAAyB,CAACS,KAAK,KAAK,IAAI,IACxCT,yBAAyB,CAACS,KAAK,KAAK,EAAE;;UAEvC;UACA;UACA,IACC,CAAEqB,oBAAoB,IACtB9B,yBAAyB,CAAC+B,wBAAwB,GAAG,CAAC,EACrD;YACD/B,yBAAyB,CAACmB,QAAQ,CAAEV,KAAM,CAAC;UAC5C;QACD,CAAG;QACHuB,MAAM,eAAG7C,IAAA;UAAQuC,IAAI,EAAC,QAAQ;UAAA,GAAML;QAAW,CAAI,CAAG;QACtDZ,KAAK,EAAGA,KAAO;QAAAd,QAAA,eAEfR,IAAA,CAACG,iBAAiB;UAAAK,QAAA,EAAGA;QAAQ,CAAqB;MAAC,CACrC;IACf,CACW;EAAC,CACJ,CAAC;AAEd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMsC,qCAAqC,GAAGrD,cAAc,CAC3DiB,4BAA4B,EAC5B,8BACD,CAAC;AAED,eAAeoC,qCAAqC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toggle-group-control/toggle-group-control-option-base/component.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useLayoutEffect, useMemo, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useToggleGroupControlContext } from '../context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks';\nimport Tooltip from '../../tooltip';\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst {\n  ButtonContentView,\n  LabelView\n} = styles;\nconst WithToolTip = ({\n  showTooltip,\n  text,\n  children\n}) => {\n  if (showTooltip && text) {\n    return /*#__PURE__*/_jsx(Tooltip, {\n      text: text,\n      placement: \"top\",\n      children: children\n    });\n  }\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children\n  });\n};\nfunction ToggleGroupControlOptionBase(props, forwardedRef) {\n  const toggleGroupControlContext = useToggleGroupControlContext();\n  const id = useInstanceId(ToggleGroupControlOptionBase, toggleGroupControlContext.baseId || 'toggle-group-control-option-base');\n  const buttonProps = useContextSystem({\n    ...props,\n    id\n  }, 'ToggleGroupControlOptionBase');\n  const {\n    isBlock = false,\n    isDeselectable = false,\n    size = 'default'\n  } = toggleGroupControlContext;\n  const {\n    className,\n    isIcon = false,\n    value,\n    children,\n    showTooltip = false,\n    disabled,\n    ...otherButtonProps\n  } = buttonProps;\n  const isPressed = toggleGroupControlContext.value === value;\n  const cx = useCx();\n  const labelViewClasses = useMemo(() => cx(isBlock && styles.labelBlock), [cx, isBlock]);\n  const itemClasses = useMemo(() => cx(styles.buttonView({\n    isDeselectable,\n    isIcon,\n    isPressed,\n    size\n  }), className), [cx, isDeselectable, isIcon, isPressed, size, className]);\n  const buttonOnClick = () => {\n    if (isDeselectable && isPressed) {\n      toggleGroupControlContext.setValue(undefined);\n    } else {\n      toggleGroupControlContext.setValue(value);\n    }\n  };\n  const commonProps = {\n    ...otherButtonProps,\n    className: itemClasses,\n    'data-value': value,\n    ref: forwardedRef\n  };\n  const labelRef = useRef(null);\n  useLayoutEffect(() => {\n    if (isPressed && labelRef.current) {\n      toggleGroupControlContext.setSelectedElement(labelRef.current);\n    }\n  }, [isPressed, toggleGroupControlContext]);\n  return /*#__PURE__*/_jsx(LabelView, {\n    ref: labelRef,\n    className: labelViewClasses,\n    children: /*#__PURE__*/_jsx(WithToolTip, {\n      showTooltip: showTooltip,\n      text: otherButtonProps['aria-label'],\n      children: isDeselectable ? /*#__PURE__*/_jsx(\"button\", {\n        ...commonProps,\n        disabled: disabled,\n        \"aria-pressed\": isPressed,\n        type: \"button\",\n        onClick: buttonOnClick,\n        children: /*#__PURE__*/_jsx(ButtonContentView, {\n          children: children\n        })\n      }) : /*#__PURE__*/_jsx(Ariakit.Radio, {\n        disabled: disabled,\n        onFocusVisible: () => {\n          const selectedValueIsEmpty = toggleGroupControlContext.value === null || toggleGroupControlContext.value === '';\n\n          // Conditions ensure that the first visible focus to a radio group\n          // without a selected option will not automatically select the option.\n          if (!selectedValueIsEmpty || toggleGroupControlContext.activeItemIsNotFirstItem?.()) {\n            toggleGroupControlContext.setValue(value);\n          }\n        },\n        render: /*#__PURE__*/_jsx(\"button\", {\n          type: \"button\",\n          ...commonProps\n        }),\n        value: value,\n        children: /*#__PURE__*/_jsx(ButtonContentView, {\n          children: children\n        })\n      })\n    })\n  });\n}\n\n/**\n * `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,\n * generic component for any children of `ToggleGroupControl`.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalToggleGroupControl as ToggleGroupControl,\n *   __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,\n * } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n *       <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n *       <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n *     </ToggleGroupControl>\n *   );\n * }\n * ```\n */\nconst ConnectedToggleGroupControlOptionBase = contextConnect(ToggleGroupControlOptionBase, 'ToggleGroupControlOptionBase');\nexport default ConnectedToggleGroupControlOptionBase;"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/toggle-group-control/toggle-group-control-option-base/index.js

@@ -1,2 +1,5 @@
-export { default as ToggleGroupControlOptionBase } from './component';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+export {
+  default2 as ToggleGroupControlOptionBase
+};
+//# sourceMappingURL=index.js.map

package/build-module/toggle-group-control/toggle-group-control-option-base/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","ToggleGroupControlOptionBase"],"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option-base/index.ts"],"sourcesContent":["export { default as ToggleGroupControlOptionBase } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,4BAA4B,QAAQ,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/toggle-group-control/toggle-group-control-option-base/index.ts"],
+  "sourcesContent": ["export { default as ToggleGroupControlOptionBase } from './component';"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA+C;",
+  "names": ["default"]
+}