d2coreui 23.0.33 → 23.0.35

package/components/grid/panel/dataGridPagination.js

@@ -16,7 +16,7 @@ export default class DataGridPagination extends React.Component {
             React.createElement("li", { style: { margin: "0 12px", lineHeight: "32px", whiteSpace: "nowrap" } }, `${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`),
             React.createElement(Button.Group, null,
                 React.createElement(Button, { title: i18n("First Page"), disabled: disabled || current === 1, icon: React.createElement(StepBackwardOutlined, null), onClick: () => {
-                        this.props.onGoToPage(0);
+                        this.props.onGoToPage(1);
                     } }),
                 React.createElement(Button, { title: i18n("Previous Page"), disabled: disabled || current === 1, icon: React.createElement(CaretLeftOutlined, null), onClick: () => {
                         this.props.onGoToPage(current - 1);

package/components/grid/panel/dataGridPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataGridPagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/dataGridPagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {Button, InputNumber, Popover, Space} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {\r\n    CaretLeftOutlined,\r\n    CaretRightOutlined,\r\n    CheckOutlined,\r\n    StepBackwardOutlined,\r\n    StepForwardOutlined\r\n} from \"@ant-design/icons\";\r\n\r\ninterface DataGridPaginationProps {\r\n    disabled?: boolean\r\n    current: number\r\n    pageSize: number\r\n    total: number\r\n\r\n    onGoToPage(page: number): void\r\n}\r\n\r\ninterface DataGridPaginationState {\r\n    gotoPageNumber?: number\r\n}\r\n\r\nexport default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {\r\n    constructor(props: Readonly<DataGridPaginationProps>) {\r\n        super(props);\r\n\r\n        this.state = {}\r\n    }\r\n\r\n    render() {\r\n        const {disabled, total, pageSize, current} = this.props;\r\n        const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;\r\n        const rangeEnd = current * pageSize > total ? total : current * pageSize;\r\n        const totalPages = Math.ceil(total / pageSize);\r\n        return (\r\n            <>\r\n                <li style={{margin: \"0 12px\", lineHeight: \"32px\", whiteSpace: \"nowrap\"}}>\r\n                    {`${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`}\r\n                </li>\r\n                <Button.Group>\r\n                    <Button\r\n                        title={i18n(\"First Page\")}\r\n                        disabled={disabled || current === 1}\r\n                        icon={<StepBackwardOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(0);\r\n                        }}\r\n                    />\r\n                    <Button\r\n                        title={i18n(\"Previous Page\")}\r\n                        disabled={disabled || current === 1}\r\n                        icon={<CaretLeftOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(current - 1);\r\n                        }}\r\n                    />\r\n                    <Popover\r\n                        placement=\"bottom\"\r\n                        trigger={disabled || totalPages <= 1 ? [] : [\"hover\", \"click\"]}\r\n                        content={\r\n                            <Space.Compact>\r\n                                <InputNumber\r\n                                    disabled={disabled || total === 0}\r\n                                    min={1} max={totalPages}\r\n                                    value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\r\n                                    onChange={(newValue) => {\r\n                                        if (typeof newValue === \"number\") {\r\n                                            this.setState({gotoPageNumber: newValue});\r\n                                        }\r\n                                    }}\r\n                                    onKeyDown={(e) => {\r\n                                        if (e.code === \"Enter\") {\r\n                                            if (this.state.gotoPageNumber) {\r\n                                                this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                            }\r\n                                        }\r\n                                    }}\r\n                                />\r\n                                <Button\r\n                                    title={i18n(\"Goto Page\")}\r\n                                    type=\"primary\"\r\n                                    onClick={() => {\r\n                                        if (this.state.gotoPageNumber) {\r\n                                            this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    <CheckOutlined/>\r\n                                </Button>\r\n                            </Space.Compact>\r\n                        }>\r\n                        <Button disabled={disabled} style={{width: 80, paddingLeft: 0, paddingRight: 0}}>\r\n                            <span style={{\r\n                                display: \"inline-block\",\r\n                                width: \"100%\",\r\n                                textAlign: \"center\",\r\n                            }}>{total === 0 ? 0 : current} / {totalPages}</span>\r\n                        </Button>\r\n                    </Popover>\r\n                    <Button\r\n                        title={i18n(\"Next Page\")}\r\n                        disabled={disabled || current === totalPages || total === 0}\r\n                        icon={<CaretRightOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(current + 1);\r\n                        }}\r\n                    />\r\n                    <Button\r\n                        title={i18n(\"Last Page\")}\r\n                        disabled={disabled || current === totalPages || total === 0}\r\n                        icon={<StepForwardOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(totalPages);\r\n                        }}\r\n                    />\r\n                </Button.Group>\r\n            </>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"dataGridPagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/dataGridPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACzD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EACH,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACtB,MAAM,mBAAmB,CAAC;AAe3B,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAC7G,YAAY,KAAwC;QAChD,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;IACnB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,MAAM,UAAU,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;QAClE,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC;QACzE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;QAC/C,OAAO,CACH;YACI,4BAAI,KAAK,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAC,IAClE,GAAG,UAAU,IAAI,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAClD;YACL,oBAAC,MAAM,CAAC,KAAK;gBACT,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,EACzB,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAK,CAAC,EACnC,IAAI,EAAE,oBAAC,oBAAoB,OAAE,EAC7B,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;oBAC7B,CAAC,GACH;gBACF,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,EAC5B,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAK,CAAC,EACnC,IAAI,EAAE,oBAAC,iBAAiB,OAAE,EAC1B,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;oBACvC,CAAC,GACH;gBACF,oBAAC,OAAO,IACJ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,QAAQ,IAAI,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,EAC9D,OAAO,EACH,oBAAC,KAAK,CAAC,OAAO;wBACV,oBAAC,WAAW,IACR,QAAQ,EAAE,QAAQ,IAAI,KAAK,KAAK,CAAC,EACjC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACjF,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gCACnB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;oCAC/B,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,QAAQ,EAAC,CAAC,CAAC;gCAC9C,CAAC;4BACL,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oCACrB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;wCAC5B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;oCACrD,CAAC;gCACL,CAAC;4BACL,CAAC,GACH;wBACF,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EACxB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;gCACV,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;oCAC5B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gCACrD,CAAC;4BACL,CAAC;4BAED,oBAAC,aAAa,OAAE,CACX,CACG;oBAEpB,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC;wBAC3E,8BAAM,KAAK,EAAE;gCACT,OAAO,EAAE,cAAc;gCACvB,KAAK,EAAE,MAAM;gCACb,SAAS,EAAE,QAAQ;6BACtB;4BAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;;4BAAK,UAAU,CAAQ,CAC/C,CACH;gBACV,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EACxB,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAK,UAAU,IAAI,KAAK,KAAK,CAAC,EAC3D,IAAI,EAAE,oBAAC,kBAAkB,OAAE,EAC3B,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;oBACvC,CAAC,GACH;gBACF,oBAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EACxB,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAK,UAAU,IAAI,KAAK,KAAK,CAAC,EAC3D,IAAI,EAAE,oBAAC,mBAAmB,OAAE,EAC5B,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;oBACtC,CAAC,GACH,CACS,CAChB,CACN,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport {Button, InputNumber, Popover, Space} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {\r\n    CaretLeftOutlined,\r\n    CaretRightOutlined,\r\n    CheckOutlined,\r\n    StepBackwardOutlined,\r\n    StepForwardOutlined\r\n} from \"@ant-design/icons\";\r\n\r\ninterface DataGridPaginationProps {\r\n    disabled?: boolean\r\n    current: number\r\n    pageSize: number\r\n    total: number\r\n\r\n    onGoToPage(page: number): void\r\n}\r\n\r\ninterface DataGridPaginationState {\r\n    gotoPageNumber?: number\r\n}\r\n\r\nexport default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {\r\n    constructor(props: Readonly<DataGridPaginationProps>) {\r\n        super(props);\r\n\r\n        this.state = {}\r\n    }\r\n\r\n    render() {\r\n        const {disabled, total, pageSize, current} = this.props;\r\n        const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;\r\n        const rangeEnd = current * pageSize > total ? total : current * pageSize;\r\n        const totalPages = Math.ceil(total / pageSize);\r\n        return (\r\n            <>\r\n                <li style={{margin: \"0 12px\", lineHeight: \"32px\", whiteSpace: \"nowrap\"}}>\r\n                    {`${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`}\r\n                </li>\r\n                <Button.Group>\r\n                    <Button\r\n                        title={i18n(\"First Page\")}\r\n                        disabled={disabled || current === 1}\r\n                        icon={<StepBackwardOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(1);\r\n                        }}\r\n                    />\r\n                    <Button\r\n                        title={i18n(\"Previous Page\")}\r\n                        disabled={disabled || current === 1}\r\n                        icon={<CaretLeftOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(current - 1);\r\n                        }}\r\n                    />\r\n                    <Popover\r\n                        placement=\"bottom\"\r\n                        trigger={disabled || totalPages <= 1 ? [] : [\"hover\", \"click\"]}\r\n                        content={\r\n                            <Space.Compact>\r\n                                <InputNumber\r\n                                    disabled={disabled || total === 0}\r\n                                    min={1} max={totalPages}\r\n                                    value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\r\n                                    onChange={(newValue) => {\r\n                                        if (typeof newValue === \"number\") {\r\n                                            this.setState({gotoPageNumber: newValue});\r\n                                        }\r\n                                    }}\r\n                                    onKeyDown={(e) => {\r\n                                        if (e.code === \"Enter\") {\r\n                                            if (this.state.gotoPageNumber) {\r\n                                                this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                            }\r\n                                        }\r\n                                    }}\r\n                                />\r\n                                <Button\r\n                                    title={i18n(\"Goto Page\")}\r\n                                    type=\"primary\"\r\n                                    onClick={() => {\r\n                                        if (this.state.gotoPageNumber) {\r\n                                            this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    <CheckOutlined/>\r\n                                </Button>\r\n                            </Space.Compact>\r\n                        }>\r\n                        <Button disabled={disabled} style={{width: 80, paddingLeft: 0, paddingRight: 0}}>\r\n                            <span style={{\r\n                                display: \"inline-block\",\r\n                                width: \"100%\",\r\n                                textAlign: \"center\",\r\n                            }}>{total === 0 ? 0 : current} / {totalPages}</span>\r\n                        </Button>\r\n                    </Popover>\r\n                    <Button\r\n                        title={i18n(\"Next Page\")}\r\n                        disabled={disabled || current === totalPages || total === 0}\r\n                        icon={<CaretRightOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(current + 1);\r\n                        }}\r\n                    />\r\n                    <Button\r\n                        title={i18n(\"Last Page\")}\r\n                        disabled={disabled || current === totalPages || total === 0}\r\n                        icon={<StepForwardOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(totalPages);\r\n                        }}\r\n                    />\r\n                </Button.Group>\r\n            </>\r\n        );\r\n    }\r\n\r\n}"]}

package/components/picker/enumValuePicker.d.ts

@@ -1,16 +1,24 @@
 import React from "react";
 import { SelectProps } from "antd";
-type EnumRepresentation<T extends string> = {
+import { DefaultOptionType } from "rc-select/lib/Select";
+type EnumTypes = string | number;
+type EnumRepresentation<T extends EnumTypes> = {
     [key in string]: T;
 };
-export interface EnumValuePickerProps<T extends string> extends Omit<SelectProps<T>, "onChange"> {
+interface EnumValuePickerProps<T extends EnumTypes> extends Omit<SelectProps<T>, "onChange"> {
     allowedValueTypes?: T[];
     values: EnumRepresentation<T>;
     translateValue?: boolean;
     translationPrefix?: string;
-    onChange(value?: T): void;
+    onChange?: (value?: T) => void;
 }
-export default class EnumValuePicker<T extends string> extends React.Component<EnumValuePickerProps<T>, any> {
+interface EnumValuePickerState {
+    options: DefaultOptionType[];
+}
+export default class EnumValuePicker<T extends EnumTypes> extends React.Component<EnumValuePickerProps<T>, EnumValuePickerState> {
+    constructor(props: Readonly<EnumValuePickerProps<T>>);
+    componentDidUpdate(prevProps: Readonly<EnumValuePickerProps<T>>): void;
     render(): React.JSX.Element;
+    private getOptions;
 }
 export {};

package/components/picker/enumValuePicker.js

@@ -13,6 +13,18 @@ import React from "react";
 import { Select } from "antd";
 import i18n from "d2core/i18n/i18n";
 export default class EnumValuePicker extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            options: this.getOptions(props.values, props.allowedValueTypes, props.translateValue, props.translationPrefix),
+        };
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.values !== this.props.values) {
+            const { values, allowedValueTypes, translateValue, translationPrefix } = this.props;
+            this.setState({ options: this.getOptions(values, allowedValueTypes, translateValue, translationPrefix) });
+        }
+    }
     render() {
         const _a = this.props, { value, allowedValueTypes, onChange, translationPrefix, values, translateValue } = _a, others = __rest(_a, ["value", "allowedValueTypes", "onChange", "translationPrefix", "values", "translateValue"]);
         let selectValue = value;
@@ -22,14 +34,23 @@ export default class EnumValuePicker extends React.Component {
             }
         }
         return (React.createElement(Select, Object.assign({ value: selectValue, onChange: (value) => {
-                onChange(value !== "" ? value : undefined);
-            } }, others), (allowedValueTypes !== null && allowedValueTypes !== void 0 ? allowedValueTypes : Object.values(values)).map((val) => {
-            let text = val;
+                onChange === null || onChange === void 0 ? void 0 : onChange(value !== "" ? value : undefined);
+            }, options: this.state.options }, others)));
+    }
+    getOptions(enumValue, allowedValueTypes, translateValue, translationPrefix) {
+        return Object.keys(enumValue)
+            .filter((key) => isNaN(Number(key)) && (!allowedValueTypes || allowedValueTypes.includes(enumValue[key])))
+            .map((key) => [enumValue[key], key])
+            .map(([k, v]) => {
+            let text = v;
             if (translateValue) {
-                text = i18n(translationPrefix ? translationPrefix + text : text);
+                text = i18n((translationPrefix !== null && translationPrefix !== void 0 ? translationPrefix : "") + text);
             }
-            return (React.createElement(Select.Option, { value: val, key: val }, text));
-        })));
+            return {
+                value: k,
+                label: text,
+            };
+        });
     }
 }
 //# sourceMappingURL=enumValuePicker.js.map

package/components/picker/enumValuePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"enumValuePicker.js","sourceRoot":"","sources":["../../../../components/picker/enumValuePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAc,MAAM,MAAM,CAAC;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAapC,MAAM,CAAC,OAAO,OAAO,eAAkC,SAAQ,KAAK,CAAC,SAAuC;IACxG,MAAM;QACF,MAAM,KAA6F,IAAI,CAAC,KAAK,EAAvG,EAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,cAAc,OAAyB,EAApB,MAAM,cAAzF,2FAA0F,CAAa,CAAC;QAC9G,IAAI,WAAW,GAAyB,KAAK,CAAC;QAE9C,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,IAAI,iBAAiB,EAAE,CAAC;YACzE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC3C,WAAW,GAAG,SAAS,CAAC;YAC5B,CAAC;QACL,CAAC;QAED,OAAO,CACH,oBAAC,MAAM,kBAAI,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAC/C,CAAC,IACG,MAAM,GAChB,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7D,IAAI,IAAI,GAAW,GAAG,CAAC;YACvB,IAAI,cAAc,EAAE,CAAC;gBACjB,IAAI,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACrE,CAAC;YAED,OAAO,CACH,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAC9B,IAAI,CACO,CACnB,CAAC;QACN,CAAC,CAAC,CACG,CACZ,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {Select, SelectProps} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\n\r\ntype EnumRepresentation<T extends string> = {[key in string]: T};\r\n\r\nexport interface EnumValuePickerProps<T extends string> extends Omit<SelectProps<T>, \"onChange\"> {\r\n    allowedValueTypes?: T[]\r\n    values: EnumRepresentation<T>\r\n    translateValue?: boolean\r\n    translationPrefix?: string\r\n\r\n    onChange(value?: T): void\r\n}\r\n\r\nexport default class EnumValuePicker<T extends string> extends React.Component<EnumValuePickerProps<T>, any> {\r\n    render() {\r\n        const {value, allowedValueTypes, onChange, translationPrefix, values, translateValue, ...others} = this.props;\r\n        let selectValue: T | null | undefined = value;\r\n\r\n        if (selectValue !== undefined && selectValue !== null && allowedValueTypes) {\r\n            if (!allowedValueTypes.includes(selectValue)) {\r\n                selectValue = undefined;\r\n            }\r\n        }\r\n\r\n        return (\r\n            <Select<T> value={selectValue}\r\n                       onChange={(value) => {\r\n                           onChange(value !== \"\" ? value : undefined);\r\n                       }}\r\n                       {...others}>\r\n                {(allowedValueTypes ?? Object.values(values) as T[]).map((val) => {\r\n                    let text: string = val;\r\n                    if (translateValue) {\r\n                        text = i18n(translationPrefix ? translationPrefix + text : text);\r\n                    }\r\n\r\n                    return (\r\n                        <Select.Option value={val} key={val}>\r\n                            {text}\r\n                        </Select.Option>\r\n                    );\r\n                })}\r\n            </Select>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"enumValuePicker.js","sourceRoot":"","sources":["../../../../components/picker/enumValuePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAc,MAAM,MAAM,CAAC;AAEzC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAkBpC,MAAM,CAAC,OAAO,OAAO,eAAqC,SAAQ,KAAK,CAAC,SAAwD;IAC5H,YAAY,KAAwC;QAChD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;SACjH,CAAA;IACL,CAAC;IAED,kBAAkB,CAAC,SAA4C;QAC3D,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACzC,MAAM,EAAC,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAClF,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,CAAC,EAAC,CAAC,CAAC;QAC5G,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,KAA6F,IAAI,CAAC,KAAK,EAAvG,EAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,cAAc,OAAyB,EAApB,MAAM,cAAzF,2FAA0F,CAAa,CAAC;QAC9G,IAAI,WAAW,GAAyB,KAAK,CAAC;QAE9C,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,IAAI,iBAAiB,EAAE,CAAC;YACzE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC3C,WAAW,GAAG,SAAS,CAAC;YAC5B,CAAC;QACL,CAAC;QAED,OAAO,CACH,oBAAC,MAAM,kBAAI,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACjD,CAAC,EACD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IACvB,MAAM,EAAI,CAC5B,CAAC;IACN,CAAC;IAEO,UAAU,CAAC,SAAgC,EAAE,iBAAuB,EAAE,cAAwB,EAAE,iBAA0B;QAC9H,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;aACxB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzG,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;aACnC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,IAAI,IAAI,GAAc,CAAC,CAAC;YAExB,IAAI,cAAc,EAAE,CAAC;gBACjB,IAAI,GAAG,IAAI,CAAC,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAClD,CAAC;YAED,OAAO;gBACH,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,IAAI;aACO,CAAA;QAC1B,CAAC,CAAC,CAAC;IACX,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {Select, SelectProps} from \"antd\";\r\nimport {DefaultOptionType} from \"rc-select/lib/Select\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\n\r\ntype EnumTypes = string | number;\r\ntype EnumRepresentation<T extends EnumTypes> = { [key in string]: T };\r\n\r\ninterface EnumValuePickerProps<T extends EnumTypes> extends Omit<SelectProps<T>, \"onChange\"> {\r\n    allowedValueTypes?: T[]\r\n    values: EnumRepresentation<T>\r\n    translateValue?: boolean\r\n    translationPrefix?: string\r\n\r\n    onChange?: (value?: T) => void\r\n}\r\n\r\ninterface EnumValuePickerState {\r\n    options: DefaultOptionType[]\r\n}\r\n\r\nexport default class EnumValuePicker<T extends EnumTypes> extends React.Component<EnumValuePickerProps<T>, EnumValuePickerState> {\r\n    constructor(props: Readonly<EnumValuePickerProps<T>>) {\r\n        super(props);\r\n        this.state = {\r\n            options: this.getOptions(props.values, props.allowedValueTypes, props.translateValue, props.translationPrefix),\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<EnumValuePickerProps<T>>) {\r\n        if (prevProps.values !== this.props.values) {\r\n            const {values, allowedValueTypes, translateValue, translationPrefix} = this.props;\r\n            this.setState({options: this.getOptions(values, allowedValueTypes, translateValue, translationPrefix)});\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const {value, allowedValueTypes, onChange, translationPrefix, values, translateValue, ...others} = this.props;\r\n        let selectValue: T | null | undefined = value;\r\n\r\n        if (selectValue !== undefined && selectValue !== null && allowedValueTypes) {\r\n            if (!allowedValueTypes.includes(selectValue)) {\r\n                selectValue = undefined;\r\n            }\r\n        }\r\n\r\n        return (\r\n            <Select<T> value={selectValue}\r\n                       onChange={(value) => {\r\n                           onChange?.(value !== \"\" ? value : undefined);\r\n                       }}\r\n                       options={this.state.options}\r\n                       {...others} />\r\n        );\r\n    }\r\n\r\n    private getOptions(enumValue: EnumRepresentation<T>, allowedValueTypes?: T[], translateValue?: boolean, translationPrefix?: string): DefaultOptionType[] {\r\n        return Object.keys(enumValue)\r\n            .filter((key) => isNaN(Number(key)) && (!allowedValueTypes || allowedValueTypes.includes(enumValue[key])))\r\n            .map((key) => [enumValue[key], key])\r\n            .map(([k, v]) => {\r\n                let text: EnumTypes = v;\r\n\r\n                if (translateValue) {\r\n                    text = i18n((translationPrefix ?? \"\") + text);\r\n                }\r\n\r\n                return {\r\n                    value: k,\r\n                    label: text,\r\n                } as DefaultOptionType\r\n            });\r\n    }\r\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2coreui",
-  "version": "23.0.33",
+  "version": "23.0.35",
   "description": "Core UI components and utilities library.",
   "author": "Ipesoft s.r.o.",
   "license": "MIT",

package/components/style/withInputNumberCss.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface WithInputNumberCssProperties {
-    children: any;
-}
-export default function WithInputNumberCss({ children }: WithInputNumberCssProperties): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export {};

package/components/style/withInputNumberCss.js

@@ -1,13 +0,0 @@
-import { ConfigContext } from "antd/es/config-provider";
-import React from "react";
-import useCSSVarCls from "antd/es/config-provider/hooks/useCSSVarCls";
-import useStyle from "antd/es/input-number/style/index";
-export default function WithInputNumberCss({ children }) {
-    const { getPrefixCls } = React.useContext(ConfigContext);
-    const prefixCls = getPrefixCls('input-number');
-    const rootCls = useCSSVarCls(prefixCls);
-    const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
-    return wrapCSSVar(children);
-}
-;
-//# sourceMappingURL=withInputNumberCss.js.map

package/components/style/withInputNumberCss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withInputNumberCss.js","sourceRoot":"","sources":["../../../../components/style/withInputNumberCss.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AAOxD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAC,QAAQ,EAA+B;IAC/E,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAExC,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACrE,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAC;AAChC,CAAC;AAAA,CAAC","sourcesContent":["import {ConfigContext} from \"antd/es/config-provider\";\r\nimport React from \"react\";\r\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\r\nimport useStyle from \"antd/es/input-number/style/index\";\r\n\r\n\r\ninterface WithInputNumberCssProperties {\r\n    children: any;\r\n}\r\n\r\nexport default function WithInputNumberCss({children}: WithInputNumberCssProperties) {\r\n    const {getPrefixCls} = React.useContext(ConfigContext);\r\n    const prefixCls = getPrefixCls('input-number');\r\n    const rootCls = useCSSVarCls(prefixCls);\r\n    // @ts-ignore\r\n    const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\r\n    return wrapCSSVar(children);\r\n};"]}

package/style/ag-grid/_ag-theme-antd-vars.scss

@@ -1,195 +0,0 @@
-// Taken from the palette of angular material: https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
-$mat-grey-0: #fff;
-$mat-grey-50: #fafafa;
-$mat-grey-100: #f5f5f5;
-$mat-grey-200: #eee;
-$mat-grey-300: #e2e2e2;
-
-// Taking primary and accent from the indigo / pink theme: https://github.com/angular/material2/blob/master/src/lib/core/theming/prebuilt/indigo-pink.scss
-$mat-indigo-500: #3f51b5;
-$mat-pink-A200: #ff4081;
-$mat-pink-50: #fce4ec;
-$mat-indigo-50: #e8eaf6;
-
-// opacity values used for black values, taken from material spec
-$foreground-opacity: 0.87 !default;
-$secondary-foreground-color-opacity: 0.54 !default;
-$disabled-foreground-color-opacity: 0.38 !default;
-
-/////////////////////////////////////////////////////////////////////////////////////////////////////
-// The variables below can be overriden to adjust the look up to the app color scheme
-/////////////////////////////////////////////////////////////////////////////////////////////////////
-
-// Sizing
-$grid-size: 8px !default;
-$icon-size: 18px !default;
-$header-height: $grid-size * 7 !default;
-$row-height: $grid-size * 6 !default;
-$row-border-width: 1px !default;
-$toolpanel-indent-size: $grid-size + $icon-size !default;
-$row-group-indent-size: $grid-size * 3 + $icon-size !default;
-$cell-horizontal-padding: $grid-size * 3 !default;
-$virtual-item-height: $grid-size * 5;
-$header-icon-size: 14px !default;
-
-// Fonts
-$font-family: "Roboto", sans-serif !default; // legacy: font
-$font-size: 13px !default;
-$font-weight: 400 !default;
-
-$secondary-font-family: "Roboto", sans-serif !default; //font-secondary
-$secondary-font-size: 12px !default; // font-secondary-size
-$secondary-font-weight: 700 !default; // font-secondary-weight
-
-// Misc
-$card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
-$card-radius: 2px;
-
-// Colors
-$background-color: $mat-grey-0 !default;
-$foreground-color: rgba(#000, $foreground-opacity) !default; // foreground
-$secondary-foreground-color: rgba(#000, $secondary-foreground-color-opacity) !default; // foreground-secondary
-$disabled-foreground-color: rgba(#000, $disabled-foreground-color-opacity) !default; // foreground-disabled
-$header-background-color: $background-color !default;
-$header-cell-hover-background-color: darken($header-background-color, 5%) !default;
-$header-cell-moving-background-color: $header-cell-hover-background-color !default;
-$header-foreground-color: $secondary-foreground-color !default;
-
-$border-color: $mat-grey-300 !default;
-$primary-color: $mat-indigo-500 !default;
-$accent-color: $mat-pink-A200 !default;
-$icon-color: #333 !default;
-$alt-icon-color: transparent !default;
-
-$editor-background-color: $mat-grey-50 !default;
-$panel-background-color: $mat-grey-200 !default;
-$tool-panel-background-color: $mat-grey-50 !default;
-$chip-background-color: $mat-grey-300 !default;
-
-$range-selection-background-color: transparentize(darken($mat-indigo-50, 30%), 0.9) !default;
-$range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1) !default;
-$range-selection-chart-background-color: rgba(0, 88, 255, 0.1) !default;
-$range-selection-highlight-color: $mat-pink-50 !default;
-$ag-range-selected-color-1: opacify($range-selection-background-color, 0.1) !default;
-$ag-range-selected-color-2: opacify($range-selection-background-color, 0.2) !default;
-$ag-range-selected-color-3: opacify($range-selection-background-color, 0.3) !default;
-$ag-range-selected-color-4: opacify($range-selection-background-color, 0.4) !default;
-
-$hover-color: $mat-grey-50 !default;
-$selected-color: $mat-grey-200 !default;
-$cell-data-changed-color: $mat-pink-50 !default;
-
-// delta changes
-$value-change-delta-up-color: #43a047 !default;
-$value-change-delta-down-color: #e53935 !default;
-$value-change-value-highlight-background-color: #00acc1 !default;
-
-// Icons
-$icon-font-family: "agGridMaterial" !default;
-$icons-data: "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" !default;
-
-
-@import "~ag-grid-community/src/styles/ag-theme-base/vars/ag-theme-base-vars";
-
-$params: (
-    font-family: $font-family,
-    font-size: $font-size,
-    font-weight: $font-weight,
-    secondary-font-family: $secondary-font-family,
-    secondary-font-size: $secondary-font-size,
-    secondary-font-weight: $secondary-font-weight,
-
-    accent-color: $accent-color,
-    primary-color: $primary-color,
-    hover-color: $hover-color,
-    selected-color: $selected-color,
-
-    background-color: $background-color,
-
-    foreground-color: $foreground-color,
-    foreground-opacity: $foreground-opacity,
-    secondary-foreground-color-opacity: $secondary-foreground-color-opacity,
-    secondary-foreground-color: $secondary-foreground-color,
-    disabled-foreground-color-opacity: $disabled-foreground-color-opacity,
-    disabled-foreground-color: $disabled-foreground-color,
-
-    border-color: $border-color,
-    scroll-spacer-border: $scroll-spacer-border,
-
-    panel-background-color: $panel-background-color,
-    tool-panel-background-color: $tool-panel-background-color,
-    header-background-color: $header-background-color,
-    header-cell-hover-background-color: $header-cell-hover-background-color,
-    header-cell-moving-background-color: $header-cell-moving-background-color,
-    header-foreground-color: $header-foreground-color,
-
-    focused-textbox-border: 2px solid $primary-color,
-    input-bottom-border: 2px solid $border-color,
-    input-bottom-border-disabled: 1px solid $border-color,
-    value-change-delta-up-color: $value-change-delta-up-color,
-    value-change-delta-down-color: $value-change-delta-down-color,
-    value-change-value-highlight-background-color: $value-change-value-highlight-background-color,
-
-    button-background-color: transparent,
-    icon-color: $icon-color,
-    cell-data-changed-color: $cell-data-changed-color,
-    chip-background-color: $chip-background-color,
-    card-background-color: $background-color,
-    editor-background-color-color: $editor-background-color,
-    
-    range-selection-background-color: $range-selection-background-color,
-    range-selection-chart-background-color: $range-selection-chart-background-color,
-    range-selection-chart-category-background-color: $range-selection-chart-category-background-color,
-    range-selection-highlight-color: $range-selection-highlight-color,
-    ag-range-selected-color-1: $ag-range-selected-color-1,
-    ag-range-selected-color-2: $ag-range-selected-color-2,
-    ag-range-selected-color-3: $ag-range-selected-color-3,
-    ag-range-selected-color-4: $ag-range-selected-color-4,
-    icon-opacity: $foreground-opacity,
-
-    grid-size: $grid-size,
-    input-height: $grid-size * 5,
-    input-border-width: 0,
-
-    icon-size: $icon-size,
-    header-icon-size: $header-icon-size,
-    row-height: $row-height,
-    row-border-width: $row-border-width,
-    header-height: $header-height,
-    virtual-item-height: $virtual-item-height,
-    rich-select-item-height: $row-height,
-    cell-horizontal-padding: $cell-horizontal-padding,
-    cell-horizontal-border: $cell-horizontal-border,
-    toolpanel-indent-size: $toolpanel-indent-size,
-    row-group-indent-size: $row-group-indent-size,
-
-    button-text-transform: uppercase,
-    card-radius: $card-radius,
-    card-shadow: $card-shadow,
-    use-icons-for-pager-buttons: true,
-    customize-inputs: true,
-    customize-buttons: true,
-    full-width-tabs: true,
-
-    tooltip-background-color: $tooltip-background-color,
-    tooltip-foreground-color: $tooltip-foreground-color,
-    tooltip-padding: $tooltip-padding,
-    tooltip-border-radius: $tooltip-border-radius,
-    tooltip-border-color: $tooltip-border-color,
-    tooltip-border-width: $tooltip-border-width,
-    tooltip-border-style: $tooltip-border-style,
-
-    dialog-background-color: $dialog-background-color,
-    dialog-border-size: $dialog-border-size,
-    dialog-border-style: $dialog-border-style,
-    dialog-border-color: $dialog-border-color,
-
-    dialog-title-background-color: $dialog-title-background-color,
-    dialog-title-foreground-color: $dialog-title-foreground-color,
-    dialog-title-height: $dialog-title-height,
-    dialog-title-font-family: $dialog-title-font-family,
-    dialog-title-font-size: $dialog-title-font-size,
-    dialog-title-font-weight: $dialog-title-font-weight,
-    dialog-title-padding: $dialog-title-padding,
-    dialog-title-icon-size: $dialog-title-icon-size
-);

package/style/ag-grid/ag-theme-antd.scss

@@ -1,87 +0,0 @@
-@import "./ag-theme-material-vars";
-@import "../../../../node_modules/ag-grid-community/src/styles/ag-theme-base/sass/ag-theme-base";
-
-.ag-theme-material {
-    %selected-tab {
-        border-bottom: 2px solid $primary-color;
-    }
-
-    @include ag-grid-theme($params);
-
-    .ag-icon-checkbox-checked,
-    .ag-icon-checkbox-checked-readonly,
-    .ag-icon-checkbox-unchecked,
-    .ag-icon-checkbox-unchecked-readonly,
-    .ag-icon-checkbox-indeterminate,
-    .ag-icon-checkbox-indeterminate-readonly,
-    .ag-icon-radio-button-on,
-    .ag-icon-radio-button-off {
-        height: $icon-size + 6;
-        width: $icon-size + 6;
-        font-size: $icon-size + 6;
-        line-height: $icon-size + 6;
-    }
-
-    .ag-header-cell, .ag-header-group-cell {
-        transition: background-color 0.5s;
-    }
-
-    .ag-cell-highlight {
-        background-color: $range-selection-highlight-color !important;
-    }
-
-    .ag-cell-highlight-animation {
-        transition: background-color 1s;
-    }
-
-    .ag-menu-option {
-        height: $grid-size * 5 - 2;
-    }
-
-    .ag-side-bar {
-        border-bottom: 0;
-        border-right: 0;
-        border-top: 0;
-
-        .ag-side-buttons button {
-            border: 0;
-            color: $secondary-foreground-color;
-            font-family: $secondary-font-family;
-            font-size: $secondary-font-size;
-            font-weight: $secondary-font-weight;
-            background: transparent;
-        }
-
-        .ag-side-buttons .ag-side-button button {
-          background-color: transparent;
-          border-width: 0;
-        }
-
-        .ag-side-buttons .ag-selected button {
-          border-left: 2px solid $primary-color;
-          background-color: $tool-panel-background-color;
-          margin-left: -2px;
-          padding-left: 1px;
-        }
-
-        .ag-filter-toolpanel-body {
-            background-color: $background-color;
-        }
-    }
-
-    .ag-status-bar {
-      border-top-width: 1px;
-    }
-
-    .ag-rtl .ag-side-bar {
-        .ag-side-buttons .ag-selected button {
-          border-left: 0;
-          margin-left: 0;
-          padding-left:0;
-
-          border-right: 2px solid $primary-color;
-          margin-right: -2px;
-          padding-right: 1px;
-        }
-    }
-}

package/style/ag-grid/aggrid.scss

@@ -1,12 +0,0 @@
-$ag-icons-path: '~ag-grid-community/src/styles/icons/';
-$ag-mat-icons-path: '~ag-grid-community/src/styles/materialicons/';
-
-$grid-size: 4px; // 8 by default
-$icon-size: 12px; // 18 by default
-
-// Change the primary / accent colors
-$ag-mat-primary: #1976d2;
-$ag-mat-accent: #fbc02d;
-
-@import '../../../../node_modules/ag-grid-community/src/styles/ag-grid';
-@import '../../../../node_modules/ag-grid-community/src/styles/ag-theme-material/sass/ag-theme-material';