@dxos/react-ui-form 0.7.2-staging.6d26b2a → 0.7.3-main.2dd075e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +39 -36
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +39 -36
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +39 -36
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/FieldEditor/FieldEditor.d.ts +2 -2
- package/dist/types/src/components/FieldEditor/FieldEditor.d.ts.map +1 -1
- package/dist/types/src/components/Form/Form.d.ts +3 -2
- package/dist/types/src/components/Form/Form.d.ts.map +1 -1
- package/dist/types/src/components/Form/Form.stories.d.ts +9 -5
- package/dist/types/src/components/Form/Form.stories.d.ts.map +1 -1
- package/dist/types/src/components/ViewEditor/ViewEditor.d.ts.map +1 -1
- package/dist/types/src/components/deprecated/Form.stories.d.ts.map +1 -1
- package/dist/types/src/hooks/useForm.d.ts +10 -4
- package/dist/types/src/hooks/useForm.d.ts.map +1 -1
- package/package.json +23 -22
- package/src/components/FieldEditor/FieldEditor.stories.tsx +3 -3
- package/src/components/FieldEditor/FieldEditor.tsx +8 -8
- package/src/components/Form/Form.stories.tsx +41 -11
- package/src/components/Form/Form.tsx +23 -12
- package/src/components/ViewEditor/ViewEditor.tsx +8 -7
- package/src/components/deprecated/Form.stories.tsx +4 -4
- package/src/hooks/useForm.ts +20 -13
|
@@ -254,7 +254,7 @@ import { invariant } from "@dxos/invariant";
|
|
|
254
254
|
import { log } from "@dxos/log";
|
|
255
255
|
import { validateSchema } from "@dxos/schema";
|
|
256
256
|
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/hooks/useForm.ts";
|
|
257
|
-
var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid,
|
|
257
|
+
var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, onSave }) => {
|
|
258
258
|
const [values, setValues] = useState(initialValues);
|
|
259
259
|
useEffect(() => {
|
|
260
260
|
setValues(initialValues);
|
|
@@ -288,21 +288,21 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
288
288
|
values,
|
|
289
289
|
schemaDirty
|
|
290
290
|
]);
|
|
291
|
-
const
|
|
291
|
+
const canSave = useMemo(() => Object.keys(values).every((property) => touched[property] === false || !errors[property]), [
|
|
292
292
|
values,
|
|
293
293
|
touched,
|
|
294
294
|
errors
|
|
295
295
|
]);
|
|
296
|
-
const
|
|
296
|
+
const handleSave = useCallback(() => {
|
|
297
297
|
if (validate(values)) {
|
|
298
|
-
|
|
298
|
+
onSave?.(values, {
|
|
299
299
|
changed
|
|
300
300
|
});
|
|
301
301
|
}
|
|
302
302
|
}, [
|
|
303
303
|
values,
|
|
304
304
|
validate,
|
|
305
|
-
|
|
305
|
+
onSave
|
|
306
306
|
]);
|
|
307
307
|
const getStatus = useCallback((property) => ({
|
|
308
308
|
status: errors[property] ? "error" : void 0,
|
|
@@ -323,7 +323,7 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
323
323
|
} catch (err) {
|
|
324
324
|
log.catch(err, void 0, {
|
|
325
325
|
F: __dxlog_file,
|
|
326
|
-
L:
|
|
326
|
+
L: 172,
|
|
327
327
|
S: void 0,
|
|
328
328
|
C: (f, a) => f(...a)
|
|
329
329
|
});
|
|
@@ -366,8 +366,8 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
366
366
|
errors,
|
|
367
367
|
touched,
|
|
368
368
|
changed,
|
|
369
|
-
|
|
370
|
-
|
|
369
|
+
canSave,
|
|
370
|
+
handleSave,
|
|
371
371
|
// Field utils.
|
|
372
372
|
getStatus,
|
|
373
373
|
getValue,
|
|
@@ -378,7 +378,7 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
378
378
|
var createKeySet = (obj, value) => {
|
|
379
379
|
invariant(obj, void 0, {
|
|
380
380
|
F: __dxlog_file,
|
|
381
|
-
L:
|
|
381
|
+
L: 223,
|
|
382
382
|
S: void 0,
|
|
383
383
|
A: [
|
|
384
384
|
"obj",
|
|
@@ -402,19 +402,19 @@ var flatMap = (errors) => {
|
|
|
402
402
|
// packages/ui/react-ui-form/src/components/Form/Form.tsx
|
|
403
403
|
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/Form/Form.tsx";
|
|
404
404
|
var padding = "px-2";
|
|
405
|
-
var Form = ({ classNames, schema, values: initialValues, path = [], readonly, filter, sort, autoSave, onValuesChanged, onValidate,
|
|
405
|
+
var Form = ({ classNames, schema, values: initialValues, path = [], readonly, filter, sort, autoSave, testId, onValuesChanged, onValidate, onSave, onCancel, Custom }) => {
|
|
406
406
|
const { t } = useTranslation2(translationKey);
|
|
407
|
-
const onValid = useMemo2(() => autoSave ?
|
|
407
|
+
const onValid = useMemo2(() => autoSave ? onSave : void 0, [
|
|
408
408
|
autoSave,
|
|
409
|
-
|
|
409
|
+
onSave
|
|
410
410
|
]);
|
|
411
|
-
const {
|
|
411
|
+
const { canSave, values, errors, handleSave, ...inputProps } = useForm({
|
|
412
412
|
schema,
|
|
413
413
|
initialValues,
|
|
414
414
|
onValuesChanged,
|
|
415
415
|
onValidate,
|
|
416
416
|
onValid,
|
|
417
|
-
|
|
417
|
+
onSave
|
|
418
418
|
});
|
|
419
419
|
const properties = useMemo2(() => {
|
|
420
420
|
const props = getSchemaProperties(schema.ast, values);
|
|
@@ -435,7 +435,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
435
435
|
errors
|
|
436
436
|
}, {
|
|
437
437
|
F: __dxlog_file2,
|
|
438
|
-
L:
|
|
438
|
+
L: 101,
|
|
439
439
|
S: void 0,
|
|
440
440
|
C: (f, a) => f(...a)
|
|
441
441
|
});
|
|
@@ -445,14 +445,15 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
445
445
|
]);
|
|
446
446
|
return /* @__PURE__ */ React5.createElement("div", {
|
|
447
447
|
role: "form",
|
|
448
|
-
className: mx("flex flex-col w-full gap-2 py-2", classNames)
|
|
448
|
+
className: mx("flex flex-col w-full gap-2 py-2", classNames),
|
|
449
|
+
"data-testid": testId
|
|
449
450
|
}, properties.map((property) => {
|
|
450
451
|
const { ast, name, type, format, title, description, examples, options } = property;
|
|
451
452
|
const key = [
|
|
452
453
|
...path,
|
|
453
454
|
name
|
|
454
455
|
];
|
|
455
|
-
const label =
|
|
456
|
+
const label = title ?? pipe(name, capitalize);
|
|
456
457
|
const placeholder = examples?.length ? `Example: "${examples[0]}"` : description;
|
|
457
458
|
let InputComponent = Custom?.[key.join(".")];
|
|
458
459
|
if (!InputComponent) {
|
|
@@ -504,7 +505,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
504
505
|
type
|
|
505
506
|
}, {
|
|
506
507
|
F: __dxlog_file2,
|
|
507
|
-
L:
|
|
508
|
+
L: 165,
|
|
508
509
|
S: void 0,
|
|
509
510
|
C: (f, a) => f(...a)
|
|
510
511
|
});
|
|
@@ -523,28 +524,30 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
523
524
|
placeholder,
|
|
524
525
|
...inputProps
|
|
525
526
|
}));
|
|
526
|
-
}).filter(isNotFalsy), (onCancel ||
|
|
527
|
+
}).filter(isNotFalsy), (onCancel || onSave) && !autoSave && /* @__PURE__ */ React5.createElement("div", {
|
|
527
528
|
role: "none",
|
|
528
529
|
className: "flex justify-center"
|
|
529
530
|
}, /* @__PURE__ */ React5.createElement("div", {
|
|
530
531
|
role: "none",
|
|
531
532
|
className: mx(onCancel && !readonly && "grid grid-cols-2 gap-2")
|
|
532
533
|
}, onCancel && !readonly && /* @__PURE__ */ React5.createElement(IconButton, {
|
|
534
|
+
"data-testid": "cancel-button",
|
|
533
535
|
icon: "ph--x--regular",
|
|
534
536
|
label: t("button cancel"),
|
|
535
537
|
onClick: onCancel
|
|
536
|
-
}),
|
|
538
|
+
}), onSave && /* @__PURE__ */ React5.createElement(IconButton, {
|
|
537
539
|
type: "submit",
|
|
538
|
-
|
|
540
|
+
"data-testid": "save-button",
|
|
541
|
+
disabled: !canSave,
|
|
539
542
|
icon: "ph--check--regular",
|
|
540
543
|
label: t("button save"),
|
|
541
|
-
onClick:
|
|
544
|
+
onClick: handleSave
|
|
542
545
|
}))));
|
|
543
546
|
};
|
|
544
547
|
|
|
545
548
|
// packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx
|
|
546
549
|
var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx";
|
|
547
|
-
var FieldEditor = ({ view, projection, field, registry,
|
|
550
|
+
var FieldEditor = ({ view, projection, field, registry, onSave, onCancel }) => {
|
|
548
551
|
const { t } = useTranslation3(translationKey);
|
|
549
552
|
const [props, setProps] = useState2(projection.getFieldProjection(field.id).props);
|
|
550
553
|
useEffect3(() => setProps(projection.getFieldProjection(field.id).props), [
|
|
@@ -615,22 +618,22 @@ var FieldEditor = ({ view, projection, field, registry, onClose, onCancel }) =>
|
|
|
615
618
|
view.fields,
|
|
616
619
|
field
|
|
617
620
|
]);
|
|
618
|
-
const
|
|
621
|
+
const handleSave = useCallback2((props2) => {
|
|
619
622
|
projection.setFieldProjection({
|
|
620
623
|
field,
|
|
621
624
|
props: props2
|
|
622
625
|
});
|
|
623
|
-
|
|
626
|
+
onSave();
|
|
624
627
|
}, [
|
|
625
628
|
projection,
|
|
626
629
|
field,
|
|
627
|
-
|
|
630
|
+
onSave
|
|
628
631
|
]);
|
|
629
632
|
const handleCancel = useCallback2(() => {
|
|
630
633
|
requestAnimationFrame(() => onCancel?.());
|
|
631
|
-
|
|
634
|
+
onSave();
|
|
632
635
|
}, [
|
|
633
|
-
|
|
636
|
+
onSave
|
|
634
637
|
]);
|
|
635
638
|
if (!fieldSchema) {
|
|
636
639
|
log3.warn("invalid format", {
|
|
@@ -655,7 +658,7 @@ var FieldEditor = ({ view, projection, field, registry, onClose, onCancel }) =>
|
|
|
655
658
|
],
|
|
656
659
|
onValuesChanged: handleValuesChanged,
|
|
657
660
|
onValidate: handleValidate,
|
|
658
|
-
|
|
661
|
+
onSave: handleSave,
|
|
659
662
|
onCancel: handleCancel,
|
|
660
663
|
Custom: {
|
|
661
664
|
["format"]: (props2) => /* @__PURE__ */ React6.createElement(SelectInput, {
|
|
@@ -694,7 +697,7 @@ var ViewMetaSchema = S2.Struct({
|
|
|
694
697
|
name: S2.String.annotations({
|
|
695
698
|
[AST2.TitleAnnotationId]: "View"
|
|
696
699
|
}),
|
|
697
|
-
|
|
700
|
+
typename: Format.DXN.annotations({
|
|
698
701
|
[AST2.TitleAnnotationId]: "Typename"
|
|
699
702
|
})
|
|
700
703
|
}).pipe(S2.mutable);
|
|
@@ -710,16 +713,16 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
710
713
|
name: view.name,
|
|
711
714
|
// TODO(burdon): Need to warn user of possible consequences of editing.
|
|
712
715
|
// TODO(burdon): Settings should have domain name owned by user.
|
|
713
|
-
|
|
716
|
+
typename: view.query.typename
|
|
714
717
|
};
|
|
715
718
|
}, [
|
|
716
719
|
view
|
|
717
720
|
]);
|
|
718
|
-
const handleViewUpdate = useCallback3(({ name,
|
|
721
|
+
const handleViewUpdate = useCallback3(({ name, typename }) => {
|
|
719
722
|
requestAnimationFrame(() => {
|
|
720
723
|
view.name = name;
|
|
721
|
-
view.query.
|
|
722
|
-
schema.updateTypename(
|
|
724
|
+
view.query.typename = typename;
|
|
725
|
+
schema.updateTypename(typename);
|
|
723
726
|
});
|
|
724
727
|
}, [
|
|
725
728
|
view,
|
|
@@ -748,7 +751,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
748
751
|
autoSave: true,
|
|
749
752
|
schema: ViewMetaSchema,
|
|
750
753
|
values: viewValues,
|
|
751
|
-
|
|
754
|
+
onSave: handleViewUpdate
|
|
752
755
|
}), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("div", {
|
|
753
756
|
role: "none",
|
|
754
757
|
className: "p-2"
|
|
@@ -782,7 +785,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
782
785
|
projection,
|
|
783
786
|
field,
|
|
784
787
|
registry,
|
|
785
|
-
|
|
788
|
+
onSave: handleClose
|
|
786
789
|
}), !readonly && !field && /* @__PURE__ */ React7.createElement("div", {
|
|
787
790
|
className: "flex p-2 justify-center"
|
|
788
791
|
}, /* @__PURE__ */ React7.createElement(IconButton2, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/translations.ts", "../../../src/components/deprecated/FormInput.tsx", "../../../src/components/FieldEditor/FieldEditor.tsx", "../../../src/components/Form/Form.tsx", "../../../src/components/Form/Defaults.tsx", "../../../src/components/Form/Input.tsx", "../../../src/components/Form/factory.tsx", "../../../src/components/Form/Custom.tsx", "../../../src/hooks/useForm.ts", "../../../src/components/ViewEditor/ViewEditor.tsx", "../../../src/util/field.ts", "../../../src/util/formatting.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'react-ui-form';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {\n 'fields label': 'Fields',\n\n // TODO(burdon): Standardize field/property.\n 'button add property': 'Add property',\n 'field property label': 'Property',\n 'field property placeholder': 'Property name',\n 'field format label': 'Type',\n 'field path label': 'Field path',\n 'add field': 'Add field',\n 'delete field': 'Delete field',\n 'field limit reached': 'Maximum number of fields reached',\n\n // TODO(burdon): Factor out?\n 'button cancel': 'Cancel',\n 'button save': 'Save',\n\n // FormatEnum\n 'format boolean': 'Boolean',\n 'format currency': 'Currency',\n 'format date': 'Date',\n 'format date-time': 'DateTime',\n 'format did': 'DID',\n 'format duration': 'Duration',\n 'format email': 'Email',\n 'format formula': 'Formula',\n 'format hostname': 'Hostname',\n 'format integer': 'Integer',\n 'format json': 'JSON',\n 'format latlng': 'LatLng',\n 'format markdown': 'Markdown',\n 'format percent': 'Percent',\n 'format ref': 'Reference',\n 'format regex': 'RegExp',\n 'format string': 'String',\n 'format text': 'Long text',\n 'format time': 'Time',\n 'format timestamp': 'Timestamp',\n 'format user': 'User',\n 'format number': 'Number',\n 'format uri': 'URI',\n 'format uuid': 'UUID',\n\n // Placeholders\n 'placeholder latitude': 'Latitude',\n 'placeholder longitude': 'Longitude',\n },\n },\n },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\nexport type DeprecatedFormInputProps = {\n label: string;\n description?: JSX.Element;\n secondary?: JSX.Element;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Still used in ObservabilitySettings and all settings.\nexport const DeprecatedFormInput = ({\n label,\n description,\n secondary,\n children,\n}: PropsWithChildren<DeprecatedFormInputProps>) => {\n const primary = (\n <div role='none' className='flex w-full gap-4 py-1'>\n <Input.Root>\n <div role='none' className='flex flex-col w-full'>\n {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n {description && (\n <Input.DescriptionAndValidation classNames='mbs-0.5'>\n <Input.Description>{description}</Input.Description>\n </Input.DescriptionAndValidation>\n )}\n </div>\n\n <div role='none'>\n <div role='none' className='flex min-h-[40px] items-center'>\n {children}\n </div>\n </div>\n </Input.Root>\n </div>\n );\n\n if (secondary) {\n // console.log(secondary);\n return (\n <div role='none' className='flex flex-col w-full'>\n {primary}\n {secondary}\n </div>\n );\n }\n\n return primary;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { type SchemaResolver } from '@dxos/echo-db';\nimport { FormatEnum, FormatEnums, formatToType, type MutableSchema } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\nimport { useTranslation } from '@dxos/react-ui';\nimport {\n getFormatSchema,\n getSchemaProperties,\n sortProperties,\n type FieldType,\n type PropertyType,\n type ViewType,\n type ViewProjection,\n} from '@dxos/schema';\n\nimport { translationKey } from '../../translations';\nimport { Form, type FormProps, SelectInput } from '../Form';\n\nexport type FieldEditorProps = {\n view: ViewType;\n projection: ViewProjection;\n field: FieldType;\n registry?: SchemaResolver;\n onClose: () => void;\n onCancel?: () => void;\n};\n\n/**\n * Displays a Form representing the metadata for a given `Field` and `View`.\n */\nexport const FieldEditor = ({ view, projection, field, registry, onClose, onCancel }: FieldEditorProps) => {\n const { t } = useTranslation(translationKey);\n const [props, setProps] = useState<PropertyType>(projection.getFieldProjection(field.id).props);\n useEffect(() => setProps(projection.getFieldProjection(field.id).props), [field, projection]);\n\n const [schemas, setSchemas] = useState<MutableSchema[]>([]);\n useEffect(() => {\n if (!registry) {\n return;\n }\n\n const subscription = registry.subscribe(setSchemas);\n const t = setTimeout(async () => {\n const schemas = await registry.query();\n setSchemas(schemas);\n });\n return () => {\n clearTimeout(t);\n subscription?.();\n };\n }, [registry]);\n\n const [schema, setSchema] = useState<MutableSchema>();\n useEffect(() => {\n setSchema(schemas.find((schema) => schema.typename === props?.referenceSchema));\n }, [schemas, props?.referenceSchema]);\n\n // TODO(burdon): Need to wrap otherwise throws error:\n // Class constructor SchemaClass cannot be invoked without 'new'.\n const [{ fieldSchema }, setFieldSchema] = useState({ fieldSchema: getFormatSchema(props?.format) });\n const handleValuesChanged = useCallback<NonNullable<FormProps<PropertyType>['onValuesChanged']>>(\n (_props) => {\n // Update schema if format changed.\n // TODO(burdon): Callback should pass `changed` to indicate which fields have changed.\n if (_props.format !== props.format) {\n setFieldSchema({ fieldSchema: getFormatSchema(_props.format) });\n }\n if (_props.referenceSchema !== props.referenceSchema) {\n setSchema(schemas.find((schema) => schema.typename === _props.referenceSchema));\n }\n\n setProps((props) => {\n const type = formatToType[_props.format as keyof typeof formatToType];\n if (props.type !== type) {\n return { ...props, ..._props, type };\n }\n\n return props;\n });\n },\n [schemas, props],\n );\n\n const handleValidate = useCallback<NonNullable<FormProps<PropertyType>['onValidate']>>(\n ({ property }) => {\n if (property && view.fields.find((f) => f.path === property && f.path !== field.path)) {\n return [\n {\n path: 'property',\n message: `property is not unique: '${property}'`,\n },\n ];\n }\n },\n [view.fields, field],\n );\n\n const handleSubmit = useCallback<NonNullable<FormProps<PropertyType>['onSubmit']>>(\n (props) => {\n projection.setFieldProjection({ field, props });\n onClose();\n },\n [projection, field, onClose],\n );\n\n const handleCancel = useCallback<NonNullable<FormProps<PropertyType>['onCancel']>>(() => {\n // Need to defer to allow form to close.\n requestAnimationFrame(() => onCancel?.());\n onClose();\n }, [onClose]);\n\n if (!fieldSchema) {\n log.warn('invalid format', { props });\n return null;\n }\n\n return (\n <Form<PropertyType>\n key={field.id}\n autoFocus\n values={props}\n schema={fieldSchema}\n filter={(props) => props.filter((p) => p.name !== 'type')}\n sort={['property', 'format']}\n onValuesChanged={handleValuesChanged}\n onValidate={handleValidate}\n onSubmit={handleSubmit}\n onCancel={handleCancel}\n Custom={{\n ['format' satisfies keyof PropertyType]: (props) => (\n <SelectInput<PropertyType>\n {...props}\n options={FormatEnums.filter((value) => value !== FormatEnum.None).map((value) => ({\n value,\n label: t(`format ${value}`),\n }))}\n />\n ),\n ['referenceSchema' satisfies keyof PropertyType]: (props) => (\n <SelectInput<PropertyType>\n {...props}\n options={schemas.map((schema) => ({\n value: schema.typename,\n }))}\n />\n ),\n ['referencePath' satisfies keyof PropertyType]: (props) => (\n <SelectInput<PropertyType>\n {...props}\n options={\n schema\n ? getSchemaProperties(schema.schema.ast)\n .sort(sortProperties)\n .map((p) => ({ value: p.name }))\n : []\n }\n />\n ),\n }}\n />\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { pipe } from 'effect';\nimport { capitalize } from 'effect/String';\nimport React, { useEffect, useMemo } from 'react';\n\nimport { AST, type BaseObject, S, type PropertyKey } from '@dxos/echo-schema';\nimport { findNode, getDiscriminatedType, isDiscriminatedUnion } from '@dxos/effect';\nimport { log } from '@dxos/log';\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\nimport { getSchemaProperties, type SchemaProperty } from '@dxos/schema';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { SelectInput } from './Defaults';\nimport { type InputComponent } from './Input';\nimport { getInputComponent } from './factory';\nimport { type FormOptions, useForm } from '../../hooks';\nimport { translationKey } from '../../translations';\n\n// TODO(burdon): Rename package react-ui-form; delete react-ui-card.\n\nconst padding = 'px-2';\n\nexport type PropsFilter<T extends BaseObject> = (props: SchemaProperty<T>[]) => SchemaProperty<T>[];\n\nexport type FormProps<T extends BaseObject> = ThemedClassName<\n {\n values: T;\n /** Path to the current object from the root. Used with nested forms. */\n path?: string[];\n\n // TODO(burdon): Autofocus first input.\n autoFocus?: boolean;\n readonly?: boolean;\n // TODO(burdon): Change to JsonPath includes/excludes.\n filter?: PropsFilter<T>;\n sort?: PropertyKey<T>[];\n autoSave?: boolean;\n onCancel?: () => void;\n\n /**\n * Map of custom renderers for specific properties.\n */\n Custom?: Partial<Record<string, InputComponent<T>>>;\n } & Pick<FormOptions<T>, 'schema' | 'onValuesChanged' | 'onValidate' | 'onSubmit'>\n>;\n\n/**\n * General purpose form component that displays field controls based on the given schema.\n */\nexport const Form = <T extends BaseObject>({\n classNames,\n schema,\n values: initialValues,\n path = [],\n readonly,\n filter,\n sort,\n autoSave,\n onValuesChanged,\n onValidate,\n onSubmit,\n onCancel,\n Custom,\n}: FormProps<T>) => {\n const { t } = useTranslation(translationKey);\n const onValid = useMemo(() => (autoSave ? onSubmit : undefined), [autoSave, onSubmit]);\n const { canSubmit, values, errors, handleSubmit, ...inputProps } = useForm<T>({\n schema,\n initialValues,\n onValuesChanged,\n onValidate,\n onValid,\n onSubmit,\n });\n\n // Filter and sort props.\n // TODO(burdon): Move into useForm?\n const properties = useMemo(() => {\n const props = getSchemaProperties<T>(schema.ast, values);\n const filtered = filter ? filter(props) : props;\n const findIndex = (props: PropertyKey<T>[], prop: PropertyKey<T>) => {\n const idx = props.findIndex((p) => p === prop);\n return idx === -1 ? Infinity : idx;\n };\n\n return sort ? filtered.sort(({ name: a }, { name: b }) => findIndex(sort, a) - findIndex(sort, b)) : filtered;\n }, [schema, filter, values]);\n\n // TODO(burdon): Highlight in UX.\n useEffect(() => {\n if (errors && Object.keys(errors).length) {\n log.warn('validation', { errors });\n }\n }, [errors]);\n\n return (\n <div role='form' className={mx('flex flex-col w-full gap-2 py-2', classNames)}>\n {properties\n .map((property) => {\n const { ast, name, type, format, title, description, examples, options } = property;\n const key = [...path, name];\n const label = pipe(title ?? name, capitalize);\n const placeholder = examples?.length ? `Example: \"${examples[0]}\"` : description;\n\n // Get generic input.\n let InputComponent = Custom?.[key.join('.')];\n if (!InputComponent) {\n // Select.\n if (options) {\n return (\n <div key={name} role='none' className={padding}>\n <SelectInput\n type={type}\n format={format}\n property={name}\n disabled={readonly}\n label={label}\n options={options.map((option) => ({ value: option, label: String(option) }))}\n placeholder={placeholder}\n {...inputProps}\n />\n </div>\n );\n }\n\n InputComponent = getInputComponent<T>(type, format);\n }\n\n if (!InputComponent) {\n // Recursively render form.\n if (type === 'object') {\n const baseNode = findNode(ast, isDiscriminatedUnion);\n const typeLiteral = baseNode\n ? getDiscriminatedType(baseNode, values[name] as any)\n : findNode(ast, AST.isTypeLiteral);\n\n if (typeLiteral) {\n const schema = S.make(typeLiteral);\n return (\n <div key={name} role='none'>\n <div className={padding}>{label}</div>\n <Form<any>\n schema={schema}\n path={key}\n values={values[name] ?? {}}\n onValuesChanged={(childValues) => {\n inputProps.onValueChange(name, 'object', childValues);\n }}\n Custom={Custom as any}\n />\n </div>\n );\n }\n }\n\n log('no renderer for property', { name, type });\n return null;\n }\n\n return (\n <div key={name} role='none' className={padding}>\n <InputComponent\n type={type}\n format={format}\n property={name}\n disabled={readonly}\n label={label}\n placeholder={placeholder}\n {...inputProps}\n />\n </div>\n );\n })\n .filter(isNotFalsy)}\n\n {(onCancel || onSubmit) && !autoSave && (\n <div role='none' className='flex justify-center'>\n <div role='none' className={mx(onCancel && !readonly && 'grid grid-cols-2 gap-2')}>\n {onCancel && !readonly && (\n <IconButton icon='ph--x--regular' label={t('button cancel')} onClick={onCancel} />\n )}\n {onSubmit && (\n <IconButton\n type='submit'\n disabled={!canSubmit}\n icon='ph--check--regular'\n label={t('button save')}\n onClick={handleSubmit}\n />\n )}\n </div>\n </div>\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type BaseObject } from '@dxos/echo-schema';\nimport { Input, Select } from '@dxos/react-ui';\n\nimport { type InputProps, InputHeader } from './Input';\n\nexport const TextInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n placeholder,\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n}: InputProps<T>) => {\n const { status, error } = getStatus?.(property);\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Input.TextInput\n disabled={disabled}\n placeholder={placeholder}\n value={getValue(property) ?? ''}\n onChange={(event) => onValueChange(property, type, event.target.value)}\n onBlur={onBlur}\n />\n </Input.Root>\n );\n};\n\nexport const NumberInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n placeholder,\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n}: InputProps<T>) => {\n const { status, error } = getStatus?.(property);\n\n // TODO(burdon): Only show stepper if bounded integer.\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Input.TextInput\n type='number'\n disabled={disabled}\n placeholder={placeholder}\n value={getValue(property) ?? 0}\n onChange={(event) => onValueChange(property, type, event.target.value)}\n onBlur={onBlur}\n />\n </Input.Root>\n );\n};\n\nexport const BooleanInput = <T extends BaseObject>({\n property,\n type,\n label,\n getStatus,\n getValue,\n onValueChange,\n}: InputProps<T>) => {\n const { status, error } = getStatus?.(property);\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Input.Switch\n checked={getValue<boolean>(property)}\n onCheckedChange={(value) => onValueChange(property, type, value)}\n />\n </Input.Root>\n );\n};\n\nexport type SelectInputOptions<T extends BaseObject> = InputProps<T> & {\n options?: Array<{ value: string | number; label?: string }>;\n};\n\nexport const SelectInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n placeholder,\n options,\n getStatus,\n getValue,\n onValueChange,\n}: SelectInputOptions<T>) => {\n const { status, error } = getStatus?.(property);\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Select.Root value={getValue(property)} onValueChange={(value) => onValueChange(property, type, value)}>\n {/* TODO(burdon): Placeholder not working? */}\n <Select.TriggerButton classNames='is-full' disabled={disabled} placeholder={placeholder} />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {options?.map(({ value, label }) => (\n // NOTE: Numeric values are converted to and from strings.\n <Select.Option key={String(value)} value={String(value)}>\n {label ?? String(value)}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </Input.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { type BaseObject, type FormatEnum, type PropertyKey } from '@dxos/echo-schema';\nimport { type SimpleType } from '@dxos/effect';\nimport { Icon, Tooltip } from '@dxos/react-ui';\nimport { errorText } from '@dxos/react-ui-theme';\n\nimport { type FormHandler } from '../../hooks';\n\n/**\n * Props passed to input components.\n */\nexport type InputProps<T extends BaseObject> = {\n property: PropertyKey<T>;\n type: SimpleType;\n format?: FormatEnum;\n label: string;\n disabled?: boolean;\n placeholder?: string;\n} & Pick<FormHandler<T>, 'getStatus' | 'getValue' | 'onValueChange' | 'onBlur'>;\n\n/**\n * Form input component.\n */\nexport type InputComponent<T extends BaseObject> = FC<InputProps<T>>;\n\nexport type InputHeaderProps = PropsWithChildren<{\n error?: string;\n}>;\n\nexport const InputHeader = ({ children, error }: InputHeaderProps) => {\n return (\n <div role='none' className='flex justify-between items-center mb-1'>\n {children}\n {error && (\n <Tooltip.Root>\n <Tooltip.Trigger asChild>\n <Icon icon='ph--warning--regular' size={4} classNames={errorText} />\n </Tooltip.Trigger>\n <Tooltip.Content side='bottom'>\n <Tooltip.Arrow />\n {error}\n </Tooltip.Content>\n </Tooltip.Root>\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type BaseObject, FormatEnum } from '@dxos/echo-schema';\nimport { type SimpleType } from '@dxos/effect';\n\nimport { GeiPointInput } from './Custom';\nimport { BooleanInput, NumberInput, TextInput } from './Defaults';\nimport { type InputComponent } from './Input';\n\n/**\n * Get property input component.\n */\nexport const getInputComponent = <T extends BaseObject>(\n type: SimpleType,\n format?: FormatEnum,\n): InputComponent<T> | undefined => {\n switch (format) {\n case FormatEnum.LatLng:\n return GeiPointInput;\n }\n\n switch (type) {\n case 'string':\n return TextInput;\n case 'number':\n return NumberInput;\n case 'boolean':\n return BooleanInput;\n }\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type BaseObject, type GeoPoint } from '@dxos/echo-schema';\nimport { Input, useTranslation } from '@dxos/react-ui';\n\nimport { InputHeader, type InputProps } from './Input';\nimport { translationKey } from '../../translations';\n\n//\n// Custom format components.\n//\n\nexport const GeiPointInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n}: InputProps<T>) => {\n const { t } = useTranslation(translationKey);\n const { status, error } = getStatus?.(property);\n const [lng = 0, lat = 0] = getValue<GeoPoint>(property) ?? [];\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <div className='grid grid-cols-2 gap-2'>\n <Input.TextInput\n type='number'\n disabled={disabled}\n placeholder={t('placeholder longitude')}\n value={lng}\n onChange={(event) => onValueChange(property, type, [lat, safeParseFloat(event.target.value, 0)])}\n onBlur={onBlur}\n />\n <Input.TextInput\n type='number'\n disabled={disabled}\n placeholder={t('placeholder latitude')}\n value={lat}\n onChange={(event) => onValueChange(property, type, [safeParseFloat(event.target.value, 0), lng])}\n onBlur={onBlur}\n />\n </div>\n </Input.Root>\n );\n};\n\n// TODO(burdon): Factor out.\nconst safeParseFloat = (str: string, defaultValue?: number): number | undefined => {\n try {\n return parseFloat(str);\n } catch {\n return defaultValue ?? 0;\n }\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type FocusEvent, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { type BaseObject, type PropertyKey } from '@dxos/echo-schema';\nimport { type SimpleType, type S } from '@dxos/effect';\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { validateSchema, type ValidationError } from '@dxos/schema';\n\n/**\n * Return type from `useForm` hook.\n */\nexport type FormHandler<T extends BaseObject> = {\n //\n // Form state management.\n //\n\n values: T;\n errors: Record<PropertyKey<T>, string>;\n touched: Record<PropertyKey<T>, boolean>;\n changed: Record<PropertyKey<T>, boolean>;\n canSubmit: boolean;\n handleSubmit: () => void;\n\n //\n // Form input component helpers.\n //\n\n getStatus: (property: PropertyKey<T>) => { status?: 'error'; error?: string };\n getValue: <V>(property: PropertyKey<T>) => V;\n onValueChange: <V>(property: PropertyKey<T>, type: SimpleType, value: V) => void;\n onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n};\n\n/**\n * Hook options.\n */\nexport interface FormOptions<T extends BaseObject> {\n schema: S.Schema<T>;\n\n // TODO(burdon): Are these reactive?\n initialValues: T;\n\n /**\n * Callback for value changes. Note: This is called even when values are invalid.\n * Sometimes the parent component may want to know about changes even if the form is\n * in an invalid state.\n */\n onValuesChanged?: (values: T) => void;\n\n /**\n * Custom validation function that runs only after schema validation passes.\n * Use this for complex validation logic that can't be expressed in the schema.\n * @returns Array of validation errors, or undefined if validation passes\n */\n // TODO(burdon): Change to key x value.\n onValidate?: (values: T) => ValidationError[] | undefined;\n\n /**\n * Called when the form is valid.\n */\n onValid?: (values: T, meta: { changed: FormHandler<T>['changed'] }) => void;\n\n /**\n * Called when the form is submitted and passes validation.\n */\n onSubmit?: (values: T, meta: { changed: FormHandler<T>['changed'] }) => void;\n}\n\n/**\n * Creates a hook for managing form state, including values, validation, and submission.\n * Deeply integrated with `@dxos/schema` for schema-based validation.\n */\nexport const useForm = <T extends BaseObject>({\n schema,\n initialValues,\n onValuesChanged,\n onValidate,\n onValid,\n onSubmit,\n}: FormOptions<T>): FormHandler<T> => {\n const [values, setValues] = useState<T>(initialValues);\n useEffect(() => {\n setValues(initialValues);\n }, [initialValues]);\n\n const [touched, setTouched] = useState<Record<PropertyKey<T>, boolean>>(createKeySet(initialValues, false));\n const [changed, setChanged] = useState<Record<PropertyKey<T>, boolean>>(createKeySet(initialValues, false));\n const [errors, setErrors] = useState<Record<PropertyKey<T>, string>>({} as Record<PropertyKey<T>, string>);\n\n //\n // Validation.\n //\n\n // TODO(burdon): Validate each property separately.\n const validate = useCallback(\n (values: T) => {\n let errors: ValidationError[] = validateSchema(schema, values) ?? [];\n if (errors.length === 0 && onValidate) {\n errors = onValidate(values) ?? [];\n }\n\n setErrors(flatMap(errors));\n return errors.length === 0;\n },\n [schema, onValidate],\n );\n\n // Validate on schema change.\n const [schemaDirty, setSchemaDirty] = useState(false);\n useEffect(() => setSchemaDirty(true), [schema]);\n useEffect(() => {\n if (schemaDirty) {\n validate(values);\n setSchemaDirty(false);\n }\n }, [values, schemaDirty]);\n\n /**\n * NOTE: We can submit if there is no touched field that has an error.\n * Basically, if there's a validation message visible in the form, submit should be disabled.\n */\n const canSubmit = useMemo(\n () =>\n Object.keys(values).every(\n (property) => touched[property as PropertyKey<T>] === false || !errors[property as PropertyKey<T>],\n ),\n [values, touched, errors],\n );\n\n const handleSubmit = useCallback(() => {\n if (validate(values)) {\n onSubmit?.(values, { changed });\n }\n }, [values, validate, onSubmit]);\n\n //\n // Fields.\n //\n\n const getStatus = useCallback<FormHandler<T>['getStatus']>(\n (property: PropertyKey<T>) => ({\n status: errors[property] ? 'error' : undefined,\n error: errors[property] ? errors[property] : undefined,\n }),\n [touched, errors],\n );\n\n // TODO(burdon): Use path to extract hierarchical value.\n const getValue = <V>(property: PropertyKey<T>): V => {\n return values[property] as V;\n };\n\n // TODO(burdon): Use path to set hierarchical value.\n const onValueChange = (property: PropertyKey<T>, type: SimpleType, value: any) => {\n let parsedValue = value;\n try {\n if (type === 'number') {\n parsedValue = parseFloat(value as string) || 0;\n }\n } catch (err) {\n log.catch(err);\n parsedValue = undefined;\n }\n\n const newValues = { ...values, [property]: parsedValue };\n setValues(newValues);\n setChanged((prev) => ({ ...prev, [property]: true }));\n onValuesChanged?.(newValues);\n\n const isValid = validate(newValues);\n if (isValid && onValid) {\n onValid(newValues, { changed });\n }\n };\n\n // TODO(burdon): This is a leaky abstraction: the hook ideally shouldn't get involved in UX.\n const onBlur = useCallback(\n (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n const { name } = event.target;\n setTouched((touched) => ({ ...touched, [name]: true }));\n\n // TODO(Zan): This should be configurable behavior.\n if (event.relatedTarget?.getAttribute('type') === 'submit') {\n // NOTE: We do this here instead of onSubmit because the blur event is triggered before the submit event\n // and results in the submit button being disabled when the form is invalid.\n setTouched(createKeySet(values, true));\n }\n\n validate(values);\n },\n [validate, values],\n );\n\n return {\n // State.\n values,\n errors,\n touched,\n changed,\n canSubmit,\n handleSubmit,\n\n // Field utils.\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n } satisfies FormHandler<T>;\n};\n\nconst createKeySet = <T extends BaseObject, V>(obj: T, value: V): Record<PropertyKey<T>, V> => {\n invariant(obj);\n return Object.keys(obj).reduce((acc, key) => ({ ...acc, [key]: value }), {} as Record<PropertyKey<T>, V>);\n};\n\nconst flatMap = <T extends BaseObject>(errors: ValidationError[]) => {\n return errors.reduce(\n (result, { path, message }) => {\n if (!(path in result)) {\n result[path as PropertyKey<T>] = message;\n }\n return result;\n },\n {} as Record<PropertyKey<T>, string>,\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type SchemaResolver } from '@dxos/echo-db';\nimport { AST, Format, type MutableSchema, S } from '@dxos/echo-schema';\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, inputTextLabel, mx } from '@dxos/react-ui-theme';\nimport { FieldSchema, type FieldType, type ViewType, ViewProjection, VIEW_FIELD_LIMIT } from '@dxos/schema';\nimport { arrayMove } from '@dxos/util';\n\nimport { translationKey } from '../../translations';\nimport { FieldEditor } from '../FieldEditor';\nimport { Form } from '../Form';\n\nconst grid = 'grid grid-cols-[32px_1fr_32px] min-bs-[2.5rem]';\n\nconst ViewMetaSchema = S.Struct({\n name: S.String.annotations({\n [AST.TitleAnnotationId]: 'View',\n }),\n type: Format.DXN.annotations({\n [AST.TitleAnnotationId]: 'Typename',\n }),\n}).pipe(S.mutable);\n\ntype ViewMetaType = S.Schema.Type<typeof ViewMetaSchema>;\n\nexport type ViewEditorProps = ThemedClassName<{\n schema: MutableSchema;\n view: ViewType;\n registry?: SchemaResolver;\n readonly?: boolean;\n showHeading?: boolean;\n onDelete: (fieldId: string) => void;\n}>;\n\n/**\n * Schema-based object form.\n */\nexport const ViewEditor = ({\n classNames,\n schema,\n view,\n registry,\n readonly,\n showHeading = false,\n onDelete,\n}: ViewEditorProps) => {\n const { t } = useTranslation(translationKey);\n const projection = useMemo(() => new ViewProjection(schema, view), [schema, view]);\n const [field, setField] = useState<FieldType>();\n\n // TODO(burdon): Should be reactive.\n const viewValues = useMemo(() => {\n return {\n name: view.name,\n // TODO(burdon): Need to warn user of possible consequences of editing.\n // TODO(burdon): Settings should have domain name owned by user.\n type: view.query.type,\n };\n }, [view]);\n\n const handleViewUpdate = useCallback(\n ({ name, type }: ViewMetaType) => {\n requestAnimationFrame(() => {\n view.name = name;\n view.query.type = type;\n schema.updateTypename(type);\n });\n },\n [view, schema],\n );\n\n const handleSelect = useCallback((field: FieldType) => {\n setField((f) => (f === field ? undefined : field));\n }, []);\n\n const handleAdd = useCallback(() => {\n const field = projection.createFieldProjection();\n setField(field);\n }, [view]);\n\n const handleMove = useCallback(\n (fromIndex: number, toIndex: number) => {\n arrayMove(view.fields, fromIndex, toIndex);\n },\n [view.fields],\n );\n\n const handleClose = useCallback(() => setField(undefined), []);\n\n return (\n <div role='none' className={mx('flex flex-col w-full divide-y divide-separator', classNames)}>\n <Form<ViewMetaType> autoFocus autoSave schema={ViewMetaSchema} values={viewValues} onSubmit={handleViewUpdate} />\n\n <div>\n {/* TODO(burdon): Clean up common form ux. */}\n <div role='none' className='p-2'>\n <label className={mx(inputTextLabel)}>{t('fields label')}</label>\n </div>\n\n <List.Root<FieldType>\n items={view.fields}\n isItem={S.is(FieldSchema)}\n getId={(field) => field.id}\n onMove={handleMove}\n >\n {({ items: fields }) => (\n <>\n {showHeading && (\n <div role='heading' className={grid}>\n <div />\n <div className='flex items-center text-sm'>{t('field path label')}</div>\n </div>\n )}\n\n <div role='list' className='flex flex-col w-full'>\n {fields?.map((field) => (\n <List.Item<FieldType> key={field.id} item={field} classNames={mx(grid, ghostHover, 'cursor-pointer')}>\n <List.ItemDragHandle />\n <List.ItemTitle onClick={() => handleSelect(field)}>{field.path}</List.ItemTitle>\n <List.ItemDeleteButton disabled={view.fields.length <= 1} onClick={() => onDelete(field.id)} />\n </List.Item>\n ))}\n </div>\n </>\n )}\n </List.Root>\n </div>\n\n {field && (\n <FieldEditor\n key={field.id}\n view={view}\n projection={projection}\n field={field}\n registry={registry}\n onClose={handleClose}\n />\n )}\n {!readonly && !field && (\n <div className='flex p-2 justify-center'>\n <IconButton\n icon='ph--plus--regular'\n label={t('button add property')}\n onClick={handleAdd}\n // TODO(burdon): Show field limit in ux (not tooltip).\n disabled={view.fields.length >= VIEW_FIELD_LIMIT}\n />\n </div>\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FormatEnum, TypeEnum } from '@dxos/echo-schema';\nimport { type ValidationError } from '@dxos/schema';\n\n/**\n * Parse value by field value type.\n * Used by Table, Sheet, etc.\n * Handles various data types including booleans, numbers, dates, and strings.\n * Returns undefined for empty or null inputs.\n */\nexport type ParseProps = {\n type?: TypeEnum;\n format?: FormatEnum;\n value: any;\n};\n\nexport const parseValue = ({ type, format, value }: ParseProps) => {\n if (value === undefined || value === null || value === '') {\n return undefined;\n }\n\n const parseScalar = (type?: TypeEnum) => {\n switch (type) {\n case TypeEnum.Boolean: {\n if (typeof value === 'string') {\n const lowercaseValue = value.toLowerCase();\n if (lowercaseValue === '0' || lowercaseValue === 'false') {\n return false;\n } else if (lowercaseValue === '1' || lowercaseValue === 'true') {\n return true;\n }\n }\n return Boolean(value);\n }\n\n case TypeEnum.Number: {\n const cleaned = typeof value === 'string' ? value.replace(/[^0-9.-]+/g, '') : value;\n const num = Number(cleaned);\n return Number.isNaN(num) ? null : num;\n }\n\n case TypeEnum.String:\n case TypeEnum.Ref:\n return String(value);\n\n default: {\n return value;\n }\n }\n };\n\n if (!format) {\n return parseScalar(type);\n }\n\n switch (format) {\n case FormatEnum.Boolean:\n return parseScalar(TypeEnum.Boolean);\n\n case FormatEnum.Number:\n case FormatEnum.Percent:\n case FormatEnum.Currency:\n return parseScalar(TypeEnum.Number);\n\n case FormatEnum.String:\n case FormatEnum.Markdown: {\n return parseScalar(TypeEnum.String);\n }\n\n case FormatEnum.Ref:\n throw new Error(`unexpected format: ${FormatEnum.Ref}`);\n\n case FormatEnum.DateTime:\n case FormatEnum.Date:\n case FormatEnum.Time:\n case FormatEnum.Timestamp: {\n const date = new Date(value as string | number);\n return isNaN(date.getTime()) ? null : date;\n }\n\n default: {\n return value;\n }\n }\n};\n\n// TODO(burdon): Type and format.\nexport type CellClassesForFieldTypeProps = {\n type?: TypeEnum;\n format?: FormatEnum;\n};\n\nexport const cellClassesForFieldType = ({ type, format }: CellClassesForFieldTypeProps): string[] | undefined => {\n if (!format) {\n switch (type) {\n case TypeEnum.Number:\n return ['text-right', 'font-mono'];\n case TypeEnum.Boolean:\n return ['text-right', 'font-mono'];\n case TypeEnum.String:\n return undefined;\n case TypeEnum.Ref:\n return undefined;\n\n default: {\n return undefined;\n }\n }\n }\n\n switch (format) {\n case FormatEnum.Markdown:\n return undefined;\n case FormatEnum.Timestamp:\n case FormatEnum.DateTime:\n case FormatEnum.Date:\n case FormatEnum.Time:\n return ['font-mono'];\n case FormatEnum.Currency:\n return ['text-right'];\n case FormatEnum.JSON:\n return ['font-mono'];\n default:\n return undefined;\n }\n};\n\nexport const cellClassesForRowSelection = (selected: boolean) => (selected ? ['!bg-gridCellSelected'] : undefined);\n\n// TODO(ZaymonFC): How to do this with translations?\nexport const pathNotUniqueError = (path: string): ValidationError => ({\n path: 'path',\n message: `'${path}' is already present`,\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FormatEnum, TypeEnum } from '@dxos/echo-schema';\n\ntype ValueFormatProps = {\n type: TypeEnum;\n format?: FormatEnum | undefined;\n value: any;\n locale?: string | undefined;\n};\n\n/**\n * Format value by type.\n * Used by Table, Sheet, etc.\n */\n// TODO(burdon): Move to react-ui-form.\n// TODO(burdon): Formatting is different from kind format (e.g., percent is not a data format).\nexport const formatForDisplay = ({ type, format, value, locale = undefined }: ValueFormatProps): string => {\n const formatScalar = (type: TypeEnum) => {\n switch (type) {\n case TypeEnum.Boolean:\n return (value as boolean).toLocaleString().toUpperCase();\n case TypeEnum.Number:\n return value.toLocaleString(locale);\n case TypeEnum.String:\n case TypeEnum.Ref:\n return String(value);\n\n default: {\n return String(value);\n }\n }\n };\n\n if (!format) {\n return formatScalar(type);\n }\n\n switch (format) {\n case FormatEnum.Boolean: {\n return formatScalar(TypeEnum.Boolean);\n }\n case FormatEnum.Number: {\n return formatScalar(TypeEnum.Number);\n }\n case FormatEnum.String:\n case FormatEnum.Ref: {\n return formatScalar(TypeEnum.String);\n }\n case FormatEnum.Percent: {\n return `${(value as number) * 100}%`;\n }\n case FormatEnum.Currency: {\n // TODO(burdon): Get from property annotation.\n return (value as number).toLocaleString(locale, {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n });\n }\n case FormatEnum.DateTime:\n case FormatEnum.Date:\n case FormatEnum.Time: {\n const date = new Date(value as number);\n if (format === FormatEnum.DateTime) {\n return date.toLocaleString(locale);\n } else if (format === FormatEnum.Date) {\n return date.toLocaleDateString(locale);\n } else {\n return date.toLocaleTimeString(locale);\n }\n }\n default: {\n if (value === null || value === 'undefined') {\n return '';\n }\n return String(value);\n }\n }\n};\n\nexport const formatForEditing = ({ type, format, value, locale = undefined }: ValueFormatProps): string => {\n const formatScalar = (type: TypeEnum) => {\n switch (type) {\n case TypeEnum.Boolean:\n case TypeEnum.Number:\n case TypeEnum.String:\n case TypeEnum.Ref:\n return String(value);\n\n default:\n return String(value);\n }\n };\n\n if (!format) {\n return formatScalar(type);\n }\n\n switch (format) {\n case FormatEnum.Boolean:\n case FormatEnum.Number:\n case FormatEnum.String:\n case FormatEnum.Ref: {\n return formatScalar(type);\n }\n case FormatEnum.Percent: {\n return String(value * 100);\n }\n case FormatEnum.Currency: {\n return String(value);\n }\n case FormatEnum.DateTime: {\n const date = new Date(value as number);\n return date.toISOString();\n }\n case FormatEnum.Date: {\n const date = new Date(value as number);\n return date.toISOString().split('T')[0];\n }\n case FormatEnum.Time: {\n const date = new Date(value as number);\n return date.toISOString().split('T')[1].split('.')[0];\n }\n default: {\n return String(value);\n }\n }\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["translationKey", "React", "Input", "DeprecatedFormInput", "label", "description", "secondary", "children", "primary", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "React", "useCallback", "useEffect", "useState", "FormatEnum", "FormatEnums", "formatToType", "log", "useTranslation", "getFormatSchema", "getSchemaProperties", "sortProperties", "pipe", "capitalize", "React", "useEffect", "useMemo", "AST", "S", "findNode", "getDiscriminatedType", "isDiscriminatedUnion", "log", "IconButton", "useTranslation", "mx", "getSchemaProperties", "isNotFalsy", "React", "Input", "Select", "React", "Icon", "Tooltip", "errorText", "InputHeader", "children", "error", "React", "div", "role", "className", "Tooltip", "Root", "Trigger", "asChild", "Icon", "icon", "size", "classNames", "errorText", "Content", "side", "Arrow", "TextInput", "property", "type", "label", "disabled", "placeholder", "getStatus", "getValue", "onValueChange", "onBlur", "status", "error", "React", "Input", "Root", "validationValence", "InputHeader", "Label", "value", "onChange", "event", "target", "NumberInput", "BooleanInput", "Switch", "checked", "onCheckedChange", "SelectInput", "options", "Select", "TriggerButton", "classNames", "Portal", "Content", "Viewport", "map", "Option", "key", "String", "FormatEnum", "React", "Input", "useTranslation", "GeiPointInput", "property", "type", "label", "disabled", "getStatus", "getValue", "onValueChange", "onBlur", "t", "useTranslation", "translationKey", "status", "error", "lng", "lat", "React", "Input", "Root", "validationValence", "InputHeader", "Label", "div", "className", "TextInput", "placeholder", "value", "onChange", "event", "safeParseFloat", "target", "str", "defaultValue", "parseFloat", "getInputComponent", "type", "format", "FormatEnum", "LatLng", "GeiPointInput", "TextInput", "NumberInput", "BooleanInput", "useCallback", "useEffect", "useMemo", "useState", "invariant", "log", "validateSchema", "useForm", "schema", "initialValues", "onValuesChanged", "onValidate", "onValid", "
|
|
4
|
+
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'react-ui-form';\n\nexport default [\n {\n 'en-US': {\n [translationKey]: {\n 'fields label': 'Fields',\n\n // TODO(burdon): Standardize field/property.\n 'button add property': 'Add property',\n 'field property label': 'Property',\n 'field property placeholder': 'Property name',\n 'field format label': 'Type',\n 'field path label': 'Field path',\n 'add field': 'Add field',\n 'delete field': 'Delete field',\n 'field limit reached': 'Maximum number of fields reached',\n\n // TODO(burdon): Factor out?\n 'button cancel': 'Cancel',\n 'button save': 'Save',\n\n // FormatEnum\n 'format boolean': 'Boolean',\n 'format currency': 'Currency',\n 'format date': 'Date',\n 'format date-time': 'DateTime',\n 'format did': 'DID',\n 'format duration': 'Duration',\n 'format email': 'Email',\n 'format formula': 'Formula',\n 'format hostname': 'Hostname',\n 'format integer': 'Integer',\n 'format json': 'JSON',\n 'format latlng': 'LatLng',\n 'format markdown': 'Markdown',\n 'format percent': 'Percent',\n 'format ref': 'Reference',\n 'format regex': 'RegExp',\n 'format string': 'String',\n 'format text': 'Long text',\n 'format time': 'Time',\n 'format timestamp': 'Timestamp',\n 'format user': 'User',\n 'format number': 'Number',\n 'format uri': 'URI',\n 'format uuid': 'UUID',\n\n // Placeholders\n 'placeholder latitude': 'Latitude',\n 'placeholder longitude': 'Longitude',\n },\n },\n },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\nexport type DeprecatedFormInputProps = {\n label: string;\n description?: JSX.Element;\n secondary?: JSX.Element;\n};\n\n/**\n * @deprecated\n */\n// TODO(burdon): Still used in ObservabilitySettings and all settings.\nexport const DeprecatedFormInput = ({\n label,\n description,\n secondary,\n children,\n}: PropsWithChildren<DeprecatedFormInputProps>) => {\n const primary = (\n <div role='none' className='flex w-full gap-4 py-1'>\n <Input.Root>\n <div role='none' className='flex flex-col w-full'>\n {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n {description && (\n <Input.DescriptionAndValidation classNames='mbs-0.5'>\n <Input.Description>{description}</Input.Description>\n </Input.DescriptionAndValidation>\n )}\n </div>\n\n <div role='none'>\n <div role='none' className='flex min-h-[40px] items-center'>\n {children}\n </div>\n </div>\n </Input.Root>\n </div>\n );\n\n if (secondary) {\n // console.log(secondary);\n return (\n <div role='none' className='flex flex-col w-full'>\n {primary}\n {secondary}\n </div>\n );\n }\n\n return primary;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { type SchemaResolver } from '@dxos/echo-db';\nimport { FormatEnum, FormatEnums, formatToType, type MutableSchema } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\nimport { useTranslation } from '@dxos/react-ui';\nimport {\n getFormatSchema,\n getSchemaProperties,\n sortProperties,\n type FieldType,\n type PropertyType,\n type ViewType,\n type ViewProjection,\n} from '@dxos/schema';\n\nimport { translationKey } from '../../translations';\nimport { Form, type FormProps, SelectInput } from '../Form';\n\nexport type FieldEditorProps = {\n view: ViewType;\n projection: ViewProjection;\n field: FieldType;\n registry?: SchemaResolver;\n onSave: () => void;\n onCancel?: () => void;\n};\n\n/**\n * Displays a Form representing the metadata for a given `Field` and `View`.\n */\nexport const FieldEditor = ({ view, projection, field, registry, onSave, onCancel }: FieldEditorProps) => {\n const { t } = useTranslation(translationKey);\n const [props, setProps] = useState<PropertyType>(projection.getFieldProjection(field.id).props);\n useEffect(() => setProps(projection.getFieldProjection(field.id).props), [field, projection]);\n\n const [schemas, setSchemas] = useState<MutableSchema[]>([]);\n useEffect(() => {\n if (!registry) {\n return;\n }\n\n const subscription = registry.subscribe(setSchemas);\n const t = setTimeout(async () => {\n const schemas = await registry.query();\n setSchemas(schemas);\n });\n return () => {\n clearTimeout(t);\n subscription?.();\n };\n }, [registry]);\n\n const [schema, setSchema] = useState<MutableSchema>();\n useEffect(() => {\n setSchema(schemas.find((schema) => schema.typename === props?.referenceSchema));\n }, [schemas, props?.referenceSchema]);\n\n // TODO(burdon): Need to wrap otherwise throws error:\n // Class constructor SchemaClass cannot be invoked without 'new'.\n const [{ fieldSchema }, setFieldSchema] = useState({ fieldSchema: getFormatSchema(props?.format) });\n const handleValuesChanged = useCallback<NonNullable<FormProps<PropertyType>['onValuesChanged']>>(\n (_props) => {\n // Update schema if format changed.\n // TODO(burdon): Callback should pass `changed` to indicate which fields have changed.\n if (_props.format !== props.format) {\n setFieldSchema({ fieldSchema: getFormatSchema(_props.format) });\n }\n if (_props.referenceSchema !== props.referenceSchema) {\n setSchema(schemas.find((schema) => schema.typename === _props.referenceSchema));\n }\n\n setProps((props) => {\n const type = formatToType[_props.format as keyof typeof formatToType];\n if (props.type !== type) {\n return { ...props, ..._props, type };\n }\n\n return props;\n });\n },\n [schemas, props],\n );\n\n const handleValidate = useCallback<NonNullable<FormProps<PropertyType>['onValidate']>>(\n ({ property }) => {\n if (property && view.fields.find((f) => f.path === property && f.path !== field.path)) {\n return [\n {\n path: 'property',\n message: `property is not unique: '${property}'`,\n },\n ];\n }\n },\n [view.fields, field],\n );\n\n const handleSave = useCallback<NonNullable<FormProps<PropertyType>['onSave']>>(\n (props) => {\n projection.setFieldProjection({ field, props });\n onSave();\n },\n [projection, field, onSave],\n );\n\n const handleCancel = useCallback<NonNullable<FormProps<PropertyType>['onCancel']>>(() => {\n // Need to defer to allow form to close.\n requestAnimationFrame(() => onCancel?.());\n onSave();\n }, [onSave]);\n\n if (!fieldSchema) {\n log.warn('invalid format', { props });\n return null;\n }\n\n return (\n <Form<PropertyType>\n key={field.id}\n autoFocus\n values={props}\n schema={fieldSchema}\n filter={(props) => props.filter((p) => p.name !== 'type')}\n sort={['property', 'format']}\n onValuesChanged={handleValuesChanged}\n onValidate={handleValidate}\n onSave={handleSave}\n onCancel={handleCancel}\n Custom={{\n ['format' satisfies keyof PropertyType]: (props) => (\n <SelectInput<PropertyType>\n {...props}\n options={FormatEnums.filter((value) => value !== FormatEnum.None).map((value) => ({\n value,\n label: t(`format ${value}`),\n }))}\n />\n ),\n ['referenceSchema' satisfies keyof PropertyType]: (props) => (\n <SelectInput<PropertyType>\n {...props}\n options={schemas.map((schema) => ({\n value: schema.typename,\n }))}\n />\n ),\n ['referencePath' satisfies keyof PropertyType]: (props) => (\n <SelectInput<PropertyType>\n {...props}\n options={\n schema\n ? getSchemaProperties(schema.schema.ast)\n .sort(sortProperties)\n .map((p) => ({ value: p.name }))\n : []\n }\n />\n ),\n }}\n />\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { pipe } from 'effect';\nimport { capitalize } from 'effect/String';\nimport React, { useEffect, useMemo } from 'react';\n\nimport { AST, type BaseObject, S, type PropertyKey } from '@dxos/echo-schema';\nimport { findNode, getDiscriminatedType, isDiscriminatedUnion } from '@dxos/effect';\nimport { log } from '@dxos/log';\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\nimport { getSchemaProperties, type SchemaProperty } from '@dxos/schema';\nimport { isNotFalsy } from '@dxos/util';\n\nimport { SelectInput } from './Defaults';\nimport { type InputComponent } from './Input';\nimport { getInputComponent } from './factory';\nimport { type FormOptions, useForm } from '../../hooks';\nimport { translationKey } from '../../translations';\n\n// TODO(burdon): Rename package react-ui-form; delete react-ui-card.\n\nconst padding = 'px-2';\n\nexport type PropsFilter<T extends BaseObject> = (props: SchemaProperty<T>[]) => SchemaProperty<T>[];\n\nexport type FormProps<T extends BaseObject> = ThemedClassName<\n {\n // TODO(burdon): Partial<T>?\n values: T;\n\n /** Path to the current object from the root. Used with nested forms. */\n path?: string[];\n\n // TODO(burdon): Autofocus first input.\n autoFocus?: boolean;\n readonly?: boolean;\n // TODO(burdon): Change to JsonPath includes/excludes.\n filter?: PropsFilter<T>;\n sort?: PropertyKey<T>[];\n autoSave?: boolean;\n testId?: string;\n onCancel?: () => void;\n\n /**\n * Map of custom renderers for specific properties.\n */\n Custom?: Partial<Record<string, InputComponent<T>>>;\n } & Pick<FormOptions<T>, 'schema' | 'onValuesChanged' | 'onValidate' | 'onSave'>\n>;\n\n/**\n * General purpose form component that displays field controls based on the given schema.\n */\n// TODO(burdon): Area to show general validation errors.\nexport const Form = <T extends BaseObject>({\n classNames,\n schema,\n values: initialValues,\n path = [],\n readonly,\n filter,\n sort,\n autoSave,\n testId,\n onValuesChanged,\n onValidate,\n onSave,\n onCancel,\n Custom,\n}: FormProps<T>) => {\n const { t } = useTranslation(translationKey);\n const onValid = useMemo(() => (autoSave ? onSave : undefined), [autoSave, onSave]);\n const { canSave, values, errors, handleSave, ...inputProps } = useForm<T>({\n schema,\n initialValues,\n onValuesChanged,\n onValidate,\n onValid,\n onSave,\n });\n\n // Filter and sort props.\n // TODO(burdon): Move into useForm?\n const properties = useMemo(() => {\n const props = getSchemaProperties<T>(schema.ast, values);\n const filtered = filter ? filter(props) : props;\n const findIndex = (props: PropertyKey<T>[], prop: PropertyKey<T>) => {\n const idx = props.findIndex((p) => p === prop);\n return idx === -1 ? Infinity : idx;\n };\n\n return sort ? filtered.sort(({ name: a }, { name: b }) => findIndex(sort, a) - findIndex(sort, b)) : filtered;\n }, [schema, filter, values]);\n\n // TODO(burdon): Highlight in UX.\n useEffect(() => {\n if (errors && Object.keys(errors).length) {\n log.warn('validation', { errors });\n }\n }, [errors]);\n\n return (\n <div role='form' className={mx('flex flex-col w-full gap-2 py-2', classNames)} data-testid={testId}>\n {properties\n .map((property) => {\n const { ast, name, type, format, title, description, examples, options } = property;\n const key = [...path, name];\n const label = title ?? pipe(name, capitalize);\n const placeholder = examples?.length ? `Example: \"${examples[0]}\"` : description;\n\n // Get generic input.\n let InputComponent = Custom?.[key.join('.')];\n if (!InputComponent) {\n // Select.\n if (options) {\n return (\n <div key={name} role='none' className={padding}>\n <SelectInput\n type={type}\n format={format}\n property={name}\n disabled={readonly}\n label={label}\n options={options.map((option) => ({ value: option, label: String(option) }))}\n placeholder={placeholder}\n {...inputProps}\n />\n </div>\n );\n }\n\n InputComponent = getInputComponent<T>(type, format);\n }\n\n if (!InputComponent) {\n // Recursively render form.\n if (type === 'object') {\n const baseNode = findNode(ast, isDiscriminatedUnion);\n const typeLiteral = baseNode\n ? getDiscriminatedType(baseNode, values[name] as any)\n : findNode(ast, AST.isTypeLiteral);\n\n if (typeLiteral) {\n const schema = S.make(typeLiteral);\n return (\n <div key={name} role='none'>\n <div className={padding}>{label}</div>\n <Form<any>\n schema={schema}\n path={key}\n values={values[name] ?? {}}\n onValuesChanged={(childValues) => {\n inputProps.onValueChange(name, 'object', childValues);\n }}\n Custom={Custom as any}\n />\n </div>\n );\n }\n }\n\n log('no renderer for property', { name, type });\n return null;\n }\n\n return (\n <div key={name} role='none' className={padding}>\n <InputComponent\n type={type}\n format={format}\n property={name}\n disabled={readonly}\n label={label}\n placeholder={placeholder}\n {...inputProps}\n />\n </div>\n );\n })\n .filter(isNotFalsy)}\n\n {(onCancel || onSave) && !autoSave && (\n <div role='none' className='flex justify-center'>\n <div role='none' className={mx(onCancel && !readonly && 'grid grid-cols-2 gap-2')}>\n {onCancel && !readonly && (\n <IconButton\n data-testid='cancel-button'\n icon='ph--x--regular'\n label={t('button cancel')}\n onClick={onCancel}\n />\n )}\n {onSave && (\n <IconButton\n type='submit'\n data-testid='save-button'\n disabled={!canSave}\n icon='ph--check--regular'\n label={t('button save')}\n onClick={handleSave}\n />\n )}\n </div>\n </div>\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type BaseObject } from '@dxos/echo-schema';\nimport { Input, Select } from '@dxos/react-ui';\n\nimport { type InputProps, InputHeader } from './Input';\n\nexport const TextInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n placeholder,\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n}: InputProps<T>) => {\n const { status, error } = getStatus?.(property);\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Input.TextInput\n disabled={disabled}\n placeholder={placeholder}\n value={getValue(property) ?? ''}\n onChange={(event) => onValueChange(property, type, event.target.value)}\n onBlur={onBlur}\n />\n </Input.Root>\n );\n};\n\nexport const NumberInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n placeholder,\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n}: InputProps<T>) => {\n const { status, error } = getStatus?.(property);\n\n // TODO(burdon): Only show stepper if bounded integer.\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Input.TextInput\n type='number'\n disabled={disabled}\n placeholder={placeholder}\n value={getValue(property) ?? 0}\n onChange={(event) => onValueChange(property, type, event.target.value)}\n onBlur={onBlur}\n />\n </Input.Root>\n );\n};\n\nexport const BooleanInput = <T extends BaseObject>({\n property,\n type,\n label,\n getStatus,\n getValue,\n onValueChange,\n}: InputProps<T>) => {\n const { status, error } = getStatus?.(property);\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Input.Switch\n checked={getValue<boolean>(property)}\n onCheckedChange={(value) => onValueChange(property, type, value)}\n />\n </Input.Root>\n );\n};\n\nexport type SelectInputOptions<T extends BaseObject> = InputProps<T> & {\n options?: Array<{ value: string | number; label?: string }>;\n};\n\nexport const SelectInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n placeholder,\n options,\n getStatus,\n getValue,\n onValueChange,\n}: SelectInputOptions<T>) => {\n const { status, error } = getStatus?.(property);\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <Select.Root value={getValue(property)} onValueChange={(value) => onValueChange(property, type, value)}>\n {/* TODO(burdon): Placeholder not working? */}\n <Select.TriggerButton classNames='is-full' disabled={disabled} placeholder={placeholder} />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n {options?.map(({ value, label }) => (\n // NOTE: Numeric values are converted to and from strings.\n <Select.Option key={String(value)} value={String(value)}>\n {label ?? String(value)}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n </Input.Root>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type FC, type PropsWithChildren } from 'react';\n\nimport { type BaseObject, type FormatEnum, type PropertyKey } from '@dxos/echo-schema';\nimport { type SimpleType } from '@dxos/effect';\nimport { Icon, Tooltip } from '@dxos/react-ui';\nimport { errorText } from '@dxos/react-ui-theme';\n\nimport { type FormHandler } from '../../hooks';\n\n/**\n * Props passed to input components.\n */\nexport type InputProps<T extends BaseObject> = {\n property: PropertyKey<T>;\n type: SimpleType;\n format?: FormatEnum;\n label: string;\n disabled?: boolean;\n placeholder?: string;\n} & Pick<FormHandler<T>, 'getStatus' | 'getValue' | 'onValueChange' | 'onBlur'>;\n\n/**\n * Form input component.\n */\nexport type InputComponent<T extends BaseObject> = FC<InputProps<T>>;\n\nexport type InputHeaderProps = PropsWithChildren<{\n error?: string;\n}>;\n\nexport const InputHeader = ({ children, error }: InputHeaderProps) => {\n return (\n <div role='none' className='flex justify-between items-center mb-1'>\n {children}\n {error && (\n <Tooltip.Root>\n <Tooltip.Trigger asChild>\n <Icon icon='ph--warning--regular' size={4} classNames={errorText} />\n </Tooltip.Trigger>\n <Tooltip.Content side='bottom'>\n <Tooltip.Arrow />\n {error}\n </Tooltip.Content>\n </Tooltip.Root>\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type BaseObject, FormatEnum } from '@dxos/echo-schema';\nimport { type SimpleType } from '@dxos/effect';\n\nimport { GeiPointInput } from './Custom';\nimport { BooleanInput, NumberInput, TextInput } from './Defaults';\nimport { type InputComponent } from './Input';\n\n/**\n * Get property input component.\n */\nexport const getInputComponent = <T extends BaseObject>(\n type: SimpleType,\n format?: FormatEnum,\n): InputComponent<T> | undefined => {\n switch (format) {\n case FormatEnum.LatLng:\n return GeiPointInput;\n }\n\n switch (type) {\n case 'string':\n return TextInput;\n case 'number':\n return NumberInput;\n case 'boolean':\n return BooleanInput;\n }\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type BaseObject, type GeoPoint } from '@dxos/echo-schema';\nimport { Input, useTranslation } from '@dxos/react-ui';\n\nimport { InputHeader, type InputProps } from './Input';\nimport { translationKey } from '../../translations';\n\n//\n// Custom format components.\n//\n\nexport const GeiPointInput = <T extends BaseObject>({\n property,\n type,\n label,\n disabled,\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n}: InputProps<T>) => {\n const { t } = useTranslation(translationKey);\n const { status, error } = getStatus?.(property);\n const [lng = 0, lat = 0] = getValue<GeoPoint>(property) ?? [];\n\n return (\n <Input.Root validationValence={status}>\n <InputHeader error={error}>\n <Input.Label>{label}</Input.Label>\n </InputHeader>\n <div className='grid grid-cols-2 gap-2'>\n <Input.TextInput\n type='number'\n disabled={disabled}\n placeholder={t('placeholder longitude')}\n value={lng}\n onChange={(event) => onValueChange(property, type, [lat, safeParseFloat(event.target.value, 0)])}\n onBlur={onBlur}\n />\n <Input.TextInput\n type='number'\n disabled={disabled}\n placeholder={t('placeholder latitude')}\n value={lat}\n onChange={(event) => onValueChange(property, type, [safeParseFloat(event.target.value, 0), lng])}\n onBlur={onBlur}\n />\n </div>\n </Input.Root>\n );\n};\n\n// TODO(burdon): Factor out.\nconst safeParseFloat = (str: string, defaultValue?: number): number | undefined => {\n try {\n return parseFloat(str);\n } catch {\n return defaultValue ?? 0;\n }\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type FocusEvent, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { type BaseObject, type PropertyKey } from '@dxos/echo-schema';\nimport { type SimpleType, type S } from '@dxos/effect';\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { validateSchema, type ValidationError } from '@dxos/schema';\n\n/**\n * Return type from `useForm` hook.\n */\nexport type FormHandler<T extends BaseObject> = {\n //\n // Form state management.\n //\n\n values: T;\n errors: Record<PropertyKey<T>, string>;\n touched: Record<PropertyKey<T>, boolean>;\n changed: Record<PropertyKey<T>, boolean>;\n canSave: boolean;\n handleSave: () => void;\n\n //\n // Form input component helpers.\n //\n\n getStatus: (property: PropertyKey<T>) => { status?: 'error'; error?: string };\n getValue: <V>(property: PropertyKey<T>) => V;\n onValueChange: <V>(property: PropertyKey<T>, type: SimpleType, value: V) => void;\n onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n};\n\n/**\n * Hook options.\n */\nexport interface FormOptions<T extends BaseObject> {\n /**\n * Effect schema.\n */\n // TODO(burdon): Change to S.Struct<T>?\n schema: S.Schema<T>;\n\n /**\n * Initial values (which may not pass validation).\n */\n // TODO(burdon): Should be partial?\n initialValues: T;\n\n /**\n * Callback for value changes. Note: This is called even when values are invalid.\n * Sometimes the parent component may want to know about changes even if the form is\n * in an invalid state.\n */\n onValuesChanged?: (values: T) => void;\n\n /**\n * Custom validation function that runs only after schema validation passes.\n * Use this for complex validation logic that can't be expressed in the schema.\n * @returns Array of validation errors, or undefined if validation passes\n */\n // TODO(burdon): Change to key x value?\n onValidate?: (values: T) => ValidationError[] | undefined;\n\n /**\n * Called when the form is valid.\n */\n onValid?: (values: T, meta: { changed: FormHandler<T>['changed'] }) => void;\n\n /**\n * Called when the form is submitted and passes validation.\n */\n onSave?: (values: T, meta: { changed: FormHandler<T>['changed'] }) => void;\n}\n\n/**\n * Creates a hook for managing form state, including values, validation, and submission.\n * Deeply integrated with `@dxos/schema` for schema-based validation.\n */\nexport const useForm = <T extends BaseObject>({\n schema,\n initialValues,\n onValuesChanged,\n onValidate,\n onValid,\n onSave,\n}: FormOptions<T>): FormHandler<T> => {\n const [values, setValues] = useState<T>(initialValues);\n useEffect(() => {\n setValues(initialValues);\n }, [initialValues]);\n\n const [touched, setTouched] = useState<Record<PropertyKey<T>, boolean>>(createKeySet(initialValues, false));\n const [changed, setChanged] = useState<Record<PropertyKey<T>, boolean>>(createKeySet(initialValues, false));\n const [errors, setErrors] = useState<Record<PropertyKey<T>, string>>({} as Record<PropertyKey<T>, string>);\n\n //\n // Validation.\n //\n\n // TODO(burdon): Validate each property separately.\n const validate = useCallback(\n (values: T) => {\n let errors: ValidationError[] = validateSchema(schema, values) ?? [];\n if (errors.length === 0 && onValidate) {\n errors = onValidate(values) ?? [];\n }\n\n setErrors(flatMap(errors));\n return errors.length === 0;\n },\n [schema, onValidate],\n );\n\n // Validate on schema change.\n const [schemaDirty, setSchemaDirty] = useState(false);\n useEffect(() => setSchemaDirty(true), [schema]);\n useEffect(() => {\n if (schemaDirty) {\n validate(values);\n setSchemaDirty(false);\n }\n }, [values, schemaDirty]);\n\n /**\n * NOTE: We can submit if there is no touched field that has an error.\n * Basically, if there's a validation message visible in the form, submit should be disabled.\n */\n const canSave = useMemo(\n () =>\n Object.keys(values).every(\n (property) => touched[property as PropertyKey<T>] === false || !errors[property as PropertyKey<T>],\n ),\n [values, touched, errors],\n );\n\n const handleSave = useCallback(() => {\n if (validate(values)) {\n onSave?.(values, { changed });\n }\n }, [values, validate, onSave]);\n\n //\n // Fields.\n //\n\n const getStatus = useCallback<FormHandler<T>['getStatus']>(\n (property: PropertyKey<T>) => ({\n status: errors[property] ? 'error' : undefined,\n error: errors[property] ? errors[property] : undefined,\n }),\n [touched, errors],\n );\n\n // TODO(burdon): Use path to extract hierarchical value.\n const getValue = <V>(property: PropertyKey<T>): V => {\n return values[property] as V;\n };\n\n // TODO(burdon): Use path to set hierarchical value.\n const onValueChange = (property: PropertyKey<T>, type: SimpleType, value: any) => {\n let parsedValue = value;\n try {\n if (type === 'number') {\n parsedValue = parseFloat(value as string) || 0;\n }\n } catch (err) {\n log.catch(err);\n parsedValue = undefined;\n }\n\n const newValues = { ...values, [property]: parsedValue };\n setValues(newValues);\n setChanged((prev) => ({ ...prev, [property]: true }));\n onValuesChanged?.(newValues);\n\n const isValid = validate(newValues);\n if (isValid && onValid) {\n onValid(newValues, { changed });\n }\n };\n\n // TODO(burdon): This is a leaky abstraction: the hook ideally shouldn't get involved in UX.\n const onBlur = useCallback(\n (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n const { name } = event.target;\n setTouched((touched) => ({ ...touched, [name]: true }));\n\n // TODO(Zan): This should be configurable behavior.\n if (event.relatedTarget?.getAttribute('type') === 'submit') {\n // NOTE: We do this here instead of onSave because the blur event is triggered before the submit event\n // and results in the submit button being disabled when the form is invalid.\n setTouched(createKeySet(values, true));\n }\n\n validate(values);\n },\n [validate, values],\n );\n\n return {\n // State.\n values,\n errors,\n touched,\n changed,\n canSave,\n handleSave,\n\n // Field utils.\n getStatus,\n getValue,\n onValueChange,\n onBlur,\n } satisfies FormHandler<T>;\n};\n\nconst createKeySet = <T extends BaseObject, V>(obj: T, value: V): Record<PropertyKey<T>, V> => {\n invariant(obj);\n return Object.keys(obj).reduce((acc, key) => ({ ...acc, [key]: value }), {} as Record<PropertyKey<T>, V>);\n};\n\nconst flatMap = <T extends BaseObject>(errors: ValidationError[]) => {\n return errors.reduce(\n (result, { path, message }) => {\n if (!(path in result)) {\n result[path as PropertyKey<T>] = message;\n }\n return result;\n },\n {} as Record<PropertyKey<T>, string>,\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { type SchemaResolver } from '@dxos/echo-db';\nimport { AST, Format, type MutableSchema, S } from '@dxos/echo-schema';\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, inputTextLabel, mx } from '@dxos/react-ui-theme';\nimport { FieldSchema, type FieldType, type ViewType, ViewProjection, VIEW_FIELD_LIMIT } from '@dxos/schema';\nimport { arrayMove } from '@dxos/util';\n\nimport { translationKey } from '../../translations';\nimport { FieldEditor } from '../FieldEditor';\nimport { Form } from '../Form';\n\nconst grid = 'grid grid-cols-[32px_1fr_32px] min-bs-[2.5rem]';\n\nconst ViewMetaSchema = S.Struct({\n name: S.String.annotations({\n [AST.TitleAnnotationId]: 'View',\n }),\n typename: Format.DXN.annotations({\n [AST.TitleAnnotationId]: 'Typename',\n }),\n}).pipe(S.mutable);\n\ntype ViewMetaType = S.Schema.Type<typeof ViewMetaSchema>;\n\nexport type ViewEditorProps = ThemedClassName<{\n schema: MutableSchema;\n view: ViewType;\n registry?: SchemaResolver;\n readonly?: boolean;\n showHeading?: boolean;\n onDelete: (fieldId: string) => void;\n}>;\n\n/**\n * Schema-based object form.\n */\nexport const ViewEditor = ({\n classNames,\n schema,\n view,\n registry,\n readonly,\n showHeading = false,\n onDelete,\n}: ViewEditorProps) => {\n const { t } = useTranslation(translationKey);\n const projection = useMemo(() => new ViewProjection(schema, view), [schema, view]);\n const [field, setField] = useState<FieldType>();\n\n // TODO(burdon): Should be reactive.\n const viewValues = useMemo(() => {\n return {\n name: view.name,\n // TODO(burdon): Need to warn user of possible consequences of editing.\n // TODO(burdon): Settings should have domain name owned by user.\n typename: view.query.typename,\n };\n }, [view]);\n\n const handleViewUpdate = useCallback(\n ({ name, typename }: ViewMetaType) => {\n requestAnimationFrame(() => {\n view.name = name;\n view.query.typename = typename;\n schema.updateTypename(typename);\n });\n },\n [view, schema],\n );\n\n const handleSelect = useCallback((field: FieldType) => {\n setField((f) => (f === field ? undefined : field));\n }, []);\n\n const handleAdd = useCallback(() => {\n const field = projection.createFieldProjection();\n setField(field);\n }, [view]);\n\n const handleMove = useCallback(\n (fromIndex: number, toIndex: number) => {\n arrayMove(view.fields, fromIndex, toIndex);\n },\n [view.fields],\n );\n\n const handleClose = useCallback(() => setField(undefined), []);\n\n return (\n <div role='none' className={mx('flex flex-col w-full divide-y divide-separator', classNames)}>\n <Form<ViewMetaType> autoFocus autoSave schema={ViewMetaSchema} values={viewValues} onSave={handleViewUpdate} />\n\n <div>\n {/* TODO(burdon): Clean up common form ux. */}\n <div role='none' className='p-2'>\n <label className={mx(inputTextLabel)}>{t('fields label')}</label>\n </div>\n\n <List.Root<FieldType>\n items={view.fields}\n isItem={S.is(FieldSchema)}\n getId={(field) => field.id}\n onMove={handleMove}\n >\n {({ items: fields }) => (\n <>\n {showHeading && (\n <div role='heading' className={grid}>\n <div />\n <div className='flex items-center text-sm'>{t('field path label')}</div>\n </div>\n )}\n\n <div role='list' className='flex flex-col w-full'>\n {fields?.map((field) => (\n <List.Item<FieldType> key={field.id} item={field} classNames={mx(grid, ghostHover, 'cursor-pointer')}>\n <List.ItemDragHandle />\n <List.ItemTitle onClick={() => handleSelect(field)}>{field.path}</List.ItemTitle>\n <List.ItemDeleteButton disabled={view.fields.length <= 1} onClick={() => onDelete(field.id)} />\n </List.Item>\n ))}\n </div>\n </>\n )}\n </List.Root>\n </div>\n\n {field && (\n <FieldEditor\n key={field.id}\n view={view}\n projection={projection}\n field={field}\n registry={registry}\n onSave={handleClose}\n />\n )}\n\n {!readonly && !field && (\n <div className='flex p-2 justify-center'>\n <IconButton\n icon='ph--plus--regular'\n label={t('button add property')}\n onClick={handleAdd}\n // TODO(burdon): Show field limit in ux (not tooltip).\n disabled={view.fields.length >= VIEW_FIELD_LIMIT}\n />\n </div>\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FormatEnum, TypeEnum } from '@dxos/echo-schema';\nimport { type ValidationError } from '@dxos/schema';\n\n/**\n * Parse value by field value type.\n * Used by Table, Sheet, etc.\n * Handles various data types including booleans, numbers, dates, and strings.\n * Returns undefined for empty or null inputs.\n */\nexport type ParseProps = {\n type?: TypeEnum;\n format?: FormatEnum;\n value: any;\n};\n\nexport const parseValue = ({ type, format, value }: ParseProps) => {\n if (value === undefined || value === null || value === '') {\n return undefined;\n }\n\n const parseScalar = (type?: TypeEnum) => {\n switch (type) {\n case TypeEnum.Boolean: {\n if (typeof value === 'string') {\n const lowercaseValue = value.toLowerCase();\n if (lowercaseValue === '0' || lowercaseValue === 'false') {\n return false;\n } else if (lowercaseValue === '1' || lowercaseValue === 'true') {\n return true;\n }\n }\n return Boolean(value);\n }\n\n case TypeEnum.Number: {\n const cleaned = typeof value === 'string' ? value.replace(/[^0-9.-]+/g, '') : value;\n const num = Number(cleaned);\n return Number.isNaN(num) ? null : num;\n }\n\n case TypeEnum.String:\n case TypeEnum.Ref:\n return String(value);\n\n default: {\n return value;\n }\n }\n };\n\n if (!format) {\n return parseScalar(type);\n }\n\n switch (format) {\n case FormatEnum.Boolean:\n return parseScalar(TypeEnum.Boolean);\n\n case FormatEnum.Number:\n case FormatEnum.Percent:\n case FormatEnum.Currency:\n return parseScalar(TypeEnum.Number);\n\n case FormatEnum.String:\n case FormatEnum.Markdown: {\n return parseScalar(TypeEnum.String);\n }\n\n case FormatEnum.Ref:\n throw new Error(`unexpected format: ${FormatEnum.Ref}`);\n\n case FormatEnum.DateTime:\n case FormatEnum.Date:\n case FormatEnum.Time:\n case FormatEnum.Timestamp: {\n const date = new Date(value as string | number);\n return isNaN(date.getTime()) ? null : date;\n }\n\n default: {\n return value;\n }\n }\n};\n\n// TODO(burdon): Type and format.\nexport type CellClassesForFieldTypeProps = {\n type?: TypeEnum;\n format?: FormatEnum;\n};\n\nexport const cellClassesForFieldType = ({ type, format }: CellClassesForFieldTypeProps): string[] | undefined => {\n if (!format) {\n switch (type) {\n case TypeEnum.Number:\n return ['text-right', 'font-mono'];\n case TypeEnum.Boolean:\n return ['text-right', 'font-mono'];\n case TypeEnum.String:\n return undefined;\n case TypeEnum.Ref:\n return undefined;\n\n default: {\n return undefined;\n }\n }\n }\n\n switch (format) {\n case FormatEnum.Markdown:\n return undefined;\n case FormatEnum.Timestamp:\n case FormatEnum.DateTime:\n case FormatEnum.Date:\n case FormatEnum.Time:\n return ['font-mono'];\n case FormatEnum.Currency:\n return ['text-right'];\n case FormatEnum.JSON:\n return ['font-mono'];\n default:\n return undefined;\n }\n};\n\nexport const cellClassesForRowSelection = (selected: boolean) => (selected ? ['!bg-gridCellSelected'] : undefined);\n\n// TODO(ZaymonFC): How to do this with translations?\nexport const pathNotUniqueError = (path: string): ValidationError => ({\n path: 'path',\n message: `'${path}' is already present`,\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FormatEnum, TypeEnum } from '@dxos/echo-schema';\n\ntype ValueFormatProps = {\n type: TypeEnum;\n format?: FormatEnum | undefined;\n value: any;\n locale?: string | undefined;\n};\n\n/**\n * Format value by type.\n * Used by Table, Sheet, etc.\n */\n// TODO(burdon): Move to react-ui-form.\n// TODO(burdon): Formatting is different from kind format (e.g., percent is not a data format).\nexport const formatForDisplay = ({ type, format, value, locale = undefined }: ValueFormatProps): string => {\n const formatScalar = (type: TypeEnum) => {\n switch (type) {\n case TypeEnum.Boolean:\n return (value as boolean).toLocaleString().toUpperCase();\n case TypeEnum.Number:\n return value.toLocaleString(locale);\n case TypeEnum.String:\n case TypeEnum.Ref:\n return String(value);\n\n default: {\n return String(value);\n }\n }\n };\n\n if (!format) {\n return formatScalar(type);\n }\n\n switch (format) {\n case FormatEnum.Boolean: {\n return formatScalar(TypeEnum.Boolean);\n }\n case FormatEnum.Number: {\n return formatScalar(TypeEnum.Number);\n }\n case FormatEnum.String:\n case FormatEnum.Ref: {\n return formatScalar(TypeEnum.String);\n }\n case FormatEnum.Percent: {\n return `${(value as number) * 100}%`;\n }\n case FormatEnum.Currency: {\n // TODO(burdon): Get from property annotation.\n return (value as number).toLocaleString(locale, {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n });\n }\n case FormatEnum.DateTime:\n case FormatEnum.Date:\n case FormatEnum.Time: {\n const date = new Date(value as number);\n if (format === FormatEnum.DateTime) {\n return date.toLocaleString(locale);\n } else if (format === FormatEnum.Date) {\n return date.toLocaleDateString(locale);\n } else {\n return date.toLocaleTimeString(locale);\n }\n }\n default: {\n if (value === null || value === 'undefined') {\n return '';\n }\n return String(value);\n }\n }\n};\n\nexport const formatForEditing = ({ type, format, value, locale = undefined }: ValueFormatProps): string => {\n const formatScalar = (type: TypeEnum) => {\n switch (type) {\n case TypeEnum.Boolean:\n case TypeEnum.Number:\n case TypeEnum.String:\n case TypeEnum.Ref:\n return String(value);\n\n default:\n return String(value);\n }\n };\n\n if (!format) {\n return formatScalar(type);\n }\n\n switch (format) {\n case FormatEnum.Boolean:\n case FormatEnum.Number:\n case FormatEnum.String:\n case FormatEnum.Ref: {\n return formatScalar(type);\n }\n case FormatEnum.Percent: {\n return String(value * 100);\n }\n case FormatEnum.Currency: {\n return String(value);\n }\n case FormatEnum.DateTime: {\n const date = new Date(value as number);\n return date.toISOString();\n }\n case FormatEnum.Date: {\n const date = new Date(value as number);\n return date.toISOString().split('T')[0];\n }\n case FormatEnum.Time: {\n const date = new Date(value as number);\n return date.toISOString().split('T')[1].split('.')[0];\n }\n default: {\n return String(value);\n }\n }\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["translationKey", "React", "Input", "DeprecatedFormInput", "label", "description", "secondary", "children", "primary", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "React", "useCallback", "useEffect", "useState", "FormatEnum", "FormatEnums", "formatToType", "log", "useTranslation", "getFormatSchema", "getSchemaProperties", "sortProperties", "pipe", "capitalize", "React", "useEffect", "useMemo", "AST", "S", "findNode", "getDiscriminatedType", "isDiscriminatedUnion", "log", "IconButton", "useTranslation", "mx", "getSchemaProperties", "isNotFalsy", "React", "Input", "Select", "React", "Icon", "Tooltip", "errorText", "InputHeader", "children", "error", "React", "div", "role", "className", "Tooltip", "Root", "Trigger", "asChild", "Icon", "icon", "size", "classNames", "errorText", "Content", "side", "Arrow", "TextInput", "property", "type", "label", "disabled", "placeholder", "getStatus", "getValue", "onValueChange", "onBlur", "status", "error", "React", "Input", "Root", "validationValence", "InputHeader", "Label", "value", "onChange", "event", "target", "NumberInput", "BooleanInput", "Switch", "checked", "onCheckedChange", "SelectInput", "options", "Select", "TriggerButton", "classNames", "Portal", "Content", "Viewport", "map", "Option", "key", "String", "FormatEnum", "React", "Input", "useTranslation", "GeiPointInput", "property", "type", "label", "disabled", "getStatus", "getValue", "onValueChange", "onBlur", "t", "useTranslation", "translationKey", "status", "error", "lng", "lat", "React", "Input", "Root", "validationValence", "InputHeader", "Label", "div", "className", "TextInput", "placeholder", "value", "onChange", "event", "safeParseFloat", "target", "str", "defaultValue", "parseFloat", "getInputComponent", "type", "format", "FormatEnum", "LatLng", "GeiPointInput", "TextInput", "NumberInput", "BooleanInput", "useCallback", "useEffect", "useMemo", "useState", "invariant", "log", "validateSchema", "useForm", "schema", "initialValues", "onValuesChanged", "onValidate", "onValid", "onSave", "values", "setValues", "touched", "setTouched", "createKeySet", "changed", "setChanged", "errors", "setErrors", "validate", "length", "flatMap", "schemaDirty", "setSchemaDirty", "canSave", "Object", "keys", "every", "property", "handleSave", "getStatus", "status", "undefined", "error", "getValue", "onValueChange", "type", "value", "parsedValue", "parseFloat", "err", "catch", "newValues", "prev", "isValid", "onBlur", "event", "name", "target", "relatedTarget", "getAttribute", "obj", "reduce", "acc", "key", "result", "path", "message", "padding", "Form", "classNames", "schema", "values", "initialValues", "path", "readonly", "filter", "sort", "autoSave", "testId", "onValuesChanged", "onValidate", "onSave", "onCancel", "Custom", "t", "useTranslation", "translationKey", "onValid", "useMemo", "undefined", "canSave", "errors", "handleSave", "inputProps", "useForm", "properties", "props", "getSchemaProperties", "ast", "filtered", "findIndex", "prop", "idx", "p", "Infinity", "name", "a", "b", "useEffect", "Object", "keys", "length", "log", "warn", "React", "div", "role", "className", "mx", "data-testid", "map", "property", "type", "format", "title", "description", "examples", "options", "key", "label", "pipe", "capitalize", "placeholder", "InputComponent", "join", "SelectInput", "disabled", "option", "value", "String", "getInputComponent", "baseNode", "findNode", "isDiscriminatedUnion", "typeLiteral", "getDiscriminatedType", "AST", "isTypeLiteral", "S", "make", "childValues", "onValueChange", "isNotFalsy", "IconButton", "icon", "onClick", "FieldEditor", "view", "projection", "field", "registry", "onSave", "onCancel", "t", "useTranslation", "translationKey", "props", "setProps", "useState", "getFieldProjection", "id", "useEffect", "schemas", "setSchemas", "subscription", "subscribe", "setTimeout", "query", "clearTimeout", "schema", "setSchema", "find", "typename", "referenceSchema", "fieldSchema", "setFieldSchema", "getFormatSchema", "format", "handleValuesChanged", "useCallback", "_props", "type", "formatToType", "handleValidate", "property", "fields", "f", "path", "message", "handleSave", "setFieldProjection", "handleCancel", "requestAnimationFrame", "log", "warn", "React", "Form", "key", "autoFocus", "values", "filter", "p", "name", "sort", "onValuesChanged", "onValidate", "Custom", "SelectInput", "options", "FormatEnums", "value", "FormatEnum", "None", "map", "label", "getSchemaProperties", "ast", "sortProperties", "React", "useCallback", "useMemo", "useState", "AST", "Format", "S", "IconButton", "useTranslation", "List", "ghostHover", "inputTextLabel", "mx", "FieldSchema", "ViewProjection", "VIEW_FIELD_LIMIT", "arrayMove", "grid", "ViewMetaSchema", "S", "Struct", "name", "String", "annotations", "AST", "TitleAnnotationId", "typename", "Format", "DXN", "pipe", "mutable", "ViewEditor", "classNames", "schema", "view", "registry", "readonly", "showHeading", "onDelete", "t", "useTranslation", "translationKey", "projection", "useMemo", "ViewProjection", "field", "setField", "useState", "viewValues", "query", "handleViewUpdate", "useCallback", "requestAnimationFrame", "updateTypename", "handleSelect", "f", "undefined", "handleAdd", "createFieldProjection", "handleMove", "fromIndex", "toIndex", "arrayMove", "fields", "handleClose", "React", "div", "role", "className", "mx", "Form", "autoFocus", "autoSave", "values", "onSave", "label", "inputTextLabel", "List", "Root", "items", "isItem", "is", "FieldSchema", "getId", "id", "onMove", "map", "Item", "key", "item", "ghostHover", "ItemDragHandle", "ItemTitle", "onClick", "path", "ItemDeleteButton", "disabled", "length", "FieldEditor", "IconButton", "icon", "VIEW_FIELD_LIMIT", "FormatEnum", "TypeEnum", "parseValue", "type", "format", "value", "undefined", "parseScalar", "TypeEnum", "Boolean", "lowercaseValue", "toLowerCase", "Number", "cleaned", "replace", "num", "isNaN", "String", "Ref", "FormatEnum", "Percent", "Currency", "Markdown", "Error", "DateTime", "Date", "Time", "Timestamp", "date", "getTime", "cellClassesForFieldType", "JSON", "cellClassesForRowSelection", "selected", "pathNotUniqueError", "path", "message", "FormatEnum", "TypeEnum", "formatForDisplay", "type", "format", "value", "locale", "undefined", "formatScalar", "TypeEnum", "Boolean", "toLocaleString", "toUpperCase", "Number", "String", "Ref", "FormatEnum", "Percent", "Currency", "style", "currency", "minimumFractionDigits", "maximumFractionDigits", "DateTime", "Date", "Time", "date", "toLocaleDateString", "toLocaleTimeString", "formatForEditing", "toISOString", "split"]
|
|
7
7
|
}
|