d2coreui 21.0.32 → 21.0.33
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/color/colorPicker.js +1 -1
- package/components/color/colorPicker.js.map +1 -1
- package/components/date/dateRangeInputConfirm.js +1 -1
- package/components/date/dateRangeInputConfirm.js.map +1 -1
- package/components/date/dateTimeInput.js +1 -1
- package/components/date/dateTimeInput.js.map +1 -1
- package/components/grid/config/dataGridEditor.js +1 -1
- package/components/grid/config/dataGridEditor.js.map +1 -1
- package/components/grid/dataGrid.js +1 -1
- package/components/grid/dataGrid.js.map +1 -1
- package/components/grid/panel/tablePagination.js +1 -1
- package/components/grid/panel/tablePagination.js.map +1 -1
- package/components/modal/impl/draggableModalInner.d.ts +1 -1
- package/components/modal/impl/draggableModalInner.js +6 -6
- package/components/modal/impl/draggableModalInner.js.map +1 -1
- package/components/scrollTo/scrollTo.js +1 -1
- package/components/scrollTo/scrollTo.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ export default class PaginationComponent extends React.Component {
|
|
|
31
31
|
this.props.onChange(this.state.gotoPageNumber, this.props.pageSize);
|
|
32
32
|
}
|
|
33
33
|
} },
|
|
34
|
-
React.createElement(CheckOutlined, null))), trigger: "hover",
|
|
34
|
+
React.createElement(CheckOutlined, null))), trigger: "hover", onOpenChange: (visible) => {
|
|
35
35
|
if (!visible) {
|
|
36
36
|
this.setState({ gotoPageNumber: null });
|
|
37
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tablePagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/tablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AACrE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAOpC,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAoD;IACvG,YAAY,KAAgC;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,cAAc,EAAE,IAAI;SACvB,CAAA;IACL,CAAC;IAED,MAAM;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClH,OAAO,CACH;YACI,oBAAC,UAAU,kBACP,eAAe,EAAE,KAAK,IAClB,IAAI,CAAC,KAAK,IACd,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE;oBACxC,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,KAAK,MAAM,EAAE;wBAChD,OAAO,CACH,oBAAC,OAAO,IACJ,KAAK,EAAC,EAAE,EACR,SAAS,EAAC,QAAQ,EAClB,OAAO,EACH,oBAAC,KAAK,CAAC,KAAK,IAAC,OAAO;gCAChB,oBAAC,WAAW,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EACtB,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;wCACnB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;4CAC9B,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,QAAQ,EAAC,CAAC,CAAC;yCAC7C;oCACL,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACb,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,IAAkB,CAAC,CAAC,OAAO,KAAK,EAAE,EAAY;4CAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gDAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAS,CAAC,CAAC;6CACxE;yCACJ;oCACL,CAAC,GACZ;gCACF,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE;wCAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;4CAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAS,CAAC,CAAC;yCACxE;oCACL,CAAC;oCACG,oBAAC,aAAa,OAAE,CACX,CACC,EAElB,OAAO,EAAC,OAAO,EACf,
|
|
1
|
+
{"version":3,"file":"tablePagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/tablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AACrE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAOpC,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAAoD;IACvG,YAAY,KAAgC;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,cAAc,EAAE,IAAI;SACvB,CAAA;IACL,CAAC;IAED,MAAM;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClH,OAAO,CACH;YACI,oBAAC,UAAU,kBACP,eAAe,EAAE,KAAK,IAClB,IAAI,CAAC,KAAK,IACd,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE;oBACxC,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,KAAK,MAAM,EAAE;wBAChD,OAAO,CACH,oBAAC,OAAO,IACJ,KAAK,EAAC,EAAE,EACR,SAAS,EAAC,QAAQ,EAClB,OAAO,EACH,oBAAC,KAAK,CAAC,KAAK,IAAC,OAAO;gCAChB,oBAAC,WAAW,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EACtB,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;wCACnB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;4CAC9B,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,QAAQ,EAAC,CAAC,CAAC;yCAC7C;oCACL,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACb,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,IAAkB,CAAC,CAAC,OAAO,KAAK,EAAE,EAAY;4CAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gDAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAS,CAAC,CAAC;6CACxE;yCACJ;oCACL,CAAC,GACZ;gCACF,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE;wCAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;4CAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAS,CAAC,CAAC;yCACxE;oCACL,CAAC;oCACG,oBAAC,aAAa,OAAE,CACX,CACC,EAElB,OAAO,EAAC,OAAO,EACf,YAAY,EAAE,CAAC,OAAO,EAAE,EAAE;gCACtB,IAAI,CAAC,OAAO,EAAE;oCACV,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC,CAAC,CAAC;iCACzC;4BACL,CAAC,EACD,gBAAgB,EAAC,uBAAuB,IAEvC,eAAe,CACV,CACb,CAAC;qBACL;yBAAM;wBACH,OAAO,eAAe,CAAC;qBAC1B;gBACL,CAAC,IACH,CACA,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\nimport {CheckOutlined} from \"@ant-design/icons\";\nimport {Button, Input, InputNumber, Pagination, Popover} from \"antd\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {PaginationProps} from \"antd/es/pagination\";\n\ninterface PaginationComponentState {\n gotoPageNumber?: number | null\n}\n\nexport default class PaginationComponent extends React.Component<PaginationProps, PaginationComponentState> {\n constructor(props: Readonly<PaginationProps>) {\n super(props);\n this.state = {\n gotoPageNumber: null\n }\n }\n\n render() {\n const pageCount = this.props.total && this.props.pageSize ? Math.ceil(this.props.total / this.props.pageSize) : 1;\n return (\n <div>\n <Pagination\n showSizeChanger={false}\n {...this.props}\n itemRender={(page, type, originalElement) => {\n if (page === this.props.current && type === \"page\") {\n return (\n <Popover\n title=\"\"\n placement=\"bottom\"\n content={\n <Input.Group compact>\n <InputNumber min={1} max={pageCount}\n value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\n onChange={(newValue) => {\n if (typeof newValue === \"number\") {\n this.setState({gotoPageNumber: newValue});\n }\n }}\n onKeyDown={(e) => {\n if (e.keyCode === 3 /*MAC_ENTER*/ || e.keyCode === 13 /*ENTER*/) {\n if (this.state.gotoPageNumber && this.props.onChange) {\n this.props.onChange(this.state.gotoPageNumber, this.props.pageSize!);\n }\n }\n }}\n />\n <Button title={i18n(\"Goto Page\")} type=\"primary\" onClick={() => {\n if (this.state.gotoPageNumber && this.props.onChange) {\n this.props.onChange(this.state.gotoPageNumber, this.props.pageSize!);\n }\n }}>\n <CheckOutlined/>\n </Button>\n </Input.Group>\n }\n trigger=\"hover\"\n onOpenChange={(visible) => {\n if (!visible) {\n this.setState({gotoPageNumber: null});\n }\n }}\n overlayClassName=\"control-panel-popover\"\n >\n {originalElement}\n </Popover>\n );\n } else {\n return originalElement;\n }\n }}\n />\n </div>\n );\n }\n}"]}
|
|
@@ -9,5 +9,5 @@ interface ContextProps extends DraggableModalContextMethods {
|
|
|
9
9
|
export interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
}
|
|
12
|
-
export declare const DraggableModalInner: React.MemoExoticComponent<({ id, modalState, dispatch,
|
|
12
|
+
export declare const DraggableModalInner: React.MemoExoticComponent<({ id, modalState, dispatch, open, children, title, onResize, ...otherProps }: DraggableModalInnerProps) => JSX.Element>;
|
|
13
13
|
export {};
|
|
@@ -18,22 +18,22 @@ import { usePrevious } from './usePrevious';
|
|
|
18
18
|
import { useResize } from './useResize';
|
|
19
19
|
const modalStyle = { margin: 0, paddingBottom: 0, pointerEvents: 'auto' };
|
|
20
20
|
export const DraggableModalInner = memo((_a) => {
|
|
21
|
-
var { id, modalState, dispatch,
|
|
21
|
+
var { id, modalState, dispatch, open, children, title, onResize } = _a, otherProps = __rest(_a, ["id", "modalState", "dispatch", "open", "children", "title", "onResize"]);
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
dispatch({ type: 'mount', id, size: { width: otherProps.initialWidth, height: otherProps.initialHeight } });
|
|
24
24
|
return () => dispatch({ type: 'unmount', id });
|
|
25
25
|
}, [dispatch, id]);
|
|
26
|
-
const visiblePrevious = usePrevious(
|
|
26
|
+
const visiblePrevious = usePrevious(open);
|
|
27
27
|
useEffect(() => {
|
|
28
|
-
if (
|
|
29
|
-
if (
|
|
28
|
+
if (open !== visiblePrevious) {
|
|
29
|
+
if (open) {
|
|
30
30
|
dispatch({ type: 'show', id });
|
|
31
31
|
}
|
|
32
32
|
else {
|
|
33
33
|
dispatch({ type: 'hide', id });
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
}, [
|
|
36
|
+
}, [open, visiblePrevious, id, dispatch]);
|
|
37
37
|
const { zIndex, x, y, width, height } = modalState;
|
|
38
38
|
const style = useMemo(() => (Object.assign(Object.assign({}, modalStyle), { top: y, left: x, height })), [y, x, height]);
|
|
39
39
|
const onFocus = useCallback(() => dispatch({ type: 'focus', id }), [id, dispatch]);
|
|
@@ -48,7 +48,7 @@ export const DraggableModalInner = memo((_a) => {
|
|
|
48
48
|
const onMouseDrag = useDrag(x, y, onDragWithID);
|
|
49
49
|
const onMouseResize = useResize(x, y, width, height, onResizeWithID);
|
|
50
50
|
const titleElement = useMemo(() => (React.createElement("div", { className: "ant-design-draggable-modal-title", onMouseDown: onMouseDrag, onClick: onFocus }, title)), [onMouseDrag, onFocus, title]);
|
|
51
|
-
return (React.createElement(Modal, Object.assign({ wrapClassName: "ant-design-draggable-modal", style: style, destroyOnClose: true, width: width, zIndex: zIndex, title: titleElement,
|
|
51
|
+
return (React.createElement(Modal, Object.assign({ wrapClassName: "ant-design-draggable-modal", style: style, destroyOnClose: true, width: width, zIndex: zIndex, title: titleElement, open: open }, otherProps),
|
|
52
52
|
children,
|
|
53
53
|
React.createElement(ResizeHandle, { onMouseDown: onMouseResize })));
|
|
54
54
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"draggableModalInner.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalInner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAA;AAC1B,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AAGrC,MAAM,UAAU,GAAwB,EAAC,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAC,CAAA;AAY5F,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CACnC,CAAC,EAS2B,EAAE,EAAE;QAT/B,EACI,EAAE,EACF,UAAU,EACV,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"draggableModalInner.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalInner.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {memo, useCallback, useEffect, useMemo} from 'react'\nimport {Modal} from 'antd'\nimport {ResizeHandle} from './resizeHandle'\nimport {useDrag} from './useDrag'\nimport {DraggableModalContextMethods} from './draggableModalContext'\nimport {usePrevious} from './usePrevious'\nimport {ModalID, ModalState} from './draggableModalReducer'\nimport {useResize} from './useResize'\nimport {DraggableModalProps} from \"./draggableModal\";\n\nconst modalStyle: React.CSSProperties = {margin: 0, paddingBottom: 0, pointerEvents: 'auto'}\n\ninterface ContextProps extends DraggableModalContextMethods {\n id: ModalID\n modalState: ModalState\n}\n\n//export type DraggableModalInnerProps = ModalProps & { children?: React.ReactNode } & ContextProps\nexport interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {\n children?: React.ReactNode\n}\n\nexport const DraggableModalInner = memo(\n ({\n id,\n modalState,\n dispatch,\n open,\n children,\n title,\n onResize,\n ...otherProps\n }: DraggableModalInnerProps) => {\n // Call on mount and unmount.\n useEffect(() => {\n dispatch({type: 'mount', id, size: {width: otherProps.initialWidth, height: otherProps.initialHeight}});\n return () => dispatch({type: 'unmount', id})\n }, [dispatch, id]);\n\n // Bring this to the front if it's been opened with props.\n const visiblePrevious = usePrevious(open);\n useEffect(() => {\n if (open !== visiblePrevious) {\n if (open) {\n dispatch({type: 'show', id})\n } else {\n dispatch({type: 'hide', id})\n }\n }\n }, [open, visiblePrevious, id, dispatch]);\n\n const {zIndex, x, y, width, height} = modalState;\n\n const style: React.CSSProperties = useMemo(\n () => ({...modalStyle, top: y, left: x, height}),\n [y, x, height],\n );\n\n const onFocus = useCallback(() => dispatch({type: 'focus', id}), [id, dispatch])\n\n const onDragWithID = useCallback(args => dispatch({type: 'drag', id, ...args}), [\n dispatch,\n id,\n ]);\n\n const onResizeWithID = useCallback((args) => {\n onResize?.({width: args.width, height: args.height});\n return dispatch({type: 'resize', id, ...args});\n }, [dispatch, id,]);\n\n const onMouseDrag = useDrag(x, y, onDragWithID);\n const onMouseResize = useResize(x, y, width, height, onResizeWithID);\n\n const titleElement = useMemo(\n () => (\n <div\n className=\"ant-design-draggable-modal-title\"\n onMouseDown={onMouseDrag}\n onClick={onFocus}\n >\n {title}\n </div>\n ),\n [onMouseDrag, onFocus, title],\n );\n\n return (\n <Modal\n wrapClassName=\"ant-design-draggable-modal\"\n style={style}\n destroyOnClose={true}\n width={width}\n zIndex={zIndex}\n title={titleElement}\n open={open}\n {...otherProps}\n >\n {children}\n <ResizeHandle onMouseDown={onMouseResize}/>\n </Modal>\n )\n },\n);\n\nDraggableModalInner.displayName = 'DraggableModalInner';\n"]}
|
|
@@ -257,7 +257,7 @@ export default class ScrollTo extends Component {
|
|
|
257
257
|
}, 0);
|
|
258
258
|
} },
|
|
259
259
|
React.createElement("div", { style: { position: "fixed", top: 16, left: 16 } },
|
|
260
|
-
React.createElement(Tooltip, { overlayClassName: !this.state.searchStringFound ? "search-string-not-found" : undefined, align: { points: ["tl", "tl"], overflow: { adjustX: true, adjustY: true } },
|
|
260
|
+
React.createElement(Tooltip, { overlayClassName: !this.state.searchStringFound ? "search-string-not-found" : undefined, align: { points: ["tl", "tl"], overflow: { adjustX: true, adjustY: true } }, open: !!this.state.searchString, title: this.state.searchString },
|
|
261
261
|
React.createElement("span", null))),
|
|
262
262
|
React.createElement(MarkTextContext.Provider, { value: this.state.searchString }, this.props.children)));
|
|
263
263
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scrollTo.js","sourceRoot":"","sources":["../../../../components/scrollTo/scrollTo.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {Component, ReactElement} from 'react'\nimport scrollIntoView from \"dom-scroll-into-view\";\nimport debounce from \"lodash/debounce\"\nimport {Tooltip} from \"antd\";\nimport onlyText from './onlyText';\nimport memoizeOne from \"memoize-one\";\nimport ReactDOMServer from \"react-dom/server\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\n\nconst MarkTextContext = React.createContext(\"\");\n\ninterface ScrollToItemProps {\n /* flag to notify currently selected item*/\n selected?: boolean\n\n selectionKey?: string\n\n markedTextClassName?: string\n\n dangerouslySetInnerHTML?: string\n}\n\n/*\n* Item component where user can be scrolled in\n*/\nexport class ScrollToItem extends Component<ScrollToItemProps> {\n static contextType = MarkTextContext;\n\n constructor(props: Readonly<ScrollToItemProps>) {\n super(props);\n this.getChildrenTextContent = memoizeOne(this.getChildrenTextContent.bind(this));\n this.getChildrenHtmlContent = memoizeOne(this.getChildrenHtmlContent.bind(this));\n }\n\n getChildrenTextContent(children: React.ReactNode | undefined) {\n if (!!this.props.dangerouslySetInnerHTML) {\n return this.props.dangerouslySetInnerHTML.replace(/(<([^>]+)>)/ig, '').toLowerCase();\n } else if (children === undefined) {\n return \"\";\n } else {\n return onlyText(children).toLowerCase();\n }\n }\n\n getChildrenHtmlContent(children: React.ReactNode | undefined, markedString: string) {\n let htmlCode: string;\n if (!!this.props.dangerouslySetInnerHTML) {\n htmlCode = this.props.dangerouslySetInnerHTML;\n } else {\n switch (typeof children) {\n case \"string\":\n htmlCode = children;\n break;\n case \"undefined\":\n htmlCode = \"\";\n break;\n default:\n htmlCode = ReactDOMServer.renderToString(children as ReactElement);\n }\n }\n\n const markedStringIndex = htmlCode.toLowerCase().indexOf(markedString);\n if (markedStringIndex >= 0) {\n const markedTextClassName = this.props.markedTextClassName ? this.props.markedTextClassName : \"marked-text\";\n return htmlCode.substring(0, markedStringIndex) + \"<span class=\\\"\" + markedTextClassName + \"\\\">\" + htmlCode.substring(markedStringIndex, markedStringIndex + markedString.length) + \"</span>\" + htmlCode.substring(markedStringIndex + markedString.length);\n } else {\n return htmlCode;\n }\n }\n\n renderChildren() {\n if (this.context) {\n const childrenHtmlContent = this.getChildrenHtmlContent(this.props.children, this.context);\n return <span dangerouslySetInnerHTML={{__html: childrenHtmlContent}}/>\n } else if (!!this.props.dangerouslySetInnerHTML) {\n return <span dangerouslySetInnerHTML={{__html: this.props.dangerouslySetInnerHTML}}/>\n } else {\n return this.props.children;\n }\n }\n\n render() {\n const textContent = this.getChildrenTextContent(this.props.children);\n return (\n <span tabIndex={0}\n className={`selectable ${this.props.selected ? \"selected\" : \"\"}`}\n data-content={textContent}\n data-key={this.props.selectionKey}\n >\n {this.renderChildren()}\n </span>\n );\n }\n}\n\ninterface ScrollToProps {\n /* scroll to position of first selected ScrollToItem element after initialization*/\n scrollOnMount?: boolean\n\n supressKeyboardEvent?(selectionKey: string | undefined, event: React.KeyboardEvent): boolean\n\n}\n\ninterface ScrollToState {\n /* current search string entered by user*/\n searchString: string\n /* checks if search string is found in at least one item */\n searchStringFound: boolean\n}\n\n/**\n * Wrapper component for area with items where user can be scrolled in\n */\nexport default class ScrollTo extends Component<ScrollToProps, ScrollToState> {\n /* internal reference to wrapping element of container with items*/\n scrollWrapper: HTMLElement | null = null;\n /* internal reference to parent element with enabled scrolling */\n scrollParent: HTMLElement | null = null;\n\n constructor(props: Readonly<ScrollToProps>) {\n super(props);\n this.state = {\n searchString: \"\",\n searchStringFound: false,\n };\n this.scrollToElement = debounce(this.scrollToElement, 400, {maxWait: 400});\n }\n\n componentDidMount(): void {\n // initial scrolling to position of selected node\n if (this.props.scrollOnMount && this.scrollWrapper) {\n const scrollToElement = this.scrollWrapper.querySelector(\".selected\");\n if (scrollToElement) {\n this.scrollToElement(scrollToElement as HTMLElement);\n }\n }\n }\n\n scrollToElement(scrollToElem: HTMLElement, scrollingUp = false): void {\n scrollIntoView(scrollToElem, this.scrollParent, {\n onlyScrollIfNeeded: true,\n allowHorizontalScroll: false,\n alignWithTop: scrollingUp,\n offsetTop: 50,\n offsetBottom: 50,\n });\n }\n\n getScrollParent(element: HTMLElement, includeHidden = false): HTMLElement {\n var style = getComputedStyle(element);\n var excludeStaticParent = style.position === \"absolute\";\n var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;\n if (style.position === \"fixed\") return document.body;\n let parent: HTMLElement | null;\n for (parent = element; (parent = parent.parentElement);) {\n style = getComputedStyle(parent);\n if (excludeStaticParent && style.position === \"static\") {\n continue;\n }\n if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) return parent;\n }\n return document.body;\n }\n\n focusNext(currentElement: HTMLElement, selectables: HTMLElement[]): void {\n if (currentElement) {\n const currentElementIndex = selectables.indexOf(currentElement);\n if (currentElementIndex >= 0 && currentElementIndex < selectables.length - 1) {\n const scrollToElem = selectables[currentElementIndex + 1];\n scrollToElem.focus();\n this.scrollToElement(scrollToElem);\n return;\n } else if (currentElementIndex === selectables.length - 1) {\n return;\n }\n }\n if (selectables.length > 0) {\n selectables[0].focus();\n this.scrollToElement(selectables[0])\n }\n }\n\n scrollToLast(): void {\n if (!!this.scrollWrapper) {\n let selectables: HTMLElement[] = Array.from(this.scrollWrapper.getElementsByClassName(\"selectable\")) as HTMLElement[]; //get all selectable elements\n if (selectables.length > 0) {\n const focusedElement = selectables[selectables.length - 1];\n this.scrollToElement(focusedElement, false);\n }\n }\n }\n\n focusToLast(): void {\n if (!!this.scrollWrapper) {\n let selectables: HTMLElement[] = Array.from(this.scrollWrapper.getElementsByClassName(\"selectable\")) as HTMLElement[]; //get all selectable elements\n if (selectables.length > 0) {\n const focusedElement = selectables[selectables.length - 1];\n focusedElement.focus();\n this.scrollToElement(focusedElement, false);\n }\n }\n }\n\n focusPrev(currentElement: HTMLElement, selectables: HTMLElement[]): void {\n if (currentElement) {\n const currentElementIndex = selectables.indexOf(currentElement);\n if (currentElementIndex > 0) {\n const scrollToElem = selectables[currentElementIndex - 1];\n scrollToElem.focus();\n this.scrollToElement(scrollToElem);\n return;\n } else if (currentElementIndex === 0) {\n return;\n }\n }\n if (selectables.length > 0) {\n const scrollToElem = selectables[selectables.length - 1];\n scrollToElem.focus();\n this.scrollToElement(scrollToElem);\n }\n }\n\n focusBySearchString(searchString: string): HTMLElement {\n const elementToFocus = this.scrollWrapper?.querySelector(`.selectable[data-content*=\"${searchString.toLowerCase()}\"]`) as any;\n if (elementToFocus) {\n elementToFocus.focus();\n this.scrollToElement(elementToFocus as HTMLElement);\n }\n return elementToFocus;\n }\n\n render() {\n return (\n <div ref={(scrollWrapper) => {\n this.scrollWrapper = scrollWrapper;\n if (this.scrollWrapper) {\n this.scrollParent = this.getScrollParent(this.scrollWrapper);\n } else {\n this.scrollParent = null;\n }\n }}\n tabIndex={-1}\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.target instanceof HTMLInputElement) {\n return;\n }\n if (!this.scrollWrapper) {\n return;\n }\n if (KeyboardUtils.isKeyPressed(Key.Control) || KeyboardUtils.isKeyPressed(Key.Alt)) {\n return;\n }\n const supressKeyboardEvent = this.props.supressKeyboardEvent?.((document.activeElement as any)?.dataset?.key, e);\n if (supressKeyboardEvent) {\n e.preventDefault();\n return;\n }\n let focusedElement: HTMLElement | null = document.activeElement as HTMLElement;\n let selectables: HTMLElement[];\n if (this.state.searchString && this.state.searchStringFound) {\n selectables = Array.from(this.scrollWrapper.querySelectorAll(`.selectable[data-content*=\"${this.state.searchString.toLowerCase()}\"]`));\n } else {\n selectables = Array.from(this.scrollWrapper.getElementsByClassName(\"selectable\")) as HTMLElement[]; //get all selectable elements\n }\n const focusedElementIndex = selectables.indexOf(focusedElement);\n if (e.key === Key.ArrowDown || e.key === Key.ArrowUp) {\n e.preventDefault();\n if (!focusedElement || focusedElementIndex < 0) {\n const selectedElements = Array.from(this.scrollWrapper.getElementsByClassName(\"selected\"));\n focusedElement = selectedElements.length > 0 ? selectedElements[0] as HTMLElement : null;\n }\n if (e.key === Key.ArrowDown && focusedElement) {\n this.focusNext(focusedElement, selectables);\n } else if (e.key === Key.ArrowUp && focusedElement) {\n this.focusPrev(focusedElement, selectables);\n }\n } else if (e.key === Key.Enter && focusedElementIndex >= 0) {\n if (typeof focusedElement.click == \"function\") {\n focusedElement.click.apply(focusedElement);\n }\n this.setState({searchString: \"\", searchStringFound: false});\n } else if (e.key.length === 1) {\n const searchString = this.state.searchString + e.key;\n const focusedElement = this.focusBySearchString(searchString);\n this.setState({searchString: searchString, searchStringFound: !!focusedElement},);\n } else if (e.key === Key.Backspace) {\n const searchString = this.state.searchString.slice(0, -1);\n const focusedElement = this.focusBySearchString(searchString);\n this.setState({searchString: searchString, searchStringFound: !!focusedElement})\n } else if (e.key === Key.Escape) {\n this.setState({searchString: \"\", searchStringFound: false});\n }\n }}\n onClick={() => {\n this.setState({searchString: \"\", searchStringFound: false});\n }}\n onBlur={(_: React.FocusEvent<HTMLDivElement>) => {\n setTimeout(() => {\n if (!document.activeElement?.className?.includes(\"selectable\") && (this.state.searchString !== \"\" || this.state.searchStringFound)) {\n this.setState({searchString: \"\", searchStringFound: false});\n }\n }, 0);\n\n }}\n >\n <div style={{position: \"fixed\", top: 16, left: 16}}>\n <Tooltip\n overlayClassName={!this.state.searchStringFound ? \"search-string-not-found\" : undefined}\n align={{points: [\"tl\", \"tl\"], overflow: {adjustX: true, adjustY: true}}}\n visible={!!this.state.searchString} title={this.state.searchString}>\n <span/>\n </Tooltip>\n </div>\n <MarkTextContext.Provider value={this.state.searchString}>\n {this.props.children}\n </MarkTextContext.Provider>\n </div>);\n }\n}"]}
|
|
1
|
+
{"version":3,"file":"scrollTo.js","sourceRoot":"","sources":["../../../../components/scrollTo/scrollTo.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {Component, ReactElement} from 'react'\nimport scrollIntoView from \"dom-scroll-into-view\";\nimport debounce from \"lodash/debounce\"\nimport {Tooltip} from \"antd\";\nimport onlyText from './onlyText';\nimport memoizeOne from \"memoize-one\";\nimport ReactDOMServer from \"react-dom/server\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\n\nconst MarkTextContext = React.createContext(\"\");\n\ninterface ScrollToItemProps {\n /* flag to notify currently selected item*/\n selected?: boolean\n\n selectionKey?: string\n\n markedTextClassName?: string\n\n dangerouslySetInnerHTML?: string\n}\n\n/*\n* Item component where user can be scrolled in\n*/\nexport class ScrollToItem extends Component<ScrollToItemProps> {\n static contextType = MarkTextContext;\n\n constructor(props: Readonly<ScrollToItemProps>) {\n super(props);\n this.getChildrenTextContent = memoizeOne(this.getChildrenTextContent.bind(this));\n this.getChildrenHtmlContent = memoizeOne(this.getChildrenHtmlContent.bind(this));\n }\n\n getChildrenTextContent(children: React.ReactNode | undefined) {\n if (!!this.props.dangerouslySetInnerHTML) {\n return this.props.dangerouslySetInnerHTML.replace(/(<([^>]+)>)/ig, '').toLowerCase();\n } else if (children === undefined) {\n return \"\";\n } else {\n return onlyText(children).toLowerCase();\n }\n }\n\n getChildrenHtmlContent(children: React.ReactNode | undefined, markedString: string) {\n let htmlCode: string;\n if (!!this.props.dangerouslySetInnerHTML) {\n htmlCode = this.props.dangerouslySetInnerHTML;\n } else {\n switch (typeof children) {\n case \"string\":\n htmlCode = children;\n break;\n case \"undefined\":\n htmlCode = \"\";\n break;\n default:\n htmlCode = ReactDOMServer.renderToString(children as ReactElement);\n }\n }\n\n const markedStringIndex = htmlCode.toLowerCase().indexOf(markedString);\n if (markedStringIndex >= 0) {\n const markedTextClassName = this.props.markedTextClassName ? this.props.markedTextClassName : \"marked-text\";\n return htmlCode.substring(0, markedStringIndex) + \"<span class=\\\"\" + markedTextClassName + \"\\\">\" + htmlCode.substring(markedStringIndex, markedStringIndex + markedString.length) + \"</span>\" + htmlCode.substring(markedStringIndex + markedString.length);\n } else {\n return htmlCode;\n }\n }\n\n renderChildren() {\n if (this.context) {\n const childrenHtmlContent = this.getChildrenHtmlContent(this.props.children, this.context);\n return <span dangerouslySetInnerHTML={{__html: childrenHtmlContent}}/>\n } else if (!!this.props.dangerouslySetInnerHTML) {\n return <span dangerouslySetInnerHTML={{__html: this.props.dangerouslySetInnerHTML}}/>\n } else {\n return this.props.children;\n }\n }\n\n render() {\n const textContent = this.getChildrenTextContent(this.props.children);\n return (\n <span tabIndex={0}\n className={`selectable ${this.props.selected ? \"selected\" : \"\"}`}\n data-content={textContent}\n data-key={this.props.selectionKey}\n >\n {this.renderChildren()}\n </span>\n );\n }\n}\n\ninterface ScrollToProps {\n /* scroll to position of first selected ScrollToItem element after initialization*/\n scrollOnMount?: boolean\n\n supressKeyboardEvent?(selectionKey: string | undefined, event: React.KeyboardEvent): boolean\n\n}\n\ninterface ScrollToState {\n /* current search string entered by user*/\n searchString: string\n /* checks if search string is found in at least one item */\n searchStringFound: boolean\n}\n\n/**\n * Wrapper component for area with items where user can be scrolled in\n */\nexport default class ScrollTo extends Component<ScrollToProps, ScrollToState> {\n /* internal reference to wrapping element of container with items*/\n scrollWrapper: HTMLElement | null = null;\n /* internal reference to parent element with enabled scrolling */\n scrollParent: HTMLElement | null = null;\n\n constructor(props: Readonly<ScrollToProps>) {\n super(props);\n this.state = {\n searchString: \"\",\n searchStringFound: false,\n };\n this.scrollToElement = debounce(this.scrollToElement, 400, {maxWait: 400});\n }\n\n componentDidMount(): void {\n // initial scrolling to position of selected node\n if (this.props.scrollOnMount && this.scrollWrapper) {\n const scrollToElement = this.scrollWrapper.querySelector(\".selected\");\n if (scrollToElement) {\n this.scrollToElement(scrollToElement as HTMLElement);\n }\n }\n }\n\n scrollToElement(scrollToElem: HTMLElement, scrollingUp = false): void {\n scrollIntoView(scrollToElem, this.scrollParent, {\n onlyScrollIfNeeded: true,\n allowHorizontalScroll: false,\n alignWithTop: scrollingUp,\n offsetTop: 50,\n offsetBottom: 50,\n });\n }\n\n getScrollParent(element: HTMLElement, includeHidden = false): HTMLElement {\n var style = getComputedStyle(element);\n var excludeStaticParent = style.position === \"absolute\";\n var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;\n if (style.position === \"fixed\") return document.body;\n let parent: HTMLElement | null;\n for (parent = element; (parent = parent.parentElement);) {\n style = getComputedStyle(parent);\n if (excludeStaticParent && style.position === \"static\") {\n continue;\n }\n if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) return parent;\n }\n return document.body;\n }\n\n focusNext(currentElement: HTMLElement, selectables: HTMLElement[]): void {\n if (currentElement) {\n const currentElementIndex = selectables.indexOf(currentElement);\n if (currentElementIndex >= 0 && currentElementIndex < selectables.length - 1) {\n const scrollToElem = selectables[currentElementIndex + 1];\n scrollToElem.focus();\n this.scrollToElement(scrollToElem);\n return;\n } else if (currentElementIndex === selectables.length - 1) {\n return;\n }\n }\n if (selectables.length > 0) {\n selectables[0].focus();\n this.scrollToElement(selectables[0])\n }\n }\n\n scrollToLast(): void {\n if (!!this.scrollWrapper) {\n let selectables: HTMLElement[] = Array.from(this.scrollWrapper.getElementsByClassName(\"selectable\")) as HTMLElement[]; //get all selectable elements\n if (selectables.length > 0) {\n const focusedElement = selectables[selectables.length - 1];\n this.scrollToElement(focusedElement, false);\n }\n }\n }\n\n focusToLast(): void {\n if (!!this.scrollWrapper) {\n let selectables: HTMLElement[] = Array.from(this.scrollWrapper.getElementsByClassName(\"selectable\")) as HTMLElement[]; //get all selectable elements\n if (selectables.length > 0) {\n const focusedElement = selectables[selectables.length - 1];\n focusedElement.focus();\n this.scrollToElement(focusedElement, false);\n }\n }\n }\n\n focusPrev(currentElement: HTMLElement, selectables: HTMLElement[]): void {\n if (currentElement) {\n const currentElementIndex = selectables.indexOf(currentElement);\n if (currentElementIndex > 0) {\n const scrollToElem = selectables[currentElementIndex - 1];\n scrollToElem.focus();\n this.scrollToElement(scrollToElem);\n return;\n } else if (currentElementIndex === 0) {\n return;\n }\n }\n if (selectables.length > 0) {\n const scrollToElem = selectables[selectables.length - 1];\n scrollToElem.focus();\n this.scrollToElement(scrollToElem);\n }\n }\n\n focusBySearchString(searchString: string): HTMLElement {\n const elementToFocus = this.scrollWrapper?.querySelector(`.selectable[data-content*=\"${searchString.toLowerCase()}\"]`) as any;\n if (elementToFocus) {\n elementToFocus.focus();\n this.scrollToElement(elementToFocus as HTMLElement);\n }\n return elementToFocus;\n }\n\n render() {\n return (\n <div ref={(scrollWrapper) => {\n this.scrollWrapper = scrollWrapper;\n if (this.scrollWrapper) {\n this.scrollParent = this.getScrollParent(this.scrollWrapper);\n } else {\n this.scrollParent = null;\n }\n }}\n tabIndex={-1}\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.target instanceof HTMLInputElement) {\n return;\n }\n if (!this.scrollWrapper) {\n return;\n }\n if (KeyboardUtils.isKeyPressed(Key.Control) || KeyboardUtils.isKeyPressed(Key.Alt)) {\n return;\n }\n const supressKeyboardEvent = this.props.supressKeyboardEvent?.((document.activeElement as any)?.dataset?.key, e);\n if (supressKeyboardEvent) {\n e.preventDefault();\n return;\n }\n let focusedElement: HTMLElement | null = document.activeElement as HTMLElement;\n let selectables: HTMLElement[];\n if (this.state.searchString && this.state.searchStringFound) {\n selectables = Array.from(this.scrollWrapper.querySelectorAll(`.selectable[data-content*=\"${this.state.searchString.toLowerCase()}\"]`));\n } else {\n selectables = Array.from(this.scrollWrapper.getElementsByClassName(\"selectable\")) as HTMLElement[]; //get all selectable elements\n }\n const focusedElementIndex = selectables.indexOf(focusedElement);\n if (e.key === Key.ArrowDown || e.key === Key.ArrowUp) {\n e.preventDefault();\n if (!focusedElement || focusedElementIndex < 0) {\n const selectedElements = Array.from(this.scrollWrapper.getElementsByClassName(\"selected\"));\n focusedElement = selectedElements.length > 0 ? selectedElements[0] as HTMLElement : null;\n }\n if (e.key === Key.ArrowDown && focusedElement) {\n this.focusNext(focusedElement, selectables);\n } else if (e.key === Key.ArrowUp && focusedElement) {\n this.focusPrev(focusedElement, selectables);\n }\n } else if (e.key === Key.Enter && focusedElementIndex >= 0) {\n if (typeof focusedElement.click == \"function\") {\n focusedElement.click.apply(focusedElement);\n }\n this.setState({searchString: \"\", searchStringFound: false});\n } else if (e.key.length === 1) {\n const searchString = this.state.searchString + e.key;\n const focusedElement = this.focusBySearchString(searchString);\n this.setState({searchString: searchString, searchStringFound: !!focusedElement},);\n } else if (e.key === Key.Backspace) {\n const searchString = this.state.searchString.slice(0, -1);\n const focusedElement = this.focusBySearchString(searchString);\n this.setState({searchString: searchString, searchStringFound: !!focusedElement})\n } else if (e.key === Key.Escape) {\n this.setState({searchString: \"\", searchStringFound: false});\n }\n }}\n onClick={() => {\n this.setState({searchString: \"\", searchStringFound: false});\n }}\n onBlur={(_: React.FocusEvent<HTMLDivElement>) => {\n setTimeout(() => {\n if (!document.activeElement?.className?.includes(\"selectable\") && (this.state.searchString !== \"\" || this.state.searchStringFound)) {\n this.setState({searchString: \"\", searchStringFound: false});\n }\n }, 0);\n\n }}\n >\n <div style={{position: \"fixed\", top: 16, left: 16}}>\n <Tooltip\n overlayClassName={!this.state.searchStringFound ? \"search-string-not-found\" : undefined}\n align={{points: [\"tl\", \"tl\"], overflow: {adjustX: true, adjustY: true}}}\n open={!!this.state.searchString} title={this.state.searchString}>\n <span/>\n </Tooltip>\n </div>\n <MarkTextContext.Provider value={this.state.searchString}>\n {this.props.children}\n </MarkTextContext.Provider>\n </div>);\n }\n}"]}
|