d2coreui 23.0.39 → 23.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/grid/cell/dateCellEditor.js +2 -2
- package/components/grid/cell/dateCellEditor.js.map +1 -1
- package/components/grid/panel/dataGridPagination.js +14 -3
- package/components/grid/panel/dataGridPagination.js.map +1 -1
- package/package.json +1 -1
- package/style/modal/DraggableModal.css +0 -4
|
@@ -3,7 +3,7 @@ import { Key } from "ts-key-enum";
|
|
|
3
3
|
import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
|
|
4
4
|
import DateTimeInput from "d2coreui/components/date/dateTimeInput";
|
|
5
5
|
import { DateTimeUtils } from "d2core/utils/dateTimeUtils";
|
|
6
|
-
import { unixTimeToMoment } from "d2core/types/unixTimeUtils";
|
|
6
|
+
import { dayJsToUnixTime, unixTimeToMoment } from "d2core/types/unixTimeUtils";
|
|
7
7
|
import { DataGridCellEditorComponent, withAgGridHooks } from "./dataGridCellEditorComponent";
|
|
8
8
|
class DateCellEditor extends DataGridCellEditorComponent {
|
|
9
9
|
constructor(props) {
|
|
@@ -45,7 +45,7 @@ class DateCellEditor extends DataGridCellEditorComponent {
|
|
|
45
45
|
return;
|
|
46
46
|
}
|
|
47
47
|
this.setState({ value: value });
|
|
48
|
-
this.props.onValueChange(value ?
|
|
48
|
+
this.props.onValueChange(value ? dayJsToUnixTime(value) : null);
|
|
49
49
|
}, style: { width: '100%', minWidth: 220 } }));
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/dateCellEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,aAAa,MAAM,wCAAwC,CAAC;AAEnE,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"dateCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/dateCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {Key} from \"ts-key-enum\";\r\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\r\nimport DateTimeInput from \"d2coreui/components/date/dateTimeInput\";\r\nimport {Dayjs} from \"dayjs\";\r\nimport {DateTimeUtils} from \"d2core/utils/dateTimeUtils\";\r\nimport {dayJsToUnixTime, unixTimeToMoment} from \"d2core/types/unixTimeUtils\";\r\nimport {CustomCellEditorProps} from \"ag-grid-react\";\r\nimport {DataGridCellEditorComponent, withAgGridHooks} from \"./dataGridCellEditorComponent\";\r\n\r\ninterface DateCellEditorProperties extends CustomCellEditorProps {\r\n mask: string\r\n}\r\n\r\ninterface DateCellEditorState {\r\n value: Dayjs | null\r\n}\r\n\r\nclass DateCellEditor extends DataGridCellEditorComponent<DateCellEditorProperties, DateCellEditorState> {\r\n private inputComponent: DateTimeInput | null = null;\r\n\r\n constructor(props: Readonly<DateCellEditorProperties>) {\r\n super(props);\r\n this.state = this.getInitialState(props);\r\n }\r\n\r\n getInitialState(props: Readonly<DateCellEditorProperties>): DateCellEditorState {\r\n let value: Dayjs | null;\r\n\r\n if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {\r\n // if backspace or delete pressed, we clear the cell\r\n value = null;\r\n props.onValueChange(null);\r\n } else {\r\n // otherwise we start with the current value\r\n value = props.value ? unixTimeToMoment(props.value) : null;\r\n }\r\n return {\r\n value: value,\r\n } as DateCellEditorState;\r\n }\r\n\r\n focus() {\r\n this.inputComponent?.focus();\r\n }\r\n\r\n getValue() {\r\n return this.state.value ? DateTimeUtils.toUnixTime(this.state.value) : null;\r\n }\r\n\r\n isCancelBeforeStart(): boolean {\r\n return !!this.props.eventKey && this.props.eventKey.length === 1 && '1234567890'.indexOf(this.props.eventKey) < 0;\r\n }\r\n\r\n render() {\r\n return (\r\n <DateTimeInput\r\n ref={(component) => {\r\n this.inputComponent = component;\r\n }}\r\n size=\"small\"\r\n mask={this.props.mask}\r\n value={this.state.value}\r\n getPopupContainer={() => {\r\n // very nasty trick how to keep select's popup within focusable area of ag-grid cell editor popup (prevent closing cell editor when we click in select's dropdown area)\r\n return (this.inputComponent?.input?.parentNode ?? document.body) as HTMLElement;\r\n }}\r\n onChange={(value) => {\r\n if (KeyboardUtils.isKeyPressed(Key.Alt)) {\r\n // ignore navigational keystrokes ALT+cursor arrow\r\n return;\r\n }\r\n this.setState({value: value});\r\n this.props.onValueChange(value ? dayJsToUnixTime(value) : null)\r\n }}\r\n style={{width: '100%', minWidth: 220}}\r\n />\r\n );\r\n }\r\n}\r\n\r\nexport default withAgGridHooks(DateCellEditor)"]}
|
|
@@ -2,6 +2,17 @@ import React from "react";
|
|
|
2
2
|
import { Button, InputNumber, Popover, Space } from "antd";
|
|
3
3
|
import i18n from "d2core/i18n/i18n";
|
|
4
4
|
import { CaretLeftOutlined, CaretRightOutlined, CheckOutlined, StepBackwardOutlined, StepForwardOutlined } from "@ant-design/icons";
|
|
5
|
+
import { createStyles } from "antd-style";
|
|
6
|
+
import WithCss from "d2coreui/components/style/withCss";
|
|
7
|
+
const useStyles = createStyles(({ css }) => {
|
|
8
|
+
return {
|
|
9
|
+
paginationStyle: css `
|
|
10
|
+
margin: 0 12px;
|
|
11
|
+
line-height: 32px;
|
|
12
|
+
white-space: nowrap;
|
|
13
|
+
`
|
|
14
|
+
};
|
|
15
|
+
});
|
|
5
16
|
export default class DataGridPagination extends React.Component {
|
|
6
17
|
constructor(props) {
|
|
7
18
|
super(props);
|
|
@@ -12,8 +23,8 @@ export default class DataGridPagination extends React.Component {
|
|
|
12
23
|
const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;
|
|
13
24
|
const rangeEnd = current * pageSize > total ? total : current * pageSize;
|
|
14
25
|
const totalPages = Math.ceil(total / pageSize);
|
|
15
|
-
return (React.createElement(React.Fragment, null,
|
|
16
|
-
React.createElement("li", { style: {
|
|
26
|
+
return (React.createElement(WithCss, { useStyles: useStyles }, (css) => (React.createElement(React.Fragment, null,
|
|
27
|
+
React.createElement("li", { className: css.styles.paginationStyle, style: { color: disabled ? css.theme.colorTextDisabled : undefined } }, `${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`),
|
|
17
28
|
React.createElement(Button.Group, null,
|
|
18
29
|
React.createElement(Button, { title: i18n("First Page"), disabled: disabled || current === 1, icon: React.createElement(StepBackwardOutlined, null), onClick: () => {
|
|
19
30
|
this.props.onGoToPage(1);
|
|
@@ -53,7 +64,7 @@ export default class DataGridPagination extends React.Component {
|
|
|
53
64
|
} }),
|
|
54
65
|
React.createElement(Button, { title: i18n("Last Page"), disabled: disabled || current === totalPages || total === 0, icon: React.createElement(StepForwardOutlined, null), onClick: () => {
|
|
55
66
|
this.props.onGoToPage(totalPages);
|
|
56
|
-
} }))));
|
|
67
|
+
} }))))));
|
|
57
68
|
}
|
|
58
69
|
}
|
|
59
70
|
//# sourceMappingURL=dataGridPagination.js.map
|
|
@@ -1 +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(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}"]}
|
|
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\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\n\r\nconst useStyles = createStyles(({css}) => {\r\n return {\r\n paginationStyle: css`\r\n margin: 0 12px;\r\n line-height: 32px;\r\n white-space: nowrap;\r\n `\r\n }\r\n});\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 <WithCss useStyles={useStyles}>{(css) => (\r\n <>\r\n <li className={css.styles.paginationStyle} style={{color: disabled ? css.theme.colorTextDisabled : undefined}}>\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 </WithCss>\r\n );\r\n }\r\n\r\n}"]}
|
package/package.json
CHANGED