@coveord/plasma-mantine 52.16.0 → 52.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +30 -30
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/header/Header.d.ts +4 -2
- package/dist/cjs/components/header/Header.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts +1 -2
- package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts.map +1 -1
- package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts +1 -2
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts +1 -2
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map +1 -1
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
- package/dist/esm/components/header/Header.d.ts +4 -2
- package/dist/esm/components/header/Header.d.ts.map +1 -1
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts +1 -2
- package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts.map +1 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts +1 -2
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts +1 -2
- package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map +1 -1
- package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
- package/package.json +1 -1
- package/src/components/header/Header.tsx +4 -1
- package/src/components/header/HeaderActions/HeaderActions.tsx +1 -1
- package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx +1 -1
- package/src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx +1 -1
|
@@ -4,7 +4,10 @@ import { HeaderStylesParams, useStyles } from './Header.styles';
|
|
|
4
4
|
import { HeaderActions } from './HeaderActions/HeaderActions';
|
|
5
5
|
import { HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
6
6
|
import { HeaderDocAnchor } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
7
|
-
type
|
|
7
|
+
export type { HeaderDocAnchorProps, HeaderDocAnchorStylesNames } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
8
|
+
export type { HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
9
|
+
export type { HeaderActionsProps, HeaderActionsStylesNames } from './HeaderActions/HeaderActions';
|
|
10
|
+
export type HeaderStylesNames = Selectors<typeof useStyles>;
|
|
8
11
|
export interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {
|
|
9
12
|
/**
|
|
10
13
|
* The description text displayed inside the header underneath the title
|
|
@@ -32,5 +35,4 @@ interface HeaderType {
|
|
|
32
35
|
DocAnchor: typeof HeaderDocAnchor;
|
|
33
36
|
}
|
|
34
37
|
export declare const Header: HeaderType;
|
|
35
|
-
export {};
|
|
36
38
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGZ,UAAU,EACV,SAAS,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAElE,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGZ,UAAU,EACV,SAAS,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAElE,YAAY,EAAC,oBAAoB,EAAE,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AACxG,YAAY,EAAC,sBAAsB,EAAE,4BAA4B,EAAC,MAAM,uCAAuC,CAAC;AAChH,YAAY,EAAC,kBAAkB,EAAE,wBAAwB,EAAC,MAAM,+BAA+B,CAAC;AAChG,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IAChH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;CACrC;AAQD,eAAO,MAAM,MAAM,EAAE,UA8BpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n DefaultProps,\n Divider,\n Group,\n GroupProps,\n Selectors,\n Stack,\n Text,\n Title,\n useComponentDefaultProps,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\n\nimport {HeaderStylesParams, useStyles} from './Header.styles';\nimport {HeaderActions} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n DefaultProps,\n Divider,\n Group,\n GroupProps,\n Selectors,\n Stack,\n Text,\n Title,\n useComponentDefaultProps,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\n\nimport {HeaderStylesParams, useStyles} from './Header.styles';\nimport {HeaderActions} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderDocAnchorProps, HeaderDocAnchorStylesNames} from './HeaderDocAnchor/HeaderDocAnchor';\nexport type {HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderActionsProps, HeaderActionsStylesNames} from './HeaderActions/HeaderActions';\nexport type HeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the modal variant when displaying the header inside a modal\n *\n * @default 'page'\n */\n variant?: 'page' | 'modal';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\ninterface HeaderType {\n (props: HeaderProps): ReactElement;\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Actions: typeof HeaderActions;\n DocAnchor: typeof HeaderDocAnchor;\n}\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'page',\n position: 'apart',\n noWrap: true,\n};\n\nexport const Header: HeaderType = (props: HeaderProps) => {\n const {classNames, styles, unstyled, className, description, borderBottom, variant, children, ...others} =\n useComponentDefaultProps('PlasmaHeader', defaultProps, props);\n const {classes, cx} = useStyles({variant}, {name: 'PlasmaHeader', classNames, styles, unstyled});\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const actions = convertedChildren.find((child) => child.type === HeaderActions);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n );\n return (\n <>\n <Group className={cx(className, classes.root)} {...others}>\n <Stack spacing={0}>\n {breadcrumbs}\n <Title order={variant === 'page' ? 1 : 3} className={classes.title}>\n {otherChildren}\n {docAnchor}\n </Title>\n <Text className={classes.description} size={variant === 'page' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {actions}\n </Group>\n {borderBottom ? <Divider className={classes.divider} size=\"xs\" /> : null}\n </>\n );\n};\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","position","noWrap","props","useComponentDefaultProps","classNames","styles","unstyled","className","description","borderBottom","children","others","useStyles","name","classes","cx","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","Group","root","Stack","spacing","Title","order","title","Text","size","Divider","divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;+BAyDaA;;;eAAAA;;;;;;;oBA/CN;qBACyC;4BAEJ;6BAChB;iCACI;+BACF;AAmC9B,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;IACVC,QAAQ;AACZ;AAEO,IAAMJ,SAAqB,SAACK;IAC/B,IACIC,4BAAAA,IAAAA,8BAAwB,EAAC,gBAAgBL,cAAcI,QADpDE,aACHD,0BADGC,YAAYC,SACfF,0BADeE,QAAQC,WACvBH,0BADuBG,UAAUC,YACjCJ,0BADiCI,WAAWC,cAC5CL,0BAD4CK,aAAaC,eACzDN,0BADyDM,cAAcV,UACvEI,0BADuEJ,SAASW,WAChFP,0BADgFO,UAAaC,sCAC7FR;QADGC;QAAYC;QAAQC;QAAUC;QAAWC;QAAaC;QAAcV;QAASW;;IAEpF,IAAsBE,aAAAA,IAAAA,uBAAS,EAAC;QAACb,SAAAA;IAAO,GAAG;QAACc,MAAM;QAAgBT,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFQ,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAEhB,IAAMC,oBAAoBC,eAAQ,CAACC,OAAO,CAACR;IAC3C,IAAMS,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,4BAAa;;IAC9E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,4BAAa,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAEjH,qBACI;;0BACI,sBAACG,WAAK;gBAACvB,WAAWQ,GAAGR,WAAWO,QAAQiB,IAAI;eAAOpB;;kCAC/C,sBAACqB,WAAK;wBAACC,SAAS;;4BACXd;0CACD,sBAACe,WAAK;gCAACC,OAAOpC,YAAY,SAAS,IAAI;gCAAGQ,WAAWO,QAAQsB,KAAK;;oCAC7DR;oCACAF;;;0CAEL,qBAACW,UAAI;gCAAC9B,WAAWO,QAAQN,WAAW;gCAAE8B,MAAMvC,YAAY,SAAS,OAAO;0CACnES;;;;oBAGRgB;;;YAEJf,6BAAe,qBAAC8B,aAAO;gBAAChC,WAAWO,QAAQ0B,OAAO;gBAAEF,MAAK;iBAAU;;;AAGhF;AAEAzC,OAAO4C,WAAW,GAAGlB,oCAAiB;AACtC1B,OAAO6C,OAAO,GAAGjB,4BAAa;AAC9B5B,OAAO8C,SAAS,GAAGhB,gCAAe"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { DefaultProps, GroupProps, Selectors } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent } from 'react';
|
|
3
3
|
import { HeaderActionsStylesParams, useStyles } from './HeaderActions.styles';
|
|
4
|
-
type HeaderActionsStylesNames = Selectors<typeof useStyles>;
|
|
4
|
+
export type HeaderActionsStylesNames = Selectors<typeof useStyles>;
|
|
5
5
|
export type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;
|
|
6
6
|
export declare const HeaderActions: FunctionComponent<HeaderActionsProps>;
|
|
7
|
-
export {};
|
|
8
7
|
//# sourceMappingURL=HeaderActions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAS,UAAU,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,yBAAyB,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAE5E,
|
|
1
|
+
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAS,UAAU,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,yBAAyB,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAC;AAMhH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAa/D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';\n\nexport type HeaderActionsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n spacing: 'sm',\n};\n\nexport const HeaderActions: FunctionComponent<HeaderActionsProps> = (props: HeaderActionsProps) => {\n const {classNames, styles, unstyled, className, children, ...others} = useComponentDefaultProps(\n 'PlasmaHeaderActions',\n defaultProps,\n props,\n );\n const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n\n return (\n <Group className={cx(className, classes.root)} {...others}>\n {children}\n </Group>\n );\n};\n"],"names":["HeaderActions","defaultProps","spacing","props","useComponentDefaultProps","classNames","styles","unstyled","className","children","others","useStyles","name","classes","cx","Group","root"],"mappings":";;;;+BAYaA;;;eAAAA;;;;;;;oBAZsE;mCAEhC;AAMnD,IAAMC,eAA4C;IAC9CC,SAAS;AACb;AAEO,IAAMF,gBAAuD,SAACG;IACjE,IAAuEC,4BAAAA,IAAAA,8BAAwB,EAC3F,uBACAH,cACAE,QAHGE,aAAgED,0BAAhEC,YAAYC,SAAoDF,0BAApDE,QAAQC,WAA4CH,0BAA5CG,UAAUC,YAAkCJ,0BAAlCI,WAAWC,WAAuBL,0BAAvBK,UAAaC,sCAAUN;QAAhEC;QAAYC;QAAQC;QAAUC;QAAWC;;IAKhD,IAAsBE,aAAAA,IAAAA,8BAAS,EAAC,CAAC,GAAG;QAACC,MAAM;QAAuBP,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFM,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAEhB,qBACI,qBAACC,WAAK;QAACP,WAAWM,GAAGN,WAAWK,QAAQG,IAAI;OAAON;kBAC9CD;;AAGb"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { BreadcrumbsProps, DefaultProps, Selectors } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent } from 'react';
|
|
3
3
|
import { HeaderBreadcrumbsStylesParams, useStyles } from './HeaderBreadcrumbs.styles';
|
|
4
|
-
type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
|
|
4
|
+
export type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
|
|
5
5
|
export type HeaderBreadcrumbsProps = BreadcrumbsProps & DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;
|
|
6
6
|
export declare const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps>;
|
|
7
|
-
export {};
|
|
8
7
|
//# sourceMappingURL=HeaderBreadcrumbs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,6BAA6B,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAEpF,
|
|
1
|
+
{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,6BAA6B,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAEpF,MAAM,MAAM,4BAA4B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACjD,YAAY,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,CAAC;AAE9E,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,CAqBvE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';\n\nexport type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderBreadcrumbsProps = BreadcrumbsProps &\n DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;\n\nexport const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps> = ({\n classNames,\n styles,\n unstyled,\n children,\n ...others\n}) => {\n const {classes} = useStyles(\n {},\n {\n name: 'PlasmaHeaderBreadcrumbs',\n classNames,\n styles,\n unstyled,\n },\n );\n return (\n <Breadcrumbs classNames={{breadcrumb: classes.breadcrumb, separator: classes.separator}} {...others}>\n {children}\n </Breadcrumbs>\n );\n};\n"],"names":["HeaderBreadcrumbs","classNames","styles","unstyled","children","others","classes","useStyles","name","Breadcrumbs","breadcrumb","separator"],"mappings":";;;;+BASaA;;;eAAAA;;;;;;;oBATwD;uCAEd;AAOhD,IAAMA,oBAA+D;QACxEC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,kCAAS,EACvB,CAAC,GACD;QACIC,MAAM;QACNP,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ,GAPGG;IASP,qBACI,qBAACG,iBAAW;QAACR,YAAY;YAACS,YAAYJ,QAAQI,UAAU;YAAEC,WAAWL,QAAQK,SAAS;QAAA;OAAON;kBACxFD;;AAGb"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DefaultProps, Selectors, TooltipProps } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent, ReactNode } from 'react';
|
|
3
3
|
import { HeaderDocAnchorStylesParams, useStyles } from './HeaderDocAnchor.styles';
|
|
4
|
-
type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
|
|
4
|
+
export type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
|
|
5
5
|
export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {
|
|
6
6
|
/**
|
|
7
7
|
* A href pointing to documentation related to the current panel.
|
|
@@ -18,5 +18,4 @@ export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, De
|
|
|
18
18
|
children?: ReactNode;
|
|
19
19
|
}
|
|
20
20
|
export declare const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps>;
|
|
21
|
-
export {};
|
|
22
21
|
//# sourceMappingURL=HeaderDocAnchor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,YAAY,EAAE,SAAS,EAAW,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAEhF,
|
|
1
|
+
{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,YAAY,EAAE,SAAS,EAAW,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAOrE,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAClC,YAAY,CAAC,0BAA0B,EAAE,2BAA2B,CAAC;IACzE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwBnE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {Anchor, DefaultProps, Selectors, Tooltip, TooltipProps, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\nimport {HeaderDocAnchorStylesParams, useStyles} from './HeaderDocAnchor.styles';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {Anchor, DefaultProps, Selectors, Tooltip, TooltipProps, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\nimport {HeaderDocAnchorStylesParams, useStyles} from './HeaderDocAnchor.styles';\n\nexport type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <QuestionSize16Px height={16} />,\n};\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n href: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n label?: string;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps> = (props: HeaderDocAnchorProps) => {\n const {\n classNames,\n styles,\n unstyled,\n className,\n children,\n href: docLink,\n label: docLinkTooltipLabel,\n ...others\n } = useComponentDefaultProps('PlasmaHeaderActions', defaultProps, props);\n const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n return (\n <Tooltip\n className={cx(className, classes.tooltip)}\n label={docLinkTooltipLabel}\n disabled={!docLinkTooltipLabel}\n {...others}\n >\n <Anchor className={classes.anchor} inline href={docLink} target=\"_blank\">\n {children}\n </Anchor>\n </Tooltip>\n );\n};\n"],"names":["HeaderDocAnchor","defaultProps","position","children","QuestionSize16Px","height","props","useComponentDefaultProps","classNames","styles","unstyled","className","href","docLink","label","docLinkTooltipLabel","others","useStyles","name","classes","cx","Tooltip","tooltip","disabled","Anchor","anchor","inline","target"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;gCA9BkB;oBACgE;qCAE1C;AAIrD,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;QAACC,QAAQ;;AACxC;AAoBO,IAAML,kBAA2D,SAACM;IACrE,IASIC,4BAAAA,IAAAA,8BAAwB,EAAC,uBAAuBN,cAAcK,QAR9DE,aAQAD,0BARAC,YACAC,SAOAF,0BAPAE,QACAC,WAMAH,0BANAG,UACAC,YAKAJ,0BALAI,WACAR,WAIAI,0BAJAJ,UACAS,AAAMC,UAGNN,0BAHAK,MACAE,AAAOC,sBAEPR,0BAFAO,OACGE,sCACHT;QARAC;QACAC;QACAC;QACAC;QACAR;QACAS;QACAE;;IAGJ,IAAsBG,aAAAA,IAAAA,gCAAS,EAAC,CAAC,GAAG;QAACC,MAAM;QAAuBV,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFS,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAChB,qBACI,qBAACC,aAAO;QACJV,WAAWS,GAAGT,WAAWQ,QAAQG,OAAO;QACxCR,OAAOC;QACPQ,UAAU,CAACR;OACPC;kBAEJ,cAAA,qBAACQ,YAAM;YAACb,WAAWQ,QAAQM,MAAM;YAAEC,MAAM;YAACd,MAAMC;YAASc,QAAO;sBAC3DxB;;;AAIjB"}
|
|
@@ -4,7 +4,10 @@ import { HeaderStylesParams, useStyles } from './Header.styles';
|
|
|
4
4
|
import { HeaderActions } from './HeaderActions/HeaderActions';
|
|
5
5
|
import { HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
6
6
|
import { HeaderDocAnchor } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
7
|
-
type
|
|
7
|
+
export type { HeaderDocAnchorProps, HeaderDocAnchorStylesNames } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
8
|
+
export type { HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
9
|
+
export type { HeaderActionsProps, HeaderActionsStylesNames } from './HeaderActions/HeaderActions';
|
|
10
|
+
export type HeaderStylesNames = Selectors<typeof useStyles>;
|
|
8
11
|
export interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {
|
|
9
12
|
/**
|
|
10
13
|
* The description text displayed inside the header underneath the title
|
|
@@ -32,5 +35,4 @@ interface HeaderType {
|
|
|
32
35
|
DocAnchor: typeof HeaderDocAnchor;
|
|
33
36
|
}
|
|
34
37
|
export declare const Header: HeaderType;
|
|
35
|
-
export {};
|
|
36
38
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGZ,UAAU,EACV,SAAS,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAElE,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGZ,UAAU,EACV,SAAS,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAElE,YAAY,EAAC,oBAAoB,EAAE,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AACxG,YAAY,EAAC,sBAAsB,EAAE,4BAA4B,EAAC,MAAM,uCAAuC,CAAC;AAChH,YAAY,EAAC,kBAAkB,EAAE,wBAAwB,EAAC,MAAM,+BAA+B,CAAC;AAChG,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IAChH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;CACrC;AAQD,eAAO,MAAM,MAAM,EAAE,UA8BpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n DefaultProps,\n Divider,\n Group,\n GroupProps,\n Selectors,\n Stack,\n Text,\n Title,\n useComponentDefaultProps,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\n\nimport {HeaderStylesParams, useStyles} from './Header.styles';\nimport {HeaderActions} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n DefaultProps,\n Divider,\n Group,\n GroupProps,\n Selectors,\n Stack,\n Text,\n Title,\n useComponentDefaultProps,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\n\nimport {HeaderStylesParams, useStyles} from './Header.styles';\nimport {HeaderActions} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderDocAnchorProps, HeaderDocAnchorStylesNames} from './HeaderDocAnchor/HeaderDocAnchor';\nexport type {HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderActionsProps, HeaderActionsStylesNames} from './HeaderActions/HeaderActions';\nexport type HeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the modal variant when displaying the header inside a modal\n *\n * @default 'page'\n */\n variant?: 'page' | 'modal';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\ninterface HeaderType {\n (props: HeaderProps): ReactElement;\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Actions: typeof HeaderActions;\n DocAnchor: typeof HeaderDocAnchor;\n}\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'page',\n position: 'apart',\n noWrap: true,\n};\n\nexport const Header: HeaderType = (props: HeaderProps) => {\n const {classNames, styles, unstyled, className, description, borderBottom, variant, children, ...others} =\n useComponentDefaultProps('PlasmaHeader', defaultProps, props);\n const {classes, cx} = useStyles({variant}, {name: 'PlasmaHeader', classNames, styles, unstyled});\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const actions = convertedChildren.find((child) => child.type === HeaderActions);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n );\n return (\n <>\n <Group className={cx(className, classes.root)} {...others}>\n <Stack spacing={0}>\n {breadcrumbs}\n <Title order={variant === 'page' ? 1 : 3} className={classes.title}>\n {otherChildren}\n {docAnchor}\n </Title>\n <Text className={classes.description} size={variant === 'page' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {actions}\n </Group>\n {borderBottom ? <Divider className={classes.divider} size=\"xs\" /> : null}\n </>\n );\n};\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Divider","Group","Stack","Text","Title","useComponentDefaultProps","Children","useStyles","HeaderActions","HeaderBreadcrumbs","HeaderDocAnchor","defaultProps","variant","position","noWrap","Header","props","classNames","styles","unstyled","className","description","borderBottom","children","others","name","classes","cx","convertedChildren","toArray","breadcrumbs","find","child","type","actions","docAnchor","otherChildren","filter","root","spacing","order","title","size","divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;AAAA,SAEIA,OAAO,EACPC,KAAK,EAGLC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,wBAAwB,QACrB,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AAExD,SAA4BC,SAAS,QAAO,kBAAkB;AAC9D,SAAQC,aAAa,QAAO,gCAAgC;AAC5D,SAAQC,iBAAiB,QAAO,wCAAwC;AACxE,SAAQC,eAAe,QAAO,oCAAoC;AAmClE,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;IACVC,QAAQ;AACZ;AAEA,OAAO,IAAMC,SAAqB,SAACC;IAC/B,IACIX,4BAAAA,yBAAyB,gBAAgBM,cAAcK,QADpDC,aACHZ,0BADGY,YAAYC,SACfb,0BADea,QAAQC,WACvBd,0BADuBc,UAAUC,YACjCf,0BADiCe,WAAWC,cAC5ChB,0BAD4CgB,aAAaC,eACzDjB,0BADyDiB,cAAcV,UACvEP,0BADuEO,SAASW,WAChFlB,0BADgFkB,UAAaC,oCAC7FnB;QADGY;QAAYC;QAAQC;QAAUC;QAAWC;QAAaC;QAAcV;QAASW;;IAEpF,IAAsBhB,aAAAA,UAAU;QAACK,SAAAA;IAAO,GAAG;QAACa,MAAM;QAAgBR,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFO,UAAenB,WAAfmB,SAASC,KAAMpB,WAANoB;IAEhB,IAAMC,oBAAoBtB,SAASuB,OAAO,CAACN;IAC3C,IAAMO,cAAcF,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKxB;;IACrE,IAAMyB,UAAUN,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKzB;;IACjE,IAAM2B,YAAYP,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKvB;;IACnE,IAAM0B,gBAAgBR,kBAAkBS,MAAM,CAC1C,SAACL;eAAUA,MAAMC,IAAI,KAAKxB,qBAAqBuB,MAAMC,IAAI,KAAKzB,iBAAiBwB,MAAMC,IAAI,KAAKvB;;IAElG,qBACI;;0BACI,MAACT;gBAAMmB,WAAWO,GAAGP,WAAWM,QAAQY,IAAI;eAAOd;;kCAC/C,MAACtB;wBAAMqC,SAAS;;4BACXT;0CACD,MAAC1B;gCAAMoC,OAAO5B,YAAY,SAAS,IAAI;gCAAGQ,WAAWM,QAAQe,KAAK;;oCAC7DL;oCACAD;;;0CAEL,KAAChC;gCAAKiB,WAAWM,QAAQL,WAAW;gCAAEqB,MAAM9B,YAAY,SAAS,OAAO;0CACnES;;;;oBAGRa;;;YAEJZ,6BAAe,KAACtB;gBAAQoB,WAAWM,QAAQiB,OAAO;gBAAED,MAAK;iBAAU;;;AAGhF,EAAE;AAEF3B,OAAO6B,WAAW,GAAGnC;AACrBM,OAAO8B,OAAO,GAAGrC;AACjBO,OAAO+B,SAAS,GAAGpC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { DefaultProps, GroupProps, Selectors } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent } from 'react';
|
|
3
3
|
import { HeaderActionsStylesParams, useStyles } from './HeaderActions.styles';
|
|
4
|
-
type HeaderActionsStylesNames = Selectors<typeof useStyles>;
|
|
4
|
+
export type HeaderActionsStylesNames = Selectors<typeof useStyles>;
|
|
5
5
|
export type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;
|
|
6
6
|
export declare const HeaderActions: FunctionComponent<HeaderActionsProps>;
|
|
7
|
-
export {};
|
|
8
7
|
//# sourceMappingURL=HeaderActions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAS,UAAU,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,yBAAyB,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAE5E,
|
|
1
|
+
{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAS,UAAU,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,yBAAyB,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAC;AAMhH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAa/D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';\n\nexport type HeaderActionsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n spacing: 'sm',\n};\n\nexport const HeaderActions: FunctionComponent<HeaderActionsProps> = (props: HeaderActionsProps) => {\n const {classNames, styles, unstyled, className, children, ...others} = useComponentDefaultProps(\n 'PlasmaHeaderActions',\n defaultProps,\n props,\n );\n const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n\n return (\n <Group className={cx(className, classes.root)} {...others}>\n {children}\n </Group>\n );\n};\n"],"names":["Group","useComponentDefaultProps","useStyles","defaultProps","spacing","HeaderActions","props","classNames","styles","unstyled","className","children","others","name","classes","cx","root"],"mappings":";;;;AAAA,SAAsBA,KAAK,EAAyBC,wBAAwB,QAAO,gBAAgB;AAEnG,SAAmCC,SAAS,QAAO,yBAAyB;AAM5E,IAAMC,eAA4C;IAC9CC,SAAS;AACb;AAEA,OAAO,IAAMC,gBAAuD,SAACC;IACjE,IAAuEL,4BAAAA,yBACnE,uBACAE,cACAG,QAHGC,aAAgEN,0BAAhEM,YAAYC,SAAoDP,0BAApDO,QAAQC,WAA4CR,0BAA5CQ,UAAUC,YAAkCT,0BAAlCS,WAAWC,WAAuBV,0BAAvBU,UAAaC,oCAAUX;QAAhEM;QAAYC;QAAQC;QAAUC;QAAWC;;IAKhD,IAAsBT,aAAAA,UAAU,CAAC,GAAG;QAACW,MAAM;QAAuBN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFK,UAAeZ,WAAfY,SAASC,KAAMb,WAANa;IAEhB,qBACI,KAACf;QAAMU,WAAWK,GAAGL,WAAWI,QAAQE,IAAI;OAAOJ;kBAC9CD;;AAGb,EAAE"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { BreadcrumbsProps, DefaultProps, Selectors } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent } from 'react';
|
|
3
3
|
import { HeaderBreadcrumbsStylesParams, useStyles } from './HeaderBreadcrumbs.styles';
|
|
4
|
-
type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
|
|
4
|
+
export type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
|
|
5
5
|
export type HeaderBreadcrumbsProps = BreadcrumbsProps & DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;
|
|
6
6
|
export declare const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps>;
|
|
7
|
-
export {};
|
|
8
7
|
//# sourceMappingURL=HeaderBreadcrumbs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,6BAA6B,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAEpF,
|
|
1
|
+
{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,6BAA6B,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAEpF,MAAM,MAAM,4BAA4B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACjD,YAAY,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,CAAC;AAE9E,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,CAqBvE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';\n\nexport type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderBreadcrumbsProps = BreadcrumbsProps &\n DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;\n\nexport const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps> = ({\n classNames,\n styles,\n unstyled,\n children,\n ...others\n}) => {\n const {classes} = useStyles(\n {},\n {\n name: 'PlasmaHeaderBreadcrumbs',\n classNames,\n styles,\n unstyled,\n },\n );\n return (\n <Breadcrumbs classNames={{breadcrumb: classes.breadcrumb, separator: classes.separator}} {...others}>\n {children}\n </Breadcrumbs>\n );\n};\n"],"names":["Breadcrumbs","useStyles","HeaderBreadcrumbs","classNames","styles","unstyled","children","others","classes","name","breadcrumb","separator"],"mappings":";;;;AAAA,SAAQA,WAAW,QAAkD,gBAAgB;AAErF,SAAuCC,SAAS,QAAO,6BAA6B;AAOpF,OAAO,IAAMC,oBAA+D;QACxEC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWP,UACd,CAAC,GACD;QACIQ,MAAM;QACNN,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ,GAPGG;IASP,qBACI,KAACR;QAAYG,YAAY;YAACO,YAAYF,QAAQE,UAAU;YAAEC,WAAWH,QAAQG,SAAS;QAAA;OAAOJ;kBACxFD;;AAGb,EAAE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DefaultProps, Selectors, TooltipProps } from '@mantine/core';
|
|
2
2
|
import { FunctionComponent, ReactNode } from 'react';
|
|
3
3
|
import { HeaderDocAnchorStylesParams, useStyles } from './HeaderDocAnchor.styles';
|
|
4
|
-
type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
|
|
4
|
+
export type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
|
|
5
5
|
export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {
|
|
6
6
|
/**
|
|
7
7
|
* A href pointing to documentation related to the current panel.
|
|
@@ -18,5 +18,4 @@ export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, De
|
|
|
18
18
|
children?: ReactNode;
|
|
19
19
|
}
|
|
20
20
|
export declare const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps>;
|
|
21
|
-
export {};
|
|
22
21
|
//# sourceMappingURL=HeaderDocAnchor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,YAAY,EAAE,SAAS,EAAW,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAEhF,
|
|
1
|
+
{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,YAAY,EAAE,SAAS,EAAW,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAOrE,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAClC,YAAY,CAAC,0BAA0B,EAAE,2BAA2B,CAAC;IACzE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwBnE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {Anchor, DefaultProps, Selectors, Tooltip, TooltipProps, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\nimport {HeaderDocAnchorStylesParams, useStyles} from './HeaderDocAnchor.styles';\n\
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {Anchor, DefaultProps, Selectors, Tooltip, TooltipProps, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\nimport {HeaderDocAnchorStylesParams, useStyles} from './HeaderDocAnchor.styles';\n\nexport type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <QuestionSize16Px height={16} />,\n};\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {\n /**\n * A href pointing to documentation related to the current panel.\n * When provided, an info icon is rendered next to the title as link to this documentation\n */\n href: string;\n /**\n * The tooltip text shown when hovering over the doc link icon\n */\n label?: string;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps> = (props: HeaderDocAnchorProps) => {\n const {\n classNames,\n styles,\n unstyled,\n className,\n children,\n href: docLink,\n label: docLinkTooltipLabel,\n ...others\n } = useComponentDefaultProps('PlasmaHeaderActions', defaultProps, props);\n const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n return (\n <Tooltip\n className={cx(className, classes.tooltip)}\n label={docLinkTooltipLabel}\n disabled={!docLinkTooltipLabel}\n {...others}\n >\n <Anchor className={classes.anchor} inline href={docLink} target=\"_blank\">\n {children}\n </Anchor>\n </Tooltip>\n );\n};\n"],"names":["QuestionSize16Px","Anchor","Tooltip","useComponentDefaultProps","useStyles","defaultProps","position","children","height","HeaderDocAnchor","props","classNames","styles","unstyled","className","href","docLink","label","docLinkTooltipLabel","others","name","classes","cx","tooltip","disabled","anchor","inline","target"],"mappings":";;;;AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAQC,MAAM,EAA2BC,OAAO,EAAgBC,wBAAwB,QAAO,gBAAgB;AAE/G,SAAqCC,SAAS,QAAO,2BAA2B;AAIhF,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACP;QAAiBQ,QAAQ;;AACxC;AAoBA,OAAO,IAAMC,kBAA2D,SAACC;IACrE,IASIP,4BAAAA,yBAAyB,uBAAuBE,cAAcK,QAR9DC,aAQAR,0BARAQ,YACAC,SAOAT,0BAPAS,QACAC,WAMAV,0BANAU,UACAC,YAKAX,0BALAW,WACAP,WAIAJ,0BAJAI,UACAQ,AAAMC,UAGNb,0BAHAY,MACAE,AAAOC,sBAEPf,0BAFAc,OACGE,oCACHhB;QARAQ;QACAC;QACAC;QACAC;QACAP;QACAQ;QACAE;;IAGJ,IAAsBb,aAAAA,UAAU,CAAC,GAAG;QAACgB,MAAM;QAAuBT,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFQ,UAAejB,WAAfiB,SAASC,KAAMlB,WAANkB;IAChB,qBACI,KAACpB;QACGY,WAAWQ,GAAGR,WAAWO,QAAQE,OAAO;QACxCN,OAAOC;QACPM,UAAU,CAACN;OACPC;kBAEJ,cAAA,KAAClB;YAAOa,WAAWO,QAAQI,MAAM;YAAEC,MAAM;YAACX,MAAMC;YAASW,QAAO;sBAC3DpB;;;AAIjB,EAAE"}
|
package/package.json
CHANGED
|
@@ -16,7 +16,10 @@ import {HeaderActions} from './HeaderActions/HeaderActions';
|
|
|
16
16
|
import {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
17
17
|
import {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';
|
|
18
18
|
|
|
19
|
-
type
|
|
19
|
+
export type {HeaderDocAnchorProps, HeaderDocAnchorStylesNames} from './HeaderDocAnchor/HeaderDocAnchor';
|
|
20
|
+
export type {HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
21
|
+
export type {HeaderActionsProps, HeaderActionsStylesNames} from './HeaderActions/HeaderActions';
|
|
22
|
+
export type HeaderStylesNames = Selectors<typeof useStyles>;
|
|
20
23
|
|
|
21
24
|
export interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {
|
|
22
25
|
/**
|
|
@@ -2,7 +2,7 @@ import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} fr
|
|
|
2
2
|
import {FunctionComponent} from 'react';
|
|
3
3
|
import {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';
|
|
4
4
|
|
|
5
|
-
type HeaderActionsStylesNames = Selectors<typeof useStyles>;
|
|
5
|
+
export type HeaderActionsStylesNames = Selectors<typeof useStyles>;
|
|
6
6
|
|
|
7
7
|
export type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/c
|
|
|
2
2
|
import {FunctionComponent} from 'react';
|
|
3
3
|
import {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';
|
|
4
4
|
|
|
5
|
-
type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
|
|
5
|
+
export type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
|
|
6
6
|
|
|
7
7
|
export type HeaderBreadcrumbsProps = BreadcrumbsProps &
|
|
8
8
|
DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;
|
|
@@ -3,7 +3,7 @@ import {Anchor, DefaultProps, Selectors, Tooltip, TooltipProps, useComponentDefa
|
|
|
3
3
|
import {FunctionComponent, ReactNode} from 'react';
|
|
4
4
|
import {HeaderDocAnchorStylesParams, useStyles} from './HeaderDocAnchor.styles';
|
|
5
5
|
|
|
6
|
-
type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
|
|
6
|
+
export type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
|
|
7
7
|
|
|
8
8
|
const defaultProps: Partial<HeaderDocAnchorProps> = {
|
|
9
9
|
position: 'right',
|