@fluentui/react-label 9.0.0-alpha.5 → 9.0.0-alpha.50

package/lib-amd/components/Label/renderLabel.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useLabel"], function (require, exports, tslib_1, React, react_utilities_1, useLabel_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderLabel = void 0;
-    /**
-     * Render the final JSX of Label
-     */
-    var renderLabel = function (state) {
-        var _a = react_utilities_1.getSlots(state, useLabel_1.labelShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children));
-    };
-    exports.renderLabel = renderLabel;
-});
-//# sourceMappingURL=renderLabel.js.map

package/lib-amd/components/Label/renderLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderLabel.js","sourceRoot":"../src/","sources":["components/Label/renderLabel.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,WAAW,GAAG,UAAC,KAAiB;QACrC,IAAA,KAAuB,0BAAQ,CAAC,KAAK,EAAE,8BAAmB,CAAC,EAAzD,KAAK,WAAA,EAAE,SAAS,eAAyC,CAAC;QAElE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAE3B,KAAK,CAAC,QAAQ,CACJ,CACd,CAAC;IACJ,CAAC,CAAC;IATW,QAAA,WAAW,eAStB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { LabelState } from './Label.types';\nimport { labelShorthandProps } from './useLabel';\n\n/**\n * Render the final JSX of Label\n */\nexport const renderLabel = (state: LabelState) => {\n  const { slots, slotProps } = getSlots(state, labelShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {/* TODO Add additional slots in the appropriate place */}\n      {state.children}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Label/useLabel.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { LabelProps, LabelShorthandProps, LabelState } from './Label.types';
-/**
- * Array of all shorthand properties listed in LabelShorthandProps
- */
-export declare const labelShorthandProps: LabelShorthandProps[];
-/**
- * Create the state required to render Label.
- *
- * The returned state can be modified with hooks such as useLabelStyles,
- * before being passed to renderLabel.
- *
- * @param props - props from this instance of Label
- * @param ref - reference to root HTMLElement of Label
- * @param defaultProps - (optional) default prop values provided by the implementing type
- */
-export declare const useLabel: (props: LabelProps, ref: React.Ref<HTMLElement>, defaultProps?: LabelProps | undefined) => LabelState;

package/lib-amd/components/Label/useLabel.js

@@ -1,30 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities"], function (require, exports, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLabel = exports.labelShorthandProps = void 0;
-    /**
-     * Array of all shorthand properties listed in LabelShorthandProps
-     */
-    exports.labelShorthandProps = [
-    /* TODO add shorthand property names */
-    ];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.labelShorthandProps });
-    /**
-     * Create the state required to render Label.
-     *
-     * The returned state can be modified with hooks such as useLabelStyles,
-     * before being passed to renderLabel.
-     *
-     * @param props - props from this instance of Label
-     * @param ref - reference to root HTMLElement of Label
-     * @param defaultProps - (optional) default prop values provided by the implementing type
-     */
-    var useLabel = function (props, ref, defaultProps) {
-        var state = mergeProps({
-            ref: ref,
-        }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.labelShorthandProps), react_utilities_1.resolveShorthandProps(props, exports.labelShorthandProps));
-        return state;
-    };
-    exports.useLabel = useLabel;
-});
-//# sourceMappingURL=useLabel.js.map

package/lib-amd/components/Label/useLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLabel.js","sourceRoot":"../src/","sources":["components/Label/useLabel.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,mBAAmB,GAA0B;IACxD,uCAAuC;KACxC,CAAC;IAEF,IAAM,UAAU,GAAG,gCAAc,CAAa,EAAE,SAAS,EAAE,2BAAmB,EAAE,CAAC,CAAC;IAElF;;;;;;;;;OASG;IACI,IAAM,QAAQ,GAAG,UAAC,KAAiB,EAAE,GAA2B,EAAE,YAAyB;QAChG,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,KAAA;SACJ,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,2BAAmB,CAAC,EACxE,uCAAqB,CAAC,KAAK,EAAE,2BAAmB,CAAC,CAClD,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAVW,QAAA,QAAQ,YAUnB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps } from '@fluentui/react-utilities';\nimport { LabelProps, LabelShorthandProps, LabelState } from './Label.types';\n\n/**\n * Array of all shorthand properties listed in LabelShorthandProps\n */\nexport const labelShorthandProps: LabelShorthandProps[] = [\n  /* TODO add shorthand property names */\n];\n\nconst mergeProps = makeMergeProps<LabelState>({ deepMerge: labelShorthandProps });\n\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles,\n * before being passed to renderLabel.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useLabel = (props: LabelProps, ref: React.Ref<HTMLElement>, defaultProps?: LabelProps): LabelState => {\n  const state = mergeProps(\n    {\n      ref,\n    },\n    defaultProps && resolveShorthandProps(defaultProps, labelShorthandProps),\n    resolveShorthandProps(props, labelShorthandProps),\n  );\n\n  return state;\n};\n"]}

package/lib-amd/components/Label/useLabelStyles.d.ts

@@ -1,5 +0,0 @@
-import { LabelState } from './Label.types';
-/**
- * Apply styling to the Label slots based on the state
- */
-export declare const useLabelStyles: (state: LabelState) => LabelState;

package/lib-amd/components/Label/useLabelStyles.js

@@ -1,25 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLabelStyles = void 0;
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_make_styles_1.makeStyles({
-        root: function (theme) { return ({
-        // TODO Add default styles for the root element
-        }); },
-    });
-    /**
-     * Apply styling to the Label slots based on the state
-     */
-    var useLabelStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.mergeClasses(styles.root, state.className);
-        // TODO Add class names to slots, for example:
-        // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
-        return state;
-    };
-    exports.useLabelStyles = useLabelStyles;
-});
-//# sourceMappingURL=useLabelStyles.js.map

package/lib-amd/components/Label/useLabelStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLabelStyles.js","sourceRoot":"../src/","sources":["components/Label/useLabelStyles.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;QACd,+CAA+C;SAChD,CAAC,EAFa,CAEb;KAGH,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,cAAc,GAAG,UAAC,KAAiB;QAC9C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAE7D,8CAA8C;QAC9C,gFAAgF;QAEhF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IARW,QAAA,cAAc,kBAQzB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport { LabelState } from './Label.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: theme => ({\n    // TODO Add default styles for the root element\n  }),\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the Label slots based on the state\n */\nexport const useLabelStyles = (state: LabelState): LabelState => {\n  const styles = useStyles();\n  state.className = mergeClasses(styles.root, state.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"]}

package/lib-amd/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-export * from './Label';

package/lib-amd/index.js

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

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAEA,uCAAwB","sourcesContent":["// TODO: replace with real exports\nexport {};\nexport * from './Label';\n"]}

package/src/components/Label/Label.types.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-
-/**
- * Label Props
- */
-export interface LabelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-  /*
-   * TODO Add props and slots here
-   * Any slot property should be listed in the labelShorthandProps array below
-   * Any property that has a default value should be listed in LabelDefaultedProps as e.g. 'size' | 'icon'
-   */
-}
-
-/**
- * Names of the shorthand properties in LabelProps
- */
-export type LabelShorthandProps = never; // TODO add shorthand property names
-
-/**
- * Names of LabelProps that have a default value in useLabel
- */
-export type LabelDefaultedProps = never; // TODO add names of properties with default values
-
-/**
- * State used in rendering Label
- */
-export interface LabelState extends ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> {
-  /**
-   * Ref to the root element
-   */
-  ref: React.Ref<HTMLElement>;
-}