@coveord/plasma-mantine 48.10.1 → 48.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +6 -6
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/table/TableHeader.js +22 -8
  5. package/dist/cjs/components/table/TableHeader.js.map +1 -1
  6. package/dist/definitions/components/table/TableHeader.d.ts +13 -2
  7. package/dist/definitions/components/table/TableHeader.d.ts.map +1 -1
  8. package/dist/esm/components/table/TableHeader.js +22 -8
  9. package/dist/esm/components/table/TableHeader.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/table/TableHeader.tsx +17 -6
package/dist/cjs/components/table/TableHeader.js CHANGED
@@ -8,11 +8,14 @@ Object.defineProperty(exports, "TableHeader", {
8
8
  return TableHeader;
9
9
  }
10
10
  });
11
+ var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
12
+ var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
13
+ var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
11
14
  var _jsxRuntime = require("react/jsx-runtime");
12
15
  var _core = require("@mantine/core");
13
16
  var useStyles = (0, _core.createStyles)(function(theme) {
14
17
  return {
15
- header: {
18
+ root: {
16
19
  position: "sticky",
17
20
  top: 0,
18
21
  zIndex: 13,
@@ -21,17 +24,28 @@ var useStyles = (0, _core.createStyles)(function(theme) {
21
24
  }
22
25
  };
23
26
  });
24
- var TableHeader = function(param) {
25
- var children = param.children;
26
- var classes = useStyles().classes;
27
- return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
27
+ var TableHeader = function(_param) {
28
+ var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _objectWithoutProperties(_param, [
29
+ "classNames",
30
+ "styles",
31
+ "unstyled",
32
+ "children"
33
+ ]);
34
+ var classes = useStyles(null, {
35
+ name: "TableHeader",
36
+ classNames: classNames,
37
+ styles: styles,
38
+ unstyled: unstyled
39
+ }).classes;
40
+ return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, _objectSpreadProps(_objectSpread({
28
41
  position: "right",
29
42
  spacing: "lg",
30
- className: classes.header,
43
+ className: classes.root,
31
44
  px: "md",
32
- py: "sm",
45
+ py: "sm"
46
+ }, others), {
33
47
  children: children
34
- });
48
+ }));
35
49
  };
36
50
 
37
51
  //# sourceMappingURL=TableHeader.js.map
package/dist/cjs/components/table/TableHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n header: {\n position: 'sticky',\n top: 0,\n zIndex: 13, // skeleton is 11\n backgroundColor: theme.colors.gray[1],\n borderBottom: `1px solid ${theme.colors.gray[4]}`,\n },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n const {classes} = useStyles();\n return (\n <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n {children}\n </Group>\n );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","children","classes","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAaaA;;;eAAAA;;;;oBAbqB;AAGlC,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEO,IAAMV,cAAoD,gBAAgB;QAAdY,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,qBAACC,WAAK;QAACT,UAAS;QAAQU,SAAQ;QAAKC,WAAWH,QAAQT,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEN;;AAGb"}
1
+ {"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n root: {\n position: 'sticky',\n top: 0,\n zIndex: 13, // skeleton is 11\n backgroundColor: theme.colors.gray[1],\n borderBottom: `1px solid ${theme.colors.gray[4]}`,\n },\n}));\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\ninterface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n /* Children of header (ie: actions, datepicker, etc.) */\n children?: ReactNode;\n}\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n classNames,\n styles,\n unstyled,\n children,\n ...others\n}) => {\n const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n return (\n <Group position=\"right\" spacing=\"lg\" className={classes.root} px=\"md\" py=\"sm\" {...others}>\n {children}\n </Group>\n );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","root","position","top","zIndex","backgroundColor","colors","gray","borderBottom","classNames","styles","unstyled","children","others","classes","name","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAkBaA;;;eAAAA;;;;;;;oBAlB8C;AAG3D,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAOO,IAAMV,cAAmD,iBAM1D;QALFY,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWhB,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EG;IACP,qBACI,qBAACE,WAAK;QAACd,UAAS;QAAQe,SAAQ;QAAKC,WAAWJ,QAAQb,IAAI;QAAEkB,IAAG;QAAKC,IAAG;OAASP;kBAC7ED;;AAGb"}
package/dist/definitions/components/table/TableHeader.d.ts CHANGED
@@ -1,3 +1,14 @@
1
- import { FunctionComponent, PropsWithChildren } from 'react';
2
- export declare const TableHeader: FunctionComponent<PropsWithChildren>;
1
+ import { DefaultProps, Selectors } from '@mantine/core';
2
+ import { FunctionComponent, ReactNode } from 'react';
3
+ declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<"root">) => {
4
+ classes: Record<"root", string>;
5
+ cx: (...args: any) => string;
6
+ theme: import("@mantine/core").MantineTheme;
7
+ };
8
+ declare type TableHeaderStylesNames = Selectors<typeof useStyles>;
9
+ interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
10
+ children?: ReactNode;
11
+ }
12
+ export declare const TableHeader: FunctionComponent<TableHeaderProps>;
13
+ export {};
3
14
  //# sourceMappingURL=TableHeader.d.ts.map
package/dist/definitions/components/table/TableHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAY3D,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAO5D,CAAC"}
1
+ {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAS,SAAS,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,QAAA,MAAM,SAAS;;;;CAQZ,CAAC;AAEJ,aAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAC1D,UAAU,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAEnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAa3D,CAAC"}
package/dist/esm/components/table/TableHeader.js CHANGED
@@ -1,8 +1,11 @@
1
+ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
2
+ import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
3
+ import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
1
4
  import { jsx as _jsx } from "react/jsx-runtime";
2
5
  import { createStyles, Group } from "@mantine/core";
3
6
  var useStyles = createStyles(function(theme) {
4
7
  return {
5
- header: {
8
+ root: {
6
9
  position: "sticky",
7
10
  top: 0,
8
11
  zIndex: 13,
@@ -11,17 +14,28 @@ var useStyles = createStyles(function(theme) {
11
14
  }
12
15
  };
13
16
  });
14
- export var TableHeader = function(param) {
15
- var children = param.children;
16
- var classes = useStyles().classes;
17
- return /*#__PURE__*/ _jsx(Group, {
17
+ export var TableHeader = function(_param) {
18
+ var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties(_param, [
19
+ "classNames",
20
+ "styles",
21
+ "unstyled",
22
+ "children"
23
+ ]);
24
+ var classes = useStyles(null, {
25
+ name: "TableHeader",
26
+ classNames: classNames,
27
+ styles: styles,
28
+ unstyled: unstyled
29
+ }).classes;
30
+ return /*#__PURE__*/ _jsx(Group, _object_spread_props(_object_spread({
18
31
  position: "right",
19
32
  spacing: "lg",
20
- className: classes.header,
33
+ className: classes.root,
21
34
  px: "md",
22
- py: "sm",
35
+ py: "sm"
36
+ }, others), {
23
37
  children: children
24
- });
38
+ }));
25
39
  };
26
40
 
27
41
  //# sourceMappingURL=TableHeader.js.map
package/dist/esm/components/table/TableHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n header: {\n position: 'sticky',\n top: 0,\n zIndex: 13, // skeleton is 11\n backgroundColor: theme.colors.gray[1],\n borderBottom: `1px solid ${theme.colors.gray[4]}`,\n },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n const {classes} = useStyles();\n return (\n <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n {children}\n </Group>\n );\n};\n"],"names":["createStyles","Group","useStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","children","classes","spacing","className","px","py"],"mappings":"AAAA;AAAA,SAAQA,YAAY,EAAEC,KAAK,QAAO,gBAAgB;AAGlD,IAAMC,YAAYF,aAAa,SAACG;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEA,OAAO,IAAME,cAAoD,gBAAgB;QAAdC,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,KAACb;QAAMI,UAAS;QAAQU,SAAQ;QAAKC,WAAWF,QAAQV,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEL;;AAGb,EAAE"}
1
+ {"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n root: {\n position: 'sticky',\n top: 0,\n zIndex: 13, // skeleton is 11\n backgroundColor: theme.colors.gray[1],\n borderBottom: `1px solid ${theme.colors.gray[4]}`,\n },\n}));\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\ninterface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n /* Children of header (ie: actions, datepicker, etc.) */\n children?: ReactNode;\n}\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n classNames,\n styles,\n unstyled,\n children,\n ...others\n}) => {\n const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n return (\n <Group position=\"right\" spacing=\"lg\" className={classes.root} px=\"md\" py=\"sm\" {...others}>\n {children}\n </Group>\n );\n};\n"],"names":["createStyles","Group","useStyles","theme","root","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","classNames","styles","unstyled","children","others","classes","name","spacing","className","px","py"],"mappings":"AAAA;;;;AAAA,SAAQA,YAAY,EAAgBC,KAAK,QAAkB,gBAAgB;AAG3E,IAAMC,YAAYF,aAAa,SAACG;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAOA,OAAO,IAAME,cAAmD,iBAM1D;QALFC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWhB,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EG;IACP,qBACI,KAACjB;QAAMI,UAAS;QAAQe,SAAQ;QAAKC,WAAWH,QAAQd,IAAI;QAAEkB,IAAG;QAAKC,IAAG;OAASN;kBAC7ED;;AAGb,EAAE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coveord/plasma-mantine",
3
- "version": "48.10.1",
3
+ "version": "48.12.1",
4
4
  "description": "A Plasma flavoured Mantine theme",
5
5
  "keywords": [
6
6
  "plasma",
package/src/components/table/TableHeader.tsx CHANGED
@@ -1,8 +1,8 @@
1
- import {createStyles, Group} from '@mantine/core';
2
- import {FunctionComponent, PropsWithChildren} from 'react';
1
+ import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';
2
+ import {FunctionComponent, ReactNode} from 'react';
3
3
 
4
4
  const useStyles = createStyles((theme) => ({
5
- header: {
5
+ root: {
6
6
  position: 'sticky',
7
7
  top: 0,
8
8
  zIndex: 13, // skeleton is 11
@@ -11,10 +11,21 @@ const useStyles = createStyles((theme) => ({
11
11
  },
12
12
  }));
13
13
 
14
- export const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {
15
- const {classes} = useStyles();
14
+ type TableHeaderStylesNames = Selectors<typeof useStyles>;
15
+ interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
16
+ /* Children of header (ie: actions, datepicker, etc.) */
17
+ children?: ReactNode;
18
+ }
19
+ export const TableHeader: FunctionComponent<TableHeaderProps> = ({
20
+ classNames,
21
+ styles,
22
+ unstyled,
23
+ children,
24
+ ...others
25
+ }) => {
26
+ const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});
16
27
  return (
17
- <Group position="right" spacing="lg" className={classes.header} px="md" py="sm">
28
+ <Group position="right" spacing="lg" className={classes.root} px="md" py="sm" {...others}>
18
29
  {children}
19
30
  </Group>
20
31
  );