@workday/canvas-kit-react/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ActionBarOverflowButton = exports.useActionBarOverflowButton = exports.actionBarOverflowButtonStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
const common_1 = require("@workday/canvas-kit-react/common");
const collection_1 = require("@workday/canvas-kit-react/collection");
const menu_1 = require("@workday/canvas-kit-react/menu");
const useActionBarModel_1 = require("./useActionBarModel");
const button_1 = require("@workday/canvas-kit-react/button");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const layout_1 = require("@workday/canvas-kit-react/layout");
exports.actionBarOverflowButtonStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "2w2nwq", styles: "box-sizing:border-box;flex:0;" }
}, "action-bar-overflow-button-0a24d9");
exports.useActionBarOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useActionBarModel_1.useActionBarModel)(() => ({
    'aria-haspopup': true,
})), collection_1.useOverflowListTarget, (0, common_1.createSubModelElemPropsHook)(useActionBarModel_1.useActionBarModel)(m => m.menu, menu_1.useMenuTarget));
exports.ActionBarOverflowButton = (0, common_1.createSubcomponent)('button')({
    displayName: 'ActionBar.OverflowButton',
    modelHook: useActionBarModel_1.useActionBarModel,
    elemPropsHook: exports.useActionBarOverflowButton,
})((elemProps, Element) => {
    return ((0, jsx_runtime_1.jsx)(button_1.SecondaryButton, { as: Element, icon: canvas_system_icons_web_1.relatedActionsIcon, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.actionBarOverflowButtonStencil)()) }));
});