tycho-components 0.21.6 → 0.21.9

package/dist/common/AppForm/AppForm.js

@@ -25,7 +25,7 @@ export default function AppForm({ fields, form, prefix, onChangeFunctions = {},
                 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));
+                return (_jsx(AsyncSelectField, { attr: name, label: field.name, createdForm: form, disabled: field.disabled, required: field.required, multiple: field.multiple, freeSolo: field.freeSolo, minQueryLength: field.minQueryLength, 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 || [];

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

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

package/dist/functions/DateUtils.d.ts

@@ -1,7 +1,13 @@
+import { format } from 'date-fns';
 declare function extractDateFromMongoId(id: string, time?: boolean): string;
 declare const DateUtils: {
     millis: () => number;
     formatDate: (date: Date | null, fmt: string) => string;
+    format: typeof format;
+    parseISOString: (s: string) => Date;
+    isValidDate: (date: Date) => boolean;
+    parseDate: (dateStr: string, formatStr: string, referenceDate?: Date) => Date;
+    addSecondsToDate: (date: Date, seconds: number) => Date;
     parseTime: (time: number) => string;
     extractDateFromMongoId: typeof extractDateFromMongoId;
     formatDateTime: (isoDateStr: string, outputFormat: string) => string;

package/dist/functions/DateUtils.js

@@ -1,12 +1,12 @@
-import { addSeconds, parseISO } from 'date-fns';
-import { format } from 'date-fns-tz';
+import { addSeconds, format, isValid, parse, parseISO, } from 'date-fns';
+import { format as formatTz } from 'date-fns-tz';
 const millis = () => new Date().getTime();
 const formatDateTime = (isoDateStr, outputFormat) => {
     if (!isoDateStr)
         return '';
     try {
         const parsedDate = parseISO(isoDateStr);
-        return format(parsedDate, outputFormat);
+        return formatTz(parsedDate, outputFormat);
     }
     catch (error) {
         console.error('Invalid date or format:', error);
@@ -16,8 +16,12 @@ const formatDateTime = (isoDateStr, outputFormat) => {
 const formatDate = (date, fmt) => {
     if (!date)
         return '';
-    return format(date, fmt);
+    return formatTz(date, fmt);
 };
+const parseISOString = (s) => parseISO(s);
+const isValidDate = (date) => isValid(date);
+const parseDate = (dateStr, formatStr, referenceDate) => parse(dateStr, formatStr, referenceDate ?? new Date());
+const addSecondsToDate = (date, seconds) => addSeconds(date, seconds);
 const parseTime = (time) => {
     if (time == null || time <= 0)
         return '00:00:00.000';
@@ -30,12 +34,17 @@ function extractDateFromMongoId(id, time) {
     const timestampInMilliseconds = parseInt(hexTimestamp, 16) * 1000;
     const dtf = time ? `${DATE_PATTERN} ${TIME_PATTERN}` : DATE_PATTERN;
     const date = addSeconds(new Date(0), timestampInMilliseconds / 1000);
-    const formattedDate = format(date, dtf);
+    const formattedDate = formatTz(date, dtf);
     return formattedDate;
 }
 const DateUtils = {
     millis,
     formatDate,
+    format,
+    parseISOString,
+    isValidDate,
+    parseDate,
+    addSecondsToDate,
     parseTime,
     extractDateFromMongoId,
     formatDateTime,

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './shell';
 export * from './configs';
 export * from './functions';
 export * from './features';
+export * from './vendor';

package/dist/index.js

@@ -3,3 +3,4 @@ export * from './shell';
 export * from './configs';
 export * from './functions';
 export * from './features';
+export * from './vendor';

package/dist/vendor/index.d.ts

@@ -0,0 +1,10 @@
+export { default as cx } from 'classnames';
+export * as yup from 'yup';
+export { yupResolver } from '@hookform/resolvers/yup';
+export type { ColumnDef, PaginationState } from '@tanstack/react-table';
+export type { Core as CytoscapeCore } from 'cytoscape';
+export { default as cytoscape } from 'cytoscape';
+export type { EdgeDefinition, EdgeSingular, NodeDefinition, NodeSingular, Position, StylesheetCSS, } from 'cytoscape';
+export { default as cytoscapeDagre } from 'cytoscape-dagre';
+export { default as cytoscapeNodeHtmlLabel } from 'cytoscape-node-html-label';
+export { format as formatTz, toZonedTime, } from 'date-fns-tz';

package/dist/vendor/index.js

@@ -0,0 +1,7 @@
+export { default as cx } from 'classnames';
+export * as yup from 'yup';
+export { yupResolver } from '@hookform/resolvers/yup';
+export { default as cytoscape } from 'cytoscape';
+export { default as cytoscapeDagre } from 'cytoscape-dagre';
+export { default as cytoscapeNodeHtmlLabel } from 'cytoscape-node-html-label';
+export { format as formatTz, toZonedTime, } from 'date-fns-tz';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.21.6",
+  "version": "0.21.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -46,10 +46,12 @@
     "dist/"
   ],
   "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
     "@tanstack/react-table": "^8.20.6",
     "axios": "^1.13.6",
     "classnames": "^2.5.1",
     "cytoscape": "^3.28.1",
+    "cytoscape-dagre": "^2.5.0",
     "cytoscape-node-html-label": "^1.2.2",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
@@ -62,12 +64,12 @@
     "react-easy-edit": "^2.0.0",
     "react-loading": "^2.0.3",
     "react-simple-keyboard": "^3.8.66",
-    "simple-keyboard-layouts": "^3.4.82"
+    "simple-keyboard-layouts": "^3.4.82",
+    "yup": "^1.2.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@hookform/resolvers": "^5.2.2",
     "@mui/icons-material": "7.3.0",
     "@mui/material": "7.3.0",
     "i18next": "^23.3.0",
@@ -78,10 +80,9 @@
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
     "react-toastify": "^9.1.3",
-    "tycho-storybook": "0.8.2",
+    "tycho-storybook": "0.8.3",
     "wavesurfer-react": "^2.2.2",
-    "wavesurfer.js": "^6.6.3",
-    "yup": "^1.2.0"
+    "wavesurfer.js": "^6.6.3"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^10.1.11",