@wordpress/components 17.0.0 → 19.0.2

package/build-module/range-control/mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/mark.js"],"names":["classnames","Mark","MarkLabel","RangeMark","className","isFilled","label","style","props","classes","labelClasses"],"mappings":";;AAAA;;AACA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,QAAgC,+BAAhC;AAEA,eAAe,SAASC,SAAT,CAAoB;AAClCC,EAAAA,SADkC;AAElCC,EAAAA,QAAQ,GAAG,KAFuB;AAGlCC,EAAAA,KAHkC;AAIlCC,EAAAA,KAAK,GAAG,EAJ0B;AAKlC,KAAGC;AAL+B,CAApB,EAMX;AACH,QAAMC,OAAO,GAAGT,UAAU,CACzB,gCADyB,EAEzBK,QAAQ,IAAI,WAFa,EAGzBD,SAHyB,CAA1B;AAKA,QAAMM,YAAY,GAAGV,UAAU,CAC9B,sCAD8B,EAE9BK,QAAQ,IAAI,WAFkB,CAA/B;AAKA,SACC,8BACC,cAAC,IAAD,eACMG,KADN;AAEC,mBAAY,MAFb;AAGC,IAAA,SAAS,EAAGC,OAHb;AAIC,IAAA,QAAQ,EAAGJ,QAJZ;AAKC,IAAA,KAAK,EAAGE;AALT,KADD,EAQGD,KAAK,IACN,cAAC,SAAD;AACC,mBAAY,MADb;AAEC,IAAA,SAAS,EAAGI,YAFb;AAGC,IAAA,QAAQ,EAAGL,QAHZ;AAIC,IAAA,KAAK,EAAGE;AAJT,KAMGD,KANH,CATF,CADD;AAqBA","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { Mark, MarkLabel } from './styles/range-control-styles';\n\nexport default function RangeMark( {\n\tclassName,\n\tisFilled = false,\n\tlabel,\n\tstyle = {},\n\t...props\n} ) {\n\tconst classes = classnames(\n\t\t'components-range-control__mark',\n\t\tisFilled && 'is-filled',\n\t\tclassName\n\t);\n\tconst labelClasses = classnames(\n\t\t'components-range-control__mark-label',\n\t\tisFilled && 'is-filled'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Mark\n\t\t\t\t{ ...props }\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classes }\n\t\t\t\tisFilled={ isFilled }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t\t{ label && (\n\t\t\t\t<MarkLabel\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ labelClasses }\n\t\t\t\t\tisFilled={ isFilled }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</MarkLabel>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/mark.js"],"names":["classnames","Mark","MarkLabel","RangeMark","className","isFilled","label","style","props","classes","labelClasses"],"mappings":";;AAAA;;AACA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,QAAgC,+BAAhC;AAEA,eAAe,SAASC,SAAT,OAMX;AAAA,MAN+B;AAClCC,IAAAA,SADkC;AAElCC,IAAAA,QAAQ,GAAG,KAFuB;AAGlCC,IAAAA,KAHkC;AAIlCC,IAAAA,KAAK,GAAG,EAJ0B;AAKlC,OAAGC;AAL+B,GAM/B;AACH,QAAMC,OAAO,GAAGT,UAAU,CACzB,gCADyB,EAEzBK,QAAQ,IAAI,WAFa,EAGzBD,SAHyB,CAA1B;AAKA,QAAMM,YAAY,GAAGV,UAAU,CAC9B,sCAD8B,EAE9BK,QAAQ,IAAI,WAFkB,CAA/B;AAKA,SACC,8BACC,cAAC,IAAD,eACMG,KADN;AAEC,mBAAY,MAFb;AAGC,IAAA,SAAS,EAAGC,OAHb;AAIC,IAAA,QAAQ,EAAGJ,QAJZ;AAKC,IAAA,KAAK,EAAGE;AALT,KADD,EAQGD,KAAK,IACN,cAAC,SAAD;AACC,mBAAY,MADb;AAEC,IAAA,SAAS,EAAGI,YAFb;AAGC,IAAA,QAAQ,EAAGL,QAHZ;AAIC,IAAA,KAAK,EAAGE;AAJT,KAMGD,KANH,CATF,CADD;AAqBA","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { Mark, MarkLabel } from './styles/range-control-styles';\n\nexport default function RangeMark( {\n\tclassName,\n\tisFilled = false,\n\tlabel,\n\tstyle = {},\n\t...props\n} ) {\n\tconst classes = classnames(\n\t\t'components-range-control__mark',\n\t\tisFilled && 'is-filled',\n\t\tclassName\n\t);\n\tconst labelClasses = classnames(\n\t\t'components-range-control__mark-label',\n\t\tisFilled && 'is-filled'\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Mark\n\t\t\t\t{ ...props }\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classes }\n\t\t\t\tisFilled={ isFilled }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t\t{ label && (\n\t\t\t\t<MarkLabel\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ labelClasses }\n\t\t\t\t\tisFilled={ isFilled }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</MarkLabel>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build-module/range-control/rail.js

@@ -12,15 +12,16 @@ import { isRTL } from '@wordpress/i18n';
 
 import RangeMark from './mark';
 import { MarksWrapper, Rail } from './styles/range-control-styles';
-export default function RangeRail({
-  disabled = false,
-  marks = false,
-  min = 0,
-  max = 100,
-  step = 1,
-  value = 0,
-  ...restProps
-}) {
+export default function RangeRail(_ref) {
+  let {
+    disabled = false,
+    marks = false,
+    min = 0,
+    max = 100,
+    step = 1,
+    value = 0,
+    ...restProps
+  } = _ref;
   return createElement(Fragment, null, createElement(Rail, _extends({
     disabled: disabled
   }, restProps)), marks && createElement(Marks, {
@@ -33,14 +34,20 @@ export default function RangeRail({
   }));
 }
 
-function Marks({
-  disabled = false,
-  marks = false,
-  min = 0,
-  max = 100,
-  step = 1,
-  value = 0
-}) {
+function Marks(_ref2) {
+  let {
+    disabled = false,
+    marks = false,
+    min = 0,
+    max = 100,
+    step = 1,
+    value = 0
+  } = _ref2;
+
+  if (step === 'any') {
+    step = 1;
+  }
+
   const marksData = useMarks({
     marks,
     min,
@@ -58,13 +65,15 @@ function Marks({
   }))));
 }
 
-function useMarks({
-  marks,
-  min = 0,
-  max = 100,
-  step = 1,
-  value = 0
-}) {
+function useMarks(_ref3) {
+  let {
+    marks,
+    min = 0,
+    max = 100,
+    step = 1,
+    value = 0
+  } = _ref3;
+
   if (!marks) {
     return [];
   }

package/build-module/range-control/rail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/range-control/rail.js"],"names":["isRTL","RangeMark","MarksWrapper","Rail","RangeRail","disabled","marks","min","max","step","value","restProps","Marks","marksData","useMarks","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport RangeMark from './mark';\nimport { MarksWrapper, Rail } from './styles/range-control-styles';\n\nexport default function RangeRail( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n\t...restProps\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<Rail disabled={ disabled } { ...restProps } />\n\t\t\t{ marks && (\n\t\t\t\t<Marks\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction Marks( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n} ) {\n\tconst marksData = useMarks( { marks, min, max, step, value } );\n\n\treturn (\n\t\t<MarksWrapper\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-range-control__marks\"\n\t\t>\n\t\t\t{ marksData.map( ( mark ) => (\n\t\t\t\t<RangeMark\n\t\t\t\t\t{ ...mark }\n\t\t\t\t\tkey={ mark.key }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</MarksWrapper>\n\t);\n}\n\nfunction useMarks( { marks, min = 0, max = 100, step = 1, value = 0 } ) {\n\tif ( ! marks ) {\n\t\treturn [];\n\t}\n\n\tconst range = max - min;\n\tif ( ! Array.isArray( marks ) ) {\n\t\tmarks = [];\n\t\tconst count = 1 + Math.round( range / step );\n\t\twhile ( count > marks.push( { value: step * marks.length + min } ) );\n\t}\n\n\tconst placedMarks = [];\n\tmarks.forEach( ( mark, index ) => {\n\t\tif ( mark.value < min || mark.value > max ) {\n\t\t\treturn;\n\t\t}\n\t\tconst key = `mark-${ index }`;\n\t\tconst isFilled = mark.value <= value;\n\t\tconst offset = `${ ( ( mark.value - min ) / range ) * 100 }%`;\n\n\t\tconst offsetStyle = {\n\t\t\t[ isRTL() ? 'right' : 'left' ]: offset,\n\t\t};\n\n\t\tplacedMarks.push( {\n\t\t\t...mark,\n\t\t\tisFilled,\n\t\t\tkey,\n\t\t\tstyle: offsetStyle,\n\t\t} );\n\t} );\n\n\treturn placedMarks;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/range-control/rail.js"],"names":["isRTL","RangeMark","MarksWrapper","Rail","RangeRail","disabled","marks","min","max","step","value","restProps","Marks","marksData","useMarks","map","mark","key","range","Array","isArray","count","Math","round","push","length","placedMarks","forEach","index","isFilled","offset","offsetStyle","style"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport RangeMark from './mark';\nimport { MarksWrapper, Rail } from './styles/range-control-styles';\n\nexport default function RangeRail( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n\t...restProps\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<Rail disabled={ disabled } { ...restProps } />\n\t\t\t{ marks && (\n\t\t\t\t<Marks\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction Marks( {\n\tdisabled = false,\n\tmarks = false,\n\tmin = 0,\n\tmax = 100,\n\tstep = 1,\n\tvalue = 0,\n} ) {\n\tif ( step === 'any' ) {\n\t\tstep = 1;\n\t}\n\tconst marksData = useMarks( { marks, min, max, step, value } );\n\n\treturn (\n\t\t<MarksWrapper\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-range-control__marks\"\n\t\t>\n\t\t\t{ marksData.map( ( mark ) => (\n\t\t\t\t<RangeMark\n\t\t\t\t\t{ ...mark }\n\t\t\t\t\tkey={ mark.key }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</MarksWrapper>\n\t);\n}\n\nfunction useMarks( { marks, min = 0, max = 100, step = 1, value = 0 } ) {\n\tif ( ! marks ) {\n\t\treturn [];\n\t}\n\n\tconst range = max - min;\n\tif ( ! Array.isArray( marks ) ) {\n\t\tmarks = [];\n\t\tconst count = 1 + Math.round( range / step );\n\t\twhile ( count > marks.push( { value: step * marks.length + min } ) );\n\t}\n\n\tconst placedMarks = [];\n\tmarks.forEach( ( mark, index ) => {\n\t\tif ( mark.value < min || mark.value > max ) {\n\t\t\treturn;\n\t\t}\n\t\tconst key = `mark-${ index }`;\n\t\tconst isFilled = mark.value <= value;\n\t\tconst offset = `${ ( ( mark.value - min ) / range ) * 100 }%`;\n\n\t\tconst offsetStyle = {\n\t\t\t[ isRTL() ? 'right' : 'left' ]: offset,\n\t\t};\n\n\t\tplacedMarks.push( {\n\t\t\t...mark,\n\t\t\tisFilled,\n\t\t\tkey,\n\t\t\tstyle: offsetStyle,\n\t\t} );\n\t} );\n\n\treturn placedMarks;\n}\n"]}