@wordpress/components 29.13.1-next.719a03cbe.0 → 30.1.0

package/build/calendar/utils/use-controlled-value.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useControlledValue = useControlledValue;
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-/**
- * Handles controlled and uncontrolled state for the selected calendar value.
- * It is assumed that the `value` prop is controlled when it's not undefined:
- * - initial date selected, uncontrolled: use a non-undefined`defaultValue`
- * - initial date selected, controlled: use a non-undefined `value`
- * - no date selected, controlled: set `value` to `null`
- *
- * The `onChange` prop will return `undefined` when no date is selected,
- * regardless of controlled / uncontrolled. It is expected that the consumer
- * of the component will handle setting the value to `null` to indicate no date
- * selected in controlled mode.
- *
- * @param props              - The props object.
- * @param props.defaultValue - The default value.
- * @param props.onChange     - The onChange callback.
- * @param props.value        - The value.
- *
- * @return The value and the setValue function.
- */
-function useControlledValue({
-  defaultValue,
-  onChange,
-  value: valueProp
-}) {
-  var _ref;
-  const hasValue = typeof valueProp !== 'undefined';
-  const initialValue = hasValue ? valueProp : defaultValue;
-  const [state, setState] = (0, _element.useState)(initialValue);
-  const value = (_ref = hasValue ? valueProp : state) !== null && _ref !== void 0 ? _ref : undefined;
-  let setValue;
-  const uncontrolledSetValue = (0, _element.useCallback)((nextValue, ...args) => {
-    setState(nextValue);
-    onChange?.(nextValue, ...args);
-  }, [setState, onChange]);
-  if (hasValue && typeof onChange === 'function') {
-    // Controlled mode.
-    setValue = onChange;
-  } else if (!hasValue && typeof onChange === 'function') {
-    // Uncontrolled mode, plus forwarding to the onChange prop.
-    setValue = uncontrolledSetValue;
-  } else {
-    // Uncontrolled mode, only update internal state.
-    setValue = setState;
-  }
-  return [value, setValue];
-}
-//# sourceMappingURL=use-controlled-value.js.map

package/build/calendar/utils/use-controlled-value.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","useControlledValue","defaultValue","onChange","value","valueProp","_ref","hasValue","initialValue","state","setState","useState","undefined","setValue","uncontrolledSetValue","useCallback","nextValue","args"],"sources":["@wordpress/components/src/calendar/utils/use-controlled-value.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useCallback } from '@wordpress/element';\n\ntype Props< T > = {\n\tdefaultValue?: T;\n\tvalue?: T | null | undefined;\n\tonChange?: ( newValue: T, ...args: any[] ) => void;\n};\n\n/**\n * Handles controlled and uncontrolled state for the selected calendar value.\n * It is assumed that the `value` prop is controlled when it's not undefined:\n * - initial date selected, uncontrolled: use a non-undefined`defaultValue`\n * - initial date selected, controlled: use a non-undefined `value`\n * - no date selected, controlled: set `value` to `null`\n *\n * The `onChange` prop will return `undefined` when no date is selected,\n * regardless of controlled / uncontrolled. It is expected that the consumer\n * of the component will handle setting the value to `null` to indicate no date\n * selected in controlled mode.\n *\n * @param props              - The props object.\n * @param props.defaultValue - The default value.\n * @param props.onChange     - The onChange callback.\n * @param props.value        - The value.\n *\n * @return The value and the setValue function.\n */\nexport function useControlledValue< T >( {\n\tdefaultValue,\n\tonChange,\n\tvalue: valueProp,\n}: Props< T > ) {\n\tconst hasValue = typeof valueProp !== 'undefined';\n\tconst initialValue = hasValue ? valueProp : defaultValue;\n\tconst [ state, setState ] = useState( initialValue );\n\tconst value = ( hasValue ? valueProp : state ) ?? undefined;\n\n\tlet setValue: typeof onChange;\n\tconst uncontrolledSetValue: NonNullable< typeof onChange > = useCallback(\n\t\t( nextValue, ...args ) => {\n\t\t\tsetState( nextValue );\n\t\t\tonChange?.( nextValue, ...args );\n\t\t},\n\t\t[ setState, onChange ]\n\t);\n\tif ( hasValue && typeof onChange === 'function' ) {\n\t\t// Controlled mode.\n\t\tsetValue = onChange;\n\t} else if ( ! hasValue && typeof onChange === 'function' ) {\n\t\t// Uncontrolled mode, plus forwarding to the onChange prop.\n\t\tsetValue = uncontrolledSetValue;\n\t} else {\n\t\t// Uncontrolled mode, only update internal state.\n\t\tsetValue = setState;\n\t}\n\n\treturn [ value, setValue ] as const;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAAO;EACxCC,YAAY;EACZC,QAAQ;EACRC,KAAK,EAAEC;AACI,CAAC,EAAG;EAAA,IAAAC,IAAA;EACf,MAAMC,QAAQ,GAAG,OAAOF,SAAS,KAAK,WAAW;EACjD,MAAMG,YAAY,GAAGD,QAAQ,GAAGF,SAAS,GAAGH,YAAY;EACxD,MAAM,CAAEO,KAAK,EAAEC,QAAQ,CAAE,GAAG,IAAAC,iBAAQ,EAAEH,YAAa,CAAC;EACpD,MAAMJ,KAAK,IAAAE,IAAA,GAAKC,QAAQ,GAAGF,SAAS,GAAGI,KAAK,cAAAH,IAAA,cAAAA,IAAA,GAAMM,SAAS;EAE3D,IAAIC,QAAyB;EAC7B,MAAMC,oBAAoD,GAAG,IAAAC,oBAAW,EACvE,CAAEC,SAAS,EAAE,GAAGC,IAAI,KAAM;IACzBP,QAAQ,CAAEM,SAAU,CAAC;IACrBb,QAAQ,GAAIa,SAAS,EAAE,GAAGC,IAAK,CAAC;EACjC,CAAC,EACD,CAAEP,QAAQ,EAAEP,QAAQ,CACrB,CAAC;EACD,IAAKI,QAAQ,IAAI,OAAOJ,QAAQ,KAAK,UAAU,EAAG;IACjD;IACAU,QAAQ,GAAGV,QAAQ;EACpB,CAAC,MAAM,IAAK,CAAEI,QAAQ,IAAI,OAAOJ,QAAQ,KAAK,UAAU,EAAG;IAC1D;IACAU,QAAQ,GAAGC,oBAAoB;EAChC,CAAC,MAAM;IACN;IACAD,QAAQ,GAAGH,QAAQ;EACpB;EAEA,OAAO,CAAEN,KAAK,EAAES,QAAQ,CAAE;AAC3B","ignoreList":[]}

package/build-module/calendar/utils/use-controlled-value.js

@@ -1,51 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState, useCallback } from '@wordpress/element';
-/**
- * Handles controlled and uncontrolled state for the selected calendar value.
- * It is assumed that the `value` prop is controlled when it's not undefined:
- * - initial date selected, uncontrolled: use a non-undefined`defaultValue`
- * - initial date selected, controlled: use a non-undefined `value`
- * - no date selected, controlled: set `value` to `null`
- *
- * The `onChange` prop will return `undefined` when no date is selected,
- * regardless of controlled / uncontrolled. It is expected that the consumer
- * of the component will handle setting the value to `null` to indicate no date
- * selected in controlled mode.
- *
- * @param props              - The props object.
- * @param props.defaultValue - The default value.
- * @param props.onChange     - The onChange callback.
- * @param props.value        - The value.
- *
- * @return The value and the setValue function.
- */
-export function useControlledValue({
-  defaultValue,
-  onChange,
-  value: valueProp
-}) {
-  var _ref;
-  const hasValue = typeof valueProp !== 'undefined';
-  const initialValue = hasValue ? valueProp : defaultValue;
-  const [state, setState] = useState(initialValue);
-  const value = (_ref = hasValue ? valueProp : state) !== null && _ref !== void 0 ? _ref : undefined;
-  let setValue;
-  const uncontrolledSetValue = useCallback((nextValue, ...args) => {
-    setState(nextValue);
-    onChange?.(nextValue, ...args);
-  }, [setState, onChange]);
-  if (hasValue && typeof onChange === 'function') {
-    // Controlled mode.
-    setValue = onChange;
-  } else if (!hasValue && typeof onChange === 'function') {
-    // Uncontrolled mode, plus forwarding to the onChange prop.
-    setValue = uncontrolledSetValue;
-  } else {
-    // Uncontrolled mode, only update internal state.
-    setValue = setState;
-  }
-  return [value, setValue];
-}
-//# sourceMappingURL=use-controlled-value.js.map

package/build-module/calendar/utils/use-controlled-value.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useCallback","useControlledValue","defaultValue","onChange","value","valueProp","_ref","hasValue","initialValue","state","setState","undefined","setValue","uncontrolledSetValue","nextValue","args"],"sources":["@wordpress/components/src/calendar/utils/use-controlled-value.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useCallback } from '@wordpress/element';\n\ntype Props< T > = {\n\tdefaultValue?: T;\n\tvalue?: T | null | undefined;\n\tonChange?: ( newValue: T, ...args: any[] ) => void;\n};\n\n/**\n * Handles controlled and uncontrolled state for the selected calendar value.\n * It is assumed that the `value` prop is controlled when it's not undefined:\n * - initial date selected, uncontrolled: use a non-undefined`defaultValue`\n * - initial date selected, controlled: use a non-undefined `value`\n * - no date selected, controlled: set `value` to `null`\n *\n * The `onChange` prop will return `undefined` when no date is selected,\n * regardless of controlled / uncontrolled. It is expected that the consumer\n * of the component will handle setting the value to `null` to indicate no date\n * selected in controlled mode.\n *\n * @param props              - The props object.\n * @param props.defaultValue - The default value.\n * @param props.onChange     - The onChange callback.\n * @param props.value        - The value.\n *\n * @return The value and the setValue function.\n */\nexport function useControlledValue< T >( {\n\tdefaultValue,\n\tonChange,\n\tvalue: valueProp,\n}: Props< T > ) {\n\tconst hasValue = typeof valueProp !== 'undefined';\n\tconst initialValue = hasValue ? valueProp : defaultValue;\n\tconst [ state, setState ] = useState( initialValue );\n\tconst value = ( hasValue ? valueProp : state ) ?? undefined;\n\n\tlet setValue: typeof onChange;\n\tconst uncontrolledSetValue: NonNullable< typeof onChange > = useCallback(\n\t\t( nextValue, ...args ) => {\n\t\t\tsetState( nextValue );\n\t\t\tonChange?.( nextValue, ...args );\n\t\t},\n\t\t[ setState, onChange ]\n\t);\n\tif ( hasValue && typeof onChange === 'function' ) {\n\t\t// Controlled mode.\n\t\tsetValue = onChange;\n\t} else if ( ! hasValue && typeof onChange === 'function' ) {\n\t\t// Uncontrolled mode, plus forwarding to the onChange prop.\n\t\tsetValue = uncontrolledSetValue;\n\t} else {\n\t\t// Uncontrolled mode, only update internal state.\n\t\tsetValue = setState;\n\t}\n\n\treturn [ value, setValue ] as const;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,oBAAoB;AAQ1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAO;EACxCC,YAAY;EACZC,QAAQ;EACRC,KAAK,EAAEC;AACI,CAAC,EAAG;EAAA,IAAAC,IAAA;EACf,MAAMC,QAAQ,GAAG,OAAOF,SAAS,KAAK,WAAW;EACjD,MAAMG,YAAY,GAAGD,QAAQ,GAAGF,SAAS,GAAGH,YAAY;EACxD,MAAM,CAAEO,KAAK,EAAEC,QAAQ,CAAE,GAAGX,QAAQ,CAAES,YAAa,CAAC;EACpD,MAAMJ,KAAK,IAAAE,IAAA,GAAKC,QAAQ,GAAGF,SAAS,GAAGI,KAAK,cAAAH,IAAA,cAAAA,IAAA,GAAMK,SAAS;EAE3D,IAAIC,QAAyB;EAC7B,MAAMC,oBAAoD,GAAGb,WAAW,CACvE,CAAEc,SAAS,EAAE,GAAGC,IAAI,KAAM;IACzBL,QAAQ,CAAEI,SAAU,CAAC;IACrBX,QAAQ,GAAIW,SAAS,EAAE,GAAGC,IAAK,CAAC;EACjC,CAAC,EACD,CAAEL,QAAQ,EAAEP,QAAQ,CACrB,CAAC;EACD,IAAKI,QAAQ,IAAI,OAAOJ,QAAQ,KAAK,UAAU,EAAG;IACjD;IACAS,QAAQ,GAAGT,QAAQ;EACpB,CAAC,MAAM,IAAK,CAAEI,QAAQ,IAAI,OAAOJ,QAAQ,KAAK,UAAU,EAAG;IAC1D;IACAS,QAAQ,GAAGC,oBAAoB;EAChC,CAAC,MAAM;IACN;IACAD,QAAQ,GAAGF,QAAQ;EACpB;EAEA,OAAO,CAAEN,KAAK,EAAEQ,QAAQ,CAAE;AAC3B","ignoreList":[]}

package/build-types/calendar/utils/use-controlled-value.d.ts

@@ -1,27 +0,0 @@
-type Props<T> = {
-    defaultValue?: T;
-    value?: T | null | undefined;
-    onChange?: (newValue: T, ...args: any[]) => void;
-};
-/**
- * Handles controlled and uncontrolled state for the selected calendar value.
- * It is assumed that the `value` prop is controlled when it's not undefined:
- * - initial date selected, uncontrolled: use a non-undefined`defaultValue`
- * - initial date selected, controlled: use a non-undefined `value`
- * - no date selected, controlled: set `value` to `null`
- *
- * The `onChange` prop will return `undefined` when no date is selected,
- * regardless of controlled / uncontrolled. It is expected that the consumer
- * of the component will handle setting the value to `null` to indicate no date
- * selected in controlled mode.
- *
- * @param props              - The props object.
- * @param props.defaultValue - The default value.
- * @param props.onChange     - The onChange callback.
- * @param props.value        - The value.
- *
- * @return The value and the setValue function.
- */
-export declare function useControlledValue<T>({ defaultValue, onChange, value: valueProp, }: Props<T>): readonly [NonNullable<T> | undefined, (newValue: T, ...args: any[]) => void];
-export {};
-//# sourceMappingURL=use-controlled-value.d.ts.map

package/build-types/calendar/utils/use-controlled-value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-controlled-value.d.ts","sourceRoot":"","sources":["../../../src/calendar/utils/use-controlled-value.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,CAAE,CAAC,IAAK;IACjB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAM,IAAI,CAAC;CACnD,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAAE,CAAC,EAAI,EACxC,YAAY,EACZ,QAAQ,EACR,KAAK,EAAE,SAAS,GAChB,EAAE,KAAK,CAAE,CAAC,CAAE,gEA1BuB,GAAG,EAAE,KAAM,IAAI,EAoDlD"}

package/src/calendar/utils/use-controlled-value.ts

@@ -1,61 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useState, useCallback } from '@wordpress/element';
-
-type Props< T > = {
-	defaultValue?: T;
-	value?: T | null | undefined;
-	onChange?: ( newValue: T, ...args: any[] ) => void;
-};
-
-/**
- * Handles controlled and uncontrolled state for the selected calendar value.
- * It is assumed that the `value` prop is controlled when it's not undefined:
- * - initial date selected, uncontrolled: use a non-undefined`defaultValue`
- * - initial date selected, controlled: use a non-undefined `value`
- * - no date selected, controlled: set `value` to `null`
- *
- * The `onChange` prop will return `undefined` when no date is selected,
- * regardless of controlled / uncontrolled. It is expected that the consumer
- * of the component will handle setting the value to `null` to indicate no date
- * selected in controlled mode.
- *
- * @param props              - The props object.
- * @param props.defaultValue - The default value.
- * @param props.onChange     - The onChange callback.
- * @param props.value        - The value.
- *
- * @return The value and the setValue function.
- */
-export function useControlledValue< T >( {
-	defaultValue,
-	onChange,
-	value: valueProp,
-}: Props< T > ) {
-	const hasValue = typeof valueProp !== 'undefined';
-	const initialValue = hasValue ? valueProp : defaultValue;
-	const [ state, setState ] = useState( initialValue );
-	const value = ( hasValue ? valueProp : state ) ?? undefined;
-
-	let setValue: typeof onChange;
-	const uncontrolledSetValue: NonNullable< typeof onChange > = useCallback(
-		( nextValue, ...args ) => {
-			setState( nextValue );
-			onChange?.( nextValue, ...args );
-		},
-		[ setState, onChange ]
-	);
-	if ( hasValue && typeof onChange === 'function' ) {
-		// Controlled mode.
-		setValue = onChange;
-	} else if ( ! hasValue && typeof onChange === 'function' ) {
-		// Uncontrolled mode, plus forwarding to the onChange prop.
-		setValue = uncontrolledSetValue;
-	} else {
-		// Uncontrolled mode, only update internal state.
-		setValue = setState;
-	}
-
-	return [ value, setValue ] as const;
-}

package/src/dimension-control/style.scss

@@ -1,22 +0,0 @@
-.block-editor-dimension-control {
-
-	.components-base-control__field {
-		display: flex;
-		align-items: center;
-	}
-
-	.components-base-control__label {
-		display: flex;
-		align-items: center;
-		margin-right: 1em;
-		margin-bottom: 0;
-
-		.dashicon {
-			margin-right: 0.5em;
-		}
-	}
-
-	&.is-manual .components-base-control__label {
-		width: 10em;
-	}
-}