@wordpress/components 25.11.1-next.f8d8eceb.0 → 25.13.0

package/build/radio-group/radio/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Radio = require("reakit/Radio");
-var _element = require("@wordpress/element");
-var _button = _interopRequireDefault(require("../../button"));
-var _radioContext = _interopRequireDefault(require("../radio-context"));
-// @ts-nocheck
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function Radio({
-  children,
-  value,
-  ...props
-}, ref) {
-  const radioContext = (0, _element.useContext)(_radioContext.default);
-  const checked = radioContext.state === value;
-  return (0, _react.createElement)(_Radio.Radio, {
-    ref: ref,
-    as: _button.default,
-    variant: checked ? 'primary' : 'secondary',
-    value: value,
-    ...radioContext,
-    ...props
-  }, children || value);
-}
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-var _default = (0, _element.forwardRef)(Radio);
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/build/radio-group/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Radio","require","_element","_button","_interopRequireDefault","_radioContext","Radio","children","value","props","ref","radioContext","useContext","RadioContext","checked","state","_react","createElement","as","Button","variant","_default","forwardRef","exports","default"],"sources":["@wordpress/components/src/radio-group/radio/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"],"mappings":";;;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,SAASK,KAAKA,CAAE;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACpD,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAAEC,qBAAa,CAAC;EAC/C,MAAMC,OAAO,GAAGH,YAAY,CAACI,KAAK,KAAKP,KAAK;EAE5C,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAACjB,MAAA,CAAAM,KAAW;IACXI,GAAG,EAAGA,GAAK;IACXQ,EAAE,EAAGC,eAAQ;IACbC,OAAO,EAAGN,OAAO,GAAG,SAAS,GAAG,WAAa;IAC7CN,KAAK,EAAGA,KAAO;IAAA,GACVG,YAAY;IAAA,GACZF;EAAK,GAERF,QAAQ,IAAIC,KACF,CAAC;AAEhB;;AAEA;AACA;AACA;AAFA,IAAAa,QAAA,GAGe,IAAAC,mBAAU,EAAEhB,KAAM,CAAC;AAAAiB,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/radio-group/radio-context/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-const RadioContext = (0, _element.createContext)({
-  state: null,
-  setState: () => {}
-});
-var _default = RadioContext;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/build/radio-group/radio-context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","RadioContext","createContext","state","setState","_default","exports","default"],"sources":["@wordpress/components/src/radio-group/radio-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst RadioContext = createContext( {\n\tstate: null,\n\tsetState: () => {},\n} );\n\nexport default RadioContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,YAAY,GAAG,IAAAC,sBAAa,EAAE;EACnCC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAE,CAAC;AAAC,IAAAC,QAAA,GAEWJ,YAAY;AAAAK,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build-module/radio-group/radio/index.js

@@ -1,40 +0,0 @@
-import { createElement } from "react";
-// @ts-nocheck
-
-/**
- * External dependencies
- */
-import { Radio as ReakitRadio } from 'reakit/Radio';
-
-/**
- * WordPress dependencies
- */
-import { useContext, forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Button from '../../button';
-import RadioContext from '../radio-context';
-function Radio({
-  children,
-  value,
-  ...props
-}, ref) {
-  const radioContext = useContext(RadioContext);
-  const checked = radioContext.state === value;
-  return createElement(ReakitRadio, {
-    ref: ref,
-    as: Button,
-    variant: checked ? 'primary' : 'secondary',
-    value: value,
-    ...radioContext,
-    ...props
-  }, children || value);
-}
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-export default forwardRef(Radio);
-//# sourceMappingURL=index.js.map

package/build-module/radio-group/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Radio","ReakitRadio","useContext","forwardRef","Button","RadioContext","children","value","props","ref","radioContext","checked","state","createElement","as","variant"],"sources":["@wordpress/components/src/radio-group/radio/index.js"],"sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"],"mappings":";AAAA;;AAEA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAW,QAAQ,cAAc;;AAEnD;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,SAASL,KAAKA,CAAE;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACpD,MAAMC,YAAY,GAAGR,UAAU,CAAEG,YAAa,CAAC;EAC/C,MAAMM,OAAO,GAAGD,YAAY,CAACE,KAAK,KAAKL,KAAK;EAE5C,OACCM,aAAA,CAACZ,WAAW;IACXQ,GAAG,EAAGA,GAAK;IACXK,EAAE,EAAGV,MAAQ;IACbW,OAAO,EAAGJ,OAAO,GAAG,SAAS,GAAG,WAAa;IAC7CJ,KAAK,EAAGA,KAAO;IAAA,GACVG,YAAY;IAAA,GACZF;EAAK,GAERF,QAAQ,IAAIC,KACF,CAAC;AAEhB;;AAEA;AACA;AACA;AACA,eAAeJ,UAAU,CAAEH,KAAM,CAAC"}

package/build-module/radio-group/radio-context/index.js

@@ -1,10 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-const RadioContext = createContext({
-  state: null,
-  setState: () => {}
-});
-export default RadioContext;
-//# sourceMappingURL=index.js.map

package/build-module/radio-group/radio-context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","RadioContext","state","setState"],"sources":["@wordpress/components/src/radio-group/radio-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst RadioContext = createContext( {\n\tstate: null,\n\tsetState: () => {},\n} );\n\nexport default RadioContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAElD,MAAMC,YAAY,GAAGD,aAAa,CAAE;EACnCE,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAE,CAAC;AAEH,eAAeF,YAAY"}

package/build-types/radio-group/radio/index.d.ts

@@ -1,7 +0,0 @@
-declare const _default: import("react").ForwardRefExoticComponent<Pick<{
-    [x: string]: any;
-    children: any;
-    value: any;
-}, string | number> & import("react").RefAttributes<any>>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/build-types/radio-group/radio/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/radio/index.js"],"names":[],"mappings":""}

package/build-types/radio-group/radio-context/index.d.ts

@@ -1,6 +0,0 @@
-export default RadioContext;
-declare const RadioContext: import("react").Context<{
-    state: null;
-    setState: () => void;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/radio-group/radio-context/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/radio-context/index.js"],"names":[],"mappings":";AAKA;;;GAGI"}

package/src/box-control/stories/index.story.js

@@ -1,75 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import BoxControl from '../';
-
-export default {
-	title: 'Components (Experimental)/BoxControl',
-	component: BoxControl,
-};
-
-export const _default = () => {
-	return <BoxControl />;
-};
-
-const defaultSideValues = {
-	top: '10px',
-	right: '10px',
-	bottom: '10px',
-	left: '10px',
-};
-
-function DemoExample( {
-	sides,
-	defaultValues = defaultSideValues,
-	splitOnAxis = false,
-} ) {
-	const [ values, setValues ] = useState( defaultValues );
-
-	return (
-		<BoxControl
-			label="Padding"
-			values={ values }
-			sides={ sides }
-			onChange={ setValues }
-			splitOnAxis={ splitOnAxis }
-		/>
-	);
-}
-
-export const ArbitrarySides = () => {
-	return (
-		<DemoExample
-			sides={ [ 'top', 'bottom' ] }
-			defaultValues={ { top: '10px', bottom: '10px' } }
-		/>
-	);
-};
-
-export const SingleSide = () => {
-	return (
-		<DemoExample
-			sides={ [ 'bottom' ] }
-			defaultValues={ { bottom: '10px' } }
-		/>
-	);
-};
-
-export const AxialControls = () => {
-	return <DemoExample splitOnAxis={ true } />;
-};
-
-export const AxialControlsWithSingleSide = () => {
-	return (
-		<DemoExample
-			sides={ [ 'horizontal' ] }
-			defaultValues={ { left: '10px', right: '10px' } }
-			splitOnAxis={ true }
-		/>
-	);
-};

package/src/disclosure/index.js

@@ -1,11 +0,0 @@
-/**
- * Accessible Disclosure component that controls visibility of a section of
- * content. It follows the WAI-ARIA Disclosure Pattern.
- *
- * @see https://reakit.io/docs/disclosure/
- *
- * The plan is to build own API that accounts for future breaking changes
- * in Reakit (https://github.com/WordPress/gutenberg/pull/28085).
- */
-/* eslint-disable-next-line no-restricted-imports */
-export { DisclosureContent } from 'reakit';

package/src/radio-group/index.js

@@ -1,51 +0,0 @@
-// @ts-nocheck
-
-/**
- * External dependencies
- */
-import { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import ButtonGroup from '../button-group';
-import RadioContext from './radio-context';
-
-function RadioGroup(
-	{ label, checked, defaultChecked, disabled, onChange, ...props },
-	ref
-) {
-	const radioState = useRadioState( {
-		state: defaultChecked,
-		baseId: props.id,
-	} );
-	const radioContext = {
-		...radioState,
-		disabled,
-		// Controlled or uncontrolled.
-		state: checked ?? radioState.state,
-		setState: onChange ?? radioState.setState,
-	};
-
-	return (
-		<RadioContext.Provider value={ radioContext }>
-			<ReakitRadioGroup
-				ref={ ref }
-				as={ ButtonGroup }
-				aria-label={ label }
-				{ ...radioState }
-				{ ...props }
-			/>
-		</RadioContext.Provider>
-	);
-}
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-export default forwardRef( RadioGroup );

package/src/radio-group/radio/index.js

@@ -1,40 +0,0 @@
-// @ts-nocheck
-
-/**
- * External dependencies
- */
-import { Radio as ReakitRadio } from 'reakit/Radio';
-
-/**
- * WordPress dependencies
- */
-import { useContext, forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Button from '../../button';
-import RadioContext from '../radio-context';
-
-function Radio( { children, value, ...props }, ref ) {
-	const radioContext = useContext( RadioContext );
-	const checked = radioContext.state === value;
-
-	return (
-		<ReakitRadio
-			ref={ ref }
-			as={ Button }
-			variant={ checked ? 'primary' : 'secondary' }
-			value={ value }
-			{ ...radioContext }
-			{ ...props }
-		>
-			{ children || value }
-		</ReakitRadio>
-	);
-}
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-export default forwardRef( Radio );

package/src/radio-group/radio-context/index.js

@@ -1,11 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-
-const RadioContext = createContext( {
-	state: null,
-	setState: () => {},
-} );
-
-export default RadioContext;

package/src/radio-group/stories/index.story.js

@@ -1,83 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Radio from '../radio';
-import RadioGroup from '../';
-
-export default {
-	title: 'Components (Deprecated)/RadioGroup',
-	component: RadioGroup,
-	subcomponents: { Radio },
-	parameters: {
-		docs: {
-			description: {
-				component:
-					'This component is deprecated. Use `RadioControl` or `ToggleGroupControl` instead.',
-			},
-		},
-	},
-};
-
-export const _default = () => {
-	/* eslint-disable no-restricted-syntax */
-	return (
-		<RadioGroup
-			// id is required for server side rendering
-			id="default-radiogroup"
-			label="options"
-			defaultChecked="option2"
-		>
-			<Radio value="option1">Option 1</Radio>
-			<Radio value="option2">Option 2</Radio>
-			<Radio value="option3">Option 3</Radio>
-		</RadioGroup>
-	);
-	/* eslint-enable no-restricted-syntax */
-};
-
-export const Disabled = () => {
-	/* eslint-disable no-restricted-syntax */
-	return (
-		<RadioGroup
-			// id is required for server side rendering
-			id="disabled-radiogroup"
-			disabled
-			label="options"
-			defaultChecked="option2"
-		>
-			<Radio value="option1">Option 1</Radio>
-			<Radio value="option2">Option 2</Radio>
-			<Radio value="option3">Option 3</Radio>
-		</RadioGroup>
-	);
-	/* eslint-enable no-restricted-syntax */
-};
-
-const ControlledRadioGroupWithState = () => {
-	const [ checked, setChecked ] = useState( 1 );
-
-	/* eslint-disable no-restricted-syntax */
-	return (
-		<RadioGroup
-			// id is required for server side rendering
-			id="controlled-radiogroup"
-			label="options"
-			checked={ checked }
-			onChange={ setChecked }
-		>
-			<Radio value={ 0 }>Option 1</Radio>
-			<Radio value={ 1 }>Option 2</Radio>
-			<Radio value={ 2 }>Option 3</Radio>
-		</RadioGroup>
-	);
-	/* eslint-enable no-restricted-syntax */
-};
-
-export const Controlled = () => {
-	return <ControlledRadioGroupWithState />;
-};