@dxos/react-ui-form 0.7.2 → 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
|
@@ -252,7 +252,7 @@ import { invariant } from "@dxos/invariant";
|
|
|
252
252
|
import { log } from "@dxos/log";
|
|
253
253
|
import { validateSchema } from "@dxos/schema";
|
|
254
254
|
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/hooks/useForm.ts";
|
|
255
|
-
var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid,
|
|
255
|
+
var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, onSave }) => {
|
|
256
256
|
const [values, setValues] = useState(initialValues);
|
|
257
257
|
useEffect(() => {
|
|
258
258
|
setValues(initialValues);
|
|
@@ -286,21 +286,21 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
286
286
|
values,
|
|
287
287
|
schemaDirty
|
|
288
288
|
]);
|
|
289
|
-
const
|
|
289
|
+
const canSave = useMemo(() => Object.keys(values).every((property) => touched[property] === false || !errors[property]), [
|
|
290
290
|
values,
|
|
291
291
|
touched,
|
|
292
292
|
errors
|
|
293
293
|
]);
|
|
294
|
-
const
|
|
294
|
+
const handleSave = useCallback(() => {
|
|
295
295
|
if (validate(values)) {
|
|
296
|
-
|
|
296
|
+
onSave?.(values, {
|
|
297
297
|
changed
|
|
298
298
|
});
|
|
299
299
|
}
|
|
300
300
|
}, [
|
|
301
301
|
values,
|
|
302
302
|
validate,
|
|
303
|
-
|
|
303
|
+
onSave
|
|
304
304
|
]);
|
|
305
305
|
const getStatus = useCallback((property) => ({
|
|
306
306
|
status: errors[property] ? "error" : void 0,
|
|
@@ -321,7 +321,7 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
321
321
|
} catch (err) {
|
|
322
322
|
log.catch(err, void 0, {
|
|
323
323
|
F: __dxlog_file,
|
|
324
|
-
L:
|
|
324
|
+
L: 172,
|
|
325
325
|
S: void 0,
|
|
326
326
|
C: (f, a) => f(...a)
|
|
327
327
|
});
|
|
@@ -364,8 +364,8 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
364
364
|
errors,
|
|
365
365
|
touched,
|
|
366
366
|
changed,
|
|
367
|
-
|
|
368
|
-
|
|
367
|
+
canSave,
|
|
368
|
+
handleSave,
|
|
369
369
|
// Field utils.
|
|
370
370
|
getStatus,
|
|
371
371
|
getValue,
|
|
@@ -376,7 +376,7 @@ var useForm = ({ schema, initialValues, onValuesChanged, onValidate, onValid, on
|
|
|
376
376
|
var createKeySet = (obj, value) => {
|
|
377
377
|
invariant(obj, void 0, {
|
|
378
378
|
F: __dxlog_file,
|
|
379
|
-
L:
|
|
379
|
+
L: 223,
|
|
380
380
|
S: void 0,
|
|
381
381
|
A: [
|
|
382
382
|
"obj",
|
|
@@ -400,19 +400,19 @@ var flatMap = (errors) => {
|
|
|
400
400
|
// packages/ui/react-ui-form/src/components/Form/Form.tsx
|
|
401
401
|
var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/Form/Form.tsx";
|
|
402
402
|
var padding = "px-2";
|
|
403
|
-
var Form = ({ classNames, schema, values: initialValues, path = [], readonly, filter, sort, autoSave, onValuesChanged, onValidate,
|
|
403
|
+
var Form = ({ classNames, schema, values: initialValues, path = [], readonly, filter, sort, autoSave, testId, onValuesChanged, onValidate, onSave, onCancel, Custom }) => {
|
|
404
404
|
const { t } = useTranslation2(translationKey);
|
|
405
|
-
const onValid = useMemo2(() => autoSave ?
|
|
405
|
+
const onValid = useMemo2(() => autoSave ? onSave : void 0, [
|
|
406
406
|
autoSave,
|
|
407
|
-
|
|
407
|
+
onSave
|
|
408
408
|
]);
|
|
409
|
-
const {
|
|
409
|
+
const { canSave, values, errors, handleSave, ...inputProps } = useForm({
|
|
410
410
|
schema,
|
|
411
411
|
initialValues,
|
|
412
412
|
onValuesChanged,
|
|
413
413
|
onValidate,
|
|
414
414
|
onValid,
|
|
415
|
-
|
|
415
|
+
onSave
|
|
416
416
|
});
|
|
417
417
|
const properties = useMemo2(() => {
|
|
418
418
|
const props = getSchemaProperties(schema.ast, values);
|
|
@@ -433,7 +433,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
433
433
|
errors
|
|
434
434
|
}, {
|
|
435
435
|
F: __dxlog_file2,
|
|
436
|
-
L:
|
|
436
|
+
L: 101,
|
|
437
437
|
S: void 0,
|
|
438
438
|
C: (f, a) => f(...a)
|
|
439
439
|
});
|
|
@@ -443,14 +443,15 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
443
443
|
]);
|
|
444
444
|
return /* @__PURE__ */ React5.createElement("div", {
|
|
445
445
|
role: "form",
|
|
446
|
-
className: mx("flex flex-col w-full gap-2 py-2", classNames)
|
|
446
|
+
className: mx("flex flex-col w-full gap-2 py-2", classNames),
|
|
447
|
+
"data-testid": testId
|
|
447
448
|
}, properties.map((property) => {
|
|
448
449
|
const { ast, name, type, format, title, description, examples, options } = property;
|
|
449
450
|
const key = [
|
|
450
451
|
...path,
|
|
451
452
|
name
|
|
452
453
|
];
|
|
453
|
-
const label =
|
|
454
|
+
const label = title ?? pipe(name, capitalize);
|
|
454
455
|
const placeholder = examples?.length ? `Example: "${examples[0]}"` : description;
|
|
455
456
|
let InputComponent = Custom?.[key.join(".")];
|
|
456
457
|
if (!InputComponent) {
|
|
@@ -502,7 +503,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
502
503
|
type
|
|
503
504
|
}, {
|
|
504
505
|
F: __dxlog_file2,
|
|
505
|
-
L:
|
|
506
|
+
L: 165,
|
|
506
507
|
S: void 0,
|
|
507
508
|
C: (f, a) => f(...a)
|
|
508
509
|
});
|
|
@@ -521,28 +522,30 @@ var Form = ({ classNames, schema, values: initialValues, path = [], readonly, fi
|
|
|
521
522
|
placeholder,
|
|
522
523
|
...inputProps
|
|
523
524
|
}));
|
|
524
|
-
}).filter(isNotFalsy), (onCancel ||
|
|
525
|
+
}).filter(isNotFalsy), (onCancel || onSave) && !autoSave && /* @__PURE__ */ React5.createElement("div", {
|
|
525
526
|
role: "none",
|
|
526
527
|
className: "flex justify-center"
|
|
527
528
|
}, /* @__PURE__ */ React5.createElement("div", {
|
|
528
529
|
role: "none",
|
|
529
530
|
className: mx(onCancel && !readonly && "grid grid-cols-2 gap-2")
|
|
530
531
|
}, onCancel && !readonly && /* @__PURE__ */ React5.createElement(IconButton, {
|
|
532
|
+
"data-testid": "cancel-button",
|
|
531
533
|
icon: "ph--x--regular",
|
|
532
534
|
label: t("button cancel"),
|
|
533
535
|
onClick: onCancel
|
|
534
|
-
}),
|
|
536
|
+
}), onSave && /* @__PURE__ */ React5.createElement(IconButton, {
|
|
535
537
|
type: "submit",
|
|
536
|
-
|
|
538
|
+
"data-testid": "save-button",
|
|
539
|
+
disabled: !canSave,
|
|
537
540
|
icon: "ph--check--regular",
|
|
538
541
|
label: t("button save"),
|
|
539
|
-
onClick:
|
|
542
|
+
onClick: handleSave
|
|
540
543
|
}))));
|
|
541
544
|
};
|
|
542
545
|
|
|
543
546
|
// packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx
|
|
544
547
|
var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/ui/react-ui-form/src/components/FieldEditor/FieldEditor.tsx";
|
|
545
|
-
var FieldEditor = ({ view, projection, field, registry,
|
|
548
|
+
var FieldEditor = ({ view, projection, field, registry, onSave, onCancel }) => {
|
|
546
549
|
const { t } = useTranslation3(translationKey);
|
|
547
550
|
const [props, setProps] = useState2(projection.getFieldProjection(field.id).props);
|
|
548
551
|
useEffect3(() => setProps(projection.getFieldProjection(field.id).props), [
|
|
@@ -613,22 +616,22 @@ var FieldEditor = ({ view, projection, field, registry, onClose, onCancel }) =>
|
|
|
613
616
|
view.fields,
|
|
614
617
|
field
|
|
615
618
|
]);
|
|
616
|
-
const
|
|
619
|
+
const handleSave = useCallback2((props2) => {
|
|
617
620
|
projection.setFieldProjection({
|
|
618
621
|
field,
|
|
619
622
|
props: props2
|
|
620
623
|
});
|
|
621
|
-
|
|
624
|
+
onSave();
|
|
622
625
|
}, [
|
|
623
626
|
projection,
|
|
624
627
|
field,
|
|
625
|
-
|
|
628
|
+
onSave
|
|
626
629
|
]);
|
|
627
630
|
const handleCancel = useCallback2(() => {
|
|
628
631
|
requestAnimationFrame(() => onCancel?.());
|
|
629
|
-
|
|
632
|
+
onSave();
|
|
630
633
|
}, [
|
|
631
|
-
|
|
634
|
+
onSave
|
|
632
635
|
]);
|
|
633
636
|
if (!fieldSchema) {
|
|
634
637
|
log3.warn("invalid format", {
|
|
@@ -653,7 +656,7 @@ var FieldEditor = ({ view, projection, field, registry, onClose, onCancel }) =>
|
|
|
653
656
|
],
|
|
654
657
|
onValuesChanged: handleValuesChanged,
|
|
655
658
|
onValidate: handleValidate,
|
|
656
|
-
|
|
659
|
+
onSave: handleSave,
|
|
657
660
|
onCancel: handleCancel,
|
|
658
661
|
Custom: {
|
|
659
662
|
["format"]: (props2) => /* @__PURE__ */ React6.createElement(SelectInput, {
|
|
@@ -692,7 +695,7 @@ var ViewMetaSchema = S2.Struct({
|
|
|
692
695
|
name: S2.String.annotations({
|
|
693
696
|
[AST2.TitleAnnotationId]: "View"
|
|
694
697
|
}),
|
|
695
|
-
|
|
698
|
+
typename: Format.DXN.annotations({
|
|
696
699
|
[AST2.TitleAnnotationId]: "Typename"
|
|
697
700
|
})
|
|
698
701
|
}).pipe(S2.mutable);
|
|
@@ -708,16 +711,16 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
708
711
|
name: view.name,
|
|
709
712
|
// TODO(burdon): Need to warn user of possible consequences of editing.
|
|
710
713
|
// TODO(burdon): Settings should have domain name owned by user.
|
|
711
|
-
|
|
714
|
+
typename: view.query.typename
|
|
712
715
|
};
|
|
713
716
|
}, [
|
|
714
717
|
view
|
|
715
718
|
]);
|
|
716
|
-
const handleViewUpdate = useCallback3(({ name,
|
|
719
|
+
const handleViewUpdate = useCallback3(({ name, typename }) => {
|
|
717
720
|
requestAnimationFrame(() => {
|
|
718
721
|
view.name = name;
|
|
719
|
-
view.query.
|
|
720
|
-
schema.updateTypename(
|
|
722
|
+
view.query.typename = typename;
|
|
723
|
+
schema.updateTypename(typename);
|
|
721
724
|
});
|
|
722
725
|
}, [
|
|
723
726
|
view,
|
|
@@ -746,7 +749,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
746
749
|
autoSave: true,
|
|
747
750
|
schema: ViewMetaSchema,
|
|
748
751
|
values: viewValues,
|
|
749
|
-
|
|
752
|
+
onSave: handleViewUpdate
|
|
750
753
|
}), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("div", {
|
|
751
754
|
role: "none",
|
|
752
755
|
className: "p-2"
|
|
@@ -780,7 +783,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
780
783
|
projection,
|
|
781
784
|
field,
|
|
782
785
|
registry,
|
|
783
|
-
|
|
786
|
+
onSave: handleClose
|
|
784
787
|
}), !readonly && !field && /* @__PURE__ */ React7.createElement("div", {
|
|
785
788
|
className: "flex p-2 justify-center"
|
|
786
789
|
}, /* @__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
|
}
|