@headless-adminapp/fluent 0.0.17-alpha.22 → 0.0.17-alpha.25

package/DataGrid/useTableColumns.js

@@ -38,7 +38,7 @@ function useTableColumns({ disableSelection, disableContextMenu, disableColumnRe
     const [, setSorting] = (0, hooks_1.useGridSorting)();
     const schema = (0, hooks_1.useDataGridSchema)();
     const { schemaStore } = (0, hooks_3.useMetadata)();
-    const [, setSelectedIds] = (0, hooks_1.useGridSelection)();
+    const [selectedIds, setSelectedIds] = (0, hooks_1.useGridSelection)();
     const setSelectedIdsRef = (0, react_1.useRef)(setSelectedIds);
     setSelectedIdsRef.current = setSelectedIds;
     const isSubgrid = (0, mutable_1.useContextSelector)(datagrid_1.GridContext, (state) => state.isSubGrid);
@@ -73,9 +73,22 @@ function useTableColumns({ disableSelection, disableContextMenu, disableColumnRe
     const router = (0, hooks_5.useRouter)();
     const recordSetSetter = (0, hooks_4.useRecordSetSetter)();
     const openRecord = (0, useOpenRecord_1.useOpenRecord)();
-    const { currency, dateFormats } = (0, locale_1.useLocale)();
+    const { currency, dateFormats, timezone } = (0, locale_1.useLocale)();
     const dataRef = (0, react_1.useRef)(data);
     dataRef.current = data;
+    const headingSelectionState = (0, react_1.useMemo)(() => {
+        var _a;
+        if ((data === null || data === void 0 ? void 0 : data.records.length) === 0) {
+            return false;
+        }
+        if (selectedIds.length === 0) {
+            return false;
+        }
+        if (selectedIds.length === ((_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.records.length)) {
+            return true;
+        }
+        return 'mixed';
+    }, [data === null || data === void 0 ? void 0 : data.records.length, selectedIds]);
     return (0, react_1.useMemo)(() => {
         return [
             ...(disableSelection
@@ -83,7 +96,7 @@ function useTableColumns({ disableSelection, disableContextMenu, disableColumnRe
                 : [
                     columnHelper.accessor((info) => info[schema.idAttribute], {
                         id: '$selectColumn',
-                        header: () => ((0, jsx_runtime_1.jsx)(react_components_1.TableSelectionCell, { checked: 'mixed', as: 'th', style: {
+                        header: () => ((0, jsx_runtime_1.jsx)(react_components_1.TableSelectionCell, { checked: headingSelectionState, as: 'th', style: {
                                 position: 'sticky',
                                 display: 'flex',
                                 left: 0,
@@ -93,6 +106,14 @@ function useTableColumns({ disableSelection, disableContextMenu, disableColumnRe
                                 width: 32,
                                 maxWidth: 32,
                                 minWidth: 32,
+                            }, onClick: () => {
+                                setSelectedIdsRef.current((ids) => {
+                                    var _a, _b, _c;
+                                    if (ids.length === ((_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.records.length)) {
+                                        return [];
+                                    }
+                                    return ((_c = (_b = dataRef.current) === null || _b === void 0 ? void 0 : _b.records.map((record) => record[schema.idAttribute])) !== null && _c !== void 0 ? _c : []);
+                                });
                             } })),
                         cell: (info) => ((0, jsx_runtime_1.jsx)(react_components_1.TableSelectionCell, { className: (0, react_components_1.mergeClasses)(styles.selectionCell), checked: info.row.getIsSelected(), onClick: (event) => {
                                 event.preventDefault();
@@ -148,6 +169,7 @@ function useTableColumns({ disableSelection, disableContextMenu, disableColumnRe
                         const formattedValue = (_c = (0, utils_1.getAttributeFormattedValue)(attribute, value, {
                             currency: currency.currency,
                             dateFormat: dateFormats.short,
+                            timezone,
                         })) !== null && _c !== void 0 ? _c : '';
                         if (schema.primaryAttribute === column.name) {
                             const path = routeResolver({
@@ -235,5 +257,7 @@ function useTableColumns({ disableSelection, disableContextMenu, disableColumnRe
         recordSetSetter,
         router,
         mutableContextCommandState,
+        headingSelectionState,
+        timezone,
     ]);
 }

package/DialogContainer/PromptDialog.js

@@ -74,7 +74,7 @@ function PromptDialog(props) {
                                                 : '';
                                             return ((0, jsx_runtime_1.jsx)(SectionControl_1.SectionControlWrapper, { label: attribute.label, labelPosition: "left", required: attribute.required, isError: isError, errorMessage: errorMessage, children: (0, jsx_runtime_1.jsx)(StandardControl_1.StandardControl, { attribute: attribute, name: attributeName, value: field.value, onChange: field.onChange, onBlur: field.onBlur, errorMessage: errorMessage, isError: isError }) }));
                                         } }, attributeName));
-                                }) })] }), (0, jsx_runtime_1.jsxs)(react_components_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Button, { appearance: "secondary", onClick: () => {
+                                }) })] }), (0, jsx_runtime_1.jsxs)(react_components_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Button, { appearance: "secondary", type: "button", onClick: () => {
                                     var _a;
                                     (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
                                 }, children: (_a = props.cancelText) !== null && _a !== void 0 ? _a : 'Cancel' }), (0, jsx_runtime_1.jsx)(react_components_1.Button, { appearance: "primary", disabled: form.formState.submitCount > 0 && !form.formState.isValid, onClick: () => __awaiter(this, void 0, void 0, function* () {

package/form/controls/AttachmentsControl.js

@@ -49,22 +49,20 @@ const AttachmentsControl = ({ onChange, id, onBlur, onFocus, disabled, readOnly,
                                 flexWrap: 'wrap',
                                 columnGap: react_components_1.tokens.spacingHorizontalXS,
                                 gap: react_components_1.tokens.spacingHorizontalXS,
-                            }, children: [value === null || value === void 0 ? void 0 : value.map((file, index) => ((0, jsx_runtime_1.jsx)(react_components_1.Tag, { as: "span", appearance: "brand", size: "small", shape: "rounded", 
-                                    // value={option}
-                                    dismissible: true, dismissIcon: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', cursor: 'pointer' }, onClick: () => {
-                                            if (readOnly)
+                            }, children: [value === null || value === void 0 ? void 0 : value.map((file, index) => ((0, jsx_runtime_1.jsx)(react_components_1.Tag, { as: "span", appearance: "brand", size: "small", shape: "rounded", dismissible: !disabled && !readOnly, dismissIcon: (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', cursor: 'pointer' }, onClick: () => {
+                                            if (disabled || readOnly)
                                                 return;
                                             onChange === null || onChange === void 0 ? void 0 : onChange(value === null || value === void 0 ? void 0 : value.filter((_, i) => i !== index));
                                         }, children: (0, jsx_runtime_1.jsx)(icons_1.Icons.Close, { size: 16 }) }), children: (0, jsx_runtime_1.jsx)(react_components_1.Link, { href: file.url, target: "_blank", onClick: (event) => {
                                             event.preventDefault();
                                             event.stopPropagation();
                                             window.open(file.url, '_blank');
-                                        }, children: (0, jsx_runtime_1.jsx)(react_components_1.Caption1, { style: { overflow: 'hidden', textOverflow: 'ellipsis' }, children: file.name }) }) }, index))), (0, jsx_runtime_1.jsx)(react_components_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Add, { size: 16 }), appearance: "outline", onClick: () => {
+                                        }, children: (0, jsx_runtime_1.jsx)(react_components_1.Caption1, { style: { overflow: 'hidden', textOverflow: 'ellipsis' }, children: file.name }) }) }, index))), !readOnly && !disabled && ((0, jsx_runtime_1.jsx)(react_components_1.Button, { size: "small", icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Add, { size: 16 }), appearance: "outline", onClick: () => {
                                         var _a;
                                         if (readOnly)
                                             return;
                                         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                                    }, children: "Add" })] }) }), (0, jsx_runtime_1.jsx)(react_components_1.TagPickerList, {})] }), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "file", multiple: true, style: { display: 'none' }, onChange: (event) => __awaiter(void 0, void 0, void 0, function* () {
+                                    }, children: "Add" }))] }) }), (0, jsx_runtime_1.jsx)(react_components_1.TagPickerList, {})] }), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "file", multiple: true, style: { display: 'none' }, onChange: (event) => __awaiter(void 0, void 0, void 0, function* () {
                     const files = event.target.files;
                     if (files === null || files === void 0 ? void 0 : files.length) {
                         const fileObjects = yield Promise.all(Array.from(files).map((file) => fileToObject(file)));

package/form/controls/DateControl.js

@@ -8,14 +8,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_datepicker_compat_1 = require("@fluentui/react-datepicker-compat");
 const locale_1 = require("@headless-adminapp/app/locale");
 const dayjs_1 = __importDefault(require("dayjs"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
 const AppStringContext_1 = require("../../App/AppStringContext");
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
 function DateControl({ value, onChange, id, name, onBlur, onFocus, placeholder, disabled, readOnly, }) {
-    const { dateFormats } = (0, locale_1.useLocale)();
+    const { dateFormats, timezone } = (0, locale_1.useLocale)();
     const { datePickerStrings } = (0, AppStringContext_1.useAppStrings)();
     return ((0, jsx_runtime_1.jsx)(react_datepicker_compat_1.DatePicker, { id: id, name: name, onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(), onBlur: () => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), placeholder: placeholder, appearance: "filled-darker", 
         // size="sm"
         // error={error}
         // maxDate={maxDate}
         // minDate={minDate}
-        disabled: disabled, readOnly: readOnly, formatDate: (date) => (date ? (0, dayjs_1.default)(date).format(dateFormats.short) : ''), value: value ? new Date(value) : null, onSelectDate: (date) => onChange === null || onChange === void 0 ? void 0 : onChange(date ? date.toISOString() : null), strings: datePickerStrings }));
+        disabled: disabled, readOnly: readOnly, formatDate: (date) => date ? (0, dayjs_1.default)(date).tz(timezone).format(dateFormats.short) : '', value: value ? new Date(value) : null, onSelectDate: (date) => onChange === null || onChange === void 0 ? void 0 : onChange(date ? (0, dayjs_1.default)(date).tz(timezone).startOf('day').toISOString() : null), strings: datePickerStrings }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "0.0.17-alpha.22",
+  "version": "0.0.17-alpha.25",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -44,5 +44,5 @@
     "react-hook-form": "7.52.2",
     "yup": "^1.4.0"
   },
-  "gitHead": "a6d5c09c93ce38a63c40db11e217000bb2276c99"
+  "gitHead": "0a42b982d6113067cd2f9739ec646d138c1a5274"
 }