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,12 @@
import * as React from 'react';
import { classNamesFunction } from '../../Utilities';
var getClassNames = classNamesFunction();
export var 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 })));
});
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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOrD,IAAM,aAAa,GAAG,kBAAkB,EAAuD,CAAC;AAEhG,MAAM,CAAC,IAAM,mBAAmB,GAAmD,KAAK,CAAC,UAAU,CAGjG,UAAC,KAAK,EAAE,GAAG;IACX,4DAA4D;IACpD,IAAA,MAAM,GAA+D,KAAK,OAApE,EAAE,KAAK,GAAwD,KAAK,MAA7D,EAAiB,uBAAuB,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IACnF,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,EAAE,KAAK,OAAA,EAAE,aAAa,EAAE,uBAAuB,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;IACvG,OAAO,CACL,8BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG;QAC3C,8BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,GAAI,CAClC,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,mBAAmB,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,22 @@
import { memoizeFunction } from '../../Utilities';
import { mergeStyleSets } from '../../Styling';
/**
* @deprecated use getStyles exported from VerticalDivider.styles.ts
*/
export var getDividerClassNames = memoizeFunction(
// eslint-disable-next-line @typescript-eslint/no-deprecated
function (theme) {
return 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":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C;;GAEG;AACH,MAAM,CAAC,IAAM,oBAAoB,GAAG,eAAe;AACjD,4DAA4D;AAC5D,UAAC,KAAa;IACZ,OAAO,cAAc,CAAC;QACpB,OAAO,EAAE;YACP,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB;SAClD;KACF,CAAC,CAAC;AACL,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,7 @@
import { getStyles } from './VerticalDivider.styles';
import { VerticalDividerBase } from './VerticalDivider.base';
import { styled } from '../../Utilities';
export var VerticalDivider = styled(VerticalDividerBase, 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":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAOzC,MAAM,CAAC,IAAM,eAAe,GAAmD,MAAM,CAInF,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE;IAC3C,KAAK,EAAE,iBAAiB;CACzB,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,32 @@
export 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,
},
],
};
};
//# sourceMappingURL=VerticalDivider.styles.js.map
@@ -0,0 +1 @@
{"version":3,"file":"VerticalDivider.styles.js","sourceRoot":"../src/","sources":["components/Divider/VerticalDivider.styles.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,SAAS,GAAwE,UAC5F,KAAkC;IAElC,4DAA4D;IACpD,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,aAAa,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAElD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,aAAa,EAAE,CAAC;QAClB,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO;YACL,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;YACxB,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;SACzB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,aAAa;gBACtB,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,QAAQ;aACrB;YACD,SAAS;SACV;QACD,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB;aAClD;SACF;KACF,CAAC;AACJ,CAAC,CAAC","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,2 @@
export {};
//# 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';
+3
View File
@@ -0,0 +1,3 @@
export * from './VerticalDivider';
export * from './VerticalDivider.types';
//# sourceMappingURL=index.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './VerticalDivider';\nexport * from './VerticalDivider.types';\n"]}