tycho-components 0.25.1 → 0.25.2

package/dist/common/AppForm/AppForm.js

@@ -49,7 +49,7 @@ export default function AppForm({ fields, form, prefix, onChangeFunctions = {},
                 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.25.1",
+  "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.2",
+    "tycho-storybook": "0.9.3",
     "wavesurfer-react": "^2.2.2",
     "wavesurfer.js": "^6.6.3"
   },