fix: prevent asset conflicts between React and Grid.js versions

Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

node_modules/@wordpress/components/build/tools-panel/context.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolsPanelContext = exports.ToolsPanelContext = void 0;
+var _element = require("@wordpress/element");
+/**
+ * WordPress dependencies
+ */
+
+const noop = () => undefined;
+const ToolsPanelContext = (0, _element.createContext)({
+  menuItems: {
+    default: {},
+    optional: {}
+  },
+  hasMenuItems: false,
+  isResetting: false,
+  shouldRenderPlaceholderItems: false,
+  registerPanelItem: noop,
+  deregisterPanelItem: noop,
+  flagItemCustomization: noop,
+  registerResetAllFilter: noop,
+  deregisterResetAllFilter: noop,
+  areAllOptionalControlsHidden: true
+});
+exports.ToolsPanelContext = ToolsPanelContext;
+const useToolsPanelContext = () => (0, _element.useContext)(ToolsPanelContext);
+exports.useToolsPanelContext = useToolsPanelContext;
+//# sourceMappingURL=context.js.map

node_modules/@wordpress/components/build/tools-panel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","noop","undefined","ToolsPanelContext","createContext","menuItems","default","optional","hasMenuItems","isResetting","shouldRenderPlaceholderItems","registerPanelItem","deregisterPanelItem","flagItemCustomization","registerResetAllFilter","deregisterResetAllFilter","areAllOptionalControlsHidden","exports","useToolsPanelContext","useContext"],"sources":["@wordpress/components/src/tools-panel/context.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ToolsPanelContext as ToolsPanelContextType } from './types';\n\nconst noop = () => undefined;\n\nexport const ToolsPanelContext = createContext< ToolsPanelContextType >( {\n\tmenuItems: { default: {}, optional: {} },\n\thasMenuItems: false,\n\tisResetting: false,\n\tshouldRenderPlaceholderItems: false,\n\tregisterPanelItem: noop,\n\tderegisterPanelItem: noop,\n\tflagItemCustomization: noop,\n\tregisterResetAllFilter: noop,\n\tderegisterResetAllFilter: noop,\n\tareAllOptionalControlsHidden: true,\n} );\n\nexport const useToolsPanelContext = () =>\n\tuseContext< ToolsPanelContextType >( ToolsPanelContext );\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAQA,MAAMC,IAAI,GAAGA,CAAA,KAAMC,SAAS;AAErB,MAAMC,iBAAiB,GAAG,IAAAC,sBAAa,EAA2B;EACxEC,SAAS,EAAE;IAAEC,OAAO,EAAE,CAAC,CAAC;IAAEC,QAAQ,EAAE,CAAC;EAAE,CAAC;EACxCC,YAAY,EAAE,KAAK;EACnBC,WAAW,EAAE,KAAK;EAClBC,4BAA4B,EAAE,KAAK;EACnCC,iBAAiB,EAAEV,IAAI;EACvBW,mBAAmB,EAAEX,IAAI;EACzBY,qBAAqB,EAAEZ,IAAI;EAC3Ba,sBAAsB,EAAEb,IAAI;EAC5Bc,wBAAwB,EAAEd,IAAI;EAC9Be,4BAA4B,EAAE;AAC/B,CAAE,CAAC;AAACC,OAAA,CAAAd,iBAAA,GAAAA,iBAAA;AAEG,MAAMe,oBAAoB,GAAGA,CAAA,KACnC,IAAAC,mBAAU,EAA2BhB,iBAAkB,CAAC;AAACc,OAAA,CAAAC,oBAAA,GAAAA,oBAAA"}

node_modules/@wordpress/components/build/tools-panel/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ToolsPanel", {
+  enumerable: true,
+  get: function () {
+    return _toolsPanel.default;
+  }
+});
+Object.defineProperty(exports, "ToolsPanelContext", {
+  enumerable: true,
+  get: function () {
+    return _context.ToolsPanelContext;
+  }
+});
+Object.defineProperty(exports, "ToolsPanelItem", {
+  enumerable: true,
+  get: function () {
+    return _toolsPanelItem.default;
+  }
+});
+var _toolsPanel = _interopRequireDefault(require("./tools-panel"));
+var _toolsPanelItem = _interopRequireDefault(require("./tools-panel-item"));
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/tools-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_toolsPanel","_interopRequireDefault","require","_toolsPanelItem","_context"],"sources":["@wordpress/components/src/tools-panel/index.ts"],"sourcesContent":["export { default as ToolsPanel } from './tools-panel';\nexport { default as ToolsPanelItem } from './tools-panel-item';\nexport { ToolsPanelContext } from './context';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA"}

node_modules/@wordpress/components/build/tools-panel/tools-panel-header/component.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _a11y = require("@wordpress/a11y");
+var _icons = require("@wordpress/icons");
+var _i18n = require("@wordpress/i18n");
+var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
+var _menuGroup = _interopRequireDefault(require("../../menu-group"));
+var _menuItem = _interopRequireDefault(require("../../menu-item"));
+var _hStack = require("../../h-stack");
+var _heading = require("../../heading");
+var _hook = require("./hook");
+var _context = require("../../context");
+var _styles = require("../styles");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const DefaultControlsGroup = ({
+  itemClassName,
+  items,
+  toggleItem
+}) => {
+  if (!items.length) {
+    return null;
+  }
+  const resetSuffix = (0, _react.createElement)(_styles.ResetLabel, {
+    "aria-hidden": true
+  }, (0, _i18n.__)('Reset'));
+  return (0, _react.createElement)(_react.Fragment, null, items.map(([label, hasValue]) => {
+    if (hasValue) {
+      return (0, _react.createElement)(_menuItem.default, {
+        key: label,
+        className: itemClassName,
+        role: "menuitem",
+        label: (0, _i18n.sprintf)(
+        // translators: %s: The name of the control being reset e.g. "Padding".
+        (0, _i18n.__)('Reset %s'), label),
+        onClick: () => {
+          toggleItem(label);
+          (0, _a11y.speak)((0, _i18n.sprintf)(
+          // translators: %s: The name of the control being reset e.g. "Padding".
+          (0, _i18n.__)('%s reset to default'), label), 'assertive');
+        },
+        suffix: resetSuffix
+      }, label);
+    }
+    return (0, _react.createElement)(_menuItem.default, {
+      key: label,
+      icon: _icons.check,
+      className: itemClassName,
+      role: "menuitemcheckbox",
+      isSelected: true,
+      "aria-disabled": true
+    }, label);
+  }));
+};
+const OptionalControlsGroup = ({
+  items,
+  toggleItem
+}) => {
+  if (!items.length) {
+    return null;
+  }
+  return (0, _react.createElement)(_react.Fragment, null, items.map(([label, isSelected]) => {
+    const itemLabel = isSelected ? (0, _i18n.sprintf)(
+    // translators: %s: The name of the control being hidden and reset e.g. "Padding".
+    (0, _i18n.__)('Hide and reset %s'), label) : (0, _i18n.sprintf)(
+    // translators: %s: The name of the control to display e.g. "Padding".
+    (0, _i18n.__)('Show %s'), label);
+    return (0, _react.createElement)(_menuItem.default, {
+      key: label,
+      icon: isSelected ? _icons.check : null,
+      isSelected: isSelected,
+      label: itemLabel,
+      onClick: () => {
+        if (isSelected) {
+          (0, _a11y.speak)((0, _i18n.sprintf)(
+          // translators: %s: The name of the control being reset e.g. "Padding".
+          (0, _i18n.__)('%s hidden and reset to default'), label), 'assertive');
+        } else {
+          (0, _a11y.speak)((0, _i18n.sprintf)(
+          // translators: %s: The name of the control being reset e.g. "Padding".
+          (0, _i18n.__)('%s is now visible'), label), 'assertive');
+        }
+        toggleItem(label);
+      },
+      role: "menuitemcheckbox"
+    }, label);
+  }));
+};
+const ToolsPanelHeader = (props, forwardedRef) => {
+  const {
+    areAllOptionalControlsHidden,
+    defaultControlsItemClassName,
+    dropdownMenuClassName,
+    hasMenuItems,
+    headingClassName,
+    headingLevel = 2,
+    label: labelText,
+    menuItems,
+    resetAll,
+    toggleItem,
+    dropdownMenuProps,
+    ...headerProps
+  } = (0, _hook.useToolsPanelHeader)(props);
+  if (!labelText) {
+    return null;
+  }
+  const defaultItems = Object.entries(menuItems?.default || {});
+  const optionalItems = Object.entries(menuItems?.optional || {});
+  const dropDownMenuIcon = areAllOptionalControlsHidden ? _icons.plus : _icons.moreVertical;
+  const dropDownMenuLabelText = (0, _i18n.sprintf)(
+  // translators: %s: The name of the tool e.g. "Color" or "Typography".
+  (0, _i18n._x)('%s options', 'Button label to reveal tool panel options'), labelText);
+  const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? (0, _i18n.__)('All options are currently hidden') : undefined;
+  const canResetAll = [...defaultItems, ...optionalItems].some(([, isSelected]) => isSelected);
+  return (0, _react.createElement)(_hStack.HStack, {
+    ...headerProps,
+    ref: forwardedRef
+  }, (0, _react.createElement)(_heading.Heading, {
+    level: headingLevel,
+    className: headingClassName
+  }, labelText), hasMenuItems && (0, _react.createElement)(_dropdownMenu.default, {
+    ...dropdownMenuProps,
+    icon: dropDownMenuIcon,
+    label: dropDownMenuLabelText,
+    menuProps: {
+      className: dropdownMenuClassName
+    },
+    toggleProps: {
+      isSmall: true,
+      describedBy: dropdownMenuDescriptionText
+    }
+  }, () => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_menuGroup.default, {
+    label: labelText
+  }, (0, _react.createElement)(DefaultControlsGroup, {
+    items: defaultItems,
+    toggleItem: toggleItem,
+    itemClassName: defaultControlsItemClassName
+  }), (0, _react.createElement)(OptionalControlsGroup, {
+    items: optionalItems,
+    toggleItem: toggleItem
+  })), (0, _react.createElement)(_menuGroup.default, null, (0, _react.createElement)(_menuItem.default, {
+    "aria-disabled": !canResetAll
+    // @ts-expect-error - TODO: If this "tertiary" style is something we really want to allow on MenuItem,
+    // we should rename it and explicitly allow it as an official API. All the other Button variants
+    // don't make sense in a MenuItem context, and should be disallowed.
+    ,
+    variant: 'tertiary',
+    onClick: () => {
+      if (canResetAll) {
+        resetAll();
+        (0, _a11y.speak)((0, _i18n.__)('All options reset'), 'assertive');
+      }
+    }
+  }, (0, _i18n.__)('Reset all'))))));
+};
+const ConnectedToolsPanelHeader = (0, _context.contextConnect)(ToolsPanelHeader, 'ToolsPanelHeader');
+var _default = ConnectedToolsPanelHeader;
+exports.default = _default;
+//# sourceMappingURL=component.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel-header/hook.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolsPanelHeader = useToolsPanelHeader;
+var _element = require("@wordpress/element");
+var styles = _interopRequireWildcard(require("../styles"));
+var _context = require("../context");
+var _context2 = require("../../context");
+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
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function useToolsPanelHeader(props) {
+  const {
+    className,
+    headingLevel = 2,
+    ...otherProps
+  } = (0, _context2.useContextSystem)(props, 'ToolsPanelHeader');
+  const cx = (0, _useCx.useCx)();
+  const classes = (0, _element.useMemo)(() => {
+    return cx(styles.ToolsPanelHeader, className);
+  }, [className, cx]);
+  const dropdownMenuClassName = (0, _element.useMemo)(() => {
+    return cx(styles.DropdownMenu);
+  }, [cx]);
+  const headingClassName = (0, _element.useMemo)(() => {
+    return cx(styles.ToolsPanelHeading);
+  }, [cx]);
+  const defaultControlsItemClassName = (0, _element.useMemo)(() => {
+    return cx(styles.DefaultControlsItem);
+  }, [cx]);
+  const {
+    menuItems,
+    hasMenuItems,
+    areAllOptionalControlsHidden
+  } = (0, _context.useToolsPanelContext)();
+  return {
+    ...otherProps,
+    areAllOptionalControlsHidden,
+    defaultControlsItemClassName,
+    dropdownMenuClassName,
+    hasMenuItems,
+    headingClassName,
+    headingLevel,
+    menuItems,
+    className: classes
+  };
+}
+//# sourceMappingURL=hook.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel-header/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","styles","_interopRequireWildcard","_context","_context2","_useCx","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useToolsPanelHeader","props","className","headingLevel","otherProps","useContextSystem","cx","useCx","classes","useMemo","ToolsPanelHeader","dropdownMenuClassName","DropdownMenu","headingClassName","ToolsPanelHeading","defaultControlsItemClassName","DefaultControlsItem","menuItems","hasMenuItems","areAllOptionalControlsHidden","useToolsPanelContext"],"sources":["@wordpress/components/src/tools-panel/tools-panel-header/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useToolsPanelContext } from '../context';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { ToolsPanelHeaderProps } from '../types';\n\nexport function useToolsPanelHeader(\n\tprops: WordPressComponentProps< ToolsPanelHeaderProps, 'h2' >\n) {\n\tconst {\n\t\tclassName,\n\t\theadingLevel = 2,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToolsPanelHeader' );\n\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.ToolsPanelHeader, className );\n\t}, [ className, cx ] );\n\n\tconst dropdownMenuClassName = useMemo( () => {\n\t\treturn cx( styles.DropdownMenu );\n\t}, [ cx ] );\n\n\tconst headingClassName = useMemo( () => {\n\t\treturn cx( styles.ToolsPanelHeading );\n\t}, [ cx ] );\n\n\tconst defaultControlsItemClassName = useMemo( () => {\n\t\treturn cx( styles.DefaultControlsItem );\n\t}, [ cx ] );\n\n\tconst { menuItems, hasMenuItems, areAllOptionalControlsHidden } =\n\t\tuseToolsPanelContext();\n\n\treturn {\n\t\t...otherProps,\n\t\tareAllOptionalControlsHidden,\n\t\tdefaultControlsItemClassName,\n\t\tdropdownMenuClassName,\n\t\thasMenuItems,\n\t\theadingClassName,\n\t\theadingLevel,\n\t\tmenuItems,\n\t\tclassName: classes,\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAiD,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAZjD;AACA;AACA;;AAGA;AACA;AACA;;AAQO,SAASW,mBAAmBA,CAClCC,KAA6D,EAC5D;EACD,MAAM;IACLC,SAAS;IACTC,YAAY,GAAG,CAAC;IAChB,GAAGC;EACJ,CAAC,GAAG,IAAAC,0BAAgB,EAAEJ,KAAK,EAAE,kBAAmB,CAAC;EAEjD,MAAMK,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,OAAOH,EAAE,CAAEjC,MAAM,CAACqC,gBAAgB,EAAER,SAAU,CAAC;EAChD,CAAC,EAAE,CAAEA,SAAS,EAAEI,EAAE,CAAG,CAAC;EAEtB,MAAMK,qBAAqB,GAAG,IAAAF,gBAAO,EAAE,MAAM;IAC5C,OAAOH,EAAE,CAAEjC,MAAM,CAACuC,YAAa,CAAC;EACjC,CAAC,EAAE,CAAEN,EAAE,CAAG,CAAC;EAEX,MAAMO,gBAAgB,GAAG,IAAAJ,gBAAO,EAAE,MAAM;IACvC,OAAOH,EAAE,CAAEjC,MAAM,CAACyC,iBAAkB,CAAC;EACtC,CAAC,EAAE,CAAER,EAAE,CAAG,CAAC;EAEX,MAAMS,4BAA4B,GAAG,IAAAN,gBAAO,EAAE,MAAM;IACnD,OAAOH,EAAE,CAAEjC,MAAM,CAAC2C,mBAAoB,CAAC;EACxC,CAAC,EAAE,CAAEV,EAAE,CAAG,CAAC;EAEX,MAAM;IAAEW,SAAS;IAAEC,YAAY;IAAEC;EAA6B,CAAC,GAC9D,IAAAC,6BAAoB,EAAC,CAAC;EAEvB,OAAO;IACN,GAAGhB,UAAU;IACbe,4BAA4B;IAC5BJ,4BAA4B;IAC5BJ,qBAAqB;IACrBO,YAAY;IACZL,gBAAgB;IAChBV,YAAY;IACZc,SAAS;IACTf,SAAS,EAAEM;EACZ,CAAC;AACF"}

node_modules/@wordpress/components/build/tools-panel/tools-panel-header/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _component.default;
+  }
+});
+var _component = _interopRequireDefault(require("./component"));
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_component","_interopRequireDefault","require"],"sources":["@wordpress/components/src/tools-panel/tools-panel-header/index.ts"],"sourcesContent":["export { default } from './component';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA"}

node_modules/@wordpress/components/build/tools-panel/tools-panel-item/component.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ToolsPanelItem = void 0;
+var _react = require("react");
+var _hook = require("./hook");
+var _view = require("../../view");
+var _context = require("../../context");
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+// This wraps controls to be conditionally displayed within a tools panel. It
+// prevents props being applied to HTML elements that would make them invalid.
+const UnconnectedToolsPanelItem = (props, forwardedRef) => {
+  const {
+    children,
+    isShown,
+    shouldRenderPlaceholder,
+    ...toolsPanelItemProps
+  } = (0, _hook.useToolsPanelItem)(props);
+  if (!isShown) {
+    return shouldRenderPlaceholder ? (0, _react.createElement)(_view.View, {
+      ...toolsPanelItemProps,
+      ref: forwardedRef
+    }) : null;
+  }
+  return (0, _react.createElement)(_view.View, {
+    ...toolsPanelItemProps,
+    ref: forwardedRef
+  }, children);
+};
+const ToolsPanelItem = (0, _context.contextConnect)(UnconnectedToolsPanelItem, 'ToolsPanelItem');
+exports.ToolsPanelItem = ToolsPanelItem;
+var _default = ToolsPanelItem;
+exports.default = _default;
+//# sourceMappingURL=component.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_hook","require","_view","_context","UnconnectedToolsPanelItem","props","forwardedRef","children","isShown","shouldRenderPlaceholder","toolsPanelItemProps","useToolsPanelItem","_react","createElement","View","ref","ToolsPanelItem","contextConnect","exports","_default","default"],"sources":["@wordpress/components/src/tools-panel/tools-panel-item/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelItem } from './hook';\nimport { View } from '../../view';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport type { ToolsPanelItemProps } from '../types';\n\n// This wraps controls to be conditionally displayed within a tools panel. It\n// prevents props being applied to HTML elements that would make them invalid.\nconst UnconnectedToolsPanelItem = (\n\tprops: WordPressComponentProps< ToolsPanelItemProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tchildren,\n\t\tisShown,\n\t\tshouldRenderPlaceholder,\n\t\t...toolsPanelItemProps\n\t} = useToolsPanelItem( props );\n\n\tif ( ! isShown ) {\n\t\treturn shouldRenderPlaceholder ? (\n\t\t\t<View { ...toolsPanelItemProps } ref={ forwardedRef } />\n\t\t) : null;\n\t}\n\n\treturn (\n\t\t<View { ...toolsPanelItemProps } ref={ forwardedRef }>\n\t\t\t{ children }\n\t\t</View>\n\t);\n};\n\nexport const ToolsPanelItem = contextConnect(\n\tUnconnectedToolsPanelItem,\n\t'ToolsPanelItem'\n);\n\nexport default ToolsPanelItem;\n"],"mappings":";;;;;;;AAQA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA,MAAMG,yBAAyB,GAAGA,CACjCC,KAA4D,EAC5DC,YAAiC,KAC7B;EACJ,MAAM;IACLC,QAAQ;IACRC,OAAO;IACPC,uBAAuB;IACvB,GAAGC;EACJ,CAAC,GAAG,IAAAC,uBAAiB,EAAEN,KAAM,CAAC;EAE9B,IAAK,CAAEG,OAAO,EAAG;IAChB,OAAOC,uBAAuB,GAC7B,IAAAG,MAAA,CAAAC,aAAA,EAACX,KAAA,CAAAY,IAAI;MAAA,GAAMJ,mBAAmB;MAAGK,GAAG,EAAGT;IAAc,CAAE,CAAC,GACrD,IAAI;EACT;EAEA,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACX,KAAA,CAAAY,IAAI;IAAA,GAAMJ,mBAAmB;IAAGK,GAAG,EAAGT;EAAc,GAClDC,QACG,CAAC;AAET,CAAC;AAEM,MAAMS,cAAc,GAAG,IAAAC,uBAAc,EAC3Cb,yBAAyB,EACzB,gBACD,CAAC;AAACc,OAAA,CAAAF,cAAA,GAAAA,cAAA;AAAA,IAAAG,QAAA,GAEaH,cAAc;AAAAE,OAAA,CAAAE,OAAA,GAAAD,QAAA"}

node_modules/@wordpress/components/build/tools-panel/tools-panel-item/hook.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolsPanelItem = useToolsPanelItem;
+var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
+var styles = _interopRequireWildcard(require("../styles"));
+var _context = require("../context");
+var _context2 = require("../../context");
+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
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const noop = () => {};
+function useToolsPanelItem(props) {
+  const {
+    className,
+    hasValue,
+    isShownByDefault = false,
+    label,
+    panelId,
+    resetAllFilter = noop,
+    onDeselect,
+    onSelect,
+    ...otherProps
+  } = (0, _context2.useContextSystem)(props, 'ToolsPanelItem');
+  const {
+    panelId: currentPanelId,
+    menuItems,
+    registerResetAllFilter,
+    deregisterResetAllFilter,
+    registerPanelItem,
+    deregisterPanelItem,
+    flagItemCustomization,
+    isResetting,
+    shouldRenderPlaceholderItems: shouldRenderPlaceholder,
+    firstDisplayedItem,
+    lastDisplayedItem,
+    __experimentalFirstVisibleItemClass,
+    __experimentalLastVisibleItemClass
+  } = (0, _context.useToolsPanelContext)();
+
+  // hasValue is a new function on every render, so do not add it as a
+  // dependency to the useCallback hook! If needed, we should use a ref.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const hasValueCallback = (0, _element.useCallback)(hasValue, [panelId]);
+  // resetAllFilter is a new function on every render, so do not add it as a
+  // dependency to the useCallback hook! If needed, we should use a ref.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const resetAllFilterCallback = (0, _element.useCallback)(resetAllFilter, [panelId]);
+  const previousPanelId = (0, _compose.usePrevious)(currentPanelId);
+  const hasMatchingPanel = currentPanelId === panelId || currentPanelId === null;
+
+  // Registering the panel item allows the panel to include it in its
+  // automatically generated menu and determine its initial checked status.
+  //
+  // This is performed in a layout effect to ensure that the panel item
+  // is registered before it is rendered preventing a rendering glitch.
+  // See: https://github.com/WordPress/gutenberg/issues/56470
+  (0, _element.useLayoutEffect)(() => {
+    if (hasMatchingPanel && previousPanelId !== null) {
+      registerPanelItem({
+        hasValue: hasValueCallback,
+        isShownByDefault,
+        label,
+        panelId
+      });
+    }
+    return () => {
+      if (previousPanelId === null && !!currentPanelId || currentPanelId === panelId) {
+        deregisterPanelItem(label);
+      }
+    };
+  }, [currentPanelId, hasMatchingPanel, isShownByDefault, label, hasValueCallback, panelId, previousPanelId, registerPanelItem, deregisterPanelItem]);
+  (0, _element.useEffect)(() => {
+    if (hasMatchingPanel) {
+      registerResetAllFilter(resetAllFilterCallback);
+    }
+    return () => {
+      if (hasMatchingPanel) {
+        deregisterResetAllFilter(resetAllFilterCallback);
+      }
+    };
+  }, [registerResetAllFilter, deregisterResetAllFilter, resetAllFilterCallback, hasMatchingPanel]);
+
+  // Note: `label` is used as a key when building menu item state in
+  // `ToolsPanel`.
+  const menuGroup = isShownByDefault ? 'default' : 'optional';
+  const isMenuItemChecked = menuItems?.[menuGroup]?.[label];
+  const wasMenuItemChecked = (0, _compose.usePrevious)(isMenuItemChecked);
+  const isRegistered = menuItems?.[menuGroup]?.[label] !== undefined;
+  const isValueSet = hasValue();
+  const wasValueSet = (0, _compose.usePrevious)(isValueSet);
+  const newValueSet = isValueSet && !wasValueSet;
+
+  // Notify the panel when an item's value has been set.
+  (0, _element.useEffect)(() => {
+    if (!newValueSet) {
+      return;
+    }
+    flagItemCustomization(label, menuGroup);
+  }, [newValueSet, menuGroup, label, flagItemCustomization]);
+
+  // Determine if the panel item's corresponding menu is being toggled and
+  // trigger appropriate callback if it is.
+  (0, _element.useEffect)(() => {
+    // We check whether this item is currently registered as items rendered
+    // via fills can persist through the parent panel being remounted.
+    // See: https://github.com/WordPress/gutenberg/pull/45673
+    if (!isRegistered || isResetting || !hasMatchingPanel) {
+      return;
+    }
+    if (isMenuItemChecked && !isValueSet && !wasMenuItemChecked) {
+      onSelect?.();
+    }
+    if (!isMenuItemChecked && wasMenuItemChecked) {
+      onDeselect?.();
+    }
+  }, [hasMatchingPanel, isMenuItemChecked, isRegistered, isResetting, isValueSet, wasMenuItemChecked, onSelect, onDeselect]);
+
+  // The item is shown if it is a default control regardless of whether it
+  // has a value. Optional items are shown when they are checked or have
+  // a value.
+  const isShown = isShownByDefault ? menuItems?.[menuGroup]?.[label] !== undefined : isMenuItemChecked;
+  const cx = (0, _useCx.useCx)();
+  const classes = (0, _element.useMemo)(() => {
+    const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;
+    const firstItemStyle = firstDisplayedItem === label && __experimentalFirstVisibleItemClass;
+    const lastItemStyle = lastDisplayedItem === label && __experimentalLastVisibleItemClass;
+    return cx(styles.ToolsPanelItem, shouldApplyPlaceholderStyles && styles.ToolsPanelItemPlaceholder, !shouldApplyPlaceholderStyles && className, firstItemStyle, lastItemStyle);
+  }, [isShown, shouldRenderPlaceholder, className, cx, firstDisplayedItem, lastDisplayedItem, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass, label]);
+  return {
+    ...otherProps,
+    isShown,
+    shouldRenderPlaceholder,
+    className: classes
+  };
+}
+//# sourceMappingURL=hook.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel-item/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _component.default;
+  }
+});
+Object.defineProperty(exports, "useToolsPanelItem", {
+  enumerable: true,
+  get: function () {
+    return _hook.useToolsPanelItem;
+  }
+});
+var _component = _interopRequireDefault(require("./component"));
+var _hook = require("./hook");
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_component","_interopRequireDefault","require","_hook"],"sources":["@wordpress/components/src/tools-panel/tools-panel-item/index.ts"],"sourcesContent":["export { default } from './component';\nexport { useToolsPanelItem } from './hook';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA"}

node_modules/@wordpress/components/build/tools-panel/tools-panel/component.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ToolsPanel = void 0;
+var _react = require("react");
+var _toolsPanelHeader = _interopRequireDefault(require("../tools-panel-header"));
+var _context = require("../context");
+var _hook = require("./hook");
+var _grid = require("../../grid");
+var _context2 = require("../../context");
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const UnconnectedToolsPanel = (props, forwardedRef) => {
+  const {
+    children,
+    label,
+    panelContext,
+    resetAllItems,
+    toggleItem,
+    headingLevel,
+    dropdownMenuProps,
+    ...toolsPanelProps
+  } = (0, _hook.useToolsPanel)(props);
+  return (0, _react.createElement)(_grid.Grid, {
+    ...toolsPanelProps,
+    columns: 2,
+    ref: forwardedRef
+  }, (0, _react.createElement)(_context.ToolsPanelContext.Provider, {
+    value: panelContext
+  }, (0, _react.createElement)(_toolsPanelHeader.default, {
+    label: label,
+    resetAll: resetAllItems,
+    toggleItem: toggleItem,
+    headingLevel: headingLevel,
+    dropdownMenuProps: dropdownMenuProps
+  }), children));
+};
+
+/**
+ * The `ToolsPanel` is a container component that displays its children preceded
+ * by a header. The header includes a dropdown menu which is automatically
+ * generated from the panel's inner `ToolsPanelItems`.
+ *
+ * ```jsx
+ * import { __ } from '@wordpress/i18n';
+ * import {
+ *   __experimentalToolsPanel as ToolsPanel,
+ *   __experimentalToolsPanelItem as ToolsPanelItem,
+ *   __experimentalUnitControl as UnitControl
+ * } from '@wordpress/components';
+ *
+ * function Example() {
+ *   const [ height, setHeight ] = useState();
+ *   const [ width, setWidth ] = useState();
+ *
+ *   const resetAll = () => {
+ *     setHeight();
+ *     setWidth();
+ *   }
+ *
+ *   return (
+ *     <ToolsPanel label={ __( 'Dimensions' ) } resetAll={ resetAll }>
+ *       <ToolsPanelItem
+ *         hasValue={ () => !! height }
+ *         label={ __( 'Height' ) }
+ *         onDeselect={ () => setHeight() }
+ *       >
+ *         <UnitControl
+ *           label={ __( 'Height' ) }
+ *           onChange={ setHeight }
+ *           value={ height }
+ *         />
+ *       </ToolsPanelItem>
+ *       <ToolsPanelItem
+ *         hasValue={ () => !! width }
+ *         label={ __( 'Width' ) }
+ *         onDeselect={ () => setWidth() }
+ *       >
+ *         <UnitControl
+ *           label={ __( 'Width' ) }
+ *           onChange={ setWidth }
+ *           value={ width }
+ *         />
+ *       </ToolsPanelItem>
+ *     </ToolsPanel>
+ *   );
+ * }
+ * ```
+ */
+const ToolsPanel = (0, _context2.contextConnect)(UnconnectedToolsPanel, 'ToolsPanel');
+exports.ToolsPanel = ToolsPanel;
+var _default = ToolsPanel;
+exports.default = _default;
+//# sourceMappingURL=component.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel/component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_toolsPanelHeader","_interopRequireDefault","require","_context","_hook","_grid","_context2","UnconnectedToolsPanel","props","forwardedRef","children","label","panelContext","resetAllItems","toggleItem","headingLevel","dropdownMenuProps","toolsPanelProps","useToolsPanel","_react","createElement","Grid","columns","ref","ToolsPanelContext","Provider","value","default","resetAll","ToolsPanel","contextConnect","exports","_default"],"sources":["@wordpress/components/src/tools-panel/tools-panel/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport ToolsPanelHeader from '../tools-panel-header';\nimport { ToolsPanelContext } from '../context';\nimport { useToolsPanel } from './hook';\nimport { Grid } from '../../grid';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport type { ToolsPanelProps } from '../types';\n\nconst UnconnectedToolsPanel = (\n\tprops: WordPressComponentProps< ToolsPanelProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\tpanelContext,\n\t\tresetAllItems,\n\t\ttoggleItem,\n\t\theadingLevel,\n\t\tdropdownMenuProps,\n\t\t...toolsPanelProps\n\t} = useToolsPanel( props );\n\n\treturn (\n\t\t<Grid { ...toolsPanelProps } columns={ 2 } ref={ forwardedRef }>\n\t\t\t<ToolsPanelContext.Provider value={ panelContext }>\n\t\t\t\t<ToolsPanelHeader\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tresetAll={ resetAllItems }\n\t\t\t\t\ttoggleItem={ toggleItem }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</ToolsPanelContext.Provider>\n\t\t</Grid>\n\t);\n};\n\n/**\n * The `ToolsPanel` is a container component that displays its children preceded\n * by a header. The header includes a dropdown menu which is automatically\n * generated from the panel's inner `ToolsPanelItems`.\n *\n * ```jsx\n * import { __ } from '@wordpress/i18n';\n * import {\n *   __experimentalToolsPanel as ToolsPanel,\n *   __experimentalToolsPanelItem as ToolsPanelItem,\n *   __experimentalUnitControl as UnitControl\n * } from '@wordpress/components';\n *\n * function Example() {\n *   const [ height, setHeight ] = useState();\n *   const [ width, setWidth ] = useState();\n *\n *   const resetAll = () => {\n *     setHeight();\n *     setWidth();\n *   }\n *\n *   return (\n *     <ToolsPanel label={ __( 'Dimensions' ) } resetAll={ resetAll }>\n *       <ToolsPanelItem\n *         hasValue={ () => !! height }\n *         label={ __( 'Height' ) }\n *         onDeselect={ () => setHeight() }\n *       >\n *         <UnitControl\n *           label={ __( 'Height' ) }\n *           onChange={ setHeight }\n *           value={ height }\n *         />\n *       </ToolsPanelItem>\n *       <ToolsPanelItem\n *         hasValue={ () => !! width }\n *         label={ __( 'Width' ) }\n *         onDeselect={ () => setWidth() }\n *       >\n *         <UnitControl\n *           label={ __( 'Width' ) }\n *           onChange={ setWidth }\n *           value={ width }\n *         />\n *       </ToolsPanelItem>\n *     </ToolsPanel>\n *   );\n * }\n * ```\n */\nexport const ToolsPanel = contextConnect( UnconnectedToolsPanel, 'ToolsPanel' );\n\nexport default ToolsPanel;\n"],"mappings":";;;;;;;;AAQA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AASA,MAAMK,qBAAqB,GAAGA,CAC7BC,KAAwD,EACxDC,YAAiC,KAC7B;EACJ,MAAM;IACLC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,iBAAiB;IACjB,GAAGC;EACJ,CAAC,GAAG,IAAAC,mBAAa,EAAEV,KAAM,CAAC;EAE1B,OACC,IAAAW,MAAA,CAAAC,aAAA,EAACf,KAAA,CAAAgB,IAAI;IAAA,GAAMJ,eAAe;IAAGK,OAAO,EAAG,CAAG;IAACC,GAAG,EAAGd;EAAc,GAC9D,IAAAU,MAAA,CAAAC,aAAA,EAACjB,QAAA,CAAAqB,iBAAiB,CAACC,QAAQ;IAACC,KAAK,EAAGd;EAAc,GACjD,IAAAO,MAAA,CAAAC,aAAA,EAACpB,iBAAA,CAAA2B,OAAgB;IAChBhB,KAAK,EAAGA,KAAO;IACfiB,QAAQ,EAAGf,aAAe;IAC1BC,UAAU,EAAGA,UAAY;IACzBC,YAAY,EAAGA,YAAc;IAC7BC,iBAAiB,EAAGA;EAAmB,CACvC,CAAC,EACAN,QACyB,CACvB,CAAC;AAET,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMmB,UAAU,GAAG,IAAAC,wBAAc,EAAEvB,qBAAqB,EAAE,YAAa,CAAC;AAACwB,OAAA,CAAAF,UAAA,GAAAA,UAAA;AAAA,IAAAG,QAAA,GAEjEH,UAAU;AAAAE,OAAA,CAAAJ,OAAA,GAAAK,QAAA"}

node_modules/@wordpress/components/build/tools-panel/tools-panel/hook.js

@@ -0,0 +1,278 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolsPanel = useToolsPanel;
+var _element = require("@wordpress/element");
+var styles = _interopRequireWildcard(require("../styles"));
+var _context = require("../../context");
+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
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const DEFAULT_COLUMNS = 2;
+const generateMenuItems = ({
+  panelItems,
+  shouldReset,
+  currentMenuItems,
+  menuItemOrder
+}) => {
+  const newMenuItems = {
+    default: {},
+    optional: {}
+  };
+  const menuItems = {
+    default: {},
+    optional: {}
+  };
+  panelItems.forEach(({
+    hasValue,
+    isShownByDefault,
+    label
+  }) => {
+    const group = isShownByDefault ? 'default' : 'optional';
+
+    // If a menu item for this label has already been flagged as customized
+    // (for default controls), or toggled on (for optional controls), do not
+    // overwrite its value as those controls would lose that state.
+    const existingItemValue = currentMenuItems?.[group]?.[label];
+    const value = existingItemValue ? existingItemValue : hasValue();
+    newMenuItems[group][label] = shouldReset ? false : value;
+  });
+
+  // Loop the known, previously registered items first to maintain menu order.
+  menuItemOrder.forEach(key => {
+    if (newMenuItems.default.hasOwnProperty(key)) {
+      menuItems.default[key] = newMenuItems.default[key];
+    }
+    if (newMenuItems.optional.hasOwnProperty(key)) {
+      menuItems.optional[key] = newMenuItems.optional[key];
+    }
+  });
+
+  // Loop newMenuItems object adding any that aren't in the known items order.
+  Object.keys(newMenuItems.default).forEach(key => {
+    if (!menuItems.default.hasOwnProperty(key)) {
+      menuItems.default[key] = newMenuItems.default[key];
+    }
+  });
+  Object.keys(newMenuItems.optional).forEach(key => {
+    if (!menuItems.optional.hasOwnProperty(key)) {
+      menuItems.optional[key] = newMenuItems.optional[key];
+    }
+  });
+  return menuItems;
+};
+const isMenuItemTypeEmpty = obj => obj && Object.keys(obj).length === 0;
+function useToolsPanel(props) {
+  const {
+    className,
+    headingLevel = 2,
+    resetAll,
+    panelId,
+    hasInnerWrapper = false,
+    shouldRenderPlaceholderItems = false,
+    __experimentalFirstVisibleItemClass,
+    __experimentalLastVisibleItemClass,
+    ...otherProps
+  } = (0, _context.useContextSystem)(props, 'ToolsPanel');
+  const isResetting = (0, _element.useRef)(false);
+  const wasResetting = isResetting.current;
+
+  // `isResetting` is cleared via this hook to effectively batch together
+  // the resetAll task. Without this, the flag is cleared after the first
+  // control updates and forces a rerender with subsequent controls then
+  // believing they need to reset, unfortunately using stale data.
+  (0, _element.useEffect)(() => {
+    if (wasResetting) {
+      isResetting.current = false;
+    }
+  }, [wasResetting]);
+
+  // Allow panel items to register themselves.
+  const [panelItems, setPanelItems] = (0, _element.useState)([]);
+  const [menuItemOrder, setMenuItemOrder] = (0, _element.useState)([]);
+  const [resetAllFilters, setResetAllFilters] = (0, _element.useState)([]);
+  const registerPanelItem = (0, _element.useCallback)(item => {
+    // Add item to panel items.
+    setPanelItems(items => {
+      const newItems = [...items];
+      // If an item with this label has already been registered, remove it
+      // first. This can happen when an item is moved between the default
+      // and optional groups.
+      const existingIndex = newItems.findIndex(oldItem => oldItem.label === item.label);
+      if (existingIndex !== -1) {
+        newItems.splice(existingIndex, 1);
+      }
+      return [...newItems, item];
+    });
+
+    // Track the initial order of item registration. This is used for
+    // maintaining menu item order later.
+    setMenuItemOrder(items => {
+      if (items.includes(item.label)) {
+        return items;
+      }
+      return [...items, item.label];
+    });
+  }, [setPanelItems, setMenuItemOrder]);
+
+  // Panels need to deregister on unmount to avoid orphans in menu state.
+  // This is an issue when panel items are being injected via SlotFills.
+  const deregisterPanelItem = (0, _element.useCallback)(label => {
+    // When switching selections between components injecting matching
+    // controls, e.g. both panels have a "padding" control, the
+    // deregistration of the first panel doesn't occur until after the
+    // registration of the next.
+    setPanelItems(items => {
+      const newItems = [...items];
+      const index = newItems.findIndex(item => item.label === label);
+      if (index !== -1) {
+        newItems.splice(index, 1);
+      }
+      return newItems;
+    });
+  }, [setPanelItems]);
+  const registerResetAllFilter = (0, _element.useCallback)(newFilter => {
+    setResetAllFilters(filters => {
+      return [...filters, newFilter];
+    });
+  }, [setResetAllFilters]);
+  const deregisterResetAllFilter = (0, _element.useCallback)(filterToRemove => {
+    setResetAllFilters(filters => {
+      return filters.filter(filter => filter !== filterToRemove);
+    });
+  }, [setResetAllFilters]);
+
+  // Manage and share display state of menu items representing child controls.
+  const [menuItems, setMenuItems] = (0, _element.useState)({
+    default: {},
+    optional: {}
+  });
+
+  // Setup menuItems state as panel items register themselves.
+  (0, _element.useEffect)(() => {
+    setMenuItems(prevState => {
+      const items = generateMenuItems({
+        panelItems,
+        shouldReset: false,
+        currentMenuItems: prevState,
+        menuItemOrder
+      });
+      return items;
+    });
+  }, [panelItems, setMenuItems, menuItemOrder]);
+
+  // Force a menu item to be checked.
+  // This is intended for use with default panel items. They are displayed
+  // separately to optional items and have different display states,
+  // we need to update that when their value is customized.
+  const flagItemCustomization = (0, _element.useCallback)((label, group = 'default') => {
+    setMenuItems(items => {
+      const newState = {
+        ...items,
+        [group]: {
+          ...items[group],
+          [label]: true
+        }
+      };
+      return newState;
+    });
+  }, [setMenuItems]);
+
+  // Whether all optional menu items are hidden or not must be tracked
+  // in order to later determine if the panel display is empty and handle
+  // conditional display of a plus icon to indicate the presence of further
+  // menu items.
+  const [areAllOptionalControlsHidden, setAreAllOptionalControlsHidden] = (0, _element.useState)(false);
+  (0, _element.useEffect)(() => {
+    if (isMenuItemTypeEmpty(menuItems?.default) && !isMenuItemTypeEmpty(menuItems?.optional)) {
+      const allControlsHidden = !Object.entries(menuItems.optional).some(([, isSelected]) => isSelected);
+      setAreAllOptionalControlsHidden(allControlsHidden);
+    }
+  }, [menuItems, setAreAllOptionalControlsHidden]);
+  const cx = (0, _useCx.useCx)();
+  const classes = (0, _element.useMemo)(() => {
+    const wrapperStyle = hasInnerWrapper && styles.ToolsPanelWithInnerWrapper(DEFAULT_COLUMNS);
+    const emptyStyle = isMenuItemTypeEmpty(menuItems?.default) && areAllOptionalControlsHidden && styles.ToolsPanelHiddenInnerWrapper;
+    return cx(styles.ToolsPanel(DEFAULT_COLUMNS), wrapperStyle, emptyStyle, className);
+  }, [areAllOptionalControlsHidden, className, cx, hasInnerWrapper, menuItems]);
+
+  // Toggle the checked state of a menu item which is then used to determine
+  // display of the item within the panel.
+  const toggleItem = (0, _element.useCallback)(label => {
+    const currentItem = panelItems.find(item => item.label === label);
+    if (!currentItem) {
+      return;
+    }
+    const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';
+    const newMenuItems = {
+      ...menuItems,
+      [menuGroup]: {
+        ...menuItems[menuGroup],
+        [label]: !menuItems[menuGroup][label]
+      }
+    };
+    setMenuItems(newMenuItems);
+  }, [menuItems, panelItems, setMenuItems]);
+
+  // Resets display of children and executes resetAll callback if available.
+  const resetAllItems = (0, _element.useCallback)(() => {
+    if (typeof resetAll === 'function') {
+      isResetting.current = true;
+      resetAll(resetAllFilters);
+    }
+
+    // Turn off display of all non-default items.
+    const resetMenuItems = generateMenuItems({
+      panelItems,
+      menuItemOrder,
+      shouldReset: true
+    });
+    setMenuItems(resetMenuItems);
+  }, [panelItems, resetAllFilters, resetAll, setMenuItems, menuItemOrder]);
+
+  // Assist ItemGroup styling when there are potentially hidden placeholder
+  // items by identifying first & last items that are toggled on for display.
+  const getFirstVisibleItemLabel = items => {
+    const optionalItems = menuItems.optional || {};
+    const firstItem = items.find(item => item.isShownByDefault || !!optionalItems[item.label]);
+    return firstItem?.label;
+  };
+  const firstDisplayedItem = getFirstVisibleItemLabel(panelItems);
+  const lastDisplayedItem = getFirstVisibleItemLabel([...panelItems].reverse());
+  const panelContext = (0, _element.useMemo)(() => ({
+    areAllOptionalControlsHidden,
+    deregisterPanelItem,
+    deregisterResetAllFilter,
+    firstDisplayedItem,
+    flagItemCustomization,
+    hasMenuItems: !!panelItems.length,
+    isResetting: isResetting.current,
+    lastDisplayedItem,
+    menuItems,
+    panelId,
+    registerPanelItem,
+    registerResetAllFilter,
+    shouldRenderPlaceholderItems,
+    __experimentalFirstVisibleItemClass,
+    __experimentalLastVisibleItemClass
+  }), [areAllOptionalControlsHidden, deregisterPanelItem, deregisterResetAllFilter, firstDisplayedItem, flagItemCustomization, lastDisplayedItem, menuItems, panelId, panelItems, registerResetAllFilter, registerPanelItem, shouldRenderPlaceholderItems, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass]);
+  return {
+    ...otherProps,
+    headingLevel,
+    panelContext,
+    resetAllItems,
+    toggleItem,
+    className: classes
+  };
+}
+//# sourceMappingURL=hook.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _component.default;
+  }
+});
+Object.defineProperty(exports, "useToolsPanel", {
+  enumerable: true,
+  get: function () {
+    return _hook.useToolsPanel;
+  }
+});
+var _component = _interopRequireDefault(require("./component"));
+var _hook = require("./hook");
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/tools-panel/tools-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_component","_interopRequireDefault","require","_hook"],"sources":["@wordpress/components/src/tools-panel/tools-panel/index.ts"],"sourcesContent":["export { default } from './component';\nexport { useToolsPanel } from './hook';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA"}

node_modules/@wordpress/components/build/tools-panel/types.js

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