npm - @wordpress/components - Versions diffs - 17.0.0 → 19.0.2 - Mend

@wordpress/components 17.0.0 → 19.0.2

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 (2224) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/query-controls/index.js"],"names":["__","CategorySelect","RangeControl","SelectControl","FormTokenField","AuthorSelect","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","QueryControls","authorList","selectedAuthorId","categoriesList","selectedCategoryId","categorySuggestions","selectedCategories","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","label","value","newOrderBy","newOrder","split","map","item","id","name","Object","keys"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,aAAvB,EAAsCC,cAAtC,QAA4D,KAA5D;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AAEA,MAAMC,iBAAiB,GAAG,CAA1B;AACA,MAAMC,iBAAiB,GAAG,GAA1B;AACA,MAAMC,0BAA0B,GAAG,EAAnC;AAEA,eAAe,SAASC,aAAT,~~CAAwB~~;AACtCC,~~EAAAA~~,UADsC;AAEtCC,~~EAAAA~~,gBAFsC;AAGtCC,~~EAAAA~~,cAHsC;AAItCC,~~EAAAA~~,kBAJsC;AAKtCC,~~EAAAA~~,mBALsC;AAMtCC,~~EAAAA~~,kBANsC;AAOtCC,~~EAAAA~~,aAPsC;AAQtCC,~~EAAAA~~,KARsC;AAStCC,~~EAAAA~~,OATsC;AAUtCC,~~EAAAA~~,QAAQ,GAAGZ,iBAV2B;AAWtCa,~~EAAAA~~,QAAQ,GAAGd,iBAX2B;AAYtCe,~~EAAAA~~,gBAZsC;AAatCC,~~EAAAA~~,cAbsC;AActCC,~~EAAAA~~,qBAdsC;AAetCC,~~EAAAA~~,aAfsC;AAgBtCC,~~EAAAA~~;AAhBsC,~~CAAxB,EAiBX~~;AACH,SAAO,CACND,aAAa,IAAIC,eAAjB,IACC,cAAC,aAAD;AACC,IAAA,GAAG,EAAC,6BADL;AAEC,IAAA,KAAK,EAAGzB,EAAE,CAAE,UAAF,CAFX;AAGC,IAAA,KAAK,EAAI,GAAGkB,OAAS,IAAID,KAAO,EAHjC;AAIC,IAAA,OAAO,EAAG,CACT;AACCS,MAAAA,KAAK,EAAE1B,EAAE,CAAE,kBAAF,CADV;AAEC2B,MAAAA,KAAK,EAAE;AAFR,KADS,EAKT;AACCD,MAAAA,KAAK,EAAE1B,EAAE,CAAE,kBAAF,CADV;AAEC2B,MAAAA,KAAK,EAAE;AAFR,KALS,EAST;AACC;AACAD,MAAAA,KAAK,EAAE1B,EAAE,CAAE,OAAF,CAFV;AAGC2B,MAAAA,KAAK,EAAE;AAHR,KATS,EAcT;AACC;AACAD,MAAAA,KAAK,EAAE1B,EAAE,CAAE,OAAF,CAFV;AAGC2B,MAAAA,KAAK,EAAE;AAHR,KAdS,CAJX;AAwBC,IAAA,QAAQ,EAAKA,KAAF,IAAa;AACvB,YAAM,CAAEC,UAAF,EAAcC,QAAd,IAA2BF,KAAK,CAACG,KAAN,CAAa,GAAb,CAAjC;;AACA,UAAKD,QAAQ,KAAKZ,KAAlB,EAA0B;AACzBO,QAAAA,aAAa,CAAEK,QAAF,CAAb;AACA;;AACD,UAAKD,UAAU,KAAKV,OAApB,EAA8B;AAC7BO,QAAAA,eAAe,CAAEG,UAAF,CAAf;AACA;AACD;AAhCF,IAFK,EAqCNhB,cAAc,IAAIS,gBAAlB,IACC,cAAC,cAAD;AACC,IAAA,GAAG,EAAC,gCADL;AAEC,IAAA,cAAc,EAAGT,cAFlB;AAGC,IAAA,KAAK,EAAGZ,EAAE,CAAE,UAAF,CAHX;AAIC,IAAA,aAAa,EAAGA,EAAE,CAAE,KAAF,CAJnB;AAKC,IAAA,kBAAkB,EAAGa,kBALtB;AAMC,IAAA,QAAQ,EAAGQ;AANZ,IAtCK,EA+CNP,mBAAmB,IAAIO,gBAAvB,IACC,cAAC,cAAD;AACC,IAAA,GAAG,EAAC,kCADL;AAEC,IAAA,KAAK,EAAGrB,EAAE,CAAE,YAAF,CAFX;AAGC,IAAA,KAAK,EACJe,kBAAkB,IAClBA,kBAAkB,CAACgB,GAAnB,CAA0BC,IAAF,KAAc;AACrCC,MAAAA,EAAE,EAAED,IAAI,CAACC,EAD4B;AAErCN,MAAAA,KAAK,EAAEK,IAAI,CAACE,IAAL,IAAaF,IAAI,CAACL;AAFY,KAAd,CAAxB,CALF;AAUC,IAAA,WAAW,EAAGQ,MAAM,CAACC,IAAP,CAAatB,mBAAb,CAVf;AAWC,IAAA,QAAQ,EAAGO,gBAXZ;AAYC,IAAA,cAAc,EAAGb;AAZlB,IAhDK,EA+DNc,cAAc,IACb,cAAC,YAAD;AACC,IAAA,GAAG,EAAC,8BADL;AAEC,IAAA,UAAU,EAAGZ,UAFd;AAGC,IAAA,KAAK,EAAGV,EAAE,CAAE,QAAF,CAHX;AAIC,IAAA,aAAa,EAAGA,EAAE,CAAE,KAAF,CAJnB;AAKC,IAAA,gBAAgB,EAAGW,gBALpB;AAMC,IAAA,QAAQ,EAAGW;AANZ,IAhEK,EAyENC,qBAAqB,IACpB,cAAC,YAAD;AACC,IAAA,GAAG,EAAC,8BADL;AAEC,IAAA,KAAK,EAAGvB,EAAE,CAAE,iBAAF,CAFX;AAGC,IAAA,KAAK,EAAGgB,aAHT;AAIC,IAAA,QAAQ,EAAGO,qBAJZ;AAKC,IAAA,GAAG,EAAGH,QALP;AAMC,IAAA,GAAG,EAAGD,QANP;AAOC,IAAA,QAAQ;AAPT,IA1EK,CAAP;AAqFA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport CategorySelect from './category-select';\nimport { RangeControl, SelectControl, FormTokenField } from '../';\nimport AuthorSelect from './author-select';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nexport default function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tcategoriesList,\n\tselectedCategoryId,\n\tcategorySuggestions,\n\tselectedCategories,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonCategoryChange,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n} ) {\n\treturn [\n\t\tonOrderChange && onOrderByChange && (\n\t\t\t<SelectControl\n\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\toptions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Newest to oldest' ),\n\t\t\t\t\t\tvalue: 'date/desc',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Oldest to newest' ),\n\t\t\t\t\t\tvalue: 'date/asc',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t/ translators: label for ordering posts by title in ascending order /\n\t\t\t\t\t\tlabel: __( 'A → Z' ),\n\t\t\t\t\t\tvalue: 'title/asc',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t/ translators: label for ordering posts by title in descending order */\n\t\t\t\t\t\tlabel: __( 'Z → A' ),\n\t\t\t\t\t\tvalue: 'title/desc',\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\tonOrderChange( newOrder );\n\t\t\t\t\t}\n\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\tonOrderByChange( newOrderBy );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t),\n\t\tcategoriesList && onCategoryChange && (\n\t\t\t<CategorySelect\n\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\tcategoriesList={ categoriesList }\n\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\tselectedCategoryId={ selectedCategoryId }\n\t\t\t\tonChange={ onCategoryChange }\n\t\t\t/>\n\t\t),\n\t\tcategorySuggestions && onCategoryChange && (\n\t\t\t<FormTokenField\n\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\tvalue={\n\t\t\t\t\tselectedCategories &&\n\t\t\t\t\tselectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\tvalue: item.name \|\| item.value,\n\t\t\t\t\t} ) )\n\t\t\t\t}\n\t\t\t\tsuggestions={ Object.keys( categorySuggestions ) }\n\t\t\t\tonChange={ onCategoryChange }\n\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t/>\n\t\t),\n\t\tonAuthorChange && (\n\t\t\t<AuthorSelect\n\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\tauthorList={ authorList }\n\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\tonChange={ onAuthorChange }\n\t\t\t/>\n\t\t),\n\t\tonNumberOfItemsChange && (\n\t\t\t<RangeControl\n\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\tvalue={ numberOfItems }\n\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\tmin={ minItems }\n\t\t\t\tmax={ maxItems }\n\t\t\t\trequired\n\t\t\t/>\n\t\t),\n\t];\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/query-controls/index.js"],"names":["__","CategorySelect","RangeControl","SelectControl","FormTokenField","AuthorSelect","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","QueryControls","authorList","selectedAuthorId","categoriesList","selectedCategoryId","categorySuggestions","selectedCategories","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","label","value","newOrderBy","newOrder","split","map","item","id","name","Object","keys"],"mappings":"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","sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport CategorySelect from './category-select';\nimport { RangeControl, SelectControl, FormTokenField } from '../';\nimport AuthorSelect from './author-select';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nexport default function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tcategoriesList,\n\tselectedCategoryId,\n\tcategorySuggestions,\n\tselectedCategories,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonCategoryChange,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n} ) {\n\treturn [\n\t\tonOrderChange && onOrderByChange && (\n\t\t\t<SelectControl\n\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\toptions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Newest to oldest' ),\n\t\t\t\t\t\tvalue: 'date/desc',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Oldest to newest' ),\n\t\t\t\t\t\tvalue: 'date/asc',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t/ translators: label for ordering posts by title in ascending order /\n\t\t\t\t\t\tlabel: __( 'A → Z' ),\n\t\t\t\t\t\tvalue: 'title/asc',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\t/ translators: label for ordering posts by title in descending order */\n\t\t\t\t\t\tlabel: __( 'Z → A' ),\n\t\t\t\t\t\tvalue: 'title/desc',\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\tonOrderChange( newOrder );\n\t\t\t\t\t}\n\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\tonOrderByChange( newOrderBy );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t),\n\t\tcategoriesList && onCategoryChange && (\n\t\t\t<CategorySelect\n\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\tcategoriesList={ categoriesList }\n\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\tselectedCategoryId={ selectedCategoryId }\n\t\t\t\tonChange={ onCategoryChange }\n\t\t\t/>\n\t\t),\n\t\tcategorySuggestions && onCategoryChange && (\n\t\t\t<FormTokenField\n\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\tvalue={\n\t\t\t\t\tselectedCategories &&\n\t\t\t\t\tselectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\tvalue: item.name \|\| item.value,\n\t\t\t\t\t} ) )\n\t\t\t\t}\n\t\t\t\tsuggestions={ Object.keys( categorySuggestions ) }\n\t\t\t\tonChange={ onCategoryChange }\n\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t/>\n\t\t),\n\t\tonAuthorChange && (\n\t\t\t<AuthorSelect\n\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\tauthorList={ authorList }\n\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\tonChange={ onAuthorChange }\n\t\t\t/>\n\t\t),\n\t\tonNumberOfItemsChange && (\n\t\t\t<RangeControl\n\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\tvalue={ numberOfItems }\n\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\tmin={ minItems }\n\t\t\t\tmax={ maxItems }\n\t\t\t\trequired\n\t\t\t/>\n\t\t),\n\t];\n}\n"]}

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

@@ -28,19 +28,20 @@ const options = [{
   label: __('Z → A'),
   value: 'title/desc'
 }];
-const QueryControls = memo(({
-  categoriesList,
-  selectedCategoryId,
-  numberOfItems,
-  order,
-  orderBy,
-  maxItems = DEFAULT_MAX_ITEMS,
-  minItems = DEFAULT_MIN_ITEMS,
-  onCategoryChange,
-  onNumberOfItemsChange,
-  onOrderChange,
-  onOrderByChange
-}) => {
+const QueryControls = memo(_ref => {
+  let {
+    categoriesList,
+    selectedCategoryId,
+    numberOfItems,
+    order,
+    orderBy,
+    maxItems = DEFAULT_MAX_ITEMS,
+    minItems = DEFAULT_MIN_ITEMS,
+    onCategoryChange,
+    onNumberOfItemsChange,
+    onOrderChange,
+    onOrderByChange
+  } = _ref;
   const onChange = useCallback(value => {
     const [newOrderBy, newOrder] = value.split('/');

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/query-controls/index.native.js"],"names":["__","useCallback","memo","RangeControl","SelectControl","CategorySelect","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","options","label","value","QueryControls","categoriesList","selectedCategoryId","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","onChange","newOrderBy","newOrder","split"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,IAAtB,QAAkC,oBAAlC;AAEA;AACA;AACA;;AACA,SAASC,YAAT,EAAuBC,aAAvB,QAA4C,KAA5C;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AAEA,MAAMC,iBAAiB,GAAG,CAA1B;AACA,MAAMC,iBAAiB,GAAG,GAA1B;AAEA,MAAMC,OAAO,GAAG,CACf;AACCC,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CADe,EAKf;AACCD,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CALe,EASf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CATe,EAcf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CAde,CAAhB;AAqBA,MAAMC,aAAa,GAAGT,IAAI,CACzB,~~CAAE~~;AACDU,~~EAAAA~~,cADC;AAEDC,~~EAAAA~~,kBAFC;AAGDC,~~EAAAA~~,aAHC;AAIDC,~~EAAAA~~,KAJC;AAKDC,~~EAAAA~~,OALC;AAMDC,~~EAAAA~~,QAAQ,GAAGV,iBANV;AAODW,~~EAAAA~~,QAAQ,GAAGZ,iBAPV;AAQDa,~~EAAAA~~,gBARC;AASDC,~~EAAAA~~,qBATC;AAUDC,~~EAAAA~~,aAVC;AAWDC,~~EAAAA~~;AAXC,~~CAAF,KAYO~~;AACN,QAAMC,QAAQ,GAAGtB,WAAW,CACzBS,KAAF,IAAa;AACZ,UAAM,CAAEc,UAAF,EAAcC,QAAd,IAA2Bf,KAAK,CAACgB,KAAN,CAAa,GAAb,CAAjC;;AACA,QAAKD,QAAQ,KAAKV,KAAlB,EAA0B;AACzBM,MAAAA,aAAa,CAAEI,QAAF,CAAb;AACA;;AACD,QAAKD,UAAU,KAAKR,OAApB,EAA8B;AAC7BM,MAAAA,eAAe,CAAEE,UAAF,CAAf;AACA;AACD,GAT0B,EAU3B,CAAET,KAAF,EAASC,OAAT,EAAkBM,eAAlB,EAAmCD,aAAnC,CAV2B,CAA5B;AAaA,SACC,8BACGA,aAAa,IAAIC,eAAjB,IACD,cAAC,aAAD;AACC,IAAA,KAAK,EAAGtB,EAAE,CAAE,UAAF,CADX;AAEC,IAAA,KAAK,EAAI,GAAGgB,OAAS,IAAID,KAAO,EAFjC;AAGC,IAAA,OAAO,EAAGP,OAHX;AAIC,IAAA,QAAQ,EAAGe,QAJZ;AAKC,IAAA,gBAAgB,EAAG;AALpB,IAFF,EAUGJ,gBAAgB,IACjB,cAAC,cAAD;AACC,IAAA,cAAc,EAAGP,cADlB;AAEC,IAAA,KAAK,EAAGZ,EAAE,CAAE,UAAF,CAFX;AAGC,IAAA,aAAa,EAAGA,EAAE,CAAE,KAAF,CAHnB;AAIC,IAAA,kBAAkB,EAAGa,kBAJtB;AAKC,IAAA,QAAQ,EAAGM,gBALZ;AAMC,IAAA,gBAAgB,EAAG;AANpB,IAXF,EAoBGC,qBAAqB,IACtB,cAAC,YAAD;AACC,IAAA,KAAK,EAAGpB,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,KAAK,EAAGc,aAFT;AAGC,IAAA,QAAQ,EAAGM,qBAHZ;AAIC,IAAA,GAAG,EAAGF,QAJP;AAKC,IAAA,GAAG,EAAGD,QALP;AAMC,IAAA,QAAQ;AANT,IArBF,CADD;AAiCA,CA5DwB,CAA1B;AA+DA,eAAeN,aAAf","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\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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/query-controls/index.native.js"],"names":["__","useCallback","memo","RangeControl","SelectControl","CategorySelect","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","options","label","value","QueryControls","categoriesList","selectedCategoryId","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","onChange","newOrderBy","newOrder","split"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,IAAtB,QAAkC,oBAAlC;AAEA;AACA;AACA;;AACA,SAASC,YAAT,EAAuBC,aAAvB,QAA4C,KAA5C;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AAEA,MAAMC,iBAAiB,GAAG,CAA1B;AACA,MAAMC,iBAAiB,GAAG,GAA1B;AAEA,MAAMC,OAAO,GAAG,CACf;AACCC,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CADe,EAKf;AACCD,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CALe,EASf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CATe,EAcf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CAde,CAAhB;AAqBA,MAAMC,aAAa,GAAGT,IAAI,CACzB,QAYO;AAAA,MAZL;AACDU,IAAAA,cADC;AAEDC,IAAAA,kBAFC;AAGDC,IAAAA,aAHC;AAIDC,IAAAA,KAJC;AAKDC,IAAAA,OALC;AAMDC,IAAAA,QAAQ,GAAGV,iBANV;AAODW,IAAAA,QAAQ,GAAGZ,iBAPV;AAQDa,IAAAA,gBARC;AASDC,IAAAA,qBATC;AAUDC,IAAAA,aAVC;AAWDC,IAAAA;AAXC,GAYK;AACN,QAAMC,QAAQ,GAAGtB,WAAW,CACzBS,KAAF,IAAa;AACZ,UAAM,CAAEc,UAAF,EAAcC,QAAd,IAA2Bf,KAAK,CAACgB,KAAN,CAAa,GAAb,CAAjC;;AACA,QAAKD,QAAQ,KAAKV,KAAlB,EAA0B;AACzBM,MAAAA,aAAa,CAAEI,QAAF,CAAb;AACA;;AACD,QAAKD,UAAU,KAAKR,OAApB,EAA8B;AAC7BM,MAAAA,eAAe,CAAEE,UAAF,CAAf;AACA;AACD,GAT0B,EAU3B,CAAET,KAAF,EAASC,OAAT,EAAkBM,eAAlB,EAAmCD,aAAnC,CAV2B,CAA5B;AAaA,SACC,8BACGA,aAAa,IAAIC,eAAjB,IACD,cAAC,aAAD;AACC,IAAA,KAAK,EAAGtB,EAAE,CAAE,UAAF,CADX;AAEC,IAAA,KAAK,EAAI,GAAGgB,OAAS,IAAID,KAAO,EAFjC;AAGC,IAAA,OAAO,EAAGP,OAHX;AAIC,IAAA,QAAQ,EAAGe,QAJZ;AAKC,IAAA,gBAAgB,EAAG;AALpB,IAFF,EAUGJ,gBAAgB,IACjB,cAAC,cAAD;AACC,IAAA,cAAc,EAAGP,cADlB;AAEC,IAAA,KAAK,EAAGZ,EAAE,CAAE,UAAF,CAFX;AAGC,IAAA,aAAa,EAAGA,EAAE,CAAE,KAAF,CAHnB;AAIC,IAAA,kBAAkB,EAAGa,kBAJtB;AAKC,IAAA,QAAQ,EAAGM,gBALZ;AAMC,IAAA,gBAAgB,EAAG;AANpB,IAXF,EAoBGC,qBAAqB,IACtB,cAAC,YAAD;AACC,IAAA,KAAK,EAAGpB,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,KAAK,EAAGc,aAFT;AAGC,IAAA,QAAQ,EAAGM,qBAHZ;AAIC,IAAA,GAAG,EAAGF,QAJP;AAKC,IAAA,GAAG,EAAGD,QALP;AAMC,IAAA,QAAQ;AANT,IArBF,CADD;AAiCA,CA5DwB,CAA1B;AA+DA,eAAeN,aAAf","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\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"]}

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

@@ -17,11 +17,12 @@ import { useContext, forwardRef } from '@wordpress/element';
 import Button from '../button';
 import RadioContext from '../radio-context';
-function Radio({
-  children,
-  value,
-  ...props
-}, ref) {
+function Radio(_ref, ref) {
+  let {
+    children,
+    value,
+    ...props
+  } = _ref;
   const radioContext = useContext(RadioContext);
   const checked = radioContext.state === value;
   return createElement(ReakitRadio, _extends({

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/radio/index.js"],"names":["Radio","ReakitRadio","useContext","forwardRef","Button","RadioContext","children","value","props","~~ref","~~radioContext","checked","state"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAlB,QAAqC,cAArC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,SAASL,KAAT,~~CAAgB~~;~~AAAEM~~,~~EAAAA~~,QAAF;AAAYC,~~EAAAA~~,KAAZ;AAAmB,~~KAAGC~~;AAAtB,~~CAAhB,EAA+CC,GAA/C,EAAqD~~;AACpD,QAAMC,YAAY,GAAGR,UAAU,CAAEG,YAAF,CAA/B;AACA,QAAMM,OAAO,GAAGD,YAAY,CAACE,KAAb,~~KAAuBL~~,KAAvC;AAEA,SACC,cAAC,WAAD;AACC,IAAA,GAAG,~~EAAGE~~,GADP;AAEC,IAAA,EAAE,~~EAAGL~~,MAFN;AAGC,IAAA,OAAO,EAAGO,OAAO,GAAG,SAAH,GAAe,WAHjC;AAIC,IAAA,KAAK,~~EAAGJ~~;AAJT,~~KAKMG~~,YALN,~~EAMMF~~,KANN,GAQGF,QAAQ,IAAIC,KARf,CADD;AAYA;;AAED,~~eAAeJ~~,UAAU,CAAEH,KAAF,CAAzB","sourcesContent":["/*\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\nexport default forwardRef( Radio );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/radio/index.js"],"names":["Radio","ReakitRadio","useContext","forwardRef","Button","RadioContext","ref","children","value","props","radioContext","checked","state"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAlB,QAAqC,cAArC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,SAASL,KAAT,OAA+CM,GAA/C,EAAqD;AAAA,MAArC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmB,OAAGC;AAAtB,GAAqC;AACpD,QAAMC,YAAY,GAAGR,UAAU,CAAEG,YAAF,CAA/B;AACA,QAAMM,OAAO,GAAGD,YAAY,CAACE,KAAb,KAAuBJ,KAAvC;AAEA,SACC,cAAC,WAAD;AACC,IAAA,GAAG,EAAGF,GADP;AAEC,IAAA,EAAE,EAAGF,MAFN;AAGC,IAAA,OAAO,EAAGO,OAAO,GAAG,SAAH,GAAe,WAHjC;AAIC,IAAA,KAAK,EAAGH;AAJT,KAKME,YALN,EAMMD,KANN,GAQGF,QAAQ,IAAIC,KARf,CADD;AAYA;;AAED,eAAeL,UAAU,CAAEH,KAAF,CAAzB","sourcesContent":["/*\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\nexport default forwardRef( Radio );\n"]}

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

@@ -16,16 +16,17 @@ import { useInstanceId } from '@wordpress/compose';
  */
 import BaseControl from '../base-control';
-export default function RadioControl({
-  label,
-  className,
-  selected,
-  help,
-  onChange,
-  hideLabelFromVision,
-  options = [],
-  ...props
-}) {
+export default function RadioControl(_ref) {
+  let {
+    label,
+    className,
+    selected,
+    help,
+    onChange,
+    hideLabelFromVision,
+    options = [],
+    ...props
+  } = _ref;
   const instanceId = useInstanceId(RadioControl);
   const id = `inspector-radio-control-${instanceId}`;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/radio-control/index.js"],"names":["isEmpty","classnames","useInstanceId","BaseControl","RadioControl","label","className","selected","help","onChange","hideLabelFromVision","options","props","instanceId","id","onChangeValue","event","target","value","map","option","index","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,eAAe,SAASC,YAAT,~~CAAuB~~;AACrCC,~~EAAAA~~,KADqC;AAErCC,~~EAAAA~~,SAFqC;AAGrCC,~~EAAAA~~,QAHqC;AAIrCC,~~EAAAA~~,IAJqC;AAKrCC,~~EAAAA~~,QALqC;AAMrCC,~~EAAAA~~,mBANqC;AAOrCC,~~EAAAA~~,OAAO,GAAG,EAP2B;AAQrC,~~KAAGC~~;AARkC,~~CAAvB,EASX~~;AACH,QAAMC,UAAU,GAAGX,aAAa,CAAEE,YAAF,CAAhC;AACA,QAAMU,EAAE,GAAI,2BAA2BD,UAAY,EAAnD;;AACA,QAAME,aAAa,GAAKC,KAAF,IAAaP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaC,KAAf,CAA3C;;AAEA,SACC,CAAElB,OAAO,CAAEW,OAAF,CAAT,IACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGN,KADT;AAEC,IAAA,EAAE,EAAGS,EAFN;AAGC,IAAA,mBAAmB,EAAGJ,mBAHvB;AAIC,IAAA,IAAI,EAAGF,IAJR;AAKC,IAAA,SAAS,EAAGP,UAAU,CACrBK,SADqB,EAErB,0BAFqB;AALvB,KAUGK,OAAO,CAACQ,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KACd;AACC,IAAA,GAAG,EAAI,GAAGP,EAAI,IAAIO,KAAO,EAD1B;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC;AACC,IAAA,EAAE,EAAI,GAAGP,EAAI,IAAIO,KAAO,EADzB;AAEC,IAAA,SAAS,EAAC,iCAFX;AAGC,IAAA,IAAI,EAAC,OAHN;AAIC,IAAA,IAAI,EAAGP,EAJR;AAKC,IAAA,KAAK,EAAGM,MAAM,CAACF,KALhB;AAMC,IAAA,QAAQ,EAAGH,aANZ;AAOC,IAAA,OAAO,EAAGK,MAAM,CAACF,KAAP,KAAiBX,QAP5B;AAQC,wBACC,CAAC,CAAEC,IAAH,GAAW,GAAGM,EAAI,QAAlB,GAA4BQ;AAT9B,KAWMV,KAXN,EAJD,EAiBC;AAAO,IAAA,OAAO,EAAI,GAAGE,EAAI,IAAIO,KAAO;AAApC,KACGD,MAAM,CAACf,KADV,CAjBD,CADC,CAVH,CAFF;AAsCA","sourcesContent":["/*\n External dependencies\n /\nimport { isEmpty } from 'lodash';\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nexport default function RadioControl( {\n\tlabel,\n\tclassName,\n\tselected,\n\thelp,\n\tonChange,\n\thideLabelFromVision,\n\toptions = [],\n\t...props\n} ) {\n\tconst instanceId = useInstanceId( RadioControl );\n\tconst id = `inspector-radio-control-${ instanceId }`;\n\tconst onChangeValue = ( event ) => onChange( event.target.value );\n\n\treturn (\n\t\t! isEmpty( options ) && (\n\t\t\t<BaseControl\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'components-radio-control'\n\t\t\t\t) }\n\t\t\t>\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{ ...props }\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</BaseControl>\n\t\t)\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/radio-control/index.js"],"names":["isEmpty","classnames","useInstanceId","BaseControl","RadioControl","label","className","selected","help","onChange","hideLabelFromVision","options","props","instanceId","id","onChangeValue","event","target","value","map","option","index","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,QAAxB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,eAAe,SAASC,YAAT,OASX;AAAA,MATkC;AACrCC,IAAAA,KADqC;AAErCC,IAAAA,SAFqC;AAGrCC,IAAAA,QAHqC;AAIrCC,IAAAA,IAJqC;AAKrCC,IAAAA,QALqC;AAMrCC,IAAAA,mBANqC;AAOrCC,IAAAA,OAAO,GAAG,EAP2B;AAQrC,OAAGC;AARkC,GASlC;AACH,QAAMC,UAAU,GAAGX,aAAa,CAAEE,YAAF,CAAhC;AACA,QAAMU,EAAE,GAAI,2BAA2BD,UAAY,EAAnD;;AACA,QAAME,aAAa,GAAKC,KAAF,IAAaP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaC,KAAf,CAA3C;;AAEA,SACC,CAAElB,OAAO,CAAEW,OAAF,CAAT,IACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGN,KADT;AAEC,IAAA,EAAE,EAAGS,EAFN;AAGC,IAAA,mBAAmB,EAAGJ,mBAHvB;AAIC,IAAA,IAAI,EAAGF,IAJR;AAKC,IAAA,SAAS,EAAGP,UAAU,CACrBK,SADqB,EAErB,0BAFqB;AALvB,KAUGK,OAAO,CAACQ,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KACd;AACC,IAAA,GAAG,EAAI,GAAGP,EAAI,IAAIO,KAAO,EAD1B;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC;AACC,IAAA,EAAE,EAAI,GAAGP,EAAI,IAAIO,KAAO,EADzB;AAEC,IAAA,SAAS,EAAC,iCAFX;AAGC,IAAA,IAAI,EAAC,OAHN;AAIC,IAAA,IAAI,EAAGP,EAJR;AAKC,IAAA,KAAK,EAAGM,MAAM,CAACF,KALhB;AAMC,IAAA,QAAQ,EAAGH,aANZ;AAOC,IAAA,OAAO,EAAGK,MAAM,CAACF,KAAP,KAAiBX,QAP5B;AAQC,wBACC,CAAC,CAAEC,IAAH,GAAW,GAAGM,EAAI,QAAlB,GAA4BQ;AAT9B,KAWMV,KAXN,EAJD,EAiBC;AAAO,IAAA,OAAO,EAAI,GAAGE,EAAI,IAAIO,KAAO;AAApC,KACGD,MAAM,CAACf,KADV,CAjBD,CADC,CAVH,CAFF;AAsCA","sourcesContent":["/*\n External dependencies\n /\nimport { isEmpty } from 'lodash';\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nexport default function RadioControl( {\n\tlabel,\n\tclassName,\n\tselected,\n\thelp,\n\tonChange,\n\thideLabelFromVision,\n\toptions = [],\n\t...props\n} ) {\n\tconst instanceId = useInstanceId( RadioControl );\n\tconst id = `inspector-radio-control-${ instanceId }`;\n\tconst onChangeValue = ( event ) => onChange( event.target.value );\n\n\treturn (\n\t\t! isEmpty( options ) && (\n\t\t\t<BaseControl\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\tclassName,\n\t\t\t\t\t'components-radio-control'\n\t\t\t\t) }\n\t\t\t>\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{ ...props }\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</BaseControl>\n\t\t)\n\t);\n}\n"]}

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

@@ -6,12 +6,13 @@ import { createElement, Fragment } from "@wordpress/element";
  */
 import RadioCell from '../mobile/bottom-sheet/radio-cell';
-function RadioControl({
-  onChange,
-  selected,
-  options = [],
-  ...props
-}) {
+function RadioControl(_ref) {
+  let {
+    onChange,
+    selected,
+    options = [],
+    ...props
+  } = _ref;
   return createElement(Fragment, null, options.map((option, index) => {
     return createElement(RadioCell, _extends({
       label: option.label,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/radio-control/index.native.js"],"names":["RadioCell","RadioControl","onChange","selected","options","props","map","option","index","label","value"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,SAAP,MAAsB,mCAAtB;;AAEA,SAASC,YAAT,~~CAAuB~~;AAAEC,~~EAAAA~~,QAAF;AAAYC,~~EAAAA~~,QAAZ;AAAsBC,~~EAAAA~~,OAAO,GAAG,EAAhC;AAAoC,~~KAAGC~~;AAAvC,~~CAAvB,EAAwE~~;AACvE,SACC,8BACGD,OAAO,CAACE,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KAAqB;AACnC,WACC,cAAC,SAAD;AACC,MAAA,KAAK,EAAGD,MAAM,CAACE,KADhB;AAEC,MAAA,OAAO,EAAG,MAAMP,QAAQ,CAAEK,MAAM,CAACG,KAAT,CAFzB;AAGC,MAAA,QAAQ,EAAGH,MAAM,CAACG,KAAP,KAAiBP,QAH7B;AAIC,MAAA,GAAG,EAAI,GAAGI,MAAM,CAACG,KAAO,IAAIF,KAAO;AAJpC,OAKMH,KALN,EADD;AASA,GAVC,CADH,CADD;AAeA;;AAED,eAAeJ,YAAf","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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/radio-control/index.native.js"],"names":["RadioCell","RadioControl","onChange","selected","options","props","map","option","index","label","value"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,SAAP,MAAsB,mCAAtB;;AAEA,SAASC,YAAT,OAAwE;AAAA,MAAjD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,OAAO,GAAG,EAAhC;AAAoC,OAAGC;AAAvC,GAAiD;AACvE,SACC,8BACGD,OAAO,CAACE,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KAAqB;AACnC,WACC,cAAC,SAAD;AACC,MAAA,KAAK,EAAGD,MAAM,CAACE,KADhB;AAEC,MAAA,OAAO,EAAG,MAAMP,QAAQ,CAAEK,MAAM,CAACG,KAAT,CAFzB;AAGC,MAAA,QAAQ,EAAGH,MAAM,CAACG,KAAP,KAAiBP,QAH7B;AAIC,MAAA,GAAG,EAAI,GAAGI,MAAM,CAACG,KAAO,IAAIF,KAAO;AAJpC,OAKMH,KALN,EADD;AASA,GAVC,CADH,CADD;AAeA;;AAED,eAAeJ,YAAf","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"]}

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

@@ -17,14 +17,15 @@ import { forwardRef } from '@wordpress/element';
 import ButtonGroup from '../button-group';
 import RadioContext from '../radio-context';
-function RadioGroup({
-  label,
-  checked,
-  defaultChecked,
-  disabled,
-  onChange,
-  ...props
-}, ref) {
+function RadioGroup(_ref, ref) {
+  let {
+    label,
+    checked,
+    defaultChecked,
+    disabled,
+    onChange,
+    ...props
+  } = _ref;
   const radioState = useRadioState({
     state: defaultChecked,
     baseId: props.id

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/radio-group/index.js"],"names":["useRadioState","RadioGroup","ReakitRadioGroup","forwardRef","ButtonGroup","RadioContext","label","checked","defaultChecked","disabled","onChange","props","~~ref","~~radioState","state","baseId","id","radioContext","setState"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAU,IAAIC,gBAAtC,QAA8D,cAA9D;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,SAASJ,UAAT,~~CACC~~;~~AAAEK~~,~~EAAAA~~,KAAF;AAASC,~~EAAAA~~,OAAT;AAAkBC,~~EAAAA~~,cAAlB;AAAkCC,~~EAAAA~~,QAAlC;AAA4CC,~~EAAAA~~,QAA5C;AAAsD,~~KAAGC~~;AAAzD,~~CADD,EAECC,GAFD,EAGE~~;AACD,QAAMC,UAAU,GAAGb,aAAa,CAAE;AACjCc,IAAAA,KAAK,~~EAAEN~~,cAD0B;~~AAEjCO~~,IAAAA,MAAM,~~EAAEJ~~,KAAK,~~CAACK~~;AAFmB,GAAF,CAAhC;AAIA,QAAMC,YAAY,GAAG,EACpB,GAAGJ,UADiB;~~AAEpBJ~~,IAAAA,QAFoB;AAGpB;~~AACAK~~,IAAAA,KAAK,~~EAAEP~~,OAAF,aAAEA,OAAF,cAAEA,OAAF,~~GAAaM~~,UAAU,CAACC,KAJT;AAKpBI,IAAAA,QAAQ,~~EAAER~~,QAAF,aAAEA,QAAF,cAAEA,QAAF,~~GAAcG~~,UAAU,CAACK;AALb,GAArB;AAQA,SACC,cAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAGD;AAA/B,KACC,cAAC,gBAAD;AACC,IAAA,GAAG,~~EAAGL~~,GADP;AAEC,IAAA,EAAE,~~EAAGR~~,WAFN;AAGC,~~kBAAaE~~;AAHd,~~KAIMO~~,UAJN,~~EAKMF~~,KALN,EADD,CADD;AAWA;;AAED,~~eAAeR~~,UAAU,CAAEF,UAAF,CAAzB","sourcesContent":["/*\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\nexport default forwardRef( RadioGroup );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/radio-group/index.js"],"names":["useRadioState","RadioGroup","ReakitRadioGroup","forwardRef","ButtonGroup","RadioContext","ref","label","checked","defaultChecked","disabled","onChange","props","radioState","state","baseId","id","radioContext","setState"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAU,IAAIC,gBAAtC,QAA8D,cAA9D;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,SAASJ,UAAT,OAECK,GAFD,EAGE;AAAA,MAFD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,cAAlB;AAAkCC,IAAAA,QAAlC;AAA4CC,IAAAA,QAA5C;AAAsD,OAAGC;AAAzD,GAEC;AACD,QAAMC,UAAU,GAAGb,aAAa,CAAE;AACjCc,IAAAA,KAAK,EAAEL,cAD0B;AAEjCM,IAAAA,MAAM,EAAEH,KAAK,CAACI;AAFmB,GAAF,CAAhC;AAIA,QAAMC,YAAY,GAAG,EACpB,GAAGJ,UADiB;AAEpBH,IAAAA,QAFoB;AAGpB;AACAI,IAAAA,KAAK,EAAEN,OAAF,aAAEA,OAAF,cAAEA,OAAF,GAAaK,UAAU,CAACC,KAJT;AAKpBI,IAAAA,QAAQ,EAAEP,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAcE,UAAU,CAACK;AALb,GAArB;AAQA,SACC,cAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAGD;AAA/B,KACC,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGX,GADP;AAEC,IAAA,EAAE,EAAGF,WAFN;AAGC,kBAAaG;AAHd,KAIMM,UAJN,EAKMD,KALN,EADD,CADD;AAWA;;AAED,eAAeT,UAAU,CAAEF,UAAF,CAAzB","sourcesContent":["/*\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\nexport default forwardRef( RadioGroup );\n"]}

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

@@ -28,40 +28,41 @@ import RangeRail from './rail';
 import SimpleTooltip from './tooltip';
 import { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, Root, Track, ThumbWrapper, Thumb, Wrapper } from './styles/range-control-styles';
-function RangeControl({
-  afterIcon,
-  allowReset = false,
-  beforeIcon,
-  className,
-  currentInput,
-  color: colorProp = COLORS.ui.theme,
-  disabled = false,
-  help,
-  initialPosition,
-  isShiftStepEnabled = true,
-  label,
-  hideLabelFromVision = false,
-  marks = false,
-  max = 100,
-  min = 0,
-  onBlur = noop,
-  onChange = noop,
-  onFocus = noop,
-  onMouseMove = noop,
-  onMouseLeave = noop,
-  railColor,
-  resetFallbackValue,
-  renderTooltipContent = v => v,
-  showTooltip: showTooltipProp,
-  shiftStep = 10,
-  step = 1,
-  trackColor,
-  value: valueProp,
-  withInputField = true,
-  ...props
-}, ref) {
+function RangeControl(_ref, ref) {
   var _inputRef$current;
+  let {
+    afterIcon,
+    allowReset = false,
+    beforeIcon,
+    className,
+    currentInput,
+    color: colorProp = COLORS.ui.theme,
+    disabled = false,
+    help,
+    initialPosition,
+    isShiftStepEnabled = true,
+    label,
+    hideLabelFromVision = false,
+    marks = false,
+    max = 100,
+    min = 0,
+    onBlur = noop,
+    onChange = noop,
+    onFocus = noop,
+    onMouseMove = noop,
+    onMouseLeave = noop,
+    railColor,
+    resetFallbackValue,
+    renderTooltipContent = v => v,
+    showTooltip: showTooltipProp,
+    shiftStep = 10,
+    step = 1,
+    trackColor,
+    value: valueProp,
+    withInputField = true,
+    ...props
+  } = _ref;
   const [value, setValue] = useControlledRangeValue({
     min,
     max,
@@ -69,6 +70,14 @@ function RangeControl({
     initial: initialPosition
   });
   const isResetPendent = useRef(false);
+  if (step === 'any') {
+    // The tooltip and number input field are hidden when the step is "any"
+    // because the decimals get too lengthy to fit well.
+    showTooltipProp = false;
+    withInputField = false;
+  }
   const [showTooltip, setShowTooltip] = useState(showTooltipProp);
   const [isFocused, setIsFocused] = useState(false);
   const inputRef = useRef();
@@ -194,7 +203,6 @@ function RangeControl({
     describedBy: describedBy,
     disabled: disabled,
     id: id,
-    isShiftStepEnabled: isShiftStepEnabled,
     label: label,
     max: max,
     min: min,
@@ -204,7 +212,6 @@ function RangeControl({
     onMouseMove: onMouseMove,
     onMouseLeave: onMouseLeave,
     ref: setRef,
-    shiftStep: shiftStep,
     step: step,
     value: inputSliderValue
   })), createElement(RangeRail, {
@@ -234,6 +241,7 @@ function RangeControl({
   })), enableTooltip && createElement(SimpleTooltip, {
     className: "components-range-control__tooltip",
     inputRef: inputRef,
+    tooltipPosition: "bottom",
     renderTooltipContent: renderTooltipContent,
     show: isCurrentlyFocused || showTooltip,
     style: offsetStyle,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/range-control/index.js"],"names":["classnames","clamp","isFinite","noop","__","isRTL","useRef","useState","forwardRef","useInstanceId","BaseControl","Button","Icon","COLORS","floatClamp","useControlledRangeValue","InputRange","RangeRail","SimpleTooltip","ActionRightWrapper","AfterIconWrapper","BeforeIconWrapper","InputNumber","Root","Track","ThumbWrapper","Thumb","Wrapper","RangeControl","afterIcon","allowReset","beforeIcon","className","currentInput","color","colorProp","ui","theme","disabled","help","initialPosition","isShiftStepEnabled","label","hideLabelFromVision","marks","max","min","onBlur","onChange","onFocus","onMouseMove","onMouseLeave","railColor","resetFallbackValue","renderTooltipContent","v","showTooltip","showTooltipProp","shiftStep","step","trackColor","value","valueProp","withInputField","props","ref","setValue","initial","isResetPendent","setShowTooltip","isFocused","setIsFocused","inputRef","setRef","nodeRef","current","isCurrentlyFocused","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","calculatedFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","width","ForwardedComponent"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport { clamp, isFinite, noop } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId } 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 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\nfunction RangeControl(\n\t{\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcurrentInput,\n\t\tcolor: colorProp = COLORS.ui.theme,\n\t\tdisabled = false,\n\t\thelp,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\thideLabelFromVision = false,\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\tonMouseMove = noop,\n\t\tonMouseLeave = noop,\n\t\trailColor,\n\t\tresetFallbackValue,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tshowTooltip: showTooltipProp,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\tconst [ showTooltip, setShowTooltip ] = useState( showTooltipProp );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef();\n\n\tconst setRef = ( nodeRef ) => {\n\t\tinputRef.current = nodeRef;\n\n\t\tif ( ref ) {\n\t\t\tref( nodeRef );\n\t\t}\n\t};\n\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\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst calculatedFillValue = ( ( value - min ) / ( max - min ) ) 100;\n\tconst fillValue = isValueReset ? 50 : calculatedFillValue;\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( RangeControl, 'inspector-range-control' );\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = showTooltipProp !== false && isFinite( value );\n\n\tconst handleOnRangeChange = ( event ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tnextValue = parseFloat( nextValue );\n\t\tsetValue( nextValue );\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 );\n\t\t\t}\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 = parseFloat( resetFallbackValue );\n\t\tlet onChangeResetValue = 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 ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event ) => {\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\n\treturn (\n\t\t<BaseControl\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 className=\"components-range-control__root\">\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\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{ ...props }\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\tisShiftStepEnabled={ isShiftStepEnabled }\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={ setRef }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue }\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 style={ offsetStyle } disabled={ disabled }>\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\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{ withInputField && (\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\tstep={ step }\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\nconst ForwardedComponent = forwardRef( RangeControl );\n\nexport default ForwardedComponent;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/range-control/index.js"],"names":["classnames","clamp","isFinite","noop","__","isRTL","useRef","useState","forwardRef","useInstanceId","BaseControl","Button","Icon","COLORS","floatClamp","useControlledRangeValue","InputRange","RangeRail","SimpleTooltip","ActionRightWrapper","AfterIconWrapper","BeforeIconWrapper","InputNumber","Root","Track","ThumbWrapper","Thumb","Wrapper","RangeControl","ref","afterIcon","allowReset","beforeIcon","className","currentInput","color","colorProp","ui","theme","disabled","help","initialPosition","isShiftStepEnabled","label","hideLabelFromVision","marks","max","min","onBlur","onChange","onFocus","onMouseMove","onMouseLeave","railColor","resetFallbackValue","renderTooltipContent","v","showTooltip","showTooltipProp","shiftStep","step","trackColor","value","valueProp","withInputField","props","setValue","initial","isResetPendent","setShowTooltip","isFocused","setIsFocused","inputRef","setRef","nodeRef","current","isCurrentlyFocused","matches","isThumbFocused","isValueReset","currentValue","undefined","inputSliderValue","rangeFillValue","calculatedFillValue","fillValue","fillValueOffset","classes","wrapperClasses","id","describedBy","enableTooltip","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","isNaN","handleOnInputNumberBlur","handleOnReset","resetValue","onChangeResetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","width","ForwardedComponent"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport { clamp, isFinite, noop } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId } 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 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\nfunction RangeControl(\n\t{\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcurrentInput,\n\t\tcolor: colorProp = COLORS.ui.theme,\n\t\tdisabled = false,\n\t\thelp,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\thideLabelFromVision = false,\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\tonMouseMove = noop,\n\t\tonMouseLeave = noop,\n\t\trailColor,\n\t\tresetFallbackValue,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tshowTooltip: showTooltipProp,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...props\n\t},\n\tref\n) {\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\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\tshowTooltipProp = false;\n\t\twithInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( showTooltipProp );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef();\n\n\tconst setRef = ( nodeRef ) => {\n\t\tinputRef.current = nodeRef;\n\n\t\tif ( ref ) {\n\t\t\tref( nodeRef );\n\t\t}\n\t};\n\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\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst calculatedFillValue = ( ( value - min ) / ( max - min ) ) 100;\n\tconst fillValue = isValueReset ? 50 : calculatedFillValue;\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( RangeControl, 'inspector-range-control' );\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = showTooltipProp !== false && isFinite( value );\n\n\tconst handleOnRangeChange = ( event ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tnextValue = parseFloat( nextValue );\n\t\tsetValue( nextValue );\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 );\n\t\t\t}\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 = parseFloat( resetFallbackValue );\n\t\tlet onChangeResetValue = 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 ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event ) => {\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\n\treturn (\n\t\t<BaseControl\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 className=\"components-range-control__root\">\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\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{ ...props }\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={ setRef }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue }\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 style={ offsetStyle } disabled={ disabled }>\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{ withInputField && (\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\tstep={ step }\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\nconst ForwardedComponent = forwardRef( RangeControl );\n\nexport default ForwardedComponent;\n"]}

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

@@ -11,24 +11,26 @@ import { memo } from '@wordpress/element';
 import RangeCell from '../mobile/bottom-sheet/range-cell';
 import StepperCell from '../mobile/bottom-sheet/stepper-cell';
-const RangeControl = memo(({
-  className,
-  currentInput,
-  label,
-  value,
-  instanceId,
-  onChange,
-  beforeIcon,
-  afterIcon,
-  help,
-  allowReset,
-  initialPosition,
-  min,
-  max,
-  type,
-  separatorType,
-  ...props
-}) => {
+const RangeControl = memo(_ref => {
+  let {
+    className,
+    currentInput,
+    label,
+    value,
+    instanceId,
+    onChange,
+    beforeIcon,
+    afterIcon,
+    help,
+    allowReset,
+    initialPosition,
+    min,
+    max,
+    type,
+    separatorType,
+    ...props
+  } = _ref;
   if (type === 'stepper') {
     return createElement(StepperCell, {
       label: label,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/range-control/index.native.js"],"names":["memo","RangeCell","StepperCell","RangeControl","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","props","id","currentInputValue","initialSliderValue","isFinite","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,mCAAtB;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AAEA,MAAMC,YAAY,GAAGH,IAAI,CACxB,~~CAAE~~;AACDI,~~EAAAA~~,SADC;AAEDC,~~EAAAA~~,YAFC;AAGDC,~~EAAAA~~,KAHC;AAIDC,~~EAAAA~~,KAJC;AAKDC,~~EAAAA~~,UALC;AAMDC,~~EAAAA~~,QANC;AAODC,~~EAAAA~~,UAPC;AAQDC,~~EAAAA~~,SARC;AASDC,~~EAAAA~~,IATC;AAUDC,~~EAAAA~~,UAVC;AAWDC,~~EAAAA~~,eAXC;AAYDC,~~EAAAA~~,GAZC;AAaDC,~~EAAAA~~,GAbC;AAcDC,~~EAAAA~~,IAdC;AAeDC,~~EAAAA~~,aAfC;AAgBD,~~KAAGC~~;AAhBF,~~CAAF,KAiBO;~~AACN,MAAKF,IAAI,KAAK,SAAd,EAA0B;AACzB,WACC,cAAC,WAAD;AACC,MAAA,KAAK,EAAGX,KADT;AAEC,MAAA,GAAG,EAAGU,GAFP;AAGC,MAAA,GAAG,EAAGD,GAHP;AAIC,MAAA,QAAQ,EAAGN,QAJZ;AAKC,MAAA,aAAa,EAAGS,aALjB;AAMC,MAAA,KAAK,EAAGX;AANT,MADD;AAUA;;AACD,QAAMa,EAAE,GAAI,2BAA2BZ,UAAY,EAAnD;AACA,QAAMa,iBAAiB,GAAGhB,YAAY,KAAK,IAAjB,GAAwBE,KAAxB,GAAgCF,YAA1D;AACA,QAAMiB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAF,CAAR,GACxBA,iBADwB,GAExBP,eAFH;AAIA,SACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAGR,KADT;AAEC,IAAA,EAAE,EAAGc,EAFN;AAGC,IAAA,IAAI,EAAGR,IAHR;AAIC,IAAA,SAAS,EAAGR,SAJb;AAKC,IAAA,QAAQ,EAAGK,QALZ;AAMC,wBAAmB,CAAC,CAAEG,IAAH,GAAW,GAAGQ,EAAI,QAAlB,GAA4BI,SANhD;AAOC,IAAA,YAAY,EAAGT,GAPhB;AAQC,IAAA,YAAY,EAAGC,GARhB;AASC,IAAA,KAAK,EAAGT,KATT;AAUC,IAAA,UAAU,EAAGG,UAVd;AAWC,IAAA,SAAS,EAAGC,SAXb;AAYC,IAAA,UAAU,EAAGE,UAZd;AAaC,IAAA,YAAY,EAAGS,kBAbhB;AAcC,IAAA,aAAa,EAAGJ;AAdjB,KAeMC,KAfN,EADD;AAmBA,CAxDuB,CAAzB;AA2DA,eAAehB,YAAf","sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\n\nconst RangeControl = memo(\n\t( {\n\t\tclassName,\n\t\tcurrentInput,\n\t\tlabel,\n\t\tvalue,\n\t\tinstanceId,\n\t\tonChange,\n\t\tbeforeIcon,\n\t\tafterIcon,\n\t\thelp,\n\t\tallowReset,\n\t\tinitialPosition,\n\t\tmin,\n\t\tmax,\n\t\ttype,\n\t\tseparatorType,\n\t\t...props\n\t} ) => {\n\t\tif ( type === 'stepper' ) {\n\t\t\treturn (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tconst id = `inspector-range-control-${ instanceId }`;\n\t\tconst currentInputValue = currentInput === null ? value : currentInput;\n\t\tconst initialSliderValue = isFinite( currentInputValue )\n\t\t\t? currentInputValue\n\t\t\t: initialPosition;\n\n\t\treturn (\n\t\t\t<RangeCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChange={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tminimumValue={ min }\n\t\t\t\tmaximumValue={ max }\n\t\t\t\tvalue={ value }\n\t\t\t\tbeforeIcon={ beforeIcon }\n\t\t\t\tafterIcon={ afterIcon }\n\t\t\t\tallowReset={ allowReset }\n\t\t\t\tdefaultValue={ initialSliderValue }\n\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default RangeControl;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/range-control/index.native.js"],"names":["memo","RangeCell","StepperCell","RangeControl","className","currentInput","label","value","instanceId","onChange","beforeIcon","afterIcon","help","allowReset","initialPosition","min","max","type","separatorType","props","id","currentInputValue","initialSliderValue","isFinite","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,SAAP,MAAsB,mCAAtB;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AAEA,MAAMC,YAAY,GAAGH,IAAI,CACxB,QAiBO;AAAA,MAjBL;AACDI,IAAAA,SADC;AAEDC,IAAAA,YAFC;AAGDC,IAAAA,KAHC;AAIDC,IAAAA,KAJC;AAKDC,IAAAA,UALC;AAMDC,IAAAA,QANC;AAODC,IAAAA,UAPC;AAQDC,IAAAA,SARC;AASDC,IAAAA,IATC;AAUDC,IAAAA,UAVC;AAWDC,IAAAA,eAXC;AAYDC,IAAAA,GAZC;AAaDC,IAAAA,GAbC;AAcDC,IAAAA,IAdC;AAeDC,IAAAA,aAfC;AAgBD,OAAGC;AAhBF,GAiBK;;AACN,MAAKF,IAAI,KAAK,SAAd,EAA0B;AACzB,WACC,cAAC,WAAD;AACC,MAAA,KAAK,EAAGX,KADT;AAEC,MAAA,GAAG,EAAGU,GAFP;AAGC,MAAA,GAAG,EAAGD,GAHP;AAIC,MAAA,QAAQ,EAAGN,QAJZ;AAKC,MAAA,aAAa,EAAGS,aALjB;AAMC,MAAA,KAAK,EAAGX;AANT,MADD;AAUA;;AACD,QAAMa,EAAE,GAAI,2BAA2BZ,UAAY,EAAnD;AACA,QAAMa,iBAAiB,GAAGhB,YAAY,KAAK,IAAjB,GAAwBE,KAAxB,GAAgCF,YAA1D;AACA,QAAMiB,kBAAkB,GAAGC,QAAQ,CAAEF,iBAAF,CAAR,GACxBA,iBADwB,GAExBP,eAFH;AAIA,SACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAGR,KADT;AAEC,IAAA,EAAE,EAAGc,EAFN;AAGC,IAAA,IAAI,EAAGR,IAHR;AAIC,IAAA,SAAS,EAAGR,SAJb;AAKC,IAAA,QAAQ,EAAGK,QALZ;AAMC,wBAAmB,CAAC,CAAEG,IAAH,GAAW,GAAGQ,EAAI,QAAlB,GAA4BI,SANhD;AAOC,IAAA,YAAY,EAAGT,GAPhB;AAQC,IAAA,YAAY,EAAGC,GARhB;AASC,IAAA,KAAK,EAAGT,KATT;AAUC,IAAA,UAAU,EAAGG,UAVd;AAWC,IAAA,SAAS,EAAGC,SAXb;AAYC,IAAA,UAAU,EAAGE,UAZd;AAaC,IAAA,YAAY,EAAGS,kBAbhB;AAcC,IAAA,aAAa,EAAGJ;AAdjB,KAeMC,KAfN,EADD;AAmBA,CAxDuB,CAAzB;AA2DA,eAAehB,YAAf","sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\n\nconst RangeControl = memo(\n\t( {\n\t\tclassName,\n\t\tcurrentInput,\n\t\tlabel,\n\t\tvalue,\n\t\tinstanceId,\n\t\tonChange,\n\t\tbeforeIcon,\n\t\tafterIcon,\n\t\thelp,\n\t\tallowReset,\n\t\tinitialPosition,\n\t\tmin,\n\t\tmax,\n\t\ttype,\n\t\tseparatorType,\n\t\t...props\n\t} ) => {\n\t\tif ( type === 'stepper' ) {\n\t\t\treturn (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tconst id = `inspector-range-control-${ instanceId }`;\n\t\tconst currentInputValue = currentInput === null ? value : currentInput;\n\t\tconst initialSliderValue = isFinite( currentInputValue )\n\t\t\t? currentInputValue\n\t\t\t: initialPosition;\n\n\t\treturn (\n\t\t\t<RangeCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChange={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tminimumValue={ min }\n\t\t\t\tmaximumValue={ max }\n\t\t\t\tvalue={ value }\n\t\t\t\tbeforeIcon={ beforeIcon }\n\t\t\t\tafterIcon={ afterIcon }\n\t\t\t\tallowReset={ allowReset }\n\t\t\t\tdefaultValue={ initialSliderValue }\n\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default RangeControl;\n"]}

package/build-module/range-control/input-range.js CHANGED Viewed

@@ -17,29 +17,18 @@ import { forwardRef } from '@wordpress/element';
 import { InputRange as BaseInputRange } from './styles/range-control-styles';
 import { useDebouncedHoverInteraction } from './utils';
-import { useJumpStep } from '../utils/hooks';
-function InputRange({
-  describedBy,
-  isShiftStepEnabled = true,
-  label,
-  onHideTooltip = noop,
-  onMouseLeave = noop,
-  step = 1,
-  onBlur = noop,
-  onChange = noop,
-  onFocus = noop,
-  onMouseMove = noop,
-  onShowTooltip = noop,
-  shiftStep = 10,
-  value,
-  ...props
-}, ref) {
-  const jumpStep = useJumpStep({
-    step,
-    shiftStep,
-    isShiftStepEnabled
-  });
+function InputRange(_ref, ref) {
+  let {
+    describedBy,
+    label,
+    onHideTooltip = noop,
+    onMouseLeave = noop,
+    onMouseMove = noop,
+    onShowTooltip = noop,
+    value,
+    ...props
+  } = _ref;
   const hoverInteractions = useDebouncedHoverInteraction({
     onHide: onHideTooltip,
     onMouseLeave,
@@ -50,11 +39,7 @@ function InputRange({
     "aria-describedby": describedBy,
     "aria-label": label,
     "aria-hidden": false,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
     ref: ref,
-    step: jumpStep,
     tabIndex: 0,
     type: "range",
     value: value

package/build-module/range-control/input-range.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/range-control/input-range.js"],"names":["noop","forwardRef","InputRange","BaseInputRange","useDebouncedHoverInteraction","~~useJumpStep~~","describedBy","~~isShiftStepEnabled","~~label","onHideTooltip","onMouseLeave","~~step","onBlur","onChange","onFocus","~~onMouseMove","onShowTooltip","~~shiftStep","~~value","props","~~ref","jumpStep","~~hoverInteractions","onHide","onShow","ForwardedComponent"],"mappings":";;AAAA;;AACA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,QAArB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,UAAU,IAAIC,cAAvB,QAA6C,+BAA7C;AACA,SAASC,4BAAT,QAA6C,SAA7C~~;AACA,SAASC,WAAT,QAA4B,gBAA5B~~;;AAEA,~~SAASH~~,UAAT,~~CACC~~;~~AACCI~~,~~EAAAA~~,WADD;AAECC,~~EAAAA~~,~~kBAAkB,GAAG,IAFtB~~;AAGCC,~~EAAAA~~,~~KAHD;AAICC,EAAAA,~~aAAa,~~GAAGT~~,~~IAJjB~~;~~AAKCU~~,~~EAAAA~~,YAAY,~~GAAGV~~,~~IALhB~~;~~AAMCW~~,~~EAAAA~~,~~IAAI,GAAG,CANR;AAOCC,EAAAA,MAAM,GAAGZ,IAPV;AAQCa,EAAAA,QAAQ,GAAGb,IARZ;AASCc,EAAAA,OAAO,GAAGd,IATX;AAUCe,EAAAA,~~WAAW,~~GAAGf~~,~~IAVf~~;~~AAWCgB~~,~~EAAAA~~,aAAa,~~GAAGhB~~,~~IAXjB~~;~~AAYCiB~~,~~EAAAA~~,~~SAAS,GAAG,EAZb~~;~~AAaCC~~,~~EAAAA,KAbD~~;~~AAcC~~,~~KAAGC~~;~~AAdJ,CADD,EAiBCC,GAjBD,EAkBE;~~AACD,QAAMC,~~QAAQ,GAAGhB,WAAW,CAAE;AAC7BM,IAAAA,IAD6B;AAE7BM,IAAAA,SAF6B;AAG7BV,IAAAA;AAH6B,GAAF,CAA5B;AAMA,QAAMe,~~iBAAiB,~~GAAGlB~~,4BAA4B,CAAE;~~AACvDmB~~,IAAAA,MAAM,~~EAAEd~~,aAD+C;AAEvDC,IAAAA,YAFuD;~~AAGvDK~~,IAAAA,WAHuD;~~AAIvDS~~,IAAAA,MAAM,~~EAAER~~;AAJ+C,GAAF,CAAtD;AAOA,SACC,cAAC,cAAD,~~eACMG~~,KADN,~~EAEMG~~,iBAFN;AAGC,~~wBAAmBhB~~,WAHpB;AAIC,~~kBAAaE~~,KAJd;AAKC,mBAAc,KALf;AAMC,IAAA,~~MAAM~~,~~EAAGI~~,~~MANV~~;AAOC,IAAA,QAAQ,~~EAAGC~~,~~QAPZ~~;AAQC,IAAA,~~OAAO,EAAGC,OARX;AASC,IAAA,GAAG,EAAGM,GATP;AAUC,IAAA,~~IAAI,~~EAAGC,QAVR;AAWC,IAAA,QAAQ,EAAG,CAXZ;AAYC,IAAA,IAAI,~~EAAC,~~OAZN~~;~~AAaC~~,IAAA,KAAK,~~EAAGH~~;~~AAbT~~,KADD;~~AAiBA~~;;AAED,~~MAAMO~~,kBAAkB,~~GAAGxB~~,UAAU,CAAEC,UAAF,CAArC;AAEA,~~eAAeuB~~,kBAAf","sourcesContent":["// @ts-nocheck\n/*\n External dependencies\n /\nimport { noop } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { InputRange as BaseInputRange } from './styles/range-control-styles';\nimport { useDebouncedHoverInteraction } from './utils';\~~nimport { useJumpStep } from '../utils/hooks';\~~n\nfunction InputRange(\n\t{\n\t\tdescribedBy,\n\t\~~tisShiftStepEnabled = true,\n\t\~~tlabel,\n\t\tonHideTooltip = noop,\n\t\tonMouseLeave = noop,\n\t\~~tstep = 1,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\~~tonMouseMove = noop,\n\t\tonShowTooltip = noop,\n\t\~~tshiftStep = 10,\n\t\~~tvalue,\n\t\t...props\n\t},\n\tref\n) {\n\tconst ~~jumpStep = useJumpStep( {\n\t\tstep,\n\t\tshiftStep,\n\t\tisShiftStepEnabled,\n\t} );\n\n\tconst~~ hoverInteractions = useDebouncedHoverInteraction( {\n\t\tonHide: onHideTooltip,\n\t\tonMouseLeave,\n\t\tonMouseMove,\n\t\tonShow: onShowTooltip,\n\t} );\n\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...props }\n\t\t\t{ ...hoverInteractions }\n\t\t\taria-describedby={ describedBy }\n\t\t\taria-label={ label }\n\t\t\taria-hidden={ false }\n\t\t\~~tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\~~tref={ ref }\n\t\t\~~tstep={ jumpStep }\n\t\t\~~ttabIndex={ 0 }\n\t\t\ttype=\"range\"\n\t\t\tvalue={ value }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputRange );\n\nexport default ForwardedComponent;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/range-control/input-range.js"],"names":["noop","forwardRef","InputRange","BaseInputRange","useDebouncedHoverInteraction","ref","describedBy","label","onHideTooltip","onMouseLeave","onMouseMove","onShowTooltip","value","props","hoverInteractions","onHide","onShow","ForwardedComponent"],"mappings":";;AAAA;;AACA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,QAArB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,UAAU,IAAIC,cAAvB,QAA6C,+BAA7C;AACA,SAASC,4BAAT,QAA6C,SAA7C;;AAEA,SAASF,UAAT,OAWCG,GAXD,EAYE;AAAA,MAXD;AACCC,IAAAA,WADD;AAECC,IAAAA,KAFD;AAGCC,IAAAA,aAAa,GAAGR,IAHjB;AAICS,IAAAA,YAAY,GAAGT,IAJhB;AAKCU,IAAAA,WAAW,GAAGV,IALf;AAMCW,IAAAA,aAAa,GAAGX,IANjB;AAOCY,IAAAA,KAPD;AAQC,OAAGC;AARJ,GAWC;AACD,QAAMC,iBAAiB,GAAGV,4BAA4B,CAAE;AACvDW,IAAAA,MAAM,EAAEP,aAD+C;AAEvDC,IAAAA,YAFuD;AAGvDC,IAAAA,WAHuD;AAIvDM,IAAAA,MAAM,EAAEL;AAJ+C,GAAF,CAAtD;AAOA,SACC,cAAC,cAAD,eACME,KADN,EAEMC,iBAFN;AAGC,wBAAmBR,WAHpB;AAIC,kBAAaC,KAJd;AAKC,mBAAc,KALf;AAMC,IAAA,GAAG,EAAGF,GANP;AAOC,IAAA,QAAQ,EAAG,CAPZ;AAQC,IAAA,IAAI,EAAC,OARN;AASC,IAAA,KAAK,EAAGO;AATT,KADD;AAaA;;AAED,MAAMK,kBAAkB,GAAGhB,UAAU,CAAEC,UAAF,CAArC;AAEA,eAAee,kBAAf","sourcesContent":["// @ts-nocheck\n/*\n External dependencies\n /\nimport { noop } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { InputRange as BaseInputRange } from './styles/range-control-styles';\nimport { useDebouncedHoverInteraction } from './utils';\n\nfunction InputRange(\n\t{\n\t\tdescribedBy,\n\t\tlabel,\n\t\tonHideTooltip = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\tonShowTooltip = noop,\n\t\tvalue,\n\t\t...props\n\t},\n\tref\n) {\n\tconst hoverInteractions = useDebouncedHoverInteraction( {\n\t\tonHide: onHideTooltip,\n\t\tonMouseLeave,\n\t\tonMouseMove,\n\t\tonShow: onShowTooltip,\n\t} );\n\n\treturn (\n\t\t<BaseInputRange\n\t\t\t{ ...props }\n\t\t\t{ ...hoverInteractions }\n\t\t\taria-describedby={ describedBy }\n\t\t\taria-label={ label }\n\t\t\taria-hidden={ false }\n\t\t\tref={ ref }\n\t\t\ttabIndex={ 0 }\n\t\t\ttype=\"range\"\n\t\t\tvalue={ value }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputRange );\n\nexport default ForwardedComponent;\n"]}

package/build-module/range-control/mark.js CHANGED Viewed

@@ -11,13 +11,14 @@ import classnames from 'classnames';
  */
 import { Mark, MarkLabel } from './styles/range-control-styles';
-export default function RangeMark({
-  className,
-  isFilled = false,
-  label,
-  style = {},
-  ...props
-}) {
+export default function RangeMark(_ref) {
+  let {
+    className,
+    isFilled = false,
+    label,
+    style = {},
+    ...props
+  } = _ref;
   const classes = classnames('components-range-control__mark', isFilled && 'is-filled', className);
   const labelClasses = classnames('components-range-control__mark-label', isFilled && 'is-filled');
   return createElement(Fragment, null, createElement(Mark, _extends({}, props, {