first commit

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { IKeytipProps } from './Keytip.types';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * A callout corresponding to another Fabric component to describe a key sequence that will activate that component
+ */
+export declare class Keytip extends React.Component<IKeytipProps, {}> {
+    render(): JSXElement;
+}

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.js

@@ -0,0 +1,45 @@
+define(["require", "exports", "tslib", "react", "../../Utilities", "../../utilities/keytips/KeytipUtils", "../../Callout", "../../ContextualMenu", "./KeytipContent", "./Keytip.styles"], function (require, exports, tslib_1, React, Utilities_1, KeytipUtils_1, Callout_1, ContextualMenu_1, KeytipContent_1, Keytip_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Keytip = void 0;
+    /**
+     * A callout corresponding to another Fabric component to describe a key sequence that will activate that component
+     */
+    var Keytip = /** @class */ (function (_super) {
+        tslib_1.__extends(Keytip, _super);
+        function Keytip() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Keytip.prototype.render = function () {
+            var _a = this.props, keySequences = _a.keySequences, offset = _a.offset, overflowSetSequence = _a.overflowSetSequence;
+            var calloutProps = this.props.calloutProps;
+            var keytipTarget;
+            // Take into consideration the overflow sequence
+            if (overflowSetSequence) {
+                keytipTarget = (0, KeytipUtils_1.ktpTargetFromSequences)((0, KeytipUtils_1.mergeOverflows)(keySequences, overflowSetSequence));
+            }
+            else {
+                keytipTarget = (0, KeytipUtils_1.ktpTargetFromSequences)(keySequences);
+            }
+            var element = (0, Utilities_1.getFirstVisibleElementFromSelector)(keytipTarget);
+            if (!element) {
+                return React.createElement(React.Fragment, null);
+            }
+            keytipTarget = element;
+            if (offset) {
+                // Set callout to top-left corner, will be further positioned in
+                // getCalloutOffsetStyles
+                calloutProps = tslib_1.__assign({ coverTarget: true, directionalHint: ContextualMenu_1.DirectionalHint.topLeftEdge }, calloutProps);
+            }
+            if (!calloutProps || calloutProps.directionalHint === undefined) {
+                // Default callout directional hint to BottomCenter
+                calloutProps = tslib_1.__assign(tslib_1.__assign({}, calloutProps), { directionalHint: ContextualMenu_1.DirectionalHint.bottomCenter });
+            }
+            return (React.createElement(Callout_1.Callout, tslib_1.__assign({}, calloutProps, { isBeakVisible: false, doNotLayer: true, minPagePadding: 0, styles: offset ? (0, Keytip_styles_1.getCalloutOffsetStyles)(offset) : Keytip_styles_1.getCalloutStyles, preventDismissOnScroll: true, target: keytipTarget }),
+                React.createElement(KeytipContent_1.KeytipContent, tslib_1.__assign({}, this.props))));
+        };
+        return Keytip;
+    }(React.Component));
+    exports.Keytip = Keytip;
+});
+//# sourceMappingURL=Keytip.js.map

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keytip.js","sourceRoot":"../src/","sources":["components/Keytip/Keytip.tsx"],"names":[],"mappings":";;;;IAYA;;OAEG;IACH;QAA4B,kCAAiC;QAA7D;;QAqDA,CAAC;QApDQ,uBAAM,GAAb;YACQ,IAAA,KAAgD,IAAI,CAAC,KAAK,EAAxD,YAAY,kBAAA,EAAE,MAAM,YAAA,EAAE,mBAAmB,yBAAe,CAAC;YAC3D,IAAA,YAAY,GAAK,IAAI,CAAC,KAAK,aAAf,CAAgB;YAElC,IAAI,YAAoB,CAAC;YACzB,gDAAgD;YAChD,IAAI,mBAAmB,EAAE,CAAC;gBACxB,YAAY,GAAG,IAAA,oCAAsB,EAAC,IAAA,4BAAc,EAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC;YAC3F,CAAC;iBAAM,CAAC;gBACN,YAAY,GAAG,IAAA,oCAAsB,EAAC,YAAY,CAAC,CAAC;YACtD,CAAC;YAED,IAAM,OAAO,GAAG,IAAA,8CAAkC,EAAC,YAAY,CAAC,CAAC;YAEjE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,yCAAK,CAAC;YACf,CAAC;YAED,YAAY,GAAG,OAAO,CAAC;YAEvB,IAAI,MAAM,EAAE,CAAC;gBACX,gEAAgE;gBAChE,yBAAyB;gBACzB,YAAY,sBACV,WAAW,EAAE,IAAI,EACjB,eAAe,EAAE,gCAAe,CAAC,WAAW,IACzC,YAAY,CAChB,CAAC;YACJ,CAAC;YAED,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;gBAChE,mDAAmD;gBACnD,YAAY,yCACP,YAAY,KACf,eAAe,EAAE,gCAAe,CAAC,YAAY,GAC9C,CAAC;YACJ,CAAC;YAED,OAAO,CACL,oBAAC,iBAAO,uBACF,YAAY,IAChB,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,IAAI,EAChB,cAAc,EAAE,CAAC,EACjB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAA,sCAAsB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,gCAAgB,EAClE,sBAAsB,EAAE,IAAI,EAC5B,MAAM,EAAE,YAAY;gBAEpB,oBAAC,6BAAa,uBAAK,IAAI,CAAC,KAAK,EAAI,CACzB,CACX,CAAC;QACJ,CAAC;QACH,aAAC;IAAD,CAAC,AArDD,CAA4B,KAAK,CAAC,SAAS,GAqD1C;IArDY,wBAAM","sourcesContent":["import * as React from 'react';\nimport { getFirstVisibleElementFromSelector } from '../../Utilities';\nimport { mergeOverflows, ktpTargetFromSequences } from '../../utilities/keytips/KeytipUtils';\nimport { Callout } from '../../Callout';\nimport { DirectionalHint } from '../../ContextualMenu';\nimport { KeytipContent } from './KeytipContent';\nimport { getCalloutStyles, getCalloutOffsetStyles } from './Keytip.styles';\nimport type { IKeytipProps } from './Keytip.types';\nimport type { Target } from '@fluentui/react-hooks';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\n/**\n * A callout corresponding to another Fabric component to describe a key sequence that will activate that component\n */\nexport class Keytip extends React.Component<IKeytipProps, {}> {\n  public render(): JSXElement {\n    const { keySequences, offset, overflowSetSequence } = this.props;\n    let { calloutProps } = this.props;\n\n    let keytipTarget: Target;\n    // Take into consideration the overflow sequence\n    if (overflowSetSequence) {\n      keytipTarget = ktpTargetFromSequences(mergeOverflows(keySequences, overflowSetSequence));\n    } else {\n      keytipTarget = ktpTargetFromSequences(keySequences);\n    }\n\n    const element = getFirstVisibleElementFromSelector(keytipTarget);\n\n    if (!element) {\n      return <></>;\n    }\n\n    keytipTarget = element;\n\n    if (offset) {\n      // Set callout to top-left corner, will be further positioned in\n      // getCalloutOffsetStyles\n      calloutProps = {\n        coverTarget: true,\n        directionalHint: DirectionalHint.topLeftEdge,\n        ...calloutProps,\n      };\n    }\n\n    if (!calloutProps || calloutProps.directionalHint === undefined) {\n      // Default callout directional hint to BottomCenter\n      calloutProps = {\n        ...calloutProps,\n        directionalHint: DirectionalHint.bottomCenter,\n      };\n    }\n\n    return (\n      <Callout\n        {...calloutProps}\n        isBeakVisible={false}\n        doNotLayer={true}\n        minPagePadding={0}\n        styles={offset ? getCalloutOffsetStyles(offset) : getCalloutStyles}\n        preventDismissOnScroll={true}\n        target={keytipTarget}\n      >\n        <KeytipContent {...this.props} />\n      </Callout>\n    );\n  }\n}\n"]}

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.styles.d.ts

@@ -0,0 +1,6 @@
+import type { IKeytipStyleProps, IKeytipStyles } from './Keytip.types';
+import type { ICalloutContentStyleProps, ICalloutContentStyles } from '../../Callout';
+import type { IStyleFunction, Point } from '../../Utilities';
+export declare const getStyles: (props: IKeytipStyleProps) => IKeytipStyles;
+export declare const getCalloutStyles: (props: ICalloutContentStyleProps) => ICalloutContentStyles;
+export declare const getCalloutOffsetStyles: (offset: Point) => IStyleFunction<ICalloutContentStyleProps, ICalloutContentStyles>;

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.styles.js

@@ -0,0 +1,81 @@
+define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getCalloutOffsetStyles = exports.getCalloutStyles = exports.getStyles = void 0;
+    var getStyles = function (props) {
+        var _a;
+        var theme = props.theme, disabled = props.disabled, visible = props.visible;
+        return {
+            container: [
+                {
+                    backgroundColor: theme.palette.neutralDark,
+                },
+                disabled && {
+                    opacity: 0.5,
+                    selectors: (_a = {},
+                        _a[Styling_1.HighContrastSelector] = {
+                            color: 'GrayText',
+                            opacity: 1,
+                        },
+                        _a),
+                },
+                !visible && {
+                    visibility: 'hidden',
+                },
+            ],
+            root: [
+                theme.fonts.medium,
+                {
+                    textAlign: 'center',
+                    paddingLeft: '3px',
+                    paddingRight: '3px',
+                    backgroundColor: theme.palette.neutralDark,
+                    color: theme.palette.neutralLight,
+                    minWidth: '11px',
+                    lineHeight: '17px',
+                    height: '17px',
+                    display: 'inline-block',
+                },
+                disabled && {
+                    color: theme.palette.neutralTertiaryAlt,
+                },
+            ],
+        };
+    };
+    exports.getStyles = getStyles;
+    var getCalloutStyles = function (props) {
+        return {
+            container: [],
+            root: [
+                {
+                    border: 'none',
+                    boxShadow: 'none',
+                },
+            ],
+            beak: [],
+            beakCurtain: [],
+            calloutMain: [
+                {
+                    backgroundColor: 'transparent',
+                },
+            ],
+        };
+    };
+    exports.getCalloutStyles = getCalloutStyles;
+    var getCalloutOffsetStyles = function (offset) {
+        return function (props) {
+            return (0, Styling_1.mergeStyleSets)((0, exports.getCalloutStyles)(props), {
+                root: [
+                    {
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
+                        marginLeft: offset.left || offset.x,
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
+                        marginTop: offset.top || offset.y,
+                    },
+                ],
+            });
+        };
+    };
+    exports.getCalloutOffsetStyles = getCalloutOffsetStyles;
+});
+//# sourceMappingURL=Keytip.styles.js.map

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keytip.styles.js","sourceRoot":"../src/","sources":["components/Keytip/Keytip.styles.ts"],"names":[],"mappings":";;;;IAKO,IAAM,SAAS,GAAG,UAAC,KAAwB;;QACxC,IAAA,KAAK,GAAwB,KAAK,MAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;QAC3C,OAAO;YACL,SAAS,EAAE;gBACT;oBACE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;iBAC3C;gBACD,QAAQ,IAAI;oBACV,OAAO,EAAE,GAAG;oBACZ,SAAS;wBACP,GAAC,8BAAoB,IAAG;4BACtB,KAAK,EAAE,UAAU;4BACjB,OAAO,EAAE,CAAC;yBACX;2BACF;iBACF;gBACD,CAAC,OAAO,IAAI;oBACV,UAAU,EAAE,QAAQ;iBACrB;aACF;YACD,IAAI,EAAE;gBACJ,KAAK,CAAC,KAAK,CAAC,MAAM;gBAClB;oBACE,SAAS,EAAE,QAAQ;oBACnB,WAAW,EAAE,KAAK;oBAClB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;oBAC1C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;oBACjC,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,cAAc;iBACxB;gBACD,QAAQ,IAAI;oBACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB;iBACxC;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IAtCW,QAAA,SAAS,aAsCpB;IAEK,IAAM,gBAAgB,GAAG,UAAC,KAAgC;QAC/D,OAAO;YACL,SAAS,EAAE,EAAE;YACb,IAAI,EAAE;gBACJ;oBACE,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,MAAM;iBAClB;aACF;YACD,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,EAAE;YACf,WAAW,EAAE;gBACX;oBACE,eAAe,EAAE,aAAa;iBAC/B;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IAjBW,QAAA,gBAAgB,oBAiB3B;IAEK,IAAM,sBAAsB,GAAG,UACpC,MAAa;QAEb,OAAO,UAAC,KAAgC;YACtC,OAAO,IAAA,wBAAc,EAAC,IAAA,wBAAgB,EAAC,KAAK,CAAC,EAAE;gBAC7C,IAAI,EAAE;oBACJ;wBACE,4DAA4D;wBAC5D,UAAU,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC;wBACnC,4DAA4D;wBAC5D,SAAS,EAAE,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC;qBAClC;iBACF;aACF,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,sBAAsB,0BAejC","sourcesContent":["import { mergeStyleSets, HighContrastSelector } from '../../Styling';\nimport type { IKeytipStyleProps, IKeytipStyles } from './Keytip.types';\nimport type { ICalloutContentStyleProps, ICalloutContentStyles } from '../../Callout';\nimport type { IStyleFunction, Point } from '../../Utilities';\n\nexport const getStyles = (props: IKeytipStyleProps): IKeytipStyles => {\n  const { theme, disabled, visible } = props;\n  return {\n    container: [\n      {\n        backgroundColor: theme.palette.neutralDark,\n      },\n      disabled && {\n        opacity: 0.5,\n        selectors: {\n          [HighContrastSelector]: {\n            color: 'GrayText',\n            opacity: 1,\n          },\n        },\n      },\n      !visible && {\n        visibility: 'hidden',\n      },\n    ],\n    root: [\n      theme.fonts.medium,\n      {\n        textAlign: 'center',\n        paddingLeft: '3px',\n        paddingRight: '3px',\n        backgroundColor: theme.palette.neutralDark,\n        color: theme.palette.neutralLight,\n        minWidth: '11px',\n        lineHeight: '17px',\n        height: '17px',\n        display: 'inline-block',\n      },\n      disabled && {\n        color: theme.palette.neutralTertiaryAlt,\n      },\n    ],\n  };\n};\n\nexport const getCalloutStyles = (props: ICalloutContentStyleProps): ICalloutContentStyles => {\n  return {\n    container: [],\n    root: [\n      {\n        border: 'none',\n        boxShadow: 'none',\n      },\n    ],\n    beak: [],\n    beakCurtain: [],\n    calloutMain: [\n      {\n        backgroundColor: 'transparent',\n      },\n    ],\n  };\n};\n\nexport const getCalloutOffsetStyles = (\n  offset: Point,\n): IStyleFunction<ICalloutContentStyleProps, ICalloutContentStyles> => {\n  return (props: ICalloutContentStyleProps): ICalloutContentStyles => {\n    return mergeStyleSets(getCalloutStyles(props), {\n      root: [\n        {\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          marginLeft: offset.left || offset.x,\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          marginTop: offset.top || offset.y,\n        },\n      ],\n    });\n  };\n};\n"]}

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.types.d.ts

@@ -0,0 +1,104 @@
+import type { ICalloutProps } from '../../Callout';
+import type { IStyle, ITheme } from '../../Styling';
+import type { IStyleFunctionOrObject, Point } from '../../Utilities';
+/**
+ * {@docCategory Keytips}
+ */
+export interface IKeytipProps {
+    /**
+     * Content to put inside the keytip
+     */
+    content: string;
+    /**
+     * Theme for the component
+     */
+    theme?: ITheme;
+    /**
+     * T/F if the corresponding control for this keytip is disabled
+     */
+    disabled?: boolean;
+    /**
+     * T/F if the keytip is visible
+     */
+    visible?: boolean;
+    /**
+     * Function to call when this keytip is activated.
+     * 'executeTarget' is the DOM element marked with 'data-ktp-execute-target'.
+     * 'target' is the DOM element marked with 'data-ktp-target'.
+     */
+    onExecute?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;
+    /**
+     * Function to call when the keytip is the currentKeytip and a return sequence is pressed.
+     * 'executeTarget' is the DOM element marked with 'data-ktp-execute-target'.
+     * 'target' is the DOM element marked with 'data-ktp-target'.
+     */
+    onReturn?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;
+    /**
+     * Array of KeySequences which is the full key sequence to trigger this keytip
+     * Should not include initial 'start' key sequence
+     */
+    keySequences: string[];
+    /**
+     * Full KeySequence of the overflow set button, will be set automatically if this keytip is inside an overflow
+     */
+    overflowSetSequence?: string[];
+    /**
+     * ICalloutProps to pass to the callout element
+     */
+    calloutProps?: ICalloutProps;
+    /**
+     * Optional styles for the component.
+     */
+    styles?: IStyleFunctionOrObject<IKeytipStyleProps, IKeytipStyles>;
+    /**
+     * Offset x and y for the keytip, added from the top-left corner
+     * By default the keytip will be anchored to the bottom-center of the element
+     */
+    offset?: Point;
+    /**
+     * Whether or not this keytip will have children keytips that are dynamically created (DOM is generated on
+     * keytip activation). Common cases are a Pivot or Modal.
+     */
+    hasDynamicChildren?: boolean;
+    /**
+     * Whether or not this keytip belongs to a component that has a menu
+     * Keytip mode will stay on when a menu is opened, even if the items in that menu have no keytips
+     */
+    hasMenu?: boolean;
+    /**
+     * Whether or not this keytip belongs to a component that is in an overflow menu
+     * and also has a menu
+     */
+    hasOverflowSubMenu?: boolean;
+}
+/**
+ * Props to style Keytip component
+ * {@docCategory Keytips}
+ */
+export interface IKeytipStyleProps {
+    /**
+     * The theme for the keytip.
+     */
+    theme: ITheme;
+    /**
+     * Whether the keytip is disabled or not.
+     */
+    disabled?: boolean;
+    /**
+     * T/F if the keytip is visible
+     */
+    visible?: boolean;
+}
+/**
+ * {@docCategory Keytips}
+ */
+export interface IKeytipStyles {
+    /**
+     * Style for the div container surrounding the keytip content.
+     */
+    container: IStyle;
+    /**
+     * Style for the keytip content element.
+     */
+    root: IStyle;
+}

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=Keytip.types.js.map

node_modules/@fluentui/react/lib-amd/components/Keytip/Keytip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keytip.types.js","sourceRoot":"../src/","sources":["components/Keytip/Keytip.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ICalloutProps } from '../../Callout';\nimport type { IStyle, ITheme } from '../../Styling';\nimport type { IStyleFunctionOrObject, Point } from '../../Utilities';\n\n/**\n * {@docCategory Keytips}\n */\nexport interface IKeytipProps {\n  /**\n   * Content to put inside the keytip\n   */\n  content: string;\n\n  /**\n   * Theme for the component\n   */\n  theme?: ITheme;\n\n  /**\n   * T/F if the corresponding control for this keytip is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * T/F if the keytip is visible\n   */\n  visible?: boolean;\n\n  /**\n   * Function to call when this keytip is activated.\n   * 'executeTarget' is the DOM element marked with 'data-ktp-execute-target'.\n   * 'target' is the DOM element marked with 'data-ktp-target'.\n   */\n  onExecute?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;\n\n  /**\n   * Function to call when the keytip is the currentKeytip and a return sequence is pressed.\n   * 'executeTarget' is the DOM element marked with 'data-ktp-execute-target'.\n   * 'target' is the DOM element marked with 'data-ktp-target'.\n   */\n  onReturn?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;\n\n  /**\n   * Array of KeySequences which is the full key sequence to trigger this keytip\n   * Should not include initial 'start' key sequence\n   */\n  keySequences: string[];\n\n  /**\n   * Full KeySequence of the overflow set button, will be set automatically if this keytip is inside an overflow\n   */\n  overflowSetSequence?: string[];\n\n  /**\n   * ICalloutProps to pass to the callout element\n   */\n  calloutProps?: ICalloutProps;\n\n  /**\n   * Optional styles for the component.\n   */\n  styles?: IStyleFunctionOrObject<IKeytipStyleProps, IKeytipStyles>;\n\n  /**\n   * Offset x and y for the keytip, added from the top-left corner\n   * By default the keytip will be anchored to the bottom-center of the element\n   */\n  offset?: Point;\n\n  /**\n   * Whether or not this keytip will have children keytips that are dynamically created (DOM is generated on\n   * keytip activation). Common cases are a Pivot or Modal.\n   */\n  hasDynamicChildren?: boolean;\n\n  /**\n   * Whether or not this keytip belongs to a component that has a menu\n   * Keytip mode will stay on when a menu is opened, even if the items in that menu have no keytips\n   */\n  hasMenu?: boolean;\n\n  /**\n   * Whether or not this keytip belongs to a component that is in an overflow menu\n   * and also has a menu\n   */\n  hasOverflowSubMenu?: boolean;\n}\n\n/**\n * Props to style Keytip component\n * {@docCategory Keytips}\n */\nexport interface IKeytipStyleProps {\n  /**\n   * The theme for the keytip.\n   */\n  theme: ITheme;\n\n  /**\n   * Whether the keytip is disabled or not.\n   */\n  disabled?: boolean;\n\n  /**\n   * T/F if the keytip is visible\n   */\n  visible?: boolean;\n}\n\n/**\n * {@docCategory Keytips}\n */\nexport interface IKeytipStyles {\n  /**\n   * Style for the div container surrounding the keytip content.\n   */\n  container: IStyle;\n\n  /**\n   * Style for the keytip content element.\n   */\n  root: IStyle;\n}\n"]}

node_modules/@fluentui/react/lib-amd/components/Keytip/KeytipContent.base.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { IKeytipProps } from './Keytip.types';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * A component corresponding the content rendered inside the callout of the keytip component.
+ * {@docCategory Keytips}
+ */
+export declare class KeytipContentBase extends React.Component<IKeytipProps, {}> {
+    render(): JSXElement;
+}

node_modules/@fluentui/react/lib-amd/components/Keytip/KeytipContent.base.js

@@ -0,0 +1,29 @@
+define(["require", "exports", "tslib", "react", "../../Utilities"], function (require, exports, tslib_1, React, Utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.KeytipContentBase = void 0;
+    /**
+     * A component corresponding the content rendered inside the callout of the keytip component.
+     * {@docCategory Keytips}
+     */
+    var KeytipContentBase = /** @class */ (function (_super) {
+        tslib_1.__extends(KeytipContentBase, _super);
+        function KeytipContentBase() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        KeytipContentBase.prototype.render = function () {
+            var _a = this.props, content = _a.content, styles = _a.styles, theme = _a.theme, disabled = _a.disabled, visible = _a.visible;
+            var getClassNames = (0, Utilities_1.classNamesFunction)();
+            var classNames = getClassNames(styles, {
+                theme: theme,
+                disabled: disabled,
+                visible: visible,
+            });
+            return (React.createElement("div", { className: classNames.container },
+                React.createElement("span", { className: classNames.root }, content)));
+        };
+        return KeytipContentBase;
+    }(React.Component));
+    exports.KeytipContentBase = KeytipContentBase;
+});
+//# sourceMappingURL=KeytipContent.base.js.map

node_modules/@fluentui/react/lib-amd/components/Keytip/KeytipContent.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeytipContent.base.js","sourceRoot":"../src/","sources":["components/Keytip/KeytipContent.base.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACH;QAAuC,6CAAiC;QAAxE;;QAiBA,CAAC;QAhBQ,kCAAM,GAAb;YACQ,IAAA,KAAgD,IAAI,CAAC,KAAK,EAAxD,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAe,CAAC;YAEjE,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAoC,CAAC;YAC7E,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,QAAQ,UAAA;gBACR,OAAO,SAAA;aACR,CAAC,CAAC;YAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS;gBAClC,8BAAM,SAAS,EAAE,UAAU,CAAC,IAAI,IAAG,OAAO,CAAQ,CAC9C,CACP,CAAC;QACJ,CAAC;QACH,wBAAC;IAAD,CAAC,AAjBD,CAAuC,KAAK,CAAC,SAAS,GAiBrD;IAjBY,8CAAiB","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '../../Utilities';\nimport type { IKeytipProps, IKeytipStyleProps, IKeytipStyles } from './Keytip.types';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\n/**\n * A component corresponding the content rendered inside the callout of the keytip component.\n * {@docCategory Keytips}\n */\nexport class KeytipContentBase extends React.Component<IKeytipProps, {}> {\n  public render(): JSXElement {\n    const { content, styles, theme, disabled, visible } = this.props;\n\n    const getClassNames = classNamesFunction<IKeytipStyleProps, IKeytipStyles>();\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      disabled,\n      visible,\n    });\n\n    return (\n      <div className={classNames.container}>\n        <span className={classNames.root}>{content}</span>\n      </div>\n    );\n  }\n}\n"]}

node_modules/@fluentui/react/lib-amd/components/Keytip/KeytipContent.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { IKeytipProps } from './Keytip.types';
+export declare const KeytipContent: React.FunctionComponent<IKeytipProps>;

node_modules/@fluentui/react/lib-amd/components/Keytip/KeytipContent.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "../../Utilities", "./KeytipContent.base", "./Keytip.styles"], function (require, exports, Utilities_1, KeytipContent_base_1, Keytip_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.KeytipContent = void 0;
+    exports.KeytipContent = (0, Utilities_1.styled)(KeytipContent_base_1.KeytipContentBase, Keytip_styles_1.getStyles, undefined, {
+        scope: 'KeytipContent',
+    });
+});
+//# sourceMappingURL=KeytipContent.js.map

node_modules/@fluentui/react/lib-amd/components/Keytip/KeytipContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeytipContent.js","sourceRoot":"../src/","sources":["components/Keytip/KeytipContent.tsx"],"names":[],"mappings":";;;;IAMa,QAAA,aAAa,GAA0C,IAAA,kBAAM,EAIxE,sCAAiB,EAAE,yBAAS,EAAE,SAAS,EAAE;QACzC,KAAK,EAAE,eAAe;KACvB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { KeytipContentBase } from './KeytipContent.base';\nimport { getStyles } from './Keytip.styles';\nimport type { IKeytipProps, IKeytipStyleProps, IKeytipStyles } from './Keytip.types';\n\nexport const KeytipContent: React.FunctionComponent<IKeytipProps> = styled<\n  IKeytipProps,\n  IKeytipStyleProps,\n  IKeytipStyles\n>(KeytipContentBase, getStyles, undefined, {\n  scope: 'KeytipContent',\n});\n"]}

node_modules/@fluentui/react/lib-amd/components/Keytip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Keytip';
+export * from './Keytip.types';

node_modules/@fluentui/react/lib-amd/components/Keytip/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./Keytip", "./Keytip.types"], function (require, exports, tslib_1, Keytip_1, Keytip_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(Keytip_1, exports);
+    tslib_1.__exportStar(Keytip_types_1, exports);
+});
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-amd/components/Keytip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Keytip/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB;IACzB,8CAA+B","sourcesContent":["export * from './Keytip';\nexport * from './Keytip.types';\n"]}