@wordpress/components 18.0.0 → 19.0.3

package/build/slot-fill/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/slot-fill/index.js"],"names":["Fill","props","Slot","bubblesVirtually","ref","Provider","children","createSlotFill","name","FillComponent","displayName","SlotComponent","__unstableName"],"mappings":";;;;;;;;;;;;;;;;;;AAIA;;;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAfA;;AACA;AACA;AACA;;AAGA;AACA;AACA;AASO,SAASA,IAAT,CAAeC,KAAf,EAAuB;AAC7B;AACA;AACA;AACA,SACC,qDACC,4BAAC,aAAD,EAAeA,KAAf,CADD,EAEC,4BAAC,cAAD,EAA2BA,KAA3B,CAFD,CADD;AAMA;;AACM,MAAMC,IAAI,GAAG,yBAAY,CAAE;AAAEC,EAAAA,gBAAF;AAAoB,KAAGF;AAAvB,CAAF,EAAkCG,GAAlC,KAA2C;AAC1E,MAAKD,gBAAL,EAAwB;AACvB,WAAO,4BAAC,cAAD,6BAA2BF,KAA3B;AAAmC,MAAA,GAAG,EAAGG;AAAzC,OAAP;AACA;;AACD,SAAO,4BAAC,aAAD,EAAeH,KAAf,CAAP;AACA,CALmB,CAAb;;;AAOA,SAASI,QAAT,CAAmB;AAAEC,EAAAA,QAAF;AAAY,KAAGL;AAAf,CAAnB,EAA4C;AAClD,SACC,4BAAC,iBAAD,EAAuBA,KAAvB,EACC,4BAAC,yBAAD,QACGK,QADH,CADD,CADD;AAOA;;AAEM,SAASC,cAAT,CAAyBC,IAAzB,EAAgC;AACtC,QAAMC,aAAa,GAAKR,KAAF,IAAa,4BAAC,IAAD;AAAM,IAAA,IAAI,EAAGO;AAAb,KAAyBP,KAAzB,EAAnC;;AACAQ,EAAAA,aAAa,CAACC,WAAd,GAA4BF,IAAI,GAAG,MAAnC;;AAEA,QAAMG,aAAa,GAAKV,KAAF,IAAa,4BAAC,IAAD;AAAM,IAAA,IAAI,EAAGO;AAAb,KAAyBP,KAAzB,EAAnC;;AACAU,EAAAA,aAAa,CAACD,WAAd,GAA4BF,IAAI,GAAG,MAAnC;AACAG,EAAAA,aAAa,CAACC,cAAd,GAA+BJ,IAA/B;AAEA,SAAO;AACNR,IAAAA,IAAI,EAAES,aADA;AAENP,IAAAA,IAAI,EAAES;AAFA,GAAP;AAIA","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseFill from './fill';\nimport BaseSlot from './slot';\nimport BubblesVirtuallyFill from './bubbles-virtually/fill';\nimport BubblesVirtuallySlot from './bubbles-virtually/slot';\nimport BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';\nimport SlotFillProvider from './provider';\nimport useSlot from './bubbles-virtually/use-slot';\n\nexport function Fill( props ) {\n\t// We're adding both Fills here so they can register themselves before\n\t// their respective slot has been registered. Only the Fill that has a slot\n\t// will render. The other one will return null.\n\treturn (\n\t\t<>\n\t\t\t<BaseFill { ...props } />\n\t\t\t<BubblesVirtuallyFill { ...props } />\n\t\t</>\n\t);\n}\nexport const Slot = forwardRef( ( { bubblesVirtually, ...props }, ref ) => {\n\tif ( bubblesVirtually ) {\n\t\treturn <BubblesVirtuallySlot { ...props } ref={ ref } />;\n\t}\n\treturn <BaseSlot { ...props } />;\n} );\n\nexport function Provider( { children, ...props } ) {\n\treturn (\n\t\t<SlotFillProvider { ...props }>\n\t\t\t<BubblesVirtuallySlotFillProvider>\n\t\t\t\t{ children }\n\t\t\t</BubblesVirtuallySlotFillProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n\nexport function createSlotFill( name ) {\n\tconst FillComponent = ( props ) => <Fill name={ name } { ...props } />;\n\tFillComponent.displayName = name + 'Fill';\n\n\tconst SlotComponent = ( props ) => <Slot name={ name } { ...props } />;\n\tSlotComponent.displayName = name + 'Slot';\n\tSlotComponent.__unstableName = name;\n\n\treturn {\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n\nexport { useSlot };\n"]}
+{"version":3,"sources":["@wordpress/components/src/slot-fill/index.js"],"names":["Fill","props","Slot","ref","bubblesVirtually","Provider","children","createSlotFill","name","FillComponent","displayName","SlotComponent","__unstableName"],"mappings":";;;;;;;;;;;;;;;;;;AAIA;;;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAfA;;AACA;AACA;AACA;;AAGA;AACA;AACA;AASO,SAASA,IAAT,CAAeC,KAAf,EAAuB;AAC7B;AACA;AACA;AACA,SACC,qDACC,4BAAC,aAAD,EAAeA,KAAf,CADD,EAEC,4BAAC,cAAD,EAA2BA,KAA3B,CAFD,CADD;AAMA;;AACM,MAAMC,IAAI,GAAG,yBAAY,OAAkCC,GAAlC,KAA2C;AAAA,MAAzC;AAAEC,IAAAA,gBAAF;AAAoB,OAAGH;AAAvB,GAAyC;;AAC1E,MAAKG,gBAAL,EAAwB;AACvB,WAAO,4BAAC,cAAD,6BAA2BH,KAA3B;AAAmC,MAAA,GAAG,EAAGE;AAAzC,OAAP;AACA;;AACD,SAAO,4BAAC,aAAD,EAAeF,KAAf,CAAP;AACA,CALmB,CAAb;;;AAOA,SAASI,QAAT,QAA4C;AAAA,MAAzB;AAAEC,IAAAA,QAAF;AAAY,OAAGL;AAAf,GAAyB;AAClD,SACC,4BAAC,iBAAD,EAAuBA,KAAvB,EACC,4BAAC,yBAAD,QACGK,QADH,CADD,CADD;AAOA;;AAEM,SAASC,cAAT,CAAyBC,IAAzB,EAAgC;AACtC,QAAMC,aAAa,GAAKR,KAAF,IAAa,4BAAC,IAAD;AAAM,IAAA,IAAI,EAAGO;AAAb,KAAyBP,KAAzB,EAAnC;;AACAQ,EAAAA,aAAa,CAACC,WAAd,GAA4BF,IAAI,GAAG,MAAnC;;AAEA,QAAMG,aAAa,GAAKV,KAAF,IAAa,4BAAC,IAAD;AAAM,IAAA,IAAI,EAAGO;AAAb,KAAyBP,KAAzB,EAAnC;;AACAU,EAAAA,aAAa,CAACD,WAAd,GAA4BF,IAAI,GAAG,MAAnC;AACAG,EAAAA,aAAa,CAACC,cAAd,GAA+BJ,IAA/B;AAEA,SAAO;AACNR,IAAAA,IAAI,EAAES,aADA;AAENP,IAAAA,IAAI,EAAES;AAFA,GAAP;AAIA","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BaseFill from './fill';\nimport BaseSlot from './slot';\nimport BubblesVirtuallyFill from './bubbles-virtually/fill';\nimport BubblesVirtuallySlot from './bubbles-virtually/slot';\nimport BubblesVirtuallySlotFillProvider from './bubbles-virtually/slot-fill-provider';\nimport SlotFillProvider from './provider';\nimport useSlot from './bubbles-virtually/use-slot';\n\nexport function Fill( props ) {\n\t// We're adding both Fills here so they can register themselves before\n\t// their respective slot has been registered. Only the Fill that has a slot\n\t// will render. The other one will return null.\n\treturn (\n\t\t<>\n\t\t\t<BaseFill { ...props } />\n\t\t\t<BubblesVirtuallyFill { ...props } />\n\t\t</>\n\t);\n}\nexport const Slot = forwardRef( ( { bubblesVirtually, ...props }, ref ) => {\n\tif ( bubblesVirtually ) {\n\t\treturn <BubblesVirtuallySlot { ...props } ref={ ref } />;\n\t}\n\treturn <BaseSlot { ...props } />;\n} );\n\nexport function Provider( { children, ...props } ) {\n\treturn (\n\t\t<SlotFillProvider { ...props }>\n\t\t\t<BubblesVirtuallySlotFillProvider>\n\t\t\t\t{ children }\n\t\t\t</BubblesVirtuallySlotFillProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n\nexport function createSlotFill( name ) {\n\tconst FillComponent = ( props ) => <Fill name={ name } { ...props } />;\n\tFillComponent.displayName = name + 'Fill';\n\n\tconst SlotComponent = ( props ) => <Slot name={ name } { ...props } />;\n\tSlotComponent.displayName = name + 'Slot';\n\tSlotComponent.__unstableName = name;\n\n\treturn {\n\t\tFill: FillComponent,\n\t\tSlot: SlotComponent,\n\t};\n}\n\nexport { useSlot };\n"]}

package/build/slot-fill/index.native.js

@@ -5,8 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Slot = Slot;
-exports.createSlotFill = createSlotFill;
 Object.defineProperty(exports, "Fill", {
   enumerable: true,
   get: function () {
@@ -19,6 +17,8 @@ Object.defineProperty(exports, "Provider", {
     return _provider.default;
   }
 });
+exports.Slot = Slot;
+exports.createSlotFill = createSlotFill;
 
 var _element = require("@wordpress/element");
 

package/build/slot-fill/slot.js

@@ -103,15 +103,18 @@ class SlotComponent extends _element.Component {
 
 }
 
-const Slot = props => (0, _element.createElement)(_context.default.Consumer, null, ({
-  registerSlot,
-  unregisterSlot,
-  getFills
-}) => (0, _element.createElement)(SlotComponent, (0, _extends2.default)({}, props, {
-  registerSlot: registerSlot,
-  unregisterSlot: unregisterSlot,
-  getFills: getFills
-})));
+const Slot = props => (0, _element.createElement)(_context.default.Consumer, null, _ref => {
+  let {
+    registerSlot,
+    unregisterSlot,
+    getFills
+  } = _ref;
+  return (0, _element.createElement)(SlotComponent, (0, _extends2.default)({}, props, {
+    registerSlot: registerSlot,
+    unregisterSlot: unregisterSlot,
+    getFills: getFills
+  }));
+});
 
 var _default = Slot;
 exports.default = _default;

package/build/slot-fill/slot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/slot-fill/slot.js"],"names":["SlotComponent","Component","constructor","arguments","isUnmounted","bindNode","bind","componentDidMount","registerSlot","props","name","componentWillUnmount","unregisterSlot","componentDidUpdate","prevProps","node","forceUpdate","render","children","fillProps","getFills","fills","fill","fillChildren","Children","map","child","childIndex","childKey","key","filter","isEmptyElement","Slot"],"mappings":";;;;;;;;;AASA;;;;AALA;;AAeA;;AAnBA;;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AAGA,MAAMA,aAAN,SAA4BC,kBAA5B,CAAsC;AACrCC,EAAAA,WAAW,GAAG;AACb,UAAO,GAAGC,SAAV;AAEA,SAAKC,WAAL,GAAmB,KAAnB;AACA,SAAKC,QAAL,GAAgB,KAAKA,QAAL,CAAcC,IAAd,CAAoB,IAApB,CAAhB;AACA;;AAEDC,EAAAA,iBAAiB,GAAG;AACnB,UAAM;AAAEC,MAAAA;AAAF,QAAmB,KAAKC,KAA9B;AAEAD,IAAAA,YAAY,CAAE,KAAKC,KAAL,CAAWC,IAAb,EAAmB,IAAnB,CAAZ;AACA;;AAEDC,EAAAA,oBAAoB,GAAG;AACtB,UAAM;AAAEC,MAAAA;AAAF,QAAqB,KAAKH,KAAhC;AACA,SAAKL,WAAL,GAAmB,IAAnB;AACAQ,IAAAA,cAAc,CAAE,KAAKH,KAAL,CAAWC,IAAb,EAAmB,IAAnB,CAAd;AACA;;AAEDG,EAAAA,kBAAkB,CAAEC,SAAF,EAAc;AAC/B,UAAM;AAAEJ,MAAAA,IAAF;AAAQE,MAAAA,cAAR;AAAwBJ,MAAAA;AAAxB,QAAyC,KAAKC,KAApD;;AAEA,QAAKK,SAAS,CAACJ,IAAV,KAAmBA,IAAxB,EAA+B;AAC9BE,MAAAA,cAAc,CAAEE,SAAS,CAACJ,IAAZ,CAAd;AACAF,MAAAA,YAAY,CAAEE,IAAF,EAAQ,IAAR,CAAZ;AACA;AACD;;AAEDL,EAAAA,QAAQ,CAAEU,IAAF,EAAS;AAChB,SAAKA,IAAL,GAAYA,IAAZ;AACA;;AAEDC,EAAAA,WAAW,GAAG;AACb,QAAK,KAAKZ,WAAV,EAAwB;AACvB;AACA;;AACD,UAAMY,WAAN;AACA;;AAEDC,EAAAA,MAAM,GAAG;AACR,UAAM;AAAEC,MAAAA,QAAF;AAAYR,MAAAA,IAAZ;AAAkBS,MAAAA,SAAS,GAAG,EAA9B;AAAkCC,MAAAA;AAAlC,QAA+C,KAAKX,KAA1D;AAEA,UAAMY,KAAK,GAAG,iBAAKD,QAAQ,CAAEV,IAAF,EAAQ,IAAR,CAAb,EAA+BY,IAAF,IAAY;AACtD,YAAMC,YAAY,GAAG,wBAAYD,IAAI,CAACJ,QAAjB,IAClBI,IAAI,CAACJ,QAAL,CAAeC,SAAf,CADkB,GAElBG,IAAI,CAACJ,QAFR;AAIA,aAAOM,kBAASC,GAAT,CAAcF,YAAd,EAA4B,CAAEG,KAAF,EAASC,UAAT,KAAyB;AAC3D,YAAK,CAAED,KAAF,IAAW,sBAAUA,KAAV,CAAhB,EAAoC;AACnC,iBAAOA,KAAP;AACA;;AAED,cAAME,QAAQ,GAAGF,KAAK,CAACG,GAAN,IAAaF,UAA9B;AACA,eAAO,2BAAcD,KAAd,EAAqB;AAAEG,UAAAA,GAAG,EAAED;AAAP,SAArB,CAAP;AACA,OAPM,CAAP;AAQA,KAba,EAaVE,MAbU,EAcb;AACA;AACA;AACA,wBAAQC,uBAAR,CAjBa,CAAd;AAoBA,WAAO,qDAAI,wBAAYb,QAAZ,IAAyBA,QAAQ,CAAEG,KAAF,CAAjC,GAA6CA,KAAjD,CAAP;AACA;;AAhEoC;;AAmEtC,MAAMW,IAAI,GAAKvB,KAAF,IACZ,4BAAC,gBAAD,CAAiB,QAAjB,QACG,CAAE;AAAED,EAAAA,YAAF;AAAgBI,EAAAA,cAAhB;AAAgCQ,EAAAA;AAAhC,CAAF,KACD,4BAAC,aAAD,6BACMX,KADN;AAEC,EAAA,YAAY,EAAGD,YAFhB;AAGC,EAAA,cAAc,EAAGI,cAHlB;AAIC,EAAA,QAAQ,EAAGQ;AAJZ,GAFF,CADD;;eAaeY,I","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { isFunction, isString, map, negate } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tChildren,\n\tComponent,\n\tcloneElement,\n\tisEmptyElement,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\n\nclass SlotComponent extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.isUnmounted = false;\n\t\tthis.bindNode = this.bindNode.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { registerSlot } = this.props;\n\n\t\tregisterSlot( this.props.name, this );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tconst { unregisterSlot } = this.props;\n\t\tthis.isUnmounted = true;\n\t\tunregisterSlot( this.props.name, this );\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { name, unregisterSlot, registerSlot } = this.props;\n\n\t\tif ( prevProps.name !== name ) {\n\t\t\tunregisterSlot( prevProps.name );\n\t\t\tregisterSlot( name, this );\n\t\t}\n\t}\n\n\tbindNode( node ) {\n\t\tthis.node = node;\n\t}\n\n\tforceUpdate() {\n\t\tif ( this.isUnmounted ) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.forceUpdate();\n\t}\n\n\trender() {\n\t\tconst { children, name, fillProps = {}, getFills } = this.props;\n\n\t\tconst fills = map( getFills( name, this ), ( fill ) => {\n\t\t\tconst fillChildren = isFunction( fill.children )\n\t\t\t\t? fill.children( fillProps )\n\t\t\t\t: fill.children;\n\n\t\t\treturn Children.map( fillChildren, ( child, childIndex ) => {\n\t\t\t\tif ( ! child || isString( child ) ) {\n\t\t\t\t\treturn child;\n\t\t\t\t}\n\n\t\t\t\tconst childKey = child.key || childIndex;\n\t\t\t\treturn cloneElement( child, { key: childKey } );\n\t\t\t} );\n\t\t} ).filter(\n\t\t\t// In some cases fills are rendered only when some conditions apply.\n\t\t\t// This ensures that we only use non-empty fills when rendering, i.e.,\n\t\t\t// it allows us to render wrappers only when the fills are actually present.\n\t\t\tnegate( isEmptyElement )\n\t\t);\n\n\t\treturn <>{ isFunction( children ) ? children( fills ) : fills }</>;\n\t}\n}\n\nconst Slot = ( props ) => (\n\t<SlotFillContext.Consumer>\n\t\t{ ( { registerSlot, unregisterSlot, getFills } ) => (\n\t\t\t<SlotComponent\n\t\t\t\t{ ...props }\n\t\t\t\tregisterSlot={ registerSlot }\n\t\t\t\tunregisterSlot={ unregisterSlot }\n\t\t\t\tgetFills={ getFills }\n\t\t\t/>\n\t\t) }\n\t</SlotFillContext.Consumer>\n);\n\nexport default Slot;\n"]}
+{"version":3,"sources":["@wordpress/components/src/slot-fill/slot.js"],"names":["SlotComponent","Component","constructor","arguments","isUnmounted","bindNode","bind","componentDidMount","registerSlot","props","name","componentWillUnmount","unregisterSlot","componentDidUpdate","prevProps","node","forceUpdate","render","children","fillProps","getFills","fills","fill","fillChildren","Children","map","child","childIndex","childKey","key","filter","isEmptyElement","Slot"],"mappings":";;;;;;;;;AASA;;;;AALA;;AAeA;;AAnBA;;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AAGA,MAAMA,aAAN,SAA4BC,kBAA5B,CAAsC;AACrCC,EAAAA,WAAW,GAAG;AACb,UAAO,GAAGC,SAAV;AAEA,SAAKC,WAAL,GAAmB,KAAnB;AACA,SAAKC,QAAL,GAAgB,KAAKA,QAAL,CAAcC,IAAd,CAAoB,IAApB,CAAhB;AACA;;AAEDC,EAAAA,iBAAiB,GAAG;AACnB,UAAM;AAAEC,MAAAA;AAAF,QAAmB,KAAKC,KAA9B;AAEAD,IAAAA,YAAY,CAAE,KAAKC,KAAL,CAAWC,IAAb,EAAmB,IAAnB,CAAZ;AACA;;AAEDC,EAAAA,oBAAoB,GAAG;AACtB,UAAM;AAAEC,MAAAA;AAAF,QAAqB,KAAKH,KAAhC;AACA,SAAKL,WAAL,GAAmB,IAAnB;AACAQ,IAAAA,cAAc,CAAE,KAAKH,KAAL,CAAWC,IAAb,EAAmB,IAAnB,CAAd;AACA;;AAEDG,EAAAA,kBAAkB,CAAEC,SAAF,EAAc;AAC/B,UAAM;AAAEJ,MAAAA,IAAF;AAAQE,MAAAA,cAAR;AAAwBJ,MAAAA;AAAxB,QAAyC,KAAKC,KAApD;;AAEA,QAAKK,SAAS,CAACJ,IAAV,KAAmBA,IAAxB,EAA+B;AAC9BE,MAAAA,cAAc,CAAEE,SAAS,CAACJ,IAAZ,CAAd;AACAF,MAAAA,YAAY,CAAEE,IAAF,EAAQ,IAAR,CAAZ;AACA;AACD;;AAEDL,EAAAA,QAAQ,CAAEU,IAAF,EAAS;AAChB,SAAKA,IAAL,GAAYA,IAAZ;AACA;;AAEDC,EAAAA,WAAW,GAAG;AACb,QAAK,KAAKZ,WAAV,EAAwB;AACvB;AACA;;AACD,UAAMY,WAAN;AACA;;AAEDC,EAAAA,MAAM,GAAG;AACR,UAAM;AAAEC,MAAAA,QAAF;AAAYR,MAAAA,IAAZ;AAAkBS,MAAAA,SAAS,GAAG,EAA9B;AAAkCC,MAAAA;AAAlC,QAA+C,KAAKX,KAA1D;AAEA,UAAMY,KAAK,GAAG,iBAAKD,QAAQ,CAAEV,IAAF,EAAQ,IAAR,CAAb,EAA+BY,IAAF,IAAY;AACtD,YAAMC,YAAY,GAAG,wBAAYD,IAAI,CAACJ,QAAjB,IAClBI,IAAI,CAACJ,QAAL,CAAeC,SAAf,CADkB,GAElBG,IAAI,CAACJ,QAFR;AAIA,aAAOM,kBAASC,GAAT,CAAcF,YAAd,EAA4B,CAAEG,KAAF,EAASC,UAAT,KAAyB;AAC3D,YAAK,CAAED,KAAF,IAAW,sBAAUA,KAAV,CAAhB,EAAoC;AACnC,iBAAOA,KAAP;AACA;;AAED,cAAME,QAAQ,GAAGF,KAAK,CAACG,GAAN,IAAaF,UAA9B;AACA,eAAO,2BAAcD,KAAd,EAAqB;AAAEG,UAAAA,GAAG,EAAED;AAAP,SAArB,CAAP;AACA,OAPM,CAAP;AAQA,KAba,EAaVE,MAbU,EAcb;AACA;AACA;AACA,wBAAQC,uBAAR,CAjBa,CAAd;AAoBA,WAAO,qDAAI,wBAAYb,QAAZ,IAAyBA,QAAQ,CAAEG,KAAF,CAAjC,GAA6CA,KAAjD,CAAP;AACA;;AAhEoC;;AAmEtC,MAAMW,IAAI,GAAKvB,KAAF,IACZ,4BAAC,gBAAD,CAAiB,QAAjB,QACG;AAAA,MAAE;AAAED,IAAAA,YAAF;AAAgBI,IAAAA,cAAhB;AAAgCQ,IAAAA;AAAhC,GAAF;AAAA,SACD,4BAAC,aAAD,6BACMX,KADN;AAEC,IAAA,YAAY,EAAGD,YAFhB;AAGC,IAAA,cAAc,EAAGI,cAHlB;AAIC,IAAA,QAAQ,EAAGQ;AAJZ,KADC;AAAA,CADH,CADD;;eAaeY,I","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { isFunction, isString, map, negate } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tChildren,\n\tComponent,\n\tcloneElement,\n\tisEmptyElement,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './context';\n\nclass SlotComponent extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.isUnmounted = false;\n\t\tthis.bindNode = this.bindNode.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { registerSlot } = this.props;\n\n\t\tregisterSlot( this.props.name, this );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tconst { unregisterSlot } = this.props;\n\t\tthis.isUnmounted = true;\n\t\tunregisterSlot( this.props.name, this );\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { name, unregisterSlot, registerSlot } = this.props;\n\n\t\tif ( prevProps.name !== name ) {\n\t\t\tunregisterSlot( prevProps.name );\n\t\t\tregisterSlot( name, this );\n\t\t}\n\t}\n\n\tbindNode( node ) {\n\t\tthis.node = node;\n\t}\n\n\tforceUpdate() {\n\t\tif ( this.isUnmounted ) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.forceUpdate();\n\t}\n\n\trender() {\n\t\tconst { children, name, fillProps = {}, getFills } = this.props;\n\n\t\tconst fills = map( getFills( name, this ), ( fill ) => {\n\t\t\tconst fillChildren = isFunction( fill.children )\n\t\t\t\t? fill.children( fillProps )\n\t\t\t\t: fill.children;\n\n\t\t\treturn Children.map( fillChildren, ( child, childIndex ) => {\n\t\t\t\tif ( ! child || isString( child ) ) {\n\t\t\t\t\treturn child;\n\t\t\t\t}\n\n\t\t\t\tconst childKey = child.key || childIndex;\n\t\t\t\treturn cloneElement( child, { key: childKey } );\n\t\t\t} );\n\t\t} ).filter(\n\t\t\t// In some cases fills are rendered only when some conditions apply.\n\t\t\t// This ensures that we only use non-empty fills when rendering, i.e.,\n\t\t\t// it allows us to render wrappers only when the fills are actually present.\n\t\t\tnegate( isEmptyElement )\n\t\t);\n\n\t\treturn <>{ isFunction( children ) ? children( fills ) : fills }</>;\n\t}\n}\n\nconst Slot = ( props ) => (\n\t<SlotFillContext.Consumer>\n\t\t{ ( { registerSlot, unregisterSlot, getFills } ) => (\n\t\t\t<SlotComponent\n\t\t\t\t{ ...props }\n\t\t\t\tregisterSlot={ registerSlot }\n\t\t\t\tunregisterSlot={ unregisterSlot }\n\t\t\t\tgetFills={ getFills }\n\t\t\t/>\n\t\t) }\n\t</SlotFillContext.Consumer>\n);\n\nexport default Slot;\n"]}

package/build/snackbar/index.js

@@ -52,21 +52,22 @@ function useSpokenMessage(message, politeness) {
   }, [spokenMessage, politeness]);
 }
 
-function Snackbar({
-  className,
-  children,
-  spokenMessage = children,
-  politeness = 'polite',
-  actions = [],
-  onRemove = _lodash.noop,
-  icon = null,
-  explicitDismiss = false,
-  // onDismiss is a callback executed when the snackbar is dismissed.
-  // It is distinct from onRemove, which _looks_ like a callback but is
-  // actually the function to call to remove the snackbar from the UI.
-  onDismiss = _lodash.noop,
-  listRef
-}, ref) {
+function Snackbar(_ref, ref) {
+  let {
+    className,
+    children,
+    spokenMessage = children,
+    politeness = 'polite',
+    actions = [],
+    onRemove = _lodash.noop,
+    icon = null,
+    explicitDismiss = false,
+    // onDismiss is a callback executed when the snackbar is dismissed.
+    // It is distinct from onRemove, which _looks_ like a callback but is
+    // actually the function to call to remove the snackbar from the UI.
+    onDismiss = _lodash.noop,
+    listRef
+  } = _ref;
   onDismiss = onDismiss || _lodash.noop;
 
   function dismissMe(event) {
@@ -126,11 +127,12 @@ function Snackbar({
     className: snackbarContentClassnames
   }, icon && (0, _element.createElement)("div", {
     className: "components-snackbar__icon"
-  }, icon), children, actions.map(({
-    label,
-    onClick,
-    url
-  }, index) => {
+  }, icon), children, actions.map((_ref2, index) => {
+    let {
+      label,
+      onClick,
+      url
+    } = _ref2;
     return (0, _element.createElement)(_.Button, {
       key: index,
       href: url,

package/build/snackbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/snackbar/index.js"],"names":["NOTICE_TIMEOUT","useSpokenMessage","message","politeness","spokenMessage","Snackbar","className","children","actions","onRemove","noop","icon","explicitDismiss","onDismiss","listRef","ref","dismissMe","event","preventDefault","current","focus","onActionClick","onClick","stopPropagation","timeoutHandle","setTimeout","clearTimeout","classes","length","snackbarContentClassnames","map","label","url","index"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { noop } from 'lodash';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { useEffect, forwardRef, renderToString } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { Button } from '../';\n\nconst NOTICE_TIMEOUT = 10000;\n\n/** @typedef {import('@wordpress/element').WPElement} WPElement */\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n *\n * @param {string|WPElement}     [message]  Message to announce.\n * @param {'polite'|'assertive'} politeness Politeness to announce.\n */\nfunction useSpokenMessage( message, politeness ) {\n\tconst spokenMessage =\n\t\ttypeof message === 'string' ? message : renderToString( message );\n\n\tuseEffect( () => {\n\t\tif ( spokenMessage ) {\n\t\t\tspeak( spokenMessage, politeness );\n\t\t}\n\t}, [ spokenMessage, politeness ] );\n}\n\nfunction Snackbar(\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\tspokenMessage = children,\n\t\tpoliteness = 'polite',\n\t\tactions = [],\n\t\tonRemove = noop,\n\t\ticon = null,\n\t\texplicitDismiss = false,\n\t\t// onDismiss is a callback executed when the snackbar is dismissed.\n\t\t// It is distinct from onRemove, which _looks_ like a callback but is\n\t\t// actually the function to call to remove the snackbar from the UI.\n\t\tonDismiss = noop,\n\t\tlistRef,\n\t},\n\tref\n) {\n\tonDismiss = onDismiss || noop;\n\n\tfunction dismissMe( event ) {\n\t\tif ( event && event.preventDefault ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\t// Prevent focus loss by moving it to the list element.\n\t\tlistRef.current.focus();\n\n\t\tonDismiss();\n\t\tonRemove();\n\t}\n\n\tfunction onActionClick( event, onClick ) {\n\t\tevent.stopPropagation();\n\n\t\tonRemove();\n\n\t\tif ( onClick ) {\n\t\t\tonClick( event );\n\t\t}\n\t}\n\n\tuseSpokenMessage( spokenMessage, politeness );\n\n\t// Only set up the timeout dismiss if we're not explicitly dismissing.\n\tuseEffect( () => {\n\t\tconst timeoutHandle = setTimeout( () => {\n\t\t\tif ( ! explicitDismiss ) {\n\t\t\t\tonDismiss();\n\t\t\t\tonRemove();\n\t\t\t}\n\t\t}, NOTICE_TIMEOUT );\n\n\t\treturn () => clearTimeout( timeoutHandle );\n\t}, [ onDismiss, onRemove ] );\n\n\tconst classes = classnames( className, 'components-snackbar', {\n\t\t'components-snackbar-explicit-dismiss': !! explicitDismiss,\n\t} );\n\tif ( actions && actions.length > 1 ) {\n\t\t// we need to inform developers that snackbar only accepts 1 action\n\t\twarning(\n\t\t\t'Snackbar can only have 1 action, use Notice if your message require many messages'\n\t\t);\n\t\t// return first element only while keeping it inside an array\n\t\tactions = [ actions[ 0 ] ];\n\t}\n\n\tconst snackbarContentClassnames = classnames(\n\t\t'components-snackbar__content',\n\t\t{\n\t\t\t'components-snackbar__content-with-icon': !! icon,\n\t\t}\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName={ classes }\n\t\t\tonClick={ ! explicitDismiss ? dismissMe : noop }\n\t\t\ttabIndex=\"0\"\n\t\t\trole={ ! explicitDismiss ? 'button' : '' }\n\t\t\tonKeyPress={ ! explicitDismiss ? dismissMe : noop }\n\t\t\taria-label={ ! explicitDismiss ? __( 'Dismiss this notice' ) : '' }\n\t\t>\n\t\t\t<div className={ snackbarContentClassnames }>\n\t\t\t\t{ icon && (\n\t\t\t\t\t<div className=\"components-snackbar__icon\">{ icon }</div>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t\t{ actions.map( ( { label, onClick, url }, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ ( event ) =>\n\t\t\t\t\t\t\t\tonActionClick( event, onClick )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"components-snackbar__action\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ explicitDismiss && (\n\t\t\t\t\t<span\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\taria-label=\"Dismiss this notice\"\n\t\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\t\tclassName=\"components-snackbar__dismiss-button\"\n\t\t\t\t\t\tonClick={ dismissMe }\n\t\t\t\t\t\tonKeyPress={ dismissMe }\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( Snackbar );\n"]}
+{"version":3,"sources":["@wordpress/components/src/snackbar/index.js"],"names":["NOTICE_TIMEOUT","useSpokenMessage","message","politeness","spokenMessage","Snackbar","ref","className","children","actions","onRemove","noop","icon","explicitDismiss","onDismiss","listRef","dismissMe","event","preventDefault","current","focus","onActionClick","onClick","stopPropagation","timeoutHandle","setTimeout","clearTimeout","classes","length","snackbarContentClassnames","map","index","label","url"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { noop } from 'lodash';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { useEffect, forwardRef, renderToString } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { Button } from '../';\n\nconst NOTICE_TIMEOUT = 10000;\n\n/** @typedef {import('@wordpress/element').WPElement} WPElement */\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n *\n * @param {string|WPElement}     [message]  Message to announce.\n * @param {'polite'|'assertive'} politeness Politeness to announce.\n */\nfunction useSpokenMessage( message, politeness ) {\n\tconst spokenMessage =\n\t\ttypeof message === 'string' ? message : renderToString( message );\n\n\tuseEffect( () => {\n\t\tif ( spokenMessage ) {\n\t\t\tspeak( spokenMessage, politeness );\n\t\t}\n\t}, [ spokenMessage, politeness ] );\n}\n\nfunction Snackbar(\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\tspokenMessage = children,\n\t\tpoliteness = 'polite',\n\t\tactions = [],\n\t\tonRemove = noop,\n\t\ticon = null,\n\t\texplicitDismiss = false,\n\t\t// onDismiss is a callback executed when the snackbar is dismissed.\n\t\t// It is distinct from onRemove, which _looks_ like a callback but is\n\t\t// actually the function to call to remove the snackbar from the UI.\n\t\tonDismiss = noop,\n\t\tlistRef,\n\t},\n\tref\n) {\n\tonDismiss = onDismiss || noop;\n\n\tfunction dismissMe( event ) {\n\t\tif ( event && event.preventDefault ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\t// Prevent focus loss by moving it to the list element.\n\t\tlistRef.current.focus();\n\n\t\tonDismiss();\n\t\tonRemove();\n\t}\n\n\tfunction onActionClick( event, onClick ) {\n\t\tevent.stopPropagation();\n\n\t\tonRemove();\n\n\t\tif ( onClick ) {\n\t\t\tonClick( event );\n\t\t}\n\t}\n\n\tuseSpokenMessage( spokenMessage, politeness );\n\n\t// Only set up the timeout dismiss if we're not explicitly dismissing.\n\tuseEffect( () => {\n\t\tconst timeoutHandle = setTimeout( () => {\n\t\t\tif ( ! explicitDismiss ) {\n\t\t\t\tonDismiss();\n\t\t\t\tonRemove();\n\t\t\t}\n\t\t}, NOTICE_TIMEOUT );\n\n\t\treturn () => clearTimeout( timeoutHandle );\n\t}, [ onDismiss, onRemove ] );\n\n\tconst classes = classnames( className, 'components-snackbar', {\n\t\t'components-snackbar-explicit-dismiss': !! explicitDismiss,\n\t} );\n\tif ( actions && actions.length > 1 ) {\n\t\t// we need to inform developers that snackbar only accepts 1 action\n\t\twarning(\n\t\t\t'Snackbar can only have 1 action, use Notice if your message require many messages'\n\t\t);\n\t\t// return first element only while keeping it inside an array\n\t\tactions = [ actions[ 0 ] ];\n\t}\n\n\tconst snackbarContentClassnames = classnames(\n\t\t'components-snackbar__content',\n\t\t{\n\t\t\t'components-snackbar__content-with-icon': !! icon,\n\t\t}\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName={ classes }\n\t\t\tonClick={ ! explicitDismiss ? dismissMe : noop }\n\t\t\ttabIndex=\"0\"\n\t\t\trole={ ! explicitDismiss ? 'button' : '' }\n\t\t\tonKeyPress={ ! explicitDismiss ? dismissMe : noop }\n\t\t\taria-label={ ! explicitDismiss ? __( 'Dismiss this notice' ) : '' }\n\t\t>\n\t\t\t<div className={ snackbarContentClassnames }>\n\t\t\t\t{ icon && (\n\t\t\t\t\t<div className=\"components-snackbar__icon\">{ icon }</div>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t\t{ actions.map( ( { label, onClick, url }, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\thref={ url }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ ( event ) =>\n\t\t\t\t\t\t\t\tonActionClick( event, onClick )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"components-snackbar__action\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ explicitDismiss && (\n\t\t\t\t\t<span\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\taria-label=\"Dismiss this notice\"\n\t\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\t\tclassName=\"components-snackbar__dismiss-button\"\n\t\t\t\t\t\tonClick={ dismissMe }\n\t\t\t\t\t\tonKeyPress={ dismissMe }\n\t\t\t\t\t>\n\t\t\t\t\t\t&#x2715;\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( Snackbar );\n"]}

package/build/snackbar/list.js

@@ -71,12 +71,13 @@ const SNACKBAR_REDUCE_MOTION_VARIANTS = {
  * @return {Object} The rendered notices list.
  */
 
-function SnackbarList({
-  notices,
-  className,
-  children,
-  onRemove = _lodash.noop
-}) {
+function SnackbarList(_ref) {
+  let {
+    notices,
+    className,
+    children,
+    onRemove = _lodash.noop
+  } = _ref;
   const listRef = (0, _element.useRef)();
   const isReducedMotion = (0, _compose.useReducedMotion)();
   className = (0, _classnames.default)('components-snackbar-list', className);

package/build/snackbar/list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/snackbar/list.js"],"names":["SNACKBAR_VARIANTS","init","height","opacity","open","transition","stiffness","velocity","exit","duration","SNACKBAR_REDUCE_MOTION_VARIANTS","SnackbarList","notices","className","children","onRemove","noop","listRef","isReducedMotion","removeNotice","notice","id","map","content"],"mappings":";;;;;;;;;AAUA;;;;AAPA;;AACA;;AAKA;;AAMA;;AACA;;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,iBAAiB,GAAG;AACzBC,EAAAA,IAAI,EAAE;AACLC,IAAAA,MAAM,EAAE,CADH;AAELC,IAAAA,OAAO,EAAE;AAFJ,GADmB;AAKzBC,EAAAA,IAAI,EAAE;AACLF,IAAAA,MAAM,EAAE,MADH;AAELC,IAAAA,OAAO,EAAE,CAFJ;AAGLE,IAAAA,UAAU,EAAE;AACXH,MAAAA,MAAM,EAAE;AAAEI,QAAAA,SAAS,EAAE,IAAb;AAAmBC,QAAAA,QAAQ,EAAE,CAAC;AAA9B;AADG;AAHP,GALmB;AAYzBC,EAAAA,IAAI,EAAE;AACLL,IAAAA,OAAO,EAAE,CADJ;AAELE,IAAAA,UAAU,EAAE;AACXI,MAAAA,QAAQ,EAAE;AADC;AAFP;AAZmB,CAA1B;AAoBA,MAAMC,+BAA+B,GAAG;AACvCT,EAAAA,IAAI,EAAE,KADiC;AAEvCG,EAAAA,IAAI,EAAE,KAFiC;AAGvCI,EAAAA,IAAI,EAAE;AAHiC,CAAxC;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASG,YAAT,CAAuB;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,SAAX;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA,QAAQ,GAAGC;AAA3C,CAAvB,EAA2E;AAC1E,QAAMC,OAAO,GAAG,sBAAhB;AACA,QAAMC,eAAe,GAAG,gCAAxB;AACAL,EAAAA,SAAS,GAAG,yBAAY,0BAAZ,EAAwCA,SAAxC,CAAZ;;AACA,QAAMM,YAAY,GAAKC,MAAF,IAAc,MAAML,QAAQ,CAAEK,MAAM,CAACC,EAAT,CAAjD;;AACA,SACC;AAAK,IAAA,SAAS,EAAGR,SAAjB;AAA6B,IAAA,QAAQ,EAAG,CAAC,CAAzC;AAA6C,IAAA,GAAG,EAAGI;AAAnD,KACGH,QADH,EAEC,4BAAC,oCAAD,QACGF,OAAO,CAACU,GAAR,CAAeF,MAAF,IAAc;AAC5B,WACC,4BAAC,2BAAD,CAAQ,GAAR;AACC,MAAA,MAAM,EAAG,CAAEF,eADZ,CAC8B;AAD9B;AAEC,MAAA,OAAO,EAAG,MAFX;AAGC,MAAA,OAAO,EAAG,MAHX;AAIC,MAAA,IAAI,EAAG,MAJR;AAKC,MAAA,GAAG,EAAGE,MAAM,CAACC,EALd;AAMC,MAAA,QAAQ,EACPH,eAAe,GACZR,+BADY,GAEZV;AATL,OAYC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC,4BAAC,SAAD,6BACM,kBAAMoB,MAAN,EAAc,CAAE,SAAF,CAAd,CADN;AAEC,MAAA,QAAQ,EAAGD,YAAY,CAAEC,MAAF,CAFxB;AAGC,MAAA,OAAO,EAAGH;AAHX,QAKGG,MAAM,CAACG,OALV,CADD,CAZD,CADD;AAwBA,GAzBC,CADH,CAFD,CADD;AAiCA;;eAEcZ,Y","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { omit, noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Snackbar from './';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '../animation';\n\nconst SNACKBAR_VARIANTS = {\n\tinit: {\n\t\theight: 0,\n\t\topacity: 0,\n\t},\n\topen: {\n\t\theight: 'auto',\n\t\topacity: 1,\n\t\ttransition: {\n\t\t\theight: { stiffness: 1000, velocity: -100 },\n\t\t},\n\t},\n\texit: {\n\t\topacity: 0,\n\t\ttransition: {\n\t\t\tduration: 0.5,\n\t\t},\n\t},\n};\n\nconst SNACKBAR_REDUCE_MOTION_VARIANTS = {\n\tinit: false,\n\topen: false,\n\texit: false,\n};\n\n/**\n * Renders a list of notices.\n *\n * @param {Object}   $0           Props passed to the component.\n * @param {Array}    $0.notices   Array of notices to render.\n * @param {Function} $0.onRemove  Function called when a notice should be removed / dismissed.\n * @param {Object}   $0.className Name of the class used by the component.\n * @param {Object}   $0.children  Array of children to be rendered inside the notice list.\n *\n * @return {Object} The rendered notices list.\n */\nfunction SnackbarList( { notices, className, children, onRemove = noop } ) {\n\tconst listRef = useRef();\n\tconst isReducedMotion = useReducedMotion();\n\tclassName = classnames( 'components-snackbar-list', className );\n\tconst removeNotice = ( notice ) => () => onRemove( notice.id );\n\treturn (\n\t\t<div className={ className } tabIndex={ -1 } ref={ listRef }>\n\t\t\t{ children }\n\t\t\t<AnimatePresence>\n\t\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tlayout={ ! isReducedMotion } //see https://www.framer.com/docs/animation/#layout-animations\n\t\t\t\t\t\t\tinitial={ 'init' }\n\t\t\t\t\t\t\tanimate={ 'open' }\n\t\t\t\t\t\t\texit={ 'exit' }\n\t\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\t\tvariants={\n\t\t\t\t\t\t\t\tisReducedMotion\n\t\t\t\t\t\t\t\t\t? SNACKBAR_REDUCE_MOTION_VARIANTS\n\t\t\t\t\t\t\t\t\t: SNACKBAR_VARIANTS\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"components-snackbar-list__notice-container\">\n\t\t\t\t\t\t\t\t<Snackbar\n\t\t\t\t\t\t\t\t\t{ ...omit( notice, [ 'content' ] ) }\n\t\t\t\t\t\t\t\t\tonRemove={ removeNotice( notice ) }\n\t\t\t\t\t\t\t\t\tlistRef={ listRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t\t\t\t</Snackbar>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</AnimatePresence>\n\t\t</div>\n\t);\n}\n\nexport default SnackbarList;\n"]}
+{"version":3,"sources":["@wordpress/components/src/snackbar/list.js"],"names":["SNACKBAR_VARIANTS","init","height","opacity","open","transition","stiffness","velocity","exit","duration","SNACKBAR_REDUCE_MOTION_VARIANTS","SnackbarList","notices","className","children","onRemove","noop","listRef","isReducedMotion","removeNotice","notice","id","map","content"],"mappings":";;;;;;;;;AAUA;;;;AAPA;;AACA;;AAKA;;AAMA;;AACA;;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,iBAAiB,GAAG;AACzBC,EAAAA,IAAI,EAAE;AACLC,IAAAA,MAAM,EAAE,CADH;AAELC,IAAAA,OAAO,EAAE;AAFJ,GADmB;AAKzBC,EAAAA,IAAI,EAAE;AACLF,IAAAA,MAAM,EAAE,MADH;AAELC,IAAAA,OAAO,EAAE,CAFJ;AAGLE,IAAAA,UAAU,EAAE;AACXH,MAAAA,MAAM,EAAE;AAAEI,QAAAA,SAAS,EAAE,IAAb;AAAmBC,QAAAA,QAAQ,EAAE,CAAC;AAA9B;AADG;AAHP,GALmB;AAYzBC,EAAAA,IAAI,EAAE;AACLL,IAAAA,OAAO,EAAE,CADJ;AAELE,IAAAA,UAAU,EAAE;AACXI,MAAAA,QAAQ,EAAE;AADC;AAFP;AAZmB,CAA1B;AAoBA,MAAMC,+BAA+B,GAAG;AACvCT,EAAAA,IAAI,EAAE,KADiC;AAEvCG,EAAAA,IAAI,EAAE,KAFiC;AAGvCI,EAAAA,IAAI,EAAE;AAHiC,CAAxC;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASG,YAAT,OAA2E;AAAA,MAApD;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA,QAAtB;AAAgCC,IAAAA,QAAQ,GAAGC;AAA3C,GAAoD;AAC1E,QAAMC,OAAO,GAAG,sBAAhB;AACA,QAAMC,eAAe,GAAG,gCAAxB;AACAL,EAAAA,SAAS,GAAG,yBAAY,0BAAZ,EAAwCA,SAAxC,CAAZ;;AACA,QAAMM,YAAY,GAAKC,MAAF,IAAc,MAAML,QAAQ,CAAEK,MAAM,CAACC,EAAT,CAAjD;;AACA,SACC;AAAK,IAAA,SAAS,EAAGR,SAAjB;AAA6B,IAAA,QAAQ,EAAG,CAAC,CAAzC;AAA6C,IAAA,GAAG,EAAGI;AAAnD,KACGH,QADH,EAEC,4BAAC,oCAAD,QACGF,OAAO,CAACU,GAAR,CAAeF,MAAF,IAAc;AAC5B,WACC,4BAAC,2BAAD,CAAQ,GAAR;AACC,MAAA,MAAM,EAAG,CAAEF,eADZ,CAC8B;AAD9B;AAEC,MAAA,OAAO,EAAG,MAFX;AAGC,MAAA,OAAO,EAAG,MAHX;AAIC,MAAA,IAAI,EAAG,MAJR;AAKC,MAAA,GAAG,EAAGE,MAAM,CAACC,EALd;AAMC,MAAA,QAAQ,EACPH,eAAe,GACZR,+BADY,GAEZV;AATL,OAYC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC,4BAAC,SAAD,6BACM,kBAAMoB,MAAN,EAAc,CAAE,SAAF,CAAd,CADN;AAEC,MAAA,QAAQ,EAAGD,YAAY,CAAEC,MAAF,CAFxB;AAGC,MAAA,OAAO,EAAGH;AAHX,QAKGG,MAAM,CAACG,OALV,CADD,CAZD,CADD;AAwBA,GAzBC,CADH,CAFD,CADD;AAiCA;;eAEcZ,Y","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { omit, noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Snackbar from './';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '../animation';\n\nconst SNACKBAR_VARIANTS = {\n\tinit: {\n\t\theight: 0,\n\t\topacity: 0,\n\t},\n\topen: {\n\t\theight: 'auto',\n\t\topacity: 1,\n\t\ttransition: {\n\t\t\theight: { stiffness: 1000, velocity: -100 },\n\t\t},\n\t},\n\texit: {\n\t\topacity: 0,\n\t\ttransition: {\n\t\t\tduration: 0.5,\n\t\t},\n\t},\n};\n\nconst SNACKBAR_REDUCE_MOTION_VARIANTS = {\n\tinit: false,\n\topen: false,\n\texit: false,\n};\n\n/**\n * Renders a list of notices.\n *\n * @param {Object}   $0           Props passed to the component.\n * @param {Array}    $0.notices   Array of notices to render.\n * @param {Function} $0.onRemove  Function called when a notice should be removed / dismissed.\n * @param {Object}   $0.className Name of the class used by the component.\n * @param {Object}   $0.children  Array of children to be rendered inside the notice list.\n *\n * @return {Object} The rendered notices list.\n */\nfunction SnackbarList( { notices, className, children, onRemove = noop } ) {\n\tconst listRef = useRef();\n\tconst isReducedMotion = useReducedMotion();\n\tclassName = classnames( 'components-snackbar-list', className );\n\tconst removeNotice = ( notice ) => () => onRemove( notice.id );\n\treturn (\n\t\t<div className={ className } tabIndex={ -1 } ref={ listRef }>\n\t\t\t{ children }\n\t\t\t<AnimatePresence>\n\t\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tlayout={ ! isReducedMotion } //see https://www.framer.com/docs/animation/#layout-animations\n\t\t\t\t\t\t\tinitial={ 'init' }\n\t\t\t\t\t\t\tanimate={ 'open' }\n\t\t\t\t\t\t\texit={ 'exit' }\n\t\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\t\tvariants={\n\t\t\t\t\t\t\t\tisReducedMotion\n\t\t\t\t\t\t\t\t\t? SNACKBAR_REDUCE_MOTION_VARIANTS\n\t\t\t\t\t\t\t\t\t: SNACKBAR_VARIANTS\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"components-snackbar-list__notice-container\">\n\t\t\t\t\t\t\t\t<Snackbar\n\t\t\t\t\t\t\t\t\t{ ...omit( notice, [ 'content' ] ) }\n\t\t\t\t\t\t\t\t\tonRemove={ removeNotice( notice ) }\n\t\t\t\t\t\t\t\t\tlistRef={ listRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t\t\t\t</Snackbar>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</AnimatePresence>\n\t\t</div>\n\t);\n}\n\nexport default SnackbarList;\n"]}

package/build/spacer/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/style-provider/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -19,6 +17,10 @@ var _memize = _interopRequireDefault(require("memize"));
 
 var uuid = _interopRequireWildcard(require("uuid"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * External dependencies
  */
@@ -38,10 +40,12 @@ const memoizedCreateCacheWithContainer = (0, _memize.default)(container => {
   });
 });
 
-function StyleProvider({
-  children,
-  document
-}) {
+function StyleProvider(_ref) {
+  let {
+    children,
+    document
+  } = _ref;
+
   if (!document) {
     return null;
   }

package/build/style-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/style-provider/index.js"],"names":["uuidCache","Set","memoizedCreateCacheWithContainer","container","key","uuid","v4","replace","has","add","StyleProvider","children","document","cache","head"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,MAAMA,SAAS,GAAG,IAAIC,GAAJ,EAAlB;AAEA,MAAMC,gCAAgC,GAAG,qBAAWC,SAAF,IAAiB;AAClE;AACA,MAAIC,GAAG,GAAGC,IAAI,CAACC,EAAL,GAAUC,OAAV,CAAmB,QAAnB,EAA6B,EAA7B,CAAV;;AACA,SAAQP,SAAS,CAACQ,GAAV,CAAeJ,GAAf,CAAR,EAA+B;AAC9BA,IAAAA,GAAG,GAAGC,IAAI,CAACC,EAAL,GAAUC,OAAV,CAAmB,QAAnB,EAA6B,EAA7B,CAAN;AACA;;AACDP,EAAAA,SAAS,CAACS,GAAV,CAAeL,GAAf;AACA,SAAO,oBAAa;AAAED,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAb,CAAP;AACA,CARwC,CAAzC;;AAUe,SAASM,aAAT,CAAwB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAxB,EAAiD;AAC/D,MAAK,CAAEA,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,QAAMC,KAAK,GAAGX,gCAAgC,CAAEU,QAAQ,CAACE,IAAX,CAA9C;AAEA,SAAO,4BAAC,oBAAD;AAAe,IAAA,KAAK,EAAGD;AAAvB,KAAiCF,QAAjC,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport memoize from 'memize';\nimport * as uuid from 'uuid';\n\nconst uuidCache = new Set();\n\nconst memoizedCreateCacheWithContainer = memoize( ( container ) => {\n\t// emotion only accepts alphabetical and hyphenated keys so we just strip the numbers from the UUID. It _should_ be fine.\n\tlet key = uuid.v4().replace( /[0-9]/g, '' );\n\twhile ( uuidCache.has( key ) ) {\n\t\tkey = uuid.v4().replace( /[0-9]/g, '' );\n\t}\n\tuuidCache.add( key );\n\treturn createCache( { container, key } );\n} );\n\nexport default function StyleProvider( { children, document } ) {\n\tif ( ! document ) {\n\t\treturn null;\n\t}\n\n\tconst cache = memoizedCreateCacheWithContainer( document.head );\n\n\treturn <CacheProvider value={ cache }>{ children }</CacheProvider>;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/style-provider/index.js"],"names":["uuidCache","Set","memoizedCreateCacheWithContainer","container","key","uuid","v4","replace","has","add","StyleProvider","children","document","cache","head"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;;;;;AANA;AACA;AACA;AAMA,MAAMA,SAAS,GAAG,IAAIC,GAAJ,EAAlB;AAEA,MAAMC,gCAAgC,GAAG,qBAAWC,SAAF,IAAiB;AAClE;AACA,MAAIC,GAAG,GAAGC,IAAI,CAACC,EAAL,GAAUC,OAAV,CAAmB,QAAnB,EAA6B,EAA7B,CAAV;;AACA,SAAQP,SAAS,CAACQ,GAAV,CAAeJ,GAAf,CAAR,EAA+B;AAC9BA,IAAAA,GAAG,GAAGC,IAAI,CAACC,EAAL,GAAUC,OAAV,CAAmB,QAAnB,EAA6B,EAA7B,CAAN;AACA;;AACDP,EAAAA,SAAS,CAACS,GAAV,CAAeL,GAAf;AACA,SAAO,oBAAa;AAAED,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAb,CAAP;AACA,CARwC,CAAzC;;AAUe,SAASM,aAAT,OAAiD;AAAA,MAAzB;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAyB;;AAC/D,MAAK,CAAEA,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,QAAMC,KAAK,GAAGX,gCAAgC,CAAEU,QAAQ,CAACE,IAAX,CAA9C;AAEA,SAAO,4BAAC,oBAAD;AAAe,IAAA,KAAK,EAAGD;AAAvB,KAAiCF,QAAjC,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport memoize from 'memize';\nimport * as uuid from 'uuid';\n\nconst uuidCache = new Set();\n\nconst memoizedCreateCacheWithContainer = memoize( ( container ) => {\n\t// emotion only accepts alphabetical and hyphenated keys so we just strip the numbers from the UUID. It _should_ be fine.\n\tlet key = uuid.v4().replace( /[0-9]/g, '' );\n\twhile ( uuidCache.has( key ) ) {\n\t\tkey = uuid.v4().replace( /[0-9]/g, '' );\n\t}\n\tuuidCache.add( key );\n\treturn createCache( { container, key } );\n} );\n\nexport default function StyleProvider( { children, document } ) {\n\tif ( ! document ) {\n\t\treturn null;\n\t}\n\n\tconst cache = memoizedCreateCacheWithContainer( document.head );\n\n\treturn <CacheProvider value={ cache }>{ children }</CacheProvider>;\n}\n"]}

package/build/style-provider/index.native.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = StyleProvider;
 
-function StyleProvider({
-  children
-}) {
+function StyleProvider(_ref) {
+  let {
+    children
+  } = _ref;
   return children;
 }
 //# sourceMappingURL=index.native.js.map

package/build/style-provider/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/style-provider/index.native.js"],"names":["StyleProvider","children"],"mappings":";;;;;;;AAAe,SAASA,aAAT,CAAwB;AAAEC,EAAAA;AAAF,CAAxB,EAAuC;AACrD,SAAOA,QAAP;AACA","sourcesContent":["export default function StyleProvider( { children } ) {\n\treturn children;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/style-provider/index.native.js"],"names":["StyleProvider","children"],"mappings":";;;;;;;AAAe,SAASA,aAAT,OAAuC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACrD,SAAOA,QAAP;AACA","sourcesContent":["export default function StyleProvider( { children } ) {\n\treturn children;\n}\n"]}

package/build/surface/hook.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,6 +13,10 @@ var styles = _interopRequireWildcard(require("./styles"));
 
 var _useCx = require("../utils/hooks/use-cx");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * WordPress dependencies
  */

package/build/surface/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/hook.js"],"names":["useSurface","props","backgroundSize","borderBottom","borderLeft","borderRight","borderTop","className","variant","otherProps","cx","classes","sx","borders","styles","getBorders","Surface","getVariant"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACO,SAASA,UAAT,CAAqBC,KAArB,EAA6B;AACnC,QAAM;AACLC,IAAAA,cAAc,GAAG,EADZ;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,UAAU,GAAG,KAHR;AAILC,IAAAA,WAAW,GAAG,KAJT;AAKLC,IAAAA,SAAS,GAAG,KALP;AAMLC,IAAAA,SANK;AAOLC,IAAAA,OAAO,GAAG,SAPL;AAQL,OAAGC;AARE,MASF,+BAAkBR,KAAlB,EAAyB,SAAzB,CATJ;AAWA,QAAMS,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAG,sBAAS,MAAM;AAC9B,UAAMC,EAAE,GAAG,EAAX;AAEAA,IAAAA,EAAE,CAACC,OAAH,GAAaC,MAAM,CAACC,UAAP,CAAmB;AAC/BZ,MAAAA,YAD+B;AAE/BC,MAAAA,UAF+B;AAG/BC,MAAAA,WAH+B;AAI/BC,MAAAA;AAJ+B,KAAnB,CAAb;AAOA,WAAOI,EAAE,CACRI,MAAM,CAACE,OADC,EAERJ,EAAE,CAACC,OAFK,EAGRC,MAAM,CAACG,UAAP,CACCT,OADD,EAEE,GAAGN,cAAgB,IAFrB,EAGE,GAAGA,cAAc,GAAG,CAAG,IAHzB,CAHQ,EAQRK,SARQ,CAAT;AAUA,GApBe,EAoBb,CACFL,cADE,EAEFC,YAFE,EAGFC,UAHE,EAIFC,WAJE,EAKFC,SALE,EAMFC,SANE,EAOFC,OAPE,CApBa,CAAhB;AA8BA,SAAO,EAAE,GAAGC,UAAL;AAAiBF,IAAAA,SAAS,EAAEI;AAA5B,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { useCx } from '../utils/hooks/use-cx';\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useSurface( props ) {\n\tconst {\n\t\tbackgroundSize = 12,\n\t\tborderBottom = false,\n\t\tborderLeft = false,\n\t\tborderRight = false,\n\t\tborderTop = false,\n\t\tclassName,\n\t\tvariant = 'primary',\n\t\t...otherProps\n\t} = useContextSystem( props, 'Surface' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {};\n\n\t\tsx.borders = styles.getBorders( {\n\t\t\tborderBottom,\n\t\t\tborderLeft,\n\t\t\tborderRight,\n\t\t\tborderTop,\n\t\t} );\n\n\t\treturn cx(\n\t\t\tstyles.Surface,\n\t\t\tsx.borders,\n\t\t\tstyles.getVariant(\n\t\t\t\tvariant,\n\t\t\t\t`${ backgroundSize }px`,\n\t\t\t\t`${ backgroundSize - 1 }px`\n\t\t\t),\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tbackgroundSize,\n\t\tborderBottom,\n\t\tborderLeft,\n\t\tborderRight,\n\t\tborderTop,\n\t\tclassName,\n\t\tvariant,\n\t] );\n\n\treturn { ...otherProps, className: classes };\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/surface/hook.js"],"names":["useSurface","props","backgroundSize","borderBottom","borderLeft","borderRight","borderTop","className","variant","otherProps","cx","classes","sx","borders","styles","getBorders","Surface","getVariant"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AACA;;;;;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACO,SAASA,UAAT,CAAqBC,KAArB,EAA6B;AACnC,QAAM;AACLC,IAAAA,cAAc,GAAG,EADZ;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,UAAU,GAAG,KAHR;AAILC,IAAAA,WAAW,GAAG,KAJT;AAKLC,IAAAA,SAAS,GAAG,KALP;AAMLC,IAAAA,SANK;AAOLC,IAAAA,OAAO,GAAG,SAPL;AAQL,OAAGC;AARE,MASF,+BAAkBR,KAAlB,EAAyB,SAAzB,CATJ;AAWA,QAAMS,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAG,sBAAS,MAAM;AAC9B,UAAMC,EAAE,GAAG,EAAX;AAEAA,IAAAA,EAAE,CAACC,OAAH,GAAaC,MAAM,CAACC,UAAP,CAAmB;AAC/BZ,MAAAA,YAD+B;AAE/BC,MAAAA,UAF+B;AAG/BC,MAAAA,WAH+B;AAI/BC,MAAAA;AAJ+B,KAAnB,CAAb;AAOA,WAAOI,EAAE,CACRI,MAAM,CAACE,OADC,EAERJ,EAAE,CAACC,OAFK,EAGRC,MAAM,CAACG,UAAP,CACCT,OADD,EAEE,GAAGN,cAAgB,IAFrB,EAGE,GAAGA,cAAc,GAAG,CAAG,IAHzB,CAHQ,EAQRK,SARQ,CAAT;AAUA,GApBe,EAoBb,CACFL,cADE,EAEFC,YAFE,EAGFC,UAHE,EAIFC,WAJE,EAKFC,SALE,EAMFC,SANE,EAOFC,OAPE,CApBa,CAAhB;AA8BA,SAAO,EAAE,GAAGC,UAAL;AAAiBF,IAAAA,SAAS,EAAEI;AAA5B,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { useCx } from '../utils/hooks/use-cx';\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useSurface( props ) {\n\tconst {\n\t\tbackgroundSize = 12,\n\t\tborderBottom = false,\n\t\tborderLeft = false,\n\t\tborderRight = false,\n\t\tborderTop = false,\n\t\tclassName,\n\t\tvariant = 'primary',\n\t\t...otherProps\n\t} = useContextSystem( props, 'Surface' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {};\n\n\t\tsx.borders = styles.getBorders( {\n\t\t\tborderBottom,\n\t\t\tborderLeft,\n\t\t\tborderRight,\n\t\t\tborderTop,\n\t\t} );\n\n\t\treturn cx(\n\t\t\tstyles.Surface,\n\t\t\tsx.borders,\n\t\t\tstyles.getVariant(\n\t\t\t\tvariant,\n\t\t\t\t`${ backgroundSize }px`,\n\t\t\t\t`${ backgroundSize - 1 }px`\n\t\t\t),\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tbackgroundSize,\n\t\tborderBottom,\n\t\tborderLeft,\n\t\tborderRight,\n\t\tborderTop,\n\t\tclassName,\n\t\tvariant,\n\t] );\n\n\treturn { ...otherProps, className: classes };\n}\n"]}

package/build/surface/styles.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.background = exports.Surface = void 0;
 exports.getBorders = getBorders;
-exports.getVariant = exports.getGrid = exports.getDotted = exports.tertiary = exports.secondary = exports.primary = exports.background = exports.Surface = void 0;
+exports.tertiary = exports.secondary = exports.primary = exports.getVariant = exports.getGrid = exports.getDotted = void 0;
 
 var _react = require("@emotion/react");
 
@@ -30,12 +31,13 @@ const background = /*#__PURE__*/(0, _react.css)("background-color:", _utils.CONF
 
 exports.background = background;
 
-function getBorders({
-  borderBottom,
-  borderLeft,
-  borderRight,
-  borderTop
-}) {
+function getBorders(_ref) {
+  let {
+    borderBottom,
+    borderLeft,
+    borderRight,
+    borderTop
+  } = _ref;
   const borderStyle = `1px solid ${_utils.CONFIG.surfaceBorderColor}`;
   return /*#__PURE__*/(0, _react.css)({
     borderBottom: borderBottom ? borderStyle : undefined,

package/build/surface/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/styles.js"],"names":["Surface","css","CONFIG","surfaceColor","COLORS","black","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.black };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\n/**\n * @param {Object}  props\n * @param {boolean} [props.borderBottom]\n * @param {boolean} [props.borderLeft]\n * @param {boolean} [props.borderRight]\n * @param {boolean} [props.borderTop]\n */\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n} ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\n/**\n * @param {string} surfaceBackgroundSize\n */\nconst customBackgroundSize = ( surfaceBackgroundSize ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\n/**\n *\n * @param {string} surfaceBackgroundSize\n * @param {string} surfaceBackgroundSizeDotted\n */\nexport const getDotted = (\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSize\n * @return {import('@emotion/react').SerializedStyles} CSS.\n */\nexport const getGrid = ( surfaceBackgroundSize ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\n/**\n * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant\n * @param {string}                                                   surfaceBackgroundSize\n * @param {string}                                                   surfaceBackgroundSizeDotted\n */\nexport const getVariant = (\n\tvariant,\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/surface/styles.js"],"names":["Surface","css","CONFIG","surfaceColor","COLORS","black","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.black };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\n/**\n * @param {Object}  props\n * @param {boolean} [props.borderBottom]\n * @param {boolean} [props.borderLeft]\n * @param {boolean} [props.borderRight]\n * @param {boolean} [props.borderTop]\n */\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n} ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\n/**\n * @param {string} surfaceBackgroundSize\n */\nconst customBackgroundSize = ( surfaceBackgroundSize ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSizeDotted\n */\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\n/**\n *\n * @param {string} surfaceBackgroundSize\n * @param {string} surfaceBackgroundSizeDotted\n */\nexport const getDotted = (\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\n/**\n * @param {string} surfaceBackgroundSize\n * @return {import('@emotion/react').SerializedStyles} CSS.\n */\nexport const getGrid = ( surfaceBackgroundSize ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\n/**\n * @param {'dotted' | 'grid' | 'primary' | 'secondary' | 'tertiary'} variant\n * @param {string}                                                   surfaceBackgroundSize\n * @param {string}                                                   surfaceBackgroundSizeDotted\n */\nexport const getVariant = (\n\tvariant,\n\tsurfaceBackgroundSize,\n\tsurfaceBackgroundSizeDotted\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}

package/build/surface/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/swatch/index.js

@@ -20,9 +20,10 @@ var _icon = _interopRequireDefault(require("../icon"));
 /**
  * Internal dependencies
  */
-function Swatch({
-  fill
-}) {
+function Swatch(_ref) {
+  let {
+    fill
+  } = _ref;
   return fill ? (0, _element.createElement)("span", {
     className: "components-swatch",
     style: {

package/build/swatch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/swatch/index.js"],"names":["Swatch","fill","background","swatch"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,MAAT,CAAiB;AAAEC,EAAAA;AAAF,CAAjB,EAA4B;AAC3B,SAAOA,IAAI,GACV;AAAM,IAAA,SAAS,EAAC,mBAAhB;AAAoC,IAAA,KAAK,EAAG;AAAEC,MAAAA,UAAU,EAAED;AAAd;AAA5C,IADU,GAGV,4BAAC,aAAD;AAAM,IAAA,IAAI,EAAGE;AAAb,IAHD;AAKA;;eAEcH,M","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { swatch } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\n\nfunction Swatch( { fill } ) {\n\treturn fill ? (\n\t\t<span className=\"components-swatch\" style={ { background: fill } } />\n\t) : (\n\t\t<Icon icon={ swatch } />\n\t);\n}\n\nexport default Swatch;\n"]}
+{"version":3,"sources":["@wordpress/components/src/swatch/index.js"],"names":["Swatch","fill","background","swatch"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,MAAT,OAA4B;AAAA,MAAX;AAAEC,IAAAA;AAAF,GAAW;AAC3B,SAAOA,IAAI,GACV;AAAM,IAAA,SAAS,EAAC,mBAAhB;AAAoC,IAAA,KAAK,EAAG;AAAEC,MAAAA,UAAU,EAAED;AAAd;AAA5C,IADU,GAGV,4BAAC,aAAD;AAAM,IAAA,IAAI,EAAGE;AAAb,IAHD;AAKA;;eAEcH,M","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { swatch } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\n\nfunction Swatch( { fill } ) {\n\treturn fill ? (\n\t\t<span className=\"components-swatch\" style={ { background: fill } } />\n\t) : (\n\t\t<Icon icon={ swatch } />\n\t);\n}\n\nexport default Swatch;\n"]}

package/build/tab-panel/index.js

@@ -32,31 +32,35 @@ var _button = _interopRequireDefault(require("../button"));
 /**
  * Internal dependencies
  */
-const TabButton = ({
-  tabId,
-  onClick,
-  children,
-  selected,
-  ...rest
-}) => (0, _element.createElement)(_button.default, (0, _extends2.default)({
-  role: "tab",
-  tabIndex: selected ? null : -1,
-  "aria-selected": selected,
-  id: tabId,
-  onClick: onClick
-}, rest), children);
-
-function TabPanel({
-  className,
-  children,
-  tabs,
-  initialTabName,
-  orientation = 'horizontal',
-  activeClass = 'is-active',
-  onSelect = _lodash.noop
-}) {
+const TabButton = _ref => {
+  let {
+    tabId,
+    onClick,
+    children,
+    selected,
+    ...rest
+  } = _ref;
+  return (0, _element.createElement)(_button.default, (0, _extends2.default)({
+    role: "tab",
+    tabIndex: selected ? null : -1,
+    "aria-selected": selected,
+    id: tabId,
+    onClick: onClick
+  }, rest), children);
+};
+
+function TabPanel(_ref2) {
   var _selectedTab$name;
 
+  let {
+    className,
+    children,
+    tabs,
+    initialTabName,
+    orientation = 'horizontal',
+    activeClass = 'is-active',
+    onSelect = _lodash.noop
+  } = _ref2;
   const instanceId = (0, _compose.useInstanceId)(TabPanel, 'tab-panel');
   const [selected, setSelected] = (0, _element.useState)(null);
 

package/build/tab-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tab-panel/index.js"],"names":["TabButton","tabId","onClick","children","selected","rest","TabPanel","className","tabs","initialTabName","orientation","activeClass","onSelect","noop","instanceId","setSelected","handleClick","tabKey","onNavigate","childIndex","child","click","selectedTab","name","selectedId","newSelectedTab","length","map","tab","title"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { partial, noop, find } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { NavigableMenu } from '../navigable-container';\nimport Button from '../button';\n\nconst TabButton = ( { tabId, onClick, children, selected, ...rest } ) => (\n\t<Button\n\t\trole=\"tab\"\n\t\ttabIndex={ selected ? null : -1 }\n\t\taria-selected={ selected }\n\t\tid={ tabId }\n\t\tonClick={ onClick }\n\t\t{ ...rest }\n\t>\n\t\t{ children }\n\t</Button>\n);\n\nexport default function TabPanel( {\n\tclassName,\n\tchildren,\n\ttabs,\n\tinitialTabName,\n\torientation = 'horizontal',\n\tactiveClass = 'is-active',\n\tonSelect = noop,\n} ) {\n\tconst instanceId = useInstanceId( TabPanel, 'tab-panel' );\n\tconst [ selected, setSelected ] = useState( null );\n\n\tconst handleClick = ( tabKey ) => {\n\t\tsetSelected( tabKey );\n\t\tonSelect( tabKey );\n\t};\n\n\tconst onNavigate = ( childIndex, child ) => {\n\t\tchild.click();\n\t};\n\tconst selectedTab = find( tabs, { name: selected } );\n\tconst selectedId = `${ instanceId }-${ selectedTab?.name ?? 'none' }`;\n\n\tuseEffect( () => {\n\t\tconst newSelectedTab = find( tabs, { name: selected } );\n\t\tif ( ! newSelectedTab ) {\n\t\t\tsetSelected(\n\t\t\t\tinitialTabName || ( tabs.length > 0 ? tabs[ 0 ].name : null )\n\t\t\t);\n\t\t}\n\t}, [ tabs ] );\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<NavigableMenu\n\t\t\t\trole=\"tablist\"\n\t\t\t\torientation={ orientation }\n\t\t\t\tonNavigate={ onNavigate }\n\t\t\t\tclassName=\"components-tab-panel__tabs\"\n\t\t\t>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<TabButton\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'components-tab-panel__tabs-item',\n\t\t\t\t\t\t\ttab.className,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ activeClass ]: tab.name === selected,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ttabId={ `${ instanceId }-${ tab.name }` }\n\t\t\t\t\t\taria-controls={ `${ instanceId }-${ tab.name }-view` }\n\t\t\t\t\t\tselected={ tab.name === selected }\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\tonClick={ partial( handleClick, tab.name ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t</TabButton>\n\t\t\t\t) ) }\n\t\t\t</NavigableMenu>\n\t\t\t{ selectedTab && (\n\t\t\t\t<div\n\t\t\t\t\tkey={ selectedId }\n\t\t\t\t\taria-labelledby={ selectedId }\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={ `${ selectedId }-view` }\n\t\t\t\t\tclassName=\"components-tab-panel__tab-content\"\n\t\t\t\t>\n\t\t\t\t\t{ children( selectedTab ) }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/tab-panel/index.js"],"names":["TabButton","tabId","onClick","children","selected","rest","TabPanel","className","tabs","initialTabName","orientation","activeClass","onSelect","noop","instanceId","setSelected","handleClick","tabKey","onNavigate","childIndex","child","click","selectedTab","name","selectedId","newSelectedTab","length","map","tab","title"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { partial, noop, find } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { NavigableMenu } from '../navigable-container';\nimport Button from '../button';\n\nconst TabButton = ( { tabId, onClick, children, selected, ...rest } ) => (\n\t<Button\n\t\trole=\"tab\"\n\t\ttabIndex={ selected ? null : -1 }\n\t\taria-selected={ selected }\n\t\tid={ tabId }\n\t\tonClick={ onClick }\n\t\t{ ...rest }\n\t>\n\t\t{ children }\n\t</Button>\n);\n\nexport default function TabPanel( {\n\tclassName,\n\tchildren,\n\ttabs,\n\tinitialTabName,\n\torientation = 'horizontal',\n\tactiveClass = 'is-active',\n\tonSelect = noop,\n} ) {\n\tconst instanceId = useInstanceId( TabPanel, 'tab-panel' );\n\tconst [ selected, setSelected ] = useState( null );\n\n\tconst handleClick = ( tabKey ) => {\n\t\tsetSelected( tabKey );\n\t\tonSelect( tabKey );\n\t};\n\n\tconst onNavigate = ( childIndex, child ) => {\n\t\tchild.click();\n\t};\n\tconst selectedTab = find( tabs, { name: selected } );\n\tconst selectedId = `${ instanceId }-${ selectedTab?.name ?? 'none' }`;\n\n\tuseEffect( () => {\n\t\tconst newSelectedTab = find( tabs, { name: selected } );\n\t\tif ( ! newSelectedTab ) {\n\t\t\tsetSelected(\n\t\t\t\tinitialTabName || ( tabs.length > 0 ? tabs[ 0 ].name : null )\n\t\t\t);\n\t\t}\n\t}, [ tabs ] );\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<NavigableMenu\n\t\t\t\trole=\"tablist\"\n\t\t\t\torientation={ orientation }\n\t\t\t\tonNavigate={ onNavigate }\n\t\t\t\tclassName=\"components-tab-panel__tabs\"\n\t\t\t>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<TabButton\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'components-tab-panel__tabs-item',\n\t\t\t\t\t\t\ttab.className,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ activeClass ]: tab.name === selected,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ttabId={ `${ instanceId }-${ tab.name }` }\n\t\t\t\t\t\taria-controls={ `${ instanceId }-${ tab.name }-view` }\n\t\t\t\t\t\tselected={ tab.name === selected }\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\tonClick={ partial( handleClick, tab.name ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t</TabButton>\n\t\t\t\t) ) }\n\t\t\t</NavigableMenu>\n\t\t\t{ selectedTab && (\n\t\t\t\t<div\n\t\t\t\t\tkey={ selectedId }\n\t\t\t\t\taria-labelledby={ selectedId }\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={ `${ selectedId }-view` }\n\t\t\t\t\tclassName=\"components-tab-panel__tab-content\"\n\t\t\t\t>\n\t\t\t\t\t{ children( selectedTab ) }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"]}

package/build/text/hook.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,6 +29,10 @@ var _getLineHeight = require("./get-line-height");
 
 var _useCx = require("../utils/hooks/use-cx");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 var _ref = process.env.NODE_ENV === "production" ? {