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 { IVerticalDividerProps } from './VerticalDivider.types';
export declare const VerticalDividerBase: React.FunctionComponent<IVerticalDividerProps>;
@@ -0,0 +1,15 @@
define(["require", "exports", "react", "../../Utilities"], function (require, exports, React, Utilities_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.VerticalDividerBase = void 0;
var getClassNames = (0, Utilities_1.classNamesFunction)();
exports.VerticalDividerBase = React.forwardRef(function (props, ref) {
// eslint-disable-next-line @typescript-eslint/no-deprecated
var styles = props.styles, theme = props.theme, deprecatedGetClassNames = props.getClassNames, className = props.className;
var classNames = getClassNames(styles, { theme: theme, getClassNames: deprecatedGetClassNames, className: className });
return (React.createElement("span", { className: classNames.wrapper, ref: ref },
React.createElement("span", { className: classNames.divider })));
});
exports.VerticalDividerBase.displayName = 'VerticalDividerBase';
});
//# sourceMappingURL=VerticalDivider.base.js.map
@@ -0,0 +1 @@
{"version":3,"file":"VerticalDivider.base.js","sourceRoot":"../src/","sources":["components/Divider/VerticalDivider.base.tsx"],"names":[],"mappings":";;;;IAQA,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAuD,CAAC;IAEnF,QAAA,mBAAmB,GAAmD,KAAK,CAAC,UAAU,CAGjG,UAAC,KAAK,EAAE,GAAG;QACX,4DAA4D;QACpD,IAAA,MAAM,GAA+D,KAAK,OAApE,EAAE,KAAK,GAAwD,KAAK,MAA7D,EAAiB,uBAAuB,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;QACnF,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,EAAE,KAAK,OAAA,EAAE,aAAa,EAAE,uBAAuB,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;QACvG,OAAO,CACL,8BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG;YAC3C,8BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,GAAI,CAClC,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '../../Utilities';\nimport type {\n IVerticalDividerProps,\n IVerticalDividerPropsStyles,\n IVerticalDividerStyles,\n} from './VerticalDivider.types';\n\nconst getClassNames = classNamesFunction<IVerticalDividerPropsStyles, IVerticalDividerStyles>();\n\nexport const VerticalDividerBase: React.FunctionComponent<IVerticalDividerProps> = React.forwardRef<\n HTMLDivElement,\n IVerticalDividerProps\n>((props, ref) => {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { styles, theme, getClassNames: deprecatedGetClassNames, className } = props;\n const classNames = getClassNames(styles, { theme, getClassNames: deprecatedGetClassNames, className });\n return (\n <span className={classNames.wrapper} ref={ref}>\n <span className={classNames.divider} />\n </span>\n );\n});\nVerticalDividerBase.displayName = 'VerticalDividerBase';\n"]}
@@ -0,0 +1,6 @@
import type { ITheme } from '../../Styling';
import type { IVerticalDividerClassNames } from './VerticalDivider.types';
/**
* @deprecated use getStyles exported from VerticalDivider.styles.ts
*/
export declare const getDividerClassNames: (theme: ITheme) => IVerticalDividerClassNames;
@@ -0,0 +1,25 @@
define(["require", "exports", "../../Utilities", "../../Styling"], function (require, exports, Utilities_1, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getDividerClassNames = void 0;
/**
* @deprecated use getStyles exported from VerticalDivider.styles.ts
*/
exports.getDividerClassNames = (0, Utilities_1.memoizeFunction)(
// eslint-disable-next-line @typescript-eslint/no-deprecated
function (theme) {
return (0, Styling_1.mergeStyleSets)({
wrapper: {
display: 'inline-flex',
height: '100%',
alignItems: 'center',
},
divider: {
width: 1,
height: '100%',
backgroundColor: theme.palette.neutralTertiaryAlt,
},
});
});
});
//# sourceMappingURL=VerticalDivider.classNames.js.map
@@ -0,0 +1 @@
{"version":3,"file":"VerticalDivider.classNames.js","sourceRoot":"../src/","sources":["components/Divider/VerticalDivider.classNames.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,oBAAoB,GAAG,IAAA,2BAAe;IACjD,4DAA4D;IAC5D,UAAC,KAAa;QACZ,OAAO,IAAA,wBAAc,EAAC;YACpB,OAAO,EAAE;gBACP,OAAO,EAAE,aAAa;gBACtB,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,QAAQ;aACrB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB;aAClD;SACF,CAAC,CAAC;IACL,CAAC,CACF,CAAC","sourcesContent":["import { memoizeFunction } from '../../Utilities';\nimport { mergeStyleSets } from '../../Styling';\nimport type { ITheme } from '../../Styling';\nimport type { IVerticalDividerClassNames } from './VerticalDivider.types';\n\n/**\n * @deprecated use getStyles exported from VerticalDivider.styles.ts\n */\nexport const getDividerClassNames = memoizeFunction(\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n (theme: ITheme): IVerticalDividerClassNames => {\n return mergeStyleSets({\n wrapper: {\n display: 'inline-flex',\n height: '100%',\n alignItems: 'center',\n },\n divider: {\n width: 1,\n height: '100%',\n backgroundColor: theme.palette.neutralTertiaryAlt,\n },\n });\n },\n);\n"]}
@@ -0,0 +1,3 @@
import * as React from 'react';
import type { IVerticalDividerProps } from './VerticalDivider.types';
export declare const VerticalDivider: React.FunctionComponent<IVerticalDividerProps>;
@@ -0,0 +1,9 @@
define(["require", "exports", "./VerticalDivider.styles", "./VerticalDivider.base", "../../Utilities"], function (require, exports, VerticalDivider_styles_1, VerticalDivider_base_1, Utilities_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.VerticalDivider = void 0;
exports.VerticalDivider = (0, Utilities_1.styled)(VerticalDivider_base_1.VerticalDividerBase, VerticalDivider_styles_1.getStyles, undefined, {
scope: 'VerticalDivider',
});
});
//# sourceMappingURL=VerticalDivider.js.map
@@ -0,0 +1 @@
{"version":3,"file":"VerticalDivider.js","sourceRoot":"../src/","sources":["components/Divider/VerticalDivider.tsx"],"names":[],"mappings":";;;;IAUa,QAAA,eAAe,GAAmD,IAAA,kBAAM,EAInF,0CAAmB,EAAE,kCAAS,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,iBAAiB;KACzB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getStyles } from './VerticalDivider.styles';\nimport { VerticalDividerBase } from './VerticalDivider.base';\nimport { styled } from '../../Utilities';\nimport type {\n IVerticalDividerProps,\n IVerticalDividerStyles,\n IVerticalDividerPropsStyles,\n} from './VerticalDivider.types';\n\nexport const VerticalDivider: React.FunctionComponent<IVerticalDividerProps> = styled<\n IVerticalDividerProps,\n IVerticalDividerPropsStyles,\n IVerticalDividerStyles\n>(VerticalDividerBase, getStyles, undefined, {\n scope: 'VerticalDivider',\n});\n"]}
@@ -0,0 +1,3 @@
import type { IVerticalDividerPropsStyles, IVerticalDividerStyles } from './VerticalDivider.types';
import type { IStyleFunction } from '../../Utilities';
export declare const getStyles: IStyleFunction<IVerticalDividerPropsStyles, IVerticalDividerStyles>;
@@ -0,0 +1,38 @@
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var getStyles = function (props) {
// eslint-disable-next-line @typescript-eslint/no-deprecated
var theme = props.theme, getClassNames = props.getClassNames, className = props.className;
if (!theme) {
throw new Error('Theme is undefined or null.');
}
if (getClassNames) {
var names = getClassNames(theme);
return {
wrapper: [names.wrapper],
divider: [names.divider],
};
}
return {
wrapper: [
{
display: 'inline-flex',
height: '100%',
alignItems: 'center',
},
className,
],
divider: [
{
width: 1,
height: '100%',
backgroundColor: theme.palette.neutralTertiaryAlt,
},
],
};
};
exports.getStyles = getStyles;
});
//# sourceMappingURL=VerticalDivider.styles.js.map
@@ -0,0 +1 @@
{"version":3,"file":"VerticalDivider.styles.js","sourceRoot":"../src/","sources":["components/Divider/VerticalDivider.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,SAAS,GAAwE,UAC5F,KAAkC;QAElC,4DAA4D;QACpD,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,aAAa,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;QAElD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;YACnC,OAAO;gBACL,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;gBACxB,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;aACzB,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,OAAO,EAAE,aAAa;oBACtB,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,QAAQ;iBACrB;gBACD,SAAS;aACV;YACD,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB;iBAClD;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IAnCW,QAAA,SAAS,aAmCpB","sourcesContent":["import type { IVerticalDividerPropsStyles, IVerticalDividerStyles } from './VerticalDivider.types';\nimport type { IStyleFunction } from '../../Utilities';\n\nexport const getStyles: IStyleFunction<IVerticalDividerPropsStyles, IVerticalDividerStyles> = (\n props: IVerticalDividerPropsStyles,\n): IVerticalDividerStyles => {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n const { theme, getClassNames, className } = props;\n\n if (!theme) {\n throw new Error('Theme is undefined or null.');\n }\n\n if (getClassNames) {\n const names = getClassNames(theme);\n return {\n wrapper: [names.wrapper],\n divider: [names.divider],\n };\n }\n\n return {\n wrapper: [\n {\n display: 'inline-flex',\n height: '100%',\n alignItems: 'center',\n },\n className,\n ],\n divider: [\n {\n width: 1,\n height: '100%',\n backgroundColor: theme.palette.neutralTertiaryAlt,\n },\n ],\n };\n};\n"]}
@@ -0,0 +1,60 @@
import * as React from 'react';
import type { ITheme, IStyle } from '../../Styling';
import type { IStyleFunctionOrObject } from '../../Utilities';
/**
* {@docCategory VerticalDivider}
* Props for the Vertical Divider
*/
export interface IVerticalDividerProps extends React.HTMLAttributes<HTMLElement>, React.RefAttributes<HTMLDivElement> {
/**
* Optional function to generate the class names for the divider for custom styling
* @deprecated Use `styles` instead.
*/
getClassNames?: (theme: ITheme) => IVerticalDividerClassNames;
/**
* The theme that should be used to render the vertical divider.
*/
theme?: ITheme;
/**
* Optional override stylings that will get merged with the dividers styles.
*/
styles?: IStyleFunctionOrObject<IVerticalDividerPropsStyles, IVerticalDividerStyles>;
/**
* className that will be placed on the divider wrapper div
*/
className?: string;
}
/**
* {@docCategory VerticalDivider}
* Props that will get passed to the styling function to style the Vertical Divider
*/
export type IVerticalDividerPropsStyles = Pick<IVerticalDividerProps, 'theme' | 'getClassNames' | 'className'>;
/**
* {@docCategory VerticalDivider}
* Style interface that defines the different areas that styles can be customized on the Vertical Divider
*/
export interface IVerticalDividerStyles {
/**
* Styling for the div that wraps the actual divider
*/
wrapper: IStyle;
/**
* Styling for the divider.
*/
divider: IStyle;
}
/**
* Deprecated class names, previously used to provide customizations.
* {@docCategory VerticalDivider}
* @deprecated Use IVerticalDividerStyles instead.
*/
export interface IVerticalDividerClassNames {
/**
* Styling for the div that wraps the actual divider
*/
wrapper: string;
/**
* Styling for the divider.
*/
divider: string;
}
@@ -0,0 +1,5 @@
define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
});
//# sourceMappingURL=VerticalDivider.types.js.map
@@ -0,0 +1 @@
{"version":3,"file":"VerticalDivider.types.js","sourceRoot":"../src/","sources":["components/Divider/VerticalDivider.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ITheme, IStyle } from '../../Styling';\nimport type { IStyleFunctionOrObject } from '../../Utilities';\n\n/**\n * {@docCategory VerticalDivider}\n * Props for the Vertical Divider\n */\nexport interface IVerticalDividerProps extends React.HTMLAttributes<HTMLElement>, React.RefAttributes<HTMLDivElement> {\n /**\n * Optional function to generate the class names for the divider for custom styling\n * @deprecated Use `styles` instead.\n */\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n getClassNames?: (theme: ITheme) => IVerticalDividerClassNames;\n /**\n * The theme that should be used to render the vertical divider.\n */\n theme?: ITheme;\n /**\n * Optional override stylings that will get merged with the dividers styles.\n */\n styles?: IStyleFunctionOrObject<IVerticalDividerPropsStyles, IVerticalDividerStyles>;\n /**\n * className that will be placed on the divider wrapper div\n */\n className?: string;\n}\n\n/**\n * {@docCategory VerticalDivider}\n * Props that will get passed to the styling function to style the Vertical Divider\n */\nexport type IVerticalDividerPropsStyles = Pick<IVerticalDividerProps, 'theme' | 'getClassNames' | 'className'>;\n\n/**\n * {@docCategory VerticalDivider}\n * Style interface that defines the different areas that styles can be customized on the Vertical Divider\n */\nexport interface IVerticalDividerStyles {\n /**\n * Styling for the div that wraps the actual divider\n */\n wrapper: IStyle;\n /**\n * Styling for the divider.\n */\n divider: IStyle;\n}\n\n/**\n * Deprecated class names, previously used to provide customizations.\n * {@docCategory VerticalDivider}\n * @deprecated Use IVerticalDividerStyles instead.\n */\nexport interface IVerticalDividerClassNames {\n /**\n * Styling for the div that wraps the actual divider\n */\n wrapper: string;\n\n /**\n * Styling for the divider.\n */\n divider: string;\n}\n"]}
+2
View File
@@ -0,0 +1,2 @@
export * from './VerticalDivider';
export * from './VerticalDivider.types';
+7
View File
@@ -0,0 +1,7 @@
define(["require", "exports", "tslib", "./VerticalDivider", "./VerticalDivider.types"], function (require, exports, tslib_1, VerticalDivider_1, VerticalDivider_types_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
tslib_1.__exportStar(VerticalDivider_1, exports);
tslib_1.__exportStar(VerticalDivider_types_1, exports);
});
//# sourceMappingURL=index.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Divider/index.ts"],"names":[],"mappings":";;;IAAA,iDAAkC;IAClC,uDAAwC","sourcesContent":["export * from './VerticalDivider';\nexport * from './VerticalDivider.types';\n"]}