@gechiui/block-editor/build-module/components/inspector-controls/block-support-tools-panel.js

Generic block editor.

import { createElement } from "@gechiui/element";

/**
 * GeChiUI dependencies
 */
import { __experimentalToolsPanel as ToolsPanel } from '@gechiui/components';
import { useDispatch, useSelect } from '@gechiui/data';
/**
 * Internal dependencies
 */

import { store as blockEditorStore } from '../../store';
import { cleanEmptyObject } from '../../hooks/utils';
export default function BlockSupportToolsPanel(_ref) {
  let {
    children,
    group,
    label
  } = _ref;
  const {
    attributes,
    clientIds,
    panelId
  } = useSelect(select => {
    const {
      getBlockAttributes,
      getMultiSelectedBlockClientIds,
      getSelectedBlockClientId,
      hasMultiSelection
    } = select(blockEditorStore); // When we currently have a multi-selection, the value returned from
    // `getSelectedBlockClientId()` is `null`. When a `null` value is used
    // for the `panelId`, a `ToolsPanel` will still allow panel items to
    // register themselves despite their panelIds not matching.

    const selectedBlockClientId = getSelectedBlockClientId();

    if (hasMultiSelection()) {
      const selectedBlockClientIds = getMultiSelectedBlockClientIds();
      const selectedBlockAttributes = selectedBlockClientIds.reduce((blockAttributes, blockId) => {
        blockAttributes[blockId] = getBlockAttributes(blockId);
        return blockAttributes;
      }, {});
      return {
        panelId: selectedBlockClientId,
        clientIds: selectedBlockClientIds,
        attributes: selectedBlockAttributes
      };
    }

    return {
      panelId: selectedBlockClientId,
      clientIds: [selectedBlockClientId],
      attributes: {
        [selectedBlockClientId]: getBlockAttributes(selectedBlockClientId)
      }
    };
  }, []);
  const {
    updateBlockAttributes
  } = useDispatch(blockEditorStore);

  const resetAll = function () {
    let resetFilters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
    const newAttributes = {};
    clientIds.forEach(clientId => {
      const {
        style
      } = attributes[clientId];
      let newBlockAttributes = {
        style
      };
      resetFilters.forEach(resetFilter => {
        newBlockAttributes = { ...newBlockAttributes,
          ...resetFilter(newBlockAttributes)
        };
      }); // Enforce a cleaned style object.

      newBlockAttributes = { ...newBlockAttributes,
        style: cleanEmptyObject(newBlockAttributes.style)
      };
      newAttributes[clientId] = newBlockAttributes;
    });
    updateBlockAttributes(clientIds, newAttributes, true);
  };

  return createElement(ToolsPanel, {
    className: `${group}-block-support-panel`,
    label: label,
    resetAll: resetAll,
    key: panelId,
    panelId: panelId,
    hasInnerWrapper: true,
    shouldRenderPlaceholderItems: true // Required to maintain fills ordering.

  }, children);
}
//# sourceMappingURL=block-support-tools-panel.js.map