@gravity-ui/date-components 3.0.3 → 3.1.0

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.js

@@ -1,90 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { CircleQuestion } from '@gravity-ui/icons';
-import { Button, Icon, Popover, Sheet, Table, useMobile } from '@gravity-ui/uikit';
-import { block } from "../../../../utils/cn.js";
-import { getButtonSizeForInput } from "../../../utils/getButtonSizeForInput.js";
-import { i18n } from "./i18n/index.js";
-import "./PresetsDoc.css";
-const b = block('relative-range-date-picker-presets-doc');
-const columns = [
-    {
-        id: 'title',
-        name: () => {
-            return i18n('Range');
-        },
-    },
-    {
-        id: 'from',
-        name: () => {
-            return i18n('From');
-        },
-    },
-    {
-        id: 'to',
-        name: () => {
-            return i18n('To');
-        },
-    },
-];
-const data = [
-    {
-        get title() {
-            return i18n('Last 5 minutes');
-        },
-        from: 'now - 5m',
-        to: 'now',
-    },
-    {
-        get title() {
-            return i18n('From start of day');
-        },
-        from: 'now/d',
-        to: 'now',
-    },
-    {
-        get title() {
-            return i18n('This week');
-        },
-        from: 'now/w',
-        to: 'now/w',
-    },
-    {
-        get title() {
-            return i18n('From start of week');
-        },
-        from: 'now/w',
-        to: 'now',
-    },
-    {
-        get title() {
-            return i18n('Previous month');
-        },
-        from: 'now - 1M/M',
-        to: 'now - 1M/M',
-    },
-];
-function PresetsExamples({ size, docs }) {
-    return _jsx(Table, { columns: columns, data: docs, className: b('table', { size }) });
-}
-function DesktopDoc({ className, size, docs }) {
-    return (_jsx(Popover, { className: b(null), hasArrow: false, content: _jsx(PresetsExamples, { size: size, docs: docs }), children: _jsx(Button, { className: b('button', className), view: "flat-secondary", size: getButtonSizeForInput(size), children: _jsx(Icon, { data: CircleQuestion }) }) }));
-}
-function MobileDoc({ className, size, docs }) {
-    const [open, setOpen] = React.useState(false);
-    return (_jsxs("div", { className: b(null, className), children: [_jsx(Button, { className: b('button'), view: "flat-secondary", size: "l", onClick: () => {
-                    setOpen(true);
-                }, children: _jsx(Icon, { data: CircleQuestion }) }), _jsx(Sheet, { visible: open, onClose: () => setOpen(false), children: _jsx(PresetsExamples, { size: size, docs: docs }) })] }));
-}
-export function PresetsDoc({ className, size, docs = data }) {
-    const isMobile = useMobile();
-    if (!Array.isArray(docs) || docs.length === 0) {
-        return null;
-    }
-    if (isMobile) {
-        return _jsx(MobileDoc, { className: className, size: size, docs: docs });
-    }
-    return _jsx(DesktopDoc, { className: className, size: size, docs: docs });
-}
-//# sourceMappingURL=PresetsDoc.js.map

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresetsDoc.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Presets/PresetsDoc.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {CircleQuestion} from '@gravity-ui/icons';\nimport {Button, Icon, Popover, Sheet, Table, useMobile} from '@gravity-ui/uikit';\nimport type {TableColumnConfig} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {getButtonSizeForInput} from '../../../utils/getButtonSizeForInput';\n\nimport type {Preset} from './defaultPresets';\nimport {i18n} from './i18n';\n\nimport './PresetsDoc.scss';\n\nconst b = block('relative-range-date-picker-presets-doc');\n\nconst columns: TableColumnConfig<Preset>[] = [\n    {\n        id: 'title',\n        name: () => {\n            return i18n('Range');\n        },\n    },\n    {\n        id: 'from',\n        name: () => {\n            return i18n('From');\n        },\n    },\n    {\n        id: 'to',\n        name: () => {\n            return i18n('To');\n        },\n    },\n];\n\nconst data: Preset[] = [\n    {\n        get title() {\n            return i18n('Last 5 minutes');\n        },\n        from: 'now - 5m',\n        to: 'now',\n    },\n    {\n        get title() {\n            return i18n('From start of day');\n        },\n        from: 'now/d',\n        to: 'now',\n    },\n    {\n        get title() {\n            return i18n('This week');\n        },\n        from: 'now/w',\n        to: 'now/w',\n    },\n    {\n        get title() {\n            return i18n('From start of week');\n        },\n        from: 'now/w',\n        to: 'now',\n    },\n    {\n        get title() {\n            return i18n('Previous month');\n        },\n        from: 'now - 1M/M',\n        to: 'now - 1M/M',\n    },\n];\n\ninterface PresetsExamplesProps {\n    size?: 's' | 'm' | 'l' | 'xl';\n    docs: Preset[];\n}\nfunction PresetsExamples({size, docs}: PresetsExamplesProps) {\n    return <Table columns={columns} data={docs} className={b('table', {size})} />;\n}\n\ninterface DesktopDocProps {\n    className?: string;\n    size?: 's' | 'm' | 'l' | 'xl';\n    docs: Preset[];\n}\nfunction DesktopDoc({className, size, docs}: DesktopDocProps) {\n    return (\n        <Popover\n            className={b(null)}\n            hasArrow={false}\n            content={<PresetsExamples size={size} docs={docs} />}\n        >\n            <Button\n                className={b('button', className)}\n                view=\"flat-secondary\"\n                size={getButtonSizeForInput(size)}\n            >\n                <Icon data={CircleQuestion} />\n            </Button>\n        </Popover>\n    );\n}\n\ninterface MobileDocProps {\n    className?: string;\n    size?: 's' | 'm' | 'l' | 'xl';\n    docs: Preset[];\n}\nfunction MobileDoc({className, size, docs}: MobileDocProps) {\n    const [open, setOpen] = React.useState(false);\n    return (\n        <div className={b(null, className)}>\n            <Button\n                className={b('button')}\n                view=\"flat-secondary\"\n                size=\"l\"\n                onClick={() => {\n                    setOpen(true);\n                }}\n            >\n                <Icon data={CircleQuestion} />\n            </Button>\n            <Sheet visible={open} onClose={() => setOpen(false)}>\n                <PresetsExamples size={size} docs={docs} />\n            </Sheet>\n        </div>\n    );\n}\n\ninterface PresetsDocProps {\n    className?: string;\n    size?: 's' | 'm' | 'l' | 'xl';\n    docs?: Preset[];\n}\n\nexport function PresetsDoc({className, size, docs = data}: PresetsDocProps) {\n    const isMobile = useMobile();\n\n    if (!Array.isArray(docs) || docs.length === 0) {\n        return null;\n    }\n\n    if (isMobile) {\n        return <MobileDoc className={className} size={size} docs={docs} />;\n    }\n\n    return <DesktopDoc className={className} size={size} docs={docs} />;\n}\n"]}