@coveord/plasma-mantine 56.1.4 → 56.1.5
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 +54 -53
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts +3 -3
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts +3 -3
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.js +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.js.map +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js +1 -1
- package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js +1 -1
- package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
- package/dist/cjs/components/header/HeaderRight/HeaderRight.js +1 -1
- package/dist/cjs/components/header/HeaderRight/HeaderRight.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.d.ts +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.d.ts +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.d.ts +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts +3 -3
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts +3 -3
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.js +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.js.map +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js +1 -1
- package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map +1 -1
- package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js +1 -1
- package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map +1 -1
- package/dist/esm/components/header/HeaderRight/HeaderRight.js +1 -1
- package/dist/esm/components/header/HeaderRight/HeaderRight.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.d.ts +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.d.ts +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -1
- package/package.json +1 -1
- package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx +1 -1
- package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx +1 -1
- package/src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx +1 -1
- package/src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx +1 -1
- package/src/components/header/HeaderRight/HeaderRight.tsx +1 -1
- package/src/components/table/__tests__/Table.spec.tsx +1 -1
- package/src/components/table/layouts/row-layout/RowLayout.tsx +1 -1
- package/src/components/table/layouts/row-layout/RowLayoutBody.tsx +1 -1
- package/src/components/table/layouts/row-layout/RowLayoutHeader.tsx +1 -1
- package/src/components/table/table-actions/TableActionsList.tsx +1 -1
|
@@ -16,21 +16,21 @@ export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/
|
|
|
16
16
|
}) | (AnchorProps & {
|
|
17
17
|
component: React.ElementType;
|
|
18
18
|
renderRoot?: (props: Record<string, any>) => any;
|
|
19
|
-
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
19
|
+
})>, never> & import("@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
|
|
20
20
|
props: AnchorProps;
|
|
21
21
|
ref: HTMLAnchorElement;
|
|
22
22
|
stylesNames: HeaderBreadcrumbAnchorStyleNames;
|
|
23
23
|
compound: true;
|
|
24
24
|
defaultComponent: "a";
|
|
25
25
|
defaultRef: HTMLAnchorElement;
|
|
26
|
-
}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
26
|
+
}> & import("@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
|
|
27
27
|
props: AnchorProps;
|
|
28
28
|
ref: HTMLAnchorElement;
|
|
29
29
|
stylesNames: HeaderBreadcrumbAnchorStyleNames;
|
|
30
30
|
compound: true;
|
|
31
31
|
defaultComponent: "a";
|
|
32
32
|
defaultRef: HTMLAnchorElement;
|
|
33
|
-
}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
|
|
33
|
+
}> & import("@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
|
|
34
34
|
props: AnchorProps;
|
|
35
35
|
ref: HTMLAnchorElement;
|
|
36
36
|
stylesNames: HeaderBreadcrumbAnchorStyleNames;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,0FAQmC,MAAO,YAAY;;;;;;eAMoB,MAAO,WAAW;;;WAtBpH,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EAe/B,CAAC"}
|
|
@@ -12,7 +12,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
|
12
12
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _core = require("@mantine/core");
|
|
15
|
-
var _Headercontext = require("../Header.context");
|
|
15
|
+
var _Headercontext = require("../Header.context.js");
|
|
16
16
|
var HeaderBreadcrumbAnchor = (0, _core.polymorphicFactory)(function(props, ref) {
|
|
17
17
|
var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
|
|
18
18
|
"className",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: AnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Anchor","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAduE;6BACrD;AAaxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,YAAM;QACHR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,oBAAoB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC9EM;AAGhB;AACAR,uBAAuBc,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: AnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Anchor","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAduE;6BACrD;AAaxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,YAAM;QACHR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,oBAAoB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC9EM;AAGhB;AACAR,uBAAuBc,WAAW,GAAG"}
|
|
@@ -16,21 +16,21 @@ export declare const HeaderBreadcrumbText: (<C = "p">(props: import("@mantine/co
|
|
|
16
16
|
}) | (TextProps & {
|
|
17
17
|
component: React.ElementType;
|
|
18
18
|
renderRoot?: (props: Record<string, any>) => any;
|
|
19
|
-
})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
19
|
+
})>, never> & import("@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
|
|
20
20
|
props: TextProps;
|
|
21
21
|
ref: HTMLParagraphElement;
|
|
22
22
|
stylesNames: HeaderBreadcrumbTextStyleNames;
|
|
23
23
|
compound: true;
|
|
24
24
|
defaultComponent: "p";
|
|
25
25
|
defaultRef: HTMLParagraphElement;
|
|
26
|
-
}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
26
|
+
}> & import("@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
|
|
27
27
|
props: TextProps;
|
|
28
28
|
ref: HTMLParagraphElement;
|
|
29
29
|
stylesNames: HeaderBreadcrumbTextStyleNames;
|
|
30
30
|
compound: true;
|
|
31
31
|
defaultComponent: "p";
|
|
32
32
|
defaultRef: HTMLParagraphElement;
|
|
33
|
-
}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
|
|
33
|
+
}> & import("@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
|
|
34
34
|
props: TextProps;
|
|
35
35
|
ref: HTMLParagraphElement;
|
|
36
36
|
stylesNames: HeaderBreadcrumbTextStyleNames;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBreadcrumbText.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAA4B,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC;AAGhG,MAAM,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,8BAA8B,CAAC;IAC5C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,oBAAoB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"HeaderBreadcrumbText.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAA4B,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC;AAGhG,MAAM,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,8BAA8B,CAAC;IAC5C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,oBAAoB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,wFAQmD,MAAO,YACpF;;;;;;eAK0H,MAAO,WAAW;;;WAtBxI,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;;WALzB,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;;WALzB,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;EAelC,CAAC"}
|
|
@@ -12,7 +12,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
|
12
12
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
13
13
|
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _core = require("@mantine/core");
|
|
15
|
-
var _Headercontext = require("../Header.context");
|
|
15
|
+
var _Headercontext = require("../Header.context.js");
|
|
16
16
|
var HeaderBreadcrumbText = (0, _core.polymorphicFactory)(function(props, ref) {
|
|
17
17
|
var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
|
|
18
18
|
"className",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n props: TextProps;\n ref: HTMLParagraphElement;\n stylesNames: HeaderBreadcrumbTextStyleNames;\n compound: true;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Text\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbText.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbText';\n"],"names":["HeaderBreadcrumbText","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Text","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAdmE;6BACjD;AAaxB,IAAMA,uBAAuBC,IAAAA,wBAAkB,EAA8B,SAACC,OAAOC;IACxF,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,UAAI;QACDR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,kBAAkB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC5EM;AAGhB;AACAR,qBAAqBc,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n props: TextProps;\n ref: HTMLParagraphElement;\n stylesNames: HeaderBreadcrumbTextStyleNames;\n compound: true;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Text\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbText.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbText';\n"],"names":["HeaderBreadcrumbText","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Text","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAdmE;6BACjD;AAaxB,IAAMA,uBAAuBC,IAAAA,wBAAkB,EAA8B,SAACC,OAAOC;IACxF,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,UAAI;QACDR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,kBAAkB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC5EM;AAGhB;AACAR,qBAAqBc,WAAW,GAAG"}
|
|
@@ -13,7 +13,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
|
13
13
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
14
|
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _core = require("@mantine/core");
|
|
16
|
-
var _Headercontext = require("../Header.context");
|
|
16
|
+
var _Headercontext = require("../Header.context.js");
|
|
17
17
|
var HeaderBreadcrumbs = (0, _core.factory)(function(props, ref) {
|
|
18
18
|
var children = props.children, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
|
|
19
19
|
"children",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}
|
|
@@ -13,7 +13,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
|
13
13
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
14
|
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _core = require("@mantine/core");
|
|
16
|
-
var _Headercontext = require("../Header.context");
|
|
16
|
+
var _Headercontext = require("../Header.context.js");
|
|
17
17
|
var _index = require("../../info-token/index.js");
|
|
18
18
|
var defaultProps = {
|
|
19
19
|
position: 'right',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\nimport {InfoToken} from '../../info-token/index.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\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?: ReactNode;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <InfoToken variant=\"question\" />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","variant","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;oBAtCN;6BAEwB;qBACP;AA8BxB,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,gBAAS;QAACC,SAAQ;;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;QAApFE;QAAWC;QAAYC;QAAQC;QAAOX;QAAUY;QAAOb;QAAUc;;IAExE,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n Anchor,\n AnchorProps,\n CompoundStylesApiProps,\n Factory,\n Tooltip,\n TooltipProps,\n factory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\nimport {InfoToken} from '../../info-token/index.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n extends Pick<TooltipProps, 'position'>,\n CompoundStylesApiProps<HeaderDocAnchorFactory>,\n Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\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?: ReactNode;\n /**\n * React component to add the tooltip and anchor on\n */\n children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n props: HeaderDocAnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderDocAnchorStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n position: 'right',\n children: <InfoToken variant=\"question\" />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n const ctx = useHeaderContext();\n\n return (\n <Tooltip\n label={label}\n disabled={!label}\n position={position}\n classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n >\n <Anchor\n ref={ref}\n inline\n target=\"_blank\"\n {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n {...others}\n >\n {children}\n </Anchor>\n </Tooltip>\n );\n});\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","variant","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;oBAtCN;6BAEwB;qBACP;AA8BxB,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,gBAAS;QAACC,SAAQ;;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;QAApFE;QAAWC;QAAYC;QAAQC;QAAOX;QAAUY;QAAOb;QAAUc;;IAExE,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB"}
|
|
@@ -13,7 +13,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
|
13
13
|
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
14
|
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _core = require("@mantine/core");
|
|
16
|
-
var _Headercontext = require("../Header.context");
|
|
16
|
+
var _Headercontext = require("../Header.context.js");
|
|
17
17
|
var defaultProps = {
|
|
18
18
|
gap: 'sm'
|
|
19
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderRight","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["HeaderRight","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Factory, MantineComponent, StylesApiProps } from '@mantine/core';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { TableLayout } from '../../Table.types';
|
|
3
|
+
import { TableLayout } from '../../Table.types.js';
|
|
4
4
|
import { RowLayoutBodyStylesNames } from './RowLayoutBody.js';
|
|
5
5
|
import { RowLayoutHeaderStyleNames } from './RowLayoutHeader.js';
|
|
6
6
|
type RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAgB,wBAAwB,EAAC,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAkB,yBAAyB,EAAC,MAAM,sBAAsB,CAAC;AAEhF,KAAK,oBAAoB,GAAG,yBAAyB,GAAG,wBAAwB,CAAC;AACjF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,oBAAoB,CAAC;IAClC,gBAAgB,EAAE,WAAW,CAAC;CACjC,CAAC,CAAC;AAGH,eAAO,MAAM,SAAS,EAYhB,gBAAgB,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {IconList} from '@coveord/plasma-react-icons';\nimport {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {identity} from '../../../../utils/index.js';\nimport {TableLayout} from '../../Table.types';\nimport classes from './RowLayout.module.css';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody.js';\nimport {RowLayoutProvider} from './RowLayoutContext.js';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader.js';\n\ntype RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;\nexport interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {\n children: ReactNode;\n}\n\nexport type RowLayoutFactory = Factory<{\n ref?: never;\n props: RowLayoutProps;\n stylesNames: RowLayoutStylesNames;\n staticComponents: TableLayout;\n}>;\nconst defaultProps: Partial<RowLayoutProps> = {};\n\nexport const RowLayout = ((props: RowLayoutProps) => {\n const {children, styles, classNames, unstyled} = useProps('PlasmaRowLayout', defaultProps, props);\n const getStyles = useStyles<RowLayoutFactory>({\n name: 'PlasmaRowLayout',\n classes,\n props,\n styles,\n classNames,\n unstyled,\n });\n\n return <RowLayoutProvider value={{getStyles}}>{children}</RowLayoutProvider>;\n}) as MantineComponent<RowLayoutFactory>;\n\nRowLayout.Body = RowLayoutBody;\nRowLayout.Header = RowLayoutHeader;\nRowLayout.Icon = IconList;\nRowLayout.displayName = 'Rows';\nRowLayout.extend = identity;\n"],"names":["RowLayout","defaultProps","props","useProps","children","styles","classNames","unstyled","getStyles","useStyles","name","classes","RowLayoutProvider","value","Body","RowLayoutBody","Header","RowLayoutHeader","Icon","IconList","displayName","extend","identity"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;gCAvBU;oBACsD;qBAEtD;2EAEH;6BACkC;gCACtB;+BACyB;AAazD,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAa,SAACE;IACvB,IAAiDC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBF,cAAcC,QAApFE,WAA0CD,UAA1CC,UAAUC,SAAgCF,UAAhCE,QAAQC,aAAwBH,UAAxBG,YAAYC,WAAYJ,UAAZI;IACrC,IAAMC,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,OAAAA;QACAG,QAAAA;QACAC,YAAAA;QACAC,UAAAA;IACJ;IAEA,qBAAO,qBAACK,mCAAiB;QAACC,OAAO;YAACL,WAAAA;QAAS;kBAAIJ;;AACnD;AAEAJ,UAAUc,IAAI,GAAGC,4BAAa;AAC9Bf,UAAUgB,MAAM,GAAGC,gCAAe;AAClCjB,UAAUkB,IAAI,GAAGC,0BAAQ;AACzBnB,UAAUoB,WAAW,GAAG;AACxBpB,UAAUqB,MAAM,GAAGC,eAAQ"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {IconList} from '@coveord/plasma-react-icons';\nimport {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {identity} from '../../../../utils/index.js';\nimport {TableLayout} from '../../Table.types.js';\nimport classes from './RowLayout.module.css';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody.js';\nimport {RowLayoutProvider} from './RowLayoutContext.js';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader.js';\n\ntype RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;\nexport interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {\n children: ReactNode;\n}\n\nexport type RowLayoutFactory = Factory<{\n ref?: never;\n props: RowLayoutProps;\n stylesNames: RowLayoutStylesNames;\n staticComponents: TableLayout;\n}>;\nconst defaultProps: Partial<RowLayoutProps> = {};\n\nexport const RowLayout = ((props: RowLayoutProps) => {\n const {children, styles, classNames, unstyled} = useProps('PlasmaRowLayout', defaultProps, props);\n const getStyles = useStyles<RowLayoutFactory>({\n name: 'PlasmaRowLayout',\n classes,\n props,\n styles,\n classNames,\n unstyled,\n });\n\n return <RowLayoutProvider value={{getStyles}}>{children}</RowLayoutProvider>;\n}) as MantineComponent<RowLayoutFactory>;\n\nRowLayout.Body = RowLayoutBody;\nRowLayout.Header = RowLayoutHeader;\nRowLayout.Icon = IconList;\nRowLayout.displayName = 'Rows';\nRowLayout.extend = identity;\n"],"names":["RowLayout","defaultProps","props","useProps","children","styles","classNames","unstyled","getStyles","useStyles","name","classes","RowLayoutProvider","value","Body","RowLayoutBody","Header","RowLayoutHeader","Icon","IconList","displayName","extend","identity"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;gCAvBU;oBACsD;qBAEtD;2EAEH;6BACkC;gCACtB;+BACyB;AAazD,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAa,SAACE;IACvB,IAAiDC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBF,cAAcC,QAApFE,WAA0CD,UAA1CC,UAAUC,SAAgCF,UAAhCE,QAAQC,aAAwBH,UAAxBG,YAAYC,WAAYJ,UAAZI;IACrC,IAAMC,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,OAAAA;QACAG,QAAAA;QACAC,YAAAA;QACAC,UAAAA;IACJ;IAEA,qBAAO,qBAACK,mCAAiB;QAACC,OAAO;YAACL,WAAAA;QAAS;kBAAIJ;;AACnD;AAEAJ,UAAUc,IAAI,GAAGC,4BAAa;AAC9Bf,UAAUgB,MAAM,GAAGC,gCAAe;AAClCjB,UAAUkB,IAAI,GAAGC,0BAAQ;AACzBnB,UAAUoB,WAAW,GAAG;AACxBpB,UAAUqB,MAAM,GAAGC,eAAQ"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
|
|
2
2
|
import { ForwardedRef } from 'react';
|
|
3
3
|
import { CustomComponentThemeExtend } from '../../../../utils/index.js';
|
|
4
|
-
import { TableLayoutProps } from '../../Table.types';
|
|
4
|
+
import { TableLayoutProps } from '../../Table.types.js';
|
|
5
5
|
export type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';
|
|
6
6
|
export interface RowLayoutBodyProps<T> extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowLayoutBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,QAAQ,EAAY,sBAAsB,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAGjG,OAAO,EAAC,YAAY,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,0BAA0B,EAAW,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,gBAAgB,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"RowLayoutBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,QAAQ,EAAY,sBAAsB,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAGjG,OAAO,EAAC,YAAY,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,0BAA0B,EAAW,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAOtD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEhG,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACjC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAEvD,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;KAAI,CAAC,SAAU,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eAR/F,kBAAkB,CAAC,OAAO,CAAC;aAC7B,mBAAmB;qBACX,wBAAwB;kBAC3B,IAAI;;CA6GjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext.js';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';\nimport {TableLoading} from '../../table-loading/TableLoading.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n props: RowLayoutBodyProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutBodyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent,\n onRowDoubleClick,\n loading,\n classNames,\n className,\n styles,\n style,\n getRowAttributes,\n ...others\n } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n const {table, store} = useTableContext<T>();\n const toggleCollapsible = (el: HTMLTableRowElement) => {\n const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n cell.querySelector('button').click();\n };\n\n const rows = table.getRowModel()?.rows.map((row) => {\n const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n const isSelected = !!row.getIsSelected();\n const shouldKeepSelection = store.rowSelectionForced && isSelected;\n const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n if (rowChildren) {\n toggleCollapsible(event.currentTarget);\n }\n if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n row.toggleSelected();\n }\n };\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={onClick}\n onDoubleClick={() => {\n onRowDoubleClick?.(row.original, row.index, row);\n }}\n data-selectable={store.rowSelectionEnabled}\n data-selected={isSelected}\n data-multi-selection={store.multiRowSelectionEnabled}\n aria-selected={isSelected}\n data-testid={row.id}\n {...ctx.getStyles('row', {classNames, className, styles, style})}\n {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n {...others}\n >\n {row.getVisibleCells().map((cell) => {\n const columnSizing = {\n ...defaultColumnSizing,\n size: cell.column.columnDef.size,\n minSize: cell.column.columnDef.minSize,\n maxSize: cell.column.columnDef.maxSize,\n };\n\n const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n event.stopPropagation();\n }\n };\n\n return (\n <td\n key={cell.id}\n data-testid={cell.id}\n className={ctx.getStyles('cell', {classNames, styles}).className}\n style={{\n width: columnSizing.size ? `${columnSizing.size}px` : 'auto',\n minWidth: `${columnSizing.minSize}px`,\n maxWidth: `${columnSizing.maxSize}px`,\n ...ctx.getStyles('cell', {classNames, styles}).style,\n }}\n data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n onClick={onCollapsibleCellClick}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","useTableContext","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';\nimport {TableLayoutProps} from '../../Table.types.js';\nimport {useTableContext} from '../../TableContext.js';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';\nimport {TableLoading} from '../../table-loading/TableLoading.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n props: RowLayoutBodyProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutBodyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent,\n onRowDoubleClick,\n loading,\n classNames,\n className,\n styles,\n style,\n getRowAttributes,\n ...others\n } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n const {table, store} = useTableContext<T>();\n const toggleCollapsible = (el: HTMLTableRowElement) => {\n const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n cell.querySelector('button').click();\n };\n\n const rows = table.getRowModel()?.rows.map((row) => {\n const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n const isSelected = !!row.getIsSelected();\n const shouldKeepSelection = store.rowSelectionForced && isSelected;\n const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n if (rowChildren) {\n toggleCollapsible(event.currentTarget);\n }\n if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n row.toggleSelected();\n }\n };\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={onClick}\n onDoubleClick={() => {\n onRowDoubleClick?.(row.original, row.index, row);\n }}\n data-selectable={store.rowSelectionEnabled}\n data-selected={isSelected}\n data-multi-selection={store.multiRowSelectionEnabled}\n aria-selected={isSelected}\n data-testid={row.id}\n {...ctx.getStyles('row', {classNames, className, styles, style})}\n {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n {...others}\n >\n {row.getVisibleCells().map((cell) => {\n const columnSizing = {\n ...defaultColumnSizing,\n size: cell.column.columnDef.size,\n minSize: cell.column.columnDef.minSize,\n maxSize: cell.column.columnDef.maxSize,\n };\n\n const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n event.stopPropagation();\n }\n };\n\n return (\n <td\n key={cell.id}\n data-testid={cell.id}\n className={ctx.getStyles('cell', {classNames, styles}).className}\n style={{\n width: columnSizing.size ? `${columnSizing.size}px` : 'auto',\n minWidth: `${columnSizing.minSize}px`,\n maxWidth: `${columnSizing.maxSize}px`,\n ...ctx.getStyles('cell', {classNames, styles}).style,\n }}\n data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n onClick={onCollapsibleCellClick}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","useTableContext","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BoxProps, CompoundStylesApiProps } from '@mantine/core';
|
|
2
2
|
import { ForwardedRef } from 'react';
|
|
3
3
|
import { CustomComponentThemeExtend } from '../../../../utils/index.js';
|
|
4
|
-
import { TableLayoutProps } from '../../Table.types';
|
|
4
|
+
import { TableLayoutProps } from '../../Table.types.js';
|
|
5
5
|
import { RowLayoutBodyFactory } from './RowLayoutBody.js';
|
|
6
6
|
export type RowLayoutHeaderStyleNames = 'headerRow';
|
|
7
7
|
export interface RowLayoutHeaderProps<T> extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,gBAAgB,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAGxD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;KAAI,CAAC,SAAU,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eARnG,oBAAoB,CAAC,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAmCjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext.js';\nimport {Th} from '../../table-header/Th.js';\nimport {RowLayoutBodyFactory} from './RowLayoutBody.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n props: RowLayoutHeaderProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutHeaderStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent: _getRowExpandedContent,\n getRowActions: _getRowActions,\n loading: _loading,\n getRowAttributes: _getRowAttributes,\n onRowDoubleClick: _onRowDoubleClick,\n className,\n style,\n classNames,\n styles,\n ...others\n } = useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n const {table, store} = useTableContext<T>();\n\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr\n key={headerGroup.id}\n data-selectable={store.rowSelectionEnabled}\n data-multi-selection={store.multiRowSelectionEnabled}\n {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n {...others}\n >\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["RowLayoutHeader","defaultProps","props","ctx","useRowLayout","useProps","getRowExpandedContent","_getRowExpandedContent","getRowActions","_getRowActions","loading","_loading","getRowAttributes","_getRowAttributes","onRowDoubleClick","_onRowDoubleClick","className","style","classNames","styles","others","useTableContext","table","store","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","rowSelectionEnabled","data-multi-selection","multiRowSelectionEnabled","getStyles","columnHeader","Th","header","id","extend","identity"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;oBAzBqD;qBAEf;4BAErB;kBACb;gCAEU;AAgB3B,IAAMC,eAAuD,CAAC;AAEvD,IAAMD,kBAAkB,SAAKE;IAChC,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAWIC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBJ,cAAyCC,QAVrEI,AAAuBC,yBAUvBF,UAVAC,uBACAE,AAAeC,iBASfJ,UATAG,eACAE,AAASC,WAQTN,UARAK,SACAE,AAAkBC,oBAOlBR,UAPAO,kBACAE,AAAkBC,oBAMlBV,UANAS,kBACAE,YAKAX,UALAW,WACAC,QAIAZ,UAJAY,OACAC,aAGAb,UAHAa,YACAC,SAEAd,UAFAc,QACGC,sCACHf;QAVAC;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;QACAC;QACAC;;IAGJ,IAAuBE,mBAAAA,IAAAA,6BAAe,KAA/BC,QAAgBD,iBAAhBC,OAAOC,QAASF,iBAATE;IAEd,IAAMC,UAAUF,MAAMG,eAAe,GAAGC,GAAG,CAAC,SAACC;6BACzC,qBAACC;YAEGC,mBAAiBN,MAAMO,mBAAmB;YAC1CC,wBAAsBR,MAAMS,wBAAwB;WAChD7B,IAAI8B,SAAS,CAAC,aAAa;YAACjB,WAAAA;YAAWE,YAAAA;YAAYC,QAAAA;YAAQF,OAAAA;QAAK,IAChEG;sBAEHO,YAAYH,OAAO,CAACE,GAAG,CAAC,SAACQ;qCACtB,qBAACC,MAAE;oBAAuBC,QAAQF;mBAAzBA,aAAaG,EAAE;;YAPvBV,YAAYU,EAAE;;IAW3B,qBAAO;kBAAGb;;AACd;AACAxB,gBAAgBsC,MAAM,GAAGC,eAAQ"}
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';\nimport {TableLayoutProps} from '../../Table.types.js';\nimport {useTableContext} from '../../TableContext.js';\nimport {Th} from '../../table-header/Th.js';\nimport {RowLayoutBodyFactory} from './RowLayoutBody.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n props: RowLayoutHeaderProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutHeaderStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent: _getRowExpandedContent,\n getRowActions: _getRowActions,\n loading: _loading,\n getRowAttributes: _getRowAttributes,\n onRowDoubleClick: _onRowDoubleClick,\n className,\n style,\n classNames,\n styles,\n ...others\n } = useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n const {table, store} = useTableContext<T>();\n\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr\n key={headerGroup.id}\n data-selectable={store.rowSelectionEnabled}\n data-multi-selection={store.multiRowSelectionEnabled}\n {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n {...others}\n >\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["RowLayoutHeader","defaultProps","props","ctx","useRowLayout","useProps","getRowExpandedContent","_getRowExpandedContent","getRowActions","_getRowActions","loading","_loading","getRowAttributes","_getRowAttributes","onRowDoubleClick","_onRowDoubleClick","className","style","classNames","styles","others","useTableContext","table","store","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","rowSelectionEnabled","data-multi-selection","multiRowSelectionEnabled","getStyles","columnHeader","Th","header","id","extend","identity"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;oBAzBqD;qBAEf;4BAErB;kBACb;gCAEU;AAgB3B,IAAMC,eAAuD,CAAC;AAEvD,IAAMD,kBAAkB,SAAKE;IAChC,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAWIC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBJ,cAAyCC,QAVrEI,AAAuBC,yBAUvBF,UAVAC,uBACAE,AAAeC,iBASfJ,UATAG,eACAE,AAASC,WAQTN,UARAK,SACAE,AAAkBC,oBAOlBR,UAPAO,kBACAE,AAAkBC,oBAMlBV,UANAS,kBACAE,YAKAX,UALAW,WACAC,QAIAZ,UAJAY,OACAC,aAGAb,UAHAa,YACAC,SAEAd,UAFAc,QACGC,sCACHf;QAVAC;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;QACAC;QACAC;;IAGJ,IAAuBE,mBAAAA,IAAAA,6BAAe,KAA/BC,QAAgBD,iBAAhBC,OAAOC,QAASF,iBAATE;IAEd,IAAMC,UAAUF,MAAMG,eAAe,GAAGC,GAAG,CAAC,SAACC;6BACzC,qBAACC;YAEGC,mBAAiBN,MAAMO,mBAAmB;YAC1CC,wBAAsBR,MAAMS,wBAAwB;WAChD7B,IAAI8B,SAAS,CAAC,aAAa;YAACjB,WAAAA;YAAWE,YAAAA;YAAYC,QAAAA;YAAQF,OAAAA;QAAK,IAChEG;sBAEHO,YAAYH,OAAO,CAACE,GAAG,CAAC,SAACQ;qCACtB,qBAACC,MAAE;oBAAuBC,QAAQF;mBAAzBA,aAAaG,EAAE;;YAPvBV,YAAYU,EAAE;;IAW3B,qBAAO;kBAAGb;;AACd;AACAxB,gBAAgBsC,MAAM,GAAGC,eAAQ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CompoundStylesApiProps, ExtendComponent, Factory, MenuProps } from '@mantine/core';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { TableAction } from '../Table.types';
|
|
3
|
+
import { TableAction } from '../Table.types.js';
|
|
4
4
|
export type TableActionsListStylesNames = 'actionsTarget' | 'actionsDropdown' | 'actionsTooltip' | 'actionsGroup' | 'actionsGroupLabel' | 'actionsGroupDivider' | 'actionsGroupItems';
|
|
5
5
|
export interface TableActionsListProps extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>, CompoundStylesApiProps<TableActionsListFactory> {
|
|
6
6
|
actions: TableAction[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,sBAAsB,EAEtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,WAAW,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,sBAAsB,EAEtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAI9C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,sBAAsB,CAAC,uBAAuB,CAAC;IACnD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC;CACjC,CAAC,CAAC;AAmBH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;kBAuI3B,eAAe,CAAC,uBAAuB,CAAC;eA/J/D,qBAAqB;aACvB,cAAc;qBACN,2BAA2B;kBAC9B,IAAI;iBACL,OAAO,GAAG,UAAU;;CAoIhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n CompoundStylesApiProps,\n CSSProperties,\n ExtendComponent,\n Factory,\n Menu,\n MenuProps,\n Tooltip,\n useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../action-icon/index.js';\nimport {Button} from '../../button/index.js';\nimport {InlineConfirm} from '../../inline-confirm/index.js';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext.js';\nimport {TableActionProvider} from './TableActionContext.js';\n\nexport type TableActionsListStylesNames =\n | 'actionsTarget'\n | 'actionsDropdown'\n | 'actionsTooltip'\n | 'actionsGroup'\n | 'actionsGroupLabel'\n | 'actionsGroupDivider'\n | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n CompoundStylesApiProps<TableActionsListFactory> {\n actions: TableAction[];\n /**\n * Label for the more menu\n * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n */\n label?: string;\n /**\n * Label for the primary actions group when variant is 'combined'\n * @default ''\n */\n primaryGroupLabel?: string;\n icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n props: TableActionsListProps;\n ref: HTMLDivElement;\n stylesNames: TableActionsListStylesNames;\n compound: true;\n variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n label: 'More',\n primaryGroupLabel: '',\n icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n $$primary: TableAction[];\n $$confirmPrompt: TableAction[];\n secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n name: string;\n actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n const {getStyles} = useTableContext();\n const {\n actions,\n icon,\n label,\n primaryGroupLabel,\n classNames,\n styles,\n vars: _vars,\n variant,\n ...others\n } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n const [opened, setOpened] = useState(false);\n\n const onClick: MouseEventHandler = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setOpened((prevState) => !prevState);\n };\n const onChange = (newOpened: boolean) => {\n if (!newOpened) {\n setOpened(false);\n }\n };\n\n const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n (acc, action) => {\n if (action.group === '$$primary') {\n acc.$$primary.push(action);\n } else if (action.group === '$$confirmPrompt') {\n acc.$$confirmPrompt.push(action);\n } else {\n if (acc.secondary[action.group]) {\n acc.secondary[action.group].push(action.component);\n } else {\n acc.secondary[action.group] = [action.component];\n }\n }\n return acc;\n },\n {$$primary: [], $$confirmPrompt: [], secondary: {}},\n );\n\n const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n ([group, groupActions]): ActionGroup => ({\n name: group,\n actions: groupActions,\n }),\n );\n\n if (variant === 'split') {\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n {secondaryActionGroups.length > 0 ? (\n <TableActionProvider value={{primary: false}}>\n <Menu withinPortal={false} {...others} keepMounted>\n <Menu.Target>\n <Button.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n leftSection={icon}\n >\n {label}\n </Button.Quaternary>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={secondaryActionGroups}\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n ) : null}\n </InlineConfirm>\n );\n }\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: false}}>\n <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n <Menu.Target>\n <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n <ActionIcon.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n onClick={onClick}\n >\n {icon}\n </ActionIcon.Quaternary>\n </Tooltip>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={\n primaryActions.length > 0\n ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n : secondaryActionGroups\n }\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n </InlineConfirm>\n );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n classNames: Partial<Record<TableActionsListStylesNames, string>>;\n actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n const {getStyles} = useTableContext();\n return actionGroups.map(({name, actions}, index) => (\n <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n {actionGroups.length > 1 ? (\n <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n ) : null}\n <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n {index < actionGroups.length - 1 ? (\n <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n ) : null}\n </Box>\n ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["TableActionsList","defaultProps","label","primaryGroupLabel","icon","MoreSize16Px","height","props","getStyles","useTableContext","useProps","actions","classNames","styles","vars","_vars","variant","others","useState","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","InlineConfirm","TableActionProvider","value","primary","length","Menu","withinPortal","keepMounted","Target","Button","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","Tooltip","ActionIcon","index","Box","Label","Divider","extend","input"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box,\n CompoundStylesApiProps,\n CSSProperties,\n ExtendComponent,\n Factory,\n Menu,\n MenuProps,\n Tooltip,\n useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../action-icon/index.js';\nimport {Button} from '../../button/index.js';\nimport {InlineConfirm} from '../../inline-confirm/index.js';\nimport {TableAction} from '../Table.types.js';\nimport {useTableContext} from '../TableContext.js';\nimport {TableActionProvider} from './TableActionContext.js';\n\nexport type TableActionsListStylesNames =\n | 'actionsTarget'\n | 'actionsDropdown'\n | 'actionsTooltip'\n | 'actionsGroup'\n | 'actionsGroupLabel'\n | 'actionsGroupDivider'\n | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n CompoundStylesApiProps<TableActionsListFactory> {\n actions: TableAction[];\n /**\n * Label for the more menu\n * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n */\n label?: string;\n /**\n * Label for the primary actions group when variant is 'combined'\n * @default ''\n */\n primaryGroupLabel?: string;\n icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n props: TableActionsListProps;\n ref: HTMLDivElement;\n stylesNames: TableActionsListStylesNames;\n compound: true;\n variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n label: 'More',\n primaryGroupLabel: '',\n icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n $$primary: TableAction[];\n $$confirmPrompt: TableAction[];\n secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n name: string;\n actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n const {getStyles} = useTableContext();\n const {\n actions,\n icon,\n label,\n primaryGroupLabel,\n classNames,\n styles,\n vars: _vars,\n variant,\n ...others\n } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n const [opened, setOpened] = useState(false);\n\n const onClick: MouseEventHandler = (e) => {\n e.preventDefault();\n e.stopPropagation();\n setOpened((prevState) => !prevState);\n };\n const onChange = (newOpened: boolean) => {\n if (!newOpened) {\n setOpened(false);\n }\n };\n\n const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n (acc, action) => {\n if (action.group === '$$primary') {\n acc.$$primary.push(action);\n } else if (action.group === '$$confirmPrompt') {\n acc.$$confirmPrompt.push(action);\n } else {\n if (acc.secondary[action.group]) {\n acc.secondary[action.group].push(action.component);\n } else {\n acc.secondary[action.group] = [action.component];\n }\n }\n return acc;\n },\n {$$primary: [], $$confirmPrompt: [], secondary: {}},\n );\n\n const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n ([group, groupActions]): ActionGroup => ({\n name: group,\n actions: groupActions,\n }),\n );\n\n if (variant === 'split') {\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n {secondaryActionGroups.length > 0 ? (\n <TableActionProvider value={{primary: false}}>\n <Menu withinPortal={false} {...others} keepMounted>\n <Menu.Target>\n <Button.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n leftSection={icon}\n >\n {label}\n </Button.Quaternary>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={secondaryActionGroups}\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n ) : null}\n </InlineConfirm>\n );\n }\n return (\n <InlineConfirm>\n {confirmPrompts}\n <TableActionProvider value={{primary: false}}>\n <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n <Menu.Target>\n <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n <ActionIcon.Quaternary\n {...getStyles('actionsTarget', {styles, classNames})}\n onClick={onClick}\n >\n {icon}\n </ActionIcon.Quaternary>\n </Tooltip>\n </Menu.Target>\n <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n <ActionsGroupsMenuItems\n classNames={classNames}\n styles={styles}\n actionGroups={\n primaryActions.length > 0\n ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n : secondaryActionGroups\n }\n />\n </Menu.Dropdown>\n </Menu>\n </TableActionProvider>\n </InlineConfirm>\n );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n classNames: Partial<Record<TableActionsListStylesNames, string>>;\n actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n const {getStyles} = useTableContext();\n return actionGroups.map(({name, actions}, index) => (\n <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n {actionGroups.length > 1 ? (\n <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n ) : null}\n <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n {index < actionGroups.length - 1 ? (\n <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n ) : null}\n </Box>\n ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["TableActionsList","defaultProps","label","primaryGroupLabel","icon","MoreSize16Px","height","props","getStyles","useTableContext","useProps","actions","classNames","styles","vars","_vars","variant","others","useState","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","InlineConfirm","TableActionProvider","value","primary","length","Menu","withinPortal","keepMounted","Target","Button","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","Tooltip","ActionIcon","index","Box","Label","Divider","extend","input"],"mappings":"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"}
|
|
@@ -16,21 +16,21 @@ export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/
|
|
|
16
16
|
}) | (AnchorProps & {
|
|
17
17
|
component: React.ElementType;
|
|
18
18
|
renderRoot?: (props: Record<string, any>) => any;
|
|
19
|
-
})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
19
|
+
})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
|
|
20
20
|
props: AnchorProps;
|
|
21
21
|
ref: HTMLAnchorElement;
|
|
22
22
|
stylesNames: HeaderBreadcrumbAnchorStyleNames;
|
|
23
23
|
compound: true;
|
|
24
24
|
defaultComponent: "a";
|
|
25
25
|
defaultRef: HTMLAnchorElement;
|
|
26
|
-
}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
26
|
+
}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
|
|
27
27
|
props: AnchorProps;
|
|
28
28
|
ref: HTMLAnchorElement;
|
|
29
29
|
stylesNames: HeaderBreadcrumbAnchorStyleNames;
|
|
30
30
|
compound: true;
|
|
31
31
|
defaultComponent: "a";
|
|
32
32
|
defaultRef: HTMLAnchorElement;
|
|
33
|
-
}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
|
|
33
|
+
}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
|
|
34
34
|
props: AnchorProps;
|
|
35
35
|
ref: HTMLAnchorElement;
|
|
36
36
|
stylesNames: HeaderBreadcrumbAnchorStyleNames;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,0FAQmC,MAAO,YAAY;;;;;;eAMoB,MAAO,WAAW;;;WAtBpH,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EAe/B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Anchor, polymorphicFactory } from '@mantine/core';
|
|
3
|
-
import { useHeaderContext } from '../Header.context';
|
|
3
|
+
import { useHeaderContext } from '../Header.context.js';
|
|
4
4
|
export const HeaderBreadcrumbAnchor = polymorphicFactory((props, ref)=>{
|
|
5
5
|
const { className, classNames, styles, style, ...others } = props;
|
|
6
6
|
const ctx = useHeaderContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: AnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["Anchor","polymorphicFactory","useHeaderContext","HeaderBreadcrumbAnchor","props","ref","className","classNames","styles","style","others","ctx","inherit","getStyles","displayName"],"mappings":";AAAA,SAAQA,MAAM,EAA6CC,kBAAkB,QAAO,gBAAgB;AACpG,SAAQC,gBAAgB,QAAO,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n props: AnchorProps;\n ref: HTMLAnchorElement;\n stylesNames: HeaderBreadcrumbAnchorStyleNames;\n compound: true;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Anchor\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["Anchor","polymorphicFactory","useHeaderContext","HeaderBreadcrumbAnchor","props","ref","className","classNames","styles","style","others","ctx","inherit","getStyles","displayName"],"mappings":";AAAA,SAAQA,MAAM,EAA6CC,kBAAkB,QAAO,gBAAgB;AACpG,SAAQC,gBAAgB,QAAO,uBAAuB;AAatD,OAAO,MAAMC,yBAAyBF,mBAAkD,CAACG,OAAOC;IAC5F,MAAM,EAACC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAAO,GAAGN;IAC1D,MAAMO,MAAMT;IAEZ,qBACI,KAACF;QACGK,KAAKA;QACLO,OAAO;QACN,GAAGD,IAAIE,SAAS,CAAC,oBAAoB;YAACP;YAAWC;YAAYC;YAAQC;YAAOL;QAAK,EAAE;QACnF,GAAGM,MAAM;;AAGtB,GAAG;AACHP,uBAAuBW,WAAW,GAAG"}
|
|
@@ -16,21 +16,21 @@ export declare const HeaderBreadcrumbText: (<C = "p">(props: import("@mantine/co
|
|
|
16
16
|
}) | (TextProps & {
|
|
17
17
|
component: React.ElementType;
|
|
18
18
|
renderRoot?: (props: Record<string, any>) => any;
|
|
19
|
-
})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory").ThemeExtend<{
|
|
19
|
+
})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
|
|
20
20
|
props: TextProps;
|
|
21
21
|
ref: HTMLParagraphElement;
|
|
22
22
|
stylesNames: HeaderBreadcrumbTextStyleNames;
|
|
23
23
|
compound: true;
|
|
24
24
|
defaultComponent: "p";
|
|
25
25
|
defaultRef: HTMLParagraphElement;
|
|
26
|
-
}> & import("node_modules/@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
26
|
+
}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
|
|
27
27
|
props: TextProps;
|
|
28
28
|
ref: HTMLParagraphElement;
|
|
29
29
|
stylesNames: HeaderBreadcrumbTextStyleNames;
|
|
30
30
|
compound: true;
|
|
31
31
|
defaultComponent: "p";
|
|
32
32
|
defaultRef: HTMLParagraphElement;
|
|
33
|
-
}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
|
|
33
|
+
}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
|
|
34
34
|
props: TextProps;
|
|
35
35
|
ref: HTMLParagraphElement;
|
|
36
36
|
stylesNames: HeaderBreadcrumbTextStyleNames;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBreadcrumbText.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAA4B,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC;AAGhG,MAAM,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,8BAA8B,CAAC;IAC5C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,oBAAoB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"HeaderBreadcrumbText.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAA4B,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC;AAGhG,MAAM,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,8BAA8B,CAAC;IAC5C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,oBAAoB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,wFAQmD,MAAO,YACpF;;;;;;eAK0H,MAAO,WAAW;;;WAtBxI,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;;WALzB,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;;WALzB,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;EAelC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { polymorphicFactory, Text } from '@mantine/core';
|
|
3
|
-
import { useHeaderContext } from '../Header.context';
|
|
3
|
+
import { useHeaderContext } from '../Header.context.js';
|
|
4
4
|
export const HeaderBreadcrumbText = polymorphicFactory((props, ref)=>{
|
|
5
5
|
const { className, classNames, styles, style, ...others } = props;
|
|
6
6
|
const ctx = useHeaderContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n props: TextProps;\n ref: HTMLParagraphElement;\n stylesNames: HeaderBreadcrumbTextStyleNames;\n compound: true;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Text\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbText.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbText';\n"],"names":["polymorphicFactory","Text","useHeaderContext","HeaderBreadcrumbText","props","ref","className","classNames","styles","style","others","ctx","inherit","getStyles","displayName"],"mappings":";AAAA,SAAiCA,kBAAkB,EAAEC,IAAI,QAAuB,gBAAgB;AAChG,SAAQC,gBAAgB,QAAO,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"sourcesContent":["import {type PolymorphicFactory, polymorphicFactory, Text, type TextProps} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';\n\nexport type HeaderBreadcrumbTextFactory = PolymorphicFactory<{\n props: TextProps;\n ref: HTMLParagraphElement;\n stylesNames: HeaderBreadcrumbTextStyleNames;\n compound: true;\n defaultComponent: 'p';\n defaultRef: HTMLParagraphElement;\n}>;\n\nexport const HeaderBreadcrumbText = polymorphicFactory<HeaderBreadcrumbTextFactory>((props, ref) => {\n const {className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Text\n ref={ref}\n inherit\n {...ctx.getStyles('breadcrumbText', {className, classNames, styles, style, props})}\n {...others}\n />\n );\n});\nHeaderBreadcrumbText.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbText';\n"],"names":["polymorphicFactory","Text","useHeaderContext","HeaderBreadcrumbText","props","ref","className","classNames","styles","style","others","ctx","inherit","getStyles","displayName"],"mappings":";AAAA,SAAiCA,kBAAkB,EAAEC,IAAI,QAAuB,gBAAgB;AAChG,SAAQC,gBAAgB,QAAO,uBAAuB;AAatD,OAAO,MAAMC,uBAAuBH,mBAAgD,CAACI,OAAOC;IACxF,MAAM,EAACC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAAO,GAAGN;IAC1D,MAAMO,MAAMT;IAEZ,qBACI,KAACD;QACGI,KAAKA;QACLO,OAAO;QACN,GAAGD,IAAIE,SAAS,CAAC,kBAAkB;YAACP;YAAWC;YAAYC;YAAQC;YAAOL;QAAK,EAAE;QACjF,GAAGM,MAAM;;AAGtB,GAAG;AACHP,qBAAqBW,WAAW,GAAG"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Breadcrumbs, factory } from '@mantine/core';
|
|
3
|
-
import { useHeaderContext } from '../Header.context';
|
|
3
|
+
import { useHeaderContext } from '../Header.context.js';
|
|
4
4
|
export const HeaderBreadcrumbs = factory((props, ref)=>{
|
|
5
5
|
const { children, className, classNames, styles, style, ...others } = props;
|
|
6
6
|
const ctx = useHeaderContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["Breadcrumbs","factory","useHeaderContext","HeaderBreadcrumbs","props","ref","children","className","classNames","styles","style","others","ctx","breadcrumb","getStyles","separator"],"mappings":";AAAA,SAAQA,WAAW,EAAqDC,OAAO,QAAO,gBAAgB;AACtG,SAAQC,gBAAgB,QAAO,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n props: BreadcrumbsProps;\n ref: HTMLDivElement;\n stylesNames: HeaderBreadcrumbsStyleNames;\n compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n const {children, className, classNames, styles, style, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Breadcrumbs\n ref={ref}\n classNames={{\n breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n }}\n {...others}\n >\n {children}\n </Breadcrumbs>\n );\n});\n"],"names":["Breadcrumbs","factory","useHeaderContext","HeaderBreadcrumbs","props","ref","children","className","classNames","styles","style","others","ctx","breadcrumb","getStyles","separator"],"mappings":";AAAA,SAAQA,WAAW,EAAqDC,OAAO,QAAO,gBAAgB;AACtG,SAAQC,gBAAgB,QAAO,uBAAuB;AActD,OAAO,MAAMC,oBAAoBF,QAAkC,CAACG,OAAOC;IACvE,MAAM,EAACC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAAO,GAAGP;IACpE,MAAMQ,MAAMV;IAEZ,qBACI,KAACF;QACGK,KAAKA;QACLG,YAAY;YACRK,YAAYD,IAAIE,SAAS,CAAC,mBAAmB;gBAACP;gBAAWC;gBAAYC;gBAAQC;gBAAON;YAAK,GAAGG,SAAS;YACrGQ,WAAWH,IAAIE,SAAS,CAAC,wBAAwB;gBAACN;gBAAYC;gBAAQL;YAAK,GAAGG,SAAS;QAC3F;QACC,GAAGI,MAAM;kBAETL;;AAGb,GAAG"}
|