npm - @wordpress/components - Versions diffs - 19.0.1 → 19.0.5 - Mend

@wordpress/components 19.0.1 → 19.0.5

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

package/build-module/text/styles/text-mixins.native.js CHANGED Viewed

@@ -76,7 +76,9 @@ const sectionHeading = `
  * @param {TextVariant} variantName
  */
-const variant = (variantName = 'body') => {
+const variant = function () {
+  let variantName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'body';
   switch (variantName) {
     case 'title.large':
       return css`

package/build-module/text/styles/text-mixins.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/text/styles/text-mixins.native.js"],"names":["fontFamily","css","G2","fontWeightNormal","fontWeightMedium","fontWeightSemibold","title","titleLarge","titleMedium","titleSmall","subtitle","subtitleLarge","subtitleSmall","body","bodyLarge","bodySmall","button","caption","label","sectionHeading","gray","variant","variantName","text","props"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,eAA3B;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SAASC,EAAT,QAAmB,2BAAnB;AAEA,MAAMC,gBAAgB,GAAI,mBAA1B;AACA,MAAMC,gBAAgB,GAAI,mBAA1B;AACA,MAAMC,kBAAkB,GAAI,mBAA5B;AAEA,MAAMC,KAAK,GAAI;AACf,IAAKH,gBAAkB;AACvB,CAFA;AAIA,MAAMI,UAAU,GAAI;AACpB;AACA;AACA,CAHA;AAKA,MAAMC,WAAW,GAAI;AACrB;AACA;AACA,CAHA;AAKA,MAAMC,UAAU,GAAI;AACpB;AACA;AACA,CAHA;AAKA,MAAMC,QAAQ,GAAI;AAClB,GAAIL,kBAAoB;AACxB;AACA;AACA,CAJA;AAMA,MAAMM,aAAa,GAAI;AACvB;AACA;AACA,CAHA;AAKA,MAAMC,aAAa,GAAI;AACvB;AACA;AACA,CAHA;AAKA,MAAMC,IAAI,GAAI;AACd,GAAIV,gBAAkB;AACtB,CAFA;AAIA,MAAMW,SAAS,GAAI;AACnB;AACA;AACA,CAHA;AAKA,MAAMC,SAAS,GAAI;AACnB;AACA;AACA,CAHA;AAKA,MAAMC,MAAM,GAAI;AAChB,IAAKX,kBAAoB;AACzB;AACA;AACA,CAJA;AAMA,MAAMY,OAAO,GAAI;AACjB,GAAId,gBAAkB;AACtB;AACA;AACA,CAJA;AAMA,MAAMe,KAAK,GAAI;AACf,GAAIb,kBAAoB;AACxB;AACA;AACA,CAJA;AAMA,MAAMc,cAAc,GAAI;AACxB,GAAIf,gBAAkB;AACtB;AACA;AACA;AACA,UAAWF,EAAE,CAACkB,IAAH,CAAS,GAAT,CAAgB;AAC3B,CANA;AAQA;AACA;AACA;;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,~~CAAEC~~,~~WAAW~~,~~GAAG~~,~~MAAhB~~,~~KAA4B;~~AAC3C,UAASA,WAAT;AACC,SAAK,aAAL;AACC,aAAOrB,GAAI;AACd,MAAOK,KAAO;AACd,MAAOC,UAAY;AACnB,IAHG;;AAID,SAAK,cAAL;AACC,aAAON,GAAI;AACd,MAAOK,KAAO;AACd,MAAOE,WAAa;AACpB,IAHG;;AAID,SAAK,aAAL;AACC,aAAOP,GAAI;AACd,MAAOK,KAAO;AACd,MAAOG,UAAY;AACnB,IAHG;;AAKD,SAAK,UAAL;AACC,aAAOR,GAAI;AACd,MAAOS,QAAU;AACjB,MAAOC,aAAe;AACtB,IAHG;;AAID,SAAK,gBAAL;AACC,aAAOV,GAAI;AACd,MAAOS,QAAU;AACjB,MAAOE,aAAe;AACtB,IAHG;;AAKD,SAAK,MAAL;AACC,aAAOX,GAAI;AACd,MAAOY,IAAM;AACb,IAFG;;AAGD,SAAK,YAAL;AACC,aAAOZ,GAAI;AACd,MAAOY,IAAM;AACb,MAAOC,SAAW;AAClB,IAHG;;AAID,SAAK,YAAL;AACC,aAAOb,GAAI;AACd,MAAOY,IAAM;AACb,MAAOE,SAAW;AAClB,IAHG;;AAKD,SAAK,QAAL;AACC,aAAOC,MAAP;;AAED,SAAK,SAAL;AACC,aAAOC,OAAP;;AAED,SAAK,OAAL;AACC,aAAOC,KAAP;;AAED,SAAK,gBAAL;AACC,aAAOC,cAAP;AArDF;AAuDA,CAxDD;AA0DA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AACA,OAAO,MAAMI,IAAI,GAAKC,KAAF,IAAavB,GAAI;AACrC,GAAID,UAAY;AAChB,GAAIqB,OAAO,CAAEG,KAAK,CAACH,OAAR,CAAmB;AAC9B,CAHO","sourcesContent":["/*\n Internal dependencies\n /\nimport { fontFamily } from './font-family';\nimport css from './emotion-css';\nimport { G2 } from '../../utils/colors-values';\n\nconst fontWeightNormal = `font-weight: 400;`;\nconst fontWeightMedium = `font-weight: 500;`;\nconst fontWeightSemibold = `font-weight: 600;`;\n\nconst title = `\n ${ fontWeightNormal }\n`;\n\nconst titleLarge = `\n\tfont-size: 32px;\n\tline-height: 40px;\n`;\n\nconst titleMedium = `\n\tfont-size: 24px;\n\tline-height: 32px;\n`;\n\nconst titleSmall = `\n\tfont-size: 20px;\n\tline-height: 28px;\n`;\n\nconst subtitle = `\n\t${ fontWeightSemibold }\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nconst subtitleLarge = `\n\tfont-size: 16px;\n\tline-height: 24px;\n`;\n\nconst subtitleSmall = `\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nconst body = `\n\t${ fontWeightNormal }\n`;\n\nconst bodyLarge = `\n\tfont-size: 16px;\n\tline-height: 24px;\n`;\n\nconst bodySmall = `\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nconst button = `\n ${ fontWeightSemibold }\n font-size: 14px;\n line-height: 20px;\n`;\n\nconst caption = `\n\t${ fontWeightNormal }\n\tfont-size: 12px;\n\tline-height: 16px;\n`;\n\nconst label = `\n\t${ fontWeightSemibold }\n\tfont-size: 12px;\n\tline-height: 16px;\n`;\n\nconst sectionHeading = `\n\t${ fontWeightMedium }\n\tfont-size: 11px;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tcolor: ${ G2.gray[ 700 ] }\n`;\n\n/\n @typedef {'title.large'\|'title.medium'\|'title.small'\|'subtitle'\|'subtitle.small'\|'body'\|'body.large'\|'body.small'\|'button'\|'caption'\|'label'\|'sectionheading'} TextVariant\n /\n\n/\n @param {TextVariant} variantName\n /\nconst variant = ( variantName = 'body' ) => {\n\tswitch ( variantName ) {\n\t\tcase 'title.large':\n\t\t\treturn css`\n\t\t\t\t${ title }\n\t\t\t\t${ titleLarge }\n\t\t\t`;\n\t\tcase 'title.medium':\n\t\t\treturn css`\n\t\t\t\t${ title }\n\t\t\t\t${ titleMedium }\n\t\t\t`;\n\t\tcase 'title.small':\n\t\t\treturn css`\n\t\t\t\t${ title }\n\t\t\t\t${ titleSmall }\n\t\t\t`;\n\n\t\tcase 'subtitle':\n\t\t\treturn css`\n\t\t\t\t${ subtitle }\n\t\t\t\t${ subtitleLarge }\n\t\t\t`;\n\t\tcase 'subtitle.small':\n\t\t\treturn css`\n\t\t\t\t${ subtitle }\n\t\t\t\t${ subtitleSmall }\n\t\t\t`;\n\n\t\tcase 'body':\n\t\t\treturn css`\n\t\t\t\t${ body }\n\t\t\t`;\n\t\tcase 'body.large':\n\t\t\treturn css`\n\t\t\t\t${ body }\n\t\t\t\t${ bodyLarge }\n\t\t\t`;\n\t\tcase 'body.small':\n\t\t\treturn css`\n\t\t\t\t${ body }\n\t\t\t\t${ bodySmall }\n\t\t\t`;\n\n\t\tcase 'button':\n\t\t\treturn button;\n\n\t\tcase 'caption':\n\t\t\treturn caption;\n\n\t\tcase 'label':\n\t\t\treturn label;\n\n\t\tcase 'sectionheading':\n\t\t\treturn sectionHeading;\n\t}\n};\n\n/\n @typedef {Object} TextProps\n * @property {TextVariant} variant one of TextVariant to be used\n /\n\n/\n @param {TextProps} props\n */\nexport const text = ( props ) => css`\n\t${ fontFamily }\n\t${ variant( props.variant ) }\n`;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/text/styles/text-mixins.native.js"],"names":["fontFamily","css","G2","fontWeightNormal","fontWeightMedium","fontWeightSemibold","title","titleLarge","titleMedium","titleSmall","subtitle","subtitleLarge","subtitleSmall","body","bodyLarge","bodySmall","button","caption","label","sectionHeading","gray","variant","variantName","text","props"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,eAA3B;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SAASC,EAAT,QAAmB,2BAAnB;AAEA,MAAMC,gBAAgB,GAAI,mBAA1B;AACA,MAAMC,gBAAgB,GAAI,mBAA1B;AACA,MAAMC,kBAAkB,GAAI,mBAA5B;AAEA,MAAMC,KAAK,GAAI;AACf,IAAKH,gBAAkB;AACvB,CAFA;AAIA,MAAMI,UAAU,GAAI;AACpB;AACA;AACA,CAHA;AAKA,MAAMC,WAAW,GAAI;AACrB;AACA;AACA,CAHA;AAKA,MAAMC,UAAU,GAAI;AACpB;AACA;AACA,CAHA;AAKA,MAAMC,QAAQ,GAAI;AAClB,GAAIL,kBAAoB;AACxB;AACA;AACA,CAJA;AAMA,MAAMM,aAAa,GAAI;AACvB;AACA;AACA,CAHA;AAKA,MAAMC,aAAa,GAAI;AACvB;AACA;AACA,CAHA;AAKA,MAAMC,IAAI,GAAI;AACd,GAAIV,gBAAkB;AACtB,CAFA;AAIA,MAAMW,SAAS,GAAI;AACnB;AACA;AACA,CAHA;AAKA,MAAMC,SAAS,GAAI;AACnB;AACA;AACA,CAHA;AAKA,MAAMC,MAAM,GAAI;AAChB,IAAKX,kBAAoB;AACzB;AACA;AACA,CAJA;AAMA,MAAMY,OAAO,GAAI;AACjB,GAAId,gBAAkB;AACtB;AACA;AACA,CAJA;AAMA,MAAMe,KAAK,GAAI;AACf,GAAIb,kBAAoB;AACxB;AACA;AACA,CAJA;AAMA,MAAMc,cAAc,GAAI;AACxB,GAAIf,gBAAkB;AACtB;AACA;AACA;AACA,UAAWF,EAAE,CAACkB,IAAH,CAAS,GAAT,CAAgB;AAC3B,CANA;AAQA;AACA;AACA;;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,YAA4B;AAAA,MAA1BC,WAA0B,uEAAZ,MAAY;;AAC3C,UAASA,WAAT;AACC,SAAK,aAAL;AACC,aAAOrB,GAAI;AACd,MAAOK,KAAO;AACd,MAAOC,UAAY;AACnB,IAHG;;AAID,SAAK,cAAL;AACC,aAAON,GAAI;AACd,MAAOK,KAAO;AACd,MAAOE,WAAa;AACpB,IAHG;;AAID,SAAK,aAAL;AACC,aAAOP,GAAI;AACd,MAAOK,KAAO;AACd,MAAOG,UAAY;AACnB,IAHG;;AAKD,SAAK,UAAL;AACC,aAAOR,GAAI;AACd,MAAOS,QAAU;AACjB,MAAOC,aAAe;AACtB,IAHG;;AAID,SAAK,gBAAL;AACC,aAAOV,GAAI;AACd,MAAOS,QAAU;AACjB,MAAOE,aAAe;AACtB,IAHG;;AAKD,SAAK,MAAL;AACC,aAAOX,GAAI;AACd,MAAOY,IAAM;AACb,IAFG;;AAGD,SAAK,YAAL;AACC,aAAOZ,GAAI;AACd,MAAOY,IAAM;AACb,MAAOC,SAAW;AAClB,IAHG;;AAID,SAAK,YAAL;AACC,aAAOb,GAAI;AACd,MAAOY,IAAM;AACb,MAAOE,SAAW;AAClB,IAHG;;AAKD,SAAK,QAAL;AACC,aAAOC,MAAP;;AAED,SAAK,SAAL;AACC,aAAOC,OAAP;;AAED,SAAK,OAAL;AACC,aAAOC,KAAP;;AAED,SAAK,gBAAL;AACC,aAAOC,cAAP;AArDF;AAuDA,CAxDD;AA0DA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AACA,OAAO,MAAMI,IAAI,GAAKC,KAAF,IAAavB,GAAI;AACrC,GAAID,UAAY;AAChB,GAAIqB,OAAO,CAAEG,KAAK,CAACH,OAAR,CAAmB;AAC9B,CAHO","sourcesContent":["/*\n Internal dependencies\n /\nimport { fontFamily } from './font-family';\nimport css from './emotion-css';\nimport { G2 } from '../../utils/colors-values';\n\nconst fontWeightNormal = `font-weight: 400;`;\nconst fontWeightMedium = `font-weight: 500;`;\nconst fontWeightSemibold = `font-weight: 600;`;\n\nconst title = `\n ${ fontWeightNormal }\n`;\n\nconst titleLarge = `\n\tfont-size: 32px;\n\tline-height: 40px;\n`;\n\nconst titleMedium = `\n\tfont-size: 24px;\n\tline-height: 32px;\n`;\n\nconst titleSmall = `\n\tfont-size: 20px;\n\tline-height: 28px;\n`;\n\nconst subtitle = `\n\t${ fontWeightSemibold }\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nconst subtitleLarge = `\n\tfont-size: 16px;\n\tline-height: 24px;\n`;\n\nconst subtitleSmall = `\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nconst body = `\n\t${ fontWeightNormal }\n`;\n\nconst bodyLarge = `\n\tfont-size: 16px;\n\tline-height: 24px;\n`;\n\nconst bodySmall = `\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nconst button = `\n ${ fontWeightSemibold }\n font-size: 14px;\n line-height: 20px;\n`;\n\nconst caption = `\n\t${ fontWeightNormal }\n\tfont-size: 12px;\n\tline-height: 16px;\n`;\n\nconst label = `\n\t${ fontWeightSemibold }\n\tfont-size: 12px;\n\tline-height: 16px;\n`;\n\nconst sectionHeading = `\n\t${ fontWeightMedium }\n\tfont-size: 11px;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tcolor: ${ G2.gray[ 700 ] }\n`;\n\n/\n @typedef {'title.large'\|'title.medium'\|'title.small'\|'subtitle'\|'subtitle.small'\|'body'\|'body.large'\|'body.small'\|'button'\|'caption'\|'label'\|'sectionheading'} TextVariant\n /\n\n/\n @param {TextVariant} variantName\n /\nconst variant = ( variantName = 'body' ) => {\n\tswitch ( variantName ) {\n\t\tcase 'title.large':\n\t\t\treturn css`\n\t\t\t\t${ title }\n\t\t\t\t${ titleLarge }\n\t\t\t`;\n\t\tcase 'title.medium':\n\t\t\treturn css`\n\t\t\t\t${ title }\n\t\t\t\t${ titleMedium }\n\t\t\t`;\n\t\tcase 'title.small':\n\t\t\treturn css`\n\t\t\t\t${ title }\n\t\t\t\t${ titleSmall }\n\t\t\t`;\n\n\t\tcase 'subtitle':\n\t\t\treturn css`\n\t\t\t\t${ subtitle }\n\t\t\t\t${ subtitleLarge }\n\t\t\t`;\n\t\tcase 'subtitle.small':\n\t\t\treturn css`\n\t\t\t\t${ subtitle }\n\t\t\t\t${ subtitleSmall }\n\t\t\t`;\n\n\t\tcase 'body':\n\t\t\treturn css`\n\t\t\t\t${ body }\n\t\t\t`;\n\t\tcase 'body.large':\n\t\t\treturn css`\n\t\t\t\t${ body }\n\t\t\t\t${ bodyLarge }\n\t\t\t`;\n\t\tcase 'body.small':\n\t\t\treturn css`\n\t\t\t\t${ body }\n\t\t\t\t${ bodySmall }\n\t\t\t`;\n\n\t\tcase 'button':\n\t\t\treturn button;\n\n\t\tcase 'caption':\n\t\t\treturn caption;\n\n\t\tcase 'label':\n\t\t\treturn label;\n\n\t\tcase 'sectionheading':\n\t\t\treturn sectionHeading;\n\t}\n};\n\n/\n @typedef {Object} TextProps\n * @property {TextVariant} variant one of TextVariant to be used\n /\n\n/\n @param {TextProps} props\n */\nexport const text = ( props ) => css`\n\t${ fontFamily }\n\t${ variant( props.variant ) }\n`;\n"]}

package/build-module/text/types.js CHANGED Viewed

@@ -1,2 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/build-module/text/utils.js CHANGED Viewed

@@ -60,22 +60,23 @@ const memoizedLowercaseProps = memoize(lowercaseProps);
  * @param {Options} options
  */
-export function createHighlighterText({
-  activeClassName = '',
-  activeIndex = -1,
-  activeStyle,
-  autoEscape,
-  caseSensitive = false,
-  children,
-  findChunks,
-  highlightClassName = '',
-  highlightStyle = {},
-  highlightTag = 'mark',
-  sanitize,
-  searchWords = [],
-  unhighlightClassName = '',
-  unhighlightStyle
-}) {
+export function createHighlighterText(_ref) {
+  let {
+    activeClassName = '',
+    activeIndex = -1,
+    activeStyle,
+    autoEscape,
+    caseSensitive = false,
+    children,
+    findChunks,
+    highlightClassName = '',
+    highlightStyle = {},
+    highlightTag = 'mark',
+    sanitize,
+    searchWords = [],
+    unhighlightClassName = '',
+    unhighlightStyle
+  } = _ref;
   if (!children) return null;
   if (typeof children !== 'string') return children;
   const textToHighlight = children;

package/build-module/text/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/text/utils.js"],"names":["memoize","findAll","createElement","lowercaseProps","object","mapped","key","toLowerCase","memoizedLowercaseProps","createHighlighterText","activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","children","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","unhighlightClassName","unhighlightStyle","textToHighlight","chunks","HighlightTag","highlightIndex","highlightClassNames","highlightStyles","textContent","map","chunk","index","text","substr","start","end","highlight","highlightClass","isActive","Object","assign","props","className","style"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,OAAP,MAAoB,QAApB;AACA,SAASC,OAAT,QAAwB,sBAAxB;AAEA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;AACA;;AAEA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;;AACA,MAAMC,cAAc,GAAKC,MAAF,IAAc;AACpC;AACA,QAAMC,MAAM,GAAG,EAAf;;AACA,OAAM,MAAMC,GAAZ,IAAmBF,MAAnB,EAA4B;AAC3BC,IAAAA,MAAM,CAAEC,GAAG,CAACC,WAAJ,EAAF,CAAN,GAA8BH,MAAM,CAAEE,GAAF,CAApC;AACA;;AACD,SAAOD,MAAP;AACA,CAPD;;AASA,MAAMG,sBAAsB,GAAGR,OAAO,CAAEG,cAAF,CAAtC;AAEA;AACA;AACA;AACA;;AACA,OAAO,SAASM,qBAAT,~~CAAgC~~;AACtCC,~~EAAAA~~,eAAe,GAAG,EADoB;AAEtCC,~~EAAAA~~,WAAW,GAAG,CAAC,CAFuB;AAGtCC,~~EAAAA~~,WAHsC;AAItCC,~~EAAAA~~,UAJsC;AAKtCC,~~EAAAA~~,aAAa,GAAG,KALsB;AAMtCC,~~EAAAA~~,QANsC;AAOtCC,~~EAAAA~~,UAPsC;AAQtCC,~~EAAAA~~,kBAAkB,GAAG,EARiB;AAStCC,~~EAAAA~~,cAAc,GAAG,EATqB;AAUtCC,~~EAAAA~~,YAAY,GAAG,MAVuB;AAWtCC,~~EAAAA~~,QAXsC;AAYtCC,~~EAAAA~~,WAAW,GAAG,EAZwB;AAatCC,~~EAAAA~~,oBAAoB,GAAG,EAbe;AActCC,~~EAAAA~~;AAdsC,~~CAAhC,EAeH~~;AACH,MAAK,CAAER,QAAP,EAAkB,OAAO,IAAP;AAClB,MAAK,OAAOA,QAAP,KAAoB,QAAzB,EAAoC,OAAOA,QAAP;AAEpC,QAAMS,eAAe,GAAGT,QAAxB;AAEA,QAAMU,MAAM,GAAGxB,OAAO,CAAE;AACvBY,IAAAA,UADuB;AAEvBC,IAAAA,aAFuB;AAGvBE,IAAAA,UAHuB;AAIvBI,IAAAA,QAJuB;AAKvBC,IAAAA,WALuB;AAMvBG,IAAAA;AANuB,GAAF,CAAtB;AAQA,QAAME,YAAY,GAAGP,YAArB;AACA,MAAIQ,cAAc,GAAG,CAAC,CAAtB;AACA,MAAIC,mBAAmB,GAAG,EAA1B;AACA,MAAIC,eAAJ;AAEA,QAAMC,WAAW,GAAGL,MAAM,CAACM,GAAP,CAAY,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACnD,UAAMC,IAAI,GAAGV,eAAe,CAACW,MAAhB,CACZH,KAAK,CAACI,KADM,EAEZJ,KAAK,CAACK,GAAN,GAAYL,KAAK,CAACI,KAFN,CAAb;;AAKA,QAAKJ,KAAK,CAACM,SAAX,EAAuB;AACtBX,MAAAA,cAAc;AAEd,UAAIY,cAAJ;;AACA,UAAK,OAAOtB,kBAAP,KAA8B,QAAnC,EAA8C;AAC7C,YAAK,CAAEH,aAAP,EAAuB;AACtBG,UAAAA,kBAAkB,GAAGT,sBAAsB,CAC1CS,kBAD0C,CAA3C;AAGAsB,UAAAA,cAAc,GAAGtB,kBAAkB,CAAEiB,IAAI,CAAC3B,WAAL,EAAF,CAAnC;AACA,SALD,MAKO;AACNgC,UAAAA,cAAc,GAAGtB,kBAAkB,CAAEiB,IAAF,CAAnC;AACA;AACD,OATD,MASO;AACNK,QAAAA,cAAc,GAAGtB,kBAAjB;AACA;;AAED,YAAMuB,QAAQ,GAAGb,cAAc,KAAK,CAAChB,WAArC;AAEAiB,MAAAA,mBAAmB,GAAI,GAAGW,cAAgB,IACzCC,QAAQ,GAAG9B,eAAH,GAAqB,EAC7B,EAFD;AAGAmB,MAAAA,eAAe,GACdW,QAAQ,KAAK,IAAb,IAAqB5B,WAAW,KAAK,IAArC,GACG6B,MAAM,CAACC,MAAP,CAAe,EAAf,EAAmBxB,cAAnB,EAAmCN,WAAnC,CADH,GAEGM,cAHJ;AAKA;;AACA,YAAMyB,KAAK,GAAG;AACb5B,QAAAA,QAAQ,EAAEmB,IADG;AAEbU,QAAAA,SAAS,EAAEhB,mBAFE;AAGbtB,QAAAA,GAAG,EAAE2B,KAHQ;AAIbY,QAAAA,KAAK,EAAEhB;AAJM,OAAd,CA5BsB,CAmCtB;AACA;;AACA,UAAK,OAAOH,YAAP,KAAwB,QAA7B,EAAwC;AACvCiB,QAAAA,KAAK,CAAChB,cAAN,GAAuBA,cAAvB;AACA;;AAED,aAAOzB,aAAa,CAAEwB,YAAF,EAAgBiB,KAAhB,CAApB;AACA;;AACD,WAAOzC,aAAa,CAAE,MAAF,EAAU;AAC7Ba,MAAAA,QAAQ,EAAEmB,IADmB;AAE7BU,MAAAA,SAAS,EAAEtB,oBAFkB;AAG7BhB,MAAAA,GAAG,EAAE2B,KAHwB;AAI7BY,MAAAA,KAAK,EAAEtB;AAJsB,KAAV,CAApB;AAMA,GAvDmB,CAApB;AAyDA,SAAOO,WAAP;AACA","sourcesContent":["/*\n External dependencies\n /\nimport memoize from 'memize';\nimport { findAll } from 'highlight-words-core';\n\n/\n WordPress dependencies\n /\nimport { createElement } from '@wordpress/element';\n\n/\n Source:\n * https://github.com/bvaughn/react-highlight-words/blob/HEAD/src/Highlighter.js\n /\n\n/ eslint-disable jsdoc/valid-types /\n/\n @typedef Options\n * @property {string} [activeClassName=''] Classname for active highlighted areas.\n * @property {number} [activeIndex=-1] The index of the active highlighted area.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [activeStyle] Styles to apply to the active highlighted area.\n * @property {boolean} [autoEscape] Whether to automatically escape text.\n * @property {boolean} [caseSensitive=false] Whether to highlight in a case-sensitive manner.\n * @property {string} children Children to highlight.\n * @property {import('highlight-words-core').FindAllArgs['findChunks']} [findChunks] Custom `findChunks` function to pass to `highlight-words-core`.\n * @property {string \| Record<string, unknown>} [highlightClassName=''] Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}] Styles to apply to highlighted text.\n * @property {keyof JSX.IntrinsicElements} [highlightTag='mark'] Tag to use for the highlighted text.\n * @property {import('highlight-words-core').FindAllArgs['sanitize']} [sanitize] Custom `santize` function to pass to `highlight-words-core`.\n * @property {string[]} [searchWords=[]] Words to search for and highlight.\n * @property {string} [unhighlightClassName=''] Classname to apply to unhighlighted text.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle] Style to apply to unhighlighted text.\n /\n\n/\n Maps props to lowercase names.\n \n @template {Record<string, unknown>} T\n * @param {T} object Props to map.\n * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.\n /\n/ eslint-enable jsdoc/valid-types /\nconst lowercaseProps = ( object ) => {\n\t/* @type {any} /\n\tconst mapped = {};\n\tfor ( const key in object ) {\n\t\tmapped[ key.toLowerCase() ] = object[ key ];\n\t}\n\treturn mapped;\n};\n\nconst memoizedLowercaseProps = memoize( lowercaseProps );\n\n/\n \n * @param {Options} options\n /\nexport function createHighlighterText( {\n\tactiveClassName = '',\n\tactiveIndex = -1,\n\tactiveStyle,\n\tautoEscape,\n\tcaseSensitive = false,\n\tchildren,\n\tfindChunks,\n\thighlightClassName = '',\n\thighlightStyle = {},\n\thighlightTag = 'mark',\n\tsanitize,\n\tsearchWords = [],\n\tunhighlightClassName = '',\n\tunhighlightStyle,\n} ) {\n\tif ( ! children ) return null;\n\tif ( typeof children !== 'string' ) return children;\n\n\tconst textToHighlight = children;\n\n\tconst chunks = findAll( {\n\t\tautoEscape,\n\t\tcaseSensitive,\n\t\tfindChunks,\n\t\tsanitize,\n\t\tsearchWords,\n\t\ttextToHighlight,\n\t} );\n\tconst HighlightTag = highlightTag;\n\tlet highlightIndex = -1;\n\tlet highlightClassNames = '';\n\tlet highlightStyles;\n\n\tconst textContent = chunks.map( ( chunk, index ) => {\n\t\tconst text = textToHighlight.substr(\n\t\t\tchunk.start,\n\t\t\tchunk.end - chunk.start\n\t\t);\n\n\t\tif ( chunk.highlight ) {\n\t\t\thighlightIndex++;\n\n\t\t\tlet highlightClass;\n\t\t\tif ( typeof highlightClassName === 'object' ) {\n\t\t\t\tif ( ! caseSensitive ) {\n\t\t\t\t\thighlightClassName = memoizedLowercaseProps(\n\t\t\t\t\t\thighlightClassName\n\t\t\t\t\t);\n\t\t\t\t\thighlightClass = highlightClassName[ text.toLowerCase() ];\n\t\t\t\t} else {\n\t\t\t\t\thighlightClass = highlightClassName[ text ];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thighlightClass = highlightClassName;\n\t\t\t}\n\n\t\t\tconst isActive = highlightIndex === +activeIndex;\n\n\t\t\thighlightClassNames = `${ highlightClass } ${\n\t\t\t\tisActive ? activeClassName : ''\n\t\t\t}`;\n\t\t\thighlightStyles =\n\t\t\t\tisActive === true && activeStyle !== null\n\t\t\t\t\t? Object.assign( {}, highlightStyle, activeStyle )\n\t\t\t\t\t: highlightStyle;\n\n\t\t\t/* @type {Record<string, any>} */\n\t\t\tconst props = {\n\t\t\t\tchildren: text,\n\t\t\t\tclassName: highlightClassNames,\n\t\t\t\tkey: index,\n\t\t\t\tstyle: highlightStyles,\n\t\t\t};\n\n\t\t\t// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)\n\t\t\t// Only pass through the highlightIndex attribute for custom components.\n\t\t\tif ( typeof HighlightTag !== 'string' ) {\n\t\t\t\tprops.highlightIndex = highlightIndex;\n\t\t\t}\n\n\t\t\treturn createElement( HighlightTag, props );\n\t\t}\n\t\treturn createElement( 'span', {\n\t\t\tchildren: text,\n\t\t\tclassName: unhighlightClassName,\n\t\t\tkey: index,\n\t\t\tstyle: unhighlightStyle,\n\t\t} );\n\t} );\n\n\treturn textContent;\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/text/utils.js"],"names":["memoize","findAll","createElement","lowercaseProps","object","mapped","key","toLowerCase","memoizedLowercaseProps","createHighlighterText","activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","children","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","unhighlightClassName","unhighlightStyle","textToHighlight","chunks","HighlightTag","highlightIndex","highlightClassNames","highlightStyles","textContent","map","chunk","index","text","substr","start","end","highlight","highlightClass","isActive","Object","assign","props","className","style"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,OAAP,MAAoB,QAApB;AACA,SAASC,OAAT,QAAwB,sBAAxB;AAEA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;AACA;;AAEA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;;AACA,MAAMC,cAAc,GAAKC,MAAF,IAAc;AACpC;AACA,QAAMC,MAAM,GAAG,EAAf;;AACA,OAAM,MAAMC,GAAZ,IAAmBF,MAAnB,EAA4B;AAC3BC,IAAAA,MAAM,CAAEC,GAAG,CAACC,WAAJ,EAAF,CAAN,GAA8BH,MAAM,CAAEE,GAAF,CAApC;AACA;;AACD,SAAOD,MAAP;AACA,CAPD;;AASA,MAAMG,sBAAsB,GAAGR,OAAO,CAAEG,cAAF,CAAtC;AAEA;AACA;AACA;AACA;;AACA,OAAO,SAASM,qBAAT,OAeH;AAAA,MAfmC;AACtCC,IAAAA,eAAe,GAAG,EADoB;AAEtCC,IAAAA,WAAW,GAAG,CAAC,CAFuB;AAGtCC,IAAAA,WAHsC;AAItCC,IAAAA,UAJsC;AAKtCC,IAAAA,aAAa,GAAG,KALsB;AAMtCC,IAAAA,QANsC;AAOtCC,IAAAA,UAPsC;AAQtCC,IAAAA,kBAAkB,GAAG,EARiB;AAStCC,IAAAA,cAAc,GAAG,EATqB;AAUtCC,IAAAA,YAAY,GAAG,MAVuB;AAWtCC,IAAAA,QAXsC;AAYtCC,IAAAA,WAAW,GAAG,EAZwB;AAatCC,IAAAA,oBAAoB,GAAG,EAbe;AActCC,IAAAA;AAdsC,GAenC;AACH,MAAK,CAAER,QAAP,EAAkB,OAAO,IAAP;AAClB,MAAK,OAAOA,QAAP,KAAoB,QAAzB,EAAoC,OAAOA,QAAP;AAEpC,QAAMS,eAAe,GAAGT,QAAxB;AAEA,QAAMU,MAAM,GAAGxB,OAAO,CAAE;AACvBY,IAAAA,UADuB;AAEvBC,IAAAA,aAFuB;AAGvBE,IAAAA,UAHuB;AAIvBI,IAAAA,QAJuB;AAKvBC,IAAAA,WALuB;AAMvBG,IAAAA;AANuB,GAAF,CAAtB;AAQA,QAAME,YAAY,GAAGP,YAArB;AACA,MAAIQ,cAAc,GAAG,CAAC,CAAtB;AACA,MAAIC,mBAAmB,GAAG,EAA1B;AACA,MAAIC,eAAJ;AAEA,QAAMC,WAAW,GAAGL,MAAM,CAACM,GAAP,CAAY,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACnD,UAAMC,IAAI,GAAGV,eAAe,CAACW,MAAhB,CACZH,KAAK,CAACI,KADM,EAEZJ,KAAK,CAACK,GAAN,GAAYL,KAAK,CAACI,KAFN,CAAb;;AAKA,QAAKJ,KAAK,CAACM,SAAX,EAAuB;AACtBX,MAAAA,cAAc;AAEd,UAAIY,cAAJ;;AACA,UAAK,OAAOtB,kBAAP,KAA8B,QAAnC,EAA8C;AAC7C,YAAK,CAAEH,aAAP,EAAuB;AACtBG,UAAAA,kBAAkB,GAAGT,sBAAsB,CAC1CS,kBAD0C,CAA3C;AAGAsB,UAAAA,cAAc,GAAGtB,kBAAkB,CAAEiB,IAAI,CAAC3B,WAAL,EAAF,CAAnC;AACA,SALD,MAKO;AACNgC,UAAAA,cAAc,GAAGtB,kBAAkB,CAAEiB,IAAF,CAAnC;AACA;AACD,OATD,MASO;AACNK,QAAAA,cAAc,GAAGtB,kBAAjB;AACA;;AAED,YAAMuB,QAAQ,GAAGb,cAAc,KAAK,CAAChB,WAArC;AAEAiB,MAAAA,mBAAmB,GAAI,GAAGW,cAAgB,IACzCC,QAAQ,GAAG9B,eAAH,GAAqB,EAC7B,EAFD;AAGAmB,MAAAA,eAAe,GACdW,QAAQ,KAAK,IAAb,IAAqB5B,WAAW,KAAK,IAArC,GACG6B,MAAM,CAACC,MAAP,CAAe,EAAf,EAAmBxB,cAAnB,EAAmCN,WAAnC,CADH,GAEGM,cAHJ;AAKA;;AACA,YAAMyB,KAAK,GAAG;AACb5B,QAAAA,QAAQ,EAAEmB,IADG;AAEbU,QAAAA,SAAS,EAAEhB,mBAFE;AAGbtB,QAAAA,GAAG,EAAE2B,KAHQ;AAIbY,QAAAA,KAAK,EAAEhB;AAJM,OAAd,CA5BsB,CAmCtB;AACA;;AACA,UAAK,OAAOH,YAAP,KAAwB,QAA7B,EAAwC;AACvCiB,QAAAA,KAAK,CAAChB,cAAN,GAAuBA,cAAvB;AACA;;AAED,aAAOzB,aAAa,CAAEwB,YAAF,EAAgBiB,KAAhB,CAApB;AACA;;AACD,WAAOzC,aAAa,CAAE,MAAF,EAAU;AAC7Ba,MAAAA,QAAQ,EAAEmB,IADmB;AAE7BU,MAAAA,SAAS,EAAEtB,oBAFkB;AAG7BhB,MAAAA,GAAG,EAAE2B,KAHwB;AAI7BY,MAAAA,KAAK,EAAEtB;AAJsB,KAAV,CAApB;AAMA,GAvDmB,CAApB;AAyDA,SAAOO,WAAP;AACA","sourcesContent":["/*\n External dependencies\n /\nimport memoize from 'memize';\nimport { findAll } from 'highlight-words-core';\n\n/\n WordPress dependencies\n /\nimport { createElement } from '@wordpress/element';\n\n/\n Source:\n * https://github.com/bvaughn/react-highlight-words/blob/HEAD/src/Highlighter.js\n /\n\n/ eslint-disable jsdoc/valid-types /\n/\n @typedef Options\n * @property {string} [activeClassName=''] Classname for active highlighted areas.\n * @property {number} [activeIndex=-1] The index of the active highlighted area.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [activeStyle] Styles to apply to the active highlighted area.\n * @property {boolean} [autoEscape] Whether to automatically escape text.\n * @property {boolean} [caseSensitive=false] Whether to highlight in a case-sensitive manner.\n * @property {string} children Children to highlight.\n * @property {import('highlight-words-core').FindAllArgs['findChunks']} [findChunks] Custom `findChunks` function to pass to `highlight-words-core`.\n * @property {string \| Record<string, unknown>} [highlightClassName=''] Classname to apply to highlighted text or a Record of classnames to apply to given text (which should be the key).\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [highlightStyle={}] Styles to apply to highlighted text.\n * @property {keyof JSX.IntrinsicElements} [highlightTag='mark'] Tag to use for the highlighted text.\n * @property {import('highlight-words-core').FindAllArgs['sanitize']} [sanitize] Custom `santize` function to pass to `highlight-words-core`.\n * @property {string[]} [searchWords=[]] Words to search for and highlight.\n * @property {string} [unhighlightClassName=''] Classname to apply to unhighlighted text.\n * @property {import('react').AllHTMLAttributes<HTMLDivElement>['style']} [unhighlightStyle] Style to apply to unhighlighted text.\n /\n\n/\n Maps props to lowercase names.\n \n @template {Record<string, unknown>} T\n * @param {T} object Props to map.\n * @return {{[K in keyof T as Lowercase<string & K>]: T[K]}} The mapped props.\n /\n/ eslint-enable jsdoc/valid-types /\nconst lowercaseProps = ( object ) => {\n\t/* @type {any} /\n\tconst mapped = {};\n\tfor ( const key in object ) {\n\t\tmapped[ key.toLowerCase() ] = object[ key ];\n\t}\n\treturn mapped;\n};\n\nconst memoizedLowercaseProps = memoize( lowercaseProps );\n\n/\n \n * @param {Options} options\n /\nexport function createHighlighterText( {\n\tactiveClassName = '',\n\tactiveIndex = -1,\n\tactiveStyle,\n\tautoEscape,\n\tcaseSensitive = false,\n\tchildren,\n\tfindChunks,\n\thighlightClassName = '',\n\thighlightStyle = {},\n\thighlightTag = 'mark',\n\tsanitize,\n\tsearchWords = [],\n\tunhighlightClassName = '',\n\tunhighlightStyle,\n} ) {\n\tif ( ! children ) return null;\n\tif ( typeof children !== 'string' ) return children;\n\n\tconst textToHighlight = children;\n\n\tconst chunks = findAll( {\n\t\tautoEscape,\n\t\tcaseSensitive,\n\t\tfindChunks,\n\t\tsanitize,\n\t\tsearchWords,\n\t\ttextToHighlight,\n\t} );\n\tconst HighlightTag = highlightTag;\n\tlet highlightIndex = -1;\n\tlet highlightClassNames = '';\n\tlet highlightStyles;\n\n\tconst textContent = chunks.map( ( chunk, index ) => {\n\t\tconst text = textToHighlight.substr(\n\t\t\tchunk.start,\n\t\t\tchunk.end - chunk.start\n\t\t);\n\n\t\tif ( chunk.highlight ) {\n\t\t\thighlightIndex++;\n\n\t\t\tlet highlightClass;\n\t\t\tif ( typeof highlightClassName === 'object' ) {\n\t\t\t\tif ( ! caseSensitive ) {\n\t\t\t\t\thighlightClassName = memoizedLowercaseProps(\n\t\t\t\t\t\thighlightClassName\n\t\t\t\t\t);\n\t\t\t\t\thighlightClass = highlightClassName[ text.toLowerCase() ];\n\t\t\t\t} else {\n\t\t\t\t\thighlightClass = highlightClassName[ text ];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thighlightClass = highlightClassName;\n\t\t\t}\n\n\t\t\tconst isActive = highlightIndex === +activeIndex;\n\n\t\t\thighlightClassNames = `${ highlightClass } ${\n\t\t\t\tisActive ? activeClassName : ''\n\t\t\t}`;\n\t\t\thighlightStyles =\n\t\t\t\tisActive === true && activeStyle !== null\n\t\t\t\t\t? Object.assign( {}, highlightStyle, activeStyle )\n\t\t\t\t\t: highlightStyle;\n\n\t\t\t/* @type {Record<string, any>} */\n\t\t\tconst props = {\n\t\t\t\tchildren: text,\n\t\t\t\tclassName: highlightClassNames,\n\t\t\t\tkey: index,\n\t\t\t\tstyle: highlightStyles,\n\t\t\t};\n\n\t\t\t// Don't attach arbitrary props to DOM elements; this triggers React DEV warnings (https://fb.me/react-unknown-prop)\n\t\t\t// Only pass through the highlightIndex attribute for custom components.\n\t\t\tif ( typeof HighlightTag !== 'string' ) {\n\t\t\t\tprops.highlightIndex = highlightIndex;\n\t\t\t}\n\n\t\t\treturn createElement( HighlightTag, props );\n\t\t}\n\t\treturn createElement( 'span', {\n\t\t\tchildren: text,\n\t\t\tclassName: unhighlightClassName,\n\t\t\tkey: index,\n\t\t\tstyle: unhighlightStyle,\n\t\t} );\n\t} );\n\n\treturn textContent;\n}\n"]}

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

@@ -30,22 +30,23 @@ import BaseControl from '../base-control';
  * @param {import('react').Ref<HTMLInputElement>} [ref]
  */
-function TextControl({
-  label,
-  hideLabelFromVision,
-  value,
-  help,
-  className,
-  onChange,
-  type = 'text',
-  ...props
-}, ref) {
+function TextControl(_ref, ref) {
+  let {
+    label,
+    hideLabelFromVision,
+    value,
+    help,
+    className,
+    onChange,
+    type = 'text',
+    ...props
+  } = _ref;
   const instanceId = useInstanceId(TextControl);
   const id = `inspector-text-control-${instanceId}`;
-  const onChangeValue =
+  const onChangeValue = (
   /** @type {import('react').ChangeEvent<HTMLInputElement>} */
-  event => onChange(event.target.value);
+  event) => onChange(event.target.value);
   return createElement(BaseControl, {
     label: label,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/text-control/index.js"],"names":["useInstanceId","forwardRef","BaseControl","TextControl","label","hideLabelFromVision","value","help","className","onChange","type","props","~~ref","~~instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,WAAT,~~CACC~~;AACCC,~~EAAAA~~,KADD;AAECC,~~EAAAA~~,mBAFD;AAGCC,~~EAAAA~~,KAHD;AAICC,~~EAAAA~~,IAJD;AAKCC,~~EAAAA~~,SALD;AAMCC,~~EAAAA~~,QAND;AAOCC,~~EAAAA~~,IAAI,GAAG,MAPR;AAQC,~~KAAGC~~;AARJ,~~CADD,EAWCC,GAXD,EAYE~~;AACD,QAAMC,UAAU,GAAGb,aAAa,CAAEG,WAAF,CAAhC;AACA,QAAMW,EAAE,GAAI,0BAA0BD,UAAY,EAAlD;;AACA,QAAME,aAAa;~~AAClB~~;AACAC,EAAAA,KAFqB,~~IAGjBP~~,QAAQ,~~CAAEO~~,KAAK,CAACC,MAAN,~~CAAaX~~,KAAf,CAHb;;AAKA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,~~EAAGS~~,EAHN;AAIC,IAAA,IAAI,~~EAAGP~~,IAJR;AAKC,IAAA,SAAS,EAAGC;AALb,KAOC;AACC,IAAA,SAAS,EAAC,gCADX;AAEC,IAAA,IAAI,EAAGE,IAFR;AAGC,IAAA,EAAE,~~EAAGI~~,EAHN;AAIC,IAAA,KAAK,~~EAAGR~~,KAJT;AAKC,IAAA,QAAQ,~~EAAGS~~,aALZ;AAMC,wBAAmB,CAAC,~~CAAER~~,IAAH,~~GAAUO~~,EAAE,GAAG,QAAf,GAA0BI,SAN9C;AAOC,IAAA,GAAG,~~EAAGN~~;AAPP,~~KAQMD~~,KARN,EAPD,CADD;AAoBA;;AAED,~~eAAeV~~,UAAU,CAAEE,WAAF,CAAzB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\n\n/\n @typedef OwnProps\n * @property {string} label Label for the control.\n * @property {boolean} [hideLabelFromVision] Whether to accessibly hide the label.\n * @property {string} value Value of the input.\n * @property {string} [help] Optional help text for the control.\n * @property {string} [className] Classname passed to BaseControl wrapper\n * @property {(value: string) => void} onChange Handle changes.\n * @property {string} [type='text'] Type of the input.\n /\n\n/* @typedef {OwnProps & import('react').ComponentProps<'input'>} Props /\n\n/\n \n * @param {Props} props Props\n * @param {import('react').Ref<HTMLInputElement>} [ref]\n /\nfunction TextControl(\n\t{\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tclassName,\n\t\tonChange,\n\t\ttype = 'text',\n\t\t...props\n\t},\n\tref\n) {\n\tconst instanceId = useInstanceId( TextControl );\n\tconst id = `inspector-text-control-${ instanceId }`;\n\tconst onChangeValue = (\n\t\t/* @type {import('react').ChangeEvent<HTMLInputElement>} */\n\t\tevent\n\t) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\ttype={ type }\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default forwardRef( TextControl );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/text-control/index.js"],"names":["useInstanceId","forwardRef","BaseControl","TextControl","ref","label","hideLabelFromVision","value","help","className","onChange","type","props","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,WAAT,OAWCC,GAXD,EAYE;AAAA,MAXD;AACCC,IAAAA,KADD;AAECC,IAAAA,mBAFD;AAGCC,IAAAA,KAHD;AAICC,IAAAA,IAJD;AAKCC,IAAAA,SALD;AAMCC,IAAAA,QAND;AAOCC,IAAAA,IAAI,GAAG,MAPR;AAQC,OAAGC;AARJ,GAWC;AACD,QAAMC,UAAU,GAAGb,aAAa,CAAEG,WAAF,CAAhC;AACA,QAAMW,EAAE,GAAI,0BAA0BD,UAAY,EAAlD;;AACA,QAAME,aAAa,GAAG;AACrB;AACAC,EAAAA,KAFqB,KAGjBN,QAAQ,CAAEM,KAAK,CAACC,MAAN,CAAaV,KAAf,CAHb;;AAKA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGQ,EAHN;AAIC,IAAA,IAAI,EAAGN,IAJR;AAKC,IAAA,SAAS,EAAGC;AALb,KAOC;AACC,IAAA,SAAS,EAAC,gCADX;AAEC,IAAA,IAAI,EAAGE,IAFR;AAGC,IAAA,EAAE,EAAGG,EAHN;AAIC,IAAA,KAAK,EAAGP,KAJT;AAKC,IAAA,QAAQ,EAAGQ,aALZ;AAMC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAN9C;AAOC,IAAA,GAAG,EAAGd;AAPP,KAQMQ,KARN,EAPD,CADD;AAoBA;;AAED,eAAeX,UAAU,CAAEE,WAAF,CAAzB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\n\n/\n @typedef OwnProps\n * @property {string} label Label for the control.\n * @property {boolean} [hideLabelFromVision] Whether to accessibly hide the label.\n * @property {string} value Value of the input.\n * @property {string} [help] Optional help text for the control.\n * @property {string} [className] Classname passed to BaseControl wrapper\n * @property {(value: string) => void} onChange Handle changes.\n * @property {string} [type='text'] Type of the input.\n /\n\n/* @typedef {OwnProps & import('react').ComponentProps<'input'>} Props /\n\n/\n \n * @param {Props} props Props\n * @param {import('react').Ref<HTMLInputElement>} [ref]\n /\nfunction TextControl(\n\t{\n\t\tlabel,\n\t\thideLabelFromVision,\n\t\tvalue,\n\t\thelp,\n\t\tclassName,\n\t\tonChange,\n\t\ttype = 'text',\n\t\t...props\n\t},\n\tref\n) {\n\tconst instanceId = useInstanceId( TextControl );\n\tconst id = `inspector-text-control-${ instanceId }`;\n\tconst onChangeValue = (\n\t\t/* @type {import('react').ChangeEvent<HTMLInputElement>} */\n\t\tevent\n\t) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<input\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\ttype={ type }\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default forwardRef( TextControl );\n"]}

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

@@ -11,18 +11,19 @@ import { memo } from '@wordpress/element';
 import Cell from '../mobile/bottom-sheet/cell';
-function TextControl({
-  label,
-  hideLabelFromVision,
-  value,
-  help,
-  className,
-  instanceId,
-  onChange,
-  type = 'text',
-  placeholder,
-  ...props
-}) {
+function TextControl(_ref) {
+  let {
+    label,
+    hideLabelFromVision,
+    value,
+    help,
+    className,
+    instanceId,
+    onChange,
+    type = 'text',
+    placeholder,
+    ...props
+  } = _ref;
   const id = `inspector-text-control-${instanceId}`;
   return createElement(Cell, _extends({
     label: label,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/text-control/index.native.js"],"names":["memo","Cell","TextControl","label","hideLabelFromVision","value","help","className","instanceId","onChange","type","placeholder","props","id","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,6BAAjB;;AAEA,SAASC,WAAT,~~CAAsB~~;AACrBC,~~EAAAA~~,KADqB;AAErBC,~~EAAAA~~,mBAFqB;AAGrBC,~~EAAAA~~,KAHqB;AAIrBC,~~EAAAA~~,IAJqB;AAKrBC,~~EAAAA~~,SALqB;AAMrBC,~~EAAAA~~,UANqB;AAOrBC,~~EAAAA~~,QAPqB;AAQrBC,~~EAAAA~~,IAAI,GAAG,MARc;AASrBC,~~EAAAA~~,WATqB;AAUrB,~~KAAGC~~;AAVkB,~~CAAtB,EAWI~~;AACH,QAAMC,EAAE,GAAI,0BAA0BL,UAAY,EAAlD;AAEA,SACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,IAAI,EAAGP,IAJR;AAKC,IAAA,SAAS,EAAGC,SALb;AAMC,IAAA,IAAI,EAAGG,IANR;AAOC,IAAA,KAAK,EAAGL,KAPT;AAQC,IAAA,aAAa,EAAGI,QARjB;AASC,wBAAmB,CAAC,CAAEH,IAAH,GAAUO,EAAE,GAAG,QAAf,GAA0BC,SAT9C;AAUC,IAAA,gBAAgB,EAAGH;AAVpB,KAWMC,KAXN,EADD;AAeA;;AAED,eAAeZ,IAAI,CAAEE,WAAF,CAAnB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport Cell from '../mobile/bottom-sheet/cell';\n\nfunction TextControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tclassName,\n\tinstanceId,\n\tonChange,\n\ttype = 'text',\n\tplaceholder,\n\t...props\n} ) {\n\tconst id = `inspector-text-control-${ instanceId }`;\n\n\treturn (\n\t\t<Cell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\ttype={ type }\n\t\t\tvalue={ value }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\tvaluePlaceholder={ placeholder }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( TextControl );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/text-control/index.native.js"],"names":["memo","Cell","TextControl","label","hideLabelFromVision","value","help","className","instanceId","onChange","type","placeholder","props","id","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,6BAAjB;;AAEA,SAASC,WAAT,OAWI;AAAA,MAXkB;AACrBC,IAAAA,KADqB;AAErBC,IAAAA,mBAFqB;AAGrBC,IAAAA,KAHqB;AAIrBC,IAAAA,IAJqB;AAKrBC,IAAAA,SALqB;AAMrBC,IAAAA,UANqB;AAOrBC,IAAAA,QAPqB;AAQrBC,IAAAA,IAAI,GAAG,MARc;AASrBC,IAAAA,WATqB;AAUrB,OAAGC;AAVkB,GAWlB;AACH,QAAMC,EAAE,GAAI,0BAA0BL,UAAY,EAAlD;AAEA,SACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,IAAI,EAAGP,IAJR;AAKC,IAAA,SAAS,EAAGC,SALb;AAMC,IAAA,IAAI,EAAGG,IANR;AAOC,IAAA,KAAK,EAAGL,KAPT;AAQC,IAAA,aAAa,EAAGI,QARjB;AASC,wBAAmB,CAAC,CAAEH,IAAH,GAAUO,EAAE,GAAG,QAAf,GAA0BC,SAT9C;AAUC,IAAA,gBAAgB,EAAGH;AAVpB,KAWMC,KAXN,EADD;AAeA;;AAED,eAAeZ,IAAI,CAAEE,WAAF,CAAnB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport Cell from '../mobile/bottom-sheet/cell';\n\nfunction TextControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tclassName,\n\tinstanceId,\n\tonChange,\n\ttype = 'text',\n\tplaceholder,\n\t...props\n} ) {\n\tconst id = `inspector-text-control-${ instanceId }`;\n\n\treturn (\n\t\t<Cell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\ttype={ type }\n\t\t\tvalue={ value }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\tvaluePlaceholder={ placeholder }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( TextControl );\n"]}

package/build-module/text-highlight/index.js CHANGED Viewed

@@ -10,10 +10,11 @@ import { escapeRegExp } from 'lodash';
 import { createInterpolateElement } from '@wordpress/element';
-const TextHighlight = ({
-  text = '',
-  highlight = ''
-}) => {
+const TextHighlight = _ref => {
+  let {
+    text = '',
+    highlight = ''
+  } = _ref;
   const trimmedHighlightText = highlight.trim();
   if (!trimmedHighlightText) {

package/build-module/text-highlight/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/text-highlight/index.js"],"names":["escapeRegExp","createInterpolateElement","TextHighlight","text","highlight","trimmedHighlightText","trim","regex","RegExp","replace","mark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,QAA7B;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;;AAEA,MAAMC,aAAa,GAAG,~~CAAE~~;AAAEC,~~EAAAA~~,IAAI,GAAG,EAAT;AAAaC,~~EAAAA~~,SAAS,GAAG;AAAzB,~~CAAF,KAAqC~~;AAC1D,QAAMC,oBAAoB,GAAGD,SAAS,CAACE,IAAV,EAA7B;;AAEA,MAAK,CAAED,oBAAP,EAA8B;AAC7B,WAAOF,IAAP;AACA;;AAED,QAAMI,KAAK,GAAG,IAAIC,MAAJ,CACZ,IAAIR,YAAY,CAAEK,oBAAF,CAA0B,GAD9B,EAEb,IAFa,CAAd;AAKA,SAAOJ,wBAAwB,CAAEE,IAAI,CAACM,OAAL,CAAcF,KAAd,EAAqB,iBAArB,CAAF,EAA4C;AAC1EG,IAAAA,IAAI,EAAE;AADoE,GAA5C,CAA/B;AAGA,CAfD;;AAiBA,eAAeR,aAAf","sourcesContent":["/*\n External dependencies\n /\nimport { escapeRegExp } from 'lodash';\n\n/\n WordPress dependencies\n */\nimport { createInterpolateElement } from '@wordpress/element';\n\nconst TextHighlight = ( { text = '', highlight = '' } ) => {\n\tconst trimmedHighlightText = highlight.trim();\n\n\tif ( ! trimmedHighlightText ) {\n\t\treturn text;\n\t}\n\n\tconst regex = new RegExp(\n\t\t`(${ escapeRegExp( trimmedHighlightText ) })`,\n\t\t'gi'\n\t);\n\n\treturn createInterpolateElement( text.replace( regex, '<mark>$&</mark>' ), {\n\t\tmark: <mark />,\n\t} );\n};\n\nexport default TextHighlight;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/text-highlight/index.js"],"names":["escapeRegExp","createInterpolateElement","TextHighlight","text","highlight","trimmedHighlightText","trim","regex","RegExp","replace","mark"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,QAA7B;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;;AAEA,MAAMC,aAAa,GAAG,QAAqC;AAAA,MAAnC;AAAEC,IAAAA,IAAI,GAAG,EAAT;AAAaC,IAAAA,SAAS,GAAG;AAAzB,GAAmC;AAC1D,QAAMC,oBAAoB,GAAGD,SAAS,CAACE,IAAV,EAA7B;;AAEA,MAAK,CAAED,oBAAP,EAA8B;AAC7B,WAAOF,IAAP;AACA;;AAED,QAAMI,KAAK,GAAG,IAAIC,MAAJ,CACZ,IAAIR,YAAY,CAAEK,oBAAF,CAA0B,GAD9B,EAEb,IAFa,CAAd;AAKA,SAAOJ,wBAAwB,CAAEE,IAAI,CAACM,OAAL,CAAcF,KAAd,EAAqB,iBAArB,CAAF,EAA4C;AAC1EG,IAAAA,IAAI,EAAE;AADoE,GAA5C,CAA/B;AAGA,CAfD;;AAiBA,eAAeR,aAAf","sourcesContent":["/*\n External dependencies\n /\nimport { escapeRegExp } from 'lodash';\n\n/\n WordPress dependencies\n */\nimport { createInterpolateElement } from '@wordpress/element';\n\nconst TextHighlight = ( { text = '', highlight = '' } ) => {\n\tconst trimmedHighlightText = highlight.trim();\n\n\tif ( ! trimmedHighlightText ) {\n\t\treturn text;\n\t}\n\n\tconst regex = new RegExp(\n\t\t`(${ escapeRegExp( trimmedHighlightText ) })`,\n\t\t'gi'\n\t);\n\n\treturn createInterpolateElement( text.replace( regex, '<mark>$&</mark>' ), {\n\t\tmark: <mark />,\n\t} );\n};\n\nexport default TextHighlight;\n"]}

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

@@ -11,16 +11,17 @@ import { useInstanceId } from '@wordpress/compose';
 import BaseControl from '../base-control';
 import { StyledTextarea } from './styles/textarea-control-styles';
-export default function TextareaControl({
-  label,
-  hideLabelFromVision,
-  value,
-  help,
-  onChange,
-  rows = 4,
-  className,
-  ...props
-}) {
+export default function TextareaControl(_ref) {
+  let {
+    label,
+    hideLabelFromVision,
+    value,
+    help,
+    onChange,
+    rows = 4,
+    className,
+    ...props
+  } = _ref;
   const instanceId = useInstanceId(TextareaControl);
   const id = `inspector-textarea-control-${instanceId}`;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/textarea-control/index.js"],"names":["useInstanceId","BaseControl","StyledTextarea","TextareaControl","label","hideLabelFromVision","value","help","onChange","rows","className","props","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,SAASC,cAAT,QAA+B,kCAA/B;AAEA,eAAe,SAASC,eAAT,~~CAA0B~~;AACxCC,~~EAAAA~~,KADwC;AAExCC,~~EAAAA~~,mBAFwC;AAGxCC,~~EAAAA~~,KAHwC;AAIxCC,~~EAAAA~~,IAJwC;AAKxCC,~~EAAAA~~,QALwC;AAMxCC,~~EAAAA~~,IAAI,GAAG,CANiC;AAOxCC,~~EAAAA~~,SAPwC;AAQxC,~~KAAGC~~;AARqC,~~CAA1B,EASX~~;AACH,QAAMC,UAAU,GAAGZ,aAAa,CAAEG,eAAF,CAAhC;AACA,QAAMU,EAAE,GAAI,8BAA8BD,UAAY,EAAtD;;AACA,QAAME,aAAa,GAAKC,KAAF,IAAaP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaV,KAAf,CAA3C;;AAEA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGQ,EAHN;AAIC,IAAA,IAAI,EAAGN,IAJR;AAKC,IAAA,SAAS,EAAGG;AALb,KAOC,cAAC,cAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,EAAE,EAAGG,EAFN;AAGC,IAAA,IAAI,EAAGJ,IAHR;AAIC,IAAA,QAAQ,EAAGK,aAJZ;AAKC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAL9C;AAMC,IAAA,KAAK,EAAGX;AANT,KAOMK,KAPN,EAPD,CADD;AAmBA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { StyledTextarea } from './styles/textarea-control-styles';\n\nexport default function TextareaControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tonChange,\n\trows = 4,\n\tclassName,\n\t...props\n} ) {\n\tconst instanceId = useInstanceId( TextareaControl );\n\tconst id = `inspector-textarea-control-${ instanceId }`;\n\tconst onChangeValue = ( event ) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<StyledTextarea\n\t\t\t\tclassName=\"components-textarea-control__input\"\n\t\t\t\tid={ id }\n\t\t\t\trows={ rows }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/textarea-control/index.js"],"names":["useInstanceId","BaseControl","StyledTextarea","TextareaControl","label","hideLabelFromVision","value","help","onChange","rows","className","props","instanceId","id","onChangeValue","event","target","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,SAASC,cAAT,QAA+B,kCAA/B;AAEA,eAAe,SAASC,eAAT,OASX;AAAA,MATqC;AACxCC,IAAAA,KADwC;AAExCC,IAAAA,mBAFwC;AAGxCC,IAAAA,KAHwC;AAIxCC,IAAAA,IAJwC;AAKxCC,IAAAA,QALwC;AAMxCC,IAAAA,IAAI,GAAG,CANiC;AAOxCC,IAAAA,SAPwC;AAQxC,OAAGC;AARqC,GASrC;AACH,QAAMC,UAAU,GAAGZ,aAAa,CAAEG,eAAF,CAAhC;AACA,QAAMU,EAAE,GAAI,8BAA8BD,UAAY,EAAtD;;AACA,QAAME,aAAa,GAAKC,KAAF,IAAaP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaV,KAAf,CAA3C;;AAEA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,mBAAmB,EAAGC,mBAFvB;AAGC,IAAA,EAAE,EAAGQ,EAHN;AAIC,IAAA,IAAI,EAAGN,IAJR;AAKC,IAAA,SAAS,EAAGG;AALb,KAOC,cAAC,cAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,EAAE,EAAGG,EAFN;AAGC,IAAA,IAAI,EAAGJ,IAHR;AAIC,IAAA,QAAQ,EAAGK,aAJZ;AAKC,wBAAmB,CAAC,CAAEP,IAAH,GAAUM,EAAE,GAAG,QAAf,GAA0BI,SAL9C;AAMC,IAAA,KAAK,EAAGX;AANT,KAOMK,KAPN,EAPD,CADD;AAmBA","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { StyledTextarea } from './styles/textarea-control-styles';\n\nexport default function TextareaControl( {\n\tlabel,\n\thideLabelFromVision,\n\tvalue,\n\thelp,\n\tonChange,\n\trows = 4,\n\tclassName,\n\t...props\n} ) {\n\tconst instanceId = useInstanceId( TextareaControl );\n\tconst id = `inspector-textarea-control-${ instanceId }`;\n\tconst onChangeValue = ( event ) => onChange( event.target.value );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t>\n\t\t\t<StyledTextarea\n\t\t\t\tclassName=\"components-textarea-control__input\"\n\t\t\t\tid={ id }\n\t\t\t\trows={ rows }\n\t\t\t\tonChange={ onChangeValue }\n\t\t\t\taria-describedby={ !! help ? id + '__help' : undefined }\n\t\t\t\tvalue={ value }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n"]}

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

@@ -10,13 +10,14 @@ import { TextInput } from 'react-native';
 import BaseControl from '../base-control';
-function TextareaControl({
-  label,
-  value,
-  help,
-  onChange,
-  rows = 4
-}) {
+function TextareaControl(_ref) {
+  let {
+    label,
+    value,
+    help,
+    onChange,
+    rows = 4
+  } = _ref;
   return createElement(BaseControl, {
     label: label,
     help: help

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/textarea-control/index.native.js"],"names":["TextInput","BaseControl","TextareaControl","label","value","help","onChange","rows","height","borderColor","borderWidth"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,cAA1B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;;AAEA,SAASC,eAAT,~~CAA0B~~;AAAEC,~~EAAAA~~,KAAF;AAASC,~~EAAAA~~,KAAT;AAAgBC,~~EAAAA~~,IAAhB;AAAsBC,~~EAAAA~~,QAAtB;AAAgCC,~~EAAAA~~,IAAI,GAAG;AAAvC,~~CAA1B,EAAuE~~;AACtE,SACC,cAAC,WAAD;AAAa,IAAA,KAAK,EAAGJ,KAArB;AAA6B,IAAA,IAAI,EAAGE;AAApC,KACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAG;AAAEG,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,WAAW,EAAE,MAA3B;AAAmCC,MAAAA,WAAW,EAAE;AAAhD,KADT;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,YAAY,EAAGE,QAHhB;AAIC,IAAA,aAAa,EAAGC,IAJjB;AAKC,IAAA,SAAS,EAAGA,IAAI,GAAG,CALpB;AAMC,IAAA,iBAAiB,EAAC;AANnB,IADD,CADD;AAYA;;AAED,eAAeL,eAAf","sourcesContent":["/*\n External dependencies\n /\nimport { TextInput } from 'react-native';\n\n/\n Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nfunction TextareaControl( { label, value, help, onChange, rows = 4 } ) {\n\treturn (\n\t\t<BaseControl label={ label } help={ help }>\n\t\t\t<TextInput\n\t\t\t\tstyle={ { height: 80, borderColor: 'gray', borderWidth: 1 } }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChangeText={ onChange }\n\t\t\t\tnumberOfLines={ rows }\n\t\t\t\tmultiline={ rows > 1 }\n\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/textarea-control/index.native.js"],"names":["TextInput","BaseControl","TextareaControl","label","value","help","onChange","rows","height","borderColor","borderWidth"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,cAA1B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;;AAEA,SAASC,eAAT,OAAuE;AAAA,MAA7C;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA,QAAtB;AAAgCC,IAAAA,IAAI,GAAG;AAAvC,GAA6C;AACtE,SACC,cAAC,WAAD;AAAa,IAAA,KAAK,EAAGJ,KAArB;AAA6B,IAAA,IAAI,EAAGE;AAApC,KACC,cAAC,SAAD;AACC,IAAA,KAAK,EAAG;AAAEG,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,WAAW,EAAE,MAA3B;AAAmCC,MAAAA,WAAW,EAAE;AAAhD,KADT;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,YAAY,EAAGE,QAHhB;AAIC,IAAA,aAAa,EAAGC,IAJjB;AAKC,IAAA,SAAS,EAAGA,IAAI,GAAG,CALpB;AAMC,IAAA,iBAAiB,EAAC;AANnB,IADD,CADD;AAYA;;AAED,eAAeL,eAAf","sourcesContent":["/*\n External dependencies\n /\nimport { TextInput } from 'react-native';\n\n/\n Internal dependencies\n */\nimport BaseControl from '../base-control';\n\nfunction TextareaControl( { label, value, help, onChange, rows = 4 } ) {\n\treturn (\n\t\t<BaseControl label={ label } help={ help }>\n\t\t\t<TextInput\n\t\t\t\tstyle={ { height: 80, borderColor: 'gray', borderWidth: 1 } }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChangeText={ onChange }\n\t\t\t\tnumberOfLines={ rows }\n\t\t\t\tmultiline={ rows > 1 }\n\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\nexport default TextareaControl;\n"]}

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

@@ -16,14 +16,16 @@ import { useInstanceId } from '@wordpress/compose';
 import FormToggle from '../form-toggle';
 import BaseControl from '../base-control';
-export default function ToggleControl({
-  label,
-  checked,
-  help,
-  className,
-  onChange,
-  disabled
-}) {
+export default function ToggleControl(_ref) {
+  let {
+    label,
+    checked,
+    help,
+    className,
+    onChange,
+    disabled
+  } = _ref;
   function onChangeToggle(event) {
     onChange(event.target.checked);
   }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-control/index.js"],"names":["isFunction","classnames","useInstanceId","FormToggle","BaseControl","ToggleControl","label","checked","help","className","onChange","disabled","onChangeToggle","event","target","instanceId","id","describedBy","helpLabel"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,QAA3B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,eAAe,SAASC,aAAT,~~CAAwB~~;AACtCC,~~EAAAA~~,KADsC;AAEtCC,~~EAAAA~~,OAFsC;AAGtCC,~~EAAAA~~,IAHsC;AAItCC,~~EAAAA~~,SAJsC;AAKtCC,~~EAAAA~~,QALsC;AAMtCC,~~EAAAA~~;AANsC,~~CAAxB,EAOX;~~AACH,WAASC,cAAT,CAAyBC,KAAzB,EAAiC;AAChCH,IAAAA,QAAQ,CAAEG,KAAK,CAACC,MAAN,CAAaP,OAAf,CAAR;AACA;;AACD,QAAMQ,UAAU,GAAGb,aAAa,CAAEG,aAAF,CAAhC;AACA,QAAMW,EAAE,GAAI,4BAA4BD,UAAY,EAApD;AAEA,MAAIE,WAAJ,EAAiBC,SAAjB;;AACA,MAAKV,IAAL,EAAY;AACXS,IAAAA,WAAW,GAAGD,EAAE,GAAG,QAAnB;AACAE,IAAAA,SAAS,GAAGlB,UAAU,CAAEQ,IAAF,CAAV,GAAqBA,IAAI,CAAED,OAAF,CAAzB,GAAuCC,IAAnD;AACA;;AAED,SACC,cAAC,WAAD;AACC,IAAA,EAAE,EAAGQ,EADN;AAEC,IAAA,IAAI,EAAGE,SAFR;AAGC,IAAA,SAAS,EAAGjB,UAAU,CAAE,2BAAF,EAA+BQ,SAA/B;AAHvB,KAKC,cAAC,UAAD;AACC,IAAA,EAAE,EAAGO,EADN;AAEC,IAAA,OAAO,EAAGT,OAFX;AAGC,IAAA,QAAQ,EAAGK,cAHZ;AAIC,wBAAmBK,WAJpB;AAKC,IAAA,QAAQ,EAAGN;AALZ,IALD,EAYC;AAAO,IAAA,OAAO,EAAGK,EAAjB;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGV,KADH,CAZD,CADD;AAkBA","sourcesContent":["/*\n External dependencies\n /\nimport { isFunction } from 'lodash';\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport FormToggle from '../form-toggle';\nimport BaseControl from '../base-control';\n\nexport default function ToggleControl( {\n\tlabel,\n\tchecked,\n\thelp,\n\tclassName,\n\tonChange,\n\tdisabled,\n} ) {\n\tfunction onChangeToggle( event ) {\n\t\tonChange( event.target.checked );\n\t}\n\tconst instanceId = useInstanceId( ToggleControl );\n\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\tlet describedBy, helpLabel;\n\tif ( help ) {\n\t\tdescribedBy = id + '__help';\n\t\thelpLabel = isFunction( help ) ? help( checked ) : help;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\tid={ id }\n\t\t\thelp={ helpLabel }\n\t\t\tclassName={ classnames( 'components-toggle-control', className ) }\n\t\t>\n\t\t\t<FormToggle\n\t\t\t\tid={ id }\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ onChangeToggle }\n\t\t\t\taria-describedby={ describedBy }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t\t<label htmlFor={ id } className=\"components-toggle-control__label\">\n\t\t\t\t{ label }\n\t\t\t</label>\n\t\t</BaseControl>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-control/index.js"],"names":["isFunction","classnames","useInstanceId","FormToggle","BaseControl","ToggleControl","label","checked","help","className","onChange","disabled","onChangeToggle","event","target","instanceId","id","describedBy","helpLabel"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,QAA3B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,eAAe,SAASC,aAAT,OAOX;AAAA,MAPmC;AACtCC,IAAAA,KADsC;AAEtCC,IAAAA,OAFsC;AAGtCC,IAAAA,IAHsC;AAItCC,IAAAA,SAJsC;AAKtCC,IAAAA,QALsC;AAMtCC,IAAAA;AANsC,GAOnC;;AACH,WAASC,cAAT,CAAyBC,KAAzB,EAAiC;AAChCH,IAAAA,QAAQ,CAAEG,KAAK,CAACC,MAAN,CAAaP,OAAf,CAAR;AACA;;AACD,QAAMQ,UAAU,GAAGb,aAAa,CAAEG,aAAF,CAAhC;AACA,QAAMW,EAAE,GAAI,4BAA4BD,UAAY,EAApD;AAEA,MAAIE,WAAJ,EAAiBC,SAAjB;;AACA,MAAKV,IAAL,EAAY;AACXS,IAAAA,WAAW,GAAGD,EAAE,GAAG,QAAnB;AACAE,IAAAA,SAAS,GAAGlB,UAAU,CAAEQ,IAAF,CAAV,GAAqBA,IAAI,CAAED,OAAF,CAAzB,GAAuCC,IAAnD;AACA;;AAED,SACC,cAAC,WAAD;AACC,IAAA,EAAE,EAAGQ,EADN;AAEC,IAAA,IAAI,EAAGE,SAFR;AAGC,IAAA,SAAS,EAAGjB,UAAU,CAAE,2BAAF,EAA+BQ,SAA/B;AAHvB,KAKC,cAAC,UAAD;AACC,IAAA,EAAE,EAAGO,EADN;AAEC,IAAA,OAAO,EAAGT,OAFX;AAGC,IAAA,QAAQ,EAAGK,cAHZ;AAIC,wBAAmBK,WAJpB;AAKC,IAAA,QAAQ,EAAGN;AALZ,IALD,EAYC;AAAO,IAAA,OAAO,EAAGK,EAAjB;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGV,KADH,CAZD,CADD;AAkBA","sourcesContent":["/*\n External dependencies\n /\nimport { isFunction } from 'lodash';\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport FormToggle from '../form-toggle';\nimport BaseControl from '../base-control';\n\nexport default function ToggleControl( {\n\tlabel,\n\tchecked,\n\thelp,\n\tclassName,\n\tonChange,\n\tdisabled,\n} ) {\n\tfunction onChangeToggle( event ) {\n\t\tonChange( event.target.checked );\n\t}\n\tconst instanceId = useInstanceId( ToggleControl );\n\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\tlet describedBy, helpLabel;\n\tif ( help ) {\n\t\tdescribedBy = id + '__help';\n\t\thelpLabel = isFunction( help ) ? help( checked ) : help;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\tid={ id }\n\t\t\thelp={ helpLabel }\n\t\t\tclassName={ classnames( 'components-toggle-control', className ) }\n\t\t>\n\t\t\t<FormToggle\n\t\t\t\tid={ id }\n\t\t\t\tchecked={ checked }\n\t\t\t\tonChange={ onChangeToggle }\n\t\t\t\taria-describedby={ describedBy }\n\t\t\t\tdisabled={ disabled }\n\t\t\t/>\n\t\t\t<label htmlFor={ id } className=\"components-toggle-control__label\">\n\t\t\t\t{ label }\n\t\t\t</label>\n\t\t</BaseControl>\n\t);\n}\n"]}

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

@@ -15,15 +15,16 @@ import { memo } from '@wordpress/element';
  */
 import SwitchCell from '../mobile/bottom-sheet/switch-cell';
-const ToggleControl = memo(({
-  label,
-  checked,
-  help,
-  instanceId,
-  className,
-  onChange,
-  ...props
-}) => {
+const ToggleControl = memo(_ref => {
+  let {
+    label,
+    checked,
+    help,
+    instanceId,
+    className,
+    onChange,
+    ...props
+  } = _ref;
   const id = `inspector-toggle-control-${instanceId}`;
   const helpLabel = help && isFunction(help) ? help(checked) : help;
   return createElement(SwitchCell, _extends({

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-control/index.native.js"],"names":["isFunction","memo","SwitchCell","ToggleControl","label","checked","help","instanceId","className","onChange","props","id","helpLabel"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,QAA3B;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,oCAAvB;AAEA,MAAMC,aAAa,GAAGF,IAAI,CACzB,~~CAAE~~;AAAEG,~~EAAAA~~,KAAF;AAASC,~~EAAAA~~,OAAT;AAAkBC,~~EAAAA~~,IAAlB;AAAwBC,~~EAAAA~~,UAAxB;AAAoCC,~~EAAAA~~,SAApC;AAA+CC,~~EAAAA~~,QAA/C;AAAyD,~~KAAGC~~;AAA5D,~~CAAF,KAA2E~~;AAC1E,QAAMC,EAAE,GAAI,4BAA4BJ,UAAY,EAApD;AAEA,QAAMK,SAAS,GAAGN,IAAI,IAAIN,UAAU,CAAEM,IAAF,CAAlB,GAA6BA,IAAI,CAAED,OAAF,CAAjC,GAA+CC,IAAjE;AAEA,SACC,cAAC,UAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,IAAI,EAAGC,SAHR;AAIC,IAAA,SAAS,EAAGJ,SAJb;AAKC,IAAA,KAAK,EAAGH,OALT;AAMC,IAAA,aAAa,EAAGI;AANjB,KAOMC,KAPN,EADD;AAWA,CAjBwB,CAA1B;AAoBA,eAAeP,aAAf","sourcesContent":["/*\n External dependencies\n /\nimport { isFunction } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport SwitchCell from '../mobile/bottom-sheet/switch-cell';\n\nconst ToggleControl = memo(\n\t( { label, checked, help, instanceId, className, onChange, ...props } ) => {\n\t\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\t\tconst helpLabel = help && isFunction( help ) ? help( checked ) : help;\n\n\t\treturn (\n\t\t\t<SwitchCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ helpLabel }\n\t\t\t\tclassName={ className }\n\t\t\t\tvalue={ checked }\n\t\t\t\tonValueChange={ onChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ToggleControl;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-control/index.native.js"],"names":["isFunction","memo","SwitchCell","ToggleControl","label","checked","help","instanceId","className","onChange","props","id","helpLabel"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,QAA3B;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,oCAAvB;AAEA,MAAMC,aAAa,GAAGF,IAAI,CACzB,QAA2E;AAAA,MAAzE;AAAEG,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,IAAlB;AAAwBC,IAAAA,UAAxB;AAAoCC,IAAAA,SAApC;AAA+CC,IAAAA,QAA/C;AAAyD,OAAGC;AAA5D,GAAyE;AAC1E,QAAMC,EAAE,GAAI,4BAA4BJ,UAAY,EAApD;AAEA,QAAMK,SAAS,GAAGN,IAAI,IAAIN,UAAU,CAAEM,IAAF,CAAlB,GAA6BA,IAAI,CAAED,OAAF,CAAjC,GAA+CC,IAAjE;AAEA,SACC,cAAC,UAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,IAAI,EAAGC,SAHR;AAIC,IAAA,SAAS,EAAGJ,SAJb;AAKC,IAAA,KAAK,EAAGH,OALT;AAMC,IAAA,aAAa,EAAGI;AANjB,KAOMC,KAPN,EADD;AAWA,CAjBwB,CAA1B;AAoBA,eAAeP,aAAf","sourcesContent":["/*\n External dependencies\n /\nimport { isFunction } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport SwitchCell from '../mobile/bottom-sheet/switch-cell';\n\nconst ToggleControl = memo(\n\t( { label, checked, help, instanceId, className, onChange, ...props } ) => {\n\t\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\t\tconst helpLabel = help && isFunction( help ) ? help( checked ) : help;\n\n\t\treturn (\n\t\t\t<SwitchCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ helpLabel }\n\t\t\t\tclassName={ className }\n\t\t\t\tvalue={ checked }\n\t\t\t\tonValueChange={ onChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ToggleControl;\n"]}

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js CHANGED Viewed

@@ -10,12 +10,13 @@ import { useState, useEffect, memo } from '@wordpress/element';
 import { BackdropView } from './styles';
-function ToggleGroupControlBackdrop({
-  containerRef,
-  containerWidth,
-  isAdaptiveWidth,
-  state
-}) {
+function ToggleGroupControlBackdrop(_ref) {
+  let {
+    containerRef,
+    containerWidth,
+    isAdaptiveWidth,
+    state
+  } = _ref;
   const [left, setLeft] = useState(0);
   const [width, setWidth] = useState(0);
   const [canAnimate, setCanAnimate] = useState(false);

package/build-module/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","x","parentX","getBoundingClientRect","offsetWidth","borderWidth","offsetLeft","requestId","window","requestAnimationFrame","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,IAA9B,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAEA,SAASC,YAAT,QAA6B,UAA7B;;AAEA,SAASC,0BAAT,~~CAAqC~~;AACpCC,~~EAAAA~~,YADoC;AAEpCC,~~EAAAA~~,cAFoC;AAGpCC,~~EAAAA~~,eAHoC;AAIpCC,~~EAAAA~~;AAJoC,~~CAArC,EAKqC~~;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoBV,QAAQ,CAAE,CAAF,CAAlC;AACA,QAAM,CAAEW,KAAF,EAASC,QAAT,IAAsBZ,QAAQ,CAAE,CAAF,CAApC;AACA,QAAM,CAAEa,UAAF,EAAcC,aAAd,IAAgCd,QAAQ,CAAE,KAAF,CAA9C;AACA,QAAM,CAAEe,cAAF,EAAkBC,iBAAlB,IAAwChB,QAAQ,CAAE,KAAF,CAAtD;AAEAC,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMgB,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAM;AAAEE,MAAAA,CAAC,EAAEC;AAAL,QAAiBL,aAAa,CAACM,qBAAd,EAAvB;AACA,UAAM;AAAEZ,MAAAA,KAAK,EAAEa,WAAT;AAAsBH,MAAAA;AAAtB,QAA4BF,UAAU,CAACI,qBAAX,EAAlC;AACA,UAAME,WAAW,GAAG,CAApB;AACA,UAAMC,UAAU,GAAGL,CAAC,GAAGC,OAAJ,GAAcG,WAAjC;AAEAf,IAAAA,OAAO,CAAEgB,UAAF,CAAP;AACAd,IAAAA,QAAQ,CAAEY,WAAF,CAAR;AAEA,QAAIG,SAAJ;;AACA,QAAK,CAAEd,UAAP,EAAoB;AACnBc,MAAAA,SAAS,GAAGC,MAAM,CAACC,qBAAP,CAA8B,MAAM;AAC/Cf,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFW,CAAZ;AAGA;;AACD,WAAO,MAAMc,MAAM,CAACE,oBAAP,CAA6BH,SAA7B,CAAb;AACA,GA9BQ,EA8BN,CAAEd,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA9BM,CAAT;;AAgCA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPgB,MAAAA,SAAS,EAAG,cAActB,IAAM,KADzB;AAEPuB,MAAAA,UAAU,EAAEnB,UAAU,GAAGoB,SAAH,GAAe,MAF9B;AAGPtB,MAAAA;AAHO;AAFT,IADD;AAUA;;AAED,eAAeT,IAAI,CAAEE,0BAAF,CAAnB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/\n\t\t Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\t\tconst { width: offsetWidth, x } = targetNode.getBoundingClientRect();\n\t\tconst borderWidth = 1;\n\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\tsetLeft( offsetLeft );\n\t\tsetWidth( offsetWidth );\n\n\t\tlet requestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\trequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => window.cancelAnimationFrame( requestId );\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/toggle-group-control-backdrop.tsx"],"names":["useState","useEffect","memo","BackdropView","ToggleGroupControlBackdrop","containerRef","containerWidth","isAdaptiveWidth","state","left","setLeft","width","setWidth","canAnimate","setCanAnimate","renderBackdrop","setRenderBackdrop","containerNode","current","targetNode","querySelector","x","parentX","getBoundingClientRect","offsetWidth","borderWidth","offsetLeft","requestId","window","requestAnimationFrame","cancelAnimationFrame","transform","transition","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,SAAnB,EAA8BC,IAA9B,QAA0C,oBAA1C;AAEA;AACA;AACA;;AAEA,SAASC,YAAT,QAA6B,UAA7B;;AAEA,SAASC,0BAAT,OAKqC;AAAA,MALA;AACpCC,IAAAA,YADoC;AAEpCC,IAAAA,cAFoC;AAGpCC,IAAAA,eAHoC;AAIpCC,IAAAA;AAJoC,GAKA;AACpC,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoBV,QAAQ,CAAE,CAAF,CAAlC;AACA,QAAM,CAAEW,KAAF,EAASC,QAAT,IAAsBZ,QAAQ,CAAE,CAAF,CAApC;AACA,QAAM,CAAEa,UAAF,EAAcC,aAAd,IAAgCd,QAAQ,CAAE,KAAF,CAA9C;AACA,QAAM,CAAEe,cAAF,EAAkBC,iBAAlB,IAAwChB,QAAQ,CAAE,KAAF,CAAtD;AAEAC,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAMgB,aAAa,GAAGZ,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEa,OAApC;AACA,QAAK,CAAED,aAAP,EAAuB;AAEvB;AACF;AACA;;AACE,UAAME,UAAU,GAAGF,aAAa,CAACG,aAAd,CACjB,gBAAgBZ,KAAO,IADN,CAAnB;AAGAQ,IAAAA,iBAAiB,CAAE,CAAC,CAAEG,UAAL,CAAjB;;AACA,QAAK,CAAEA,UAAP,EAAoB;AACnB;AACA;;AAED,UAAM;AAAEE,MAAAA,CAAC,EAAEC;AAAL,QAAiBL,aAAa,CAACM,qBAAd,EAAvB;AACA,UAAM;AAAEZ,MAAAA,KAAK,EAAEa,WAAT;AAAsBH,MAAAA;AAAtB,QAA4BF,UAAU,CAACI,qBAAX,EAAlC;AACA,UAAME,WAAW,GAAG,CAApB;AACA,UAAMC,UAAU,GAAGL,CAAC,GAAGC,OAAJ,GAAcG,WAAjC;AAEAf,IAAAA,OAAO,CAAEgB,UAAF,CAAP;AACAd,IAAAA,QAAQ,CAAEY,WAAF,CAAR;AAEA,QAAIG,SAAJ;;AACA,QAAK,CAAEd,UAAP,EAAoB;AACnBc,MAAAA,SAAS,GAAGC,MAAM,CAACC,qBAAP,CAA8B,MAAM;AAC/Cf,QAAAA,aAAa,CAAE,IAAF,CAAb;AACA,OAFW,CAAZ;AAGA;;AACD,WAAO,MAAMc,MAAM,CAACE,oBAAP,CAA6BH,SAA7B,CAAb;AACA,GA9BQ,EA8BN,CAAEd,UAAF,EAAcR,YAAd,EAA4BC,cAA5B,EAA4CE,KAA5C,EAAmDD,eAAnD,CA9BM,CAAT;;AAgCA,MAAK,CAAEQ,cAAP,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,YAAD;AACC,IAAA,IAAI,EAAC,cADN;AAEC,IAAA,KAAK,EAAG;AACPgB,MAAAA,SAAS,EAAG,cAActB,IAAM,KADzB;AAEPuB,MAAAA,UAAU,EAAEnB,UAAU,GAAGoB,SAAH,GAAe,MAF9B;AAGPtB,MAAAA;AAHO;AAFT,IADD;AAUA;;AAED,eAAeT,IAAI,CAAEE,0BAAF,CAAnB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { useState, useEffect, memo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { ToggleGroupControlBackdropProps } from '../types';\nimport { BackdropView } from './styles';\n\nfunction ToggleGroupControlBackdrop( {\n\tcontainerRef,\n\tcontainerWidth,\n\tisAdaptiveWidth,\n\tstate,\n}: ToggleGroupControlBackdropProps ) {\n\tconst [ left, setLeft ] = useState( 0 );\n\tconst [ width, setWidth ] = useState( 0 );\n\tconst [ canAnimate, setCanAnimate ] = useState( false );\n\tconst [ renderBackdrop, setRenderBackdrop ] = useState( false );\n\n\tuseEffect( () => {\n\t\tconst containerNode = containerRef?.current;\n\t\tif ( ! containerNode ) return;\n\n\t\t/\n\t\t Workaround for Reakit\n\t\t */\n\t\tconst targetNode = containerNode.querySelector(\n\t\t\t`[data-value=\"${ state }\"]`\n\t\t);\n\t\tsetRenderBackdrop( !! targetNode );\n\t\tif ( ! targetNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { x: parentX } = containerNode.getBoundingClientRect();\n\t\tconst { width: offsetWidth, x } = targetNode.getBoundingClientRect();\n\t\tconst borderWidth = 1;\n\t\tconst offsetLeft = x - parentX - borderWidth;\n\n\t\tsetLeft( offsetLeft );\n\t\tsetWidth( offsetWidth );\n\n\t\tlet requestId: number;\n\t\tif ( ! canAnimate ) {\n\t\t\trequestId = window.requestAnimationFrame( () => {\n\t\t\t\tsetCanAnimate( true );\n\t\t\t} );\n\t\t}\n\t\treturn () => window.cancelAnimationFrame( requestId );\n\t}, [ canAnimate, containerRef, containerWidth, state, isAdaptiveWidth ] );\n\n\tif ( ! renderBackdrop ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BackdropView\n\t\t\trole=\"presentation\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `translateX(${ left }px)`,\n\t\t\t\ttransition: canAnimate ? undefined : 'none',\n\t\t\t\twidth,\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nexport default memo( ToggleGroupControlBackdrop );\n"]}

package/build-module/toggle-group-control/types.js CHANGED Viewed

@@ -1,2 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -28,11 +28,13 @@ import ToolbarContainer from './toolbar-container';
  * @param {Object} ref               React Element ref.
  */
-function Toolbar({
-  className,
-  label,
-  ...props
-}, ref) {
+function Toolbar(_ref, ref) {
+  let {
+    className,
+    label,
+    ...props
+  } = _ref;
   if (!label) {
     deprecated('Using Toolbar without label prop', {
       since: '5.6',

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/index.js"],"names":["classnames","forwardRef","deprecated","ToolbarGroup","ToolbarContainer","Toolbar","className","label","props","~~ref","~~since","alternative","link","finalClassName"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,OAAT,~~CAAkB~~;AAAEC,~~EAAAA~~,SAAF;AAAaC,~~EAAAA~~,KAAb;AAAoB,~~KAAGC~~;AAAvB,~~CAAlB,EAAkDC,GAAlD,EAAwD;~~AACvD,MAAK,~~CAAEF~~,KAAP,EAAe;~~AACdL~~,IAAAA,UAAU,CAAE,kCAAF,EAAsC;AAC/CQ,MAAAA,KAAK,EAAE,KADwC;AAE/CC,MAAAA,WAAW,EAAE,wBAFkC;AAG/CC,MAAAA,IAAI,EACH;AAJ8C,KAAtC,CAAV;AAMA,WAAO,cAAC,YAAD,~~eAAmBJ~~,KAAnB;AAA2B,MAAA,SAAS,EAAGF;AAAvC,OAAP;AACA,GATsD,CAUvD;;;AACA,~~QAAMO~~,cAAc,GAAGb,UAAU,CAChC,+BADgC,~~EAEhCM~~,SAFgC,CAAjC;AAIA,SACC,cAAC,gBAAD;AACC,IAAA,SAAS,~~EAAGO~~,cADb;AAEC,IAAA,KAAK,~~EAAGN~~,KAFT;AAGC,IAAA,GAAG,~~EAAGE~~;AAHP,~~KAIMD~~,KAJN,EADD;AAQA;;AAED,~~eAAeP~~,UAAU,CAAEI,OAAF,CAAzB","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n /\nimport ToolbarGroup from '../toolbar-group';\nimport ToolbarContainer from './toolbar-container';\n\n/\n Renders a toolbar.\n \n To add controls, simply pass `ToolbarButton` components as children.\n \n @param {Object} props Component props.\n * @param {string} [props.className] Class to set on the container div.\n * @param {string} [props.label] ARIA label for toolbar container.\n * @param {Object} ref React Element ref.\n */\nfunction Toolbar( { className, label, ...props }, ref ) {\n\tif ( ! label ) {\n\t\tdeprecated( 'Using Toolbar without label prop', {\n\t\t\tsince: '5.6',\n\t\t\talternative: 'ToolbarGroup component',\n\t\t\tlink:\n\t\t\t\t'https://developer.wordpress.org/block-editor/components/toolbar/',\n\t\t} );\n\t\treturn <ToolbarGroup { ...props } className={ className } />;\n\t}\n\t// `ToolbarGroup` already uses components-toolbar for compatibility reasons\n\tconst finalClassName = classnames(\n\t\t'components-accessible-toolbar',\n\t\tclassName\n\t);\n\treturn (\n\t\t<ToolbarContainer\n\t\t\tclassName={ finalClassName }\n\t\t\tlabel={ label }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( Toolbar );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/index.js"],"names":["classnames","forwardRef","deprecated","ToolbarGroup","ToolbarContainer","Toolbar","ref","className","label","props","since","alternative","link","finalClassName"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,OAAT,OAAkDC,GAAlD,EAAwD;AAAA,MAAtC;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,KAAb;AAAoB,OAAGC;AAAvB,GAAsC;;AACvD,MAAK,CAAED,KAAP,EAAe;AACdN,IAAAA,UAAU,CAAE,kCAAF,EAAsC;AAC/CQ,MAAAA,KAAK,EAAE,KADwC;AAE/CC,MAAAA,WAAW,EAAE,wBAFkC;AAG/CC,MAAAA,IAAI,EACH;AAJ8C,KAAtC,CAAV;AAMA,WAAO,cAAC,YAAD,eAAmBH,KAAnB;AAA2B,MAAA,SAAS,EAAGF;AAAvC,OAAP;AACA,GATsD,CAUvD;;;AACA,QAAMM,cAAc,GAAGb,UAAU,CAChC,+BADgC,EAEhCO,SAFgC,CAAjC;AAIA,SACC,cAAC,gBAAD;AACC,IAAA,SAAS,EAAGM,cADb;AAEC,IAAA,KAAK,EAAGL,KAFT;AAGC,IAAA,GAAG,EAAGF;AAHP,KAIMG,KAJN,EADD;AAQA;;AAED,eAAeR,UAAU,CAAEI,OAAF,CAAzB","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n /\nimport ToolbarGroup from '../toolbar-group';\nimport ToolbarContainer from './toolbar-container';\n\n/\n Renders a toolbar.\n \n To add controls, simply pass `ToolbarButton` components as children.\n \n @param {Object} props Component props.\n * @param {string} [props.className] Class to set on the container div.\n * @param {string} [props.label] ARIA label for toolbar container.\n * @param {Object} ref React Element ref.\n */\nfunction Toolbar( { className, label, ...props }, ref ) {\n\tif ( ! label ) {\n\t\tdeprecated( 'Using Toolbar without label prop', {\n\t\t\tsince: '5.6',\n\t\t\talternative: 'ToolbarGroup component',\n\t\t\tlink:\n\t\t\t\t'https://developer.wordpress.org/block-editor/components/toolbar/',\n\t\t} );\n\t\treturn <ToolbarGroup { ...props } className={ className } />;\n\t}\n\t// `ToolbarGroup` already uses components-toolbar for compatibility reasons\n\tconst finalClassName = classnames(\n\t\t'components-accessible-toolbar',\n\t\tclassName\n\t);\n\treturn (\n\t\t<ToolbarContainer\n\t\t\tclassName={ finalClassName }\n\t\t\tlabel={ label }\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( Toolbar );\n"]}

package/build-module/toolbar/toolbar-container.js CHANGED Viewed

@@ -17,10 +17,11 @@ import { isRTL } from '@wordpress/i18n';
 import ToolbarContext from '../toolbar-context';
-function ToolbarContainer({
-  label,
-  ...props
-}, ref) {
+function ToolbarContainer(_ref, ref) {
+  let {
+    label,
+    ...props
+  } = _ref;
   // https://reakit.io/docs/basic-concepts/#state-hooks
   // Passing baseId for server side rendering (which includes snapshots)
   // If an id prop is passed to Toolbar, toolbar items will use it as a base for their ids

package/build-module/toolbar/toolbar-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-container.js"],"names":["useToolbarState","Toolbar","forwardRef","isRTL","ToolbarContext","ToolbarContainer","~~label~~","~~props~~","~~ref~~","toolbarState","loop","baseId","id","rtl"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,eAAT,EAA0BC,OAA1B,QAAyC,gBAAzC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,oBAA3B;;AAEA,SAASC,gBAAT,~~CAA2B~~;AAAEC,~~EAAAA~~,KAAF;AAAS,~~KAAGC~~;AAAZ,~~CAA3B,EAAgDC,GAAhD,EAAsD~~;AACrD;AACA;AACA;AACA,QAAMC,YAAY,GAAGT,eAAe,CAAE;AACrCU,IAAAA,IAAI,EAAE,IAD+B;AAErCC,IAAAA,MAAM,~~EAAEJ~~,KAAK,~~CAACK~~,EAFuB;AAGrCC,IAAAA,GAAG,EAAEV,KAAK;AAH2B,GAAF,CAApC;AAMA,SACC;AACA,kBAAC,cAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,EAAGM;AAAjC,OACC,cAAC,OAAD;AACC,MAAA,GAAG,~~EAAGD~~,GADP;AAEC,~~oBAAaF~~;AAFd,~~OAGMG~~,YAHN,~~EAIMF~~,KAJN,EADD;AAFD;AAWA;;AAED,~~eAAeL~~,UAAU,CAAEG,gBAAF,CAAzB","sourcesContent":["/*\n External dependencies\n /\nimport { useToolbarState, Toolbar } from 'reakit/Toolbar';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\n\nfunction ToolbarContainer( { label, ...props }, ref ) {\n\t// https://reakit.io/docs/basic-concepts/#state-hooks\n\t// Passing baseId for server side rendering (which includes snapshots)\n\t// If an id prop is passed to Toolbar, toolbar items will use it as a base for their ids\n\tconst toolbarState = useToolbarState( {\n\t\tloop: true,\n\t\tbaseId: props.id,\n\t\trtl: isRTL(),\n\t} );\n\n\treturn (\n\t\t// This will provide state for `ToolbarButton`'s\n\t\t<ToolbarContext.Provider value={ toolbarState }>\n\t\t\t<Toolbar\n\t\t\t\tref={ ref }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...toolbarState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</ToolbarContext.Provider>\n\t);\n}\n\nexport default forwardRef( ToolbarContainer );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-container.js"],"names":["useToolbarState","Toolbar","forwardRef","isRTL","ToolbarContext","ToolbarContainer","ref","label","props","toolbarState","loop","baseId","id","rtl"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,eAAT,EAA0BC,OAA1B,QAAyC,gBAAzC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,cAAP,MAA2B,oBAA3B;;AAEA,SAASC,gBAAT,OAAgDC,GAAhD,EAAsD;AAAA,MAA3B;AAAEC,IAAAA,KAAF;AAAS,OAAGC;AAAZ,GAA2B;AACrD;AACA;AACA;AACA,QAAMC,YAAY,GAAGT,eAAe,CAAE;AACrCU,IAAAA,IAAI,EAAE,IAD+B;AAErCC,IAAAA,MAAM,EAAEH,KAAK,CAACI,EAFuB;AAGrCC,IAAAA,GAAG,EAAEV,KAAK;AAH2B,GAAF,CAApC;AAMA,SACC;AACA,kBAAC,cAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,EAAGM;AAAjC,OACC,cAAC,OAAD;AACC,MAAA,GAAG,EAAGH,GADP;AAEC,oBAAaC;AAFd,OAGME,YAHN,EAIMD,KAJN,EADD;AAFD;AAWA;;AAED,eAAeN,UAAU,CAAEG,gBAAF,CAAzB","sourcesContent":["/*\n External dependencies\n /\nimport { useToolbarState, Toolbar } from 'reakit/Toolbar';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\n\nfunction ToolbarContainer( { label, ...props }, ref ) {\n\t// https://reakit.io/docs/basic-concepts/#state-hooks\n\t// Passing baseId for server side rendering (which includes snapshots)\n\t// If an id prop is passed to Toolbar, toolbar items will use it as a base for their ids\n\tconst toolbarState = useToolbarState( {\n\t\tloop: true,\n\t\tbaseId: props.id,\n\t\trtl: isRTL(),\n\t} );\n\n\treturn (\n\t\t// This will provide state for `ToolbarButton`'s\n\t\t<ToolbarContext.Provider value={ toolbarState }>\n\t\t\t<Toolbar\n\t\t\t\tref={ ref }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...toolbarState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</ToolbarContext.Provider>\n\t);\n}\n\nexport default forwardRef( ToolbarContainer );\n"]}

package/build-module/toolbar/toolbar-container.native.js CHANGED Viewed

@@ -5,9 +5,12 @@ import { createElement } from "@wordpress/element";
  */
 import { View } from 'react-native';
-const ToolbarContainer = ({
-  children
-}) => createElement(View, null, children);
+const ToolbarContainer = _ref => {
+  let {
+    children
+  } = _ref;
+  return createElement(View, null, children);
+};
 export default ToolbarContainer;
 //# sourceMappingURL=toolbar-container.native.js.map

package/build-module/toolbar/toolbar-container.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-container.native.js"],"names":["View","ToolbarContainer","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;;AAEA,MAAMC,gBAAgB,GAAG,~~CAAE~~;AAAEC,~~EAAAA~~;AAAF,~~CAAF~~,~~KAAoB~~,cAAC,IAAD,QAAQA,QAAR,~~CAA7C~~;;AAEA,eAAeD,gBAAf","sourcesContent":["/*\n External dependencies\n */\nimport { View } from 'react-native';\n\nconst ToolbarContainer = ( { children } ) => <View>{ children }</View>;\n\nexport default ToolbarContainer;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-container.native.js"],"names":["View","ToolbarContainer","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;;AAEA,MAAMC,gBAAgB,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SAAoB,cAAC,IAAD,QAAQA,QAAR,CAApB;AAAA,CAAzB;;AAEA,eAAeD,gBAAf","sourcesContent":["/*\n External dependencies\n */\nimport { View } from 'react-native';\n\nconst ToolbarContainer = ( { children } ) => <View>{ children }</View>;\n\nexport default ToolbarContainer;\n"]}

package/build-module/toolbar-button/index.js CHANGED Viewed

@@ -19,16 +19,17 @@ import ToolbarItem from '../toolbar-item';
 import ToolbarContext from '../toolbar-context';
 import ToolbarButtonContainer from './toolbar-button-container';
-function ToolbarButton({
-  containerClassName,
-  className,
-  extraProps,
-  children,
-  title,
-  isActive,
-  isDisabled,
-  ...props
-}, ref) {
+function ToolbarButton(_ref, ref) {
+  let {
+    containerClassName,
+    className,
+    extraProps,
+    children,
+    title,
+    isActive,
+    isDisabled,
+    ...props
+  } = _ref;
   const accessibleToolbarState = useContext(ToolbarContext);
   if (!accessibleToolbarState) {