@headless-adminapp/fluent 0.0.17-alpha.3 → 0.0.17-alpha.30

package/PageEntityForm/RelatedViewSelector.js

@@ -28,6 +28,7 @@ function getRelatedItems(currentSchema, schemas) {
         })
             .filter(Boolean)
             .map((item) => {
+            var _a, _b;
             if (!item) {
                 throw new Error('item is null');
             }
@@ -36,8 +37,8 @@ function getRelatedItems(currentSchema, schemas) {
                 logicalName: s.logicalName,
                 label: s.label,
                 localizedLabels: s.localizedLabels,
-                pluralLabel: s.pluralLabel,
-                localizedPluralLabels: s.localizedPluralLabels,
+                pluralLabel: (_a = item.attribute.relatedLabel) !== null && _a !== void 0 ? _a : s.pluralLabel,
+                localizedPluralLabels: (_b = item.attribute.localizedRelatedLabel) !== null && _b !== void 0 ? _b : s.localizedPluralLabels,
                 attributeName: item.key,
             };
         });
@@ -70,6 +71,7 @@ function RelatedViewSelector(props) {
                         outlineStyle: 'none',
                         textTransform: 'none',
                         columnGap: react_components_1.tokens.spacingHorizontalSNudge,
+                        color: react_components_1.tokens.colorNeutralForeground2,
                     }, children: [strings.related, (0, jsx_runtime_1.jsx)(icons_1.Icons.ChevronDown, { size: 16 })] }) }), (0, jsx_runtime_1.jsx)(react_components_1.MenuPopover, { children: (0, jsx_runtime_1.jsx)(react_components_1.MenuList, { children: data.map((item) => {
                         var _a, _b;
                         return ((0, jsx_runtime_1.jsx)(react_components_1.MenuItem, { onClick: () => props.onSelect(item), children: (_b = (_a = item.localizedPluralLabels) === null || _a === void 0 ? void 0 : _a[language]) !== null && _b !== void 0 ? _b : item.pluralLabel }, item.key));

package/PageEntityForm/SectionContainer.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionContainer = SectionContainer;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const builders_1 = require("@headless-adminapp/app/builders");
 const hooks_1 = require("@headless-adminapp/app/dataform/hooks");
 const locale_1 = require("@headless-adminapp/app/locale");
+const utils_1 = require("@headless-adminapp/app/locale/utils");
 const react_hook_form_1 = require("react-hook-form");
+const componentStore_1 = require("../componentStore");
 const SectionControl_1 = require("../DataForm/SectionControl");
 const layout_1 = require("../form/layout");
 const StandardControl_1 = require("./StandardControl");
@@ -16,11 +17,18 @@ function SectionContainer({ section }) {
     const recordId = (0, hooks_1.useRecordId)();
     const readonly = (0, hooks_1.useFormIsReadonly)();
     const { language } = (0, locale_1.useLocale)();
-    return ((0, jsx_runtime_1.jsx)(layout_1.FormSection, { title: (0, builders_1.localizedLabel)(language, section), columnCount: section.columnCount, labelPosition: section.labelPosition, noPadding: section.noPadding, hideLabel: section.hideLabel, children: section.controls.map((control, index) => {
+    return ((0, jsx_runtime_1.jsx)(layout_1.FormSection, { title: (0, utils_1.localizedLabel)(language, section), columnCount: section.columnCount, labelPosition: section.labelPosition, noPadding: section.noPadding, hideLabel: section.hideLabel, children: section.controls.map((control, index) => {
             var _a;
             switch (control.type) {
-                case 'standard':
+                case 'standard': {
                     const attribute = schema.attributes[control.attributeName];
+                    let Control = StandardControl_1.StandardControl;
+                    if (control.component) {
+                        const OverrideControl = componentStore_1.componentStore.getComponent(control.component);
+                        if (OverrideControl) {
+                            Control = OverrideControl;
+                        }
+                    }
                     return ((0, jsx_runtime_1.jsx)("div", { style: {
                             gridColumn: control.span
                                 ? `var(--section-item-span-${control.span})`
@@ -33,8 +41,14 @@ function SectionContainer({ section }) {
                                     ? (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message
                                     : '';
                                 const label = (_g = (_f = (_d = (_c = control.localizedLabels) === null || _c === void 0 ? void 0 : _c[language]) !== null && _d !== void 0 ? _d : (_e = attribute.localizedLabels) === null || _e === void 0 ? void 0 : _e[language]) !== null && _f !== void 0 ? _f : control.label) !== null && _g !== void 0 ? _g : attribute.label;
-                                return ((0, jsx_runtime_1.jsx)(SectionControl_1.SectionControlWrapper, { label: label, labelPosition: section.labelPosition, required: attribute.required, isError: isError, errorMessage: errorMessage, children: (0, jsx_runtime_1.jsx)(StandardControl_1.StandardControl, { attribute: attribute, name: control.attributeName, value: field.value, onChange: field.onChange, onBlur: field.onBlur, errorMessage: errorMessage, isError: isError, disabled: readonly, label: label, placeholder: label, allowNavigation: true, allowNewRecord: true }) }));
+                                return ((0, jsx_runtime_1.jsx)(SectionControl_1.SectionControlWrapper, { label: label, labelPosition: section.labelPosition, required: attribute.required, isError: isError, errorMessage: errorMessage, children: (0, jsx_runtime_1.jsx)(Control, { attribute: attribute, name: control.attributeName, value: field.value, onChange: field.onChange, onBlur: field.onBlur, errorMessage: errorMessage, isError: isError, disabled: readonly, label: label, placeholder: label, allowNavigation: true, allowNewRecord: true, fileServiceContext: {
+                                            type: 'entity-form',
+                                            recordId,
+                                            attributeName: control.attributeName,
+                                            logicalName: schema.logicalName,
+                                        } }) }));
                             } }, control.attributeName) }, control.attributeName));
+                }
                 case 'editablegrid': {
                     return null;
                 }

package/PageEntityForm/StandardControl.d.ts

@@ -1,6 +1,6 @@
 import type { Attribute } from '@headless-adminapp/core/attributes';
 import { FC } from 'react';
-interface StandardControlProps {
+export interface StandardControlProps {
     attribute: Attribute;
     label?: string;
     isError: boolean;
@@ -10,6 +10,7 @@ interface StandardControlProps {
     placeholder?: string;
     onChange: (value: any) => void;
     onBlur: () => void;
+    fileServiceContext?: Record<string, unknown>;
     disabled?: boolean;
     borderOnFocusOnly?: boolean;
     hideLabel?: boolean;
@@ -21,4 +22,3 @@ interface StandardControlProps {
     allowNewRecord?: boolean;
 }
 export declare const StandardControl: FC<StandardControlProps>;
-export {};

package/PageEntityForm/StandardControl.js

@@ -8,6 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const hooks_1 = require("@headless-adminapp/app/metadata/hooks");
 const transport_1 = require("@headless-adminapp/app/transport");
 const react_1 = require("react");
+const componentStore_1 = require("../componentStore");
+const AttachmentControl_1 = require("../form/controls/AttachmentControl");
+const AttachmentsControl_1 = require("../form/controls/AttachmentsControl");
 const CurrencyControl_1 = require("../form/controls/CurrencyControl");
 const DateControl_1 = require("../form/controls/DateControl");
 const DateRangeControl_1 = require("../form/controls/DateRangeControl");
@@ -17,22 +20,24 @@ const LookupControl_1 = require("../form/controls/LookupControl");
 const MultiSelectControl_1 = __importDefault(require("../form/controls/MultiSelectControl"));
 const MultiSelectLookupControl_1 = require("../form/controls/MultiSelectLookupControl");
 const NumberControl_1 = require("../form/controls/NumberControl");
+const RichTextControl_1 = require("../form/controls/RichTextControl");
 const SelectControl_1 = __importDefault(require("../form/controls/SelectControl"));
 const SwitchControl_1 = require("../form/controls/SwitchControl");
 const TelephoneControl_1 = require("../form/controls/TelephoneControl");
 const TextAreaControl_1 = require("../form/controls/TextAreaControl");
 const TextControl_1 = require("../form/controls/TextControl");
-const StandardControl = ({ attribute, label: _label, isError, 
-// errorMessage,
-name, value, onBlur, onChange, 
-// dataService,
-// fileService,
-disabled, borderOnFocusOnly, placeholder: _placeholder, 
-// hideLabel,
-hidePlaceholder, readOnly, 
-// quickViewControl,
-allowNavigation, allowNewRecord, }) => {
-    var _a;
+const StandardControl = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    const { attribute, label: _label, isError, 
+    // errorMessage,
+    name, value, onBlur, onChange, 
+    // dataService,
+    // fileService,
+    disabled, borderOnFocusOnly, placeholder: _placeholder, 
+    // hideLabel,
+    hidePlaceholder, readOnly, 
+    // quickViewControl,
+    allowNavigation, allowNewRecord, } = props;
     const isDisabled = attribute.readonly || disabled;
     // const label = hideLabel ? undefined : _label ?? attribute.label;
     const placeholder = hidePlaceholder
@@ -40,6 +45,7 @@ allowNavigation, allowNewRecord, }) => {
         : (_a = _placeholder !== null && _placeholder !== void 0 ? _placeholder : _label) !== null && _a !== void 0 ? _a : attribute.label;
     // const required = quickViewControl ? false : attribute.required;
     const dataService = (0, transport_1.useDataService)();
+    const fileService = (0, transport_1.useFileService)();
     const { schemaStore, experienceStore } = (0, hooks_1.useMetadata)();
     // const { openQuickCreate } = useQuickCreateForm();
     switch (attribute.type) {
@@ -55,21 +61,37 @@ allowNavigation, allowNewRecord, }) => {
                 readOnly,
             };
             switch (attribute.format) {
-                case 'text':
-                    return ((0, jsx_runtime_1.jsx)(TextControl_1.TextControl, Object.assign({}, controlProps, { textTransform: attribute.textTransform })));
-                case 'email':
-                    return (0, jsx_runtime_1.jsx)(EmailControl_1.EmailControl, Object.assign({}, controlProps));
-                case 'phone':
-                    return (0, jsx_runtime_1.jsx)(TelephoneControl_1.TelephoneControl, Object.assign({}, controlProps));
-                case 'url':
-                    return (0, jsx_runtime_1.jsx)(TextControl_1.TextControl, Object.assign({}, controlProps));
-                case 'textarea':
-                    return (0, jsx_runtime_1.jsx)(TextAreaControl_1.TextAreaControl, Object.assign({}, controlProps));
+                case 'text': {
+                    const Control = (_b = componentStore_1.componentStore.getComponent('Form.TextControl')) !== null && _b !== void 0 ? _b : TextControl_1.TextControl;
+                    return ((0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps, { textTransform: attribute.textTransform })));
+                }
+                case 'email': {
+                    const Control = (_c = componentStore_1.componentStore.getComponent('Form.EmailControl')) !== null && _c !== void 0 ? _c : EmailControl_1.EmailControl;
+                    return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
+                }
+                case 'phone': {
+                    const Control = (_d = componentStore_1.componentStore.getComponent('Form.TelephoneControl')) !== null && _d !== void 0 ? _d : TelephoneControl_1.TelephoneControl;
+                    return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
+                }
+                case 'url': {
+                    const Control = (_e = componentStore_1.componentStore.getComponent('Form.UrlControl')) !== null && _e !== void 0 ? _e : TextControl_1.TextControl;
+                    return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
+                }
+                case 'textarea': {
+                    const Control = (_f = componentStore_1.componentStore.getComponent('Form.TextAreaControl')) !== null && _f !== void 0 ? _f : TextAreaControl_1.TextAreaControl;
+                    return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
+                }
+                case 'richtext': {
+                    const Control = (_g = componentStore_1.componentStore.getComponent('Form.RichTextControl')) !== null && _g !== void 0 ? _g : RichTextControl_1.RichTextControl;
+                    return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
+                }
                 default:
                     return (0, jsx_runtime_1.jsx)(react_1.Fragment, {});
             }
-        case 'number':
-            return ((0, jsx_runtime_1.jsx)(NumberControl_1.NumberControl, { name: name, placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, readOnly: readOnly }));
+        case 'number': {
+            const Control = (_h = componentStore_1.componentStore.getComponent('Form.NumberControl')) !== null && _h !== void 0 ? _h : NumberControl_1.NumberControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, readOnly: readOnly }));
+        }
         case 'date': {
             const controlProps = {
                 name,
@@ -82,10 +104,12 @@ allowNavigation, allowNewRecord, }) => {
                 readOnly,
             };
             if (attribute.format === 'datetime') {
-                return (0, jsx_runtime_1.jsx)(DateTimeControl_1.DateTimeControl, Object.assign({}, controlProps));
+                const Control = (_j = componentStore_1.componentStore.getComponent('Form.DateTimeControl')) !== null && _j !== void 0 ? _j : DateTimeControl_1.DateTimeControl;
+                return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
             }
             else {
-                return (0, jsx_runtime_1.jsx)(DateControl_1.DateControl, Object.assign({}, controlProps));
+                const Control = (_k = componentStore_1.componentStore.getComponent('Form.DateControl')) !== null && _k !== void 0 ? _k : DateControl_1.DateControl;
+                return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
             }
         }
         case 'daterange': {
@@ -99,105 +123,40 @@ allowNavigation, allowNewRecord, }) => {
                 disabled: isDisabled,
                 readOnly,
             };
-            return (0, jsx_runtime_1.jsx)(DateRangeControl_1.DateRangeControl, Object.assign({}, controlProps));
+            const Control = (_l = componentStore_1.componentStore.getComponent('Form.DateRangeControl')) !== null && _l !== void 0 ? _l : DateRangeControl_1.DateRangeControl;
+            return (0, jsx_runtime_1.jsx)(Control, Object.assign({}, controlProps));
         }
         case 'money': {
-            return ((0, jsx_runtime_1.jsx)(CurrencyControl_1.CurrencyControl, { name: name, placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
+            const Control = (_m = componentStore_1.componentStore.getComponent('Form.CurrencyControl')) !== null && _m !== void 0 ? _m : CurrencyControl_1.CurrencyControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
         }
         case 'lookup': {
-            //   const experienceSchema = getExperienceSchema(attribute.entity);
-            //   const routes = getExperienceRoutes(attribute.entity);
-            //   const path = routes?.create?.();
-            //   let createButtonProps:
-            //     | {
-            //         label: string;
-            //         onClick: () => void;
-            //       }
-            //     | undefined;
-            //   if (allowQuickCreate && experienceSchema.defaultQuickCreateForm) {
-            //     createButtonProps = {
-            //       label: 'New record',
-            //       onClick: async () => {
-            //         try {
-            //           const result = await openQuickCreate({
-            //             logicalName: attribute.entity,
-            //           });
-            //           if (result) {
-            //             onChange(result);
-            //           }
-            //         } catch (error) {
-            //           console.error(error);
-            //         }
-            //       },
-            //     };
-            //   } else if (path) {
-            //     createButtonProps = {
-            //       label: 'New record',
-            //       onClick: () => {
-            //         router.push(path);
-            //       },
-            //     };
-            //   }
-            //   return (
-            //     <FormControl
-            //       type="lookup"
-            //       name={name}
-            //       label={label}
-            //       placeholder={placeholder}
-            //       required={required}
-            //       value={value}
-            //       onChange={onChange}
-            //       onBlur={onBlur}
-            //       error={isError}
-            //       helperText={errorMessage}
-            //       disabled={isDisabled}
-            //       borderOnFocusOnly={borderOnFocusOnly}
-            //       readOnly={readOnly}
-            //       createButton={createButtonProps}
-            //       openRecord={
-            //         routes?.edit
-            //           ? (id) => {
-            //               router.push(routes.edit!(id));
-            //             }
-            //           : undefined
-            //       }
-            //       async
-            //       dataResolver={async (options) => {
-            //         const lookupSchema = getSchema(attribute.entity);
-            //         const data = await dataService.retriveRecords({
-            //           logicalName: attribute.entity,
-            //           search: options?.search ?? '',
-            //           columnFilters: {},
-            //           pagination: {
-            //             pageIndex: 0,
-            //             rowsPerPage: 10,
-            //             sortBy: 'createdAt',
-            //             sortOrder: 'desc',
-            //           },
-            //           viewFilter: null,
-            //           columns: ['_id', lookupSchema.primaryAttribute ?? 'name'],
-            //           limit: options?.limit ?? 10,
-            //         });
-            //         return data.records.map((x: any) => ({
-            //           _id: x._id,
-            //           name: x[lookupSchema.primaryAttribute ?? 'name'],
-            //         }));
-            //       }}
-            //     />
-            //   );
-            return ((0, jsx_runtime_1.jsx)(LookupControl_1.LookupControl, { name: name, value: value, onChange: onChange, onBlur: onBlur, placeholder: placeholder, disabled: isDisabled, dataService: dataService, schema: schemaStore.getSchema(attribute.entity), experienceStore: experienceStore, allowNavigation: allowNavigation, allowNewRecord: allowNewRecord }));
+            const Control = (_o = componentStore_1.componentStore.getComponent('Form.LookupControl')) !== null && _o !== void 0 ? _o : LookupControl_1.LookupControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, value: value, onChange: onChange, onBlur: onBlur, placeholder: placeholder, disabled: isDisabled, dataService: dataService, schema: schemaStore.getSchema(attribute.entity), experienceStore: experienceStore, allowNavigation: allowNavigation, allowNewRecord: allowNewRecord }));
         }
         case 'lookups': {
-            return ((0, jsx_runtime_1.jsx)(MultiSelectLookupControl_1.MultiSelectLookupControl, { name: name, value: value, onChange: onChange, onBlur: onBlur, placeholder: placeholder, disabled: isDisabled, dataService: dataService, schema: schemaStore.getSchema(attribute.entity), experienceStore: experienceStore, allowNavigation: allowNavigation, allowNewRecord: allowNewRecord }));
+            const Control = (_p = componentStore_1.componentStore.getComponent('Form.MultiSelectLookupControl')) !== null && _p !== void 0 ? _p : MultiSelectLookupControl_1.MultiSelectLookupControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, value: value, onChange: onChange, onBlur: onBlur, placeholder: placeholder, disabled: isDisabled, dataService: dataService, schema: schemaStore.getSchema(attribute.entity), experienceStore: experienceStore, allowNavigation: allowNavigation, allowNewRecord: allowNewRecord }));
         }
         case 'boolean': {
-            return ((0, jsx_runtime_1.jsx)(SwitchControl_1.SwitchControl, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, readOnly: readOnly }));
+            const Control = (_q = componentStore_1.componentStore.getComponent('Form.SwitchControl')) !== null && _q !== void 0 ? _q : SwitchControl_1.SwitchControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, readOnly: readOnly }));
         }
         case 'choice': {
-            return ((0, jsx_runtime_1.jsx)(SelectControl_1.default, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, options: attribute.options, placeholder: placeholder, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
+            const Control = (_r = componentStore_1.componentStore.getComponent('Form.SelectControl')) !== null && _r !== void 0 ? _r : SelectControl_1.default;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, options: attribute.options, placeholder: placeholder, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
         }
         case 'choices': {
-            return ((0, jsx_runtime_1.jsx)(MultiSelectControl_1.default, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, options: attribute.options, placeholder: placeholder, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
+            const Control = (_s = componentStore_1.componentStore.getComponent('Form.MultiSelectControl')) !== null && _s !== void 0 ? _s : MultiSelectControl_1.default;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, options: attribute.options, placeholder: placeholder, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
+        }
+        case 'attachment': {
+            const Control = (_t = componentStore_1.componentStore.getComponent('Form.AttachmentControl')) !== null && _t !== void 0 ? _t : AttachmentControl_1.AttachmentControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { fileService: fileService, format: attribute.format, location: attribute.location, name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, placeholder: placeholder, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly, fileServiceContext: props.fileServiceContext }));
+        }
+        case 'attachments': {
+            const Control = (_u = componentStore_1.componentStore.getComponent('Form.AttachmentsControl')) !== null && _u !== void 0 ? _u : AttachmentsControl_1.AttachmentsControl;
+            return ((0, jsx_runtime_1.jsx)(Control, { name: name, value: value, onChange: onChange, onBlur: onBlur, error: isError, disabled: isDisabled, placeholder: placeholder, borderOnFocusOnly: borderOnFocusOnly, readOnly: readOnly }));
         }
         // case 'attachment': {
         //   return (
@@ -222,6 +181,10 @@ allowNavigation, allowNewRecord, }) => {
         //   );
         // }
     }
+    const FallBackControl = componentStore_1.componentStore.getComponent('StandardControl.FallBack');
+    if (FallBackControl) {
+        return (0, jsx_runtime_1.jsx)(FallBackControl, Object.assign({}, props));
+    }
     return (0, jsx_runtime_1.jsx)(react_1.Fragment, {});
 };
 exports.StandardControl = StandardControl;

package/PageEntityForm/SubgridControl.js

@@ -62,5 +62,5 @@ function SubgridControl(props) {
         }
         return brokenContent;
     }
-    return ((0, jsx_runtime_1.jsx)(DataGridProvider_1.DataGridProvider, { schema: schema, view: view, views: viewLookup, onChangeView: setViewId, commands: (props.associated ? subgridCommands : commands), isSubGrid: props.associated ? true : false, extraFilter: extraFilter, allowViewSelection: (_a = props.allowViewSelection) !== null && _a !== void 0 ? _a : false, children: (0, jsx_runtime_1.jsx)(FormSubgridContainer_1.FormSubgridContainer, {}) }));
+    return ((0, jsx_runtime_1.jsx)(DataGridProvider_1.DataGridProvider, { schema: schema, view: view, views: viewLookup, onChangeView: setViewId, commands: (props.associated ? subgridCommands : commands), isSubGrid: props.associated ? true : false, associated: props.associated, extraFilter: extraFilter, allowViewSelection: (_a = props.allowViewSelection) !== null && _a !== void 0 ? _a : false, children: (0, jsx_runtime_1.jsx)(FormSubgridContainer_1.FormSubgridContainer, {}) }));
 }

package/componentStore.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStore } from '@headless-adminapp/app/store';
+export declare const componentStore: ComponentStore;

package/componentStore.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentStore = void 0;
+const store_1 = require("@headless-adminapp/app/store");
+exports.componentStore = new store_1.ComponentStore();

package/components/PageLogin.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageLogin = PageLogin;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @next/next/no-img-element */
 const react_components_1 = require("@fluentui/react-components");
 const LoginForm_1 = require("./LoginForm");
 function PageLogin(props) {

package/form/FormControl.js

@@ -86,7 +86,7 @@ function randomUUID() {
     return Math.random().toString(36).substring(2, 15);
 }
 function FormControl(props) {
-    const { label, id, onChange, error, helperText, required } = props;
+    const { label, id, onChange } = props;
     const _id = (0, react_1.useMemo)(() => id || randomUUID(), [id]);
     const noop = (0, react_1.useCallback)(() => { }, []);
     return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(react_components_1.Label, { style: { width: 160, marginTop: 4 }, children: label }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flex: 1, flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(Control, Object.assign({ id: _id, onChange: onChange || noop }, props)) })] }));

package/form/controls/AttachmentControl.d.ts

@@ -0,0 +1,17 @@
+import { AttachmentAttribute, FileObject } from '@headless-adminapp/core/attributes/AttachmentAttribute';
+import { IFileService } from '@headless-adminapp/core/transport';
+import { FC } from 'react';
+import { ControlProps } from './types';
+export interface AttachmentImageControlProps extends ControlProps<FileObject> {
+    fileService: IFileService;
+    fileServiceContext?: Record<string, unknown>;
+    location: AttachmentAttribute['location'];
+}
+interface AttachmentControlProps extends ControlProps<FileObject> {
+    fileService: IFileService;
+    fileServiceContext?: Record<string, unknown>;
+    location: AttachmentAttribute['location'];
+    format: AttachmentAttribute['format'];
+}
+export declare const AttachmentControl: FC<AttachmentControlProps>;
+export {};