npm - @wordpress/components - Versions diffs - 25.8.2 → 25.9.0 - Mend

@wordpress/components 25.8.2 → 25.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2348) hide show

package/build/query-controls/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.QueryControls = QueryControls;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _authorSelect = _interopRequireDefault(require("./author-select"));
 var _categorySelect = _interopRequireDefault(require("./category-select"));
@@ -73,10 +73,10 @@ function QueryControls({
   // but instead are destructured inline where necessary.
   ...props
 }) {
-  return (0, _element.createElement)(_vStack.VStack, {
+  return (0, _react.createElement)(_vStack.VStack, {
     spacing: "4",
     className: "components-query-controls"
-  }, [onOrderChange && onOrderByChange && (0, _element.createElement)(_selectControl.default, {
+  }, [onOrderChange && onOrderByChange && (0, _react.createElement)(_selectControl.default, {
     __nextHasNoMarginBottom: true,
     key: "query-controls-order-select",
     label: (0, _i18n.__)('Order by'),
@@ -108,14 +108,14 @@ function QueryControls({
         onOrderByChange(newOrderBy);
       }
     }
-  }), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && (0, _element.createElement)(_categorySelect.default, {
+  }), isSingleCategorySelection(props) && props.categoriesList && props.onCategoryChange && (0, _react.createElement)(_categorySelect.default, {
     key: "query-controls-category-select",
     categoriesList: props.categoriesList,
     label: (0, _i18n.__)('Category'),
     noOptionLabel: (0, _i18n.__)('All'),
     selectedCategoryId: props.selectedCategoryId,
     onChange: props.onCategoryChange
-  }), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && (0, _element.createElement)(_formTokenField.default, {
+  }), isMultipleCategorySelection(props) && props.categorySuggestions && props.onCategoryChange && (0, _react.createElement)(_formTokenField.default, {
     __nextHasNoMarginBottom: true,
     key: "query-controls-categories-select",
     label: (0, _i18n.__)('Categories'),
@@ -130,14 +130,14 @@ function QueryControls({
     suggestions: Object.keys(props.categorySuggestions),
     onChange: props.onCategoryChange,
     maxSuggestions: MAX_CATEGORIES_SUGGESTIONS
-  }), onAuthorChange && (0, _element.createElement)(_authorSelect.default, {
+  }), onAuthorChange && (0, _react.createElement)(_authorSelect.default, {
     key: "query-controls-author-select",
     authorList: authorList,
     label: (0, _i18n.__)('Author'),
     noOptionLabel: (0, _i18n.__)('All'),
     selectedAuthorId: selectedAuthorId,
     onChange: onAuthorChange
-  }), onNumberOfItemsChange && (0, _element.createElement)(_rangeControl.default, {
+  }), onNumberOfItemsChange && (0, _react.createElement)(_rangeControl.default, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     key: "query-controls-range-control",

package/build/query-controls/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_authorSelect","_interopRequireDefault","_categorySelect","_formTokenField","_rangeControl","_selectControl","_vStack","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","isSingleCategorySelection","props","isMultipleCategorySelection","QueryControls","authorList","selectedAuthorId","numberOfItems","order","orderBy","maxItems","minItems","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","_element","createElement","VStack","spacing","className","default","__nextHasNoMarginBottom","key","label","__","value","options","onChange","newOrderBy","newOrder","split","categoriesList","onCategoryChange","noOptionLabel","selectedCategoryId","categorySuggestions","selectedCategories","map","item","id","name","suggestions","Object","keys","maxSuggestions","__next40pxDefaultSize","min","max","required","_default","exports"],"sources":["@wordpress/components/src/query-controls/index.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport type {\n\tQueryControlsProps,\n\tQueryControlsWithMultipleCategorySelectionProps,\n\tQueryControlsWithSingleCategorySelectionProps,\n} from './types';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nfunction isSingleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithSingleCategorySelectionProps {\n\treturn 'categoriesList' in props;\n}\n\nfunction isMultipleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithMultipleCategorySelectionProps {\n\treturn 'categorySuggestions' in props;\n}\n\n/\n Controls to query for posts.\n \n ```jsx\n * const MyQueryControls = () => (\n * <QueryControls\n * { ...{ maxItems, minItems, numberOfItems, order, orderBy } }\n * onOrderByChange={ ( newOrderBy ) => {\n * updateQuery( { orderBy: newOrderBy } )\n * }\n * onOrderChange={ ( newOrder ) => {\n * updateQuery( { order: newOrder } )\n * }\n * categoriesList={ categories }\n * selectedCategoryId={ category }\n * onCategoryChange={ ( newCategory ) => {\n * updateQuery( { category: newCategory } )\n * }\n * onNumberOfItemsChange={ ( newNumberOfItems ) => {\n * updateQuery( { numberOfItems: newNumberOfItems } )\n * } }\n * />\n * );\n * ```\n /\nexport function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n\t// Props for single OR multiple category selection are not destructured here,\n\t// but instead are destructured inline where necessary.\n\t...props\n}: QueryControlsProps ) {\n\treturn (\n\t\t<VStack spacing=\"4\" className=\"components-query-controls\">\n\t\t\t{ [\n\t\t\t\tonOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Newest to oldest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Oldest to newest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/ translators: label for ordering posts by title in ascending order /\n\t\t\t\t\t\t\t\tlabel: __( 'A → Z' ),\n\t\t\t\t\t\t\t\tvalue: 'title/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/ translators: label for ordering posts by title in descending order */\n\t\t\t\t\t\t\t\tlabel: __( 'Z → A' ),\n\t\t\t\t\t\t\t\tvalue: 'title/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tif ( typeof value !== 'string' ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\t\t\tonOrderChange(\n\t\t\t\t\t\t\t\t\tnewOrder as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'order' ]\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\t\t\tonOrderByChange(\n\t\t\t\t\t\t\t\t\tnewOrderBy as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'orderBy' ]\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tisSingleCategorySelection( props ) &&\n\t\t\t\t\tprops.categoriesList &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\t\t\t\tcategoriesList={ props.categoriesList }\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\t\tselectedCategoryId={ props.selectedCategoryId }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tisMultipleCategorySelection( props ) &&\n\t\t\t\t\tprops.categorySuggestions &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<FormTokenField\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedCategories &&\n\t\t\t\t\t\t\t\tprops.selectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\t\t\t// Keeping the fallback to `item.value` for legacy reasons,\n\t\t\t\t\t\t\t\t\t// even if items of `selectedCategories` should not have a\n\t\t\t\t\t\t\t\t\t// `value` property.\n\t\t\t\t\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\t\t\t\t\tvalue: item.name \|\| item.value,\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuggestions={ Object.keys(\n\t\t\t\t\t\t\t\tprops.categorySuggestions\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tonAuthorChange && (\n\t\t\t\t\t<AuthorSelect\n\t\t\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\t\t\tauthorList={ authorList }\n\t\t\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\t\t\tonChange={ onAuthorChange }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tonNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t] }\n\t\t</VStack>\n\t);\n}\n\nexport default QueryControls;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_i18n","require","_authorSelect","_interopRequireDefault","_categorySelect","_formTokenField","_rangeControl","_selectControl","_vStack","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","isSingleCategorySelection","props","isMultipleCategorySelection","QueryControls","authorList","selectedAuthorId","numberOfItems","order","orderBy","maxItems","minItems","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","_react","createElement","VStack","spacing","className","default","__nextHasNoMarginBottom","key","label","__","value","options","onChange","newOrderBy","newOrder","split","categoriesList","onCategoryChange","noOptionLabel","selectedCategoryId","categorySuggestions","selectedCategories","map","item","id","name","suggestions","Object","keys","maxSuggestions","__next40pxDefaultSize","min","max","required","_default","exports"],"sources":["@wordpress/components/src/query-controls/index.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport type {\n\tQueryControlsProps,\n\tQueryControlsWithMultipleCategorySelectionProps,\n\tQueryControlsWithSingleCategorySelectionProps,\n} from './types';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nfunction isSingleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithSingleCategorySelectionProps {\n\treturn 'categoriesList' in props;\n}\n\nfunction isMultipleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithMultipleCategorySelectionProps {\n\treturn 'categorySuggestions' in props;\n}\n\n/\n Controls to query for posts.\n \n ```jsx\n * const MyQueryControls = () => (\n * <QueryControls\n * { ...{ maxItems, minItems, numberOfItems, order, orderBy } }\n * onOrderByChange={ ( newOrderBy ) => {\n * updateQuery( { orderBy: newOrderBy } )\n * }\n * onOrderChange={ ( newOrder ) => {\n * updateQuery( { order: newOrder } )\n * }\n * categoriesList={ categories }\n * selectedCategoryId={ category }\n * onCategoryChange={ ( newCategory ) => {\n * updateQuery( { category: newCategory } )\n * }\n * onNumberOfItemsChange={ ( newNumberOfItems ) => {\n * updateQuery( { numberOfItems: newNumberOfItems } )\n * } }\n * />\n * );\n * ```\n /\nexport function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n\t// Props for single OR multiple category selection are not destructured here,\n\t// but instead are destructured inline where necessary.\n\t...props\n}: QueryControlsProps ) {\n\treturn (\n\t\t<VStack spacing=\"4\" className=\"components-query-controls\">\n\t\t\t{ [\n\t\t\t\tonOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Newest to oldest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Oldest to newest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/ translators: label for ordering posts by title in ascending order /\n\t\t\t\t\t\t\t\tlabel: __( 'A → Z' ),\n\t\t\t\t\t\t\t\tvalue: 'title/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/ translators: label for ordering posts by title in descending order */\n\t\t\t\t\t\t\t\tlabel: __( 'Z → A' ),\n\t\t\t\t\t\t\t\tvalue: 'title/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tif ( typeof value !== 'string' ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\t\t\tonOrderChange(\n\t\t\t\t\t\t\t\t\tnewOrder as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'order' ]\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\t\t\tonOrderByChange(\n\t\t\t\t\t\t\t\t\tnewOrderBy as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'orderBy' ]\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tisSingleCategorySelection( props ) &&\n\t\t\t\t\tprops.categoriesList &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\t\t\t\tcategoriesList={ props.categoriesList }\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\t\tselectedCategoryId={ props.selectedCategoryId }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tisMultipleCategorySelection( props ) &&\n\t\t\t\t\tprops.categorySuggestions &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<FormTokenField\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedCategories &&\n\t\t\t\t\t\t\t\tprops.selectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\t\t\t// Keeping the fallback to `item.value` for legacy reasons,\n\t\t\t\t\t\t\t\t\t// even if items of `selectedCategories` should not have a\n\t\t\t\t\t\t\t\t\t// `value` property.\n\t\t\t\t\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\t\t\t\t\tvalue: item.name \|\| item.value,\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuggestions={ Object.keys(\n\t\t\t\t\t\t\t\tprops.categorySuggestions\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tonAuthorChange && (\n\t\t\t\t\t<AuthorSelect\n\t\t\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\t\t\tauthorList={ authorList }\n\t\t\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\t\t\tonChange={ onAuthorChange }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tonNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t] }\n\t\t</VStack>\n\t);\n}\n\nexport default QueryControls;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAaA,MAAMQ,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,0BAA0B,GAAG,EAAE;AAErC,SAASC,yBAAyBA,CACjCC,KAAyB,EACgC;EACzD,OAAO,gBAAgB,IAAIA,KAAK;AACjC;AAEA,SAASC,2BAA2BA,CACnCD,KAAyB,EACkC;EAC3D,OAAO,qBAAqB,IAAIA,KAAK;AACtC;;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;AACO,SAASE,aAAaA,CAAE;EAC9BC,UAAU;EACVC,gBAAgB;EAChBC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAGX,iBAAiB;EAC5BY,QAAQ,GAAGb,iBAAiB;EAC5Bc,cAAc;EACdC,qBAAqB;EACrBC,aAAa;EACbC,eAAe;EACf;EACA;EACA,GAAGb;AACgB,CAAC,EAAG;EACvB,OACC,IAAAc,MAAA,CAAAC,aAAA,EAACpB,OAAA,CAAAqB,MAAM;IAACC,OAAO,EAAC,GAAG;IAACC,SAAS,EAAC;EAA2B,GACtD,CACDN,aAAa,IAAIC,eAAe,IAC/B,IAAAC,MAAA,CAAAC,aAAA,EAACrB,cAAA,CAAAyB,OAAa;IACbC,uBAAuB;IACvBC,GAAG,EAAC,6BAA6B;IACjCC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BC,KAAK,EAAI,GAAGjB,OAAS,IAAID,KAAO,EAAG;IACnCmB,OAAO,EAAG,CACT;MACCH,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;MAC/BC,KAAK,EAAE;IACR,CAAC,EACD;MACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;MAC/BC,KAAK,EAAE;IACR,CAAC,EACD;MACC;MACAF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;MACpBC,KAAK,EAAE;IACR,CAAC,EACD;MACC;MACAF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;MACpBC,KAAK,EAAE;IACR,CAAC,CACC;IACHE,QAAQ,EAAKF,KAAK,IAAM;MACvB,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;QAChC;MACD;MAEA,MAAM,CAAEG,UAAU,EAAEC,QAAQ,CAAE,GAAGJ,KAAK,CAACK,KAAK,CAAE,GAAI,CAAC;MACnD,IAAKD,QAAQ,KAAKtB,KAAK,EAAG;QACzBM,aAAa,CACZgB,QAGD,CAAC;MACF;MACA,IAAKD,UAAU,KAAKpB,OAAO,EAAG;QAC7BM,eAAe,CACdc,UAGD,CAAC;MACF;IACD;EAAG,CACH,CACD,EACD5B,yBAAyB,CAAEC,KAAM,CAAC,IACjCA,KAAK,CAAC8B,cAAc,IACpB9B,KAAK,CAAC+B,gBAAgB,IACrB,IAAAjB,MAAA,CAAAC,aAAA,EAACxB,eAAA,CAAA4B,OAAc;IACdE,GAAG,EAAC,gCAAgC;IACpCS,cAAc,EAAG9B,KAAK,CAAC8B,cAAgB;IACvCR,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BS,aAAa,EAAG,IAAAT,QAAE,EAAE,KAAM,CAAG;IAC7BU,kBAAkB,EAAGjC,KAAK,CAACiC,kBAAoB;IAC/CP,QAAQ,EAAG1B,KAAK,CAAC+B;EAAkB,CACnC,CACD,EACF9B,2BAA2B,CAAED,KAAM,CAAC,IACnCA,KAAK,CAACkC,mBAAmB,IACzBlC,KAAK,CAAC+B,gBAAgB,IACrB,IAAAjB,MAAA,CAAAC,aAAA,EAACvB,eAAA,CAAA2B,OAAc;IACdC,uBAAuB;IACvBC,GAAG,EAAC,kCAAkC;IACtCC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;IAC5BC,KAAK,EACJxB,KAAK,CAACmC,kBAAkB,IACxBnC,KAAK,CAACmC,kBAAkB,CAACC,GAAG,CAAIC,IAAI,KAAQ;MAC3CC,EAAE,EAAED,IAAI,CAACC,EAAE;MACX;MACA;MACA;MACA;MACAd,KAAK,EAAEa,IAAI,CAACE,IAAI,IAAIF,IAAI,CAACb;IAC1B,CAAC,CAAG,CACJ;IACDgB,WAAW,EAAGC,MAAM,CAACC,IAAI,CACxB1C,KAAK,CAACkC,mBACP,CAAG;IACHR,QAAQ,EAAG1B,KAAK,CAAC+B,gBAAkB;IACnCY,cAAc,EAAG7C;EAA4B,CAC7C,CACD,EACFY,cAAc,IACb,IAAAI,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA8B,OAAY;IACZE,GAAG,EAAC,8BAA8B;IAClClB,UAAU,EAAGA,UAAY;IACzBmB,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBS,aAAa,EAAG,IAAAT,QAAE,EAAE,KAAM,CAAG;IAC7BnB,gBAAgB,EAAGA,gBAAkB;IACrCsB,QAAQ,EAAGhB;EAAgB,CAC3B,CACD,EACDC,qBAAqB,IACpB,IAAAG,MAAA,CAAAC,aAAA,EAACtB,aAAA,CAAA0B,OAAY;IACZC,uBAAuB;IACvBwB,qBAAqB;IACrBvB,GAAG,EAAC,8BAA8B;IAClCC,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;IACjCC,KAAK,EAAGnB,aAAe;IACvBqB,QAAQ,EAAGf,qBAAuB;IAClCkC,GAAG,EAAGpC,QAAU;IAChBqC,GAAG,EAAGtC,QAAU;IAChBuC,QAAQ;EAAA,CACR,CACD,CAEK,CAAC;AAEX;AAAC,IAAAC,QAAA,GAEc9C,aAAa;AAAA+C,OAAA,CAAA9B,OAAA,GAAA6B,QAAA"}

package/build/query-controls/index.native.js CHANGED Viewed

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _ = require("../");
 var _categorySelect = _interopRequireDefault(require("./category-select"));
 /**
@@ -56,20 +57,20 @@ const QueryControls = (0, _element.memo)(({
       onOrderByChange(newOrderBy);
     }
   }, [order, orderBy, onOrderByChange, onOrderChange]);
-  return (0, _element.createElement)(_element.Fragment, null, onOrderChange && onOrderByChange && (0, _element.createElement)(_.SelectControl, {
+  return (0, _react.createElement)(_react.Fragment, null, onOrderChange && onOrderByChange && (0, _react.createElement)(_.SelectControl, {
     label: (0, _i18n.__)('Order by'),
     value: `${orderBy}/${order}`,
     options: options,
     onChange: onChange,
     hideCancelButton: true
-  }), onCategoryChange && (0, _element.createElement)(_categorySelect.default, {
+  }), onCategoryChange && (0, _react.createElement)(_categorySelect.default, {
     categoriesList: categoriesList,
     label: (0, _i18n.__)('Category'),
     noOptionLabel: (0, _i18n.__)('All'),
     selectedCategoryId: selectedCategoryId,
     onChange: onCategoryChange,
     hideCancelButton: true
-  }), onNumberOfItemsChange && (0, _element.createElement)(_.RangeControl, {
+  }), onNumberOfItemsChange && (0, _react.createElement)(_.RangeControl, {
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Number of items'),
     value: numberOfItems,

package/build/query-controls/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_i18n~~","_","_categorySelect","_interopRequireDefault","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","options","label","__","value","QueryControls","memo","categoriesList","selectedCategoryId","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","onChange","useCallback","newOrderBy","newOrder","split","createElement","Fragment","SelectControl","hideCancelButton","default","noOptionLabel","RangeControl","__next40pxDefaultSize","min","max","required","_default","exports"],"sources":["@wordpress/components/src/query-controls/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, memo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { RangeControl, SelectControl } from '../';\nimport CategorySelect from './category-select';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\n\nconst options = [\n\t{\n\t\tlabel: __( 'Newest to oldest' ),\n\t\tvalue: 'date/desc',\n\t},\n\t{\n\t\tlabel: __( 'Oldest to newest' ),\n\t\tvalue: 'date/asc',\n\t},\n\t{\n\t\t/ translators: label for ordering posts by title in ascending order /\n\t\tlabel: __( 'A → Z' ),\n\t\tvalue: 'title/asc',\n\t},\n\t{\n\t\t/ translators: label for ordering posts by title in descending order */\n\t\tlabel: __( 'Z → A' ),\n\t\tvalue: 'title/desc',\n\t},\n];\n\nconst QueryControls = memo(\n\t( {\n\t\tcategoriesList,\n\t\tselectedCategoryId,\n\t\tnumberOfItems,\n\t\torder,\n\t\torderBy,\n\t\tmaxItems = DEFAULT_MAX_ITEMS,\n\t\tminItems = DEFAULT_MIN_ITEMS,\n\t\tonCategoryChange,\n\t\tonNumberOfItemsChange,\n\t\tonOrderChange,\n\t\tonOrderByChange,\n\t} ) => {\n\t\tconst onChange = useCallback(\n\t\t\t( value ) => {\n\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\tonOrderChange( newOrder );\n\t\t\t\t}\n\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\tonOrderByChange( newOrderBy );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ order, orderBy, onOrderByChange, onOrderChange ]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ onOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onCategoryChange && (\n\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\tcategoriesList={ categoriesList }\n\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedCategoryId={ selectedCategoryId }\n\t\t\t\t\t\tonChange={ onCategoryChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default QueryControls;\n"],"mappings":"~~;;;;;;;AAIA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AADA~~,IAAAC,~~KAAA~~,GAAAD,OAAA;~~AAMA~~,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMK,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,OAAO,GAAG,CACf;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAC/BC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAC/BC,KAAK,EAAE;AACR,CAAC,EACD;EACC;EACAF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,KAAK,EAAE;AACR,CAAC,EACD;EACC;EACAF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,KAAK,EAAE;AACR,CAAC,CACD;AAED,MAAMC,aAAa,GAAG,IAAAC,aAAI,EACzB,CAAE;EACDC,cAAc;EACdC,kBAAkB;EAClBC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAGZ,iBAAiB;EAC5Ba,QAAQ,GAAGd,iBAAiB;EAC5Be,gBAAgB;EAChBC,qBAAqB;EACrBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EACzBf,KAAK,IAAM;IACZ,MAAM,CAAEgB,UAAU,EAAEC,QAAQ,CAAE,GAAGjB,KAAK,CAACkB,KAAK,CAAE,GAAI,CAAC;IACnD,IAAKD,QAAQ,KAAKX,KAAK,EAAG;MACzBM,aAAa,CAAEK,QAAS,CAAC;IAC1B;IACA,IAAKD,UAAU,KAAKT,OAAO,EAAG;MAC7BM,eAAe,CAAEG,UAAW,CAAC;IAC9B;EACD,CAAC,EACD,CAAEV,KAAK,EAAEC,OAAO,EAAEM,eAAe,EAAED,aAAa,CACjD,CAAC;EAED,OACC,~~IAAAvB~~,~~QAAA~~,~~CAAA8B~~,aAAA,~~EAAA9B~~,~~QAAA~~,~~CAAA+B~~,QAAA,~~QACGR~~,aAAa,IAAIC,eAAe,IACjC,~~IAAAxB~~,~~QAAA~~,~~CAAA8B~~,aAAA,~~EAAC3B~~,CAAA,~~CAAA6B~~,aAAa;~~IACbvB~~,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BC,KAAK,EAAI,GAAGO,OAAS,IAAID,KAAO,EAAG;IACnCT,OAAO,EAAGA,OAAS;IACnBiB,QAAQ,EAAGA,QAAU;~~IACrBQ~~,gBAAgB,EAAG;EAAM,CACzB,CACD,~~EACCZ~~,gBAAgB,IACjB,~~IAAArB~~,~~QAAA~~,~~CAAA8B~~,aAAA,~~EAAC1B~~,eAAA,~~CAAA8B~~,OAAc;~~IACdpB~~,cAAc,EAAGA,cAAgB;IACjCL,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;~~IAC1ByB~~,aAAa,EAAG,~~IAAAzB~~,QAAE,EAAE,KAAM,CAAG;IAC7BK,kBAAkB,EAAGA,kBAAoB;IACzCU,QAAQ,EAAGJ,gBAAkB;~~IAC7BY~~,gBAAgB,EAAG;EAAM,CACzB,CACD,~~EACCX~~,qBAAqB,IACtB,~~IAAAtB~~,~~QAAA~~,~~CAAA8B~~,aAAA,~~EAAC3B~~,CAAA,~~CAAAiC~~,YAAY;IACZC,qBAAqB;~~IACrB5B~~,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;IACjCC,KAAK,EAAGK,aAAe;IACvBS,QAAQ,EAAGH,qBAAuB;~~IAClCgB~~,GAAG,~~EAAGlB~~,QAAU;~~IAChBmB~~,GAAG,~~EAAGpB~~,QAAU;~~IAChBqB~~,QAAQ;EAAA,CACR,CAED,CAAC;AAEL,CACD,CAAC;AAAC,IAAAC,QAAA,~~GAEa7B~~,aAAa;~~AAAA8B~~,OAAA,CAAAR,OAAA,GAAAO,QAAA"}
1	+ {"version":3,"names":["_i18n","require","_element","_","_categorySelect","_interopRequireDefault","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","options","label","__","value","QueryControls","memo","categoriesList","selectedCategoryId","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","onChange","useCallback","newOrderBy","newOrder","split","_react","createElement","Fragment","SelectControl","hideCancelButton","default","noOptionLabel","RangeControl","__next40pxDefaultSize","min","max","required","_default","exports"],"sources":["@wordpress/components/src/query-controls/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, memo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { RangeControl, SelectControl } from '../';\nimport CategorySelect from './category-select';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\n\nconst options = [\n\t{\n\t\tlabel: __( 'Newest to oldest' ),\n\t\tvalue: 'date/desc',\n\t},\n\t{\n\t\tlabel: __( 'Oldest to newest' ),\n\t\tvalue: 'date/asc',\n\t},\n\t{\n\t\t/ translators: label for ordering posts by title in ascending order /\n\t\tlabel: __( 'A → Z' ),\n\t\tvalue: 'title/asc',\n\t},\n\t{\n\t\t/ translators: label for ordering posts by title in descending order */\n\t\tlabel: __( 'Z → A' ),\n\t\tvalue: 'title/desc',\n\t},\n];\n\nconst QueryControls = memo(\n\t( {\n\t\tcategoriesList,\n\t\tselectedCategoryId,\n\t\tnumberOfItems,\n\t\torder,\n\t\torderBy,\n\t\tmaxItems = DEFAULT_MAX_ITEMS,\n\t\tminItems = DEFAULT_MIN_ITEMS,\n\t\tonCategoryChange,\n\t\tonNumberOfItemsChange,\n\t\tonOrderChange,\n\t\tonOrderByChange,\n\t} ) => {\n\t\tconst onChange = useCallback(\n\t\t\t( value ) => {\n\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\tonOrderChange( newOrder );\n\t\t\t\t}\n\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\tonOrderByChange( newOrderBy );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ order, orderBy, onOrderByChange, onOrderChange ]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ onOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onCategoryChange && (\n\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\tcategoriesList={ categoriesList }\n\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedCategoryId={ selectedCategoryId }\n\t\t\t\t\t\tonChange={ onCategoryChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default QueryControls;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMK,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,MAAMC,OAAO,GAAG,CACf;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAC/BC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,kBAAmB,CAAC;EAC/BC,KAAK,EAAE;AACR,CAAC,EACD;EACC;EACAF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,KAAK,EAAE;AACR,CAAC,EACD;EACC;EACAF,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,KAAK,EAAE;AACR,CAAC,CACD;AAED,MAAMC,aAAa,GAAG,IAAAC,aAAI,EACzB,CAAE;EACDC,cAAc;EACdC,kBAAkB;EAClBC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAGZ,iBAAiB;EAC5Ba,QAAQ,GAAGd,iBAAiB;EAC5Be,gBAAgB;EAChBC,qBAAqB;EACrBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EACzBf,KAAK,IAAM;IACZ,MAAM,CAAEgB,UAAU,EAAEC,QAAQ,CAAE,GAAGjB,KAAK,CAACkB,KAAK,CAAE,GAAI,CAAC;IACnD,IAAKD,QAAQ,KAAKX,KAAK,EAAG;MACzBM,aAAa,CAAEK,QAAS,CAAC;IAC1B;IACA,IAAKD,UAAU,KAAKT,OAAO,EAAG;MAC7BM,eAAe,CAAEG,UAAW,CAAC;IAC9B;EACD,CAAC,EACD,CAAEV,KAAK,EAAEC,OAAO,EAAEM,eAAe,EAAED,aAAa,CACjD,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGT,aAAa,IAAIC,eAAe,IACjC,IAAAM,MAAA,CAAAC,aAAA,EAAC5B,CAAA,CAAA8B,aAAa;IACbxB,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BC,KAAK,EAAI,GAAGO,OAAS,IAAID,KAAO,EAAG;IACnCT,OAAO,EAAGA,OAAS;IACnBiB,QAAQ,EAAGA,QAAU;IACrBS,gBAAgB,EAAG;EAAM,CACzB,CACD,EACCb,gBAAgB,IACjB,IAAAS,MAAA,CAAAC,aAAA,EAAC3B,eAAA,CAAA+B,OAAc;IACdrB,cAAc,EAAGA,cAAgB;IACjCL,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1B0B,aAAa,EAAG,IAAA1B,QAAE,EAAE,KAAM,CAAG;IAC7BK,kBAAkB,EAAGA,kBAAoB;IACzCU,QAAQ,EAAGJ,gBAAkB;IAC7Ba,gBAAgB,EAAG;EAAM,CACzB,CACD,EACCZ,qBAAqB,IACtB,IAAAQ,MAAA,CAAAC,aAAA,EAAC5B,CAAA,CAAAkC,YAAY;IACZC,qBAAqB;IACrB7B,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;IACjCC,KAAK,EAAGK,aAAe;IACvBS,QAAQ,EAAGH,qBAAuB;IAClCiB,GAAG,EAAGnB,QAAU;IAChBoB,GAAG,EAAGrB,QAAU;IAChBsB,QAAQ;EAAA,CACR,CAED,CAAC;AAEL,CACD,CAAC;AAAC,IAAAC,QAAA,GAEa9B,aAAa;AAAA+B,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/build/radio-control/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RadioControl = RadioControl;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _compose = require("@wordpress/compose");
 var _baseControl = _interopRequireDefault(require("../base-control"));
@@ -65,19 +65,19 @@ function RadioControl(props) {
   if (!options?.length) {
     return null;
   }
-  return (0, _element.createElement)(_baseControl.default, {
+  return (0, _react.createElement)(_baseControl.default, {
     __nextHasNoMarginBottom: true,
     label: label,
     id: id,
     hideLabelFromVision: hideLabelFromVision,
     help: help,
     className: (0, _classnames.default)(className, 'components-radio-control')
-  }, (0, _element.createElement)(_vStack.VStack, {
+  }, (0, _react.createElement)(_vStack.VStack, {
     spacing: 1
-  }, options.map((option, index) => (0, _element.createElement)("div", {
+  }, options.map((option, index) => (0, _react.createElement)("div", {
     key: `${id}-${index}`,
     className: "components-radio-control__option"
-  }, (0, _element.createElement)("input", {
+  }, (0, _react.createElement)("input", {
     id: `${id}-${index}`,
     className: "components-radio-control__input",
     type: "radio",
@@ -87,7 +87,7 @@ function RadioControl(props) {
     checked: option.value === selected,
     "aria-describedby": !!help ? `${id}__help` : undefined,
     ...additionalProps
-  }), (0, _element.createElement)("label", {
+  }), (0, _react.createElement)("label", {
     htmlFor: `${id}-${index}`
   }, option.label)))));
 }

package/build/radio-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_baseControl","_vStack","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","additionalProps","instanceId","useInstanceId","id","onChangeValue","event","target","value","length","~~_element~~","createElement","default","__nextHasNoMarginBottom","classnames","VStack","spacing","map","option","index","key","type","name","checked","undefined","htmlFor","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ChangeEvent } from 'react';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../~~ui/~~context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\n\n/\n Render a user interface to select the user type using radio inputs.\n \n ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyRadioControl = () => {\n * const [ option, setOption ] = useState( 'a' );\n \n return (\n * <RadioControl\n * label=\"User type\"\n * help=\"The type of the current user\"\n * selected={ option }\n * options={ [\n * { label: 'Author', value: 'a' },\n * { label: 'Editor', value: 'e' },\n * ] }\n * onChange={ ( value ) => setOption( value ) }\n * />\n * );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\t...additionalProps\n\t} = props;\n\tconst instanceId = useInstanceId( RadioControl );\n\tconst id = `inspector-radio-control-${ instanceId }`;\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ classnames( className, 'components-radio-control' ) }\n\t\t>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ `${ id }-${ index }` }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ `${ id }-${ index }` }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t!! help ? `${ id }__help` : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label htmlFor={ `${ id }-${ index }` }>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,YAAYA,CAC3BC,KAAmE,EAClE;EACD,MAAM;IACLC,KAAK;IACLC,SAAS;IACTC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,mBAAmB;IACnBC,OAAO,GAAG,EAAE;IACZ,GAAGC;EACJ,CAAC,GAAGR,KAAK;EACT,MAAMS,UAAU,GAAG,IAAAC,sBAAa,EAAEX,YAAa,CAAC;EAChD,MAAMY,EAAE,GAAI,2BAA2BF,UAAY,EAAC;EACpD,MAAMG,aAAa,GAAKC,KAAsC,IAC7DR,QAAQ,CAAEQ,KAAK,CAACC,MAAM,CAACC,KAAM,CAAC;EAE/B,IAAK,CAAER,OAAO,EAAES,MAAM,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,~~QAAA~~,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,OAAW;IACXC,uBAAuB;IACvBnB,KAAK,EAAGA,KAAO;IACfU,EAAE,EAAGA,EAAI;IACTL,mBAAmB,EAAGA,mBAAqB;IAC3CF,IAAI,EAAGA,IAAM;IACbF,SAAS,EAAG,IAAAmB,mBAAU,EAAEnB,SAAS,EAAE,0BAA2B;EAAG,GAEjE,IAAAe,~~QAAA~~,CAAAC,aAAA,EAACpB,OAAA,CAAAwB,MAAM;IAACC,OAAO,EAAG;EAAG,GAClBhB,OAAO,CAACiB,GAAG,CAAE,CAAEC,MAAM,EAAEC,KAAK,KAC7B,IAAAT,~~QAAA~~,CAAAC,aAAA;IACCS,GAAG,EAAI,GAAGhB,EAAI,IAAIe,KAAO,EAAG;IAC5BxB,SAAS,EAAC;EAAkC,GAE5C,IAAAe,~~QAAA~~,CAAAC,aAAA;IACCP,EAAE,EAAI,GAAGA,EAAI,IAAIe,KAAO,EAAG;IAC3BxB,SAAS,EAAC,iCAAiC;IAC3C0B,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGlB,EAAI;IACXI,KAAK,EAAGU,MAAM,CAACV,KAAO;IACtBV,QAAQ,EAAGO,aAAe;IAC1BkB,OAAO,EAAGL,MAAM,CAACV,KAAK,KAAKZ,QAAU;IACrC,oBACC,CAAC,CAAEC,IAAI,GAAI,GAAGO,EAAI,QAAO,GAAGoB,SAC5B;IAAA,GACIvB;EAAe,CACpB,CAAC,EACF,IAAAS,~~QAAA~~,CAAAC,aAAA;IAAOc,OAAO,EAAI,GAAGrB,EAAI,IAAIe,KAAO;EAAG,GACpCD,MAAM,CAACxB,KACH,CACH,CACJ,CACK,CACI,CAAC;AAEhB;AAAC,IAAAgC,QAAA,GAEclC,YAAY;AAAAmC,OAAA,CAAAf,OAAA,GAAAc,QAAA"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_baseControl","_vStack","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","additionalProps","instanceId","useInstanceId","id","onChangeValue","event","target","value","length","_react","createElement","default","__nextHasNoMarginBottom","classnames","VStack","spacing","map","option","index","key","type","name","checked","undefined","htmlFor","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ChangeEvent } from 'react';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\n\n/\n Render a user interface to select the user type using radio inputs.\n \n ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyRadioControl = () => {\n * const [ option, setOption ] = useState( 'a' );\n \n return (\n * <RadioControl\n * label=\"User type\"\n * help=\"The type of the current user\"\n * selected={ option }\n * options={ [\n * { label: 'Author', value: 'a' },\n * { label: 'Editor', value: 'e' },\n * ] }\n * onChange={ ( value ) => setOption( value ) }\n * />\n * );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\t...additionalProps\n\t} = props;\n\tconst instanceId = useInstanceId( RadioControl );\n\tconst id = `inspector-radio-control-${ instanceId }`;\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ classnames( className, 'components-radio-control' ) }\n\t\t>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ `${ id }-${ index }` }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ `${ id }-${ index }` }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t!! help ? `${ id }__help` : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label htmlFor={ `${ id }-${ index }` }>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,YAAYA,CAC3BC,KAAmE,EAClE;EACD,MAAM;IACLC,KAAK;IACLC,SAAS;IACTC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,mBAAmB;IACnBC,OAAO,GAAG,EAAE;IACZ,GAAGC;EACJ,CAAC,GAAGR,KAAK;EACT,MAAMS,UAAU,GAAG,IAAAC,sBAAa,EAAEX,YAAa,CAAC;EAChD,MAAMY,EAAE,GAAI,2BAA2BF,UAAY,EAAC;EACpD,MAAMG,aAAa,GAAKC,KAAsC,IAC7DR,QAAQ,CAAEQ,KAAK,CAACC,MAAM,CAACC,KAAM,CAAC;EAE/B,IAAK,CAAER,OAAO,EAAES,MAAM,EAAG;IACxB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,OAAW;IACXC,uBAAuB;IACvBnB,KAAK,EAAGA,KAAO;IACfU,EAAE,EAAGA,EAAI;IACTL,mBAAmB,EAAGA,mBAAqB;IAC3CF,IAAI,EAAGA,IAAM;IACbF,SAAS,EAAG,IAAAmB,mBAAU,EAAEnB,SAAS,EAAE,0BAA2B;EAAG,GAEjE,IAAAe,MAAA,CAAAC,aAAA,EAACpB,OAAA,CAAAwB,MAAM;IAACC,OAAO,EAAG;EAAG,GAClBhB,OAAO,CAACiB,GAAG,CAAE,CAAEC,MAAM,EAAEC,KAAK,KAC7B,IAAAT,MAAA,CAAAC,aAAA;IACCS,GAAG,EAAI,GAAGhB,EAAI,IAAIe,KAAO,EAAG;IAC5BxB,SAAS,EAAC;EAAkC,GAE5C,IAAAe,MAAA,CAAAC,aAAA;IACCP,EAAE,EAAI,GAAGA,EAAI,IAAIe,KAAO,EAAG;IAC3BxB,SAAS,EAAC,iCAAiC;IAC3C0B,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGlB,EAAI;IACXI,KAAK,EAAGU,MAAM,CAACV,KAAO;IACtBV,QAAQ,EAAGO,aAAe;IAC1BkB,OAAO,EAAGL,MAAM,CAACV,KAAK,KAAKZ,QAAU;IACrC,oBACC,CAAC,CAAEC,IAAI,GAAI,GAAGO,EAAI,QAAO,GAAGoB,SAC5B;IAAA,GACIvB;EAAe,CACpB,CAAC,EACF,IAAAS,MAAA,CAAAC,aAAA;IAAOc,OAAO,EAAI,GAAGrB,EAAI,IAAIe,KAAO;EAAG,GACpCD,MAAM,CAACxB,KACH,CACH,CACJ,CACK,CACI,CAAC;AAEhB;AAAC,IAAAgC,QAAA,GAEclC,YAAY;AAAAmC,OAAA,CAAAf,OAAA,GAAAc,QAAA"}

package/build/radio-control/index.native.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _radioCell = _interopRequireDefault(require("../mobile/bottom-sheet/radio-cell"));
 /**
  * Internal dependencies
@@ -17,8 +17,8 @@ function RadioControl({
   options = [],
   ...props
 }) {
-  return (0, _element.createElement)(_element.Fragment, null, options.map((option, index) => {
-    return (0, _element.createElement)(_radioCell.default, {
+  return (0, _react.createElement)(_react.Fragment, null, options.map((option, index) => {
+    return (0, _react.createElement)(_radioCell.default, {
       label: option.label,
       onPress: () => onChange(option.value),
       selected: option.value === selected,

package/build/radio-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_radioCell","_interopRequireDefault","require","RadioControl","onChange","selected","options","props","~~_element~~","createElement","Fragment","map","option","index","default","label","onPress","value","key","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.native.js"],"sourcesContent":["/*\n Internal dependencies\n */\nimport RadioCell from '../mobile/bottom-sheet/radio-cell';\n\nfunction RadioControl( { onChange, selected, options = [], ...props } ) {\n\treturn (\n\t\t<>\n\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RadioCell\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\tonPress={ () => onChange( option.value ) }\n\t\t\t\t\t\tselected={ option.value === selected }\n\t\t\t\t\t\tkey={ `${ option.value }-${ index }` }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":";;;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO,GAAG,EAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EACvE,OACC,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAAD,~~QAAA~~,CAAAE,QAAA,QACGJ,OAAO,CAACK,GAAG,CAAE,CAAEC,MAAM,EAAEC,KAAK,KAAM;IACnC,OACC,IAAAL,~~QAAA~~,CAAAC,aAAA,EAACT,UAAA,CAAAc,OAAS;MACTC,KAAK,EAAGH,MAAM,CAACG,KAAO;MACtBC,OAAO,EAAGA,CAAA,KAAMZ,QAAQ,CAAEQ,MAAM,CAACK,KAAM,CAAG;MAC1CZ,QAAQ,EAAGO,MAAM,CAACK,KAAK,KAAKZ,QAAU;MACtCa,GAAG,EAAI,GAAGN,MAAM,CAACK,KAAO,IAAIJ,KAAO,EAAG;MAAA,GACjCN;IAAK,CACV,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL;AAAC,IAAAY,QAAA,GAEchB,YAAY;AAAAiB,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
1	+ {"version":3,"names":["_radioCell","_interopRequireDefault","require","RadioControl","onChange","selected","options","props","_react","createElement","Fragment","map","option","index","default","label","onPress","value","key","_default","exports"],"sources":["@wordpress/components/src/radio-control/index.native.js"],"sourcesContent":["/*\n Internal dependencies\n */\nimport RadioCell from '../mobile/bottom-sheet/radio-cell';\n\nfunction RadioControl( { onChange, selected, options = [], ...props } ) {\n\treturn (\n\t\t<>\n\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RadioCell\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\tonPress={ () => onChange( option.value ) }\n\t\t\t\t\t\tselected={ option.value === selected }\n\t\t\t\t\t\tkey={ `${ option.value }-${ index }` }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":";;;;;;;;AAGA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO,GAAG,EAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EACvE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGJ,OAAO,CAACK,GAAG,CAAE,CAAEC,MAAM,EAAEC,KAAK,KAAM;IACnC,OACC,IAAAL,MAAA,CAAAC,aAAA,EAACT,UAAA,CAAAc,OAAS;MACTC,KAAK,EAAGH,MAAM,CAACG,KAAO;MACtBC,OAAO,EAAGA,CAAA,KAAMZ,QAAQ,CAAEQ,MAAM,CAACK,KAAM,CAAG;MAC1CZ,QAAQ,EAAGO,MAAM,CAACK,KAAK,KAAKZ,QAAU;MACtCa,GAAG,EAAI,GAAGN,MAAM,CAACK,KAAO,IAAIJ,KAAO,EAAG;MAAA,GACjCN;IAAK,CACV,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL;AAAC,IAAAY,QAAA,GAEchB,YAAY;AAAAiB,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _Radio = require("reakit/Radio");
+var _element = require("@wordpress/element");
 var _buttonGroup = _interopRequireDefault(require("../button-group"));
 var _radioContext = _interopRequireDefault(require("./radio-context"));
 // @ts-nocheck
@@ -42,9 +43,9 @@ function RadioGroup({
     state: checked !== null && checked !== void 0 ? checked : radioState.state,
     setState: onChange !== null && onChange !== void 0 ? onChange : radioState.setState
   };
-  return (0, _element.createElement)(_radioContext.default.Provider, {
+  return (0, _react.createElement)(_radioContext.default.Provider, {
     value: radioContext
-  }, (0, _element.createElement)(_Radio.RadioGroup, {
+  }, (0, _react.createElement)(_Radio.RadioGroup, {
     ref: ref,
     as: _buttonGroup.default,
     "aria-label": label,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_Radio~~","_buttonGroup","_interopRequireDefault","_radioContext","RadioGroup","label","checked","defaultChecked","disabled","onChange","props","ref","radioState","useRadioState","state","baseId","id","radioContext","setState","createElement","default","Provider","value","as","ButtonGroup","_default","forwardRef","exports"],"sources":["@wordpress/components/src/radio-group/index.js"],"sourcesContent":["// @ts-nocheck\n\n/*\n External dependencies\n /\nimport { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport ButtonGroup from '../button-group';\nimport RadioContext from './radio-context';\n\nfunction RadioGroup(\n\t{ label, checked, defaultChecked, disabled, onChange, ...props },\n\tref\n) {\n\tconst radioState = useRadioState( {\n\t\tstate: defaultChecked,\n\t\tbaseId: props.id,\n\t} );\n\tconst radioContext = {\n\t\t...radioState,\n\t\tdisabled,\n\t\t// Controlled or uncontrolled.\n\t\tstate: checked ?? radioState.state,\n\t\tsetState: onChange ?? radioState.setState,\n\t};\n\n\treturn (\n\t\t<RadioContext.Provider value={ radioContext }>\n\t\t\t<ReakitRadioGroup\n\t\t\t\tref={ ref }\n\t\t\t\tas={ ButtonGroup }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...radioState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioContext.Provider>\n\t);\n}\n\n/\n @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( RadioGroup );\n"],"mappings":"~~;;;;;;;AAUA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AALA~~,IAAAC,~~MAAA~~,GAAAD,OAAA;~~AAUA~~,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,SAASK,UAAUA,CAClB;EAAEC,KAAK;EAAEC,OAAO;EAAEC,cAAc;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAChEC,GAAG,EACF;EACD,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAAE;IACjCC,KAAK,EAAEP,cAAc;IACrBQ,MAAM,EAAEL,KAAK,CAACM;EACf,CAAE,CAAC;EACH,MAAMC,YAAY,GAAG;IACpB,GAAGL,UAAU;IACbJ,QAAQ;IACR;IACAM,KAAK,EAAER,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIM,UAAU,CAACE,KAAK;IAClCI,QAAQ,EAAET,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,UAAU,CAACM;EAClC,CAAC;EAED,OACC,~~IAAApB~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAAChB~~,aAAA,~~CAAAiB~~,OAAY,CAACC,QAAQ;IAACC,KAAK,~~EAAGL~~;EAAc,GAC5C,~~IAAAnB~~,~~QAAA~~,~~CAAAqB~~,aAAA,~~EAACnB~~,MAAA,~~CAAAI~~,UAAgB;IAChBO,GAAG,EAAGA,GAAK;~~IACXY~~,EAAE,EAAGC,oBAAa;IAClB,~~cAAanB~~,KAAO;IAAA,GACfO,UAAU;IAAA,GACVF;EAAK,CACV,CACqB,CAAC;AAE1B;;AAEA;AACA;AACA;AAFA,~~IAAAe~~,QAAA,GAGe,IAAAC,mBAAU,~~EAAEtB~~,UAAW,CAAC;~~AAAAuB~~,OAAA,CAAAP,OAAA,GAAAK,QAAA"}
1	+ {"version":3,"names":["_Radio","require","_element","_buttonGroup","_interopRequireDefault","_radioContext","RadioGroup","label","checked","defaultChecked","disabled","onChange","props","ref","radioState","useRadioState","state","baseId","id","radioContext","setState","_react","createElement","default","Provider","value","as","ButtonGroup","_default","forwardRef","exports"],"sources":["@wordpress/components/src/radio-group/index.js"],"sourcesContent":["// @ts-nocheck\n\n/*\n External dependencies\n /\nimport { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport ButtonGroup from '../button-group';\nimport RadioContext from './radio-context';\n\nfunction RadioGroup(\n\t{ label, checked, defaultChecked, disabled, onChange, ...props },\n\tref\n) {\n\tconst radioState = useRadioState( {\n\t\tstate: defaultChecked,\n\t\tbaseId: props.id,\n\t} );\n\tconst radioContext = {\n\t\t...radioState,\n\t\tdisabled,\n\t\t// Controlled or uncontrolled.\n\t\tstate: checked ?? radioState.state,\n\t\tsetState: onChange ?? radioState.setState,\n\t};\n\n\treturn (\n\t\t<RadioContext.Provider value={ radioContext }>\n\t\t\t<ReakitRadioGroup\n\t\t\t\tref={ ref }\n\t\t\t\tas={ ButtonGroup }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...radioState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioContext.Provider>\n\t);\n}\n\n/\n @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( RadioGroup );\n"],"mappings":";;;;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AAhBA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,SAASK,UAAUA,CAClB;EAAEC,KAAK;EAAEC,OAAO;EAAEC,cAAc;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAChEC,GAAG,EACF;EACD,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAAE;IACjCC,KAAK,EAAEP,cAAc;IACrBQ,MAAM,EAAEL,KAAK,CAACM;EACf,CAAE,CAAC;EACH,MAAMC,YAAY,GAAG;IACpB,GAAGL,UAAU;IACbJ,QAAQ;IACR;IACAM,KAAK,EAAER,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIM,UAAU,CAACE,KAAK;IAClCI,QAAQ,EAAET,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,UAAU,CAACM;EAClC,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACjB,aAAA,CAAAkB,OAAY,CAACC,QAAQ;IAACC,KAAK,EAAGN;EAAc,GAC5C,IAAAE,MAAA,CAAAC,aAAA,EAACtB,MAAA,CAAAM,UAAgB;IAChBO,GAAG,EAAGA,GAAK;IACXa,EAAE,EAAGC,oBAAa;IAClB,cAAapB,KAAO;IAAA,GACfO,UAAU;IAAA,GACVF;EAAK,CACV,CACqB,CAAC;AAE1B;;AAEA;AACA;AACA;AAFA,IAAAgB,QAAA,GAGe,IAAAC,mBAAU,EAAEvB,UAAW,CAAC;AAAAwB,OAAA,CAAAP,OAAA,GAAAK,QAAA"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+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
@@ -30,7 +31,7 @@ function Radio({
 }, ref) {
   const radioContext = (0, _element.useContext)(_radioContext.default);
   const checked = radioContext.state === value;
-  return (0, _element.createElement)(_Radio.Radio, {
+  return (0, _react.createElement)(_Radio.Radio, {
     ref: ref,
     as: _button.default,
     variant: checked ? 'primary' : 'secondary',

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_Radio~~","_button","_interopRequireDefault","_radioContext","Radio","children","value","props","ref","radioContext","useContext","RadioContext","checked","state","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":"~~;;;;;;;AAUA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AALA~~,IAAAC,~~MAAA~~,GAAAD,OAAA;~~AAUA~~,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,~~IAAAR~~,~~QAAA~~,~~CAAAgB~~,aAAA,~~EAACd~~,MAAA,~~CAAAI~~,KAAW;IACXI,GAAG,EAAGA,GAAK;~~IACXO~~,EAAE,EAAGC,eAAQ;IACbC,OAAO,~~EAAGL~~,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,~~IAAAY~~,QAAA,GAGe,IAAAC,mBAAU,~~EAAEf~~,KAAM,CAAC;~~AAAAgB~~,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
1	+ {"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/range-control/index.js CHANGED Viewed

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RangeControl = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _baseControl = _interopRequireDefault(require("../base-control"));
 var _button = _interopRequireDefault(require("../button"));
@@ -19,7 +20,7 @@ var _inputRange = _interopRequireDefault(require("./input-range"));
 var _rail = _interopRequireDefault(require("./rail"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _rangeControlStyles = require("./styles/range-control-styles");
-var _space = require("../ui/utils/space");
+var _space = require("../utils/space");
 /**
  * External dependencies
  */
@@ -169,24 +170,24 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const offsetStyle = {
     [(0, _i18n.isRTL)() ? 'right' : 'left']: fillValueOffset
   };
-  return (0, _element.createElement)(_baseControl.default, {
+  return (0, _react.createElement)(_baseControl.default, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
     className: classes,
     label: label,
     hideLabelFromVision: hideLabelFromVision,
     id: `${id}`,
     help: help
-  }, (0, _element.createElement)(_rangeControlStyles.Root, {
+  }, (0, _react.createElement)(_rangeControlStyles.Root, {
     className: "components-range-control__root",
     __next40pxDefaultSize: __next40pxDefaultSize
-  }, beforeIcon && (0, _element.createElement)(_rangeControlStyles.BeforeIconWrapper, null, (0, _element.createElement)(_icon.default, {
+  }, beforeIcon && (0, _react.createElement)(_rangeControlStyles.BeforeIconWrapper, null, (0, _react.createElement)(_icon.default, {
     icon: beforeIcon
-  })), (0, _element.createElement)(_rangeControlStyles.Wrapper, {
+  })), (0, _react.createElement)(_rangeControlStyles.Wrapper, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
     className: wrapperClasses,
     color: colorProp,
     marks: !!marks
-  }, (0, _element.createElement)(_inputRange.default, {
+  }, (0, _react.createElement)(_inputRange.default, {
     ...otherProps,
     className: "components-range-control__slider",
     describedBy: describedBy,
@@ -203,7 +204,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     ref: (0, _compose.useMergeRefs)([inputRef, forwardedRef]),
     step: step,
     value: inputSliderValue !== null && inputSliderValue !== void 0 ? inputSliderValue : undefined
-  }), (0, _element.createElement)(_rail.default, {
+  }), (0, _react.createElement)(_rail.default, {
     "aria-hidden": true,
     disabled: disabled,
     marks: marks,
@@ -212,7 +213,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     railColor: railColor,
     step: step,
     value: rangeFillValue
-  }), (0, _element.createElement)(_rangeControlStyles.Track, {
+  }), (0, _react.createElement)(_rangeControlStyles.Track, {
     "aria-hidden": true,
     className: "components-range-control__track",
     disabled: disabled,
@@ -220,15 +221,15 @@ function UnforwardedRangeControl(props, forwardedRef) {
       width: fillValueOffset
     },
     trackColor: trackColor
-  }), (0, _element.createElement)(_rangeControlStyles.ThumbWrapper, {
+  }), (0, _react.createElement)(_rangeControlStyles.ThumbWrapper, {
     className: "components-range-control__thumb-wrapper",
     style: offsetStyle,
     disabled: disabled
-  }, (0, _element.createElement)(_rangeControlStyles.Thumb, {
+  }, (0, _react.createElement)(_rangeControlStyles.Thumb, {
     "aria-hidden": true,
     isFocused: isThumbFocused,
     disabled: disabled
-  })), enableTooltip && (0, _element.createElement)(_tooltip.default, {
+  })), enableTooltip && (0, _react.createElement)(_tooltip.default, {
     className: "components-range-control__tooltip",
     inputRef: inputRef,
     tooltipPosition: "bottom",
@@ -236,9 +237,9 @@ function UnforwardedRangeControl(props, forwardedRef) {
     show: isCurrentlyFocused || showTooltip,
     style: offsetStyle,
     value: value
-  })), afterIcon && (0, _element.createElement)(_rangeControlStyles.AfterIconWrapper, null, (0, _element.createElement)(_icon.default, {
+  })), afterIcon && (0, _react.createElement)(_rangeControlStyles.AfterIconWrapper, null, (0, _react.createElement)(_icon.default, {
     icon: afterIcon
-  })), hasInputField && (0, _element.createElement)(_rangeControlStyles.InputNumber, {
+  })), hasInputField && (0, _react.createElement)(_rangeControlStyles.InputNumber, {
     "aria-label": label,
     className: "components-range-control__number",
     disabled: disabled,
@@ -255,7 +256,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     // @ts-expect-error TODO: Investigate if the `null` value is necessary
     ,
     value: inputSliderValue
-  }), allowReset && (0, _element.createElement)(_rangeControlStyles.ActionRightWrapper, null, (0, _element.createElement)(_button.default, {
+  }), allowReset && (0, _react.createElement)(_rangeControlStyles.ActionRightWrapper, null, (0, _react.createElement)(_button.default, {
     className: "components-range-control__reset",
     disabled: disabled || value === undefined,
     variant: "secondary",

package/build/range-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","theme","accent","currentInput","disabled","help","hideLabelFromVision","initialPosition","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","resetFallbackValue","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","classnames","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","createElement","default","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","variant","isSmall","onClick","__","RangeControl","forwardRef","exports","_default"],"sources":["@wordpress/components/src/range-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ChangeEvent, FocusEvent, ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport {\n\tActionRightWrapper,\n\tAfterIconWrapper,\n\tBeforeIconWrapper,\n\tInputNumber,\n\tRoot,\n\tTrack,\n\tThumbWrapper,\n\tThumb,\n\tWrapper,\n} from './styles/range-control-styles';\n\nimport type { RangeControlProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\nimport { space } from '../ui/utils/space';\n\nconst noop = () => {};\n\nfunction UnforwardedRangeControl(\n\tprops: WordPressComponentProps< RangeControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcolor: colorProp = COLORS.theme.accent,\n\t\tcurrentInput,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmarks = false,\n\t\tmax = 100,\n\t\tmin = 0,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\trailColor,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tresetFallbackValue,\n\t\t__next40pxDefaultSize = false,\n\t\tshiftStep = 10,\n\t\tshowTooltip: showTooltipProp,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...otherProps\n\t} = props;\n\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp ?? null,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\n\tlet hasTooltip = showTooltipProp;\n\tlet hasInputField = withInputField;\n\n\tif ( step === 'any' ) {\n\t\t// The tooltip and number input field are hidden when the step is \"any\"\n\t\t// because the decimals get too lengthy to fit well.\n\t\thasTooltip = false;\n\t\thasInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( hasTooltip );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst isCurrentlyFocused = inputRef.current?.matches( ':focus' );\n\tconst isThumbFocused = ! disabled && isFocused;\n\n\tconst isValueReset = value === null;\n\tconst currentValue = value !== undefined ? value : currentInput;\n\n\tconst inputSliderValue = isValueReset ? '' : currentValue;\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst fillValue = isValueReset\n\t\t? 50\n\t\t: ( ( value - min ) / ( max - min ) ) 100;\n\tconst fillValueOffset = `${ clamp( fillValue, 0, 100 ) }%`;\n\n\tconst classes = classnames( 'components-range-control', className );\n\n\tconst wrapperClasses = classnames(\n\t\t'components-range-control__wrapper',\n\t\t!! marks && 'is-marked'\n\t);\n\n\tconst id = useInstanceId(\n\t\tUnforwardedRangeControl,\n\t\t'inspector-range-control'\n\t);\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = hasTooltip !== false && Number.isFinite( value );\n\n\tconst handleOnRangeChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( next?: string ) => {\n\t\t// @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n\t\t// potentially receive a NaN when next is undefined.\n\t\tlet nextValue = parseFloat( next );\n\t\tsetValue( nextValue );\n\n\t\t/\n\t\t Calls onChange only when nextValue is numeric\n\t\t * otherwise may queue a reset for the blur event.\n\t\t /\n\t\tif ( ! isNaN( nextValue ) ) {\n\t\t\tif ( nextValue < min \|\| nextValue > max ) {\n\t\t\t\tnextValue = floatClamp( nextValue, min, max ) as number;\n\t\t\t}\n\n\t\t\tonChange( nextValue );\n\t\t\tisResetPendent.current = false;\n\t\t} else if ( allowReset ) {\n\t\t\tisResetPendent.current = true;\n\t\t}\n\t};\n\n\tconst handleOnInputNumberBlur = () => {\n\t\tif ( isResetPendent.current ) {\n\t\t\thandleOnReset();\n\t\t\tisResetPendent.current = false;\n\t\t}\n\t};\n\n\tconst handleOnReset = () => {\n\t\tlet resetValue: number \| null = parseFloat( `${ resetFallbackValue }` );\n\t\tlet onChangeResetValue: number \| undefined = resetValue;\n\n\t\tif ( isNaN( resetValue ) ) {\n\t\t\tresetValue = null;\n\t\t\tonChangeResetValue = undefined;\n\t\t}\n\n\t\tsetValue( resetValue );\n\n\t\t/\n\t\t Previously, this callback would always receive undefined as\n\t\t * an argument. This behavior is unexpected, specifically\n\t\t * when resetFallbackValue is defined.\n\t\t \n\t\t The value of undefined is not ideal. Passing it through\n\t\t * to internal <input /> elements would change it from a\n\t\t * controlled component to an uncontrolled component.\n\t\t \n\t\t For now, to minimize unexpected regressions, we're going to\n\t\t * preserve the undefined callback argument, except when a\n\t\t * resetFallbackValue is defined.\n\t\t /\n\t\tonChange( onChangeResetValue );\n\t};\n\n\tconst handleShowTooltip = () => setShowTooltip( true );\n\tconst handleHideTooltip = () => setShowTooltip( false );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t\thandleShowTooltip();\n\t};\n\n\tconst offsetStyle = {\n\t\t[ isRTL() ? 'right' : 'left' ]: fillValueOffset,\n\t};\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tclassName={ classes }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ `${ id }` }\n\t\t\thelp={ help }\n\t\t>\n\t\t\t<Root\n\t\t\t\tclassName=\"components-range-control__root\"\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t{ beforeIcon && (\n\t\t\t\t\t<BeforeIconWrapper>\n\t\t\t\t\t\t<Icon icon={ beforeIcon } />\n\t\t\t\t\t</BeforeIconWrapper>\n\t\t\t\t) }\n\t\t\t\t<Wrapper\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\tclassName={ wrapperClasses }\n\t\t\t\t\tcolor={ colorProp }\n\t\t\t\t\tmarks={ !! marks }\n\t\t\t\t>\n\t\t\t\t\t<InputRange\n\t\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t\tclassName=\"components-range-control__slider\"\n\t\t\t\t\t\tdescribedBy={ describedBy }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tid={ `${ id }` }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\t\tonChange={ handleOnRangeChange }\n\t\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\t\tonMouseMove={ onMouseMove }\n\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\tref={ useMergeRefs( [ inputRef, forwardedRef ] ) }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue ?? undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\n\t\t\t\t\t\tclassName=\"components-range-control__thumb-wrapper\"\n\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPosition=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused \|\| showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ hasInputField && (\n\t\t\t\t\t<InputNumber\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tclassName=\"components-range-control__number\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tisShiftStepEnabled={ isShiftStepEnabled }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnInputNumberBlur }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t? '__unstable-large'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t\t\t__next40pxDefaultSize ? space( 20 ) : space( 16 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if the `null` value is necessary\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowReset && (\n\t\t\t\t\t<ActionRightWrapper>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-range-control__reset\"\n\t\t\t\t\t\t\tdisabled={ disabled \|\| value === undefined }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\n/\n RangeControls are used to make selections from a range of incremental values.\n \n ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyRangeControl = () => {\n * const [ isChecked, setChecked ] = useState( true );\n * return (\n * <RangeControl\n * help=\"Please select how transparent you would like this.\"\n * initialPosition={50}\n * label=\"Opacity\"\n * max={100}\n * min={0}\n * onChange={() => {}}\n * />\n * );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","noop","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","theme","accent","currentInput","disabled","help","hideLabelFromVision","initialPosition","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","resetFallbackValue","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","classnames","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","Number","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","isNaN","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","_react","createElement","default","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","variant","isSmall","onClick","__","RangeControl","forwardRef","exports","_default"],"sources":["@wordpress/components/src/range-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ChangeEvent, FocusEvent, ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport {\n\tActionRightWrapper,\n\tAfterIconWrapper,\n\tBeforeIconWrapper,\n\tInputNumber,\n\tRoot,\n\tTrack,\n\tThumbWrapper,\n\tThumb,\n\tWrapper,\n} from './styles/range-control-styles';\n\nimport type { RangeControlProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport { space } from '../utils/space';\n\nconst noop = () => {};\n\nfunction UnforwardedRangeControl(\n\tprops: WordPressComponentProps< RangeControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcolor: colorProp = COLORS.theme.accent,\n\t\tcurrentInput,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmarks = false,\n\t\tmax = 100,\n\t\tmin = 0,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\trailColor,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tresetFallbackValue,\n\t\t__next40pxDefaultSize = false,\n\t\tshiftStep = 10,\n\t\tshowTooltip: showTooltipProp,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...otherProps\n\t} = props;\n\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp ?? null,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\n\tlet hasTooltip = showTooltipProp;\n\tlet hasInputField = withInputField;\n\n\tif ( step === 'any' ) {\n\t\t// The tooltip and number input field are hidden when the step is \"any\"\n\t\t// because the decimals get too lengthy to fit well.\n\t\thasTooltip = false;\n\t\thasInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( hasTooltip );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst isCurrentlyFocused = inputRef.current?.matches( ':focus' );\n\tconst isThumbFocused = ! disabled && isFocused;\n\n\tconst isValueReset = value === null;\n\tconst currentValue = value !== undefined ? value : currentInput;\n\n\tconst inputSliderValue = isValueReset ? '' : currentValue;\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst fillValue = isValueReset\n\t\t? 50\n\t\t: ( ( value - min ) / ( max - min ) ) 100;\n\tconst fillValueOffset = `${ clamp( fillValue, 0, 100 ) }%`;\n\n\tconst classes = classnames( 'components-range-control', className );\n\n\tconst wrapperClasses = classnames(\n\t\t'components-range-control__wrapper',\n\t\t!! marks && 'is-marked'\n\t);\n\n\tconst id = useInstanceId(\n\t\tUnforwardedRangeControl,\n\t\t'inspector-range-control'\n\t);\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = hasTooltip !== false && Number.isFinite( value );\n\n\tconst handleOnRangeChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( next?: string ) => {\n\t\t// @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n\t\t// potentially receive a NaN when next is undefined.\n\t\tlet nextValue = parseFloat( next );\n\t\tsetValue( nextValue );\n\n\t\t/\n\t\t Calls onChange only when nextValue is numeric\n\t\t * otherwise may queue a reset for the blur event.\n\t\t /\n\t\tif ( ! isNaN( nextValue ) ) {\n\t\t\tif ( nextValue < min \|\| nextValue > max ) {\n\t\t\t\tnextValue = floatClamp( nextValue, min, max ) as number;\n\t\t\t}\n\n\t\t\tonChange( nextValue );\n\t\t\tisResetPendent.current = false;\n\t\t} else if ( allowReset ) {\n\t\t\tisResetPendent.current = true;\n\t\t}\n\t};\n\n\tconst handleOnInputNumberBlur = () => {\n\t\tif ( isResetPendent.current ) {\n\t\t\thandleOnReset();\n\t\t\tisResetPendent.current = false;\n\t\t}\n\t};\n\n\tconst handleOnReset = () => {\n\t\tlet resetValue: number \| null = parseFloat( `${ resetFallbackValue }` );\n\t\tlet onChangeResetValue: number \| undefined = resetValue;\n\n\t\tif ( isNaN( resetValue ) ) {\n\t\t\tresetValue = null;\n\t\t\tonChangeResetValue = undefined;\n\t\t}\n\n\t\tsetValue( resetValue );\n\n\t\t/\n\t\t Previously, this callback would always receive undefined as\n\t\t * an argument. This behavior is unexpected, specifically\n\t\t * when resetFallbackValue is defined.\n\t\t \n\t\t The value of undefined is not ideal. Passing it through\n\t\t * to internal <input /> elements would change it from a\n\t\t * controlled component to an uncontrolled component.\n\t\t \n\t\t For now, to minimize unexpected regressions, we're going to\n\t\t * preserve the undefined callback argument, except when a\n\t\t * resetFallbackValue is defined.\n\t\t /\n\t\tonChange( onChangeResetValue );\n\t};\n\n\tconst handleShowTooltip = () => setShowTooltip( true );\n\tconst handleHideTooltip = () => setShowTooltip( false );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t\thandleShowTooltip();\n\t};\n\n\tconst offsetStyle = {\n\t\t[ isRTL() ? 'right' : 'left' ]: fillValueOffset,\n\t};\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\tclassName={ classes }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ `${ id }` }\n\t\t\thelp={ help }\n\t\t>\n\t\t\t<Root\n\t\t\t\tclassName=\"components-range-control__root\"\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t{ beforeIcon && (\n\t\t\t\t\t<BeforeIconWrapper>\n\t\t\t\t\t\t<Icon icon={ beforeIcon } />\n\t\t\t\t\t</BeforeIconWrapper>\n\t\t\t\t) }\n\t\t\t\t<Wrapper\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\tclassName={ wrapperClasses }\n\t\t\t\t\tcolor={ colorProp }\n\t\t\t\t\tmarks={ !! marks }\n\t\t\t\t>\n\t\t\t\t\t<InputRange\n\t\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t\tclassName=\"components-range-control__slider\"\n\t\t\t\t\t\tdescribedBy={ describedBy }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tid={ `${ id }` }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\t\tonChange={ handleOnRangeChange }\n\t\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\t\tonMouseMove={ onMouseMove }\n\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\tref={ useMergeRefs( [ inputRef, forwardedRef ] ) }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue ?? undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\n\t\t\t\t\t\tclassName=\"components-range-control__thumb-wrapper\"\n\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPosition=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused \|\| showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ hasInputField && (\n\t\t\t\t\t<InputNumber\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tclassName=\"components-range-control__number\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tisShiftStepEnabled={ isShiftStepEnabled }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnInputNumberBlur }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t? '__unstable-large'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t\t\t__next40pxDefaultSize ? space( 20 ) : space( 16 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if the `null` value is necessary\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowReset && (\n\t\t\t\t\t<ActionRightWrapper>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-range-control__reset\"\n\t\t\t\t\t\t\tdisabled={ disabled \|\| value === undefined }\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\n/\n RangeControls are used to make selections from a range of incremental values.\n \n ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyRangeControl = () => {\n * const [ isChecked, setChecked ] = useState( true );\n * return (\n * <RangeControl\n * help=\"Please select how transparent you would like this.\"\n * initialPosition={50}\n * label=\"Opacity\"\n * max={100}\n * min={0}\n * onChange={() => {}}\n * />\n * );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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"}

package/build/range-control/index.native.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _rangeCell = _interopRequireDefault(require("../mobile/bottom-sheet/range-cell"));
 var _stepperCell = _interopRequireDefault(require("../mobile/bottom-sheet/stepper-cell"));
@@ -36,7 +37,7 @@ const RangeControl = (0, _element.memo)(({
   ...props
 }) => {
   if (type === 'stepper') {
-    return (0, _element.createElement)(_stepperCell.default, {
+    return (0, _react.createElement)(_stepperCell.default, {
       label: label,
       max: max,
       min: min,
@@ -49,7 +50,7 @@ const RangeControl = (0, _element.memo)(({
   const id = `inspector-range-control-${instanceId}`;
   const currentInputValue = currentInput === null ? value : currentInput;
   const initialSliderValue = isFinite(currentInputValue) ? currentInputValue : initialPosition;
-  return (0, _element.createElement)(_rangeCell.default, {
+  return (0, _react.createElement)(_rangeCell.default, {
     label: label,
     id: id,
     help: help,