d2coreui 21.0.33 → 23.0.0

package/components/date/dateRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeInput.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {HTMLAttributes} from \"react\";\nimport moment, {Moment} from \"moment\";\nimport {CalendarOutlined} from \"@ant-design/icons\";\nimport {Divider, Switch, Tooltip} from \"antd\";\nimport DateTimeInput from \"./dateTimeInput\";\nimport memoizeOne from \"memoize-one\";\nimport {TooltipPlacement} from \"antd/es/tooltip\";\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\nimport i18n from \"d2core/i18n/i18n\";\nimport DateRangeInputAdvancedPanel, {TimeShiftDirection} from \"./dateRangeInputAdvancedPanel\";\n\nexport enum DateRangeInputMode {\n    SIMPLE,\n    ADVANCED,\n}\n\nexport interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n    mask: string\n    fromValue: Moment | null\n    toValue: Moment | null\n    onChange?: (fromValue: Moment | null, toValue: Moment | null) => void\n    onInvalidValue?: (input: string) => void\n    disabled?: boolean\n    minDateTime?: Moment\n    maxDateTime?: Moment\n    // allows to set no (null) date by datepicker\n    allowClear?: boolean\n    ranges?: { [rangeName: string]: () => [Moment, Moment] }\n\n    hidePopup?: boolean\n    renderAsCalendar?: boolean\n    placement?: TooltipPlacement\n    align?: {\n        points?: [string, string];\n        offset?: [number, number];\n        targetOffset?: [number, number];\n        overflow?: {\n            adjustX?: boolean;\n            adjustY?: boolean;\n        };\n        useCssRight?: boolean;\n        useCssBottom?: boolean;\n        useCssTransform?: boolean;\n    }\n\n    defaultMode?: DateRangeInputMode\n\n    onModeChange?(mode: DateRangeInputMode): void\n\n    onFocus?(): void\n\n    onBlur?(): void\n\n    confirmButtonsRenderer?(): React.ReactNode\n\n    onPopupVisibleChange?(visible: boolean): void\n}\n\ninterface DateRangeInputState {\n    valid: boolean\n    selectionStartDate: Moment | null\n    popupKeyIndex: number\n    popupVisible: boolean\n\n    mode: DateRangeInputMode\n}\n\nexport default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {\n    constructor(props: Readonly<DateRangeInputProps>) {\n        super(props);\n        this.state = {\n            valid: !!props.fromValue && props.fromValue.isValid() && !!props.toValue && props.toValue.isValid(),\n            selectionStartDate: null,\n            popupKeyIndex: 0,\n            popupVisible: false,\n\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\n        };\n        this.getDefaultSelectedDateForFromPanel = memoizeOne(this.getDefaultSelectedDateForFromPanel.bind(this));\n    }\n\n    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>) {\n        if (prevState.popupVisible !== this.state.popupVisible && this.props.onPopupVisibleChange) {\n            this.props.onPopupVisibleChange(this.state.popupVisible);\n        }\n    }\n\n    getDefaultSelectedDateForFromPanel(fromDate: Moment | null, toDate: Moment | null): Moment {\n        if (!!fromDate && !!toDate && fromDate.isSame(toDate, \"date\")) {\n            return fromDate.clone().subtract(1, \"month\");\n        } else {\n            return fromDate ?? moment().startOf(\"day\").subtract(1, \"month\");\n        }\n    }\n\n    private getFromValue(date: moment.Moment) {\n        return (this.props.fromValue?.clone() ?? moment().startOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\n    }\n\n    private getToValue(date: moment.Moment) {\n        return (this.props.toValue?.clone() ?? moment().endOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\n    }\n\n    closePopup() {\n        // close tooltip\n        this.setState({popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false});\n        this.props.onPopupVisibleChange?.(false);\n    }\n\n    private onChange(fromValue: Moment | null, toValue: Moment | null) {\n        if (this.props.minDateTime && fromValue?.isBefore(this.props.minDateTime)) {\n            fromValue = this.props.minDateTime;\n        }\n        if (this.props.maxDateTime && toValue?.isAfter(this.props.maxDateTime)) {\n            toValue = this.props.maxDateTime;\n        }\n        this.props.onChange?.(fromValue, toValue);\n    }\n\n    private renderSimplePart() {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            style,\n            allowClear,\n            renderAsCalendar,\n            hidePopup,\n            align,\n            defaultMode,\n            onModeChange,\n            confirmButtonsRenderer,\n            onPopupVisibleChange,\n            ...props\n        } = this.props;\n        const markedDateInterval: [Moment, Moment] | undefined = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;\n\n        return (\n            <div>\n                <div style={{display: \"flex\"}}>\n                    <DateTimeInput value={fromValue} {...props}\n                                   allowClear={allowClear}\n                                   renderAsCalendar\n                                   style={{width: \"100%\"}}\n                                   onChange={(date) => {\n                                       if (date) {\n                                           const fromValue = this.getFromValue(date);\n                                           const toValue = this.getToValue(date);\n                                           this.props.onChange?.(fromValue, toValue);\n                                       }\n                                   }}\n                                   defaultSelectedDate={this.getDefaultSelectedDateForFromPanel(fromValue, toValue)}\n                                   markedDateInterval={markedDateInterval}\n                                   onDateItemMouseDown={(date) => {\n                                       this.setState({selectionStartDate: date});\n                                       const dateFrom = this.getFromValue(date);\n                                       const dateTo = this.getToValue(date);\n                                       this.props.onChange?.(dateFrom, dateTo);\n                                   }}\n                                   onDateItemMouseOver={(date) => {\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\n                                           let dateFrom: Moment;\n                                           let dateTo: Moment;\n                                           if (this.state.selectionStartDate.isBefore(date)) {\n                                               dateFrom = this.state.selectionStartDate;\n                                               dateTo = date;\n                                           } else {\n                                               dateFrom = date;\n                                               dateTo = this.state.selectionStartDate;\n                                           }\n                                           dateFrom = this.getFromValue(dateFrom);\n                                           dateTo = this.getToValue(dateTo);\n                                           this.props.onChange?.(dateFrom, dateTo);\n                                       }\n                                   }}\n                                   onDateItemMouseUp={(_date) => {\n                                       this.setState({selectionStartDate: null});\n                                   }}\n                                   ignoreKeyStrokes\n                    />\n                    <Divider type=\"vertical\" style={{height: \"auto\"}}/>\n                    <DateTimeInput value={toValue} {...props}\n                                   renderAsCalendar\n                                   allowClear={allowClear}\n                                   style={{width: \"100%\"}}\n                                   onChange={(date) => {\n                                       if (date) {\n                                           const fromValue = this.getFromValue(date);\n                                           const toValue = this.getToValue(date);\n                                           this.props.onChange?.(fromValue, toValue);\n                                       }\n                                   }}\n                                   markedDateInterval={markedDateInterval}\n                                   onDateItemMouseDown={(date) => {\n                                       this.setState({selectionStartDate: date});\n                                       const dateFrom = this.getFromValue(date);\n                                       const dateTo = this.getToValue(date);\n                                       this.props.onChange?.(dateFrom, dateTo);\n                                   }}\n                                   onDateItemMouseOver={(date) => {\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\n                                           let dateFrom: Moment;\n                                           let dateTo: Moment;\n                                           if (this.state.selectionStartDate.isBefore(date)) {\n                                               dateFrom = this.state.selectionStartDate;\n                                               dateTo = date;\n                                           } else {\n                                               dateFrom = date;\n                                               dateTo = this.state.selectionStartDate;\n                                           }\n                                           dateFrom = this.getFromValue(dateFrom);\n                                           dateTo = this.getToValue(dateTo);\n                                           this.props.onChange?.(dateFrom, dateTo);\n                                       }\n                                   }}\n                                   onDateItemMouseUp={(_date) => {\n                                       this.setState({selectionStartDate: null});\n                                   }}\n                                   ignoreKeyStrokes\n                    />\n                </div>\n                <div className=\"ant-picker-footer\">\n                    <ul className=\"ant-picker-ranges\" style={{padding: 0, borderTop: \"1px solid #ddd\"}}>\n                        {\n                            this.props.ranges && Object.keys(this.props.ranges).map((rangeName, index) => {\n                                return (<li className=\"ant-picker-preset\"\n                                            key={`range-${index}`}\n                                            onClick={() => {\n                                                const rangeFunction = this.props.ranges?.[rangeName];\n                                                if (rangeFunction) {\n                                                    const range = rangeFunction();\n                                                    this.props.onChange?.(range[0], range[1]);\n                                                }\n                                            }}>\n                                    <span className=\"ant-tag ant-tag-blue\"\n                                          style={{userSelect: \"none\"}}>{rangeName}</span>\n                                </li>);\n                            })\n                        }\n                    </ul>\n                </div>\n            </div>\n        )\n    }\n\n    private renderAdvancedPart() {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            style,\n            allowClear,\n            renderAsCalendar,\n            hidePopup,\n            align,\n            defaultMode,\n            onModeChange,\n            confirmButtonsRenderer,\n            onPopupVisibleChange,\n            ...props\n        } = this.props;\n        return (\n            <div>\n                <div style={{display: \"flex\"}}>\n                    <DateTimeInput\n                        {...props}\n                        style={{width: \"47%\"}}\n                        value={fromValue}\n                        onChange={(value) => {\n                            this.props.onChange?.(value, this.props.toValue);\n                        }}\n                    />\n                    <span style={{width: \"6%\", paddingTop: 4, color: \"rgba(0, 0, 0, 0.65)\", textAlign: \"center\"}}>\n                        {\"\\u27F7\"}\n                    </span>\n                    <DateTimeInput\n                        {...props}\n                        style={{width: \"47%\"}}\n                        value={toValue}\n                        onChange={(value) => {\n                            this.props.onChange?.(this.props.fromValue, value);\n                        }}\n                    />\n                </div>\n                <DateRangeInputAdvancedPanel\n                    onBeginIntervalChange={unit => {\n                        let from: Moment;\n                        if (unit === \"15minutes\") {\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\n                            from = moment().startOf(\"hour\").minute(roundedMinutes);\n                        } else {\n                            from = moment().startOf(unit);\n                        }\n                        this.onChange(from, this.props.toValue);\n                    }}\n                    onIntervalDurationChange={unitOfTime => {\n                        if (this.props.fromValue) {\n                            let to: Moment;\n                            if (unitOfTime === \"4years\") {\n                                to = this.props.fromValue.clone().add(4, \"year\").subtract(1, \"millisecond\");\n                            } else {\n                                to = this.props.fromValue.clone().add(1, unitOfTime).subtract(1, \"millisecond\")\n                            }\n                            this.onChange(this.props.fromValue, to);\n                        }\n                    }}\n                    onTimeShift={(shiftBegin, shiftEnd, unitOfTime, type) => {\n                        let fromValue = this.props.fromValue?.clone() ?? null;\n                        let toValue = this.props.toValue?.clone() ?? null;\n\n                        if (shiftBegin && fromValue) {\n                            if (type === TimeShiftDirection.INCREMENT) {\n                                fromValue.add(1, unitOfTime);\n                            } else if (type === TimeShiftDirection.DECREMENT) {\n                                fromValue.subtract(1, unitOfTime);\n                            }\n                        }\n\n                        if (shiftEnd && toValue) {\n                            if (type === TimeShiftDirection.INCREMENT) {\n                                toValue.add(1, unitOfTime);\n                            } else if (type === TimeShiftDirection.DECREMENT) {\n                                toValue.subtract(1, unitOfTime);\n                            }\n                        }\n\n                        this.onChange(fromValue, toValue);\n                    }}\n                    onEndIntervalChange={unit => {\n                        let to: Moment;\n                        if (unit === \"15minutes\") {\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\n                            to = moment().startOf(\"hour\").minute(roundedMinutes).subtract(1, \"millisecond\");\n                        } else {\n                            to = moment().startOf(unit).subtract(1, \"millisecond\");\n                        }\n                        this.onChange(this.props.fromValue, to);\n                    }}\n                />\n            </div>\n        )\n    }\n\n    renderPopup(): React.ReactElement {\n        return (\n            <div onFocus={this.props.onFocus} onBlur={this.props.onBlur}>\n                {this.state.mode === DateRangeInputMode.SIMPLE && this.renderSimplePart()}\n                {this.state.mode === DateRangeInputMode.ADVANCED && this.renderAdvancedPart()}\n                <div style={{display: \"flex\", justifyContent: \"space-between\", alignItems: \"flex-end\"}}>\n                    <Switch\n                        style={{float: \"right\", marginTop: 8}}\n                        checked={this.state.mode === DateRangeInputMode.ADVANCED}\n                        onChange={checked => {\n                            const mode = checked ? DateRangeInputMode.ADVANCED : DateRangeInputMode.SIMPLE;\n                            this.setState({mode: mode});\n                            this.props.onModeChange?.(mode);\n                        }}\n                        checkedChildren={i18n(\"Advanced Mode\")}\n                        unCheckedChildren={i18n(\"Simple Mode\")}\n                    />\n                    {this.props.confirmButtonsRenderer?.()}\n                </div>\n            </div>\n        );\n    }\n\n    renderInput() {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            style,\n            allowClear,\n            renderAsCalendar,\n            hidePopup,\n            align,\n            disabled,\n            defaultMode,\n            onModeChange,\n            confirmButtonsRenderer,\n            onPopupVisibleChange,\n            ...props\n        } = this.props;\n        const className = (disabled || this.state.popupVisible) ? \"readonly\" : undefined;\n        return (\n            <div style={{...style, padding: 0}} className={\"ant-input\"} onFocus={this.props.onFocus}\n                 onBlur={this.props.onBlur}>\n                <div style={{display: \"flex\", width: (!hidePopup && !renderAsCalendar) ? \"calc(100% - 27px)\" : \"100%\"}}>\n                    <DateTimeInput value={fromValue} {...props}\n                                   disabled={disabled}\n                                   inputDisabled={this.state.popupVisible}\n                                   allowClear={allowClear}\n                                   bordered={false}\n                                   hidePopup={true}\n                                   style={{width: \"auto\"}}\n                                   inputStyle={{paddingRight: 2}}\n                                   onChange={(value) => {\n                                       this.props.onChange?.(value, this.props.toValue);\n                                   }}\n                    />\n                    <span style={{paddingTop: 4}} className={className}>{\"\\u27F7\"}</span>\n                    <DateTimeInput value={toValue} {...props}\n                                   disabled={disabled}\n                                   inputDisabled={this.state.popupVisible}\n                                   allowClear={allowClear}\n                                   bordered={false}\n                                   hidePopup={true}\n                                   style={{width: \"auto\"}}\n                                   inputStyle={{paddingLeft: 2}}\n                                   onChange={(value) => {\n                                       this.props.onChange?.(this.props.fromValue, value);\n                                   }}/>\n                </div>\n                {!hidePopup && !renderAsCalendar && <div className={\"ant-input-number-handler-wrap \" + className}\n                     style={{\n                         width: 28,\n                         opacity: 1,\n                         height: \"100%\",\n                         textAlign: \"center\",\n                         cursor: disabled ? \"not-allowed\" : \"pointer\"\n                     }}\n                     onClick={(event) => {\n                         if (!disabled && document.createEvent) {\n                             if (this.state.popupVisible) {\n                                 this.closePopup();\n                             } else {\n                                 var ev = document.createEvent('HTMLEvents');\n                                 ev.initEvent('contextmenu', true, false);\n                                 event.target.dispatchEvent(ev);\n                                 this.props.onFocus?.();\n                             }\n                         }\n                     }}\n                >\n                    <CalendarOutlined style={{color: \"rgba(0,0,0,0.65)\", verticalAlign: \"middle\", marginTop: 2}}/>\n                </div>}\n            </div>\n        );\n    }\n\n    render(): any {\n        if (this.props.renderAsCalendar) {\n            return this.renderPopup();\n        } else if (this.props.hidePopup) {\n            return this.renderInput();\n        } else {\n            return (\n                <Tooltip color={\"white\"}\n                         key={\"date-range-popup-\" + this.state.popupKeyIndex}\n                         trigger={this.props.disabled ? [] : [\"contextMenu\"]}\n                         align={this.props.align}\n                         placement={this.props.placement}\n                         overlayInnerStyle={{maxHeight: \"100vh\", overflowY: \"auto\", overflowX: \"hidden\"}}\n                         onVisibleChange={(visible) => {\n                             if (visible) {\n                                 this.props.onFocus?.();\n                             } else {\n                                 this.props.onBlur?.();\n                             }\n                             this.setState({popupVisible: visible});\n                         }}\n                         overlayClassName={\"date-range-picker-popup\"}\n                         title={this.renderPopup()}>\n                    {this.renderInput()}\n                </Tooltip>\n            );\n        }\n    }\n}"]}
+{"version":3,"file":"dateRangeInput.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {HTMLAttributes} from \"react\";\r\nimport dayjs, { Dayjs } from \"dayjs\";\r\nimport {CalendarOutlined} from \"@ant-design/icons\";\r\nimport {Divider, Switch, Tag, Tooltip} from \"antd\";\r\nimport DateTimeInput from \"./dateTimeInput\";\r\nimport memoizeOne from \"memoize-one\";\r\nimport {TooltipPlacement} from \"antd/es/tooltip\";\r\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport DateRangeInputAdvancedPanel, {TimeShiftDirection} from \"./dateRangeInputAdvancedPanel\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\n\r\nexport enum DateRangeInputMode {\r\n    SIMPLE,\r\n    ADVANCED,\r\n}\r\n\r\nexport interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\r\n    mask: string\r\n    fromValue: Dayjs | null\r\n    toValue: Dayjs | null\r\n    onChange?: (fromValue: Dayjs | null, toValue: Dayjs | null) => void\r\n    onInvalidValue?: (input: string) => void\r\n    disabled?: boolean\r\n    minDateTime?: Dayjs\r\n    maxDateTime?: Dayjs\r\n    // allows to set no (null) date by datepicker\r\n    allowClear?: boolean\r\n    ranges?: { [rangeName: string]: () => [Dayjs, Dayjs] }\r\n    size?: SizeType;\r\n\r\n    hidePopup?: boolean\r\n    renderAsCalendar?: boolean\r\n    placement?: TooltipPlacement\r\n    align?: {\r\n        points?: [string, string];\r\n        offset?: [number, number];\r\n        targetOffset?: [number, number];\r\n        overflow?: {\r\n            adjustX?: boolean;\r\n            adjustY?: boolean;\r\n        };\r\n        useCssRight?: boolean;\r\n        useCssBottom?: boolean;\r\n        useCssTransform?: boolean;\r\n    }\r\n\r\n    defaultMode?: DateRangeInputMode\r\n\r\n    onModeChange?(mode: DateRangeInputMode): void\r\n\r\n    onFocus?(): void\r\n\r\n    onBlur?(): void\r\n\r\n    confirmButtonsRenderer?(): React.ReactNode\r\n\r\n    onPopupVisibleChange?(visible: boolean): void\r\n}\r\n\r\ninterface DateRangeInputState {\r\n    valid: boolean\r\n    selectionStartDate: Dayjs | null\r\n    popupKeyIndex: number\r\n    popupVisible: boolean\r\n\r\n    mode: DateRangeInputMode\r\n}\r\n\r\nexport default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {\r\n    constructor(props: Readonly<DateRangeInputProps>) {\r\n        super(props);\r\n        this.state = {\r\n            valid: !!props.fromValue && props.fromValue.isValid() && !!props.toValue && props.toValue.isValid(),\r\n            selectionStartDate: null,\r\n            popupKeyIndex: 0,\r\n            popupVisible: false,\r\n\r\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\r\n        };\r\n        this.getDefaultSelectedDateForFromPanel = memoizeOne(this.getDefaultSelectedDateForFromPanel.bind(this));\r\n    }\r\n\r\n    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>) {\r\n        if (prevState.popupVisible !== this.state.popupVisible && this.props.onPopupVisibleChange) {\r\n            this.props.onPopupVisibleChange(this.state.popupVisible);\r\n        }\r\n    }\r\n\r\n    getDefaultSelectedDateForFromPanel(fromDate: Dayjs | null, toDate: Dayjs | null): Dayjs {\r\n        if (!!fromDate && !!toDate && fromDate.isSame(toDate, \"date\")) {\r\n            return fromDate.clone().subtract(1, \"month\");\r\n        } else {\r\n            return fromDate ?? dayjs().startOf(\"day\").subtract(1, \"month\");\r\n        }\r\n    }\r\n\r\n    private getFromValue(date: Dayjs) {\r\n        return (this.props.fromValue?.clone() ?? dayjs().startOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\r\n    }\r\n\r\n    private getToValue(date: Dayjs) {\r\n        return (this.props.toValue?.clone() ?? dayjs().endOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\r\n    }\r\n\r\n    closePopup() {\r\n        // close tooltip\r\n        this.setState({popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false});\r\n        this.props.onPopupVisibleChange?.(false);\r\n    }\r\n\r\n    private onChange(fromValue: Dayjs | null, toValue: Dayjs | null) {\r\n        if (this.props.minDateTime && fromValue?.isBefore(this.props.minDateTime)) {\r\n            fromValue = this.props.minDateTime;\r\n        }\r\n        if (this.props.maxDateTime && toValue?.isAfter(this.props.maxDateTime)) {\r\n            toValue = this.props.maxDateTime;\r\n        }\r\n        this.props.onChange?.(fromValue, toValue);\r\n    }\r\n\r\n    private renderSimplePart() {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            defaultMode,\r\n            onModeChange,\r\n            confirmButtonsRenderer,\r\n            onPopupVisibleChange,\r\n            ...props\r\n        } = this.props;\r\n        const markedDateInterval: [Dayjs, Dayjs] | undefined = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;\r\n\r\n        return (\r\n            <div>\r\n                <div style={{display: \"flex\"}}>\r\n                    <DateTimeInput value={fromValue} {...props}\r\n                                   allowClear={allowClear}\r\n                                   renderAsCalendar\r\n                                   style={{width: \"100%\"}}\r\n                                   onChange={(date) => {\r\n                                       if (date) {\r\n                                           const fromValue = this.getFromValue(date);\r\n                                           const toValue = this.getToValue(date);\r\n                                           this.props.onChange?.(fromValue, toValue);\r\n                                       }\r\n                                   }}\r\n                                   defaultSelectedDate={this.getDefaultSelectedDateForFromPanel(fromValue, toValue)}\r\n                                   markedDateInterval={markedDateInterval}\r\n                                   onDateItemMouseDown={(date) => {\r\n                                       this.setState({selectionStartDate: date});\r\n                                       const dateFrom = this.getFromValue(date);\r\n                                       const dateTo = this.getToValue(date);\r\n                                       this.props.onChange?.(dateFrom, dateTo);\r\n                                   }}\r\n                                   onDateItemMouseOver={(date) => {\r\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\r\n                                           let dateFrom: Dayjs;\r\n                                           let dateTo: Dayjs;\r\n                                           if (this.state.selectionStartDate.isBefore(date)) {\r\n                                               dateFrom = this.state.selectionStartDate;\r\n                                               dateTo = date;\r\n                                           } else {\r\n                                               dateFrom = date;\r\n                                               dateTo = this.state.selectionStartDate;\r\n                                           }\r\n                                           dateFrom = this.getFromValue(dateFrom);\r\n                                           dateTo = this.getToValue(dateTo);\r\n                                           this.props.onChange?.(dateFrom, dateTo);\r\n                                       }\r\n                                   }}\r\n                                   onDateItemMouseUp={(_date) => {\r\n                                       this.setState({selectionStartDate: null});\r\n                                   }}\r\n                                   ignoreKeyStrokes\r\n                    />\r\n                    <Divider type=\"vertical\" style={{height: \"auto\"}}/>\r\n                    <DateTimeInput value={toValue} {...props}\r\n                                   renderAsCalendar\r\n                                   allowClear={allowClear}\r\n                                   style={{width: \"100%\"}}\r\n                                   onChange={(date) => {\r\n                                       if (date) {\r\n                                           const fromValue = this.getFromValue(date);\r\n                                           const toValue = this.getToValue(date);\r\n                                           this.props.onChange?.(fromValue, toValue);\r\n                                       }\r\n                                   }}\r\n                                   markedDateInterval={markedDateInterval}\r\n                                   onDateItemMouseDown={(date) => {\r\n                                       this.setState({selectionStartDate: date});\r\n                                       const dateFrom = this.getFromValue(date);\r\n                                       const dateTo = this.getToValue(date);\r\n                                       this.props.onChange?.(dateFrom, dateTo);\r\n                                   }}\r\n                                   onDateItemMouseOver={(date) => {\r\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\r\n                                           let dateFrom: Dayjs;\r\n                                           let dateTo: Dayjs;\r\n                                           if (this.state.selectionStartDate.isBefore(date)) {\r\n                                               dateFrom = this.state.selectionStartDate;\r\n                                               dateTo = date;\r\n                                           } else {\r\n                                               dateFrom = date;\r\n                                               dateTo = this.state.selectionStartDate;\r\n                                           }\r\n                                           dateFrom = this.getFromValue(dateFrom);\r\n                                           dateTo = this.getToValue(dateTo);\r\n                                           this.props.onChange?.(dateFrom, dateTo);\r\n                                       }\r\n                                   }}\r\n                                   onDateItemMouseUp={(_date) => {\r\n                                       this.setState({selectionStartDate: null});\r\n                                   }}\r\n                                   ignoreKeyStrokes\r\n                    />\r\n                </div>\r\n                <div style={{borderTop: \"1px solid #ddd\", paddingTop: 6}}>\r\n                        {\r\n                            this.props.ranges && Object.keys(this.props.ranges).map((rangeName, index) => {\r\n                                return (<Tag style={{userSelect: \"none\", cursor: \"pointer\"}} color=\"blue\"\r\n                                            key={`range-${index}`}\r\n                                            onClick={() => {\r\n                                                const rangeFunction = this.props.ranges?.[rangeName];\r\n                                                if (rangeFunction) {\r\n                                                    const range = rangeFunction();\r\n                                                    this.props.onChange?.(range[0], range[1]);\r\n                                                }\r\n                                            }}>\r\n                                    {rangeName}</Tag>);\r\n                            })\r\n                        }\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private renderAdvancedPart() {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            defaultMode,\r\n            onModeChange,\r\n            confirmButtonsRenderer,\r\n            onPopupVisibleChange,\r\n            ...props\r\n        } = this.props;\r\n        return (\r\n            <div>\r\n                <div style={{display: \"flex\"}}>\r\n                    <DateTimeInput\r\n                        {...props}\r\n                        style={{width: \"47%\"}}\r\n                        value={fromValue}\r\n                        onChange={(value) => {\r\n                            this.props.onChange?.(value, this.props.toValue);\r\n                        }}\r\n                    />\r\n                    <span style={{width: \"6%\", paddingTop: 4, color: \"rgba(0, 0, 0, 0.65)\", textAlign: \"center\"}}>\r\n                        {\"\\u27F7\"}\r\n                    </span>\r\n                    <DateTimeInput\r\n                        {...props}\r\n                        style={{width: \"47%\"}}\r\n                        value={toValue}\r\n                        onChange={(value) => {\r\n                            this.props.onChange?.(this.props.fromValue, value);\r\n                        }}\r\n                    />\r\n                </div>\r\n                <DateRangeInputAdvancedPanel\r\n                    onBeginIntervalChange={unit => {\r\n                        let from: Dayjs;\r\n                        if (unit === \"15minutes\") {\r\n                            const roundedMinutes = Math.floor(dayjs().minute() / 15) * 15;\r\n                            from = dayjs().startOf(\"hour\").minute(roundedMinutes);\r\n                        } else {\r\n                            from = dayjs().startOf(unit);\r\n                        }\r\n                        this.onChange(from, this.props.toValue);\r\n                    }}\r\n                    onIntervalDurationChange={unitOfTime => {\r\n                        if (this.props.fromValue) {\r\n                            let to: Dayjs;\r\n                            if (unitOfTime === \"4years\") {\r\n                                to = this.props.fromValue.clone().add(4, \"year\").subtract(1, \"millisecond\");\r\n                            } else {\r\n                                to = this.props.fromValue.clone().add(1, unitOfTime).subtract(1, \"millisecond\")\r\n                            }\r\n                            this.onChange(this.props.fromValue, to);\r\n                        }\r\n                    }}\r\n                    onTimeShift={(shiftBegin, shiftEnd, unitOfTime, type) => {\r\n                        let fromValue = this.props.fromValue ?? null;\r\n                        let toValue = this.props.toValue ?? null;\r\n\r\n                        if (shiftBegin && fromValue) {\r\n                            if (type === TimeShiftDirection.INCREMENT) {\r\n                                fromValue = fromValue.add(1, unitOfTime);\r\n                            } else if (type === TimeShiftDirection.DECREMENT) {\r\n                                fromValue = fromValue.subtract(1, unitOfTime);\r\n                            }\r\n                        }\r\n\r\n                        if (shiftEnd && toValue) {\r\n                            if (type === TimeShiftDirection.INCREMENT) {\r\n                                toValue = toValue.add(1, unitOfTime);\r\n                            } else if (type === TimeShiftDirection.DECREMENT) {\r\n                                toValue = toValue.subtract(1, unitOfTime);\r\n                            }\r\n                        }\r\n\r\n                        this.onChange(fromValue, toValue);\r\n                    }}\r\n                    onEndIntervalChange={unit => {\r\n                        let to: Dayjs;\r\n                        if (unit === \"15minutes\") {\r\n                            const roundedMinutes = Math.floor(dayjs().minute() / 15) * 15;\r\n                            to = dayjs().startOf(\"hour\").minute(roundedMinutes).subtract(1, \"millisecond\");\r\n                        } else {\r\n                            to = dayjs().startOf(unit).subtract(1, \"millisecond\");\r\n                        }\r\n                        this.onChange(this.props.fromValue, to);\r\n                    }}\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n\r\n    renderPopup(): React.ReactElement {\r\n        return (\r\n            <div onFocus={this.props.onFocus} onBlur={this.props.onBlur}>\r\n                {this.state.mode === DateRangeInputMode.SIMPLE && this.renderSimplePart()}\r\n                {this.state.mode === DateRangeInputMode.ADVANCED && this.renderAdvancedPart()}\r\n                <div style={{display: \"flex\", justifyContent: \"space-between\", alignItems: \"flex-end\"}}>\r\n                    <Switch\r\n                        style={{float: \"right\", marginTop: 8}}\r\n                        checked={this.state.mode === DateRangeInputMode.ADVANCED}\r\n                        onChange={checked => {\r\n                            const mode = checked ? DateRangeInputMode.ADVANCED : DateRangeInputMode.SIMPLE;\r\n                            this.setState({mode: mode});\r\n                            this.props.onModeChange?.(mode);\r\n                        }}\r\n                        checkedChildren={i18n(\"Advanced Mode\")}\r\n                        unCheckedChildren={i18n(\"Simple Mode\")}\r\n                    />\r\n                    {this.props.confirmButtonsRenderer?.()}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    renderInput() {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            disabled,\r\n            defaultMode,\r\n            onModeChange,\r\n            confirmButtonsRenderer,\r\n            onPopupVisibleChange,\r\n            ...props\r\n        } = this.props;\r\n\r\n        let className = \"ant-input ant-input-outlined\";\r\n        if (disabled || this.state.popupVisible) {\r\n            className += \" ant-input-disabled\";\r\n        }\r\n\r\n        return (\r\n            <div style={{...style, padding: 0, position: \"relative\"}} className={className} onFocus={this.props.onFocus}\r\n                 onBlur={this.props.onBlur}>\r\n                <div style={{display: \"flex\", paddingRight: 8}}>\r\n                    <DateTimeInput value={fromValue} {...props}\r\n                                   disabled={disabled}\r\n                                   inputDisabled={this.state.popupVisible}\r\n                                   allowClear={allowClear}\r\n                                   bordered={false}\r\n                                   hidePopup={true}\r\n                                   style={{width: \"auto\"}}\r\n                                   inputStyle={{paddingRight: 2}}\r\n                                   onChange={(value) => {\r\n                                       this.props.onChange?.(value, this.props.toValue);\r\n                                   }}\r\n                    />\r\n                    <span style={{alignSelf: \"center\"}}>{\"\\u27F7\"}</span>\r\n                    <DateTimeInput value={toValue} {...props}\r\n                                   disabled={disabled}\r\n                                   inputDisabled={this.state.popupVisible}\r\n                                   allowClear={allowClear}\r\n                                   bordered={false}\r\n                                   hidePopup={true}\r\n                                   style={{width: \"auto\"}}\r\n                                   inputStyle={{paddingLeft: 2}}\r\n                                   onChange={(value) => {\r\n                                       this.props.onChange?.(this.props.fromValue, value);\r\n                                   }}\r\n                    />\r\n                    {!hidePopup && !renderAsCalendar &&\r\n                        <CalendarOutlined\r\n                            style={{cursor: (disabled || this.state.popupVisible) ? \"not-allowed\" : \"pointer\"}}\r\n                            onClick={(event) => {\r\n                                if (!disabled && document.createEvent) {\r\n                                    if (this.state.popupVisible) {\r\n                                        this.closePopup();\r\n                                    } else {\r\n                                        var ev = document.createEvent('HTMLEvents');\r\n                                        ev.initEvent('contextmenu', true, false);\r\n                                        event.target.dispatchEvent(ev);\r\n                                        this.props.onFocus?.();\r\n                                    }\r\n                                }\r\n                            }}\r\n                        />\r\n                    }\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    render(): any {\r\n        if (this.props.renderAsCalendar) {\r\n            return this.renderPopup();\r\n        } else if (this.props.hidePopup) {\r\n            return this.renderInput();\r\n        } else {\r\n            return (\r\n                <Tooltip color={\"white\"}\r\n                         key={\"date-range-popup-\" + this.state.popupKeyIndex}\r\n                         trigger={this.props.disabled ? [] : [\"contextMenu\"]}\r\n                         align={this.props.align}\r\n                         placement={this.props.placement}\r\n                         overlayInnerStyle={{maxHeight: \"100vh\", overflowY: \"auto\", overflowX: \"hidden\"}}\r\n                         onOpenChange={(visible) => {\r\n                             if (visible) {\r\n                                 this.props.onFocus?.();\r\n                             } else {\r\n                                 this.props.onBlur?.();\r\n                             }\r\n                             this.setState({popupVisible: visible});\r\n                         }}\r\n                         overlayClassName={\"date-range-picker-popup\"}\r\n                         title={this.renderPopup()}>\r\n                    {this.renderInput()}\r\n                </Tooltip>\r\n            );\r\n        }\r\n    }\r\n}"]}

package/components/date/dateRangeInputAdvancedPanel.d.ts

@@ -1,26 +1,27 @@
-import React from "react";
-import { unitOfTime } from "moment";
-export declare enum TimeShiftDirection {
-    INCREMENT = 0,
-    DECREMENT = 1
-}
-interface DateRangeInputAdvancedPanelProps {
-    onBeginIntervalChange(unit: unitOfTime.StartOf | "15minutes"): void;
-    onIntervalDurationChange(unitOfTime: unitOfTime.DurationConstructor | "4years"): void;
-    onTimeShift(shiftBegin: boolean, shiftEnd: boolean, unitOfTime: unitOfTime.DurationConstructor, direction: TimeShiftDirection): void;
-    onEndIntervalChange(unit: unitOfTime.StartOf | "15minutes"): void;
-}
-interface DateRangeInputAdvancedPanelState {
-    timeShiftBegin: boolean;
-    timeShiftBoth: boolean;
-    timeShiftEnd: boolean;
-}
-export default class DateRangeInputAdvancedPanel extends React.Component<DateRangeInputAdvancedPanelProps, DateRangeInputAdvancedPanelState> {
-    constructor(props: Readonly<DateRangeInputAdvancedPanelProps>);
-    private renderSectionTitle;
-    private renderButton;
-    private renderTimeShiftItem;
-    private renderTimeShiftIcon;
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+import { OpUnitType } from "dayjs";
+import { DurationUnitType } from "d2core/dayjs/duration";
+export declare enum TimeShiftDirection {
+    INCREMENT = 0,
+    DECREMENT = 1
+}
+interface DateRangeInputAdvancedPanelProps {
+    onBeginIntervalChange(unit: OpUnitType | "15minutes"): void;
+    onIntervalDurationChange(unitOfTime: DurationUnitType | "4years"): void;
+    onTimeShift(shiftBegin: boolean, shiftEnd: boolean, unitOfTime: DurationUnitType, direction: TimeShiftDirection): void;
+    onEndIntervalChange(unit: OpUnitType | "15minutes"): void;
+}
+interface DateRangeInputAdvancedPanelState {
+    timeShiftBegin: boolean;
+    timeShiftBoth: boolean;
+    timeShiftEnd: boolean;
+}
+export default class DateRangeInputAdvancedPanel extends React.Component<DateRangeInputAdvancedPanelProps, DateRangeInputAdvancedPanelState> {
+    constructor(props: Readonly<DateRangeInputAdvancedPanelProps>);
+    private renderSectionTitle;
+    private renderButton;
+    private renderTimeShiftItem;
+    private renderTimeShiftIcon;
+    render(): React.JSX.Element;
+}
+export {};

package/components/date/dateRangeInputAdvancedPanel.js

@@ -1,116 +1,131 @@
-import React from "react";
-import { Button, Col, Divider, Row } from "antd";
-import i18n from "d2core/i18n/i18n";
-import Icon from "@ant-design/icons/es/components/Icon";
-export var TimeShiftDirection;
-(function (TimeShiftDirection) {
-    TimeShiftDirection[TimeShiftDirection["INCREMENT"] = 0] = "INCREMENT";
-    TimeShiftDirection[TimeShiftDirection["DECREMENT"] = 1] = "DECREMENT";
-})(TimeShiftDirection || (TimeShiftDirection = {}));
-export default class DateRangeInputAdvancedPanel extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            timeShiftBegin: false,
-            timeShiftBoth: true,
-            timeShiftEnd: false,
-        };
-    }
-    renderSectionTitle(title, style) {
-        return (React.createElement("span", { style: Object.assign({ display: "block", fontWeight: "bold", textAlign: "center", marginBottom: 4 }, style) }, `${title}:`));
-    }
-    renderButton(title, callback) {
-        return (React.createElement(Button, { className: "hoverable-primary-ghost-button", style: { width: "100%", marginBottom: 6 }, type: "primary", size: "small", ghost: true, onClick: callback }, title));
-    }
-    renderTimeShiftItem(title, callback) {
-        const disabled = !this.state.timeShiftBegin && !this.state.timeShiftEnd && !this.state.timeShiftBoth;
-        return (React.createElement("div", { style: { position: "relative", marginBottom: 6 } },
-            React.createElement(Button, { className: disabled ? undefined : "hoverable-primary-ghost-button", style: { width: "20%", borderRight: 0, borderRadius: "2px 0px 0px 2px" }, disabled: disabled, type: "primary", size: "small", ghost: true, onClick: () => callback(TimeShiftDirection.DECREMENT) }, "-"),
-            React.createElement(Button, { style: { width: "60%", borderLeft: 0, borderRight: 0, borderRadius: 0 }, disabled: disabled, type: "primary", size: "small", ghost: true }, title),
-            React.createElement(Button, { className: disabled ? undefined : "hoverable-primary-ghost-button", style: { width: "20%", borderLeft: 0, borderRadius: "0px 2px 2px 0px" }, disabled: disabled, type: "primary", size: "small", ghost: true, onClick: () => callback(TimeShiftDirection.INCREMENT) }, "+")));
-    }
-    renderTimeShiftIcon(shiftType) {
-        let checked = false;
-        if (shiftType === "begin") {
-            checked = this.state.timeShiftBegin;
-        }
-        else if (shiftType === "both") {
-            checked = this.state.timeShiftBoth;
-        }
-        else if (shiftType === "end") {
-            checked = this.state.timeShiftEnd;
-        }
-        return (React.createElement(Icon, { component: () => React.createElement("svg", { className: "icon", viewBox: "64 64 896 896", version: "1.1", width: 40, height: 40, cursor: "pointer", color: checked ? "#2998ff" : "rgba(0, 0, 0, 0.65)", onClick: () => {
-                    if (shiftType === "begin") {
-                        this.setState({ timeShiftBegin: !this.state.timeShiftBegin, timeShiftBoth: false, timeShiftEnd: false });
-                    }
-                    else if (shiftType === "both") {
-                        this.setState({ timeShiftBegin: false, timeShiftBoth: !this.state.timeShiftBoth, timeShiftEnd: false });
-                    }
-                    else if (shiftType === "end") {
-                        this.setState({ timeShiftBegin: false, timeShiftBoth: false, timeShiftEnd: !this.state.timeShiftEnd });
-                    }
-                } },
-                React.createElement("path", { d: "m 880.43128,184.00001 h -168 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -256 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -168 c -17.7,0 -32,14.3 -32,32 v 664 c 0,17.7 14.3,32 32,32 h 736 c 17.7,0 32,-14.3 32,-32 v -664 c 0,-17.7 -14.3,-32 -32,-32 z m -40,656 h -656 v -380 h 656 z m -656,-448 v -136 h 128 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 256 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 128 v 136 z", id: "path2231", style: { fill: "currentcolor" } }),
-                ["begin", "end"].includes(shiftType) &&
-                    React.createElement("g", { id: "g41" },
-                        React.createElement("g", { id: "path2822" }),
-                        React.createElement("g", { id: "path2824" }),
-                        React.createElement("g", { id: "path2826", transform: shiftType === "end" ? "rotate(180,512.9334,646.24561)" : "unset" },
-                            React.createElement("path", { id: "path50", style: { fill: "currentcolor" }, d: "m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727" }))),
-                shiftType === "both" && React.createElement("g", { id: "g65", transform: "rotate(180,512.9334,646.0254)" },
-                    React.createElement("path", { id: "path63", style: { fill: "currentcolor" }, d: "m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727 m 402.24543,135.9102 a -34.41795,-34.41795 0 0 0 23.58789,-9.24219 L 799.46055,671.22658 a -34.41795,-34.41795 0 0 0 1.70508,-48.64453 -34.41795,-34.41795 0 0 0 -48.64453,-1.70703 l -108.8125,101.4414 a -34.41795,-34.41795 0 0 0 -1.70703,48.64454 -34.41795,-34.41795 0 0 0 25.05664,10.94922 z M 775.99115,646.05082 667.17723,747.49209 M 776.1461,680.46877 a -34.41795,-34.41795 0 0 0 24.90625,-10.82813 -34.41795,-34.41795 0 0 0 -1.47071,-48.65234 L 691.28672,519.05666 a -34.41795,-34.41795 0 0 0 -48.65234,1.4707 -34.41795,-34.41795 0 0 0 1.47265,48.65235 L 752.40196,671.1133 a -34.41795,-34.41795 0 0 0 23.74414,9.35547 z M 775.99115,646.05082 667.69693,544.11809 M 761.0543,682.03127 A -35.98045,-35.98045 0 0 0 797.03477,646.0508 -35.98045,-35.98045 0 0 0 761.0543,610.07033 H 475.38047 A -35.98045,-35.98045 0 0 0 439.4,646.0508 -35.98045,-35.98045 0 0 0 475.38047,682.03127 Z M 475.38132,646.05082 h 285.6727" }))) }));
-    }
-    render() {
-        const timeShiftBegin = this.state.timeShiftBegin || this.state.timeShiftBoth;
-        const timeShiftEnd = this.state.timeShiftEnd || this.state.timeShiftBoth;
-        return (React.createElement("div", { style: { color: "rgba(0, 0, 0, 0.65)" } },
-            React.createElement(Divider, { style: { margin: "8px 0px 6px" } }),
-            React.createElement(Row, null,
-                React.createElement(Col, { span: 8, style: { padding: "0px 16px 0px" } },
-                    this.renderSectionTitle(i18n("Interval Begin")),
-                    this.renderButton(i18n("Now"), () => this.props.onBeginIntervalChange("15minutes")),
-                    this.renderButton(i18n("Today"), () => this.props.onBeginIntervalChange("day")),
-                    this.renderButton(i18n("This Week"), () => this.props.onBeginIntervalChange("week")),
-                    this.renderButton(i18n("This Month"), () => this.props.onBeginIntervalChange("month")),
-                    this.renderButton(i18n("This Quarter"), () => this.props.onBeginIntervalChange("quarter")),
-                    this.renderButton(i18n("This Year"), () => this.props.onBeginIntervalChange("year"))),
-                React.createElement(Col, { span: 1 },
-                    React.createElement(Divider, { type: "vertical", style: { height: "100%" } })),
-                React.createElement(Col, { span: 7, style: { padding: "0px 14px 0px" } },
-                    this.renderSectionTitle(i18n("Interval Duration")),
-                    this.renderButton(i18n("Hour"), () => this.props.onIntervalDurationChange("hour")),
-                    this.renderButton(i18n("Day"), () => this.props.onIntervalDurationChange("day")),
-                    this.renderButton(i18n("Week"), () => this.props.onIntervalDurationChange("week")),
-                    this.renderButton(i18n("Month"), () => this.props.onIntervalDurationChange("month")),
-                    this.renderButton(i18n("Quarter"), () => this.props.onIntervalDurationChange("quarter")),
-                    this.renderButton(i18n("Year"), () => this.props.onIntervalDurationChange("year")),
-                    this.renderButton(`4 ${i18n("Years")}`, () => this.props.onIntervalDurationChange("4years"))),
-                React.createElement(Col, { span: 1 },
-                    React.createElement(Divider, { type: "vertical", style: { height: "100%" } })),
-                React.createElement(Col, { span: 7, style: { padding: "0px 16px 0px" } },
-                    this.renderSectionTitle(i18n("Time Shift")),
-                    React.createElement("div", { style: {
-                            height: 52,
-                            marginBottom: 8,
-                            display: "flex",
-                            justifyContent: "center",
-                            alignItems: "center",
-                        } },
-                        this.renderTimeShiftIcon("begin"),
-                        this.renderTimeShiftIcon("both"),
-                        this.renderTimeShiftIcon("end")),
-                    this.renderTimeShiftItem(i18n("Hour"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "hour", direction)),
-                    this.renderTimeShiftItem(i18n("Day"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "day", direction)),
-                    this.renderTimeShiftItem(i18n("Week"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "week", direction)),
-                    this.renderTimeShiftItem(i18n("Month"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "month", direction)),
-                    this.renderTimeShiftItem(i18n("Year"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "year", direction)))),
-            React.createElement(Divider, { style: { margin: "6px 0px 10px" } }),
-            React.createElement("div", { style: { display: "flex" } },
-                React.createElement("div", { style: { width: 192 } }, this.renderSectionTitle(i18n("Interval End"), { marginBottom: 0 })),
-                React.createElement("div", { style: { marginLeft: 18, width: 93 } }, this.renderButton("15 min", () => this.props.onEndIntervalChange("15minutes"))),
-                React.createElement("div", { style: { marginLeft: 8, width: 93 } }, this.renderButton(i18n("Hour"), () => this.props.onEndIntervalChange("hour"))),
-                React.createElement("div", { style: { marginLeft: 8, width: 92 } }, this.renderButton(i18n("Day"), () => this.props.onEndIntervalChange("day"))))));
-    }
-}
+import React from "react";
+import { Button, Col, Divider, Row, Space } from "antd";
+import i18n from "d2core/i18n/i18n";
+import Icon from "@ant-design/icons/es/components/Icon";
+export var TimeShiftDirection;
+(function (TimeShiftDirection) {
+    TimeShiftDirection[TimeShiftDirection["INCREMENT"] = 0] = "INCREMENT";
+    TimeShiftDirection[TimeShiftDirection["DECREMENT"] = 1] = "DECREMENT";
+})(TimeShiftDirection || (TimeShiftDirection = {}));
+export default class DateRangeInputAdvancedPanel extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            timeShiftBegin: false,
+            timeShiftBoth: true,
+            timeShiftEnd: false,
+        };
+    }
+    renderSectionTitle(title, style) {
+        return (React.createElement("span", { style: Object.assign({ display: "block", fontWeight: "bold", textAlign: "center", marginBottom: 4 }, style) }, `${title}:`));
+    }
+    renderButton(title, callback) {
+        return (React.createElement(Button, { size: "small", block: true, onClick: callback }, title));
+    }
+    renderTimeShiftItem(title, callback) {
+        const disabled = !this.state.timeShiftBegin && !this.state.timeShiftEnd && !this.state.timeShiftBoth;
+        return (React.createElement(Space.Compact, { block: true, size: "small" },
+            React.createElement(Button, { style: { width: "22%" }, disabled: disabled, icon: "-", onClick: () => callback(TimeShiftDirection.DECREMENT) }),
+            React.createElement("span", { style: {
+                    width: "56%",
+                    color: "rgba(0, 0, 0, 0.88)",
+                    borderTop: "1px solid #d9d9d9",
+                    borderBottom: "1px solid #d9d9d9",
+                    textAlign: "center",
+                    cursor: "default",
+                } }, title),
+            React.createElement(Button, { style: { width: "22%" }, disabled: disabled, icon: "+", onClick: () => callback(TimeShiftDirection.INCREMENT) })));
+    }
+    renderTimeShiftIcon(shiftType) {
+        let checked = false;
+        if (shiftType === "begin") {
+            checked = this.state.timeShiftBegin;
+        }
+        else if (shiftType === "both") {
+            checked = this.state.timeShiftBoth;
+        }
+        else if (shiftType === "end") {
+            checked = this.state.timeShiftEnd;
+        }
+        return (React.createElement(Icon, { component: () => React.createElement("svg", { className: "icon", viewBox: "64 64 896 896", version: "1.1", width: 40, height: 40, cursor: "pointer", color: checked ? "#2998ff" : "rgba(0, 0, 0, 0.65)", onClick: () => {
+                    if (shiftType === "begin") {
+                        this.setState({
+                            timeShiftBegin: !this.state.timeShiftBegin,
+                            timeShiftBoth: false,
+                            timeShiftEnd: false
+                        });
+                    }
+                    else if (shiftType === "both") {
+                        this.setState({
+                            timeShiftBegin: false,
+                            timeShiftBoth: !this.state.timeShiftBoth,
+                            timeShiftEnd: false
+                        });
+                    }
+                    else if (shiftType === "end") {
+                        this.setState({
+                            timeShiftBegin: false,
+                            timeShiftBoth: false,
+                            timeShiftEnd: !this.state.timeShiftEnd
+                        });
+                    }
+                } },
+                React.createElement("path", { d: "m 880.43128,184.00001 h -168 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -256 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -168 c -17.7,0 -32,14.3 -32,32 v 664 c 0,17.7 14.3,32 32,32 h 736 c 17.7,0 32,-14.3 32,-32 v -664 c 0,-17.7 -14.3,-32 -32,-32 z m -40,656 h -656 v -380 h 656 z m -656,-448 v -136 h 128 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 256 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 128 v 136 z", id: "path2231", style: { fill: "currentcolor" } }),
+                ["begin", "end"].includes(shiftType) &&
+                    React.createElement("g", { id: "g41" },
+                        React.createElement("g", { id: "path2822" }),
+                        React.createElement("g", { id: "path2824" }),
+                        React.createElement("g", { id: "path2826", transform: shiftType === "end" ? "rotate(180,512.9334,646.24561)" : "unset" },
+                            React.createElement("path", { id: "path50", style: { fill: "currentcolor" }, d: "m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727" }))),
+                shiftType === "both" &&
+                    React.createElement("g", { id: "g65", transform: "rotate(180,512.9334,646.0254)" },
+                        React.createElement("path", { id: "path63", style: { fill: "currentcolor" }, d: "m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727 m 402.24543,135.9102 a -34.41795,-34.41795 0 0 0 23.58789,-9.24219 L 799.46055,671.22658 a -34.41795,-34.41795 0 0 0 1.70508,-48.64453 -34.41795,-34.41795 0 0 0 -48.64453,-1.70703 l -108.8125,101.4414 a -34.41795,-34.41795 0 0 0 -1.70703,48.64454 -34.41795,-34.41795 0 0 0 25.05664,10.94922 z M 775.99115,646.05082 667.17723,747.49209 M 776.1461,680.46877 a -34.41795,-34.41795 0 0 0 24.90625,-10.82813 -34.41795,-34.41795 0 0 0 -1.47071,-48.65234 L 691.28672,519.05666 a -34.41795,-34.41795 0 0 0 -48.65234,1.4707 -34.41795,-34.41795 0 0 0 1.47265,48.65235 L 752.40196,671.1133 a -34.41795,-34.41795 0 0 0 23.74414,9.35547 z M 775.99115,646.05082 667.69693,544.11809 M 761.0543,682.03127 A -35.98045,-35.98045 0 0 0 797.03477,646.0508 -35.98045,-35.98045 0 0 0 761.0543,610.07033 H 475.38047 A -35.98045,-35.98045 0 0 0 439.4,646.0508 -35.98045,-35.98045 0 0 0 475.38047,682.03127 Z M 475.38132,646.05082 h 285.6727" }))) }));
+    }
+    render() {
+        const timeShiftBegin = this.state.timeShiftBegin || this.state.timeShiftBoth;
+        const timeShiftEnd = this.state.timeShiftEnd || this.state.timeShiftBoth;
+        return (React.createElement("div", { style: { color: "rgba(0, 0, 0, 0.65)" } },
+            React.createElement(Divider, { style: { margin: "8px 0px 6px" } }),
+            React.createElement(Row, null,
+                React.createElement(Col, { span: 8, style: { padding: "0px 16px 0px" } },
+                    React.createElement(Space, { direction: "vertical" },
+                        this.renderSectionTitle(i18n("Interval Begin")),
+                        this.renderButton(i18n("Now"), () => this.props.onBeginIntervalChange("15minutes")),
+                        this.renderButton(i18n("Today"), () => this.props.onBeginIntervalChange("day")),
+                        this.renderButton(i18n("This Week"), () => this.props.onBeginIntervalChange("week")),
+                        this.renderButton(i18n("This Month"), () => this.props.onBeginIntervalChange("month")),
+                        this.renderButton(i18n("This Year"), () => this.props.onBeginIntervalChange("year")))),
+                React.createElement(Col, { span: 1 },
+                    React.createElement(Divider, { type: "vertical", style: { height: "100%" } })),
+                React.createElement(Col, { span: 7, style: { padding: "0px 14px 0px" } },
+                    React.createElement(Space, { direction: "vertical" },
+                        this.renderSectionTitle(i18n("Interval Duration")),
+                        this.renderButton(i18n("Hour"), () => this.props.onIntervalDurationChange("hour")),
+                        this.renderButton(i18n("Day"), () => this.props.onIntervalDurationChange("day")),
+                        this.renderButton(i18n("Week"), () => this.props.onIntervalDurationChange("week")),
+                        this.renderButton(i18n("Month"), () => this.props.onIntervalDurationChange("month")),
+                        this.renderButton(i18n("Year"), () => this.props.onIntervalDurationChange("year")),
+                        this.renderButton(`4 ${i18n("Years")}`, () => this.props.onIntervalDurationChange("4years")))),
+                React.createElement(Col, { span: 1 },
+                    React.createElement(Divider, { type: "vertical", style: { height: "100%" } })),
+                React.createElement(Col, { span: 7, style: { padding: "0px 16px 0px" } },
+                    React.createElement(Space, { direction: "vertical" },
+                        this.renderSectionTitle(i18n("Time Shift")),
+                        React.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center" } },
+                            this.renderTimeShiftIcon("begin"),
+                            this.renderTimeShiftIcon("both"),
+                            this.renderTimeShiftIcon("end")),
+                        this.renderTimeShiftItem(i18n("Hour"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "hour", direction)),
+                        this.renderTimeShiftItem(i18n("Day"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "day", direction)),
+                        this.renderTimeShiftItem(i18n("Week"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "week", direction)),
+                        this.renderTimeShiftItem(i18n("Month"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "month", direction)),
+                        this.renderTimeShiftItem(i18n("Year"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, "year", direction))))),
+            React.createElement(Divider, { style: { margin: "6px 0px 10px" } }),
+            React.createElement("div", { style: { display: "flex" } },
+                React.createElement("div", { style: { width: 192 } }, this.renderSectionTitle(i18n("Interval End"), { marginBottom: 0 })),
+                React.createElement("div", { style: { marginLeft: 18, width: 93 } }, this.renderButton("15 min", () => this.props.onEndIntervalChange("15minutes"))),
+                React.createElement("div", { style: { marginLeft: 8, width: 93 } }, this.renderButton(i18n("Hour"), () => this.props.onEndIntervalChange("hour"))),
+                React.createElement("div", { style: { marginLeft: 8, width: 92 } }, this.renderButton(i18n("Day"), () => this.props.onEndIntervalChange("day"))))));
+    }
+}
 //# sourceMappingURL=dateRangeInputAdvancedPanel.js.map