tycho-components 0.21.3 → 0.21.5

package/dist/common/AppForm/AppForm.d.ts

@@ -1,4 +1,5 @@
 import { UseFormReturn } from 'react-hook-form';
+import { SelectItem } from 'tycho-storybook';
 import { AppFormField } from './AppFormField';
 import './style.scss';
 type Props = {
@@ -8,7 +9,8 @@ type Props = {
     onChangeFunctions?: Record<string, (v: string | number | boolean) => void>;
     onBlurFunctions?: Record<string, () => void>;
     runtimeOptions?: Record<string, any[]>;
+    runtimeLoadOptions?: Record<string, (query: string) => Promise<SelectItem[]>>;
     twoColumns?: boolean;
 };
-export default function AppForm({ fields, form, prefix, onChangeFunctions, onBlurFunctions, runtimeOptions, twoColumns, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppForm({ fields, form, prefix, onChangeFunctions, onBlurFunctions, runtimeOptions, runtimeLoadOptions, twoColumns, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/common/AppForm/AppForm.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckboxField, DatePickerField, SelectField, SwitchField, TextField, } from 'tycho-storybook';
+import { AsyncSelectField, CheckboxField, DatePickerField, SelectField, SwitchField, TextField, } from 'tycho-storybook';
 import './style.scss';
 const convertList = (values, labelAttr, valueAttr) => {
     if (!values)
@@ -10,7 +10,7 @@ const convertList = (values, labelAttr, valueAttr) => {
     });
     return fields;
 };
-export default function AppForm({ fields, form, prefix, onChangeFunctions = {}, onBlurFunctions = {}, runtimeOptions = {}, twoColumns = false, }) {
+export default function AppForm({ fields, form, prefix, onChangeFunctions = {}, onBlurFunctions = {}, runtimeOptions = {}, runtimeLoadOptions = {}, twoColumns = false, }) {
     const getOnChangeFn = (attr) => onChangeFunctions[attr];
     const getOnBlurFn = (attr) => onBlurFunctions[attr];
     const getOptions = (attr) => {
@@ -21,6 +21,12 @@ export default function AppForm({ fields, form, prefix, onChangeFunctions = {},
     return (_jsx("div", { className: `app-form-container ${twoColumns ? 'two-columns' : ''}`, children: fields.map((field) => {
             const name = prefix ? `${prefix}.${field.attr}` : field.attr;
             const handleChange = getOnChangeFn(field.attr);
+            if (field.type === 'autocomplete') {
+                const loadOptions = runtimeLoadOptions[field.attr];
+                if (!loadOptions)
+                    return null;
+                return (_jsx(AsyncSelectField, { attr: name, label: field.name, createdForm: form, disabled: field.disabled, required: field.required, multiple: field.multiple, freeSolo: field.freeSolo, loadOptions: loadOptions, placeholder: field.title, noOptionsText: field.translation, onChange: (_attr, value) => handleChange?.(value) }, name));
+            }
             if (field.type === 'select') {
                 const selectOptions = getOptions(field.attr) || field.options || [];
                 return (_jsx(SelectField, { attr: name, label: field.name, createdForm: form, options: selectOptions, disabled: field.disabled, required: field.required, onChange: (value) => handleChange?.(value), multiple: field.multiple, showEndAdornment: false }, name));

package/dist/common/AppForm/AppFormField.d.ts

@@ -18,6 +18,7 @@ export type AppFormField = {
     options?: SelectItem[];
     tooltip?: boolean;
     multiple?: boolean;
+    freeSolo?: boolean;
     default?: string | boolean | number;
     role?: string;
     fn?: (value: any) => string | number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.21.3",
+  "version": "0.21.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -51,10 +51,14 @@
     "classnames": "^2.5.1",
     "cytoscape": "^3.28.1",
     "cytoscape-node-html-label": "^1.2.2",
+    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "js-cookie": "^3.0.5",
     "react-colorful": "^5.6.1",
+    "react-draggable": "^4.4.6",
+    "react-dropzone": "^14.3.5",
     "react-easy-edit": "^2.0.0",
     "react-loading": "^2.0.3",
     "react-simple-keyboard": "^3.8.66",
@@ -74,7 +78,7 @@
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
     "react-toastify": "^9.1.3",
-    "tycho-storybook": "0.7.3",
+    "tycho-storybook": "0.8.1",
     "wavesurfer-react": "^2.2.2",
     "wavesurfer.js": "^6.6.3",
     "yup": "^1.2.0"