@headless-adminapp/fluent 1.0.0 → 1.0.1

package/App/NavigationContainer.js

@@ -15,6 +15,8 @@ const useStyles = (0, react_components_1.makeStyles)({
         overflow: 'hidden',
         display: 'flex',
         flexShrink: 0,
+        boxShadow: react_components_1.tokens.shadow4,
+        zIndex: 1,
     },
     content: {
         flex: '1',
@@ -34,7 +36,10 @@ const useStyles = (0, react_components_1.makeStyles)({
 const NavigationContainer = ({ open, type, onOpenChange, }) => {
     const styles = useStyles();
     const { appExperience: app } = (0, app_1.useAppContext)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles.root, children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawer, { selectedValue: "active", open: open, type: type, onOpenChange: (value, data) => onOpenChange(data.open), children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawerBody, { style: { paddingTop: 8 }, children: app.navItems.map((area) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: area.groups.map((group) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [!group.hideLabel && ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavSectionHeader, { children: group.label })), group.items.map((item, index) => ((0, jsx_runtime_1.jsx)(Test, { item: item, drawerType: type, onOpenChange: onOpenChange }, (item.label ?? '') + String(index))))] }, group.label))) }, area.label))) }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles.root, children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawer, { selectedValue: "active", open: open, type: type, onOpenChange: (value, data) => onOpenChange(data.open), children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawerBody, { style: {
+                    paddingTop: 8,
+                    // borderRight: `1px solid ${tokens.colorNeutralStroke1}`,
+                }, children: app.navItems.map((area) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: area.groups.map((group) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [!group.hideLabel && ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavSectionHeader, { children: group.label })), group.items.map((item, index) => ((0, jsx_runtime_1.jsx)(Test, { item: item, drawerType: type, onOpenChange: onOpenChange }, (item.label ?? '') + String(index))))] }, group.label))) }, area.label))) }) }) }));
 };
 exports.NavigationContainer = NavigationContainer;
 const Test = ({ item, onOpenChange, drawerType }) => {

package/DataGrid/TableCell/TableCellChoice.js

@@ -26,5 +26,9 @@ function TableCellChoice(props) {
             width: props.width,
             minWidth: props.width,
             maxWidth: props.width,
-        }, children: (0, jsx_runtime_1.jsx)(react_components_1.Tag, { size: "small", style: { backgroundColor: bgColor, color }, children: props.formattedValue }) }));
+        }, children: (0, jsx_runtime_1.jsx)(react_components_1.Badge, { style: {
+                backgroundColor: bgColor,
+                color,
+                fontWeight: react_components_1.tokens.fontWeightRegular,
+            }, children: props.formattedValue }) }));
 }

package/PageBoard/PageBoard.js

@@ -25,8 +25,8 @@ function PageBoard(props) {
                     flexDirection: 'column',
                     flex: 1,
                     gap: react_components_1.tokens.spacingVerticalM,
-                    padding: react_components_1.tokens.spacingHorizontalL,
-                    background: react_components_1.tokens.colorNeutralBackground3,
+                    padding: react_components_1.tokens.spacingHorizontalM,
+                    background: react_components_1.tokens.colorNeutralBackground2,
                 }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'column',

package/PageCalendar/PageCalendar.js

@@ -225,7 +225,7 @@ function PageCalendar(props) {
                 flexDirection: 'column',
                 flex: 1,
                 gap: react_components_1.tokens.spacingVerticalM,
-                padding: react_components_1.tokens.spacingHorizontalL,
-                background: react_components_1.tokens.colorNeutralBackground3,
+                padding: react_components_1.tokens.spacingHorizontalM,
+                background: react_components_1.tokens.colorNeutralBackground2,
             }, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { filterForm: filterForm, onCreateButtonClick: handleCreateButtonClick }), (0, jsx_runtime_1.jsx)(CalendarSection, { startDate: currentStartDate, endDate: currentEndDate, viewType: viewType, onRangeChange: onRangeChange, events: events ?? [], onEventClick: handleEventClick, onDateSelect: handleDateSelect, loading: loading })] }) }));
 }

package/form/controls/DateControl.js

@@ -18,12 +18,11 @@ dayjs_1.default.extend(timezone_1.default);
 function DateControl({ value, onChange, id, name, onBlur, onFocus, placeholder, disabled, readOnly, }) {
     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?.(), onBlur: () => 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).tz(timezone).format(dateFormats.short) : '', value: value ? new Date(value) : null, onSelectDate: (date) => onChange?.(date ? (0, dayjs_1.default)(date).tz(timezone).startOf('day').toISOString() : null), strings: datePickerStrings, contentAfter: (0, jsx_runtime_1.jsx)("div", { style: {
+    return ((0, jsx_runtime_1.jsx)(react_datepicker_compat_1.DatePicker, { id: id, name: name, onFocus: () => onFocus?.(), onBlur: () => onBlur?.(), placeholder: placeholder, appearance: "filled-darker", 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?.(date
+                ? (0, dayjs_1.default)(date).tz(timezone, true).startOf('day').toISOString()
+                : null);
+        }, strings: datePickerStrings, contentAfter: (0, jsx_runtime_1.jsx)("div", { style: {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',

package/form/controls/DateTimeControl.js

@@ -43,8 +43,9 @@ function DateTimeControl({ value, onChange, id, name, onBlur, onFocus, placehold
                         onChange?.((0, dayjs_1.default)(date).tz(timezone, true).toISOString());
                     }
                     else {
-                        onChange?.((0, dayjs_1.default)(date)
-                            .tz(timezone, true)
+                        const dateISOString = (0, dayjs_1.default)(date).tz(timezone, true).toISOString();
+                        onChange?.((0, dayjs_1.default)(dateISOString)
+                            .tz(timezone)
                             .set('hour', (0, dayjs_1.default)(value).tz(timezone).hour())
                             .set('minute', (0, dayjs_1.default)(value).tz(timezone).minute())
                             .toISOString());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -48,5 +48,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "2b03aadc605acf3bc18270afce4cbd9072b0b6ae"
+  "gitHead": "61978f1e2f0eac79069afa52511a5c8dde8b8ebc"
 }