@gravity-ui/querieskit 1.0.1

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

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

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

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

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

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

package/build/esm/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/esm/components/SimpleForm/CheckboxGroupField.js

@@ -0,0 +1,49 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import React from 'react';
+import { Checkbox, Flex, Text } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var 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(_toConsumableArray(value), [id]) : value.filter(function (i) {
+      return i !== id;
+    });
+    onChange(result);
+  };
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 4,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "body-1",
+      children: title
+    }), /*#__PURE__*/_jsx(Flex, {
+      gap: 4,
+      children: items.map(function (item) {
+        var id = item.id,
+          title = item.title;
+        var checked = value.includes(id);
+        return /*#__PURE__*/_jsx(Checkbox, {
+          checked: checked,
+          onUpdate: function onUpdate(isChacked) {
+            handleChange(id, isChacked);
+          },
+          children: title
+        }, id);
+      })
+    })]
+  });
+};
+// #sourceMappingURL=CheckboxGroupField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Checkbox","Flex","Text","jsx","_jsx","jsxs","_jsxs","CheckboxGroupField","_ref","_ref$value","value","items","title","onChange","handleChange","id","isChacked","result","concat","_toConsumableArray","filter","i","direction","gap","children","variant","map","item","checked","includes","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,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWvD,OAAO,IAAMC,kBAA+C,GAAG,SAAlDA,kBAA+CA,CAAAC,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,CAAAC,kBAAA,CAAOT,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,oBACIX,KAAA,CAACL,IAAI;IAACqB,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,gBAC5BpB,IAAA,CAACF,IAAI;MAACuB,OAAO,EAAC,QAAQ;MAAAD,QAAA,EAAEZ;IAAK,CAAO,CAAC,eACrCR,IAAA,CAACH,IAAI;MAACsB,GAAG,EAAE,CAAE;MAAAC,QAAA,EACRb,KAAK,CAACe,GAAG,CAAC,UAACC,IAAI,EAAK;QACjB,IAAOZ,EAAE,GAAWY,IAAI,CAAjBZ,EAAE;UAAEH,KAAK,GAAIe,IAAI,CAAbf,KAAK;QAChB,IAAMgB,OAAO,GAAGlB,KAAK,CAACmB,QAAQ,CAACd,EAAE,CAAC;QAElC,oBACIX,IAAA,CAACJ,QAAQ;UAEL4B,OAAO,EAAEA,OAAQ;UACjBE,QAAQ,EAAE,SAAVA,QAAQA,CAAGd,SAAS,EAAK;YACrBF,YAAY,CAACC,EAAE,EAAEC,SAAS,CAAC;UAC/B,CAAE;UAAAQ,QAAA,EAEDZ;QAAK,GANDG,EAOC,CAAC;MAEnB,CAAC;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/SimpleForm/RangeDatePickerField.js

@@ -0,0 +1,44 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import { DatePicker } from '@gravity-ui/date-components';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var DATE_FORMAT = 'YYYY-MM-DD';
+export var 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(_objectSpread(_objectSpread({}, value), {}, {
+      start: newValue
+    }));
+  };
+  var handleEndChange = function handleEndChange(newValue) {
+    onChange(_objectSpread(_objectSpread({}, value), {}, {
+      end: newValue
+    }));
+  };
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    children: [title && /*#__PURE__*/_jsx(Text, {
+      variant: "body-1",
+      children: title
+    }), /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      children: [/*#__PURE__*/_jsx(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__*/_jsx(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/esm/components/SimpleForm/RangeDatePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Text","DatePicker","jsx","_jsx","jsxs","_jsxs","DATE_FORMAT","RangeDatePickerField","_ref","_value$start","_value$end","_value$end2","_value$start2","value","title","onChange","handleStartChange","newValue","_objectSpread","start","handleEndChange","end","direction","gap","children","variant","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,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,SAAQC,UAAU,QAAmB,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWnE,IAAMC,WAAW,GAAG,YAAY;AAEhC,OAAO,IAAMC,oBAAmD,GAAG,SAAtDA,oBAAmDA,CAAAC,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,CAAAG,aAAA,CAAAA,aAAA,KAAKL,KAAK;MAAEM,KAAK,EAAEF;IAAQ,EAAC,CAAC;EACzC,CAAC;EAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIH,QAAmB,EAAK;IAC7CF,QAAQ,CAAAG,aAAA,CAAAA,aAAA,KAAKL,KAAK;MAAEQ,GAAG,EAAEJ;IAAQ,EAAC,CAAC;EACvC,CAAC;EAED,oBACIZ,KAAA,CAACN,IAAI;IAACuB,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,GAC3BV,KAAK,iBAAIX,IAAA,CAACH,IAAI;MAACyB,OAAO,EAAC,QAAQ;MAAAD,QAAA,EAAEV;IAAK,CAAO,CAAC,eAC/CT,KAAA,CAACN,IAAI;MAACwB,GAAG,EAAE,CAAE;MAAAC,QAAA,gBACTrB,IAAA,CAACF,UAAU;QACPY,KAAK,GAAAJ,YAAA,GAAEI,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,cAAAV,YAAA,cAAAA,YAAA,GAAI,IAAK;QAC5BiB,QAAQ,EAAEV,iBAAkB;QAC5BW,MAAM,EAAErB,WAAY;QACpBsB,QAAQ,GAAAlB,UAAA,GAAEG,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,GAAG,cAAAX,UAAA,cAAAA,UAAA,GAAImB;MAAU,CACrC,CAAC,eACF1B,IAAA,CAACF,UAAU;QACPY,KAAK,GAAAF,WAAA,GAAEE,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,GAAG,cAAAV,WAAA,cAAAA,WAAA,GAAI,IAAK;QAC1Be,QAAQ,EAAEN,eAAgB;QAC1BO,MAAM,EAAErB,WAAY;QACpBwB,QAAQ,GAAAlB,aAAA,GAAEC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,cAAAP,aAAA,cAAAA,aAAA,GAAIiB;MAAU,CACvC,CAAC;IAAA,CACA,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/SimpleForm/SelectField.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Flex, Select, Text } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var SelectField = function SelectField(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    title = _ref.title,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    children: [/*#__PURE__*/_jsx(Text, {
+      children: title
+    }), /*#__PURE__*/_jsx(Select, {
+      value: value,
+      options: options,
+      onUpdate: onChange
+    })]
+  });
+};
+// #sourceMappingURL=SelectField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Select","Text","jsx","_jsx","jsxs","_jsxs","SelectField","_ref","value","options","title","onChange","direction","gap","children","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,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,MAAM,EAAeC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASlE,OAAO,IAAMC,WAAiC,GAAG,SAApCA,WAAiCA,CAAAC,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,oBACIN,KAAA,CAACN,IAAI;IAACa,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,gBAC5BX,IAAA,CAACF,IAAI;MAAAa,QAAA,EAAEJ;IAAK,CAAO,CAAC,eACpBP,IAAA,CAACH,MAAM;MAACQ,KAAK,EAAEA,KAAM;MAACC,OAAO,EAAEA,OAAQ;MAACM,QAAQ,EAAEJ;IAAS,CAAE,CAAC;EAAA,CAC5D,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/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 {};

package/build/esm/components/SimpleForm/SimpleForm.js

@@ -0,0 +1,69 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["id", "type", "title", "initialValue"];
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useMemo, useState } from 'react';
+import { getControl, getInitialValues, registerFormControl } from "./helpers";
+import { SwitchField } from "./SwitchField";
+import { RangeDatePickerField } from "./RangeDatePickerField";
+import { Flex } from '@gravity-ui/uikit';
+import { CheckboxGroupField } from "./CheckboxGroupField";
+import { SelectField } from "./SelectField";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SimpleForm = function SimpleForm(_ref) {
+  var fields = _ref.fields,
+    values = _ref.values,
+    initialValues = _ref.initialValues,
+    onValuesChange = _ref.onValuesChange;
+  var isControlled = values !== undefined;
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var initial = useMemo(function () {
+    return getInitialValues(fields, initialValues);
+  }, []);
+  var _useState = useState(initial),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValues = _useState2[0],
+    setInternalValues = _useState2[1];
+  var currentValues = isControlled ? values : internalValues;
+  var handleFieldChange = function handleFieldChange(name, value) {
+    var nextValues = _objectSpread(_objectSpread({}, currentValues), {}, _defineProperty({}, name, value));
+    if (!isControlled) {
+      setInternalValues(nextValues);
+    }
+    onValuesChange === null || onValuesChange === void 0 || onValuesChange(nextValues);
+  };
+  return /*#__PURE__*/_jsx(Flex, {
+    direction: "column",
+    gap: 4,
+    children: fields.map(function (field) {
+      var FieldComponent = getControl(field.type);
+      var id = field.id,
+        _type = field.type,
+        title = field.title,
+        _initialValue = field.initialValue,
+        extraProps = _objectWithoutProperties(field, _excluded);
+      return /*#__PURE__*/_jsx(FieldComponent, _objectSpread({
+        title: title,
+        value: currentValues[id],
+        onChange: function onChange(value) {
+          return handleFieldChange(id, value);
+        }
+      }, extraProps), id);
+    })
+  });
+};
+
+// base fields
+registerFormControl('switch', SwitchField);
+registerFormControl('rangeDatePicker', RangeDatePickerField);
+registerFormControl('checkboxGroup', CheckboxGroupField);
+registerFormControl('select', SelectField);
+// #sourceMappingURL=SimpleForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","getControl","getInitialValues","registerFormControl","SwitchField","RangeDatePickerField","Flex","CheckboxGroupField","SelectField","jsx","_jsx","SimpleForm","_ref","fields","values","initialValues","onValuesChange","isControlled","undefined","initial","_useState","_useState2","_slicedToArray","internalValues","setInternalValues","currentValues","handleFieldChange","name","value","nextValues","_objectSpread","_defineProperty","direction","gap","children","map","field","FieldComponent","type","id","_type","title","_initialValue","initialValue","extraProps","_objectWithoutProperties","_excluded","onChange"],"sources":["SimpleForm.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport {RegisteredFormFields} from '../../types/forms';\nimport {getControl, getInitialValues, registerFormControl} from './helpers';\nimport {SwitchField} from './SwitchField';\nimport {RangeDatePickerField} from './RangeDatePickerField';\nimport {Flex} from '@gravity-ui/uikit';\nimport {CheckboxGroupField} from './CheckboxGroupField';\nimport {SelectField} from './SelectField';\n\nexport type FormField = RegisteredFormFields;\n\ntype FormValues = Record<string, any>;\n\ntype Props = {\n    fields: FormField[];\n    values?: FormValues;\n    initialValues?: FormValues;\n    onValuesChange?: (values: FormValues) => void;\n};\n\nexport const SimpleForm: React.FC<Props> = ({fields, values, initialValues, onValuesChange}) => {\n    const isControlled = values !== undefined;\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    const initial = useMemo(() => getInitialValues(fields, initialValues), []);\n    const [internalValues, setInternalValues] = useState<FormValues>(initial);\n\n    const currentValues = isControlled ? values : internalValues;\n\n    const handleFieldChange = (name: string, value: unknown) => {\n        const nextValues = {...currentValues, [name]: value};\n\n        if (!isControlled) {\n            setInternalValues(nextValues);\n        }\n\n        onValuesChange?.(nextValues);\n    };\n\n    return (\n        <Flex direction=\"column\" gap={4}>\n            {fields.map((field) => {\n                const FieldComponent = getControl(field.type);\n\n                const {id, type: _type, title, initialValue: _initialValue, ...extraProps} = field;\n\n                return (\n                    <FieldComponent\n                        key={id}\n                        title={title}\n                        value={currentValues[id]}\n                        onChange={(value: unknown) => handleFieldChange(id, value)}\n                        {...extraProps}\n                    />\n                );\n            })}\n        </Flex>\n    );\n};\n\n// base fields\nregisterFormControl('switch', SwitchField);\nregisterFormControl('rangeDatePicker', RangeDatePickerField);\nregisterFormControl('checkboxGroup', CheckboxGroupField);\nregisterFormControl('select', SelectField);\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAE9C,SAAQC,UAAU,EAAEC,gBAAgB,EAAEC,mBAAmB;AACzD,SAAQC,WAAW;AACnB,SAAQC,oBAAoB;AAC5B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,kBAAkB;AAC1B,SAAQC,WAAW;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAa1C,OAAO,IAAMC,UAA2B,GAAG,SAA9BA,UAA2BA,CAAAC,IAAA,EAAwD;EAAA,IAAnDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;EACtF,IAAMC,YAAY,GAAGH,MAAM,KAAKI,SAAS;;EAEzC;EACA,IAAMC,OAAO,GAAGpB,OAAO,CAAC;IAAA,OAAMG,gBAAgB,CAACW,MAAM,EAAEE,aAAa,CAAC;EAAA,GAAE,EAAE,CAAC;EAC1E,IAAAK,SAAA,GAA4CpB,QAAQ,CAAamB,OAAO,CAAC;IAAAE,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAlEG,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EAExC,IAAMI,aAAa,GAAGR,YAAY,GAAGH,MAAM,GAAGS,cAAc;EAE5D,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,IAAY,EAAEC,KAAc,EAAK;IACxD,IAAMC,UAAU,GAAAC,aAAA,CAAAA,aAAA,KAAOL,aAAa,OAAAM,eAAA,KAAGJ,IAAI,EAAGC,KAAK,EAAC;IAEpD,IAAI,CAACX,YAAY,EAAE;MACfO,iBAAiB,CAACK,UAAU,CAAC;IACjC;IAEAb,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGa,UAAU,CAAC;EAChC,CAAC;EAED,oBACInB,IAAA,CAACJ,IAAI;IAAC0B,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,EAC3BrB,MAAM,CAACsB,GAAG,CAAC,UAACC,KAAK,EAAK;MACnB,IAAMC,cAAc,GAAGpC,UAAU,CAACmC,KAAK,CAACE,IAAI,CAAC;MAE7C,IAAOC,EAAE,GAAoEH,KAAK,CAA3EG,EAAE;QAAQC,KAAK,GAAuDJ,KAAK,CAAvEE,IAAI;QAASG,KAAK,GAAgDL,KAAK,CAA1DK,KAAK;QAAgBC,aAAa,GAAmBN,KAAK,CAAnDO,YAAY;QAAoBC,UAAU,GAAAC,wBAAA,CAAIT,KAAK,EAAAU,SAAA;MAElF,oBACIpC,IAAA,CAAC2B,cAAc,EAAAP,aAAA;QAEXW,KAAK,EAAEA,KAAM;QACbb,KAAK,EAAEH,aAAa,CAACc,EAAE,CAAE;QACzBQ,QAAQ,EAAE,SAAVA,QAAQA,CAAGnB,KAAc;UAAA,OAAKF,iBAAiB,CAACa,EAAE,EAAEX,KAAK,CAAC;QAAA;MAAC,GACvDgB,UAAU,GAJTL,EAKR,CAAC;IAEV,CAAC;EAAC,CACA,CAAC;AAEf,CAAC;;AAED;AACApC,mBAAmB,CAAC,QAAQ,EAAEC,WAAW,CAAC;AAC1CD,mBAAmB,CAAC,iBAAiB,EAAEE,oBAAoB,CAAC;AAC5DF,mBAAmB,CAAC,eAAe,EAAEI,kBAAkB,CAAC;AACxDJ,mBAAmB,CAAC,QAAQ,EAAEK,WAAW,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SimpleForm } from './SimpleForm';
+declare const meta: Meta<typeof SimpleForm>;
+export default meta;
+type Story = StoryObj<typeof SimpleForm>;
+/** Basic set of form fields (uncontrolled mode with default values from each field's initialValue) */
+export declare const Default: Story;
+/** Form with explicit initial values (initialValues), overriding fields' initialValue */
+export declare const WithInitialValues: Story;
+/** Controlled mode: values are fully managed from outside via values */
+export declare const Controlled: Story;
+/** Only a single switch field */
+export declare const SwitchOnly: Story;
+/** Only a date range picker */
+export declare const RangeDatePickerOnly: Story;
+/** Only a checkbox group */
+export declare const CheckboxGroupOnly: Story;
+/** Only a select field */
+export declare const SelectOnly: Story;

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

@@ -0,0 +1,144 @@
+import { SimpleForm } from "./SimpleForm";
+var meta = {
+  title: 'Components/SimpleForm',
+  component: SimpleForm,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var fields = [{
+  id: 'onlyMine',
+  type: 'switch',
+  title: 'My queries only',
+  initialValue: true
+}, {
+  id: 'range',
+  type: 'rangeDatePicker',
+  title: 'Period'
+}, {
+  id: 'dialect',
+  type: 'checkboxGroup',
+  title: 'Dialect',
+  initialValue: [],
+  items: [{
+    id: 'yql',
+    title: 'YQL'
+  }, {
+    id: 'sql',
+    title: 'SQL'
+  }]
+}, {
+  id: 'author',
+  type: 'select',
+  title: 'Author',
+  initialValue: [],
+  options: [{
+    value: 'alice',
+    content: 'Alice'
+  }, {
+    value: 'bob',
+    content: 'Bob'
+  }]
+}];
+
+/** Basic set of form fields (uncontrolled mode with default values from each field's initialValue) */
+export var Default = {
+  args: {
+    fields: fields,
+    onValuesChange: function onValuesChange(values) {
+      return console.info('onValuesChange', values);
+    }
+  }
+};
+
+/** Form with explicit initial values (initialValues), overriding fields' initialValue */
+export var WithInitialValues = {
+  args: {
+    fields: fields,
+    initialValues: {
+      onlyMine: false,
+      dialect: ['sql']
+    },
+    onValuesChange: function onValuesChange(values) {
+      return console.info('onValuesChange', values);
+    }
+  }
+};
+
+/** Controlled mode: values are fully managed from outside via values */
+export var Controlled = {
+  args: {
+    fields: fields,
+    values: {
+      onlyMine: true,
+      dialect: ['yql', 'sql']
+    },
+    onValuesChange: function onValuesChange(values) {
+      return console.info('onValuesChange', values);
+    }
+  }
+};
+
+/** Only a single switch field */
+export var SwitchOnly = {
+  args: {
+    fields: [{
+      id: 'onlyMine',
+      type: 'switch',
+      title: 'My queries only',
+      initialValue: true
+    }]
+  }
+};
+
+/** Only a date range picker */
+export var RangeDatePickerOnly = {
+  args: {
+    fields: [{
+      id: 'range',
+      type: 'rangeDatePicker',
+      title: 'Period'
+    }]
+  }
+};
+
+/** Only a checkbox group */
+export var CheckboxGroupOnly = {
+  args: {
+    fields: [{
+      id: 'dialect',
+      type: 'checkboxGroup',
+      title: 'Dialect',
+      initialValue: ['yql'],
+      items: [{
+        id: 'yql',
+        title: 'YQL'
+      }, {
+        id: 'sql',
+        title: 'SQL'
+      }]
+    }]
+  }
+};
+
+/** Only a select field */
+export var SelectOnly = {
+  args: {
+    fields: [{
+      id: 'author',
+      type: 'select',
+      title: 'Author',
+      initialValue: ['alice'],
+      options: [{
+        value: 'alice',
+        content: 'Alice'
+      }, {
+        value: 'bob',
+        content: 'Bob'
+      }]
+    }]
+  }
+};
+// #sourceMappingURL=SimpleForm.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleForm","meta","title","component","tags","parameters","layout","fields","id","type","initialValue","items","options","value","content","Default","args","onValuesChange","values","console","info","WithInitialValues","initialValues","onlyMine","dialect","Controlled","SwitchOnly","RangeDatePickerOnly","CheckboxGroupOnly","SelectOnly"],"sources":["SimpleForm.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {FormField, SimpleForm} from './SimpleForm';\n\nconst meta: Meta<typeof SimpleForm> = {\n    title: 'Components/SimpleForm',\n    component: SimpleForm,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SimpleForm>;\n\nconst fields: FormField[] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n    {\n        id: 'author',\n        type: 'select',\n        title: 'Author',\n        initialValue: [],\n        options: [\n            {value: 'alice', content: 'Alice'},\n            {value: 'bob', content: 'Bob'},\n        ],\n    },\n];\n\n/** Basic set of form fields (uncontrolled mode with default values from each field's initialValue) */\nexport const Default: Story = {\n    args: {\n        fields,\n        onValuesChange: (values) => console.info('onValuesChange', values),\n    },\n};\n\n/** Form with explicit initial values (initialValues), overriding fields' initialValue */\nexport const WithInitialValues: Story = {\n    args: {\n        fields,\n        initialValues: {onlyMine: false, dialect: ['sql']},\n        onValuesChange: (values) => console.info('onValuesChange', values),\n    },\n};\n\n/** Controlled mode: values are fully managed from outside via values */\nexport const Controlled: Story = {\n    args: {\n        fields,\n        values: {onlyMine: true, dialect: ['yql', 'sql']},\n        onValuesChange: (values) => console.info('onValuesChange', values),\n    },\n};\n\n/** Only a single switch field */\nexport const SwitchOnly: Story = {\n    args: {\n        fields: [{id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true}],\n    },\n};\n\n/** Only a date range picker */\nexport const RangeDatePickerOnly: Story = {\n    args: {\n        fields: [{id: 'range', type: 'rangeDatePicker', title: 'Period'}],\n    },\n};\n\n/** Only a checkbox group */\nexport const CheckboxGroupOnly: Story = {\n    args: {\n        fields: [\n            {\n                id: 'dialect',\n                type: 'checkboxGroup',\n                title: 'Dialect',\n                initialValue: ['yql'],\n                items: [\n                    {id: 'yql', title: 'YQL'},\n                    {id: 'sql', title: 'SQL'},\n                ],\n            },\n        ],\n    },\n};\n\n/** Only a select field */\nexport const SelectOnly: Story = {\n    args: {\n        fields: [\n            {\n                id: 'author',\n                type: 'select',\n                title: 'Author',\n                initialValue: ['alice'],\n                options: [\n                    {value: 'alice', content: 'Alice'},\n                    {value: 'bob', content: 'Bob'},\n                ],\n            },\n        ],\n    },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/SimpleForm/SwitchField.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+export type SwitchFieldProps = {
+    value: boolean;
+    title?: string;
+    onChange: (value: boolean) => void;
+};
+export declare const SwitchField: FC<SwitchFieldProps>;
+declare module '../../types/forms' {
+    interface FormFieldPropsRegistry {
+        switch: SwitchFieldProps;
+    }
+}

package/build/esm/components/SimpleForm/SwitchField.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Flex, Switch, Text } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var SwitchField = function SwitchField(_ref) {
+  var title = _ref.title,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 2,
+    children: [/*#__PURE__*/_jsx(Switch, {
+      checked: value,
+      onUpdate: onChange
+    }), title && /*#__PURE__*/_jsx(Text, {
+      variant: "body-1",
+      children: title
+    })]
+  });
+};
+// #sourceMappingURL=SwitchField.js.map

package/build/esm/components/SimpleForm/SwitchField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Switch","Text","jsx","_jsx","jsxs","_jsxs","SwitchField","_ref","title","value","onChange","gap","children","checked","onUpdate","variant"],"sources":["SwitchField.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Switch, Text} from '@gravity-ui/uikit';\n\nexport type SwitchFieldProps = {\n    value: boolean;\n    title?: string;\n    onChange: (value: boolean) => void;\n};\n\nexport const SwitchField: FC<SwitchFieldProps> = ({title, value, onChange}) => {\n    return (\n        <Flex gap={2}>\n            <Switch checked={value} onUpdate={onChange} />\n            {title && <Text variant=\"body-1\">{title}</Text>}\n        </Flex>\n    );\n};\n\ndeclare module '../../types/forms' {\n    interface FormFieldPropsRegistry {\n        switch: SwitchFieldProps;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQrD,OAAO,IAAMC,WAAiC,GAAG,SAApCA,WAAiCA,CAAAC,IAAA,EAAiC;EAAA,IAA5BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACrE,oBACIL,KAAA,CAACN,IAAI;IAACY,GAAG,EAAE,CAAE;IAAAC,QAAA,gBACTT,IAAA,CAACH,MAAM;MAACa,OAAO,EAAEJ,KAAM;MAACK,QAAQ,EAAEJ;IAAS,CAAE,CAAC,EAC7CF,KAAK,iBAAIL,IAAA,CAACF,IAAI;MAACc,OAAO,EAAC,QAAQ;MAAAH,QAAA,EAAEJ;IAAK,CAAO,CAAC;EAAA,CAC7C,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/SimpleForm/helpers/controlsRegistry.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from 'react';
+export declare function registerFormControl<K extends string, P extends {
+    value?: any;
+    onChange?: any;
+}>(controlId: K, controlComponent: ComponentType<P>): void;
+export declare function getControl(type: string): ComponentType<any>;

package/build/esm/components/SimpleForm/helpers/controlsRegistry.js

@@ -0,0 +1,24 @@
+import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/esnext.map.get-or-insert.js";
+import "core-js/modules/esnext.map.get-or-insert-computed.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+var controls = new Map();
+export function registerFormControl(controlId, controlComponent) {
+  if (controls.has(controlId)) {
+    console.warn("Control '".concat(controlId, "' is already registered in SimpleForm!"));
+  }
+  controls.set(controlId, controlComponent);
+}
+export function getControl(type) {
+  var Control = controls.get(type);
+  if (!Control) {
+    throw new Error("Control '".concat(type, "' is not registered in SimpleForm!"));
+  }
+  return Control;
+}
+// #sourceMappingURL=controlsRegistry.js.map

package/build/esm/components/SimpleForm/helpers/controlsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["controls","Map","registerFormControl","controlId","controlComponent","has","console","warn","concat","set","getControl","type","Control","get","Error"],"sources":["controlsRegistry.ts"],"sourcesContent":["import {ComponentType} from 'react';\n\nconst controls = new Map<string, ComponentType<any>>();\n\nexport function registerFormControl<K extends string, P extends {value?: any; onChange?: any}>(\n    controlId: K,\n    controlComponent: ComponentType<P>,\n) {\n    if (controls.has(controlId)) {\n        console.warn(`Control '${controlId}' is already registered in SimpleForm!`);\n    }\n\n    controls.set(controlId, controlComponent);\n}\n\nexport function getControl(type: string) {\n    const Control = controls.get(type);\n\n    if (!Control) {\n        throw new Error(`Control '${type}' is not registered in SimpleForm!`);\n    }\n\n    return Control;\n}\n"],"mappings":";;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,IAAIC,GAAG,CAA6B,CAAC;AAEtD,OAAO,SAASC,mBAAmBA,CAC/BC,SAAY,EACZC,gBAAkC,EACpC;EACE,IAAIJ,QAAQ,CAACK,GAAG,CAACF,SAAS,CAAC,EAAE;IACzBG,OAAO,CAACC,IAAI,aAAAC,MAAA,CAAaL,SAAS,2CAAwC,CAAC;EAC/E;EAEAH,QAAQ,CAACS,GAAG,CAACN,SAAS,EAAEC,gBAAgB,CAAC;AAC7C;AAEA,OAAO,SAASM,UAAUA,CAACC,IAAY,EAAE;EACrC,IAAMC,OAAO,GAAGZ,QAAQ,CAACa,GAAG,CAACF,IAAI,CAAC;EAElC,IAAI,CAACC,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,aAAAN,MAAA,CAAaG,IAAI,uCAAoC,CAAC;EACzE;EAEA,OAAOC,OAAO;AAClB","ignoreList":[]}

package/build/esm/components/SimpleForm/helpers/getInitialValues.d.ts

@@ -0,0 +1,4 @@
+import { FormField } from '../SimpleForm';
+type FormValues = Record<string, any>;
+export declare function getInitialValues(fields: FormField[], initialValues?: FormValues): FormValues;
+export {};

package/build/esm/components/SimpleForm/helpers/getInitialValues.js

@@ -0,0 +1,13 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.from-entries.js";
+import "core-js/modules/es.object.to-string.js";
+export function getInitialValues(fields, initialValues) {
+  return _objectSpread(_objectSpread({}, Object.fromEntries(fields.map(function (field) {
+    return [field.id, field.initialValue];
+  }))), initialValues);
+}
+// #sourceMappingURL=getInitialValues.js.map

package/build/esm/components/SimpleForm/helpers/getInitialValues.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitialValues","fields","initialValues","_objectSpread","Object","fromEntries","map","field","id","initialValue"],"sources":["getInitialValues.ts"],"sourcesContent":["import {FormField} from '../SimpleForm';\n\ntype FormValues = Record<string, any>;\n\nexport function getInitialValues(fields: FormField[], initialValues?: FormValues): FormValues {\n    return {\n        ...Object.fromEntries(fields.map((field) => [field.id, field.initialValue])),\n        ...initialValues,\n    };\n}\n"],"mappings":";;;;;;;AAIA,OAAO,SAASA,gBAAgBA,CAACC,MAAmB,EAAEC,aAA0B,EAAc;EAC1F,OAAAC,aAAA,CAAAA,aAAA,KACOC,MAAM,CAACC,WAAW,CAACJ,MAAM,CAACK,GAAG,CAAC,UAACC,KAAK;IAAA,OAAK,CAACA,KAAK,CAACC,EAAE,EAAED,KAAK,CAACE,YAAY,CAAC;EAAA,EAAC,CAAC,GACzEP,aAAa;AAExB","ignoreList":[]}

package/build/esm/components/SimpleForm/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { registerFormControl, getControl } from './controlsRegistry';
+export { getInitialValues } from './getInitialValues';

package/build/esm/components/SimpleForm/helpers/index.js

@@ -0,0 +1,3 @@
+export { registerFormControl, getControl } from "./controlsRegistry";
+export { getInitialValues } from "./getInitialValues";
+// #sourceMappingURL=index.js.map

package/build/esm/components/SimpleForm/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerFormControl","getControl","getInitialValues"],"sources":["index.ts"],"sourcesContent":["export {registerFormControl, getControl} from './controlsRegistry';\nexport {getInitialValues} from './getInitialValues';\n"],"mappings":"AAAA,SAAQA,mBAAmB,EAAEC,UAAU;AACvC,SAAQC,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+export { SimpleForm } from './SimpleForm';
+export type { FormField } from './SimpleForm';
+export { SwitchField } from './SwitchField';
+export type { SwitchFieldProps } from './SwitchField';
+export { RangeDatePickerField } from './RangeDatePickerField';
+export type { RangeDatePickerFieldProps } from './RangeDatePickerField';
+export { registerFormControl } from './helpers';

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

@@ -0,0 +1,5 @@
+export { SimpleForm } from "./SimpleForm";
+export { SwitchField } from "./SwitchField";
+export { RangeDatePickerField } from "./RangeDatePickerField";
+export { registerFormControl } from "./helpers";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleForm","SwitchField","RangeDatePickerField","registerFormControl"],"sources":["index.ts"],"sourcesContent":["export {SimpleForm} from './SimpleForm';\nexport type {FormField} from './SimpleForm';\nexport {SwitchField} from './SwitchField';\nexport type {SwitchFieldProps} from './SwitchField';\nexport {RangeDatePickerField} from './RangeDatePickerField';\nexport type {RangeDatePickerFieldProps} from './RangeDatePickerField';\nexport {registerFormControl} from './helpers';\n"],"mappings":"AAAA,SAAQA,UAAU;AAElB,SAAQC,WAAW;AAEnB,SAAQC,oBAAoB;AAE5B,SAAQC,mBAAmB","ignoreList":[]}