tycho-components 0.25.0 → 0.25.2

package/dist/common/AppForm/AppForm.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AsyncSelectField, CheckboxField, DatePickerField, SelectField, SwitchField, TextField, } from 'tycho-storybook';
+import { AsyncSelectField, CheckboxField, DatePickerField, SelectField, SelectMultipleField, SwitchField, TextField, } from 'tycho-storybook';
 import './style.scss';
 const convertList = (values, labelAttr, valueAttr) => {
     if (!values)
@@ -29,13 +29,27 @@ export default function AppForm({ fields, form, prefix, onChangeFunctions = {},
             }
             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));
+                const selectProps = {
+                    key: name,
+                    attr: name,
+                    label: field.name,
+                    createdForm: form,
+                    options: selectOptions,
+                    disabled: field.disabled,
+                    required: field.required,
+                    onChange: (value) => handleChange?.(value),
+                    showEndAdornment: false,
+                };
+                if (field.multiple) {
+                    return _jsx(SelectMultipleField, { ...selectProps });
+                }
+                return _jsx(SelectField, { ...selectProps });
             }
             if (field.type === 'check') {
                 return (_jsx(CheckboxField, { attr: name, label: field.name, createdForm: form, disabled: field.disabled }, name));
             }
             if (field.type === 'switch') {
-                return (_jsx(SwitchField, { attr: name, label: field.name, createdForm: form, disabled: field.disabled }, name));
+                return (_jsx(SwitchField, { attr: name, label: field.name, createdForm: form, disabled: field.disabled, onChange: (value) => handleChange?.(value) }, name));
             }
             if (field.type === 'datepicker') {
                 const handleBlur = getOnBlurFn(field.attr);

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

@@ -17,6 +17,7 @@ export type AppFormField = {
     disabled?: boolean;
     options?: SelectItem[];
     tooltip?: boolean;
+    tooltipText?: string;
     multiple?: boolean;
     freeSolo?: boolean;
     minQueryLength?: number;

package/dist/common/AppSwitchGroup/AppSwitchGroup.d.ts

@@ -0,0 +1,12 @@
+import { UseFormReturn } from 'react-hook-form';
+import { AppFormField } from '../AppForm/AppFormField';
+import './style.scss';
+type Props = {
+    fields: AppFormField[];
+    form: UseFormReturn<any, any, any>;
+    onToggle: (attr: string, value: boolean) => void;
+    hasRole?: (role: string) => boolean;
+    className?: string;
+};
+export default function AppSwitchGroup({ fields, form, onToggle, hasRole, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/common/AppSwitchGroup/AppSwitchGroup.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, SwitchField, Tooltip } from 'tycho-storybook';
+import FormUtils from '../../functions/FormUtils';
+import './style.scss';
+export default function AppSwitchGroup({ fields, form, onToggle, hasRole = () => true, className, }) {
+    const visibleFields = FormUtils.filterFieldsByUserRole(fields, hasRole).filter((field) => field.type === 'switch');
+    return (_jsx("div", { className: `app-switch-group-container ${className || ''}`, children: visibleFields.map((field) => (_jsxs("div", { className: "app-switch-group-row", children: [_jsx(SwitchField, { attr: field.attr, label: field.name, createdForm: form, disabled: field.disabled, onChange: (value) => onToggle(field.attr, value) }), field.tooltip && field.tooltipText && (_jsx(Tooltip, { title: field.tooltipText, children: _jsx("span", { className: "app-switch-group-tooltip", children: _jsx(Icon, { name: "help", size: "x-small" }) }) }))] }, field.attr))) }));
+}

package/dist/common/AppSwitchGroup/index.d.ts

@@ -0,0 +1,2 @@
+import AppSwitchGroup from './AppSwitchGroup';
+export default AppSwitchGroup;

package/dist/common/AppSwitchGroup/index.js

@@ -0,0 +1,2 @@
+import AppSwitchGroup from './AppSwitchGroup';
+export default AppSwitchGroup;

package/dist/common/AppSwitchGroup/style.scss

@@ -0,0 +1,18 @@
+.app-switch-group-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-200);
+
+  .app-switch-group-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--spacing-100);
+  }
+
+  .app-switch-group-tooltip {
+    display: inline-flex;
+    cursor: pointer;
+    color: var(--icon-secondary);
+  }
+}

package/dist/common/index.d.ts

@@ -12,6 +12,7 @@ export type { FieldOperations, FormField } from './AppEditable/FormField';
 export { default as AppForm } from './AppForm/AppForm';
 export { default as AppFormInfo } from './AppForm/AppFormInfo';
 export type { AppFormField } from './AppForm/AppFormField';
+export { default as AppSwitchGroup } from './AppSwitchGroup';
 export { convertEnum, convertList } from './AppEditable/FormFieldOption';
 export type { FormFieldOption } from './AppEditable/FormFieldOption';
 export { default as AppKeyboard } from './AppKeyboard';

package/dist/common/index.js

@@ -8,6 +8,7 @@ export { default as AppEditable } from './AppEditable';
 export { validateFormField } from './AppEditable/FormField';
 export { default as AppForm } from './AppForm/AppForm';
 export { default as AppFormInfo } from './AppForm/AppFormInfo';
+export { default as AppSwitchGroup } from './AppSwitchGroup';
 export { convertEnum, convertList } from './AppEditable/FormFieldOption';
 export { default as AppKeyboard } from './AppKeyboard';
 export { default as AppLoading } from './AppLoading';

package/dist/configs/types/Corpus.d.ts

@@ -10,6 +10,7 @@ export type Corpus = {
     parameters: Record<string, any>;
     status: CorpusStatus;
     opened: boolean;
+    featured?: boolean;
     owner?: User;
     github?: Github;
     images?: CorpusImage[];

package/dist/features/Comments/CommentAdd.d.ts

@@ -1,9 +1,9 @@
-import { User } from '../../configs/types/User';
-import './style.scss';
-import { Comment } from './types/Comment';
+import { User } from "../../configs/types/User";
+import "./style.scss";
+import { Comment } from "./types/Comment";
 type Props = {
     uid: string;
-    mode: 'lexicon' | 'corpus' | 'parser';
+    mode: "lexicon" | "corpus" | "parser";
     users: User[];
     references: Record<string, string | number | boolean>;
     keywords?: Record<string, string | number | boolean>;

package/dist/features/Comments/CommentAdd.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { yupResolver } from '@hookform/resolvers/yup';
-import { useForm } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { Button, SelectField, TextField } from 'tycho-storybook';
-import * as yup from 'yup';
-import { useMessageUtils } from '../../configs/useMessageUtils';
-import FormUtils from '../../functions/FormUtils';
-import './style.scss';
-import { EMPTY_COMMENT_REQUEST, } from './types/Comment';
-import CommentService from './CommentService';
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { Button, SelectMultipleField, TextField, } from "tycho-storybook";
+import * as yup from "yup";
+import { useMessageUtils } from "../../configs/useMessageUtils";
+import FormUtils from "../../functions/FormUtils";
+import "./style.scss";
+import { EMPTY_COMMENT_REQUEST, } from "./types/Comment";
+import CommentService from "./CommentService";
 export default function CommentAdd({ uid, mode, users, references, keywords, comment, reply, onClose, onChange, }) {
-    const { t } = useTranslation('comments');
+    const { t } = useTranslation("comments");
     const { isLoading, dispatchLoading } = useMessageUtils();
     const getFormDefaultValues = () => {
         if (comment)
@@ -35,7 +35,7 @@ export default function CommentAdd({ uid, mode, users, references, keywords, com
     };
     const createdForm = useForm({
         resolver: yupResolver(getFormSchema(t)),
-        mode: 'onChange',
+        mode: "onChange",
         defaultValues: getFormDefaultValues(),
     });
     const handleAdd = () => {
@@ -58,18 +58,18 @@ export default function CommentAdd({ uid, mode, users, references, keywords, com
             createdForm.reset(EMPTY_COMMENT_REQUEST);
         });
     };
-    return (_jsxs("div", { className: "form", children: [_jsx(TextField, { label: t('input.value'), attr: "value", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder'), required: true, multiline: true }), _jsx(TextField, { label: t('input.title'), attr: "title", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder') }), _jsx(SelectField, { label: reply ? t('input.user.reply') : t('input.user'), attr: "requested", createdForm: createdForm, options: [
+    return (_jsxs("div", { className: "form", children: [_jsx(TextField, { label: t("input.value"), attr: "value", createdForm: createdForm, showEndAdornment: false, placeholder: t("common:generic.placeholder"), required: true, multiline: true }), _jsx(TextField, { label: t("input.title"), attr: "title", createdForm: createdForm, showEndAdornment: false, placeholder: t("common:generic.placeholder") }), _jsx(SelectMultipleField, { label: reply ? t("input.user.reply") : t("input.user"), attr: "requested", createdForm: createdForm, options: [
                     {
-                        label: t('common:generic.placeholder.select'),
-                        value: '',
+                        label: t("common:generic.placeholder.select"),
+                        value: "",
                     },
-                    ...FormUtils.convertList(users, 'name', 'uid'),
-                ], showEndAdornment: false, multiple: true }), _jsxs("div", { className: "buttons", children: [_jsx(Button, { onClick: onClose, text: t('button.discard'), color: "danger" }), _jsx(Button, { onClick: comment ? handleUpdate : handleAdd, text: comment ? t('label.button.update') : t('label.button.add'), disabled: !createdForm.formState.isValid })] })] }));
+                    ...FormUtils.convertList(users, "name", "uid"),
+                ], showEndAdornment: false }), _jsxs("div", { className: "buttons", children: [_jsx(Button, { onClick: onClose, text: t("button.discard"), color: "danger" }), _jsx(Button, { onClick: comment ? handleUpdate : handleAdd, text: comment ? t("label.button.update") : t("label.button.add"), disabled: !createdForm.formState.isValid })] })] }));
 }
 const getFormSchema = (t) => yup.object().shape({
     id: yup.string().optional(),
     title: yup.string().optional(),
-    value: yup.string().required(t('common:validation.required')),
+    value: yup.string().required(t("common:validation.required")),
     requested: yup.array().of(yup.string().defined()).optional(),
     coordinates: yup.array().of(yup.string().defined()).optional(),
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.25.0",
+  "version": "0.25.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -82,7 +82,7 @@
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
     "react-toastify": "^9.1.3",
-    "tycho-storybook": "0.9.0",
+    "tycho-storybook": "0.9.3",
     "wavesurfer-react": "^2.2.2",
     "wavesurfer.js": "^6.6.3"
   },