@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build-module/tools-panel/tools-panel/hook.js

@@ -1,14 +1,7 @@
-/**
- * WordPress dependencies
- */
-import { useCallback, useEffect, useMemo, useReducer, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import * as styles from '../styles';
-import { useContextSystem } from '../../context';
-import { useCx } from '../../utils/hooks/use-cx';
+import { useCallback, useEffect, useMemo, useReducer, useRef } from "@wordpress/element";
+import * as styles from "../styles";
+import { useContextSystem } from "../../context";
+import { useCx } from "../../utils/hooks/use-cx";
 const DEFAULT_COLUMNS = 2;
 function emptyMenuItems() {
   return {
@@ -36,18 +29,12 @@ const generateMenuItems = ({
     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 group = isShownByDefault ? "default" : "optional";
     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 => {
+  menuItemOrder.forEach((key) => {
     if (newMenuItems.default.hasOwnProperty(key)) {
       menuItems.default[key] = newMenuItems.default[key];
     }
@@ -55,14 +42,12 @@ const generateMenuItems = ({
       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 => {
+  Object.keys(newMenuItems.default).forEach((key) => {
     if (!menuItems.default.hasOwnProperty(key)) {
       menuItems.default[key] = newMenuItems.default[key];
     }
   });
-  Object.keys(newMenuItems.optional).forEach(key => {
+  Object.keys(newMenuItems.optional).forEach((key) => {
     if (!menuItems.optional.hasOwnProperty(key)) {
       menuItems.optional[key] = newMenuItems.optional[key];
     }
@@ -71,95 +56,84 @@ const generateMenuItems = ({
 };
 function panelItemsReducer(panelItems, action) {
   switch (action.type) {
-    case 'REGISTER_PANEL':
-      {
+    case "REGISTER_PANEL": {
+      const newItems = [...panelItems];
+      const existingIndex = newItems.findIndex((oldItem) => oldItem.label === action.item.label);
+      if (existingIndex !== -1) {
+        newItems.splice(existingIndex, 1);
+      }
+      newItems.push(action.item);
+      return newItems;
+    }
+    case "UNREGISTER_PANEL": {
+      const index = panelItems.findIndex((item) => item.label === action.label);
+      if (index !== -1) {
         const newItems = [...panelItems];
-        // 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 === action.item.label);
-        if (existingIndex !== -1) {
-          newItems.splice(existingIndex, 1);
-        }
-        newItems.push(action.item);
+        newItems.splice(index, 1);
         return newItems;
       }
-    case 'UNREGISTER_PANEL':
-      {
-        const index = panelItems.findIndex(item => item.label === action.label);
-        if (index !== -1) {
-          const newItems = [...panelItems];
-          newItems.splice(index, 1);
-          return newItems;
-        }
-        return panelItems;
-      }
+      return panelItems;
+    }
     default:
       return panelItems;
   }
 }
 function menuItemOrderReducer(menuItemOrder, action) {
   switch (action.type) {
-    case 'REGISTER_PANEL':
-      {
-        // Track the initial order of item registration. This is used for
-        // maintaining menu item order later.
-        if (menuItemOrder.includes(action.item.label)) {
-          return menuItemOrder;
-        }
-        return [...menuItemOrder, action.item.label];
+    case "REGISTER_PANEL": {
+      if (menuItemOrder.includes(action.item.label)) {
+        return menuItemOrder;
       }
+      return [...menuItemOrder, action.item.label];
+    }
     default:
       return menuItemOrder;
   }
 }
 function menuItemsReducer(state, action) {
   switch (action.type) {
-    case 'REGISTER_PANEL':
-    case 'UNREGISTER_PANEL':
-      // generate new menu items from original `menuItems` and updated `panelItems` and `menuItemOrder`
+    case "REGISTER_PANEL":
+    case "UNREGISTER_PANEL":
       return generateMenuItems({
         currentMenuItems: state.menuItems,
         panelItems: state.panelItems,
         menuItemOrder: state.menuItemOrder,
         shouldReset: false
       });
-    case 'RESET_ALL':
+    case "RESET_ALL":
       return generateMenuItems({
         panelItems: state.panelItems,
         menuItemOrder: state.menuItemOrder,
         shouldReset: true
       });
-    case 'UPDATE_VALUE':
-      {
-        const oldValue = state.menuItems[action.group][action.label];
-        if (action.value === oldValue) {
-          return state.menuItems;
-        }
-        return {
-          ...state.menuItems,
-          [action.group]: {
-            ...state.menuItems[action.group],
-            [action.label]: action.value
-          }
-        };
+    case "UPDATE_VALUE": {
+      const oldValue = state.menuItems[action.group][action.label];
+      if (action.value === oldValue) {
+        return state.menuItems;
       }
-    case 'TOGGLE_VALUE':
-      {
-        const currentItem = state.panelItems.find(item => item.label === action.label);
-        if (!currentItem) {
-          return state.menuItems;
+      return {
+        ...state.menuItems,
+        [action.group]: {
+          ...state.menuItems[action.group],
+          [action.label]: action.value
         }
-        const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';
-        const newMenuItems = {
-          ...state.menuItems,
-          [menuGroup]: {
-            ...state.menuItems[menuGroup],
-            [action.label]: !state.menuItems[menuGroup][action.label]
-          }
-        };
-        return newMenuItems;
+      };
+    }
+    case "TOGGLE_VALUE": {
+      const currentItem = state.panelItems.find((item) => item.label === action.label);
+      if (!currentItem) {
+        return state.menuItems;
       }
+      const menuGroup = currentItem.isShownByDefault ? "default" : "optional";
+      const newMenuItems = {
+        ...state.menuItems,
+        [menuGroup]: {
+          ...state.menuItems[menuGroup],
+          [action.label]: !state.menuItems[menuGroup][action.label]
+        }
+      };
+      return newMenuItems;
+    }
     default:
       return state.menuItems;
   }
@@ -167,8 +141,6 @@ function menuItemsReducer(state, action) {
 function panelReducer(state, action) {
   const panelItems = panelItemsReducer(state.panelItems, action);
   const menuItemOrder = menuItemOrderReducer(state.menuItemOrder, action);
-  // `menuItemsReducer` is a bit unusual because it generates new state from original `menuItems`
-  // and the updated `panelItems` and `menuItemOrder`.
   const menuItems = menuItemsReducer({
     panelItems,
     menuItemOrder,
@@ -182,16 +154,16 @@ function panelReducer(state, action) {
 }
 function resetAllFiltersReducer(filters, action) {
   switch (action.type) {
-    case 'REGISTER':
+    case "REGISTER":
       return [...filters, action.filter];
-    case 'UNREGISTER':
-      return filters.filter(f => f !== action.filter);
+    case "UNREGISTER":
+      return filters.filter((f) => f !== action.filter);
     default:
       return filters;
   }
 }
-const isMenuItemTypeEmpty = obj => Object.keys(obj).length === 0;
-export function useToolsPanel(props) {
+const isMenuItemTypeEmpty = (obj) => Object.keys(obj).length === 0;
+function useToolsPanel(props) {
   const {
     className,
     headingLevel = 2,
@@ -202,77 +174,53 @@ export function useToolsPanel(props) {
     __experimentalFirstVisibleItemClass,
     __experimentalLastVisibleItemClass,
     ...otherProps
-  } = useContextSystem(props, 'ToolsPanel');
+  } = useContextSystem(props, "ToolsPanel");
   const isResettingRef = useRef(false);
   const wasResetting = isResettingRef.current;
-
-  // `isResettingRef` 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.
   useEffect(() => {
     if (wasResetting) {
       isResettingRef.current = false;
     }
   }, [wasResetting]);
-
-  // Allow panel items to register themselves.
   const [{
     panelItems,
     menuItems
-  }, panelDispatch] = useReducer(panelReducer, undefined, emptyState);
+  }, panelDispatch] = useReducer(panelReducer, void 0, emptyState);
   const [resetAllFilters, dispatchResetAllFilters] = useReducer(resetAllFiltersReducer, []);
-  const registerPanelItem = useCallback(item => {
-    // Add item to panel items.
+  const registerPanelItem = useCallback((item) => {
     panelDispatch({
-      type: 'REGISTER_PANEL',
+      type: "REGISTER_PANEL",
       item
     });
   }, []);
-
-  // 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 = 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.
+  const deregisterPanelItem = useCallback((label) => {
     panelDispatch({
-      type: 'UNREGISTER_PANEL',
+      type: "UNREGISTER_PANEL",
       label
     });
   }, []);
-  const registerResetAllFilter = useCallback(filter => {
+  const registerResetAllFilter = useCallback((filter) => {
     dispatchResetAllFilters({
-      type: 'REGISTER',
+      type: "REGISTER",
       filter
     });
   }, []);
-  const deregisterResetAllFilter = useCallback(filter => {
+  const deregisterResetAllFilter = useCallback((filter) => {
     dispatchResetAllFilters({
-      type: 'UNREGISTER',
+      type: "UNREGISTER",
       filter
     });
   }, []);
-
-  // Updates the status of the panel’s menu items. For default items the
-  // value represents whether it differs from the default and for optional
-  // items whether the item is shown.
-  const flagItemCustomization = useCallback((value, label, group = 'default') => {
+  const flagItemCustomization = useCallback((value, label, group = "default") => {
     panelDispatch({
-      type: 'UPDATE_VALUE',
+      type: "UPDATE_VALUE",
       group,
       label,
       value
     });
   }, []);
-
-  // 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 = useMemo(() => {
-    return isMenuItemTypeEmpty(menuItems.default) && !isMenuItemTypeEmpty(menuItems.optional) && Object.values(menuItems.optional).every(isSelected => !isSelected);
+    return isMenuItemTypeEmpty(menuItems.default) && !isMenuItemTypeEmpty(menuItems.optional) && Object.values(menuItems.optional).every((isSelected) => !isSelected);
   }, [menuItems]);
   const cx = useCx();
   const classes = useMemo(() => {
@@ -280,34 +228,24 @@ export function useToolsPanel(props) {
     const emptyStyle = areAllOptionalControlsHidden && styles.ToolsPanelHiddenInnerWrapper;
     return cx(styles.ToolsPanel(DEFAULT_COLUMNS), wrapperStyle, emptyStyle, className);
   }, [areAllOptionalControlsHidden, className, cx, hasInnerWrapper]);
-
-  // Toggle the checked state of a menu item which is then used to determine
-  // display of the item within the panel.
-  const toggleItem = useCallback(label => {
+  const toggleItem = useCallback((label) => {
     panelDispatch({
-      type: 'TOGGLE_VALUE',
+      type: "TOGGLE_VALUE",
       label
     });
   }, []);
-
-  // Resets display of children and executes resetAll callback if available.
   const resetAllItems = useCallback(() => {
-    if (typeof resetAll === 'function') {
+    if (typeof resetAll === "function") {
       isResettingRef.current = true;
       resetAll(resetAllFilters);
     }
-
-    // Turn off display of all non-default items.
     panelDispatch({
-      type: 'RESET_ALL'
+      type: "RESET_ALL"
     });
   }, [resetAllFilters, resetAll]);
-
-  // 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 getFirstVisibleItemLabel = (items) => {
     const optionalItems = menuItems.optional || {};
-    const firstItem = items.find(item => item.isShownByDefault || optionalItems[item.label]);
+    const firstItem = items.find((item) => item.isShownByDefault || optionalItems[item.label]);
     return firstItem?.label;
   };
   const firstDisplayedItem = getFirstVisibleItemLabel(panelItems);
@@ -339,4 +277,7 @@ export function useToolsPanel(props) {
     className: classes
   };
 }
-//# sourceMappingURL=hook.js.map
+export {
+  useToolsPanel
+};
+//# sourceMappingURL=hook.js.map

package/build-module/tools-panel/tools-panel/hook.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useCallback","useEffect","useMemo","useReducer","useRef","styles","useContextSystem","useCx","DEFAULT_COLUMNS","emptyMenuItems","default","optional","emptyState","panelItems","menuItemOrder","menuItems","generateMenuItems","shouldReset","currentMenuItems","newMenuItems","forEach","hasValue","isShownByDefault","label","group","existingItemValue","value","key","hasOwnProperty","Object","keys","panelItemsReducer","action","type","newItems","existingIndex","findIndex","oldItem","item","splice","push","index","menuItemOrderReducer","includes","menuItemsReducer","state","oldValue","currentItem","find","menuGroup","panelReducer","resetAllFiltersReducer","filters","filter","f","isMenuItemTypeEmpty","obj","length","useToolsPanel","props","className","headingLevel","resetAll","panelId","hasInnerWrapper","shouldRenderPlaceholderItems","__experimentalFirstVisibleItemClass","__experimentalLastVisibleItemClass","otherProps","isResettingRef","wasResetting","current","panelDispatch","undefined","resetAllFilters","dispatchResetAllFilters","registerPanelItem","deregisterPanelItem","registerResetAllFilter","deregisterResetAllFilter","flagItemCustomization","areAllOptionalControlsHidden","values","every","isSelected","cx","classes","wrapperStyle","ToolsPanelWithInnerWrapper","emptyStyle","ToolsPanelHiddenInnerWrapper","ToolsPanel","toggleItem","resetAllItems","getFirstVisibleItemLabel","items","optionalItems","firstItem","firstDisplayedItem","lastDisplayedItem","reverse","hasMenuItems","panelContext","isResetting"],"sources":["@wordpress/components/src/tools-panel/tools-panel/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseReducer,\n\tuseRef,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type {\n\tToolsPanelItem,\n\tToolsPanelMenuItemKey,\n\tToolsPanelMenuItems,\n\tToolsPanelMenuItemsConfig,\n\tToolsPanelProps,\n\tResetAllFilter,\n} from '../types';\n\nconst DEFAULT_COLUMNS = 2;\n\ntype PanelItemsState = {\n\tpanelItems: ToolsPanelItem[];\n\tmenuItemOrder: string[];\n\tmenuItems: ToolsPanelMenuItems;\n};\n\ntype PanelItemsAction =\n\t| { type: 'REGISTER_PANEL'; item: ToolsPanelItem }\n\t| { type: 'UNREGISTER_PANEL'; label: string }\n\t| {\n\t\t\ttype: 'UPDATE_VALUE';\n\t\t\tgroup: ToolsPanelMenuItemKey;\n\t\t\tlabel: string;\n\t\t\tvalue: boolean;\n\t  }\n\t| { type: 'TOGGLE_VALUE'; label: string }\n\t| { type: 'RESET_ALL' };\n\nfunction emptyMenuItems(): ToolsPanelMenuItems {\n\treturn { default: {}, optional: {} };\n}\n\nfunction emptyState(): PanelItemsState {\n\treturn { panelItems: [], menuItemOrder: [], menuItems: emptyMenuItems() };\n}\n\nconst generateMenuItems = ( {\n\tpanelItems,\n\tshouldReset,\n\tcurrentMenuItems,\n\tmenuItemOrder,\n}: ToolsPanelMenuItemsConfig ) => {\n\tconst newMenuItems: ToolsPanelMenuItems = emptyMenuItems();\n\tconst menuItems: ToolsPanelMenuItems = emptyMenuItems();\n\n\tpanelItems.forEach( ( { hasValue, isShownByDefault, label } ) => {\n\t\tconst group = isShownByDefault ? 'default' : 'optional';\n\n\t\t// If a menu item for this label has already been flagged as customized\n\t\t// (for default controls), or toggled on (for optional controls), do not\n\t\t// overwrite its value as those controls would lose that state.\n\t\tconst existingItemValue = currentMenuItems?.[ group ]?.[ label ];\n\t\tconst value = existingItemValue ? existingItemValue : hasValue();\n\n\t\tnewMenuItems[ group ][ label ] = shouldReset ? false : value;\n\t} );\n\n\t// Loop the known, previously registered items first to maintain menu order.\n\tmenuItemOrder.forEach( ( key ) => {\n\t\tif ( newMenuItems.default.hasOwnProperty( key ) ) {\n\t\t\tmenuItems.default[ key ] = newMenuItems.default[ key ];\n\t\t}\n\n\t\tif ( newMenuItems.optional.hasOwnProperty( key ) ) {\n\t\t\tmenuItems.optional[ key ] = newMenuItems.optional[ key ];\n\t\t}\n\t} );\n\n\t// Loop newMenuItems object adding any that aren't in the known items order.\n\tObject.keys( newMenuItems.default ).forEach( ( key ) => {\n\t\tif ( ! menuItems.default.hasOwnProperty( key ) ) {\n\t\t\tmenuItems.default[ key ] = newMenuItems.default[ key ];\n\t\t}\n\t} );\n\n\tObject.keys( newMenuItems.optional ).forEach( ( key ) => {\n\t\tif ( ! menuItems.optional.hasOwnProperty( key ) ) {\n\t\t\tmenuItems.optional[ key ] = newMenuItems.optional[ key ];\n\t\t}\n\t} );\n\n\treturn menuItems;\n};\n\nfunction panelItemsReducer(\n\tpanelItems: ToolsPanelItem[],\n\taction: PanelItemsAction\n) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER_PANEL': {\n\t\t\tconst newItems = [ ...panelItems ];\n\t\t\t// If an item with this label has already been registered, remove it\n\t\t\t// first. This can happen when an item is moved between the default\n\t\t\t// and optional groups.\n\t\t\tconst existingIndex = newItems.findIndex(\n\t\t\t\t( oldItem ) => oldItem.label === action.item.label\n\t\t\t);\n\t\t\tif ( existingIndex !== -1 ) {\n\t\t\t\tnewItems.splice( existingIndex, 1 );\n\t\t\t}\n\t\t\tnewItems.push( action.item );\n\t\t\treturn newItems;\n\t\t}\n\t\tcase 'UNREGISTER_PANEL': {\n\t\t\tconst index = panelItems.findIndex(\n\t\t\t\t( item ) => item.label === action.label\n\t\t\t);\n\t\t\tif ( index !== -1 ) {\n\t\t\t\tconst newItems = [ ...panelItems ];\n\t\t\t\tnewItems.splice( index, 1 );\n\t\t\t\treturn newItems;\n\t\t\t}\n\t\t\treturn panelItems;\n\t\t}\n\t\tdefault:\n\t\t\treturn panelItems;\n\t}\n}\n\nfunction menuItemOrderReducer(\n\tmenuItemOrder: string[],\n\taction: PanelItemsAction\n) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER_PANEL': {\n\t\t\t// Track the initial order of item registration. This is used for\n\t\t\t// maintaining menu item order later.\n\t\t\tif ( menuItemOrder.includes( action.item.label ) ) {\n\t\t\t\treturn menuItemOrder;\n\t\t\t}\n\n\t\t\treturn [ ...menuItemOrder, action.item.label ];\n\t\t}\n\t\tdefault:\n\t\t\treturn menuItemOrder;\n\t}\n}\n\nfunction menuItemsReducer( state: PanelItemsState, action: PanelItemsAction ) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER_PANEL':\n\t\tcase 'UNREGISTER_PANEL':\n\t\t\t// generate new menu items from original `menuItems` and updated `panelItems` and `menuItemOrder`\n\t\t\treturn generateMenuItems( {\n\t\t\t\tcurrentMenuItems: state.menuItems,\n\t\t\t\tpanelItems: state.panelItems,\n\t\t\t\tmenuItemOrder: state.menuItemOrder,\n\t\t\t\tshouldReset: false,\n\t\t\t} );\n\t\tcase 'RESET_ALL':\n\t\t\treturn generateMenuItems( {\n\t\t\t\tpanelItems: state.panelItems,\n\t\t\t\tmenuItemOrder: state.menuItemOrder,\n\t\t\t\tshouldReset: true,\n\t\t\t} );\n\t\tcase 'UPDATE_VALUE': {\n\t\t\tconst oldValue = state.menuItems[ action.group ][ action.label ];\n\t\t\tif ( action.value === oldValue ) {\n\t\t\t\treturn state.menuItems;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\t...state.menuItems,\n\t\t\t\t[ action.group ]: {\n\t\t\t\t\t...state.menuItems[ action.group ],\n\t\t\t\t\t[ action.label ]: action.value,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t\tcase 'TOGGLE_VALUE': {\n\t\t\tconst currentItem = state.panelItems.find(\n\t\t\t\t( item ) => item.label === action.label\n\t\t\t);\n\n\t\t\tif ( ! currentItem ) {\n\t\t\t\treturn state.menuItems;\n\t\t\t}\n\n\t\t\tconst menuGroup = currentItem.isShownByDefault\n\t\t\t\t? 'default'\n\t\t\t\t: 'optional';\n\n\t\t\tconst newMenuItems = {\n\t\t\t\t...state.menuItems,\n\t\t\t\t[ menuGroup ]: {\n\t\t\t\t\t...state.menuItems[ menuGroup ],\n\t\t\t\t\t[ action.label ]:\n\t\t\t\t\t\t! state.menuItems[ menuGroup ][ action.label ],\n\t\t\t\t},\n\t\t\t};\n\t\t\treturn newMenuItems;\n\t\t}\n\n\t\tdefault:\n\t\t\treturn state.menuItems;\n\t}\n}\n\nfunction panelReducer( state: PanelItemsState, action: PanelItemsAction ) {\n\tconst panelItems = panelItemsReducer( state.panelItems, action );\n\tconst menuItemOrder = menuItemOrderReducer( state.menuItemOrder, action );\n\t// `menuItemsReducer` is a bit unusual because it generates new state from original `menuItems`\n\t// and the updated `panelItems` and `menuItemOrder`.\n\tconst menuItems = menuItemsReducer(\n\t\t{ panelItems, menuItemOrder, menuItems: state.menuItems },\n\t\taction\n\t);\n\n\treturn { panelItems, menuItemOrder, menuItems };\n}\n\nfunction resetAllFiltersReducer(\n\tfilters: ResetAllFilter[],\n\taction: { type: 'REGISTER' | 'UNREGISTER'; filter: ResetAllFilter }\n) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER':\n\t\t\treturn [ ...filters, action.filter ];\n\t\tcase 'UNREGISTER':\n\t\t\treturn filters.filter( ( f ) => f !== action.filter );\n\t\tdefault:\n\t\t\treturn filters;\n\t}\n}\n\nconst isMenuItemTypeEmpty = (\n\tobj: ToolsPanelMenuItems[ ToolsPanelMenuItemKey ]\n) => Object.keys( obj ).length === 0;\n\nexport function useToolsPanel(\n\tprops: WordPressComponentProps< ToolsPanelProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\theadingLevel = 2,\n\t\tresetAll,\n\t\tpanelId,\n\t\thasInnerWrapper = false,\n\t\tshouldRenderPlaceholderItems = false,\n\t\t__experimentalFirstVisibleItemClass,\n\t\t__experimentalLastVisibleItemClass,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToolsPanel' );\n\n\tconst isResettingRef = useRef( false );\n\tconst wasResetting = isResettingRef.current;\n\n\t// `isResettingRef` is cleared via this hook to effectively batch together\n\t// the resetAll task. Without this, the flag is cleared after the first\n\t// control updates and forces a rerender with subsequent controls then\n\t// believing they need to reset, unfortunately using stale data.\n\tuseEffect( () => {\n\t\tif ( wasResetting ) {\n\t\t\tisResettingRef.current = false;\n\t\t}\n\t}, [ wasResetting ] );\n\n\t// Allow panel items to register themselves.\n\tconst [ { panelItems, menuItems }, panelDispatch ] = useReducer(\n\t\tpanelReducer,\n\t\tundefined,\n\t\temptyState\n\t);\n\n\tconst [ resetAllFilters, dispatchResetAllFilters ] = useReducer(\n\t\tresetAllFiltersReducer,\n\t\t[]\n\t);\n\n\tconst registerPanelItem = useCallback( ( item: ToolsPanelItem ) => {\n\t\t// Add item to panel items.\n\t\tpanelDispatch( { type: 'REGISTER_PANEL', item } );\n\t}, [] );\n\n\t// Panels need to deregister on unmount to avoid orphans in menu state.\n\t// This is an issue when panel items are being injected via SlotFills.\n\tconst deregisterPanelItem = useCallback( ( label: string ) => {\n\t\t// When switching selections between components injecting matching\n\t\t// controls, e.g. both panels have a \"padding\" control, the\n\t\t// deregistration of the first panel doesn't occur until after the\n\t\t// registration of the next.\n\t\tpanelDispatch( { type: 'UNREGISTER_PANEL', label } );\n\t}, [] );\n\n\tconst registerResetAllFilter = useCallback( ( filter: ResetAllFilter ) => {\n\t\tdispatchResetAllFilters( { type: 'REGISTER', filter } );\n\t}, [] );\n\n\tconst deregisterResetAllFilter = useCallback(\n\t\t( filter: ResetAllFilter ) => {\n\t\t\tdispatchResetAllFilters( { type: 'UNREGISTER', filter } );\n\t\t},\n\t\t[]\n\t);\n\n\t// Updates the status of the panel’s menu items. For default items the\n\t// value represents whether it differs from the default and for optional\n\t// items whether the item is shown.\n\tconst flagItemCustomization = useCallback(\n\t\t(\n\t\t\tvalue: boolean,\n\t\t\tlabel: string,\n\t\t\tgroup: ToolsPanelMenuItemKey = 'default'\n\t\t) => {\n\t\t\tpanelDispatch( { type: 'UPDATE_VALUE', group, label, value } );\n\t\t},\n\t\t[]\n\t);\n\n\t// Whether all optional menu items are hidden or not must be tracked\n\t// in order to later determine if the panel display is empty and handle\n\t// conditional display of a plus icon to indicate the presence of further\n\t// menu items.\n\tconst areAllOptionalControlsHidden = useMemo( () => {\n\t\treturn (\n\t\t\tisMenuItemTypeEmpty( menuItems.default ) &&\n\t\t\t! isMenuItemTypeEmpty( menuItems.optional ) &&\n\t\t\tObject.values( menuItems.optional ).every(\n\t\t\t\t( isSelected ) => ! isSelected\n\t\t\t)\n\t\t);\n\t}, [ menuItems ] );\n\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\tconst wrapperStyle =\n\t\t\thasInnerWrapper &&\n\t\t\tstyles.ToolsPanelWithInnerWrapper( DEFAULT_COLUMNS );\n\t\tconst emptyStyle =\n\t\t\tareAllOptionalControlsHidden && styles.ToolsPanelHiddenInnerWrapper;\n\n\t\treturn cx(\n\t\t\tstyles.ToolsPanel( DEFAULT_COLUMNS ),\n\t\t\twrapperStyle,\n\t\t\temptyStyle,\n\t\t\tclassName\n\t\t);\n\t}, [ areAllOptionalControlsHidden, className, cx, hasInnerWrapper ] );\n\n\t// Toggle the checked state of a menu item which is then used to determine\n\t// display of the item within the panel.\n\tconst toggleItem = useCallback( ( label: string ) => {\n\t\tpanelDispatch( { type: 'TOGGLE_VALUE', label } );\n\t}, [] );\n\n\t// Resets display of children and executes resetAll callback if available.\n\tconst resetAllItems = useCallback( () => {\n\t\tif ( typeof resetAll === 'function' ) {\n\t\t\tisResettingRef.current = true;\n\t\t\tresetAll( resetAllFilters );\n\t\t}\n\n\t\t// Turn off display of all non-default items.\n\t\tpanelDispatch( { type: 'RESET_ALL' } );\n\t}, [ resetAllFilters, resetAll ] );\n\n\t// Assist ItemGroup styling when there are potentially hidden placeholder\n\t// items by identifying first & last items that are toggled on for display.\n\tconst getFirstVisibleItemLabel = ( items: ToolsPanelItem[] ) => {\n\t\tconst optionalItems = menuItems.optional || {};\n\t\tconst firstItem = items.find(\n\t\t\t( item ) => item.isShownByDefault || optionalItems[ item.label ]\n\t\t);\n\n\t\treturn firstItem?.label;\n\t};\n\n\tconst firstDisplayedItem = getFirstVisibleItemLabel( panelItems );\n\tconst lastDisplayedItem = getFirstVisibleItemLabel(\n\t\t[ ...panelItems ].reverse()\n\t);\n\n\tconst hasMenuItems = panelItems.length > 0;\n\n\tconst panelContext = useMemo(\n\t\t() => ( {\n\t\t\tareAllOptionalControlsHidden,\n\t\t\tderegisterPanelItem,\n\t\t\tderegisterResetAllFilter,\n\t\t\tfirstDisplayedItem,\n\t\t\tflagItemCustomization,\n\t\t\thasMenuItems,\n\t\t\tisResetting: isResettingRef.current,\n\t\t\tlastDisplayedItem,\n\t\t\tmenuItems,\n\t\t\tpanelId,\n\t\t\tregisterPanelItem,\n\t\t\tregisterResetAllFilter,\n\t\t\tshouldRenderPlaceholderItems,\n\t\t\t__experimentalFirstVisibleItemClass,\n\t\t\t__experimentalLastVisibleItemClass,\n\t\t} ),\n\t\t[\n\t\t\tareAllOptionalControlsHidden,\n\t\t\tderegisterPanelItem,\n\t\t\tderegisterResetAllFilter,\n\t\t\tfirstDisplayedItem,\n\t\t\tflagItemCustomization,\n\t\t\tlastDisplayedItem,\n\t\t\tmenuItems,\n\t\t\tpanelId,\n\t\t\thasMenuItems,\n\t\t\tregisterResetAllFilter,\n\t\t\tregisterPanelItem,\n\t\t\tshouldRenderPlaceholderItems,\n\t\t\t__experimentalFirstVisibleItemClass,\n\t\t\t__experimentalLastVisibleItemClass,\n\t\t]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\theadingLevel,\n\t\tpanelContext,\n\t\tresetAllItems,\n\t\ttoggleItem,\n\t\tclassName: classes,\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/tools-panel/tools-panel/hook.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nconst DEFAULT_COLUMNS = 2;\nfunction emptyMenuItems() {\n  return {\n    default: {},\n    optional: {}\n  };\n}\nfunction emptyState() {\n  return {\n    panelItems: [],\n    menuItemOrder: [],\n    menuItems: emptyMenuItems()\n  };\n}\nconst generateMenuItems = ({\n  panelItems,\n  shouldReset,\n  currentMenuItems,\n  menuItemOrder\n}) => {\n  const newMenuItems = emptyMenuItems();\n  const menuItems = emptyMenuItems();\n  panelItems.forEach(({\n    hasValue,\n    isShownByDefault,\n    label\n  }) => {\n    const group = isShownByDefault ? 'default' : 'optional';\n\n    // If a menu item for this label has already been flagged as customized\n    // (for default controls), or toggled on (for optional controls), do not\n    // overwrite its value as those controls would lose that state.\n    const existingItemValue = currentMenuItems?.[group]?.[label];\n    const value = existingItemValue ? existingItemValue : hasValue();\n    newMenuItems[group][label] = shouldReset ? false : value;\n  });\n\n  // Loop the known, previously registered items first to maintain menu order.\n  menuItemOrder.forEach(key => {\n    if (newMenuItems.default.hasOwnProperty(key)) {\n      menuItems.default[key] = newMenuItems.default[key];\n    }\n    if (newMenuItems.optional.hasOwnProperty(key)) {\n      menuItems.optional[key] = newMenuItems.optional[key];\n    }\n  });\n\n  // Loop newMenuItems object adding any that aren't in the known items order.\n  Object.keys(newMenuItems.default).forEach(key => {\n    if (!menuItems.default.hasOwnProperty(key)) {\n      menuItems.default[key] = newMenuItems.default[key];\n    }\n  });\n  Object.keys(newMenuItems.optional).forEach(key => {\n    if (!menuItems.optional.hasOwnProperty(key)) {\n      menuItems.optional[key] = newMenuItems.optional[key];\n    }\n  });\n  return menuItems;\n};\nfunction panelItemsReducer(panelItems, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n      {\n        const newItems = [...panelItems];\n        // If an item with this label has already been registered, remove it\n        // first. This can happen when an item is moved between the default\n        // and optional groups.\n        const existingIndex = newItems.findIndex(oldItem => oldItem.label === action.item.label);\n        if (existingIndex !== -1) {\n          newItems.splice(existingIndex, 1);\n        }\n        newItems.push(action.item);\n        return newItems;\n      }\n    case 'UNREGISTER_PANEL':\n      {\n        const index = panelItems.findIndex(item => item.label === action.label);\n        if (index !== -1) {\n          const newItems = [...panelItems];\n          newItems.splice(index, 1);\n          return newItems;\n        }\n        return panelItems;\n      }\n    default:\n      return panelItems;\n  }\n}\nfunction menuItemOrderReducer(menuItemOrder, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n      {\n        // Track the initial order of item registration. This is used for\n        // maintaining menu item order later.\n        if (menuItemOrder.includes(action.item.label)) {\n          return menuItemOrder;\n        }\n        return [...menuItemOrder, action.item.label];\n      }\n    default:\n      return menuItemOrder;\n  }\n}\nfunction menuItemsReducer(state, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n    case 'UNREGISTER_PANEL':\n      // generate new menu items from original `menuItems` and updated `panelItems` and `menuItemOrder`\n      return generateMenuItems({\n        currentMenuItems: state.menuItems,\n        panelItems: state.panelItems,\n        menuItemOrder: state.menuItemOrder,\n        shouldReset: false\n      });\n    case 'RESET_ALL':\n      return generateMenuItems({\n        panelItems: state.panelItems,\n        menuItemOrder: state.menuItemOrder,\n        shouldReset: true\n      });\n    case 'UPDATE_VALUE':\n      {\n        const oldValue = state.menuItems[action.group][action.label];\n        if (action.value === oldValue) {\n          return state.menuItems;\n        }\n        return {\n          ...state.menuItems,\n          [action.group]: {\n            ...state.menuItems[action.group],\n            [action.label]: action.value\n          }\n        };\n      }\n    case 'TOGGLE_VALUE':\n      {\n        const currentItem = state.panelItems.find(item => item.label === action.label);\n        if (!currentItem) {\n          return state.menuItems;\n        }\n        const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';\n        const newMenuItems = {\n          ...state.menuItems,\n          [menuGroup]: {\n            ...state.menuItems[menuGroup],\n            [action.label]: !state.menuItems[menuGroup][action.label]\n          }\n        };\n        return newMenuItems;\n      }\n    default:\n      return state.menuItems;\n  }\n}\nfunction panelReducer(state, action) {\n  const panelItems = panelItemsReducer(state.panelItems, action);\n  const menuItemOrder = menuItemOrderReducer(state.menuItemOrder, action);\n  // `menuItemsReducer` is a bit unusual because it generates new state from original `menuItems`\n  // and the updated `panelItems` and `menuItemOrder`.\n  const menuItems = menuItemsReducer({\n    panelItems,\n    menuItemOrder,\n    menuItems: state.menuItems\n  }, action);\n  return {\n    panelItems,\n    menuItemOrder,\n    menuItems\n  };\n}\nfunction resetAllFiltersReducer(filters, action) {\n  switch (action.type) {\n    case 'REGISTER':\n      return [...filters, action.filter];\n    case 'UNREGISTER':\n      return filters.filter(f => f !== action.filter);\n    default:\n      return filters;\n  }\n}\nconst isMenuItemTypeEmpty = obj => Object.keys(obj).length === 0;\nexport function useToolsPanel(props) {\n  const {\n    className,\n    headingLevel = 2,\n    resetAll,\n    panelId,\n    hasInnerWrapper = false,\n    shouldRenderPlaceholderItems = false,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanel');\n  const isResettingRef = useRef(false);\n  const wasResetting = isResettingRef.current;\n\n  // `isResettingRef` is cleared via this hook to effectively batch together\n  // the resetAll task. Without this, the flag is cleared after the first\n  // control updates and forces a rerender with subsequent controls then\n  // believing they need to reset, unfortunately using stale data.\n  useEffect(() => {\n    if (wasResetting) {\n      isResettingRef.current = false;\n    }\n  }, [wasResetting]);\n\n  // Allow panel items to register themselves.\n  const [{\n    panelItems,\n    menuItems\n  }, panelDispatch] = useReducer(panelReducer, undefined, emptyState);\n  const [resetAllFilters, dispatchResetAllFilters] = useReducer(resetAllFiltersReducer, []);\n  const registerPanelItem = useCallback(item => {\n    // Add item to panel items.\n    panelDispatch({\n      type: 'REGISTER_PANEL',\n      item\n    });\n  }, []);\n\n  // Panels need to deregister on unmount to avoid orphans in menu state.\n  // This is an issue when panel items are being injected via SlotFills.\n  const deregisterPanelItem = useCallback(label => {\n    // When switching selections between components injecting matching\n    // controls, e.g. both panels have a \"padding\" control, the\n    // deregistration of the first panel doesn't occur until after the\n    // registration of the next.\n    panelDispatch({\n      type: 'UNREGISTER_PANEL',\n      label\n    });\n  }, []);\n  const registerResetAllFilter = useCallback(filter => {\n    dispatchResetAllFilters({\n      type: 'REGISTER',\n      filter\n    });\n  }, []);\n  const deregisterResetAllFilter = useCallback(filter => {\n    dispatchResetAllFilters({\n      type: 'UNREGISTER',\n      filter\n    });\n  }, []);\n\n  // Updates the status of the panel\u2019s menu items. For default items the\n  // value represents whether it differs from the default and for optional\n  // items whether the item is shown.\n  const flagItemCustomization = useCallback((value, label, group = 'default') => {\n    panelDispatch({\n      type: 'UPDATE_VALUE',\n      group,\n      label,\n      value\n    });\n  }, []);\n\n  // Whether all optional menu items are hidden or not must be tracked\n  // in order to later determine if the panel display is empty and handle\n  // conditional display of a plus icon to indicate the presence of further\n  // menu items.\n  const areAllOptionalControlsHidden = useMemo(() => {\n    return isMenuItemTypeEmpty(menuItems.default) && !isMenuItemTypeEmpty(menuItems.optional) && Object.values(menuItems.optional).every(isSelected => !isSelected);\n  }, [menuItems]);\n  const cx = useCx();\n  const classes = useMemo(() => {\n    const wrapperStyle = hasInnerWrapper && styles.ToolsPanelWithInnerWrapper(DEFAULT_COLUMNS);\n    const emptyStyle = areAllOptionalControlsHidden && styles.ToolsPanelHiddenInnerWrapper;\n    return cx(styles.ToolsPanel(DEFAULT_COLUMNS), wrapperStyle, emptyStyle, className);\n  }, [areAllOptionalControlsHidden, className, cx, hasInnerWrapper]);\n\n  // Toggle the checked state of a menu item which is then used to determine\n  // display of the item within the panel.\n  const toggleItem = useCallback(label => {\n    panelDispatch({\n      type: 'TOGGLE_VALUE',\n      label\n    });\n  }, []);\n\n  // Resets display of children and executes resetAll callback if available.\n  const resetAllItems = useCallback(() => {\n    if (typeof resetAll === 'function') {\n      isResettingRef.current = true;\n      resetAll(resetAllFilters);\n    }\n\n    // Turn off display of all non-default items.\n    panelDispatch({\n      type: 'RESET_ALL'\n    });\n  }, [resetAllFilters, resetAll]);\n\n  // Assist ItemGroup styling when there are potentially hidden placeholder\n  // items by identifying first & last items that are toggled on for display.\n  const getFirstVisibleItemLabel = items => {\n    const optionalItems = menuItems.optional || {};\n    const firstItem = items.find(item => item.isShownByDefault || optionalItems[item.label]);\n    return firstItem?.label;\n  };\n  const firstDisplayedItem = getFirstVisibleItemLabel(panelItems);\n  const lastDisplayedItem = getFirstVisibleItemLabel([...panelItems].reverse());\n  const hasMenuItems = panelItems.length > 0;\n  const panelContext = useMemo(() => ({\n    areAllOptionalControlsHidden,\n    deregisterPanelItem,\n    deregisterResetAllFilter,\n    firstDisplayedItem,\n    flagItemCustomization,\n    hasMenuItems,\n    isResetting: isResettingRef.current,\n    lastDisplayedItem,\n    menuItems,\n    panelId,\n    registerPanelItem,\n    registerResetAllFilter,\n    shouldRenderPlaceholderItems,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass\n  }), [areAllOptionalControlsHidden, deregisterPanelItem, deregisterResetAllFilter, firstDisplayedItem, flagItemCustomization, lastDisplayedItem, menuItems, panelId, hasMenuItems, registerResetAllFilter, registerPanelItem, shouldRenderPlaceholderItems, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass]);\n  return {\n    ...otherProps,\n    headingLevel,\n    panelContext,\n    resetAllItems,\n    toggleItem,\n    className: classes\n  };\n}"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/tools-panel/tools-panel/index.js

@@ -1,3 +1,7 @@
-export { default } from './component';
-export { useToolsPanel } from './hook';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+import { useToolsPanel } from "./hook";
+export {
+  default2 as default,
+  useToolsPanel
+};
+//# sourceMappingURL=index.js.map

package/build-module/tools-panel/tools-panel/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","useToolsPanel"],"sources":["@wordpress/components/src/tools-panel/tools-panel/index.ts"],"sourcesContent":["export { default } from './component';\nexport { useToolsPanel } from './hook';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa;AACrC,SAASC,aAAa,QAAQ,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/tools-panel/tools-panel/index.ts"],
+  "sourcesContent": ["export { default } from './component';\nexport { useToolsPanel } from './hook';"],
+  "mappings": "AAAA,SAAS,WAAAA,gBAAe;AACxB,SAAS,qBAAqB;",
+  "names": ["default"]
+}