@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/esm/components/ChartEditorForm/ChartEditorForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Button","Flex","Select","Switch","Text","TextInput","Field","resolveLabels","cn","jsx","_jsx","jsxs","_jsxs","block","ChartEditorForm","_ref","dataIds","axisVariants","labels","className","formValues","onFormValuesChange","disabled","onCancel","onSubmit","updateFormValues","patch","_objectSpread","axisOptions","map","axisType","value","children","dataIdsOptions","dataId","resolvedLables","needShowDataIdsSelector","length","as","direction","gap","variant","formTitle","label","data","multiple","options","onUpdate","pathDataIds","width","chartTitle","xTitle","yTitle","checked","Boolean","showLegend","content","justifyContent","view","onClick","cancel","submit"],"sources":["ChartEditorForm.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport type {ChartEditorFormProps, ChartEditorFormValues} from './types';\nimport {Button, Flex, Select, Switch, Text, TextInput} from '@gravity-ui/uikit';\nimport {Field} from './internal/Field';\nimport {resolveLabels} from './helpers/resolveLabels';\nimport {ChartAxisType} from '@gravity-ui/charts';\nimport cn from 'bem-cn-lite';\nimport './ChartEditorForm.scss';\n\nconst block = cn('qp-chart-editor-form');\n\nexport function ChartEditorForm({\n    dataIds,\n    axisVariants,\n    labels,\n    className,\n    formValues,\n    onFormValuesChange,\n    disabled,\n    onCancel,\n    onSubmit,\n}: ChartEditorFormProps) {\n    const updateFormValues = (patch: Partial<ChartEditorFormValues>) => {\n        onFormValuesChange?.({...formValues, ...patch});\n    };\n\n    const axisOptions = useMemo(\n        () => axisVariants?.map((axisType) => ({value: axisType, children: axisType})),\n        [axisVariants],\n    );\n\n    const dataIdsOptions = useMemo(\n        () => dataIds?.map((dataId) => ({value: dataId, children: dataId})),\n        [dataIds],\n    );\n\n    const resolvedLables = resolveLabels(labels);\n\n    const needShowDataIdsSelector = dataIdsOptions?.length && dataIdsOptions?.length > 1;\n\n    return (\n        <Flex as=\"aside\" direction=\"column\" gap={3} className={block(null, className)}>\n            <Text as=\"h2\" variant=\"subheader-2\" className={block('title')}>\n                {resolvedLables.formTitle}\n            </Text>\n\n            <Flex direction=\"column\" gap={3} className={block('fields')}>\n                {needShowDataIdsSelector && (\n                    <Field label={resolvedLables.data}>\n                        <Select\n                            multiple\n                            aria-label={resolvedLables.data}\n                            options={dataIdsOptions}\n                            value={formValues.dataIds}\n                            onUpdate={(pathDataIds) => updateFormValues({dataIds: pathDataIds})}\n                            disabled={disabled}\n                            width=\"max\"\n                        />\n                    </Field>\n                )}\n\n                <Field label={resolvedLables.axisType}>\n                    <Select<ChartAxisType>\n                        aria-label={resolvedLables.axisType}\n                        options={axisOptions}\n                        value={formValues.axisType ? [formValues.axisType] : []}\n                        onUpdate={(axisType) =>\n                            updateFormValues({axisType: axisType[0] as ChartAxisType})\n                        }\n                        disabled={disabled}\n                        width=\"max\"\n                    />\n                </Field>\n\n                <Field label={resolvedLables.chartTitle}>\n                    <TextInput\n                        aria-label={resolvedLables.chartTitle}\n                        value={formValues.chartTitle}\n                        onUpdate={(chartTitle) => updateFormValues({chartTitle})}\n                        disabled={disabled}\n                    />\n                </Field>\n\n                <Field label={resolvedLables.xTitle}>\n                    <TextInput\n                        aria-label={resolvedLables.xTitle}\n                        value={formValues.xTitle}\n                        onUpdate={(xTitle) => updateFormValues({xTitle})}\n                        disabled={disabled}\n                    />\n                </Field>\n\n                <Field label={resolvedLables.yTitle}>\n                    <TextInput\n                        aria-label={resolvedLables.yTitle}\n                        value={formValues.yTitle}\n                        onUpdate={(yTitle) => updateFormValues({yTitle})}\n                        disabled={disabled}\n                    />\n                </Field>\n\n                <Switch\n                    checked={Boolean(formValues.showLegend)}\n                    onUpdate={(showLegend) => updateFormValues({showLegend})}\n                    disabled={disabled}\n                    content={resolvedLables.showLegend}\n                />\n            </Flex>\n\n            <Flex gap={2} justifyContent=\"flex-end\" className={block('actions')}>\n                <Button view=\"flat\" onClick={onCancel} disabled={disabled}>\n                    {resolvedLables.cancel}\n                </Button>\n                <Button view=\"action\" onClick={onSubmit} disabled={disabled}>\n                    {resolvedLables.submit}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAEpC,SAAQC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,QAAO,mBAAmB;AAC/E,SAAQC,KAAK;AACb,SAAQC,aAAa;AAErB,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAgC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhC,IAAMC,KAAK,GAAGL,EAAE,CAAC,sBAAsB,CAAC;AAExC,OAAO,SAASM,eAAeA,CAAAC,IAAA,EAUN;EAAA,IATrBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAER,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAqC,EAAK;IAChEL,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAAM,aAAA,CAAAA,aAAA,KAAOP,UAAU,GAAKM,KAAK,CAAC,CAAC;EACnD,CAAC;EAED,IAAME,WAAW,GAAG7B,OAAO,CACvB;IAAA,OAAMkB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEY,GAAG,CAAC,UAACC,QAAQ;MAAA,OAAM;QAACC,KAAK,EAAED,QAAQ;QAAEE,QAAQ,EAAEF;MAAQ,CAAC;IAAA,CAAC,CAAC;EAAA,GAC9E,CAACb,YAAY,CACjB,CAAC;EAED,IAAMgB,cAAc,GAAGlC,OAAO,CAC1B;IAAA,OAAMiB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEa,GAAG,CAAC,UAACK,MAAM;MAAA,OAAM;QAACH,KAAK,EAAEG,MAAM;QAAEF,QAAQ,EAAEE;MAAM,CAAC;IAAA,CAAC,CAAC;EAAA,GACnE,CAAClB,OAAO,CACZ,CAAC;EAED,IAAMmB,cAAc,GAAG5B,aAAa,CAACW,MAAM,CAAC;EAE5C,IAAMkB,uBAAuB,GAAG,CAAAH,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEI,MAAM,KAAI,CAAAJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEI,MAAM,IAAG,CAAC;EAEpF,oBACIzB,KAAA,CAACX,IAAI;IAACqC,EAAE,EAAC,OAAO;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACrB,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;IAAAa,QAAA,gBAC1EtB,IAAA,CAACN,IAAI;MAACkC,EAAE,EAAC,IAAI;MAACG,OAAO,EAAC,aAAa;MAACtB,SAAS,EAAEN,KAAK,CAAC,OAAO,CAAE;MAAAmB,QAAA,EACzDG,cAAc,CAACO;IAAS,CACvB,CAAC,eAEP9B,KAAA,CAACX,IAAI;MAACsC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACrB,SAAS,EAAEN,KAAK,CAAC,QAAQ,CAAE;MAAAmB,QAAA,GACvDI,uBAAuB,iBACpB1B,IAAA,CAACJ,KAAK;QAACqC,KAAK,EAAER,cAAc,CAACS,IAAK;QAAAZ,QAAA,eAC9BtB,IAAA,CAACR,MAAM;UACH2C,QAAQ;UACR,cAAYV,cAAc,CAACS,IAAK;UAChCE,OAAO,EAAEb,cAAe;UACxBF,KAAK,EAAEX,UAAU,CAACJ,OAAQ;UAC1B+B,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,WAAW;YAAA,OAAKvB,gBAAgB,CAAC;cAACT,OAAO,EAAEgC;YAAW,CAAC,CAAC;UAAA,CAAC;UACpE1B,QAAQ,EAAEA,QAAS;UACnB2B,KAAK,EAAC;QAAK,CACd;MAAC,CACC,CACV,eAEDvC,IAAA,CAACJ,KAAK;QAACqC,KAAK,EAAER,cAAc,CAACL,QAAS;QAAAE,QAAA,eAClCtB,IAAA,CAACR,MAAM;UACH,cAAYiC,cAAc,CAACL,QAAS;UACpCgB,OAAO,EAAElB,WAAY;UACrBG,KAAK,EAAEX,UAAU,CAACU,QAAQ,GAAG,CAACV,UAAU,CAACU,QAAQ,CAAC,GAAG,EAAG;UACxDiB,QAAQ,EAAE,SAAVA,QAAQA,CAAGjB,QAAQ;YAAA,OACfL,gBAAgB,CAAC;cAACK,QAAQ,EAAEA,QAAQ,CAAC,CAAC;YAAkB,CAAC,CAAC;UAAA,CAC7D;UACDR,QAAQ,EAAEA,QAAS;UACnB2B,KAAK,EAAC;QAAK,CACd;MAAC,CACC,CAAC,eAERvC,IAAA,CAACJ,KAAK;QAACqC,KAAK,EAAER,cAAc,CAACe,UAAW;QAAAlB,QAAA,eACpCtB,IAAA,CAACL,SAAS;UACN,cAAY8B,cAAc,CAACe,UAAW;UACtCnB,KAAK,EAAEX,UAAU,CAAC8B,UAAW;UAC7BH,QAAQ,EAAE,SAAVA,QAAQA,CAAGG,UAAU;YAAA,OAAKzB,gBAAgB,CAAC;cAACyB,UAAU,EAAVA;YAAU,CAAC,CAAC;UAAA,CAAC;UACzD5B,QAAQ,EAAEA;QAAS,CACtB;MAAC,CACC,CAAC,eAERZ,IAAA,CAACJ,KAAK;QAACqC,KAAK,EAAER,cAAc,CAACgB,MAAO;QAAAnB,QAAA,eAChCtB,IAAA,CAACL,SAAS;UACN,cAAY8B,cAAc,CAACgB,MAAO;UAClCpB,KAAK,EAAEX,UAAU,CAAC+B,MAAO;UACzBJ,QAAQ,EAAE,SAAVA,QAAQA,CAAGI,MAAM;YAAA,OAAK1B,gBAAgB,CAAC;cAAC0B,MAAM,EAANA;YAAM,CAAC,CAAC;UAAA,CAAC;UACjD7B,QAAQ,EAAEA;QAAS,CACtB;MAAC,CACC,CAAC,eAERZ,IAAA,CAACJ,KAAK;QAACqC,KAAK,EAAER,cAAc,CAACiB,MAAO;QAAApB,QAAA,eAChCtB,IAAA,CAACL,SAAS;UACN,cAAY8B,cAAc,CAACiB,MAAO;UAClCrB,KAAK,EAAEX,UAAU,CAACgC,MAAO;UACzBL,QAAQ,EAAE,SAAVA,QAAQA,CAAGK,MAAM;YAAA,OAAK3B,gBAAgB,CAAC;cAAC2B,MAAM,EAANA;YAAM,CAAC,CAAC;UAAA,CAAC;UACjD9B,QAAQ,EAAEA;QAAS,CACtB;MAAC,CACC,CAAC,eAERZ,IAAA,CAACP,MAAM;QACHkD,OAAO,EAAEC,OAAO,CAAClC,UAAU,CAACmC,UAAU,CAAE;QACxCR,QAAQ,EAAE,SAAVA,QAAQA,CAAGQ,UAAU;UAAA,OAAK9B,gBAAgB,CAAC;YAAC8B,UAAU,EAAVA;UAAU,CAAC,CAAC;QAAA,CAAC;QACzDjC,QAAQ,EAAEA,QAAS;QACnBkC,OAAO,EAAErB,cAAc,CAACoB;MAAW,CACtC,CAAC;IAAA,CACA,CAAC,eAEP3C,KAAA,CAACX,IAAI;MAACuC,GAAG,EAAE,CAAE;MAACiB,cAAc,EAAC,UAAU;MAACtC,SAAS,EAAEN,KAAK,CAAC,SAAS,CAAE;MAAAmB,QAAA,gBAChEtB,IAAA,CAACV,MAAM;QAAC0D,IAAI,EAAC,MAAM;QAACC,OAAO,EAAEpC,QAAS;QAACD,QAAQ,EAAEA,QAAS;QAAAU,QAAA,EACrDG,cAAc,CAACyB;MAAM,CAClB,CAAC,eACTlD,IAAA,CAACV,MAAM;QAAC0D,IAAI,EAAC,QAAQ;QAACC,OAAO,EAAEnC,QAAS;QAACF,QAAQ,EAAEA,QAAS;QAAAU,QAAA,EACvDG,cAAc,CAAC0B;MAAM,CAClB,CAAC;IAAA,CACP,CAAC;EAAA,CACL,CAAC;AAEf","ignoreList":[]}

package/build/esm/components/ChartEditorForm/ChartEditorForm.scss

@@ -0,0 +1,20 @@
+.qp-chart-editor-form {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    padding: 16px;
+    overflow-y: auto;
+
+    &__title {
+        margin: 0;
+    }
+
+    &__fields {
+        flex: 1 1 auto;
+        min-height: 0;
+    }
+
+    &__actions {
+        margin-top: auto;
+    }
+}

package/build/esm/components/ChartEditorForm/ChartEditorForm.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ChartEditorForm } from './ChartEditorForm';
+declare const meta: Meta<typeof ChartEditorForm>;
+export default meta;
+type Story = StoryObj<typeof ChartEditorForm>;
+export declare const Default: Story;
+export declare const WithFilledValues: Story;
+export declare const CustomLabels: Story;
+export declare const Disabled: Story;

package/build/esm/components/ChartEditorForm/ChartEditorForm.stories.js

@@ -0,0 +1,84 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { ChartEditorForm } from "./ChartEditorForm";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/ChartEditorForm',
+  component: ChartEditorForm,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var DefaultChartEditor = function DefaultChartEditor() {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    formValues = _useState2[0],
+    setFormValues = _useState2[1];
+  return /*#__PURE__*/_jsx(ChartEditorForm, {
+    axisVariants: ['category', 'datetime', 'linear', 'logarithmic'],
+    formValues: formValues,
+    onFormValuesChange: setFormValues
+  });
+};
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(DefaultChartEditor, {});
+  }
+};
+var DefaultValuesChartEditor = function DefaultValuesChartEditor() {
+  var _useState3 = useState({
+      xTitle: 'Time',
+      yTitle: 'Count',
+      showLegend: true,
+      axisType: 'category'
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formValues = _useState4[0],
+    setFormValues = _useState4[1];
+  return /*#__PURE__*/_jsx(ChartEditorForm, {
+    axisVariants: ['category', 'datetime', 'linear', 'logarithmic'],
+    formValues: formValues,
+    onFormValuesChange: setFormValues
+  });
+};
+export var WithFilledValues = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(DefaultValuesChartEditor, {});
+  }
+};
+export var CustomLabels = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ChartEditorForm, {
+      formValues: {},
+      labels: {
+        formTitle: 'Add line chart',
+        data: 'Chart type',
+        x: 'X axis field',
+        axisType: 'X axis scale',
+        chartTitle: 'Title',
+        xTitle: 'X label',
+        yTitle: 'Y label',
+        showLegend: 'Display legend',
+        cancelLabel: 'Discard',
+        submitLabel: 'Save chart'
+      }
+    });
+  }
+};
+export var Disabled = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ChartEditorForm, {
+      disabled: true,
+      formValues: {
+        axisType: 'linear',
+        chartTitle: 'Disabled chart',
+        xTitle: 'X',
+        yTitle: 'Y',
+        showLegend: true
+      }
+    });
+  }
+};
+// #sourceMappingURL=ChartEditorForm.stories.js.map

package/build/esm/components/ChartEditorForm/ChartEditorForm.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ChartEditorForm","jsx","_jsx","meta","title","component","tags","parameters","layout","DefaultChartEditor","_useState","_useState2","_slicedToArray","formValues","setFormValues","axisVariants","onFormValuesChange","Default","render","DefaultValuesChartEditor","_useState3","xTitle","yTitle","showLegend","axisType","_useState4","WithFilledValues","CustomLabels","labels","formTitle","data","x","chartTitle","cancelLabel","submitLabel","Disabled","disabled"],"sources":["ChartEditorForm.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport type {ChartEditorFormValues} from './types';\nimport {ChartEditorForm} from './ChartEditorForm';\n\nconst meta: Meta<typeof ChartEditorForm> = {\n    title: 'Components/ChartEditorForm',\n    component: ChartEditorForm,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ChartEditorForm>;\n\nconst DefaultChartEditor = () => {\n    const [formValues, setFormValues] = useState({});\n\n    return (\n        <ChartEditorForm\n            axisVariants={['category', 'datetime', 'linear', 'logarithmic']}\n            formValues={formValues}\n            onFormValuesChange={setFormValues}\n        />\n    );\n};\n\nexport const Default: Story = {\n    render: () => <DefaultChartEditor />,\n};\n\nconst DefaultValuesChartEditor = () => {\n    const [formValues, setFormValues] = useState<ChartEditorFormValues>({\n        xTitle: 'Time',\n        yTitle: 'Count',\n        showLegend: true,\n        axisType: 'category',\n    });\n\n    return (\n        <ChartEditorForm\n            axisVariants={['category', 'datetime', 'linear', 'logarithmic']}\n            formValues={formValues}\n            onFormValuesChange={setFormValues}\n        />\n    );\n};\n\nexport const WithFilledValues: Story = {\n    render: () => <DefaultValuesChartEditor />,\n};\n\nexport const CustomLabels: Story = {\n    render: () => (\n        <ChartEditorForm\n            formValues={{}}\n            labels={{\n                formTitle: 'Add line chart',\n                data: 'Chart type',\n                x: 'X axis field',\n                axisType: 'X axis scale',\n                chartTitle: 'Title',\n                xTitle: 'X label',\n                yTitle: 'Y label',\n                showLegend: 'Display legend',\n                cancelLabel: 'Discard',\n                submitLabel: 'Save chart',\n            }}\n        />\n    ),\n};\n\nexport const Disabled: Story = {\n    render: () => (\n        <ChartEditorForm\n            disabled\n            formValues={{\n                axisType: 'linear',\n                chartTitle: 'Disabled chart',\n                xTitle: 'X',\n                yTitle: 'Y',\n                showLegend: true,\n            }}\n        />\n    ),\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAGrC,SAAQC,eAAe;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAElD,IAAMC,IAAkC,GAAG;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEL,eAAe;EAC1BM,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeL,IAAI;AAGnB,IAAMM,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EAC7B,IAAAC,SAAA,GAAoCX,QAAQ,CAAC,CAAC,CAAC,CAAC;IAAAY,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAzCG,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAEhC,oBACIT,IAAA,CAACF,eAAe;IACZe,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAE;IAChEF,UAAU,EAAEA,UAAW;IACvBG,kBAAkB,EAAEF;EAAc,CACrC,CAAC;AAEV,CAAC;AAED,OAAO,IAAMG,OAAc,GAAG;EAC1BC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQhB,IAAA,CAACO,kBAAkB,IAAE,CAAC;EAAA;AACxC,CAAC;AAED,IAAMU,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EACnC,IAAAC,UAAA,GAAoCrB,QAAQ,CAAwB;MAChEsB,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,OAAO;MACfC,UAAU,EAAE,IAAI;MAChBC,QAAQ,EAAE;IACd,CAAC,CAAC;IAAAC,UAAA,GAAAb,cAAA,CAAAQ,UAAA;IALKP,UAAU,GAAAY,UAAA;IAAEX,aAAa,GAAAW,UAAA;EAOhC,oBACIvB,IAAA,CAACF,eAAe;IACZe,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAE;IAChEF,UAAU,EAAEA,UAAW;IACvBG,kBAAkB,EAAEF;EAAc,CACrC,CAAC;AAEV,CAAC;AAED,OAAO,IAAMY,gBAAuB,GAAG;EACnCR,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQhB,IAAA,CAACiB,wBAAwB,IAAE,CAAC;EAAA;AAC9C,CAAC;AAED,OAAO,IAAMQ,YAAmB,GAAG;EAC/BT,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACFhB,IAAA,CAACF,eAAe;MACZa,UAAU,EAAE,CAAC,CAAE;MACfe,MAAM,EAAE;QACJC,SAAS,EAAE,gBAAgB;QAC3BC,IAAI,EAAE,YAAY;QAClBC,CAAC,EAAE,cAAc;QACjBP,QAAQ,EAAE,cAAc;QACxBQ,UAAU,EAAE,OAAO;QACnBX,MAAM,EAAE,SAAS;QACjBC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE,gBAAgB;QAC5BU,WAAW,EAAE,SAAS;QACtBC,WAAW,EAAE;MACjB;IAAE,CACL,CAAC;EAAA;AAEV,CAAC;AAED,OAAO,IAAMC,QAAe,GAAG;EAC3BjB,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACFhB,IAAA,CAACF,eAAe;MACZoC,QAAQ;MACRvB,UAAU,EAAE;QACRW,QAAQ,EAAE,QAAQ;QAClBQ,UAAU,EAAE,gBAAgB;QAC5BX,MAAM,EAAE,GAAG;QACXC,MAAM,EAAE,GAAG;QACXC,UAAU,EAAE;MAChB;IAAE,CACL,CAAC;EAAA;AAEV,CAAC","ignoreList":[]}

package/build/esm/components/ChartEditorForm/helpers/resolveLabels.d.ts

@@ -0,0 +1,13 @@
+import type { ChartEditorLabels } from '../types';
+export declare const resolveLabels: (labels?: ChartEditorLabels) => {
+    data: string;
+    x: string;
+    axisType: string;
+    chartTitle: string;
+    xTitle: string;
+    yTitle: string;
+    showLegend: string;
+    formTitle: string;
+    cancel: string;
+    submit: string;
+};

package/build/esm/components/ChartEditorForm/helpers/resolveLabels.js

@@ -0,0 +1,18 @@
+import i18n from "../i18n";
+export var resolveLabels = function resolveLabels() {
+  var _labels$data, _labels$x, _labels$axisType, _labels$chartTitle, _labels$xTitle, _labels$yTitle, _labels$showLegend, _labels$formTitle, _labels$cancelLabel, _labels$submitLabel;
+  var labels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    data: (_labels$data = labels.data) !== null && _labels$data !== void 0 ? _labels$data : i18n('field_data'),
+    x: (_labels$x = labels.x) !== null && _labels$x !== void 0 ? _labels$x : i18n('field_x'),
+    axisType: (_labels$axisType = labels.axisType) !== null && _labels$axisType !== void 0 ? _labels$axisType : i18n('field_axis-type'),
+    chartTitle: (_labels$chartTitle = labels.chartTitle) !== null && _labels$chartTitle !== void 0 ? _labels$chartTitle : i18n('field_chart-title'),
+    xTitle: (_labels$xTitle = labels.xTitle) !== null && _labels$xTitle !== void 0 ? _labels$xTitle : i18n('field_x-title'),
+    yTitle: (_labels$yTitle = labels.yTitle) !== null && _labels$yTitle !== void 0 ? _labels$yTitle : i18n('field_y-title'),
+    showLegend: (_labels$showLegend = labels.showLegend) !== null && _labels$showLegend !== void 0 ? _labels$showLegend : i18n('field_show-legend'),
+    formTitle: (_labels$formTitle = labels.formTitle) !== null && _labels$formTitle !== void 0 ? _labels$formTitle : i18n('title_form'),
+    cancel: (_labels$cancelLabel = labels.cancelLabel) !== null && _labels$cancelLabel !== void 0 ? _labels$cancelLabel : i18n('button_cancel'),
+    submit: (_labels$submitLabel = labels.submitLabel) !== null && _labels$submitLabel !== void 0 ? _labels$submitLabel : i18n('button_submit')
+  };
+};
+// #sourceMappingURL=resolveLabels.js.map

package/build/esm/components/ChartEditorForm/helpers/resolveLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["i18n","resolveLabels","_labels$data","_labels$x","_labels$axisType","_labels$chartTitle","_labels$xTitle","_labels$yTitle","_labels$showLegend","_labels$formTitle","_labels$cancelLabel","_labels$submitLabel","labels","arguments","length","undefined","data","x","axisType","chartTitle","xTitle","yTitle","showLegend","formTitle","cancel","cancelLabel","submit","submitLabel"],"sources":["resolveLabels.ts"],"sourcesContent":["import i18n from '../i18n';\nimport type {ChartEditorLabels} from '../types';\n\nexport const resolveLabels = (labels: ChartEditorLabels = {}) => {\n    return {\n        data: labels.data ?? i18n('field_data'),\n        x: labels.x ?? i18n('field_x'),\n        axisType: labels.axisType ?? i18n('field_axis-type'),\n        chartTitle: labels.chartTitle ?? i18n('field_chart-title'),\n        xTitle: labels.xTitle ?? i18n('field_x-title'),\n        yTitle: labels.yTitle ?? i18n('field_y-title'),\n        showLegend: labels.showLegend ?? i18n('field_show-legend'),\n        formTitle: labels.formTitle ?? i18n('title_form'),\n        cancel: labels.cancelLabel ?? i18n('button_cancel'),\n        submit: labels.submitLabel ?? i18n('button_submit'),\n    };\n};\n"],"mappings":"AAAA,OAAOA,IAAI;AAGX,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAuC;EAAA,IAAAC,YAAA,EAAAC,SAAA,EAAAC,gBAAA,EAAAC,kBAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,kBAAA,EAAAC,iBAAA,EAAAC,mBAAA,EAAAC,mBAAA;EAAA,IAAnCC,MAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxD,OAAO;IACHG,IAAI,GAAAd,YAAA,GAAEU,MAAM,CAACI,IAAI,cAAAd,YAAA,cAAAA,YAAA,GAAIF,IAAI,CAAC,YAAY,CAAC;IACvCiB,CAAC,GAAAd,SAAA,GAAES,MAAM,CAACK,CAAC,cAAAd,SAAA,cAAAA,SAAA,GAAIH,IAAI,CAAC,SAAS,CAAC;IAC9BkB,QAAQ,GAAAd,gBAAA,GAAEQ,MAAM,CAACM,QAAQ,cAAAd,gBAAA,cAAAA,gBAAA,GAAIJ,IAAI,CAAC,iBAAiB,CAAC;IACpDmB,UAAU,GAAAd,kBAAA,GAAEO,MAAM,CAACO,UAAU,cAAAd,kBAAA,cAAAA,kBAAA,GAAIL,IAAI,CAAC,mBAAmB,CAAC;IAC1DoB,MAAM,GAAAd,cAAA,GAAEM,MAAM,CAACQ,MAAM,cAAAd,cAAA,cAAAA,cAAA,GAAIN,IAAI,CAAC,eAAe,CAAC;IAC9CqB,MAAM,GAAAd,cAAA,GAAEK,MAAM,CAACS,MAAM,cAAAd,cAAA,cAAAA,cAAA,GAAIP,IAAI,CAAC,eAAe,CAAC;IAC9CsB,UAAU,GAAAd,kBAAA,GAAEI,MAAM,CAACU,UAAU,cAAAd,kBAAA,cAAAA,kBAAA,GAAIR,IAAI,CAAC,mBAAmB,CAAC;IAC1DuB,SAAS,GAAAd,iBAAA,GAAEG,MAAM,CAACW,SAAS,cAAAd,iBAAA,cAAAA,iBAAA,GAAIT,IAAI,CAAC,YAAY,CAAC;IACjDwB,MAAM,GAAAd,mBAAA,GAAEE,MAAM,CAACa,WAAW,cAAAf,mBAAA,cAAAA,mBAAA,GAAIV,IAAI,CAAC,eAAe,CAAC;IACnD0B,MAAM,GAAAf,mBAAA,GAAEC,MAAM,CAACe,WAAW,cAAAhB,mBAAA,cAAAA,mBAAA,GAAIX,IAAI,CAAC,eAAe;EACtD,CAAC;AACL,CAAC","ignoreList":[]}

package/build/esm/components/ChartEditorForm/i18n/dicts.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        title_form: string;
+        field_data: string;
+        field_x: string;
+        "field_axis-type": string;
+        "field_chart-title": string;
+        "field_x-title": string;
+        "field_y-title": string;
+        "field_show-legend": string;
+        button_cancel: string;
+        button_submit: string;
+    };
+    ru: {
+        title_form: string;
+        field_data: string;
+        field_x: string;
+        "field_axis-type": string;
+        "field_chart-title": string;
+        "field_x-title": string;
+        "field_y-title": string;
+        "field_show-legend": string;
+        button_cancel: string;
+        button_submit: string;
+    };
+};
+export default _default;

package/build/esm/components/ChartEditorForm/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

package/build/esm/components/ChartEditorForm/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/components/ChartEditorForm/i18n/en.json

@@ -0,0 +1,12 @@
+{
+  "title_form": "Add chart",
+  "field_data": "Data",
+  "field_x": "X",
+  "field_axis-type": "Axis type",
+  "field_chart-title": "Chart title",
+  "field_x-title": "X title",
+  "field_y-title": "Y title",
+  "field_show-legend": "Show legend",
+  "button_cancel": "Cancel",
+  "button_submit": "Add chart"
+}

package/build/esm/components/ChartEditorForm/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "title_form" | "field_data" | "field_x" | "field_axis-type" | "field_chart-title" | "field_x-title" | "field_y-title" | "field_show-legend" | "button_cancel" | "button_submit", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:chart-editor-form": Record<"title_form" | "field_data" | "field_x" | "field_axis-type" | "field_chart-title" | "field_x-title" | "field_y-title" | "field_show-legend" | "button_cancel" | "button_submit", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/esm/components/ChartEditorForm/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:chart-editor-form', dicts);
+// #sourceMappingURL=index.js.map

package/build/esm/components/ChartEditorForm/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:chart-editor-form', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,sBAAsB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/components/ChartEditorForm/i18n/ru.json

@@ -0,0 +1,12 @@
+{
+  "title_form": "Добавить график",
+  "field_data": "Данные",
+  "field_x": "X",
+  "field_axis-type": "Тип оси",
+  "field_chart-title": "Заголовок графика",
+  "field_x-title": "Заголовок X",
+  "field_y-title": "Заголовок Y",
+  "field_show-legend": "Показывать легенду",
+  "button_cancel": "Отменить",
+  "button_submit": "Добавить график"
+}

package/build/esm/components/ChartEditorForm/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartEditorForm } from './ChartEditorForm';
+export type { ChartEditorFormProps, ChartEditorFormValues, ChartEditorLabels, ChartEditorOption, } from './types';

package/build/esm/components/ChartEditorForm/index.js

@@ -0,0 +1,2 @@
+export { ChartEditorForm } from "./ChartEditorForm";
+// #sourceMappingURL=index.js.map

package/build/esm/components/ChartEditorForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChartEditorForm"],"sources":["index.ts"],"sourcesContent":["export {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './types';\n"],"mappings":"AAAA,SAAQA,eAAe","ignoreList":[]}

package/build/esm/components/ChartEditorForm/internal/Field.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Field: ({ label, children }: {
+    label: React.ReactNode;
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/build/esm/components/ChartEditorForm/internal/Field.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var Field = function Field(_ref) {
+  var label = _ref.label,
+    children = _ref.children;
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 1,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "body-1",
+      color: "secondary",
+      children: label
+    }), children]
+  });
+};
+// #sourceMappingURL=Field.js.map

package/build/esm/components/ChartEditorForm/internal/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Text","jsx","_jsx","jsxs","_jsxs","Field","_ref","label","children","direction","gap","variant","color"],"sources":["Field.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\n\nexport const Field = ({label, children}: {label: React.ReactNode; children: React.ReactNode}) => (\n    <Flex direction=\"column\" gap={1}>\n        <Text variant=\"body-1\" color=\"secondary\">\n            {label}\n        </Text>\n        {children}\n    </Flex>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAClCJ,KAAA,CAACL,IAAI;IAACU,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAF,QAAA,gBAC5BN,IAAA,CAACF,IAAI;MAACW,OAAO,EAAC,QAAQ;MAACC,KAAK,EAAC,WAAW;MAAAJ,QAAA,EACnCD;IAAK,CACJ,CAAC,EACNC,QAAQ;EAAA,CACP,CAAC;AAAA,CACV","ignoreList":[]}

package/build/esm/components/ChartEditorForm/types.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import type { ChartAxisType } from '@gravity-ui/charts';
+export type ChartEditorOption<TValue extends string = string> = {
+    value: TValue;
+    content: ReactNode;
+    disabled?: boolean;
+};
+export type ChartEditorFormValues = Partial<{
+    dataIds: string[];
+    axisType: ChartAxisType;
+    axisCategories: string[];
+    chartTitle: string;
+    xTitle: string;
+    yTitle: string;
+    showLegend: boolean;
+}>;
+export type ChartEditorLabels = Partial<{
+    formTitle: string;
+    data: string;
+    x: string;
+    axisType: string;
+    chartTitle: string;
+    xTitle: string;
+    yTitle: string;
+    showLegend: string;
+    empty: string;
+    cancelLabel: string;
+    submitLabel: string;
+}>;
+export type ChartEditorFormProps = {
+    dataIds?: string[];
+    axisVariants?: ChartAxisType[];
+    formValues: ChartEditorFormValues;
+    labels?: ChartEditorLabels;
+    disabled?: boolean;
+    className?: string;
+    onFormValuesChange?: (values: ChartEditorFormValues) => void;
+    onCancel?: () => void;
+    onSubmit?: () => void;
+};

package/build/esm/components/ChartEditorForm/types.js

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=types.js.map

package/build/esm/components/ChartEditorForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {ChartAxisType} from '@gravity-ui/charts';\n\nexport type ChartEditorOption<TValue extends string = string> = {\n    value: TValue;\n    content: ReactNode;\n    disabled?: boolean;\n};\n\nexport type ChartEditorFormValues = Partial<{\n    dataIds: string[];\n    axisType: ChartAxisType;\n    axisCategories: string[];\n    chartTitle: string;\n    xTitle: string;\n    yTitle: string;\n    showLegend: boolean;\n}>;\n\nexport type ChartEditorLabels = Partial<{\n    formTitle: string;\n    data: string;\n    x: string;\n    axisType: string;\n    chartTitle: string;\n    xTitle: string;\n    yTitle: string;\n    showLegend: string;\n    empty: string;\n    cancelLabel: string;\n    submitLabel: string;\n}>;\n\nexport type ChartEditorFormProps = {\n    dataIds?: string[];\n    axisVariants?: ChartAxisType[];\n    formValues: ChartEditorFormValues;\n    labels?: ChartEditorLabels;\n    disabled?: boolean;\n    className?: string;\n    onFormValuesChange?: (values: ChartEditorFormValues) => void;\n    onCancel?: () => void;\n    onSubmit?: () => void;\n};\n"],"mappings":"","ignoreList":[]}

package/build/esm/components/ClusterRow/ClusterRow.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { NavigationCluster } from '../../types/navigation';
+export type ClusterRowProps = {
+    cluster: NavigationCluster;
+};
+export declare const ClusterRow: FC<ClusterRowProps>;

package/build/esm/components/ClusterRow/ClusterRow.js

@@ -0,0 +1,36 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import React from 'react';
+import { Avatar, Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-cluster-row');
+export var ClusterRow = function ClusterRow(_ref) {
+  var _ref$cluster = _ref.cluster,
+    icon = _ref$cluster.icon,
+    title = _ref$cluster.title,
+    color = _ref$cluster.color,
+    backgroundColor = _ref$cluster.backgroundColor,
+    description = _ref$cluster.description;
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 2,
+    alignItems: "center",
+    className: block(),
+    children: [icon !== null && icon !== void 0 ? icon : /*#__PURE__*/_jsx(Avatar, {
+      text: title,
+      shape: "square",
+      size: "2xs",
+      backgroundColor: backgroundColor,
+      color: color
+    }), /*#__PURE__*/_jsx(Text, {
+      className: block('title'),
+      ellipsis: true,
+      children: title
+    }), /*#__PURE__*/_jsx(Text, {
+      color: "secondary",
+      ellipsis: true,
+      children: description
+    })]
+  });
+};
+// #sourceMappingURL=ClusterRow.js.map

package/build/esm/components/ClusterRow/ClusterRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Avatar","Flex","Text","cn","jsx","_jsx","jsxs","_jsxs","block","ClusterRow","_ref","_ref$cluster","cluster","icon","title","color","backgroundColor","description","gap","alignItems","className","children","text","shape","size","ellipsis"],"sources":["ClusterRow.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {NavigationCluster} from '../../types/navigation';\n\nconst block = cn('qp-cluster-row');\n\nexport type ClusterRowProps = {\n    cluster: NavigationCluster;\n};\n\nexport const ClusterRow: FC<ClusterRowProps> = ({\n    cluster: {icon, title, color, backgroundColor, description},\n}) => {\n    return (\n        <Flex gap={2} alignItems=\"center\" className={block()}>\n            {icon ?? (\n                <Avatar\n                    text={title}\n                    shape=\"square\"\n                    size=\"2xs\"\n                    backgroundColor={backgroundColor}\n                    color={color}\n                />\n            )}\n            <Text className={block('title')} ellipsis>\n                {title}\n            </Text>\n            <Text color=\"secondary\" ellipsis>\n                {description}\n            </Text>\n        </Flex>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACpD,OAAOC,EAAE,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG7B,IAAMC,KAAK,GAAGL,EAAE,CAAC,gBAAgB,CAAC;AAMlC,OAAO,IAAMM,UAA+B,GAAG,SAAlCA,UAA+BA,CAAAC,IAAA,EAEtC;EAAA,IAAAC,YAAA,GAAAD,IAAA,CADFE,OAAO;IAAGC,IAAI,GAAAF,YAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,YAAA,CAALG,KAAK;IAAEC,KAAK,GAAAJ,YAAA,CAALI,KAAK;IAAEC,eAAe,GAAAL,YAAA,CAAfK,eAAe;IAAEC,WAAW,GAAAN,YAAA,CAAXM,WAAW;EAE1D,oBACIV,KAAA,CAACN,IAAI;IAACiB,GAAG,EAAE,CAAE;IAACC,UAAU,EAAC,QAAQ;IAACC,SAAS,EAAEZ,KAAK,CAAC,CAAE;IAAAa,QAAA,GAChDR,IAAI,aAAJA,IAAI,cAAJA,IAAI,gBACDR,IAAA,CAACL,MAAM;MACHsB,IAAI,EAAER,KAAM;MACZS,KAAK,EAAC,QAAQ;MACdC,IAAI,EAAC,KAAK;MACVR,eAAe,EAAEA,eAAgB;MACjCD,KAAK,EAAEA;IAAM,CAChB,CAAC,eAENV,IAAA,CAACH,IAAI;MAACkB,SAAS,EAAEZ,KAAK,CAAC,OAAO,CAAE;MAACiB,QAAQ;MAAAJ,QAAA,EACpCP;IAAK,CACJ,CAAC,eACPT,IAAA,CAACH,IAAI;MAACa,KAAK,EAAC,WAAW;MAACU,QAAQ;MAAAJ,QAAA,EAC3BJ;IAAW,CACV,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/ClusterRow/index.d.ts

@@ -0,0 +1,2 @@
+export { ClusterRow } from './ClusterRow';
+export type { ClusterRowProps } from './ClusterRow';

package/build/esm/components/ClusterRow/index.js

@@ -0,0 +1,2 @@
+export { ClusterRow } from "./ClusterRow";
+// #sourceMappingURL=index.js.map

package/build/esm/components/ClusterRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClusterRow"],"sources":["index.ts"],"sourcesContent":["export {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\n"],"mappings":"AAAA,SAAQA,UAAU","ignoreList":[]}

package/build/esm/components/Dashboard/Dashboard.css

@@ -0,0 +1,5 @@
+.qp-dashboard {
+  --dashkit-grid-item-border-radius: var(--g-border-radius-m);
+  --dashkit-placeholder-color: var(--g-color-base-brand);
+}
+/*# sourceMappingURL=Dashboard.css.map */

package/build/esm/components/Dashboard/Dashboard.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Dashboard.scss"],"names":[],"mappings":"AAAA;EACI,2DAAA;EACA,sDAAA;AACJ","file":"Dashboard.css","sourcesContent":[".qp-dashboard {\n    --dashkit-grid-item-border-radius: var(--g-border-radius-m);\n    --dashkit-placeholder-color: var(--g-color-base-brand);\n}\n"],"sourceRoot":""}

package/build/esm/components/Dashboard/Dashboard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DashboardProps } from './types';
+import './Dashboard.scss';
+export declare const Dashboard: ({ items, defaultLayout, grid: customerGridState, focusable, className, onLayoutChange, }: DashboardProps) => React.JSX.Element;

package/build/esm/components/Dashboard/Dashboard.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { DRAG_HANDLE_CLASSNAME, DashPlate } from "./internal/DashPlate";
+import { DashboardProvider } from "./internal/DashboardProvider";
+import { DashKit } from '@gravity-ui/dashkit';
+import { useDashboardConfig } from "./hooks/useDashboardConfig";
+import cn from 'bem-cn-lite';
+import "./Dashboard.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-dashboard');
+var DASHBOARD_PLUGIN_TYPE = 'querieskit-dashboard-item';
+DashKit.reloadPlugins({
+  type: DASHBOARD_PLUGIN_TYPE,
+  renderer: DashPlate,
+  defaultLayout: {
+    minW: 1,
+    minH: 1
+  }
+});
+export var Dashboard = function Dashboard(_ref) {
+  var items = _ref.items,
+    defaultLayout = _ref.defaultLayout,
+    customerGridState = _ref.grid,
+    _ref$focusable = _ref.focusable,
+    focusable = _ref$focusable === void 0 ? false : _ref$focusable,
+    className = _ref.className,
+    onLayoutChange = _ref.onLayoutChange;
+  var _useDashboardConfig = useDashboardConfig(items, customerGridState, defaultLayout),
+    config = _useDashboardConfig.config,
+    gridGroups = _useDashboardConfig.gridGroups;
+  var handleChange = function handleChange(_ref2) {
+    var nextConfig = _ref2.config;
+    onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(nextConfig.layout);
+  };
+  return /*#__PURE__*/_jsx(Flex, {
+    width: "100%",
+    height: "100%",
+    className: block(null, className),
+    children: /*#__PURE__*/_jsx(DashboardProvider, {
+      items: items,
+      children: /*#__PURE__*/_jsx(DashKit, {
+        config: config,
+        groups: gridGroups,
+        editMode: true,
+        noOverlay: true,
+        draggableHandleClassName: DRAG_HANDLE_CLASSNAME,
+        focusable: focusable,
+        onChange: handleChange
+      })
+    })
+  });
+};
+// #sourceMappingURL=Dashboard.js.map

package/build/esm/components/Dashboard/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","DRAG_HANDLE_CLASSNAME","DashPlate","DashboardProvider","DashKit","useDashboardConfig","cn","jsx","_jsx","block","DASHBOARD_PLUGIN_TYPE","reloadPlugins","type","renderer","defaultLayout","minW","minH","Dashboard","_ref","items","customerGridState","grid","_ref$focusable","focusable","className","onLayoutChange","_useDashboardConfig","config","gridGroups","handleChange","_ref2","nextConfig","layout","width","height","children","groups","editMode","noOverlay","draggableHandleClassName","onChange"],"sources":["Dashboard.tsx"],"sourcesContent":["import React from 'react';\nimport type {Config} from '@gravity-ui/dashkit';\nimport type {DashboardProps} from './types';\nimport {Flex} from '@gravity-ui/uikit';\nimport {DRAG_HANDLE_CLASSNAME, DashPlate} from './internal/DashPlate';\nimport {DashboardProvider} from './internal/DashboardProvider';\nimport {DashKit} from '@gravity-ui/dashkit';\nimport {useDashboardConfig} from './hooks/useDashboardConfig';\nimport cn from 'bem-cn-lite';\n\nimport './Dashboard.scss';\n\nconst block = cn('qp-dashboard');\nconst DASHBOARD_PLUGIN_TYPE = 'querieskit-dashboard-item';\n\nDashKit.reloadPlugins({\n    type: DASHBOARD_PLUGIN_TYPE,\n    renderer: DashPlate,\n    defaultLayout: {minW: 1, minH: 1},\n});\n\nexport const Dashboard = ({\n    items,\n    defaultLayout,\n    grid: customerGridState,\n    focusable = false,\n    className,\n    onLayoutChange,\n}: DashboardProps) => {\n    const {config, gridGroups} = useDashboardConfig(items, customerGridState, defaultLayout);\n\n    const handleChange = ({config: nextConfig}: {config: Config}) => {\n        onLayoutChange?.(nextConfig.layout);\n    };\n\n    return (\n        <Flex width=\"100%\" height=\"100%\" className={block(null, className)}>\n            <DashboardProvider items={items}>\n                <DashKit\n                    config={config}\n                    groups={gridGroups}\n                    editMode\n                    noOverlay\n                    draggableHandleClassName={DRAG_HANDLE_CLASSNAME}\n                    focusable={focusable}\n                    onChange={handleChange}\n                />\n            </DashboardProvider>\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,qBAAqB,EAAEC,SAAS;AACxC,SAAQC,iBAAiB;AACzB,SAAQC,OAAO,QAAO,qBAAqB;AAC3C,SAAQC,kBAAkB;AAC1B,OAAOC,EAAE,MAAM,aAAa;AAE5B;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAE1B,IAAMC,KAAK,GAAGH,EAAE,CAAC,cAAc,CAAC;AAChC,IAAMI,qBAAqB,GAAG,2BAA2B;AAEzDN,OAAO,CAACO,aAAa,CAAC;EAClBC,IAAI,EAAEF,qBAAqB;EAC3BG,QAAQ,EAAEX,SAAS;EACnBY,aAAa,EAAE;IAACC,IAAI,EAAE,CAAC;IAAEC,IAAI,EAAE;EAAC;AACpC,CAAC,CAAC;AAEF,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAOA;EAAA,IANlBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLL,aAAa,GAAAI,IAAA,CAAbJ,aAAa;IACPM,iBAAiB,GAAAF,IAAA,CAAvBG,IAAI;IAAAC,cAAA,GAAAJ,IAAA,CACJK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,cAAc,GAAAP,IAAA,CAAdO,cAAc;EAEd,IAAAC,mBAAA,GAA6BrB,kBAAkB,CAACc,KAAK,EAAEC,iBAAiB,EAAEN,aAAa,CAAC;IAAjFa,MAAM,GAAAD,mBAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,mBAAA,CAAVE,UAAU;EAEzB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAA+C;IAAA,IAAlCC,UAAU,GAAAD,KAAA,CAAlBH,MAAM;IACzBF,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGM,UAAU,CAACC,MAAM,CAAC;EACvC,CAAC;EAED,oBACIxB,IAAA,CAACR,IAAI;IAACiC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACV,SAAS,EAAEf,KAAK,CAAC,IAAI,EAAEe,SAAS,CAAE;IAAAW,QAAA,eAC/D3B,IAAA,CAACL,iBAAiB;MAACgB,KAAK,EAAEA,KAAM;MAAAgB,QAAA,eAC5B3B,IAAA,CAACJ,OAAO;QACJuB,MAAM,EAAEA,MAAO;QACfS,MAAM,EAAER,UAAW;QACnBS,QAAQ;QACRC,SAAS;QACTC,wBAAwB,EAAEtC,qBAAsB;QAChDsB,SAAS,EAAEA,SAAU;QACrBiB,QAAQ,EAAEX;MAAa,CAC1B;IAAC,CACa;EAAC,CAClB,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/Dashboard/Dashboard.scss

@@ -0,0 +1,4 @@
+.qp-dashboard {
+    --dashkit-grid-item-border-radius: var(--g-border-radius-m);
+    --dashkit-placeholder-color: var(--g-color-base-brand);
+}

package/build/esm/components/Dashboard/Dashboard.stories.css

@@ -0,0 +1,16 @@
+.qp-dashboard-story {
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: var(--g-spacing-4);
+  background: var(--g-color-base-background);
+}
+.qp-dashboard-story__header {
+  margin-bottom: var(--g-spacing-4);
+}
+.qp-dashboard-story__dashboard {
+  width: 100%;
+}
+.qp-dashboard-story__dashboard_narrow {
+  max-width: 520px;
+}
+/*# sourceMappingURL=Dashboard.stories.css.map */

package/build/esm/components/Dashboard/Dashboard.stories.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Dashboard.stories.scss"],"names":[],"mappings":"AAAA;EACI,iBAAA;EACA,sBAAA;EACA,2BAAA;EACA,0CAAA;AACJ;AACI;EACI,iCAAA;AACR;AAEI;EACI,WAAA;AAAR;AAEQ;EACI,gBAAA;AAAZ","file":"Dashboard.stories.css","sourcesContent":[".qp-dashboard-story {\n    min-height: 100vh;\n    box-sizing: border-box;\n    padding: var(--g-spacing-4);\n    background: var(--g-color-base-background);\n\n    &__header {\n        margin-bottom: var(--g-spacing-4);\n    }\n\n    &__dashboard {\n        width: 100%;\n\n        &_narrow {\n            max-width: 520px;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/Dashboard/Dashboard.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Dashboard } from './Dashboard';
+import './Dashboard.stories.scss';
+declare const meta: Meta<typeof Dashboard>;
+export default meta;
+type Story = StoryObj<typeof Dashboard>;
+/** A draggable and resizable dashboard with charts and arbitrary React content. */
+export declare const Default: Story;
+/** Dashboard manages a default layout and creates positions for items added at runtime. */
+export declare const DynamicItems: Story;
+/** The layout can be fully controlled, persisted and replaced with a preset. */
+export declare const ControlledLayout: Story;
+/** Grid columns, row height, gaps and compaction can be adapted to the host container. */
+export declare const CustomGrid: Story;