@base-ui-components/react/cjs/utils/popupStateMapping.js

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.triggerOpenStateMapping = exports.pressableTriggerOpenStateMapping = exports.popupStateMapping = void 0;
const TRIGGER_HOOK = {
  'data-popup-open': ''
};
const PRESSABLE_TRIGGER_HOOK = {
  'data-popup-open': '',
  'data-pressed': ''
};
const POPUP_OPEN_HOOK = {
  'data-open': ''
};
const POPUP_CLOSED_HOOK = {
  'data-closed': ''
};
const ANCHOR_HIDDEN_HOOK = {
  'data-anchor-hidden': ''
};
const triggerOpenStateMapping = exports.triggerOpenStateMapping = {
  open(value) {
    if (value) {
      return TRIGGER_HOOK;
    }
    return null;
  }
};
const pressableTriggerOpenStateMapping = exports.pressableTriggerOpenStateMapping = {
  open(value) {
    if (value) {
      return PRESSABLE_TRIGGER_HOOK;
    }
    return null;
  }
};
const popupStateMapping = exports.popupStateMapping = {
  open(value) {
    if (value) {
      return POPUP_OPEN_HOOK;
    }
    return POPUP_CLOSED_HOOK;
  },
  anchorHidden(value) {
    if (value) {
      return ANCHOR_HIDDEN_HOOK;
    }
    return null;
  }
};