@headless-adminapp/fluent 0.0.17-alpha.61 → 0.0.17-alpha.63

package/PageEntityForm/PageCustomEntityForm.d.ts

@@ -0,0 +1,11 @@
+import { EntityMainFormCommandItemExperience, Form } from '@headless-adminapp/core/experience/form';
+import { Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { FC } from 'react';
+interface PageCustomEntityFormProps<SA extends SchemaAttributes = SchemaAttributes> {
+    recordId?: string;
+    schema: Schema<SA>;
+    form: Form<SA>;
+    commands: EntityMainFormCommandItemExperience[][];
+}
+export declare const PageCustomEntityForm: FC<PageCustomEntityFormProps>;
+export {};

package/PageEntityForm/PageCustomEntityForm.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageCustomEntityForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const PageEntityFormProvider_1 = require("@headless-adminapp/app/providers/PageEntityFormProvider");
+const PageEntityFormDesktopContainer_1 = require("./PageEntityFormDesktopContainer");
+const PageCustomEntityForm = ({ recordId, commands, form, schema, }) => {
+    return ((0, jsx_runtime_1.jsx)(PageEntityFormProvider_1.PageEntityFormProvider, { schema: schema, form: form, recordId: recordId, commands: commands, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                flex: 1,
+                flexDirection: 'row',
+                backgroundColor: react_components_1.tokens.colorNeutralBackground2,
+                overflow: 'hidden',
+            }, children: (0, jsx_runtime_1.jsx)(PageEntityFormDesktopContainer_1.PageEntityFormDesktopContainer, {}) }) }));
+};
+exports.PageCustomEntityForm = PageCustomEntityForm;

package/PageEntityForm/RelatedViewSelector.js

@@ -72,12 +72,13 @@ function getRelatedItems(currentSchema, schemas, relatedItems) {
 }
 function RelatedViewSelector(props) {
     const schema = (0, hooks_1.useDataFormSchema)();
+    const recordId = (0, hooks_1.useRecordId)();
     const formConfig = (0, hooks_1.useSelectedForm)();
     const { schemas } = (0, hooks_2.useMetadata)();
     const strings = (0, PageEntityFormStringContext_1.usePageEntityFormStrings)();
     const { language } = (0, locale_1.useLocale)();
     const data = (0, react_1.useMemo)(() => getRelatedItems(schema, schemas, formConfig.experience.relatedItems), [formConfig.experience.relatedItems, schema, schemas]);
-    if (!data.length) {
+    if (!data.length || !recordId) {
         return null;
     }
     return ((0, jsx_runtime_1.jsxs)(react_components_1.Menu, { children: [(0, jsx_runtime_1.jsx)(react_components_1.MenuTrigger, { children: (0, jsx_runtime_1.jsxs)("button", { style: {

package/form/controls/CurrencyControl.js

@@ -45,7 +45,7 @@ readOnly, }) {
         setInternalValue(value);
         onChange?.(Number(value));
     };
-    return ((0, jsx_runtime_1.jsx)(react_components_1.Input, { placeholder: placeholder, id: id, autoFocus: autoFocus, name: name, value: internalValue, onChange: handleChange, onBlur: () => onBlur?.(), appearance: "filled-darker", onFocus: () => onFocus?.(), contentBefore: (0, jsx_runtime_1.jsx)("div", { children: symbol }), disabled: disabled, readOnly: readOnly, style: {
+    return ((0, jsx_runtime_1.jsx)(react_components_1.Input, { placeholder: placeholder, id: id, autoFocus: autoFocus, name: name, value: internalValue, onChange: handleChange, onBlur: () => onBlur?.(), appearance: "filled-darker", onFocus: () => onFocus?.(), contentBefore: (0, jsx_runtime_1.jsx)("div", { children: symbol }), readOnly: readOnly || disabled, style: {
             width: '100%',
         } }));
 }

package/form/controls/DecimalControl.js

@@ -46,7 +46,7 @@ function DecimalControl({ value, onChange, id, name, onBlur, onFocus, error, dis
         setInternalValue(value);
         onChange?.(Number(value));
     };
-    return ((0, jsx_runtime_1.jsx)(react_components_1.Input, { placeholder: placeholder, id: id, appearance: "filled-darker", name: name, value: internalValue, onChange: handleChange, onBlur: () => onBlur?.(), onFocus: () => onFocus?.(), disabled: disabled, readOnly: readOnly, style: {
+    return ((0, jsx_runtime_1.jsx)(react_components_1.Input, { placeholder: placeholder, id: id, appearance: "filled-darker", name: name, value: internalValue, onChange: handleChange, onBlur: () => onBlur?.(), onFocus: () => onFocus?.(), readOnly: readOnly || disabled, style: {
             width: '100%',
         } }));
 }

package/form/controls/IntegerControl.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable unused-imports/no-unused-vars */
 const react_components_1 = require("@fluentui/react-components");
 function IntegerControl({ value, onChange, id, name, onBlur, onFocus, error, disabled, placeholder, borderOnFocusOnly, readOnly, }) {
-    return ((0, jsx_runtime_1.jsx)(react_components_1.SpinButton, { appearance: "filled-darker", placeholder: placeholder, id: id, name: name, value: value ?? null, onChange: (e, data) => {
+    return ((0, jsx_runtime_1.jsx)(react_components_1.SpinButton, { appearance: "filled-darker", placeholder: placeholder, id: id, name: name, value: value ?? null, readOnly: readOnly || disabled, onChange: (e, data) => {
             if (data.value !== undefined) {
                 onChange?.(data.value);
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "0.0.17-alpha.61",
+  "version": "0.0.17-alpha.63",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -42,5 +42,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "a7c93843f02223313660e422a21db0c2eefb3296"
+  "gitHead": "dd0bf7cc124df353fa0b5f56a16d7286a48ee95a"
 }