@coveord/plasma-mantine 47.4.0

package/dist/esm/components/table/TablePerPage.js

@@ -0,0 +1,42 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group, SegmentedControl, Text } from "@mantine/core";
+import { useTable } from "./useTable";
+export var TablePerPage = function(param) {
+    var _label = param.label, label = _label === void 0 ? "Results per page" : _label, _values = param.values, values = _values === void 0 ? [
+        25,
+        50,
+        100
+    ] : _values;
+    var ref = useTable(), state = ref.state, setState = ref.setState;
+    var updatePerPage = function(newPerPage) {
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                pagination: _object_spread_props(_object_spread({}, prevState.pagination), {
+                    pageSize: parseInt(newPerPage, 10)
+                })
+            });
+        });
+    };
+    var ref1;
+    return /*#__PURE__*/ _jsxs(Group, {
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                children: label
+            }),
+            /*#__PURE__*/ _jsx(SegmentedControl, {
+                value: (ref1 = state.pagination.pageSize.toString()) !== null && ref1 !== void 0 ? ref1 : values === null || values === void 0 ? void 0 : values[1].toString(),
+                onChange: updatePerPage,
+                data: values.map(function(value) {
+                    return value.toString();
+                }),
+                color: "action",
+                size: "md"
+            })
+        ]
+    });
+};
+TablePerPage.DEFAULT_SIZE = 50;
+
+//# sourceMappingURL=TablePerPage.js.map

package/dist/esm/components/table/TablePerPage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from './useTable';\n\ninterface TablePerPageProps {\n    /**\n     * The label displayed before the control\n     *\n     * @default Results per page\n     */\n    label?: string;\n    /**\n     * The per page choices to display\n     *\n     * @default [25, 50, 100]\n     */\n    values?: number[];\n}\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n}) => {\n    const {state, setState} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return (\n        <Group>\n            <Text>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                color=\"action\"\n                size=\"md\"\n            />\n        </Group>\n    );\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useTable","TablePerPage","label","values","state","setState","updatePerPage","newPerPage","prevState","pagination","pageSize","parseInt","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":"AAAA;;;AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,eAAe,CAAC;AAI5D,SAAQC,QAAQ,QAAO,YAAY,CAAC;AAiBpC,OAAO,IAAMC,YAAY,GAAkE,gBAGrF;uBAFFC,KAAK,EAALA,KAAK,uBAAG,kBAAkB,SAAA,kBAC1BC,MAAM,EAANA,MAAM,wBAAG;AAAC,UAAE;AAAE,UAAE;AAAE,WAAG;KAAC,UAAA;IAEtB,IAA0BH,GAAU,GAAVA,QAAQ,EAAE,EAA7BI,KAAK,GAAcJ,GAAU,CAA7BI,KAAK,EAAEC,QAAQ,GAAIL,GAAU,CAAtBK,QAAQ,AAAe;IAErC,IAAMC,aAAa,GAAG,SAACC,UAAkB,EAAK;QAC1CF,QAAQ,CAAC,SAACG,SAAqB;mBAAM,wCAC9BA,SAAS;gBACZC,UAAU,EAAE,wCAAID,SAAS,CAACC,UAAU;oBAAEC,QAAQ,EAAEC,QAAQ,CAACJ,UAAU,EAAE,EAAE,CAAC;kBAAC;cAC5E;SAAC,CAAC,CAAC;IACR,CAAC,AAAC;QAMiBH,IAAoC;IAJvD,qBACI,MAACP,KAAK;;0BACF,KAACE,IAAI;0BAAEG,KAAK;cAAQ;0BACpB,KAACJ,gBAAgB;gBACbc,KAAK,EAAER,CAAAA,IAAoC,GAApCA,KAAK,CAACK,UAAU,CAACC,QAAQ,CAACG,QAAQ,EAAE,cAApCT,IAAoC,cAApCA,IAAoC,GAAID,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,AAAE,CAAC,CAAC,CAAC,CAACU,QAAQ,EAAE;gBACrEC,QAAQ,EAAER,aAAa;gBACvBS,IAAI,EAAEZ,MAAM,CAACa,GAAG,CAAC,SAACJ,KAAK;2BAAKA,KAAK,CAACC,QAAQ,EAAE;iBAAA,CAAC;gBAC7CI,KAAK,EAAC,QAAQ;gBACdC,IAAI,EAAC,IAAI;cACX;;MACE,CACV;AACN,CAAC,CAAC;AAEFjB,YAAY,CAACkB,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/components/table/TablePredicate.js

@@ -0,0 +1,35 @@
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, Group, Text } from "@mantine/core";
+import { useTable } from "./useTable";
+export var TablePredicate = function(param) {
+    var id = param.id, data = param.data, label = param.label;
+    var ref = useTable(), onChange = ref.onChange, form = ref.form;
+    var onUpdate = function(newValue) {
+        form.setFieldValue("predicates", _object_spread_props(_object_spread({}, form.values.predicates), _define_property({}, id, newValue)));
+        onChange === null || onChange === void 0 ? void 0 : onChange();
+    };
+    return /*#__PURE__*/ _jsxs(Group, {
+        spacing: "xs",
+        children: [
+            label ? /*#__PURE__*/ _jsxs(Text, {
+                children: [
+                    label,
+                    ":"
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsx(Select, {
+                withinPortal: true,
+                value: form.values.predicates[id],
+                onChange: onUpdate,
+                data: data,
+                "aria-label": label !== null && label !== void 0 ? label : id,
+                searchable: data.length > 7
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=TablePredicate.js.map

package/dist/esm/components/table/TablePredicate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TablePredicate.tsx"],"sourcesContent":["import {Select, SelectItem, Group, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\ninterface TablePredicateProps {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: SelectItem[];\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = ({id, data, label}) => {\n    const {onChange, form} = useTable();\n\n    const onUpdate = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        onChange?.();\n    };\n\n    return (\n        <Group spacing=\"xs\">\n            {label ? <Text>{label}:</Text> : null}\n            <Select\n                withinPortal\n                value={form.values.predicates[id]}\n                onChange={onUpdate}\n                data={data}\n                aria-label={label ?? id}\n                searchable={data.length > 7}\n            />\n        </Group>\n    );\n};\n"],"names":["Select","Group","Text","useTable","TablePredicate","id","data","label","onChange","form","onUpdate","newValue","setFieldValue","values","predicates","spacing","withinPortal","value","aria-label","searchable","length"],"mappings":"AAAA;;;;AAAA,SAAQA,MAAM,EAAcC,KAAK,EAAEC,IAAI,QAAO,eAAe,CAAC;AAE9D,SAAQC,QAAQ,QAAO,YAAY,CAAC;AAmBpC,OAAO,IAAMC,cAAc,GAA2C,gBAAuB;QAArBC,EAAE,SAAFA,EAAE,EAAEC,IAAI,SAAJA,IAAI,EAAEC,KAAK,SAALA,KAAK;IACnF,IAAyBJ,GAAU,GAAVA,QAAQ,EAAE,EAA5BK,QAAQ,GAAUL,GAAU,CAA5BK,QAAQ,EAAEC,IAAI,GAAIN,GAAU,CAAlBM,IAAI,AAAe;IAEpC,IAAMC,QAAQ,GAAG,SAACC,QAAgB,EAAK;QACnCF,IAAI,CAACG,aAAa,CAAC,YAAY,EAAE,wCAAIH,IAAI,CAACI,MAAM,CAACC,UAAU,GAAE,qBAACT,EAAE,EAAGM,QAAQ,CAAA,CAAC,CAAC,CAAC;QAC9EH,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAC;IACjB,CAAC,AAAC;IAEF,qBACI,MAACP,KAAK;QAACc,OAAO,EAAC,IAAI;;YACdR,KAAK,iBAAG,MAACL,IAAI;;oBAAEK,KAAK;oBAAC,GAAC;;cAAO,GAAG,IAAI;0BACrC,KAACP,MAAM;gBACHgB,YAAY;gBACZC,KAAK,EAAER,IAAI,CAACI,MAAM,CAACC,UAAU,CAACT,EAAE,CAAC;gBACjCG,QAAQ,EAAEE,QAAQ;gBAClBJ,IAAI,EAAEA,IAAI;gBACVY,YAAU,EAAEX,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIF,EAAE;gBACvBc,UAAU,EAAEb,IAAI,CAACc,MAAM,GAAG,CAAC;cAC7B;;MACE,CACV;AACN,CAAC,CAAC"}

package/dist/esm/components/table/Th.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowHeadDownSize16Px, ArrowHeadUpSize16Px } from "@coveord/plasma-react-icons";
+import { Center, createStyles, Group, Text, UnstyledButton } from "@mantine/core";
+import { defaultColumnSizing, flexRender } from "@tanstack/react-table";
+var useStyles = createStyles(function(theme) {
+    return {
+        th: {
+            padding: "0 !important",
+            fontWeight: "400 !important",
+            color: theme.black + "!important"
+        },
+        noSort: {
+            padding: "".concat(theme.spacing.xs, "px ").concat(theme.spacing.md, "px")
+        },
+        control: {
+            width: "100%",
+            padding: "".concat(theme.spacing.xs, "px ").concat(theme.spacing.md, "px"),
+            "&:hover": {
+                backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[6] : theme.colors.gray[2]
+            }
+        }
+    };
+});
+var SortingIcons = {
+    asc: ArrowHeadDownSize16Px,
+    desc: ArrowHeadUpSize16Px
+};
+var SortingLabels = {
+    asc: "ascending",
+    desc: "descending"
+};
+export var Th = function(param) {
+    var header = param.header;
+    var classes = useStyles().classes;
+    var size = header.column.getSize();
+    var width = size !== defaultColumnSizing.size ? size : undefined;
+    if (header.isPlaceholder) {
+        return null;
+    }
+    if (!header.column.getCanSort()) {
+        return /*#__PURE__*/ _jsx("th", {
+            className: classes.th,
+            style: {
+                width: width
+            },
+            children: /*#__PURE__*/ _jsx(Text, {
+                className: classes.noSort,
+                size: "xs",
+                children: flexRender(header.column.columnDef.header, header.getContext())
+            })
+        });
+    }
+    var onSort = header.column.getToggleSortingHandler();
+    var sortingOrder = header.column.getIsSorted();
+    var Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];
+    return /*#__PURE__*/ _jsx("th", {
+        className: classes.th,
+        style: {
+            width: width
+        },
+        "aria-sort": sortingOrder ? SortingLabels[sortingOrder] : "none",
+        children: /*#__PURE__*/ _jsx(UnstyledButton, {
+            onClick: onSort,
+            className: classes.control,
+            children: /*#__PURE__*/ _jsxs(Group, {
+                position: "apart",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "xs",
+                        children: flexRender(header.column.columnDef.header, header.getContext())
+                    }),
+                    /*#__PURE__*/ _jsx(Center, {
+                        sx: function(theme) {
+                            return {
+                                color: sortingOrder ? theme.colors.action[8] : undefined
+                            };
+                        },
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            height: 14
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=Th.js.map

package/dist/esm/components/table/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/Th.tsx"],"sourcesContent":["import {ArrowHeadDownSize16Px, ArrowHeadUpSize16Px} from '@coveord/plasma-react-icons';\nimport {Center, createStyles, Group, Text, UnstyledButton} from '@mantine/core';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\n\nconst useStyles = createStyles((theme) => ({\n    th: {\n        padding: '0 !important',\n        fontWeight: '400 !important' as any,\n        color: theme.black + '!important',\n    },\n\n    noSort: {\n        padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    },\n\n    control: {\n        width: '100%',\n        padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n\n        '&:hover': {\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[6] : theme.colors.gray[2],\n        },\n    },\n}));\n\ninterface ThProps<T> {\n    header: Header<T, unknown>;\n}\n\nconst SortingIcons = {\n    asc: ArrowHeadDownSize16Px,\n    desc: ArrowHeadUpSize16Px,\n};\n\nconst SortingLabels = {\n    asc: 'ascending',\n    desc: 'descending',\n} as const;\n\nexport const Th = <T,>({header}: ThProps<T>) => {\n    const {classes} = useStyles();\n    const size = header.column.getSize();\n    const width = size !== defaultColumnSizing.size ? size : undefined;\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th className={classes.th} style={{width}}>\n                <Text className={classes.noSort} size=\"xs\">\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Text>\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted();\n    const Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];\n\n    return (\n        <th className={classes.th} style={{width}} aria-sort={sortingOrder ? SortingLabels[sortingOrder] : 'none'}>\n            <UnstyledButton onClick={onSort} className={classes.control}>\n                <Group position=\"apart\">\n                    <Text size=\"xs\">{flexRender(header.column.columnDef.header, header.getContext())}</Text>\n                    <Center sx={(theme) => ({color: sortingOrder ? theme.colors.action[8] : undefined})}>\n                        <Icon height={14} />\n                    </Center>\n                </Group>\n            </UnstyledButton>\n        </th>\n    );\n};\n"],"names":["ArrowHeadDownSize16Px","ArrowHeadUpSize16Px","Center","createStyles","Group","Text","UnstyledButton","defaultColumnSizing","flexRender","useStyles","theme","th","padding","fontWeight","color","black","noSort","spacing","xs","md","control","width","backgroundColor","colorScheme","colors","gray","SortingIcons","asc","desc","SortingLabels","Th","header","classes","size","column","getSize","undefined","isPlaceholder","getCanSort","className","style","columnDef","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","getFirstSortDir","aria-sort","onClick","position","sx","action","height"],"mappings":"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"}

package/dist/esm/components/table/index.js

@@ -0,0 +1,4 @@
+export * from "./Table";
+export * from "./useTable";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export * from './Table';\nexport {type onTableChangeEvent} from './TableContext';\nexport * from './useTable';\n"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,cAAc,YAAY,CAAC"}

package/dist/esm/components/table/useTable.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { TableContext } from "./TableContext";
+export var useTable = function() {
+    var ctx = useContext(TableContext);
+    if (ctx === null) {
+        throw new Error("useTable must be used inside of a TableContext.Provider");
+    }
+    return ctx;
+};
+
+//# sourceMappingURL=useTable.js.map

package/dist/esm/components/table/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/useTable.tsx"],"sourcesContent":["import {useContext} from 'react';\nimport {TableContext} from './TableContext';\n\nexport const useTable = () => {\n    const ctx = useContext(TableContext);\n    if (ctx === null) {\n        throw new Error('useTable must be used inside of a TableContext.Provider');\n    }\n\n    return ctx;\n};\n"],"names":["useContext","TableContext","useTable","ctx","Error"],"mappings":"AAAA,SAAQA,UAAU,QAAO,OAAO,CAAC;AACjC,SAAQC,YAAY,QAAO,gBAAgB,CAAC;AAE5C,OAAO,IAAMC,QAAQ,GAAG,WAAM;IAC1B,IAAMC,GAAG,GAAGH,UAAU,CAACC,YAAY,CAAC,AAAC;IACrC,IAAIE,GAAG,KAAK,IAAI,EAAE;QACd,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC/E,CAAC;IAED,OAAOD,GAAG,CAAC;AACf,CAAC,CAAC"}

package/dist/esm/hooks/index.js

@@ -0,0 +1,4 @@
+export * from "./useParentHeight";
+export * from "./useControlledList";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useParentHeight';\nexport * from './useControlledList';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/esm/hooks/useControlledList.js

@@ -0,0 +1,44 @@
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import { useUncontrolled } from "@mantine/hooks";
+/**
+ * Manage a list of items in a controlled fashion, to be used with inputs
+ */ export var useControlledList = function(param) {
+    var defaultValue = param.defaultValue, value = param.value, onChange = param.onChange;
+    var ref = _sliced_to_array(useUncontrolled({
+        value: value,
+        defaultValue: defaultValue,
+        finalValue: [],
+        onChange: onChange
+    }), 2), values = ref[0], handleChange = ref[1];
+    var remove = function(index) {
+        var newValues = values.filter(function(_, i) {
+            return i !== index;
+        });
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+    };
+    var append = function(item) {
+        var newValues = _to_consumable_array(values).concat([
+            item
+        ]);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+    };
+    var reorder = function(param) {
+        var from = param.from, to = param.to;
+        var newValues = _to_consumable_array(values);
+        var item = values[from];
+        newValues.splice(from, 1);
+        newValues.splice(to, 0, item);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+    };
+    return [
+        values,
+        {
+            remove: remove,
+            append: append,
+            reorder: reorder
+        }
+    ];
+};
+
+//# sourceMappingURL=useControlledList.js.map

package/dist/esm/hooks/useControlledList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useControlledList.ts"],"sourcesContent":["import {useUncontrolled} from '@mantine/hooks';\n\ninterface UseControlledList<T> {\n    /** Initial value for uncontrolled state */\n    defaultValue?: T[];\n    /** Value for controlled state */\n    value?: T[];\n    /** Controlled state onChange handler */\n    onChange?: (values: T[]) => void;\n}\n\ninterface ListHandlers<T> {\n    /** Appends the item at the end of the list */\n    append: (item: T) => void;\n    /** Removes the item at the index from the list */\n    remove: (index: number) => void;\n    /** Moves the item at the \"from\" position to another position within the list  */\n    reorder: ({from, to}: {from: number; to: number}) => void;\n}\n\n/**\n * Manage a list of items in a controlled fashion, to be used with inputs\n */\nexport const useControlledList = <T>({defaultValue, value, onChange}: UseControlledList<T>): [T[], ListHandlers<T>] => {\n    const [values, handleChange] = useUncontrolled({\n        value,\n        defaultValue,\n        finalValue: [],\n        onChange,\n    });\n\n    const remove = (index: number) => {\n        const newValues = values.filter((_, i) => i !== index);\n        handleChange?.(newValues);\n    };\n\n    const append = (item: T) => {\n        const newValues = [...values, item];\n        handleChange?.(newValues);\n    };\n\n    const reorder = ({from, to}: {from: number; to: number}) => {\n        const newValues = [...values];\n        const item = values[from];\n\n        newValues.splice(from, 1);\n        newValues.splice(to, 0, item);\n\n        handleChange?.(newValues);\n    };\n\n    return [values, {remove, append, reorder}];\n};\n"],"names":["useUncontrolled","useControlledList","defaultValue","value","onChange","finalValue","values","handleChange","remove","index","newValues","filter","_","i","append","item","reorder","from","to","splice"],"mappings":"AAAA;;AAAA,SAAQA,eAAe,QAAO,gBAAgB,CAAC;AAoB/C;;CAEC,GACD,OAAO,IAAMC,iBAAiB,GAAG,gBAAsF;QAAjFC,YAAY,SAAZA,YAAY,EAAEC,KAAK,SAALA,KAAK,EAAEC,QAAQ,SAARA,QAAQ;IAC/D,IAA+BJ,GAK7B,oBAL6BA,eAAe,CAAC;QAC3CG,KAAK,EAALA,KAAK;QACLD,YAAY,EAAZA,YAAY;QACZG,UAAU,EAAE,EAAE;QACdD,QAAQ,EAARA,QAAQ;KACX,CAAC,IAAA,EALKE,MAAM,GAAkBN,GAK7B,GALW,EAAEO,YAAY,GAAIP,GAK7B,GALyB,AAKxB;IAEH,IAAMQ,MAAM,GAAG,SAACC,KAAa,EAAK;QAC9B,IAAMC,SAAS,GAAGJ,MAAM,CAACK,MAAM,CAAC,SAACC,CAAC,EAAEC,CAAC;mBAAKA,CAAC,KAAKJ,KAAK;SAAA,CAAC,AAAC;QACvDF,YAAY,aAAZA,YAAY,WAAa,GAAzBA,KAAAA,CAAyB,GAAzBA,YAAY,CAAGG,SAAS,CAAC,CAAC;IAC9B,CAAC,AAAC;IAEF,IAAMI,MAAM,GAAG,SAACC,IAAO,EAAK;QACxB,IAAML,SAAS,GAAG,AAAC,qBAAGJ,MAAM,CAANA,QAAJ;YAAYS,IAAI;SAAC,CAAA,AAAC;QACpCR,YAAY,aAAZA,YAAY,WAAa,GAAzBA,KAAAA,CAAyB,GAAzBA,YAAY,CAAGG,SAAS,CAAC,CAAC;IAC9B,CAAC,AAAC;IAEF,IAAMM,OAAO,GAAG,gBAA4C;YAA1CC,IAAI,SAAJA,IAAI,EAAEC,EAAE,SAAFA,EAAE;QACtB,IAAMR,SAAS,GAAI,qBAAGJ,MAAM,CAANA,AAAO,AAAC;QAC9B,IAAMS,IAAI,GAAGT,MAAM,CAACW,IAAI,CAAC,AAAC;QAE1BP,SAAS,CAACS,MAAM,CAACF,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1BP,SAAS,CAACS,MAAM,CAACD,EAAE,EAAE,CAAC,EAAEH,IAAI,CAAC,CAAC;QAE9BR,YAAY,aAAZA,YAAY,WAAa,GAAzBA,KAAAA,CAAyB,GAAzBA,YAAY,CAAGG,SAAS,CAAC,CAAC;IAC9B,CAAC,AAAC;IAEF,OAAO;QAACJ,MAAM;QAAE;YAACE,MAAM,EAANA,MAAM;YAAEM,MAAM,EAANA,MAAM;YAAEE,OAAO,EAAPA,OAAO;SAAC;KAAC,CAAC;AAC/C,CAAC,CAAC"}

package/dist/esm/hooks/useParentHeight.js

@@ -0,0 +1,28 @@
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { useEffect, useRef, useState } from "react";
+var getElementInnerHeight = function(el) {
+    var fullHeight = el.getBoundingClientRect().height;
+    var cs = getComputedStyle(el);
+    var padding = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);
+    var border = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);
+    return fullHeight - padding - border;
+};
+/**
+ * Computes the available height of the parent element on mount
+ */ export var useParentHeight = function() {
+    var ref = _sliced_to_array(useState(-1), 2), height = ref[0], setHeight = ref[1];
+    var ref1 = useRef();
+    useEffect(function() {
+        if (ref1.current) {
+            setHeight(getElementInnerHeight(ref1.current.parentElement));
+        }
+    }, [
+        ref1.current
+    ]);
+    return [
+        height,
+        ref1
+    ];
+};
+
+//# sourceMappingURL=useParentHeight.js.map

package/dist/esm/hooks/useParentHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useParentHeight.ts"],"sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\nconst getElementInnerHeight = (el: HTMLElement): number => {\n    const fullHeight = el.getBoundingClientRect().height;\n    const cs = getComputedStyle(el);\n    const padding = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);\n    const border = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);\n    return fullHeight - padding - border;\n};\n\n/**\n * Computes the available height of the parent element on mount\n */\nexport const useParentHeight = (): [number, React.MutableRefObject<HTMLDivElement>] => {\n    const [height, setHeight] = useState(-1);\n    const ref = useRef<HTMLDivElement>();\n\n    useEffect(() => {\n        if (ref.current) {\n            setHeight(getElementInnerHeight(ref.current.parentElement));\n        }\n    }, [ref.current]);\n\n    return [height, ref];\n};\n"],"names":["useEffect","useRef","useState","getElementInnerHeight","el","fullHeight","getBoundingClientRect","height","cs","getComputedStyle","padding","parseFloat","paddingTop","paddingBottom","border","borderTopWidth","borderBottomWidth","useParentHeight","setHeight","ref","current","parentElement"],"mappings":"AAAA;AAAA,SAAQA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO,CAAC;AAElD,IAAMC,qBAAqB,GAAG,SAACC,EAAe,EAAa;IACvD,IAAMC,UAAU,GAAGD,EAAE,CAACE,qBAAqB,EAAE,CAACC,MAAM,AAAC;IACrD,IAAMC,EAAE,GAAGC,gBAAgB,CAACL,EAAE,CAAC,AAAC;IAChC,IAAMM,OAAO,GAAGC,UAAU,CAACH,EAAE,CAACI,UAAU,CAAC,GAAGD,UAAU,CAACH,EAAE,CAACK,aAAa,CAAC,AAAC;IACzE,IAAMC,MAAM,GAAGH,UAAU,CAACH,EAAE,CAACO,cAAc,CAAC,GAAGJ,UAAU,CAACH,EAAE,CAACQ,iBAAiB,CAAC,AAAC;IAChF,OAAOX,UAAU,GAAGK,OAAO,GAAGI,MAAM,CAAC;AACzC,CAAC,AAAC;AAEF;;CAEC,GACD,OAAO,IAAMG,eAAe,GAAG,WAAwD;IACnF,IAA4Bf,GAAY,oBAAZA,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,EAAjCK,MAAM,GAAeL,GAAY,GAA3B,EAAEgB,SAAS,GAAIhB,GAAY,GAAhB,AAAiB;IACzC,IAAMiB,IAAG,GAAGlB,MAAM,EAAkB,AAAC;IAErCD,SAAS,CAAC,WAAM;QACZ,IAAImB,IAAG,CAACC,OAAO,EAAE;YACbF,SAAS,CAACf,qBAAqB,CAACgB,IAAG,CAACC,OAAO,CAACC,aAAa,CAAC,CAAC,CAAC;QAChE,CAAC;IACL,CAAC,EAAE;QAACF,IAAG,CAACC,OAAO;KAAC,CAAC,CAAC;IAElB,OAAO;QAACb,MAAM;QAAEY,IAAG;KAAC,CAAC;AACzB,CAAC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+export { ColumnDef, createColumnHelper } from "@tanstack/table-core";
+export * from "@mantine/core";
+export * from "@mantine/form";
+export * from "@mantine/hooks";
+export * from "./components";
+export * from "./theme";
+// explicitly overriding mantine components
+export { Header, Table } from "./components";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport {ColumnDef, createColumnHelper} from '@tanstack/table-core';\n\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\n\nexport * from './components';\nexport * from './theme';\n\n// explicitly overriding mantine components\nexport {Header, Table} from './components';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["ColumnDef","createColumnHelper","Header","Table"],"mappings":"AAIA,SAAQA,SAAS,EAAEC,kBAAkB,QAAO,sBAAsB,CAAC;AAEnE,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAE9B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,2CAA2C;AAC3C,SAAQC,MAAM,EAAEC,KAAK,QAAO,cAAc,CAAC"}

package/dist/esm/theme/PlasmaColors.js

@@ -0,0 +1,44 @@
+import { color } from "@coveord/plasma-tokens";
+var toMantineColor = function(plasmaColor) {
+    return Object.values(plasmaColor);
+};
+export var PlasmaColors = {
+    // Primary
+    gray: toMantineColor(color.primary.gray),
+    action: [
+        color.primary.action[1],
+        color.primary.action[1],
+        color.primary.action[2],
+        color.primary.action[3],
+        color.primary.action[4],
+        color.primary.action[6],
+        color.primary.action[6],
+        color.primary.action[8],
+        color.primary.action[8],
+        color.primary.action[9]
+    ],
+    navy: toMantineColor(color.primary.navy),
+    // Accent
+    blue: toMantineColor(color.accent.blue),
+    red: toMantineColor(color.accent.red),
+    teal: toMantineColor(color.accent.teal),
+    yellow: toMantineColor(color.accent.yellow),
+    // Secondary
+    green: toMantineColor(color.secondary.green),
+    indigo: toMantineColor(color.secondary.indigo),
+    lime: [
+        color.secondary.lime[0],
+        color.secondary.lime[0],
+        color.secondary.lime[0],
+        color.secondary.lime[0],
+        color.secondary.lime[6],
+        color.secondary.lime[6],
+        color.secondary.lime[6],
+        color.secondary.lime[9],
+        color.secondary.lime[9],
+        color.secondary.lime[9]
+    ],
+    purple: toMantineColor(color.secondary.purple)
+};
+
+//# sourceMappingURL=PlasmaColors.js.map

package/dist/esm/theme/PlasmaColors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy: toMantineColor(color.primary.navy),\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red: toMantineColor(color.accent.red),\n    teal: toMantineColor(color.accent.teal),\n    yellow: toMantineColor(color.accent.yellow),\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime: [\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n    ] as Tuple<string, 10>,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["color","toMantineColor","plasmaColor","Object","values","PlasmaColors","gray","primary","action","navy","blue","accent","red","teal","yellow","green","secondary","indigo","lime","purple"],"mappings":"AAAA,SAAQA,KAAK,QAAO,wBAAwB,CAAC;AAG7C,IAAMC,cAAc,GAAG,SAACC,WAAmC;WACvDC,MAAM,CAACC,MAAM,CAACF,WAAW,CAAC;CAAqB,AAAC;AAEpD,OAAO,IAAMG,YAAY,GAAG;IACxB,UAAU;IACVC,IAAI,EAAEL,cAAc,CAACD,KAAK,CAACO,OAAO,CAACD,IAAI,CAAC;IACxCE,MAAM,EAAE;QACJR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBR,KAAK,CAACO,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;KAC1B;IACDC,IAAI,EAAER,cAAc,CAACD,KAAK,CAACO,OAAO,CAACE,IAAI,CAAC;IACxC,SAAS;IACTC,IAAI,EAAET,cAAc,CAACD,KAAK,CAACW,MAAM,CAACD,IAAI,CAAC;IACvCE,GAAG,EAAEX,cAAc,CAACD,KAAK,CAACW,MAAM,CAACC,GAAG,CAAC;IACrCC,IAAI,EAAEZ,cAAc,CAACD,KAAK,CAACW,MAAM,CAACE,IAAI,CAAC;IACvCC,MAAM,EAAEb,cAAc,CAACD,KAAK,CAACW,MAAM,CAACG,MAAM,CAAC;IAC3C,YAAY;IACZC,KAAK,EAAEd,cAAc,CAACD,KAAK,CAACgB,SAAS,CAACD,KAAK,CAAC;IAC5CE,MAAM,EAAEhB,cAAc,CAACD,KAAK,CAACgB,SAAS,CAACC,MAAM,CAAC;IAC9CC,IAAI,EAAE;QACFlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBlB,KAAK,CAACgB,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;KAC1B;IACDC,MAAM,EAAElB,cAAc,CAACD,KAAK,CAACgB,SAAS,CAACG,MAAM,CAAC;CACjD,CAAC"}

package/dist/esm/theme/Plasmantine.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MantineProvider } from "@mantine/core";
+import { plasmaTheme } from "./Theme";
+export var Plasmantine = function(param) {
+    var children = param.children;
+    return /*#__PURE__*/ _jsx(MantineProvider, {
+        withGlobalStyles: true,
+        withNormalizeCSS: true,
+        theme: plasmaTheme,
+        children: children
+    });
+};
+
+//# sourceMappingURL=Plasmantine.js.map

package/dist/esm/theme/Plasmantine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {plasmaTheme} from './Theme';\n\nexport const Plasmantine: FunctionComponent = ({children}) => (\n    <MantineProvider withGlobalStyles withNormalizeCSS theme={plasmaTheme}>\n        {children}\n    </MantineProvider>\n);\n"],"names":["MantineProvider","plasmaTheme","Plasmantine","children","withGlobalStyles","withNormalizeCSS","theme"],"mappings":"AAAA;AAAA,SAAQA,eAAe,QAAO,eAAe,CAAC;AAG9C,SAAQC,WAAW,QAAO,SAAS,CAAC;AAEpC,OAAO,IAAMC,WAAW,GAAsB;QAAEC,QAAQ,SAARA,QAAQ;yBACpD,KAACH,eAAe;QAACI,gBAAgB;QAACC,gBAAgB;QAACC,KAAK,EAAEL,WAAW;kBAChEE,QAAQ;MACK;CACrB,CAAC"}

package/dist/esm/theme/Theme.js

@@ -0,0 +1,213 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowHeadRightSize24Px, InfoSize24Px } from "@coveord/plasma-react-icons";
+import { color } from "@coveord/plasma-tokens";
+import { PlasmaColors } from "./PlasmaColors";
+export var plasmaTheme = {
+    colorScheme: "light",
+    fontFamily: "canada-type-gibson, sans-serif",
+    black: color.primary.gray[9],
+    defaultRadius: 8,
+    spacing: {
+        xs: 8,
+        sm: 16,
+        md: 24,
+        lg: 32,
+        xl: 40
+    },
+    primaryColor: "action",
+    headings: {
+        fontFamily: "canada-type-gibson, sans-serif",
+        fontWeight: 500,
+        sizes: {
+            h1: {
+                fontSize: 48,
+                lineHeight: "56px",
+                fontWeight: undefined
+            },
+            h2: {
+                fontSize: 32,
+                lineHeight: "40px",
+                fontWeight: undefined
+            },
+            h3: {
+                fontSize: 28,
+                lineHeight: "40px",
+                fontWeight: undefined
+            },
+            h4: {
+                fontSize: 24,
+                lineHeight: "32px",
+                fontWeight: undefined
+            },
+            h5: {
+                fontSize: 18,
+                lineHeight: "28px",
+                fontWeight: undefined
+            },
+            h6: {
+                fontSize: 16,
+                lineHeight: "24px",
+                fontWeight: undefined
+            }
+        }
+    },
+    shadows: {
+        xs: "0px 1px 0px rgba(4, 8, 31, 0.08)",
+        sm: "0px 2px 4px rgba(4, 8, 31, 0.12)",
+        md: "0px 4px 8px rgba(4, 8, 31, 0.08)",
+        lg: "0px 8px 16px rgba(7, 12, 41, 0.06)",
+        xl: "0px 16px 24px rgba(4, 8, 31, 0.06)"
+    },
+    colors: PlasmaColors,
+    components: {
+        Alert: {
+            defaultProps: {
+                icon: /*#__PURE__*/ _jsx(InfoSize24Px, {
+                    height: 24
+                }),
+                color: "navy"
+            },
+            styles: {
+                title: {
+                    fontWeight: 500
+                }
+            }
+        },
+        Title: {
+            styles: function(theme) {
+                return {
+                    root: {
+                        "&:is(h1,h2,h3,h4,h5,h6)": {
+                            letterSpacing: "0.011em",
+                            color: theme.colors.gray[9]
+                        }
+                    }
+                };
+            }
+        },
+        Button: {
+            styles: function(theme, params) {
+                return {
+                    root: {
+                        "&": {
+                            fontWeight: 400
+                        },
+                        backgroundColor: params.variant === "outline" ? "white" : undefined
+                    }
+                };
+            }
+        },
+        Modal: {
+            styles: function(theme, param) {
+                var size = param.size, fullScreen = param.fullScreen;
+                return {
+                    modal: {
+                        width: fullScreen ? undefined : theme.fn.size({
+                            size: size,
+                            sizes: {
+                                xs: 320,
+                                sm: 440,
+                                md: "45%",
+                                lg: 1334,
+                                xl: "85%"
+                            }
+                        })
+                    }
+                };
+            },
+            defaultProps: {
+                overlayColor: color.primary.navy[9],
+                overlayOpacity: 0.9
+            }
+        },
+        InputWrapper: {
+            defaultProps: {
+                withAsterisk: false
+            }
+        },
+        TextInput: {
+            defaultProps: {
+                radius: 8
+            },
+            styles: function(theme) {
+                return {
+                    description: {
+                        fontSize: "inherit",
+                        paddingBottom: theme.spacing.xs
+                    }
+                };
+            }
+        },
+        Tooltip: {
+            defaultProps: {
+                color: "navy",
+                withArrow: true,
+                withinPortal: true
+            }
+        },
+        Breadcrumbs: {
+            defaultProps: {
+                separator: /*#__PURE__*/ _jsx(ArrowHeadRightSize24Px, {
+                    height: 24
+                })
+            }
+        },
+        Loader: {
+            defaultProps: {
+                variant: "dots",
+                color: "action"
+            }
+        },
+        DateRangePicker: {
+            styles: {
+                cell: {
+                    textAlign: "center"
+                }
+            }
+        },
+        Anchor: {
+            defaultProps: {
+                color: "action"
+            },
+            styles: function(theme) {
+                return {
+                    root: _object_spread({}, theme.fn.hover({
+                        textDecoration: "underline",
+                        color: theme.colors.action[8]
+                    }))
+                };
+            }
+        },
+        Checkbox: {
+            defaultProps: {
+                radius: "sm"
+            },
+            styles: {
+                labelWrapper: {
+                    display: "flex",
+                    alignItems: "center"
+                }
+            }
+        },
+        List: {
+            styles: function() {
+                return {
+                    root: {
+                        listStyleType: "disc"
+                    }
+                };
+            }
+        },
+        Radio: {
+            styles: {
+                labelWrapper: {
+                    display: "flex",
+                    alignItems: "flex-start"
+                }
+            }
+        }
+    }
+};
+
+//# sourceMappingURL=Theme.js.map