first commit

This commit is contained in:
Stefan Hacker
2026-04-03 09:38:48 +02:00
commit 37ad745546
47450 changed files with 3120798 additions and 0 deletions
@@ -0,0 +1,3 @@
import * as React from 'react';
import type { IShimmerCircleProps } from './ShimmerCircle.types';
export declare const ShimmerCircleBase: React.FunctionComponent<IShimmerCircleProps>;
@@ -0,0 +1,20 @@
define(["require", "exports", "react", "../../../Utilities"], function (require, exports, React, Utilities_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ShimmerCircleBase = void 0;
var getClassNames = (0, Utilities_1.classNamesFunction)();
var ShimmerCircleBase = function (props) {
// eslint-disable-next-line @typescript-eslint/no-deprecated
var height = props.height, styles = props.styles, borderStyle = props.borderStyle, theme = props.theme;
var classNames = getClassNames(styles, {
theme: theme,
height: height,
borderStyle: borderStyle,
});
return (React.createElement("div", { className: classNames.root },
React.createElement("svg", { viewBox: "0 0 10 10", width: height, height: height, className: classNames.svg },
React.createElement("path", { d: "M0,0 L10,0 L10,10 L0,10 L0,0 Z M0,5 C0,7.76142375 2.23857625,10 5,10 C7.76142375,10 10,7.76142375 10,5 C10,2.23857625 7.76142375,2.22044605e-16 5,0 C2.23857625,-2.22044605e-16 0,2.23857625 0,5 L0,5 Z" }))));
};
exports.ShimmerCircleBase = ShimmerCircleBase;
});
//# sourceMappingURL=ShimmerCircle.base.js.map
@@ -0,0 +1 @@
{"version":3,"file":"ShimmerCircle.base.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx"],"names":[],"mappings":";;;;IAIA,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAkD,CAAC;IAEpF,IAAM,iBAAiB,GAAiD,UAAA,KAAK;QAClF,4DAA4D;QACpD,IAAA,MAAM,GAAiC,KAAK,OAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QACrD,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,MAAM,QAAA;YACN,WAAW,aAAA;SACZ,CAAC,CAAC;QAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI;YAC7B,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,GAAG;gBAC/E,8BAAM,CAAC,EAAC,yMAAyM,GAAG,CAChN,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAhBW,QAAA,iBAAiB,qBAgB5B","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '../../../Utilities';\nimport type { IShimmerCircleProps, IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';\n\nconst getClassNames = classNamesFunction<IShimmerCircleStyleProps, IShimmerCircleStyles>();\n\nexport const ShimmerCircleBase: React.FunctionComponent<IShimmerCircleProps> = props => {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { height, styles, borderStyle, theme } = props;\n const classNames = getClassNames(styles!, {\n theme: theme!,\n height,\n borderStyle,\n });\n\n return (\n <div className={classNames.root}>\n <svg viewBox=\"0 0 10 10\" width={height} height={height} className={classNames.svg}>\n <path d=\"M0,0 L10,0 L10,10 L0,10 L0,0 Z M0,5 C0,7.76142375 2.23857625,10 5,10 C7.76142375,10 10,7.76142375 10,5 C10,2.23857625 7.76142375,2.22044605e-16 5,0 C2.23857625,-2.22044605e-16 0,2.23857625 0,5 L0,5 Z\" />\n </svg>\n </div>\n );\n};\n"]}
@@ -0,0 +1,3 @@
import * as React from 'react';
import type { IShimmerCircleProps } from './ShimmerCircle.types';
export declare const ShimmerCircle: React.FunctionComponent<IShimmerCircleProps>;
@@ -0,0 +1,7 @@
define(["require", "exports", "../../../Utilities", "./ShimmerCircle.styles", "./ShimmerCircle.base"], function (require, exports, Utilities_1, ShimmerCircle_styles_1, ShimmerCircle_base_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ShimmerCircle = void 0;
exports.ShimmerCircle = (0, Utilities_1.styled)(ShimmerCircle_base_1.ShimmerCircleBase, ShimmerCircle_styles_1.getStyles, undefined, { scope: 'ShimmerCircle' });
});
//# sourceMappingURL=ShimmerCircle.js.map
@@ -0,0 +1 @@
{"version":3,"file":"ShimmerCircle.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.tsx"],"names":[],"mappings":";;;;IAMa,QAAA,aAAa,GAAiD,IAAA,kBAAM,EAI/E,sCAAiB,EAAE,gCAAS,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../../Utilities';\nimport { getStyles } from './ShimmerCircle.styles';\nimport { ShimmerCircleBase } from './ShimmerCircle.base';\nimport type { IShimmerCircleProps, IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';\n\nexport const ShimmerCircle: React.FunctionComponent<IShimmerCircleProps> = styled<\n IShimmerCircleProps,\n IShimmerCircleStyleProps,\n IShimmerCircleStyles\n>(ShimmerCircleBase, getStyles, undefined, { scope: 'ShimmerCircle' });\n"]}
@@ -0,0 +1,2 @@
import type { IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';
export declare function getStyles(props: IShimmerCircleStyleProps): IShimmerCircleStyles;
@@ -0,0 +1,51 @@
define(["require", "exports", "../../../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = getStyles;
var GlobalClassNames = {
root: 'ms-ShimmerCircle-root',
svg: 'ms-ShimmerCircle-svg',
};
function getStyles(props) {
var _a, _b;
// eslint-disable-next-line @typescript-eslint/no-deprecated
var height = props.height, borderStyle = props.borderStyle, theme = props.theme;
var semanticColors = theme.semanticColors;
var globalClassNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
var borderStyles = borderStyle || {};
return {
root: [
globalClassNames.root,
theme.fonts.medium,
{
width: "".concat(height, "px"),
height: "".concat(height, "px"),
minWidth: "".concat(height, "px"), // Fix for IE11 flex items
boxSizing: 'content-box',
borderTopStyle: 'solid',
borderBottomStyle: 'solid',
borderColor: semanticColors.bodyBackground,
selectors: (_a = {},
_a[Styling_1.HighContrastSelector] = {
borderColor: 'Window',
},
_a),
},
borderStyles,
],
svg: [
globalClassNames.svg,
{
display: 'block',
fill: semanticColors.bodyBackground,
selectors: (_b = {},
_b[Styling_1.HighContrastSelector] = {
fill: 'Window',
},
_b),
},
],
};
}
});
//# sourceMappingURL=ShimmerCircle.styles.js.map
@@ -0,0 +1 @@
{"version":3,"file":"ShimmerCircle.styles.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts"],"names":[],"mappings":";;;IASA,8BA0CC;IA/CD,IAAM,gBAAgB,GAAG;QACvB,IAAI,EAAE,uBAAuB;QAC7B,GAAG,EAAE,sBAAsB;KAC5B,CAAC;IAEF,SAAgB,SAAS,CAAC,KAA+B;;QACvD,4DAA4D;QACpD,IAAA,MAAM,GAAyB,KAAK,OAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QAErC,IAAA,cAAc,GAAK,KAAK,eAAV,CAAW;QACjC,IAAM,gBAAgB,GAAG,IAAA,6BAAmB,EAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;QAEtE,IAAM,YAAY,GAAc,WAAW,IAAI,EAAE,CAAC;QAElD,OAAO;YACL,IAAI,EAAE;gBACJ,gBAAgB,CAAC,IAAI;gBACrB,KAAK,CAAC,KAAK,CAAC,MAAM;gBAClB;oBACE,KAAK,EAAE,UAAG,MAAM,OAAI;oBACpB,MAAM,EAAE,UAAG,MAAM,OAAI;oBACrB,QAAQ,EAAE,UAAG,MAAM,OAAI,EAAE,0BAA0B;oBACnD,SAAS,EAAE,aAAa;oBACxB,cAAc,EAAE,OAAO;oBACvB,iBAAiB,EAAE,OAAO;oBAC1B,WAAW,EAAE,cAAc,CAAC,cAAc;oBAC1C,SAAS;wBACP,GAAC,8BAAoB,IAAG;4BACtB,WAAW,EAAE,QAAQ;yBACtB;2BACF;iBACF;gBACD,YAAY;aACb;YACD,GAAG,EAAE;gBACH,gBAAgB,CAAC,GAAG;gBACpB;oBACE,OAAO,EAAE,OAAO;oBAChB,IAAI,EAAE,cAAc,CAAC,cAAc;oBACnC,SAAS;wBACP,GAAC,8BAAoB,IAAG;4BACtB,IAAI,EAAE,QAAQ;yBACf;2BACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC","sourcesContent":["import { getGlobalClassNames, HighContrastSelector } from '../../../Styling';\nimport type { IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';\nimport type { IRawStyle } from '../../../Styling';\n\nconst GlobalClassNames = {\n root: 'ms-ShimmerCircle-root',\n svg: 'ms-ShimmerCircle-svg',\n};\n\nexport function getStyles(props: IShimmerCircleStyleProps): IShimmerCircleStyles {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { height, borderStyle, theme } = props;\n\n const { semanticColors } = theme;\n const globalClassNames = getGlobalClassNames(GlobalClassNames, theme);\n\n const borderStyles: IRawStyle = borderStyle || {};\n\n return {\n root: [\n globalClassNames.root,\n theme.fonts.medium,\n {\n width: `${height}px`,\n height: `${height}px`,\n minWidth: `${height}px`, // Fix for IE11 flex items\n boxSizing: 'content-box',\n borderTopStyle: 'solid',\n borderBottomStyle: 'solid',\n borderColor: semanticColors.bodyBackground,\n selectors: {\n [HighContrastSelector]: {\n borderColor: 'Window',\n },\n },\n },\n borderStyles,\n ],\n svg: [\n globalClassNames.svg,\n {\n display: 'block',\n fill: semanticColors.bodyBackground,\n selectors: {\n [HighContrastSelector]: {\n fill: 'Window',\n },\n },\n },\n ],\n };\n}\n"]}
@@ -0,0 +1,70 @@
import * as React from 'react';
import type { IStyle, ITheme, IRawStyle } from '../../../Styling';
import type { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';
/**
* {@docCategory Shimmer}
*/
export interface IShimmerCircle {
}
/**
* ShimmerCircle component props.
* {@docCategory Shimmer}
*/
export interface IShimmerCircleProps extends React.AllHTMLAttributes<HTMLElement> {
/**
* Optional callback to access the IShimmerCircle interface. Use this instead of ref for accessing
* the public methods and properties of the component.
*/
componentRef?: IRefObject<IShimmerCircle>;
/**
* Sets the height of the circle.
* @defaultvalue 24px
*/
height?: number;
/**
* Theme provided by High-Order Component.
*/
theme?: ITheme;
/**
* Call to provide customized styling that will layer on top of the variant rules.
*/
styles?: IStyleFunctionOrObject<IShimmerCircleStyleProps, IShimmerCircleStyles>;
/**
* Use to set custom styling of the shimmerCircle borders.
* @deprecated Use `styles.root` instead.
*/
borderStyle?: IRawStyle;
}
/**
* Props needed to construct styles.
* {@docCategory Shimmer}
*/
export type IShimmerCircleStyleProps = {
/**
* Theme values passed to the component.
*/
theme: ITheme;
/**
* Needed to provide a height to the root of the control.
*/
height?: number;
/**
* Styles to override borderStyles with custom ones.
* @deprecated Deprecated in favor of mergeStyles API.
*/
borderStyle?: IRawStyle;
};
/**
* Represents the stylable areas of the control.
* {@docCategory Shimmer}
*/
export interface IShimmerCircleStyles {
/**
* Root of the ShimmerCircle component.
*/
root?: IStyle;
/**
* Style for the circle SVG of the ShimmerCircle component.
*/
svg?: IStyle;
}
@@ -0,0 +1,5 @@
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
});
//# sourceMappingURL=ShimmerCircle.types.js.map
@@ -0,0 +1 @@
{"version":3,"file":"ShimmerCircle.types.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { IStyle, ITheme, IRawStyle } from '../../../Styling';\nimport type { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';\n\n/**\n * {@docCategory Shimmer}\n */\nexport interface IShimmerCircle {}\n\n/**\n * ShimmerCircle component props.\n * {@docCategory Shimmer}\n */\nexport interface IShimmerCircleProps extends React.AllHTMLAttributes<HTMLElement> {\n /**\n * Optional callback to access the IShimmerCircle interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n */\n componentRef?: IRefObject<IShimmerCircle>;\n\n /**\n * Sets the height of the circle.\n * @defaultvalue 24px\n */\n height?: number;\n\n /**\n * Theme provided by High-Order Component.\n */\n theme?: ITheme;\n\n /**\n * Call to provide customized styling that will layer on top of the variant rules.\n */\n styles?: IStyleFunctionOrObject<IShimmerCircleStyleProps, IShimmerCircleStyles>;\n\n /**\n * Use to set custom styling of the shimmerCircle borders.\n * @deprecated Use `styles.root` instead.\n */\n borderStyle?: IRawStyle;\n}\n\n/**\n * Props needed to construct styles.\n * {@docCategory Shimmer}\n */\nexport type IShimmerCircleStyleProps = {\n /**\n * Theme values passed to the component.\n */\n theme: ITheme;\n\n /**\n * Needed to provide a height to the root of the control.\n */\n height?: number;\n\n /**\n * Styles to override borderStyles with custom ones.\n * @deprecated Deprecated in favor of mergeStyles API.\n */\n borderStyle?: IRawStyle;\n};\n\n/**\n * Represents the stylable areas of the control.\n * {@docCategory Shimmer}\n */\nexport interface IShimmerCircleStyles {\n /**\n * Root of the ShimmerCircle component.\n */\n root?: IStyle;\n\n /**\n * Style for the circle SVG of the ShimmerCircle component.\n */\n svg?: IStyle;\n}\n"]}