@wordpress/nux 5.6.0 → 5.9.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+## 5.9.0 (2022-06-15)
+
+## 5.8.0 (2022-06-01)
+
+## 5.7.0 (2022-05-18)
+
 ## 5.6.0 (2022-05-04)
 
 ## 5.5.0 (2022-04-21)

package/build/components/dot-tip/index.js

@@ -62,7 +62,6 @@ function DotTip(_ref) {
   return (0, _element.createElement)(_components.Popover, {
     className: "nux-dot-tip",
     position: position,
-    noArrow: true,
     focusOnMount: "container",
     role: "dialog",
     "aria-label": (0, _i18n.__)('Editor tips'),

package/build/components/dot-tip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/nux/src/components/dot-tip/index.js"],"names":["onClick","event","stopPropagation","DotTip","position","children","isVisible","hasNextTip","onDismiss","onDisable","anchorParent","onFocusOutsideCallback","current","contains","relatedTarget","close","select","tipId","isTipVisible","getAssociatedGuide","nuxStore","associatedGuide","nextTipId","dispatch","dismissTip","disableTips"],"mappings":";;;;;;;;AAOA;;AAJA;;AACA;;AACA;;AACA;;AAEA;;AAKA;;AAbA;AACA;AACA;;AAQA;AACA;AACA;AAGA,SAASA,OAAT,CAAkBC,KAAlB,EAA0B;AACzB;AACA;AACAA,EAAAA,KAAK,CAACC,eAAN;AACA;;AAEM,SAASC,MAAT,OAOH;AAAA,MAPoB;AACvBC,IAAAA,QAAQ,GAAG,cADY;AAEvBC,IAAAA,QAFuB;AAGvBC,IAAAA,SAHuB;AAIvBC,IAAAA,UAJuB;AAKvBC,IAAAA,SALuB;AAMvBC,IAAAA;AANuB,GAOpB;AACH,QAAMC,YAAY,GAAG,qBAAQ,IAAR,CAArB;AACA,QAAMC,sBAAsB,GAAG,0BAC5BV,KAAF,IAAa;AACZ,QAAK,CAAES,YAAY,CAACE,OAApB,EAA8B;AAC7B;AACA;;AACD,QAAKF,YAAY,CAACE,OAAb,CAAqBC,QAArB,CAA+BZ,KAAK,CAACa,aAArC,CAAL,EAA4D;AAC3D;AACA;;AACDL,IAAAA,SAAS;AACT,GAT6B,EAU9B,CAAEA,SAAF,EAAaC,YAAb,CAV8B,CAA/B;;AAYA,MAAK,CAAEJ,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,mBAAD;AACC,IAAA,SAAS,EAAC,aADX;AAEC,IAAA,QAAQ,EAAGF,QAFZ;AAGC,IAAA,OAAO,MAHR;AAIC,IAAA,YAAY,EAAC,WAJd;AAKC,IAAA,IAAI,EAAC,QALN;AAMC,kBAAa,cAAI,aAAJ,CANd;AAOC,IAAA,OAAO,EAAGJ,OAPX;AAQC,IAAA,cAAc,EAAGW;AARlB,KAUC,uCAAKN,QAAL,CAVD,EAWC,uCACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,MAAhB;AAAuB,IAAA,OAAO,EAAGG;AAAjC,KACGD,UAAU,GAAG,cAAI,cAAJ,CAAH,GAA0B,cAAI,QAAJ,CADvC,CADD,CAXD,EAgBC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,sBADX;AAEC,IAAA,IAAI,EAAGQ,YAFR;AAGC,IAAA,KAAK,EAAG,cAAI,cAAJ,CAHT;AAIC,IAAA,OAAO,EAAGN;AAJX,IAhBD,CADD;AAyBA;;eAEc,sBACd,sBAAY,CAAEO,MAAF,YAAyB;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACpC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAuCH,MAAM,CAAEI,YAAF,CAAnD;AACA,QAAMC,eAAe,GAAGF,kBAAkB,CAAEF,KAAF,CAA1C;AACA,SAAO;AACNX,IAAAA,SAAS,EAAEY,YAAY,CAAED,KAAF,CADjB;AAENV,IAAAA,UAAU,EAAE,CAAC,EAAIc,eAAe,IAAIA,eAAe,CAACC,SAAvC;AAFP,GAAP;AAIA,CAPD,CADc,EASd,wBAAc,CAAEC,QAAF,YAA2B;AAAA,MAAf;AAAEN,IAAAA;AAAF,GAAe;AACxC,QAAM;AAAEO,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA8BF,QAAQ,CAAEH,YAAF,CAA5C;AACA,SAAO;AACNZ,IAAAA,SAAS,GAAG;AACXgB,MAAAA,UAAU,CAAEP,KAAF,CAAV;AACA,KAHK;;AAINR,IAAAA,SAAS,GAAG;AACXgB,MAAAA,WAAW;AACX;;AANK,GAAP;AAQA,CAVD,CATc,EAoBZtB,MApBY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { Popover, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as nuxStore } from '../../store';\n\nfunction onClick( event ) {\n\t// Tips are often nested within buttons. We stop propagation so that clicking\n\t// on a tip doesn't result in the button being clicked.\n\tevent.stopPropagation();\n}\n\nexport function DotTip( {\n\tposition = 'middle right',\n\tchildren,\n\tisVisible,\n\thasNextTip,\n\tonDismiss,\n\tonDisable,\n} ) {\n\tconst anchorParent = useRef( null );\n\tconst onFocusOutsideCallback = useCallback(\n\t\t( event ) => {\n\t\t\tif ( ! anchorParent.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( anchorParent.current.contains( event.relatedTarget ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonDisable();\n\t\t},\n\t\t[ onDisable, anchorParent ]\n\t);\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"nux-dot-tip\"\n\t\t\tposition={ position }\n\t\t\tnoArrow\n\t\t\tfocusOnMount=\"container\"\n\t\t\trole=\"dialog\"\n\t\t\taria-label={ __( 'Editor tips' ) }\n\t\t\tonClick={ onClick }\n\t\t\tonFocusOutside={ onFocusOutsideCallback }\n\t\t>\n\t\t\t<p>{ children }</p>\n\t\t\t<p>\n\t\t\t\t<Button variant=\"link\" onClick={ onDismiss }>\n\t\t\t\t\t{ hasNextTip ? __( 'See next tip' ) : __( 'Got it' ) }\n\t\t\t\t</Button>\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"nux-dot-tip__disable\"\n\t\t\t\ticon={ close }\n\t\t\t\tlabel={ __( 'Disable tips' ) }\n\t\t\t\tonClick={ onDisable }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, { tipId } ) => {\n\t\tconst { isTipVisible, getAssociatedGuide } = select( nuxStore );\n\t\tconst associatedGuide = getAssociatedGuide( tipId );\n\t\treturn {\n\t\t\tisVisible: isTipVisible( tipId ),\n\t\t\thasNextTip: !! ( associatedGuide && associatedGuide.nextTipId ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { tipId } ) => {\n\t\tconst { dismissTip, disableTips } = dispatch( nuxStore );\n\t\treturn {\n\t\t\tonDismiss() {\n\t\t\t\tdismissTip( tipId );\n\t\t\t},\n\t\t\tonDisable() {\n\t\t\t\tdisableTips();\n\t\t\t},\n\t\t};\n\t} )\n)( DotTip );\n"]}
+{"version":3,"sources":["@wordpress/nux/src/components/dot-tip/index.js"],"names":["onClick","event","stopPropagation","DotTip","position","children","isVisible","hasNextTip","onDismiss","onDisable","anchorParent","onFocusOutsideCallback","current","contains","relatedTarget","close","select","tipId","isTipVisible","getAssociatedGuide","nuxStore","associatedGuide","nextTipId","dispatch","dismissTip","disableTips"],"mappings":";;;;;;;;AAOA;;AAJA;;AACA;;AACA;;AACA;;AAEA;;AAKA;;AAbA;AACA;AACA;;AAQA;AACA;AACA;AAGA,SAASA,OAAT,CAAkBC,KAAlB,EAA0B;AACzB;AACA;AACAA,EAAAA,KAAK,CAACC,eAAN;AACA;;AAEM,SAASC,MAAT,OAOH;AAAA,MAPoB;AACvBC,IAAAA,QAAQ,GAAG,cADY;AAEvBC,IAAAA,QAFuB;AAGvBC,IAAAA,SAHuB;AAIvBC,IAAAA,UAJuB;AAKvBC,IAAAA,SALuB;AAMvBC,IAAAA;AANuB,GAOpB;AACH,QAAMC,YAAY,GAAG,qBAAQ,IAAR,CAArB;AACA,QAAMC,sBAAsB,GAAG,0BAC5BV,KAAF,IAAa;AACZ,QAAK,CAAES,YAAY,CAACE,OAApB,EAA8B;AAC7B;AACA;;AACD,QAAKF,YAAY,CAACE,OAAb,CAAqBC,QAArB,CAA+BZ,KAAK,CAACa,aAArC,CAAL,EAA4D;AAC3D;AACA;;AACDL,IAAAA,SAAS;AACT,GAT6B,EAU9B,CAAEA,SAAF,EAAaC,YAAb,CAV8B,CAA/B;;AAYA,MAAK,CAAEJ,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,mBAAD;AACC,IAAA,SAAS,EAAC,aADX;AAEC,IAAA,QAAQ,EAAGF,QAFZ;AAGC,IAAA,YAAY,EAAC,WAHd;AAIC,IAAA,IAAI,EAAC,QAJN;AAKC,kBAAa,cAAI,aAAJ,CALd;AAMC,IAAA,OAAO,EAAGJ,OANX;AAOC,IAAA,cAAc,EAAGW;AAPlB,KASC,uCAAKN,QAAL,CATD,EAUC,uCACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,MAAhB;AAAuB,IAAA,OAAO,EAAGG;AAAjC,KACGD,UAAU,GAAG,cAAI,cAAJ,CAAH,GAA0B,cAAI,QAAJ,CADvC,CADD,CAVD,EAeC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,sBADX;AAEC,IAAA,IAAI,EAAGQ,YAFR;AAGC,IAAA,KAAK,EAAG,cAAI,cAAJ,CAHT;AAIC,IAAA,OAAO,EAAGN;AAJX,IAfD,CADD;AAwBA;;eAEc,sBACd,sBAAY,CAAEO,MAAF,YAAyB;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACpC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAuCH,MAAM,CAAEI,YAAF,CAAnD;AACA,QAAMC,eAAe,GAAGF,kBAAkB,CAAEF,KAAF,CAA1C;AACA,SAAO;AACNX,IAAAA,SAAS,EAAEY,YAAY,CAAED,KAAF,CADjB;AAENV,IAAAA,UAAU,EAAE,CAAC,EAAIc,eAAe,IAAIA,eAAe,CAACC,SAAvC;AAFP,GAAP;AAIA,CAPD,CADc,EASd,wBAAc,CAAEC,QAAF,YAA2B;AAAA,MAAf;AAAEN,IAAAA;AAAF,GAAe;AACxC,QAAM;AAAEO,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA8BF,QAAQ,CAAEH,YAAF,CAA5C;AACA,SAAO;AACNZ,IAAAA,SAAS,GAAG;AACXgB,MAAAA,UAAU,CAAEP,KAAF,CAAV;AACA,KAHK;;AAINR,IAAAA,SAAS,GAAG;AACXgB,MAAAA,WAAW;AACX;;AANK,GAAP;AAQA,CAVD,CATc,EAoBZtB,MApBY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { Popover, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as nuxStore } from '../../store';\n\nfunction onClick( event ) {\n\t// Tips are often nested within buttons. We stop propagation so that clicking\n\t// on a tip doesn't result in the button being clicked.\n\tevent.stopPropagation();\n}\n\nexport function DotTip( {\n\tposition = 'middle right',\n\tchildren,\n\tisVisible,\n\thasNextTip,\n\tonDismiss,\n\tonDisable,\n} ) {\n\tconst anchorParent = useRef( null );\n\tconst onFocusOutsideCallback = useCallback(\n\t\t( event ) => {\n\t\t\tif ( ! anchorParent.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( anchorParent.current.contains( event.relatedTarget ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonDisable();\n\t\t},\n\t\t[ onDisable, anchorParent ]\n\t);\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"nux-dot-tip\"\n\t\t\tposition={ position }\n\t\t\tfocusOnMount=\"container\"\n\t\t\trole=\"dialog\"\n\t\t\taria-label={ __( 'Editor tips' ) }\n\t\t\tonClick={ onClick }\n\t\t\tonFocusOutside={ onFocusOutsideCallback }\n\t\t>\n\t\t\t<p>{ children }</p>\n\t\t\t<p>\n\t\t\t\t<Button variant=\"link\" onClick={ onDismiss }>\n\t\t\t\t\t{ hasNextTip ? __( 'See next tip' ) : __( 'Got it' ) }\n\t\t\t\t</Button>\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"nux-dot-tip__disable\"\n\t\t\t\ticon={ close }\n\t\t\t\tlabel={ __( 'Disable tips' ) }\n\t\t\t\tonClick={ onDisable }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, { tipId } ) => {\n\t\tconst { isTipVisible, getAssociatedGuide } = select( nuxStore );\n\t\tconst associatedGuide = getAssociatedGuide( tipId );\n\t\treturn {\n\t\t\tisVisible: isTipVisible( tipId ),\n\t\t\thasNextTip: !! ( associatedGuide && associatedGuide.nextTipId ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { tipId } ) => {\n\t\tconst { dismissTip, disableTips } = dispatch( nuxStore );\n\t\treturn {\n\t\t\tonDismiss() {\n\t\t\t\tdismissTip( tipId );\n\t\t\t},\n\t\t\tonDisable() {\n\t\t\t\tdisableTips();\n\t\t\t},\n\t\t};\n\t} )\n)( DotTip );\n"]}

package/build/store/selectors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/nux/src/store/selectors.js"],"names":["getAssociatedGuide","state","tipId","tipIds","guides","nonDismissedTips","preferences","dismissedTips","currentTipId","nextTipId","isTipVisible","areTipsEnabled","associatedGuide"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAG,qBACjC,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACnB,OAAM,MAAMC,MAAZ,IAAsBF,KAAK,CAACG,MAA5B,EAAqC;AACpC,QAAK,sBAAUD,MAAV,EAAkBD,KAAlB,CAAL,EAAiC;AAChC,YAAMG,gBAAgB,GAAG,wBACxBF,MADwB,EAExB,kBAAMF,KAAK,CAACK,WAAN,CAAkBC,aAAxB,CAFwB,CAAzB;AAIA,YAAM,CACLC,YAAY,GAAG,IADV,EAELC,SAAS,GAAG,IAFP,IAGFJ,gBAHJ;AAIA,aAAO;AAAEF,QAAAA,MAAF;AAAUK,QAAAA,YAAV;AAAwBC,QAAAA;AAAxB,OAAP;AACA;AACD;;AAED,SAAO,IAAP;AACA,CAjBgC,EAkB/BR,KAAF,IAAa,CAAEA,KAAK,CAACG,MAAR,EAAgBH,KAAK,CAACK,WAAN,CAAkBC,aAAlC,CAlBoB,CAA3B;AAqBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AACO,SAASG,YAAT,CAAuBT,KAAvB,EAA8BC,KAA9B,EAAsC;AAC5C,MAAK,CAAED,KAAK,CAACK,WAAN,CAAkBK,cAAzB,EAA0C;AACzC,WAAO,KAAP;AACA;;AAED,MAAK,iBAAKV,KAAK,CAACK,WAAN,CAAkBC,aAAvB,EAAsC,CAAEL,KAAF,CAAtC,CAAL,EAAyD;AACxD,WAAO,KAAP;AACA;;AAED,QAAMU,eAAe,GAAGZ,kBAAkB,CAAEC,KAAF,EAASC,KAAT,CAA1C;;AACA,MAAKU,eAAe,IAAIA,eAAe,CAACJ,YAAhB,KAAiCN,KAAzD,EAAiE;AAChE,WAAO,KAAP;AACA;;AAED,SAAO,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASS,cAAT,CAAyBV,KAAzB,EAAiC;AACvC,SAAOA,KAAK,CAACK,WAAN,CAAkBK,cAAzB;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport createSelector from 'rememo';\nimport { includes, difference, keys, has } from 'lodash';\n\n/**\n * An object containing information about a guide.\n *\n * @typedef {Object} NUXGuideInfo\n * @property {string[]} tipIds       Which tips the guide contains.\n * @property {?string}  currentTipId The guide's currently showing tip.\n * @property {?string}  nextTipId    The guide's next tip to show.\n */\n\n/**\n * Returns an object describing the guide, if any, that the given tip is a part\n * of.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {?NUXGuideInfo} Information about the associated guide.\n */\nexport const getAssociatedGuide = createSelector(\n\t( state, tipId ) => {\n\t\tfor ( const tipIds of state.guides ) {\n\t\t\tif ( includes( tipIds, tipId ) ) {\n\t\t\t\tconst nonDismissedTips = difference(\n\t\t\t\t\ttipIds,\n\t\t\t\t\tkeys( state.preferences.dismissedTips )\n\t\t\t\t);\n\t\t\t\tconst [\n\t\t\t\t\tcurrentTipId = null,\n\t\t\t\t\tnextTipId = null,\n\t\t\t\t] = nonDismissedTips;\n\t\t\t\treturn { tipIds, currentTipId, nextTipId };\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t},\n\t( state ) => [ state.guides, state.preferences.dismissedTips ]\n);\n\n/**\n * Determines whether or not the given tip is showing. Tips are hidden if they\n * are disabled, have been dismissed, or are not the current tip in any\n * guide that they have been added to.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {boolean} Whether or not the given tip is showing.\n */\nexport function isTipVisible( state, tipId ) {\n\tif ( ! state.preferences.areTipsEnabled ) {\n\t\treturn false;\n\t}\n\n\tif ( has( state.preferences.dismissedTips, [ tipId ] ) ) {\n\t\treturn false;\n\t}\n\n\tconst associatedGuide = getAssociatedGuide( state, tipId );\n\tif ( associatedGuide && associatedGuide.currentTipId !== tipId ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Returns whether or not tips are globally enabled.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether tips are globally enabled.\n */\nexport function areTipsEnabled( state ) {\n\treturn state.preferences.areTipsEnabled;\n}\n"]}
+{"version":3,"sources":["@wordpress/nux/src/store/selectors.js"],"names":["getAssociatedGuide","state","tipId","tipIds","guides","nonDismissedTips","preferences","dismissedTips","currentTipId","nextTipId","isTipVisible","areTipsEnabled","associatedGuide"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAG,qBACjC,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACnB,OAAM,MAAMC,MAAZ,IAAsBF,KAAK,CAACG,MAA5B,EAAqC;AACpC,QAAK,sBAAUD,MAAV,EAAkBD,KAAlB,CAAL,EAAiC;AAChC,YAAMG,gBAAgB,GAAG,wBACxBF,MADwB,EAExB,kBAAMF,KAAK,CAACK,WAAN,CAAkBC,aAAxB,CAFwB,CAAzB;AAIA,YAAM,CAAEC,YAAY,GAAG,IAAjB,EAAuBC,SAAS,GAAG,IAAnC,IACLJ,gBADD;AAEA,aAAO;AAAEF,QAAAA,MAAF;AAAUK,QAAAA,YAAV;AAAwBC,QAAAA;AAAxB,OAAP;AACA;AACD;;AAED,SAAO,IAAP;AACA,CAfgC,EAgB/BR,KAAF,IAAa,CAAEA,KAAK,CAACG,MAAR,EAAgBH,KAAK,CAACK,WAAN,CAAkBC,aAAlC,CAhBoB,CAA3B;AAmBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AACO,SAASG,YAAT,CAAuBT,KAAvB,EAA8BC,KAA9B,EAAsC;AAC5C,MAAK,CAAED,KAAK,CAACK,WAAN,CAAkBK,cAAzB,EAA0C;AACzC,WAAO,KAAP;AACA;;AAED,MAAK,iBAAKV,KAAK,CAACK,WAAN,CAAkBC,aAAvB,EAAsC,CAAEL,KAAF,CAAtC,CAAL,EAAyD;AACxD,WAAO,KAAP;AACA;;AAED,QAAMU,eAAe,GAAGZ,kBAAkB,CAAEC,KAAF,EAASC,KAAT,CAA1C;;AACA,MAAKU,eAAe,IAAIA,eAAe,CAACJ,YAAhB,KAAiCN,KAAzD,EAAiE;AAChE,WAAO,KAAP;AACA;;AAED,SAAO,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASS,cAAT,CAAyBV,KAAzB,EAAiC;AACvC,SAAOA,KAAK,CAACK,WAAN,CAAkBK,cAAzB;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport createSelector from 'rememo';\nimport { includes, difference, keys, has } from 'lodash';\n\n/**\n * An object containing information about a guide.\n *\n * @typedef {Object} NUXGuideInfo\n * @property {string[]} tipIds       Which tips the guide contains.\n * @property {?string}  currentTipId The guide's currently showing tip.\n * @property {?string}  nextTipId    The guide's next tip to show.\n */\n\n/**\n * Returns an object describing the guide, if any, that the given tip is a part\n * of.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {?NUXGuideInfo} Information about the associated guide.\n */\nexport const getAssociatedGuide = createSelector(\n\t( state, tipId ) => {\n\t\tfor ( const tipIds of state.guides ) {\n\t\t\tif ( includes( tipIds, tipId ) ) {\n\t\t\t\tconst nonDismissedTips = difference(\n\t\t\t\t\ttipIds,\n\t\t\t\t\tkeys( state.preferences.dismissedTips )\n\t\t\t\t);\n\t\t\t\tconst [ currentTipId = null, nextTipId = null ] =\n\t\t\t\t\tnonDismissedTips;\n\t\t\t\treturn { tipIds, currentTipId, nextTipId };\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t},\n\t( state ) => [ state.guides, state.preferences.dismissedTips ]\n);\n\n/**\n * Determines whether or not the given tip is showing. Tips are hidden if they\n * are disabled, have been dismissed, or are not the current tip in any\n * guide that they have been added to.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {boolean} Whether or not the given tip is showing.\n */\nexport function isTipVisible( state, tipId ) {\n\tif ( ! state.preferences.areTipsEnabled ) {\n\t\treturn false;\n\t}\n\n\tif ( has( state.preferences.dismissedTips, [ tipId ] ) ) {\n\t\treturn false;\n\t}\n\n\tconst associatedGuide = getAssociatedGuide( state, tipId );\n\tif ( associatedGuide && associatedGuide.currentTipId !== tipId ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Returns whether or not tips are globally enabled.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether tips are globally enabled.\n */\nexport function areTipsEnabled( state ) {\n\treturn state.preferences.areTipsEnabled;\n}\n"]}

package/build-module/components/dot-tip/index.js

@@ -50,7 +50,6 @@ export function DotTip(_ref) {
   return createElement(Popover, {
     className: "nux-dot-tip",
     position: position,
-    noArrow: true,
     focusOnMount: "container",
     role: "dialog",
     "aria-label": __('Editor tips'),

package/build-module/components/dot-tip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/nux/src/components/dot-tip/index.js"],"names":["compose","Popover","Button","__","withSelect","withDispatch","useCallback","useRef","close","store","nuxStore","onClick","event","stopPropagation","DotTip","position","children","isVisible","hasNextTip","onDismiss","onDisable","anchorParent","onFocusOutsideCallback","current","contains","relatedTarget","select","tipId","isTipVisible","getAssociatedGuide","associatedGuide","nextTipId","dispatch","dismissTip","disableTips"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { Popover, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as nuxStore } from '../../store';\n\nfunction onClick( event ) {\n\t// Tips are often nested within buttons. We stop propagation so that clicking\n\t// on a tip doesn't result in the button being clicked.\n\tevent.stopPropagation();\n}\n\nexport function DotTip( {\n\tposition = 'middle right',\n\tchildren,\n\tisVisible,\n\thasNextTip,\n\tonDismiss,\n\tonDisable,\n} ) {\n\tconst anchorParent = useRef( null );\n\tconst onFocusOutsideCallback = useCallback(\n\t\t( event ) => {\n\t\t\tif ( ! anchorParent.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( anchorParent.current.contains( event.relatedTarget ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonDisable();\n\t\t},\n\t\t[ onDisable, anchorParent ]\n\t);\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"nux-dot-tip\"\n\t\t\tposition={ position }\n\t\t\tnoArrow\n\t\t\tfocusOnMount=\"container\"\n\t\t\trole=\"dialog\"\n\t\t\taria-label={ __( 'Editor tips' ) }\n\t\t\tonClick={ onClick }\n\t\t\tonFocusOutside={ onFocusOutsideCallback }\n\t\t>\n\t\t\t<p>{ children }</p>\n\t\t\t<p>\n\t\t\t\t<Button variant=\"link\" onClick={ onDismiss }>\n\t\t\t\t\t{ hasNextTip ? __( 'See next tip' ) : __( 'Got it' ) }\n\t\t\t\t</Button>\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"nux-dot-tip__disable\"\n\t\t\t\ticon={ close }\n\t\t\t\tlabel={ __( 'Disable tips' ) }\n\t\t\t\tonClick={ onDisable }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, { tipId } ) => {\n\t\tconst { isTipVisible, getAssociatedGuide } = select( nuxStore );\n\t\tconst associatedGuide = getAssociatedGuide( tipId );\n\t\treturn {\n\t\t\tisVisible: isTipVisible( tipId ),\n\t\t\thasNextTip: !! ( associatedGuide && associatedGuide.nextTipId ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { tipId } ) => {\n\t\tconst { dismissTip, disableTips } = dispatch( nuxStore );\n\t\treturn {\n\t\t\tonDismiss() {\n\t\t\t\tdismissTip( tipId );\n\t\t\t},\n\t\t\tonDisable() {\n\t\t\t\tdisableTips();\n\t\t\t},\n\t\t};\n\t} )\n)( DotTip );\n"]}
+{"version":3,"sources":["@wordpress/nux/src/components/dot-tip/index.js"],"names":["compose","Popover","Button","__","withSelect","withDispatch","useCallback","useRef","close","store","nuxStore","onClick","event","stopPropagation","DotTip","position","children","isVisible","hasNextTip","onDismiss","onDisable","anchorParent","onFocusOutsideCallback","current","contains","relatedTarget","select","tipId","isTipVisible","getAssociatedGuide","associatedGuide","nextTipId","dispatch","dismissTip","disableTips"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { Popover, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as nuxStore } from '../../store';\n\nfunction onClick( event ) {\n\t// Tips are often nested within buttons. We stop propagation so that clicking\n\t// on a tip doesn't result in the button being clicked.\n\tevent.stopPropagation();\n}\n\nexport function DotTip( {\n\tposition = 'middle right',\n\tchildren,\n\tisVisible,\n\thasNextTip,\n\tonDismiss,\n\tonDisable,\n} ) {\n\tconst anchorParent = useRef( null );\n\tconst onFocusOutsideCallback = useCallback(\n\t\t( event ) => {\n\t\t\tif ( ! anchorParent.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( anchorParent.current.contains( event.relatedTarget ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonDisable();\n\t\t},\n\t\t[ onDisable, anchorParent ]\n\t);\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName=\"nux-dot-tip\"\n\t\t\tposition={ position }\n\t\t\tfocusOnMount=\"container\"\n\t\t\trole=\"dialog\"\n\t\t\taria-label={ __( 'Editor tips' ) }\n\t\t\tonClick={ onClick }\n\t\t\tonFocusOutside={ onFocusOutsideCallback }\n\t\t>\n\t\t\t<p>{ children }</p>\n\t\t\t<p>\n\t\t\t\t<Button variant=\"link\" onClick={ onDismiss }>\n\t\t\t\t\t{ hasNextTip ? __( 'See next tip' ) : __( 'Got it' ) }\n\t\t\t\t</Button>\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"nux-dot-tip__disable\"\n\t\t\t\ticon={ close }\n\t\t\t\tlabel={ __( 'Disable tips' ) }\n\t\t\t\tonClick={ onDisable }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, { tipId } ) => {\n\t\tconst { isTipVisible, getAssociatedGuide } = select( nuxStore );\n\t\tconst associatedGuide = getAssociatedGuide( tipId );\n\t\treturn {\n\t\t\tisVisible: isTipVisible( tipId ),\n\t\t\thasNextTip: !! ( associatedGuide && associatedGuide.nextTipId ),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { tipId } ) => {\n\t\tconst { dismissTip, disableTips } = dispatch( nuxStore );\n\t\treturn {\n\t\t\tonDismiss() {\n\t\t\t\tdismissTip( tipId );\n\t\t\t},\n\t\t\tonDisable() {\n\t\t\t\tdisableTips();\n\t\t\t},\n\t\t};\n\t} )\n)( DotTip );\n"]}

package/build-module/store/selectors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/nux/src/store/selectors.js"],"names":["createSelector","includes","difference","keys","has","getAssociatedGuide","state","tipId","tipIds","guides","nonDismissedTips","preferences","dismissedTips","currentTipId","nextTipId","isTipVisible","areTipsEnabled","associatedGuide"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,cAAP,MAA2B,QAA3B;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,IAA/B,EAAqCC,GAArC,QAAgD,QAAhD;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,kBAAkB,GAAGL,cAAc,CAC/C,CAAEM,KAAF,EAASC,KAAT,KAAoB;AACnB,OAAM,MAAMC,MAAZ,IAAsBF,KAAK,CAACG,MAA5B,EAAqC;AACpC,QAAKR,QAAQ,CAAEO,MAAF,EAAUD,KAAV,CAAb,EAAiC;AAChC,YAAMG,gBAAgB,GAAGR,UAAU,CAClCM,MADkC,EAElCL,IAAI,CAAEG,KAAK,CAACK,WAAN,CAAkBC,aAApB,CAF8B,CAAnC;AAIA,YAAM,CACLC,YAAY,GAAG,IADV,EAELC,SAAS,GAAG,IAFP,IAGFJ,gBAHJ;AAIA,aAAO;AAAEF,QAAAA,MAAF;AAAUK,QAAAA,YAAV;AAAwBC,QAAAA;AAAxB,OAAP;AACA;AACD;;AAED,SAAO,IAAP;AACA,CAjB8C,EAkB7CR,KAAF,IAAa,CAAEA,KAAK,CAACG,MAAR,EAAgBH,KAAK,CAACK,WAAN,CAAkBC,aAAlC,CAlBkC,CAAzC;AAqBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,YAAT,CAAuBT,KAAvB,EAA8BC,KAA9B,EAAsC;AAC5C,MAAK,CAAED,KAAK,CAACK,WAAN,CAAkBK,cAAzB,EAA0C;AACzC,WAAO,KAAP;AACA;;AAED,MAAKZ,GAAG,CAAEE,KAAK,CAACK,WAAN,CAAkBC,aAApB,EAAmC,CAAEL,KAAF,CAAnC,CAAR,EAAyD;AACxD,WAAO,KAAP;AACA;;AAED,QAAMU,eAAe,GAAGZ,kBAAkB,CAAEC,KAAF,EAASC,KAAT,CAA1C;;AACA,MAAKU,eAAe,IAAIA,eAAe,CAACJ,YAAhB,KAAiCN,KAAzD,EAAiE;AAChE,WAAO,KAAP;AACA;;AAED,SAAO,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASS,cAAT,CAAyBV,KAAzB,EAAiC;AACvC,SAAOA,KAAK,CAACK,WAAN,CAAkBK,cAAzB;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport createSelector from 'rememo';\nimport { includes, difference, keys, has } from 'lodash';\n\n/**\n * An object containing information about a guide.\n *\n * @typedef {Object} NUXGuideInfo\n * @property {string[]} tipIds       Which tips the guide contains.\n * @property {?string}  currentTipId The guide's currently showing tip.\n * @property {?string}  nextTipId    The guide's next tip to show.\n */\n\n/**\n * Returns an object describing the guide, if any, that the given tip is a part\n * of.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {?NUXGuideInfo} Information about the associated guide.\n */\nexport const getAssociatedGuide = createSelector(\n\t( state, tipId ) => {\n\t\tfor ( const tipIds of state.guides ) {\n\t\t\tif ( includes( tipIds, tipId ) ) {\n\t\t\t\tconst nonDismissedTips = difference(\n\t\t\t\t\ttipIds,\n\t\t\t\t\tkeys( state.preferences.dismissedTips )\n\t\t\t\t);\n\t\t\t\tconst [\n\t\t\t\t\tcurrentTipId = null,\n\t\t\t\t\tnextTipId = null,\n\t\t\t\t] = nonDismissedTips;\n\t\t\t\treturn { tipIds, currentTipId, nextTipId };\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t},\n\t( state ) => [ state.guides, state.preferences.dismissedTips ]\n);\n\n/**\n * Determines whether or not the given tip is showing. Tips are hidden if they\n * are disabled, have been dismissed, or are not the current tip in any\n * guide that they have been added to.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {boolean} Whether or not the given tip is showing.\n */\nexport function isTipVisible( state, tipId ) {\n\tif ( ! state.preferences.areTipsEnabled ) {\n\t\treturn false;\n\t}\n\n\tif ( has( state.preferences.dismissedTips, [ tipId ] ) ) {\n\t\treturn false;\n\t}\n\n\tconst associatedGuide = getAssociatedGuide( state, tipId );\n\tif ( associatedGuide && associatedGuide.currentTipId !== tipId ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Returns whether or not tips are globally enabled.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether tips are globally enabled.\n */\nexport function areTipsEnabled( state ) {\n\treturn state.preferences.areTipsEnabled;\n}\n"]}
+{"version":3,"sources":["@wordpress/nux/src/store/selectors.js"],"names":["createSelector","includes","difference","keys","has","getAssociatedGuide","state","tipId","tipIds","guides","nonDismissedTips","preferences","dismissedTips","currentTipId","nextTipId","isTipVisible","areTipsEnabled","associatedGuide"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,cAAP,MAA2B,QAA3B;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,IAA/B,EAAqCC,GAArC,QAAgD,QAAhD;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,kBAAkB,GAAGL,cAAc,CAC/C,CAAEM,KAAF,EAASC,KAAT,KAAoB;AACnB,OAAM,MAAMC,MAAZ,IAAsBF,KAAK,CAACG,MAA5B,EAAqC;AACpC,QAAKR,QAAQ,CAAEO,MAAF,EAAUD,KAAV,CAAb,EAAiC;AAChC,YAAMG,gBAAgB,GAAGR,UAAU,CAClCM,MADkC,EAElCL,IAAI,CAAEG,KAAK,CAACK,WAAN,CAAkBC,aAApB,CAF8B,CAAnC;AAIA,YAAM,CAAEC,YAAY,GAAG,IAAjB,EAAuBC,SAAS,GAAG,IAAnC,IACLJ,gBADD;AAEA,aAAO;AAAEF,QAAAA,MAAF;AAAUK,QAAAA,YAAV;AAAwBC,QAAAA;AAAxB,OAAP;AACA;AACD;;AAED,SAAO,IAAP;AACA,CAf8C,EAgB7CR,KAAF,IAAa,CAAEA,KAAK,CAACG,MAAR,EAAgBH,KAAK,CAACK,WAAN,CAAkBC,aAAlC,CAhBkC,CAAzC;AAmBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,YAAT,CAAuBT,KAAvB,EAA8BC,KAA9B,EAAsC;AAC5C,MAAK,CAAED,KAAK,CAACK,WAAN,CAAkBK,cAAzB,EAA0C;AACzC,WAAO,KAAP;AACA;;AAED,MAAKZ,GAAG,CAAEE,KAAK,CAACK,WAAN,CAAkBC,aAApB,EAAmC,CAAEL,KAAF,CAAnC,CAAR,EAAyD;AACxD,WAAO,KAAP;AACA;;AAED,QAAMU,eAAe,GAAGZ,kBAAkB,CAAEC,KAAF,EAASC,KAAT,CAA1C;;AACA,MAAKU,eAAe,IAAIA,eAAe,CAACJ,YAAhB,KAAiCN,KAAzD,EAAiE;AAChE,WAAO,KAAP;AACA;;AAED,SAAO,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASS,cAAT,CAAyBV,KAAzB,EAAiC;AACvC,SAAOA,KAAK,CAACK,WAAN,CAAkBK,cAAzB;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport createSelector from 'rememo';\nimport { includes, difference, keys, has } from 'lodash';\n\n/**\n * An object containing information about a guide.\n *\n * @typedef {Object} NUXGuideInfo\n * @property {string[]} tipIds       Which tips the guide contains.\n * @property {?string}  currentTipId The guide's currently showing tip.\n * @property {?string}  nextTipId    The guide's next tip to show.\n */\n\n/**\n * Returns an object describing the guide, if any, that the given tip is a part\n * of.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {?NUXGuideInfo} Information about the associated guide.\n */\nexport const getAssociatedGuide = createSelector(\n\t( state, tipId ) => {\n\t\tfor ( const tipIds of state.guides ) {\n\t\t\tif ( includes( tipIds, tipId ) ) {\n\t\t\t\tconst nonDismissedTips = difference(\n\t\t\t\t\ttipIds,\n\t\t\t\t\tkeys( state.preferences.dismissedTips )\n\t\t\t\t);\n\t\t\t\tconst [ currentTipId = null, nextTipId = null ] =\n\t\t\t\t\tnonDismissedTips;\n\t\t\t\treturn { tipIds, currentTipId, nextTipId };\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t},\n\t( state ) => [ state.guides, state.preferences.dismissedTips ]\n);\n\n/**\n * Determines whether or not the given tip is showing. Tips are hidden if they\n * are disabled, have been dismissed, or are not the current tip in any\n * guide that they have been added to.\n *\n * @param {Object} state Global application state.\n * @param {string} tipId The tip to query.\n *\n * @return {boolean} Whether or not the given tip is showing.\n */\nexport function isTipVisible( state, tipId ) {\n\tif ( ! state.preferences.areTipsEnabled ) {\n\t\treturn false;\n\t}\n\n\tif ( has( state.preferences.dismissedTips, [ tipId ] ) ) {\n\t\treturn false;\n\t}\n\n\tconst associatedGuide = getAssociatedGuide( state, tipId );\n\tif ( associatedGuide && associatedGuide.currentTipId !== tipId ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Returns whether or not tips are globally enabled.\n *\n * @param {Object} state Global application state.\n *\n * @return {boolean} Whether tips are globally enabled.\n */\nexport function areTipsEnabled( state ) {\n\treturn state.preferences.areTipsEnabled;\n}\n"]}

package/build-style/style-rtl.css

@@ -120,8 +120,6 @@
 }
 .nux-dot-tip .components-popover__content {
   width: 350px;
-}
-.nux-dot-tip .components-popover__content > div {
   padding: 20px 18px;
 }
 @media (min-width: 600px) {

package/build-style/style.css

@@ -120,8 +120,6 @@
 }
 .nux-dot-tip .components-popover__content {
   width: 350px;
-}
-.nux-dot-tip .components-popover__content > div {
   padding: 20px 18px;
 }
 @media (min-width: 600px) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/nux",
-	"version": "5.6.0",
+	"version": "5.9.0",
 	"description": "NUX (New User eXperience) module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,15 +31,15 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/components": "^19.10.0",
-		"@wordpress/compose": "^5.6.0",
-		"@wordpress/data": "^6.8.0",
-		"@wordpress/deprecated": "^3.8.0",
-		"@wordpress/element": "^4.6.0",
-		"@wordpress/i18n": "^4.8.0",
-		"@wordpress/icons": "^8.4.0",
+		"@wordpress/components": "^19.13.0",
+		"@wordpress/compose": "^5.9.0",
+		"@wordpress/data": "^6.11.0",
+		"@wordpress/deprecated": "^3.11.0",
+		"@wordpress/element": "^4.9.0",
+		"@wordpress/i18n": "^4.11.0",
+		"@wordpress/icons": "^9.2.0",
 		"lodash": "^4.17.21",
-		"rememo": "^3.0.0"
+		"rememo": "^4.0.0"
 	},
 	"peerDependencies": {
 		"react": "^17.0.0",
@@ -48,5 +48,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4631d515033397fcfeda77e5755960253caef9bf"
+	"gitHead": "48d5f37dfb52d2e77c8eeb662f9874cf141b8c6b"
 }

package/src/components/dot-tip/index.js

@@ -48,7 +48,6 @@ export function DotTip( {
 		<Popover
 			className="nux-dot-tip"
 			position={ position }
-			noArrow
 			focusOnMount="container"
 			role="dialog"
 			aria-label={ __( 'Editor tips' ) }

package/src/components/dot-tip/style.scss

@@ -39,10 +39,7 @@ $dot-scale: 3;  // How much the pulse animation should scale up by in size
 
 	.components-popover__content {
 		width: 350px;
-
-		> div {
-			padding: 20px 18px;
-		}
+		padding: 20px 18px;
 
 		@include break-small {
 			width: 450px;

package/src/components/dot-tip/test/__snapshots__/index.js.snap

@@ -5,7 +5,6 @@ exports[`DotTip should render correctly 1`] = `
   aria-label="Editor tips"
   className="nux-dot-tip"
   focusOnMount="container"
-  noArrow={true}
   onClick={[Function]}
   onFocusOutside={[Function]}
   position="middle right"

package/src/components/dot-tip/test/index.js

@@ -2,13 +2,14 @@
  * External dependencies
  */
 import { shallow } from 'enzyme';
-import { noop } from 'lodash';
 
 /**
  * Internal dependencies
  */
 import { DotTip } from '..';
 
+const noop = () => {};
+
 describe( 'DotTip', () => {
 	it( 'should not render anything if invisible', () => {
 		const wrapper = shallow(

package/src/store/selectors.js

@@ -30,10 +30,8 @@ export const getAssociatedGuide = createSelector(
 					tipIds,
 					keys( state.preferences.dismissedTips )
 				);
-				const [
-					currentTipId = null,
-					nextTipId = null,
-				] = nonDismissedTips;
+				const [ currentTipId = null, nextTipId = null ] =
+					nonDismissedTips;
 				return { tipIds, currentTipId, nextTipId };
 			}
 		}