@talend/react-faceted-search/lib/hooks/badgeOverlayFlow.hook.js

Faceted search

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useBadgeOverlayFlow = exports.OVERLAY_FLOW_ACTIONS = void 0;
var _react = require("react");
const OVERLAY_FLOW_ACTIONS_KEYS = {
  CLOSE_ALL: 'CLOSE_ALL',
  OPEN_OPERATOR: 'OPEN_OPERATOR',
  OPEN_VALUE: 'OPEN_VALUE'
};
const OVERLAY_FLOW_ACTIONS = exports.OVERLAY_FLOW_ACTIONS = {
  openOperator: {
    type: OVERLAY_FLOW_ACTIONS_KEYS.OPEN_OPERATOR
  },
  openValue: {
    type: OVERLAY_FLOW_ACTIONS_KEYS.OPEN_VALUE
  },
  closeAll: {
    type: OVERLAY_FLOW_ACTIONS_KEYS.CLOSE_ALL
  }
};
const reducer = (state, {
  type
}) => {
  switch (type) {
    case 'OPEN_OPERATOR':
      return {
        ...state,
        operatorOpened: true,
        valueOpened: false
      };
    case 'OPEN_VALUE':
      return {
        ...state,
        operatorOpened: false,
        valueOpened: true
      };
    case 'CLOSE_ALL':
      return {
        ...state,
        operatorOpened: false,
        valueOpened: false
      };
    default:
      return state;
  }
};
const useBadgeOverlayFlow = (initialOperatorOpened = false, initialValueOpened = false) => {
  const [state, dispatch] = (0, _react.useReducer)(reducer, {
    operatorOpened: initialOperatorOpened,
    valueOpened: initialValueOpened
  });
  const onChangeOperatorOverlay = () => {
    if (state.operatorOpened) {
      dispatch(OVERLAY_FLOW_ACTIONS.openValue);
    } else {
      dispatch(OVERLAY_FLOW_ACTIONS.openOperator);
    }
  };
  const onChangeValueOverlay = () => {
    if (state.valueOpened) {
      dispatch(OVERLAY_FLOW_ACTIONS.closeAll);
    } else {
      dispatch(OVERLAY_FLOW_ACTIONS.openValue);
    }
  };
  return [state, dispatch, onChangeOperatorOverlay, onChangeValueOverlay];
};
exports.useBadgeOverlayFlow = useBadgeOverlayFlow;
//# sourceMappingURL=badgeOverlayFlow.hook.js.map