@gravity-ui/querieskit 1.0.1

package/build/cjs/components/QueryStatusIcon/QueryStatusIcon.stories.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Running = exports.Failed = exports.Draft = exports.Completed = exports.AllStatuses = exports.Aborted = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _QueryStatusIcon = require("./QueryStatusIcon");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Components/QueryStatusIcon',
+  component: _QueryStatusIcon.QueryStatusIcon,
+  tags: ['autodocs'],
+  argTypes: {
+    status: {
+      control: 'select',
+      options: ['completed', 'failed', 'aborted', 'draft', 'running']
+    }
+  }
+};
+var _default = exports.default = meta;
+var Completed = exports.Completed = {
+  args: {
+    status: 'completed'
+  }
+};
+var Failed = exports.Failed = {
+  args: {
+    status: 'failed'
+  }
+};
+var Aborted = exports.Aborted = {
+  args: {
+    status: 'aborted'
+  }
+};
+var Draft = exports.Draft = {
+  args: {
+    status: 'draft'
+  }
+};
+var Running = exports.Running = {
+  args: {
+    status: 'running'
+  }
+};
+var AllStatuses = exports.AllStatuses = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        gap: 16,
+        alignItems: 'center',
+        flexWrap: 'wrap'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusIcon.QueryStatusIcon, {
+        status: "completed"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusIcon.QueryStatusIcon, {
+        status: "failed"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusIcon.QueryStatusIcon, {
+        status: "aborted"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusIcon.QueryStatusIcon, {
+        status: "draft"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusIcon.QueryStatusIcon, {
+        status: "running"
+      })]
+    });
+  }
+};
+// #sourceMappingURL=QueryStatusIcon.stories.js.map

package/build/cjs/components/QueryStatusIcon/QueryStatusIcon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_QueryStatusIcon","_jsxRuntime","e","__esModule","default","meta","title","component","QueryStatusIcon","tags","argTypes","status","control","options","_default","exports","Completed","args","Failed","Aborted","Draft","Running","AllStatuses","render","_jsxs","style","display","gap","alignItems","flexWrap","children","_jsx"],"sources":["QueryStatusIcon.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueryStatusIcon} from './QueryStatusIcon';\n\nconst meta: Meta<typeof QueryStatusIcon> = {\n    title: 'Components/QueryStatusIcon',\n    component: QueryStatusIcon,\n    tags: ['autodocs'],\n    argTypes: {\n        status: {\n            control: 'select',\n            options: ['completed', 'failed', 'aborted', 'draft', 'running'],\n        },\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryStatusIcon>;\n\nexport const Completed: Story = {\n    args: {status: 'completed'},\n};\n\nexport const Failed: Story = {\n    args: {status: 'failed'},\n};\n\nexport const Aborted: Story = {\n    args: {status: 'aborted'},\n};\n\nexport const Draft: Story = {\n    args: {status: 'draft'},\n};\n\nexport const Running: Story = {\n    args: {status: 'running'},\n};\n\nexport const AllStatuses: Story = {\n    render: () => (\n        <div style={{display: 'flex', gap: 16, alignItems: 'center', flexWrap: 'wrap'}}>\n            <QueryStatusIcon status=\"completed\" />\n            <QueryStatusIcon status=\"failed\" />\n            <QueryStatusIcon status=\"aborted\" />\n            <QueryStatusIcon status=\"draft\" />\n            <QueryStatusIcon status=\"running\" />\n        </div>\n    ),\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElD,IAAMG,IAAkC,GAAG;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEC,gCAAe;EAC1BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS;IAClE;EACJ;AACJ,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcC,IAAI;AAGZ,IAAMW,SAAgB,GAAAD,OAAA,CAAAC,SAAA,GAAG;EAC5BC,IAAI,EAAE;IAACN,MAAM,EAAE;EAAW;AAC9B,CAAC;AAEM,IAAMO,MAAa,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACzBD,IAAI,EAAE;IAACN,MAAM,EAAE;EAAQ;AAC3B,CAAC;AAEM,IAAMQ,OAAc,GAAAJ,OAAA,CAAAI,OAAA,GAAG;EAC1BF,IAAI,EAAE;IAACN,MAAM,EAAE;EAAS;AAC5B,CAAC;AAEM,IAAMS,KAAY,GAAAL,OAAA,CAAAK,KAAA,GAAG;EACxBH,IAAI,EAAE;IAACN,MAAM,EAAE;EAAO;AAC1B,CAAC;AAEM,IAAMU,OAAc,GAAAN,OAAA,CAAAM,OAAA,GAAG;EAC1BJ,IAAI,EAAE;IAACN,MAAM,EAAE;EAAS;AAC5B,CAAC;AAEM,IAAMW,WAAkB,GAAAP,OAAA,CAAAO,WAAA,GAAG;EAC9BC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACF,IAAAC,gBAAA;MAAKC,KAAK,EAAE;QAACC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE,EAAE;QAAEC,UAAU,EAAE,QAAQ;QAAEC,QAAQ,EAAE;MAAM,CAAE;MAAAC,QAAA,gBAC3E,IAAAC,eAAA,EAACvB,gCAAe;QAACG,MAAM,EAAC;MAAW,CAAE,CAAC,eACtC,IAAAoB,eAAA,EAACvB,gCAAe;QAACG,MAAM,EAAC;MAAQ,CAAE,CAAC,eACnC,IAAAoB,eAAA,EAACvB,gCAAe;QAACG,MAAM,EAAC;MAAS,CAAE,CAAC,eACpC,IAAAoB,eAAA,EAACvB,gCAAe;QAACG,MAAM,EAAC;MAAO,CAAE,CAAC,eAClC,IAAAoB,eAAA,EAACvB,gCAAe;QAACG,MAAM,EAAC;MAAS,CAAE,CAAC;IAAA,CACnC,CAAC;EAAA;AAEd,CAAC","ignoreList":[]}

package/build/cjs/components/QueryStatusIcon/index.d.ts

@@ -0,0 +1 @@
+export { QueryStatusIcon } from './QueryStatusIcon';

package/build/cjs/components/QueryStatusIcon/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QueryStatusIcon", {
+  enumerable: true,
+  get: function () {
+    return _QueryStatusIcon.QueryStatusIcon;
+  }
+});
+var _QueryStatusIcon = require("./QueryStatusIcon");
+// #sourceMappingURL=index.js.map

package/build/cjs/components/QueryStatusIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_QueryStatusIcon","require"],"sources":["index.ts"],"sourcesContent":["export {QueryStatusIcon} from './QueryStatusIcon';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/RowLink/RowLink.css

@@ -0,0 +1,10 @@
+.qp-row-link {
+  width: 100%;
+  padding: 4px 16px;
+  box-sizing: border-box;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: var(--g-color-text-primary);
+  cursor: pointer;
+}
+/*# sourceMappingURL=RowLink.css.map */

package/build/cjs/components/RowLink/RowLink.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RowLink.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,iBAAA;EACA,sBAAA;EACA,6BAAA;EAAA,qBAAA;EACA,kCAAA;EACA,eAAA;AACF","file":"RowLink.css","sourcesContent":[".qp-row-link {\n  width: 100%;\n  padding: 4px 16px;\n  box-sizing: border-box;\n  text-decoration: none;\n  color: var(--g-color-text-primary);\n  cursor: pointer;\n}\n"],"sourceRoot":""}

package/build/cjs/components/RowLink/RowLink.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import './RowLink.scss';
+export type RowLinkProps = {
+    href?: string;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+export declare const RowLink: FC<RowLinkProps>;

package/build/cjs/components/RowLink/RowLink.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowLink = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./RowLink.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-row-link');
+var RowLink = exports.RowLink = function RowLink(_ref) {
+  var href = _ref.href,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    children = _ref.children;
+  var isLink = Boolean(href) && !disabled;
+  var Wrap = isLink ? 'a' : 'div';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrap, {
+    href: isLink ? href : undefined,
+    className: block(null, className),
+    children: children
+  });
+};
+// #sourceMappingURL=RowLink.js.map

package/build/cjs/components/RowLink/RowLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","RowLink","exports","_ref","href","disabled","className","children","isLink","Boolean","Wrap","_jsx","undefined"],"sources":["RowLink.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport cn from 'bem-cn-lite';\nimport './RowLink.scss';\n\nconst block = cn('qp-row-link');\n\nexport type RowLinkProps = {\n    href?: string;\n    disabled?: boolean;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const RowLink: FC<RowLinkProps> = ({href, disabled, className, children}) => {\n    const isLink = Boolean(href) && !disabled;\n    const Wrap = isLink ? 'a' : 'div';\n\n    return (\n        <Wrap href={isLink ? href : undefined} className={block(null, className)}>\n            {children}\n        </Wrap>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAwB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExB,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,aAAa,CAAC;AASxB,IAAMC,OAAyB,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAA5BA,OAAyBA,CAAAE,IAAA,EAA8C;EAAA,IAAzCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC1E,IAAMC,MAAM,GAAGC,OAAO,CAACL,IAAI,CAAC,IAAI,CAACC,QAAQ;EACzC,IAAMK,IAAI,GAAGF,MAAM,GAAG,GAAG,GAAG,KAAK;EAEjC,oBACI,IAAAG,eAAA,EAACD,IAAI;IAACN,IAAI,EAAEI,MAAM,GAAGJ,IAAI,GAAGQ,SAAU;IAACN,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAEO,SAAS,CAAE;IAAAC,QAAA,EACpEA;EAAQ,CACP,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/RowLink/index.d.ts

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

package/build/cjs/components/RowLink/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RowLink", {
+  enumerable: true,
+  get: function () {
+    return _RowLink.RowLink;
+  }
+});
+var _RowLink = require("./RowLink");
+// #sourceMappingURL=index.js.map

package/build/cjs/components/RowLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RowLink","require"],"sources":["index.ts"],"sourcesContent":["export {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/SearchRowLayout/SearchRowLayout.css

@@ -0,0 +1,11 @@
+.qp-search-row-layout {
+  height: 110px;
+}
+.qp-search-row-layout__content {
+  height: 100%;
+}
+.qp-search-row-layout__monaco {
+  height: 74px;
+  border: 1px solid var(--g-color-line-generic-accent);
+}
+/*# sourceMappingURL=SearchRowLayout.css.map */

package/build/cjs/components/SearchRowLayout/SearchRowLayout.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SearchRowLayout.scss"],"names":[],"mappings":"AAKA;EACE,aANkB;AAEpB;AAME;EACE,YAAA;AAJJ;AAOE;EACE,YAAA;EAEA,oDAAA;AANJ","file":"SearchRowLayout.css","sourcesContent":["$search-row-height: 110px;\n$search-row-vertical-padding: 4px;\n$search-row-header-height: 20px;\n$search-row-gap: 8px;\n\n.qp-search-row-layout {\n  height: $search-row-height;\n\n  &__content {\n    height: 100%;\n  }\n\n  &__monaco {\n    height: $search-row-height - 2 * $search-row-vertical-padding - $search-row-header-height -\n      $search-row-gap;\n    border: 1px solid var(--g-color-line-generic-accent);\n  }\n}\n"],"sourceRoot":""}

package/build/cjs/components/SearchRowLayout/SearchRowLayout.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+import './SearchRowLayout.scss';
+export type SearchRowLayoutProps = {
+    header: ReactNode;
+    query?: string;
+    language: string;
+    href?: string;
+    disabled?: boolean;
+    className?: string;
+};
+export declare const SearchRowLayout: FC<SearchRowLayoutProps>;

package/build/cjs/components/SearchRowLayout/SearchRowLayout.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchRowLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _MonacoEditor = require("../MonacoEditor");
+var _RowLink = require("../RowLink");
+var _fitQueryToVisibleLines = require("./helpers/fitQueryToVisibleLines");
+var _monacoConfig = require("./helpers/monacoConfig");
+require("./SearchRowLayout.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-search-row-layout');
+var SearchRowLayout = exports.SearchRowLayout = function SearchRowLayout(_ref) {
+  var header = _ref.header,
+    query = _ref.query,
+    language = _ref.language,
+    href = _ref.href,
+    disabled = _ref.disabled,
+    className = _ref.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowLink.RowLink, {
+    href: href,
+    disabled: disabled,
+    className: block(null, className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      direction: "column",
+      gap: 2,
+      className: block('content'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+        gap: 2,
+        alignItems: "center",
+        children: header
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonacoEditor.MonacoEditor, {
+        value: (0, _fitQueryToVisibleLines.fitQueryToVisibleLines)(query),
+        language: language,
+        readOnly: true,
+        monacoConfig: _monacoConfig.MONACO_CONFIG,
+        className: block('monaco')
+      })]
+    })
+  });
+};
+// #sourceMappingURL=SearchRowLayout.js.map

package/build/cjs/components/SearchRowLayout/SearchRowLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_MonacoEditor","_RowLink","_fitQueryToVisibleLines","_monacoConfig","_jsxRuntime","e","__esModule","default","block","cn","SearchRowLayout","exports","_ref","header","query","language","href","disabled","className","_jsx","RowLink","children","_jsxs","Flex","direction","gap","alignItems","MonacoEditor","value","fitQueryToVisibleLines","readOnly","monacoConfig","MONACO_CONFIG"],"sources":["SearchRowLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoEditor} from '../MonacoEditor';\nimport {RowLink} from '../RowLink';\nimport {fitQueryToVisibleLines} from './helpers/fitQueryToVisibleLines';\nimport {MONACO_CONFIG} from './helpers/monacoConfig';\nimport './SearchRowLayout.scss';\n\nconst block = cn('qp-search-row-layout');\n\nexport type SearchRowLayoutProps = {\n    header: ReactNode;\n    query?: string;\n    language: string;\n    href?: string;\n    disabled?: boolean;\n    className?: string;\n};\n\nexport const SearchRowLayout: FC<SearchRowLayoutProps> = ({\n    header,\n    query,\n    language,\n    href,\n    disabled,\n    className,\n}) => {\n    return (\n        <RowLink href={href} disabled={disabled} className={block(null, className)}>\n            <Flex direction=\"column\" gap={2} className={block('content')}>\n                <Flex gap={2} alignItems=\"center\">\n                    {header}\n                </Flex>\n                <MonacoEditor\n                    value={fitQueryToVisibleLines(query)}\n                    language={language}\n                    readOnly\n                    monacoConfig={MONACO_CONFIG}\n                    className={block('monaco')}\n                />\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACAA,OAAA;AAAgC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,sBAAsB,CAAC;AAWjC,IAAMC,eAAyC,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAA5CA,eAAyCA,CAAAE,IAAA,EAOhD;EAAA,IANFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,oBACI,IAAAC,eAAA,EAACC,gBAAO;IAACJ,IAAI,EAAEA,IAAK;IAACC,QAAQ,EAAEA,QAAS;IAACC,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAG,QAAA,eACvE,IAAAC,gBAAA,EAACC,WAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACP,SAAS,EAAEV,KAAK,CAAC,SAAS,CAAE;MAAAa,QAAA,gBACzD,IAAAF,eAAA,EAACI,WAAI;QAACE,GAAG,EAAE,CAAE;QAACC,UAAU,EAAC,QAAQ;QAAAL,QAAA,EAC5BR;MAAM,CACL,CAAC,eACP,IAAAM,eAAA,EAACQ,0BAAY;QACTC,KAAK,EAAE,IAAAC,8CAAsB,EAACf,KAAK,CAAE;QACrCC,QAAQ,EAAEA,QAAS;QACnBe,QAAQ;QACRC,YAAY,EAAEC,2BAAc;QAC5Bd,SAAS,EAAEV,KAAK,CAAC,QAAQ;MAAE,CAC9B,CAAC;IAAA,CACA;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}

package/build/cjs/components/SearchRowLayout/helpers/fitQueryToVisibleLines.d.ts

@@ -0,0 +1 @@
+export declare const fitQueryToVisibleLines: (query?: string) => string;

package/build/cjs/components/SearchRowLayout/helpers/fitQueryToVisibleLines.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fitQueryToVisibleLines = void 0;
+require("core-js/modules/es.array.join.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.split.js");
+var MONACO_VISIBLE_LINES = 4;
+var fitQueryToVisibleLines = exports.fitQueryToVisibleLines = function fitQueryToVisibleLines() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var lines = query.split(/\r\n|\r|\n/).slice(0, MONACO_VISIBLE_LINES);
+  while (lines.length < MONACO_VISIBLE_LINES) {
+    lines.push('');
+  }
+  return lines.join('\n');
+};
+// #sourceMappingURL=fitQueryToVisibleLines.js.map

package/build/cjs/components/SearchRowLayout/helpers/fitQueryToVisibleLines.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MONACO_VISIBLE_LINES","fitQueryToVisibleLines","exports","query","arguments","length","undefined","lines","split","slice","push","join"],"sources":["fitQueryToVisibleLines.ts"],"sourcesContent":["const MONACO_VISIBLE_LINES = 4;\n\nexport const fitQueryToVisibleLines = (query = '') => {\n    const lines = query.split(/\\r\\n|\\r|\\n/).slice(0, MONACO_VISIBLE_LINES);\n    while (lines.length < MONACO_VISIBLE_LINES) {\n        lines.push('');\n    }\n\n    return lines.join('\\n');\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAMA,oBAAoB,GAAG,CAAC;AAEvB,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAA,EAAmB;EAAA,IAAfE,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAC7C,IAAMG,KAAK,GAAGJ,KAAK,CAACK,KAAK,CAAC,YAAY,CAAC,CAACC,KAAK,CAAC,CAAC,EAAET,oBAAoB,CAAC;EACtE,OAAOO,KAAK,CAACF,MAAM,GAAGL,oBAAoB,EAAE;IACxCO,KAAK,CAACG,IAAI,CAAC,EAAE,CAAC;EAClB;EAEA,OAAOH,KAAK,CAACI,IAAI,CAAC,IAAI,CAAC;AAC3B,CAAC","ignoreList":[]}

package/build/cjs/components/SearchRowLayout/helpers/monacoConfig.d.ts

@@ -0,0 +1,2 @@
+import type { MonacoEditorConfig } from '../../MonacoEditor';
+export declare const MONACO_CONFIG: MonacoEditorConfig;

package/build/cjs/components/SearchRowLayout/helpers/monacoConfig.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MONACO_CONFIG = void 0;
+var MONACO_LINE_HEIGHT = 18;
+var MONACO_CONFIG = exports.MONACO_CONFIG = {
+  contextmenu: false,
+  fontSize: 12,
+  lineHeight: MONACO_LINE_HEIGHT,
+  renderWhitespace: 'boundary',
+  minimap: {
+    enabled: false
+  },
+  wordWrap: 'off',
+  scrollBeyondLastLine: false,
+  overviewRulerLanes: 0,
+  lineNumbersMinChars: 2,
+  glyphMargin: false,
+  scrollbar: {
+    vertical: 'hidden',
+    verticalHasArrows: false,
+    horizontal: 'auto',
+    useShadows: false,
+    alwaysConsumeMouseWheel: false
+  }
+};
+// #sourceMappingURL=monacoConfig.js.map

package/build/cjs/components/SearchRowLayout/helpers/monacoConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MONACO_LINE_HEIGHT","MONACO_CONFIG","exports","contextmenu","fontSize","lineHeight","renderWhitespace","minimap","enabled","wordWrap","scrollBeyondLastLine","overviewRulerLanes","lineNumbersMinChars","glyphMargin","scrollbar","vertical","verticalHasArrows","horizontal","useShadows","alwaysConsumeMouseWheel"],"sources":["monacoConfig.ts"],"sourcesContent":["import type {MonacoEditorConfig} from '../../MonacoEditor';\n\nconst MONACO_LINE_HEIGHT = 18;\n\nexport const MONACO_CONFIG: MonacoEditorConfig = {\n    contextmenu: false,\n    fontSize: 12,\n    lineHeight: MONACO_LINE_HEIGHT,\n    renderWhitespace: 'boundary',\n    minimap: {\n        enabled: false,\n    },\n    wordWrap: 'off',\n    scrollBeyondLastLine: false,\n    overviewRulerLanes: 0,\n    lineNumbersMinChars: 2,\n    glyphMargin: false,\n    scrollbar: {\n        vertical: 'hidden',\n        verticalHasArrows: false,\n        horizontal: 'auto',\n        useShadows: false,\n        alwaysConsumeMouseWheel: false,\n    },\n};\n"],"mappings":";;;;;;AAEA,IAAMA,kBAAkB,GAAG,EAAE;AAEtB,IAAMC,aAAiC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC7CE,WAAW,EAAE,KAAK;EAClBC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAEL,kBAAkB;EAC9BM,gBAAgB,EAAE,UAAU;EAC5BC,OAAO,EAAE;IACLC,OAAO,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE,KAAK;EACfC,oBAAoB,EAAE,KAAK;EAC3BC,kBAAkB,EAAE,CAAC;EACrBC,mBAAmB,EAAE,CAAC;EACtBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE;IACPC,QAAQ,EAAE,QAAQ;IAClBC,iBAAiB,EAAE,KAAK;IACxBC,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,KAAK;IACjBC,uBAAuB,EAAE;EAC7B;AACJ,CAAC","ignoreList":[]}

package/build/cjs/components/SearchRowLayout/index.d.ts

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

package/build/cjs/components/SearchRowLayout/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SearchRowLayout", {
+  enumerable: true,
+  get: function () {
+    return _SearchRowLayout.SearchRowLayout;
+  }
+});
+var _SearchRowLayout = require("./SearchRowLayout");
+// #sourceMappingURL=index.js.map

package/build/cjs/components/SearchRowLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SearchRowLayout","require"],"sources":["index.ts"],"sourcesContent":["export {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/SimpleForm/CheckboxGroupField.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+type CheckboxGroupItem = {
+    id: string;
+    title?: string;
+};
+type CheckboxGroupFieldProps = {
+    value: string[];
+    items: CheckboxGroupItem[];
+    title?: string;
+    onChange: (value: string[]) => void;
+};
+export declare const CheckboxGroupField: FC<CheckboxGroupFieldProps>;
+declare module '../../types/forms' {
+    interface FormFieldPropsRegistry {
+        checkboxGroup: CheckboxGroupFieldProps;
+    }
+}
+export {};

package/build/cjs/components/SimpleForm/CheckboxGroupField.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroupField = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var CheckboxGroupField = exports.CheckboxGroupField = function CheckboxGroupField(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    items = _ref.items,
+    title = _ref.title,
+    onChange = _ref.onChange;
+  var handleChange = function handleChange(id, isChacked) {
+    var result = isChacked ? [].concat((0, _toConsumableArray2.default)(value), [id]) : value.filter(function (i) {
+      return i !== id;
+    });
+    onChange(result);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 4,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      variant: "body-1",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+      gap: 4,
+      children: items.map(function (item) {
+        var id = item.id,
+          title = item.title;
+        var checked = value.includes(id);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Checkbox, {
+          checked: checked,
+          onUpdate: function onUpdate(isChacked) {
+            handleChange(id, isChacked);
+          },
+          children: title
+        }, id);
+      })
+    })]
+  });
+};
+// #sourceMappingURL=CheckboxGroupField.js.map

package/build/cjs/components/SimpleForm/CheckboxGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","CheckboxGroupField","exports","_ref","_ref$value","value","items","title","onChange","handleChange","id","isChacked","result","concat","_toConsumableArray","filter","i","_jsxs","Flex","direction","gap","children","_jsx","Text","variant","map","item","checked","includes","Checkbox","onUpdate"],"sources":["CheckboxGroupField.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Checkbox, Flex, Text} from '@gravity-ui/uikit';\n\ntype CheckboxGroupItem = {id: string; title?: string};\n\ntype CheckboxGroupFieldProps = {\n    value: string[];\n    items: CheckboxGroupItem[];\n    title?: string;\n    onChange: (value: string[]) => void;\n};\n\nexport const CheckboxGroupField: FC<CheckboxGroupFieldProps> = ({\n    value = [],\n    items,\n    title,\n    onChange,\n}) => {\n    const handleChange = (id: string, isChacked: boolean) => {\n        const result = isChacked ? [...value, id] : value.filter((i) => i !== id);\n        onChange(result);\n    };\n\n    return (\n        <Flex direction=\"column\" gap={4}>\n            <Text variant=\"body-1\">{title}</Text>\n            <Flex gap={4}>\n                {items.map((item) => {\n                    const {id, title} = item;\n                    const checked = value.includes(id);\n\n                    return (\n                        <Checkbox\n                            key={id}\n                            checked={checked}\n                            onUpdate={(isChacked) => {\n                                handleChange(id, isChacked);\n                            }}\n                        >\n                            {title}\n                        </Checkbox>\n                    );\n                })}\n            </Flex>\n        </Flex>\n    );\n};\n\ndeclare module '../../types/forms' {\n    interface FormFieldPropsRegistry {\n        checkboxGroup: CheckboxGroupFieldProps;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAuD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWhD,IAAMG,kBAA+C,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAAlDA,kBAA+CA,CAAAE,IAAA,EAKtD;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJFE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IACVE,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAER,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,EAAU,EAAEC,SAAkB,EAAK;IACrD,IAAMC,MAAM,GAAGD,SAAS,MAAAE,MAAA,KAAAC,2BAAA,EAAOT,KAAK,IAAEK,EAAE,KAAIL,KAAK,CAACU,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,KAAKN,EAAE;IAAA,EAAC;IACzEF,QAAQ,CAACI,MAAM,CAAC;EACpB,CAAC;EAED,oBACI,IAAAK,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,gBAC5B,IAAAC,eAAA,EAACC,WAAI;MAACC,OAAO,EAAC,QAAQ;MAAAH,QAAA,EAAEd;IAAK,CAAO,CAAC,eACrC,IAAAe,eAAA,EAACJ,WAAI;MAACE,GAAG,EAAE,CAAE;MAAAC,QAAA,EACRf,KAAK,CAACmB,GAAG,CAAC,UAACC,IAAI,EAAK;QACjB,IAAOhB,EAAE,GAAWgB,IAAI,CAAjBhB,EAAE;UAAEH,KAAK,GAAImB,IAAI,CAAbnB,KAAK;QAChB,IAAMoB,OAAO,GAAGtB,KAAK,CAACuB,QAAQ,CAAClB,EAAE,CAAC;QAElC,oBACI,IAAAY,eAAA,EAACO,eAAQ;UAELF,OAAO,EAAEA,OAAQ;UACjBG,QAAQ,EAAE,SAAVA,QAAQA,CAAGnB,SAAS,EAAK;YACrBF,YAAY,CAACC,EAAE,EAAEC,SAAS,CAAC;UAC/B,CAAE;UAAAU,QAAA,EAEDd;QAAK,GANDG,EAOC,CAAC;MAEnB,CAAC;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/SimpleForm/RangeDatePickerField.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { RangeValue } from '@gravity-ui/date-components';
+import { DateTime } from '@gravity-ui/date-utils';
+type DateValue = DateTime | null;
+export type RangeDatePickerFieldProps = {
+    value: RangeValue<DateValue>;
+    title?: string;
+    onChange: (value: RangeValue<DateValue>) => void;
+};
+export declare const RangeDatePickerField: FC<RangeDatePickerFieldProps>;
+declare module '../../types/forms' {
+    interface FormFieldPropsRegistry {
+        rangeDatePicker: RangeDatePickerFieldProps;
+    }
+}
+export {};

package/build/cjs/components/SimpleForm/RangeDatePickerField.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RangeDatePickerField = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _dateComponents = require("@gravity-ui/date-components");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var DATE_FORMAT = 'YYYY-MM-DD';
+var RangeDatePickerField = exports.RangeDatePickerField = function RangeDatePickerField(_ref) {
+  var _value$start, _value$end, _value$end2, _value$start2;
+  var value = _ref.value,
+    title = _ref.title,
+    onChange = _ref.onChange;
+  var handleStartChange = function handleStartChange(newValue) {
+    onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+      start: newValue
+    }));
+  };
+  var handleEndChange = function handleEndChange(newValue) {
+    onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+      end: newValue
+    }));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 2,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      variant: "body-1",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dateComponents.DatePicker, {
+        value: (_value$start = value === null || value === void 0 ? void 0 : value.start) !== null && _value$start !== void 0 ? _value$start : null,
+        onUpdate: handleStartChange,
+        format: DATE_FORMAT,
+        maxValue: (_value$end = value === null || value === void 0 ? void 0 : value.end) !== null && _value$end !== void 0 ? _value$end : undefined
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dateComponents.DatePicker, {
+        value: (_value$end2 = value === null || value === void 0 ? void 0 : value.end) !== null && _value$end2 !== void 0 ? _value$end2 : null,
+        onUpdate: handleEndChange,
+        format: DATE_FORMAT,
+        minValue: (_value$start2 = value === null || value === void 0 ? void 0 : value.start) !== null && _value$start2 !== void 0 ? _value$start2 : undefined
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=RangeDatePickerField.js.map

package/build/cjs/components/SimpleForm/RangeDatePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_dateComponents","_jsxRuntime","e","__esModule","default","DATE_FORMAT","RangeDatePickerField","exports","_ref","_value$start","_value$end","_value$end2","_value$start2","value","title","onChange","handleStartChange","newValue","_objectSpread","start","handleEndChange","end","_jsxs","Flex","direction","gap","children","_jsx","Text","variant","DatePicker","onUpdate","format","maxValue","undefined","minValue"],"sources":["RangeDatePickerField.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {DatePicker, RangeValue} from '@gravity-ui/date-components';\nimport {DateTime} from '@gravity-ui/date-utils';\n\ntype DateValue = DateTime | null;\n\nexport type RangeDatePickerFieldProps = {\n    value: RangeValue<DateValue>;\n    title?: string;\n    onChange: (value: RangeValue<DateValue>) => void;\n};\n\nconst DATE_FORMAT = 'YYYY-MM-DD';\n\nexport const RangeDatePickerField: FC<RangeDatePickerFieldProps> = ({value, title, onChange}) => {\n    const handleStartChange = (newValue: DateValue) => {\n        onChange({...value, start: newValue});\n    };\n\n    const handleEndChange = (newValue: DateValue) => {\n        onChange({...value, end: newValue});\n    };\n\n    return (\n        <Flex direction=\"column\" gap={2}>\n            {title && <Text variant=\"body-1\">{title}</Text>}\n            <Flex gap={2}>\n                <DatePicker\n                    value={value?.start ?? null}\n                    onUpdate={handleStartChange}\n                    format={DATE_FORMAT}\n                    maxValue={value?.end ?? undefined}\n                />\n                <DatePicker\n                    value={value?.end ?? null}\n                    onUpdate={handleEndChange}\n                    format={DATE_FORMAT}\n                    minValue={value?.start ?? undefined}\n                />\n            </Flex>\n        </Flex>\n    );\n};\n\ndeclare module '../../types/forms' {\n    interface FormFieldPropsRegistry {\n        rangeDatePicker: RangeDatePickerFieldProps;\n    }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAmE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWnE,IAAMG,WAAW,GAAG,YAAY;AAEzB,IAAMC,oBAAmD,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAtDA,oBAAmDA,CAAAE,IAAA,EAAiC;EAAA,IAAAC,YAAA,EAAAC,UAAA,EAAAC,WAAA,EAAAC,aAAA;EAAA,IAA5BC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EACvF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAK;IAC/CF,QAAQ,KAAAG,sBAAA,MAAAA,sBAAA,MAAKL,KAAK;MAAEM,KAAK,EAAEF;IAAQ,EAAC,CAAC;EACzC,CAAC;EAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIH,QAAmB,EAAK;IAC7CF,QAAQ,KAAAG,sBAAA,MAAAA,sBAAA,MAAKL,KAAK;MAAEQ,GAAG,EAAEJ;IAAQ,EAAC,CAAC;EACvC,CAAC;EAED,oBACI,IAAAK,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,GAC3BZ,KAAK,iBAAI,IAAAa,eAAA,EAACC,WAAI;MAACC,OAAO,EAAC,QAAQ;MAAAH,QAAA,EAAEZ;IAAK,CAAO,CAAC,eAC/C,IAAAQ,gBAAA,EAACC,WAAI;MAACE,GAAG,EAAE,CAAE;MAAAC,QAAA,gBACT,IAAAC,eAAA,EAACG,0BAAU;QACPjB,KAAK,GAAAJ,YAAA,GAAEI,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,cAAAV,YAAA,cAAAA,YAAA,GAAI,IAAK;QAC5BsB,QAAQ,EAAEf,iBAAkB;QAC5BgB,MAAM,EAAE3B,WAAY;QACpB4B,QAAQ,GAAAvB,UAAA,GAAEG,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,GAAG,cAAAX,UAAA,cAAAA,UAAA,GAAIwB;MAAU,CACrC,CAAC,eACF,IAAAP,eAAA,EAACG,0BAAU;QACPjB,KAAK,GAAAF,WAAA,GAAEE,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,GAAG,cAAAV,WAAA,cAAAA,WAAA,GAAI,IAAK;QAC1BoB,QAAQ,EAAEX,eAAgB;QAC1BY,MAAM,EAAE3B,WAAY;QACpB8B,QAAQ,GAAAvB,aAAA,GAAEC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,cAAAP,aAAA,cAAAA,aAAA,GAAIsB;MAAU,CACvC,CAAC;IAAA,CACA,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/SimpleForm/SelectField.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { SelectProps } from '@gravity-ui/uikit';
+export type SelectFieldProps = {
+    value: SelectProps['value'];
+    options: SelectProps['options'];
+    title?: string;
+    onChange: (value: string[]) => void;
+};
+export declare const SelectField: FC<SelectFieldProps>;
+declare module '../../types/forms' {
+    interface FormFieldPropsRegistry {
+        select: SelectFieldProps;
+    }
+}

package/build/cjs/components/SimpleForm/SelectField.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectField = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var SelectField = exports.SelectField = function SelectField(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    title = _ref.title,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 2,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Select, {
+      value: value,
+      options: options,
+      onUpdate: onChange
+    })]
+  });
+};
+// #sourceMappingURL=SelectField.js.map

package/build/cjs/components/SimpleForm/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","SelectField","exports","_ref","value","options","title","onChange","_jsxs","Flex","direction","gap","children","_jsx","Text","Select","onUpdate"],"sources":["SelectField.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Select, SelectProps, Text} from '@gravity-ui/uikit';\n\nexport type SelectFieldProps = {\n    value: SelectProps['value'];\n    options: SelectProps['options'];\n    title?: string;\n    onChange: (value: string[]) => void;\n};\n\nexport const SelectField: FC<SelectFieldProps> = ({value, options, title, onChange}) => {\n    return (\n        <Flex direction=\"column\" gap={2}>\n            <Text>{title}</Text>\n            <Select value={value} options={options} onUpdate={onChange} />\n        </Flex>\n    );\n};\n\ndeclare module '../../types/forms' {\n    interface FormFieldPropsRegistry {\n        select: SelectFieldProps;\n    }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3D,IAAMG,WAAiC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAApCA,WAAiCA,CAAAE,IAAA,EAA0C;EAAA,IAArCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9E,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,gBAC5B,IAAAC,eAAA,EAACC,WAAI;MAAAF,QAAA,EAAEN;IAAK,CAAO,CAAC,eACpB,IAAAO,eAAA,EAACE,aAAM;MAACX,KAAK,EAAEA,KAAM;MAACC,OAAO,EAAEA,OAAQ;MAACW,QAAQ,EAAET;IAAS,CAAE,CAAC;EAAA,CAC5D,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/SimpleForm/SimpleForm.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RegisteredFormFields } from '../../types/forms';
+export type FormField = RegisteredFormFields;
+type FormValues = Record<string, any>;
+type Props = {
+    fields: FormField[];
+    values?: FormValues;
+    initialValues?: FormValues;
+    onValuesChange?: (values: FormValues) => void;
+};
+export declare const SimpleForm: React.FC<Props>;
+export {};