@headless-adminapp/fluent 1.4.14 → 1.4.15

package/App/AppHeaderContianer.js

@@ -62,6 +62,7 @@ const NavActions = () => {
     const { language } = (0, locale_1.useLocale)();
     const initials = (0, react_1.useMemo)(() => {
         return authSession?.fullName
+            .toUpperCase()
             .split(' ')
             .map((item) => item[0])
             .slice(0, 2)

package/DataGrid/GridColumnHeader/TableHeaderFilterCell.js

@@ -68,6 +68,9 @@ const TableHeaderFilterCell = ({ children, sortDirection, onChangeSortDirection,
         return lookupSchema.attributes[column.expandedKey];
     }, [column.expandedKey, column.name, schemaStore, schema.attributes]);
     const align = (0, react_1.useMemo)(() => {
+        if (column.name === schema.primaryAttribute) {
+            return 'left';
+        }
         switch (attribute.type) {
             case 'money':
             case 'number':

package/PageEntityForm/RecordCard.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const locale_1 = require("@headless-adminapp/app/locale");
 const utils_1 = require("@headless-adminapp/app/utils");
+const react_1 = require("react");
 const ChoiceBadge_1 = require("../components/ChoiceBadge");
 const useStyles = (0, react_components_1.makeStyles)({
     root: {
@@ -37,7 +38,16 @@ function RecordCard({ schema, cardView, record, selected, }) {
     const styles = useStyles();
     const locale = (0, locale_1.useLocale)();
     const _record = record;
-    const recordTitle = _record[schema.primaryAttribute];
+    const recordTitle = (0, react_1.useMemo)(() => {
+        const _title = _record[schema.primaryAttribute];
+        if (_title === undefined || _title === null) {
+            return null;
+        }
+        if (typeof _title !== 'string') {
+            return String(_title);
+        }
+        return _title;
+    }, [_record, schema.primaryAttribute]);
     const initials = createIntial(recordTitle);
     let avatarSrc = '';
     if (cardView.showAvatar) {

package/form/controls/LookupControl.js

@@ -133,6 +133,8 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
                             }, children: (0, jsx_runtime_1.jsx)(icons_1.Icons.Close, { size: 16 }) }), primaryText: {
                             style: {
                                 paddingBottom: 0,
+                                textOverflow: 'ellipsis',
+                                overflow: 'hidden',
                             },
                         }, children: allowNavigation && path ? ((0, jsx_runtime_1.jsxs)(react_components_1.Link, { href: path, onClick: handleOpenRecord, style: {
                                 display: 'flex',

package/form/layout/FormBody/FormBody.js

@@ -17,10 +17,6 @@ const FormBody = ({ children }) => {
                 padding: react_components_1.tokens.spacingVerticalM,
             }, children: children }));
     }
-    return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', flex: 1 }, children: (0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, className: "FormBody_scrollview", rtl: direction === 'rtl', children: (0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    padding: react_components_1.tokens.spacingVerticalM,
-                }, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', flex: 1 }, children: (0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, className: "FormBody_scrollview", rtl: direction === 'rtl', children: children }) }));
 };
 exports.FormBody = FormBody;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.4.14",
+  "version": "1.4.15",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -21,12 +21,12 @@
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "@fluentui/react-calendar-compat": "^0.1.20",
-    "@fluentui/react-components": "^9.54.4",
-    "@fluentui/react-datepicker-compat": "^0.4.43",
-    "@fluentui/react-nav-preview": "^0.13.0",
-    "@fluentui/react-timepicker-compat": "^0.2.46",
-    "@tanstack/react-query": "^5.51.1"
+    "@fluentui/react-calendar-compat": "^0.3.7",
+    "@fluentui/react-components": "^9.68.3",
+    "@fluentui/react-datepicker-compat": "^0.6.12",
+    "@fluentui/react-nav-preview": "^0.13.9",
+    "@fluentui/react-timepicker-compat": "^0.4.13",
+    "@tanstack/react-query": "^5.84.2"
   },
   "dependencies": {
     "@fullcalendar/core": "6.1.15",
@@ -52,5 +52,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "0792de20ccf4a33c064428de55263fcf13de5543"
+  "gitHead": "a95b4f3c11bcb78f672fb7299bb461368d70bd48"
 }