@headless-adminapp/fluent 1.3.0 → 1.3.1

package/Insights/Header.js

@@ -43,7 +43,7 @@ const Header = () => {
                                 eventManager.emit('INSIGHT_REFRESH_TRIGGER');
                             }, children: "Refresh" }) })] }), !!config.filterAttributes && ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, { style: { opacity: 0.2 } }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: react_components_1.tokens.spacingHorizontalS }, children: Object.entries(config.filterAttributes).map(([attributeName, attribute]) => {
                             return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: filterForm.control, name: attributeName, render: ({ field }) => {
-                                    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(StandardControl_1.StandardControl, { attribute: attribute, name: attributeName, value: field.value, onChange: field.onChange, onBlur: field.onBlur }) }));
+                                    return ((0, jsx_runtime_1.jsx)("div", { style: { width: 210, minWidth: 210 }, children: (0, jsx_runtime_1.jsx)(StandardControl_1.StandardControl, { attribute: attribute, name: attributeName, value: field.value, onChange: field.onChange, onBlur: field.onBlur }) }));
                                 } }, attributeName));
                         }) })] }))] }));
 };

package/Insights/WidgetSection.js

@@ -11,6 +11,7 @@ const WidgetSection = ({ children }) => {
             boxShadow: 'none',
             borderRadius: react_components_1.tokens.borderRadiusXLarge,
             flexDirection: 'column',
+            overflow: 'hidden',
         }, children: children }));
 };
 exports.WidgetSection = WidgetSection;

package/Insights/WidgetTableContainer.js

@@ -8,12 +8,37 @@ const utils_1 = require("@headless-adminapp/app/utils");
 const BodyLoading_1 = require("../components/BodyLoading");
 const WidgetSection_1 = require("./WidgetSection");
 const WidgetTitleBar_1 = require("./WidgetTitleBar");
+const useStyles = (0, react_components_1.makeStyles)({
+    table: {
+        borderCollapse: 'collapse',
+        width: '100%',
+        '& tr': {
+            borderBottom: `${react_components_1.tokens.strokeWidthThin} solid ${react_components_1.tokens.colorNeutralStroke3}`,
+        },
+        '& th': {
+            fontWeight: react_components_1.tokens.fontWeightMedium,
+            minWidth: '32px',
+            flexShrink: 0,
+            flex: 1,
+            position: 'sticky',
+            background: react_components_1.tokens.colorNeutralBackground3,
+            borderBottom: `${react_components_1.tokens.strokeWidthThin} solid ${react_components_1.tokens.colorNeutralStroke3}`,
+        },
+        '& td': {
+            height: '36px',
+        },
+    },
+    headerAlignRight: {
+        textAlign: 'right',
+        '& > div': {
+            justifyContent: 'flex-end',
+        },
+    },
+});
 const WidgetTableContainer = ({ title, columns, attributes, isPending, isFetching, commands, data, }) => {
     const locale = (0, locale_1.useLocale)();
-    return ((0, jsx_runtime_1.jsxs)(WidgetSection_1.WidgetSection, { children: [(0, jsx_runtime_1.jsx)(WidgetTitleBar_1.WidgetTitleBar, { title: title, commands: commands }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, position: 'relative', overflow: 'auto' }, children: [!isPending && ((0, jsx_runtime_1.jsxs)(react_components_1.Table, { style: {
-                            borderCollapse: 'collapse',
-                            width: '100%',
-                        }, children: [(0, jsx_runtime_1.jsx)(react_components_1.TableHeader, { style: {
+    const styles = useStyles();
+    return ((0, jsx_runtime_1.jsxs)(WidgetSection_1.WidgetSection, { children: [(0, jsx_runtime_1.jsx)(WidgetTitleBar_1.WidgetTitleBar, { title: title, commands: commands }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, position: 'relative', overflow: 'auto' }, children: [!isPending && ((0, jsx_runtime_1.jsxs)(react_components_1.Table, { className: styles.table, children: [(0, jsx_runtime_1.jsx)(react_components_1.TableHeader, { style: {
                                     position: 'sticky',
                                     top: 0,
                                     background: react_components_1.tokens.colorNeutralBackground3,
@@ -24,14 +49,9 @@ const WidgetTableContainer = ({ title, columns, attributes, isPending, isFetchin
                                         minWidth: 'calc(100% - 16px)',
                                     }, children: columns.map((column, index) => {
                                         const attribute = attributes[column];
-                                        return ((0, jsx_runtime_1.jsx)(react_components_1.TableHeaderCell, { style: {
-                                                minWidth: 32,
-                                                flexShrink: 0,
-                                                flex: 1,
-                                                position: 'sticky',
-                                                background: react_components_1.tokens.colorNeutralBackground3,
-                                                borderBottom: `${react_components_1.tokens.strokeWidthThin} solid ${react_components_1.tokens.colorNeutralStroke3}`,
-                                            }, children: attribute.label }, column + String(index)));
+                                        return ((0, jsx_runtime_1.jsx)(react_components_1.TableHeaderCell, { align: "right", className: attribute?.type === 'money'
+                                                ? styles.headerAlignRight
+                                                : '', children: attribute.label }, column + String(index)));
                                     }) }) }), (0, jsx_runtime_1.jsx)(react_components_1.TableBody, { children: data.map((row, index) => ((0, jsx_runtime_1.jsx)(react_components_1.TableRow, { children: columns.map((column) => {
                                         const attribute = attributes[column];
                                         const value = row[column];
@@ -39,7 +59,7 @@ const WidgetTableContainer = ({ title, columns, attributes, isPending, isFetchin
                                             '';
                                         switch (attribute?.type) {
                                             case 'money':
-                                                return ((0, jsx_runtime_1.jsx)(react_components_1.TableCell, { children: formattedValue }, column));
+                                                return ((0, jsx_runtime_1.jsx)(react_components_1.TableCell, { style: { textAlign: 'right' }, children: formattedValue }, column));
                                             case 'lookup':
                                                 return null;
                                         }

package/form/controls/MultiSelectLookupControl.js

@@ -129,7 +129,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
                         left: inputLeft,
                         height: 30,
                     },
-                }, placeholder: placeholder, inputMode: "search", style: { width: '100%', height: '100%' }, autoComplete: "off", readOnly: readOnly || disabled, open: open && !readOnly && !disabled, value: searchText, onOpenChange: (e, data) => {
+                }, placeholder: placeholder, inputMode: "search", style: { width: '100%', height: '100%', minWidth: 'unset' }, autoComplete: "off", readOnly: readOnly || disabled, open: open && !readOnly && !disabled, value: searchText, onOpenChange: (e, data) => {
                     setOpen(data.open);
                 }, onChange: (e) => {
                     setSearchText(e.target.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -52,5 +52,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "bd466c5f536131bd6e2ff2241c1b5a48883f68c2"
+  "gitHead": "019339a44fae0fcce5466041f922710b08b79172"
 }