@vuu-ui/vuu-layout 0.8.14-debug → 0.8.15-debug

package/cjs/index.js

@@ -3319,7 +3319,11 @@ function getStyledComponents(container, existingComponent, newComponent, targetR
     } = getProps(newComponent);
     return [
       existingComponent,
-      import_react13.default.cloneElement(newComponent, { id, version, style })
+      import_react13.default.cloneElement(newComponent, {
+        id,
+        version,
+        style: { ...style, flex: "1 1 0px" }
+      })
     ];
   }
 }
@@ -5139,7 +5143,7 @@ var View = (0, import_react32.forwardRef)(function View2(props, forwardedRef) {
     title: titleProp,
     ...restProps
   } = props;
-  const id = (0, import_core5.useIdMemo)(idProp);
+  const id = useId(idProp);
   const rootRef = (0, import_react32.useRef)(null);
   const mainRef = (0, import_react32.useRef)(null);
   const [componentProps, _setComponentProps] = (0, import_react32.useState)();
@@ -5432,7 +5436,7 @@ var LocalLayoutPersistenceManager = class {
           const newMetadata = {
             ...metadata,
             id,
-            created: (0, import_vuu_utils9.formatDate)(/* @__PURE__ */ new Date(), "dd.mm.yyyy")
+            created: (0, import_vuu_utils9.formatDate)("dd.mm.yyyy")(/* @__PURE__ */ new Date())
           };
           this.saveLayoutsWithMetadata(
             [...existingLayouts, { id, json: layout }],
@@ -5958,6 +5962,7 @@ var import_react42 = __toESM(require("react"));
 var import_vuu_popups2 = require("@vuu-ui/vuu-popups");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var LayoutManagementContext = import_react42.default.createContext({
+  getApplicationSettings: () => void 0,
   layoutMetadata: [],
   saveLayout: () => void 0,
   // The default Application JSON will be served if no LayoutManagementProvider
@@ -6411,6 +6416,54 @@ var WindowRange = class {
 // ../vuu-utils/src/DataWindow.ts
 var { KEY } = metadataKeys;
 
+// ../vuu-utils/src/date/formatter.ts
+var baseTimeFormatOptions = {
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+};
+var formatConfigByTimePatterns = {
+  "hh:mm:ss": {
+    locale: "en-GB",
+    options: { ...baseTimeFormatOptions, hour12: false }
+  },
+  "hh:mm:ss a": {
+    locale: "en-GB",
+    options: { ...baseTimeFormatOptions, hour12: true }
+  }
+};
+var baseDateFormatOptions = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+};
+var formatConfigByDatePatterns = {
+  "dd.mm.yyyy": {
+    locale: "en-GB",
+    options: { ...baseDateFormatOptions },
+    postProcessor: (s) => s.replaceAll("/", ".")
+  },
+  "dd/mm/yyyy": { locale: "en-GB", options: { ...baseDateFormatOptions } },
+  "dd MMM yyyy": {
+    locale: "en-GB",
+    options: { ...baseDateFormatOptions, month: "short" }
+  },
+  "dd MMMM yyyy": {
+    locale: "en-GB",
+    options: { ...baseDateFormatOptions, month: "long" }
+  },
+  "mm/dd/yyyy": { locale: "en-US", options: { ...baseDateFormatOptions } },
+  "MMM dd, yyyy": {
+    locale: "en-US",
+    options: { ...baseDateFormatOptions, month: "short" }
+  },
+  "MMMM dd, yyyy": {
+    locale: "en-US",
+    options: { ...baseDateFormatOptions, month: "long" }
+  }
+};
+var formatConfigByDateTimePatterns = { ...formatConfigByDatePatterns, ...formatConfigByTimePatterns };
+
 // ../vuu-utils/src/logging-utils.ts
 var logLevels = ["error", "warn", "info", "debug"];
 var isValidLogLevel = (value) => typeof value === "string" && logLevels.includes(value);
@@ -13002,7 +13055,7 @@ var ArrayDataSource = class extends import_vuu_utils16.EventEmitter {
   }
   set config(config) {
     var _a;
-    if (configChanged(__privateGet(this, _config), config)) {
+    if (this.applyConfig(config)) {
       if (config) {
         const originalConfig = __privateGet(this, _config);
         const newConfig = ((_a = config == null ? void 0 : config.filter) == null ? void 0 : _a.filter) && (config == null ? void 0 : config.filter.filterStruct) === void 0 ? {
@@ -13070,6 +13123,22 @@ var ArrayDataSource = class extends import_vuu_utils16.EventEmitter {
       this.emit("config", __privateGet(this, _config));
     }
   }
+  applyConfig(config) {
+    var _a;
+    if (configChanged(__privateGet(this, _config), config)) {
+      if (config) {
+        const newConfig = ((_a = config == null ? void 0 : config.filter) == null ? void 0 : _a.filter) && (config == null ? void 0 : config.filter.filterStruct) === void 0 ? {
+          ...config,
+          filter: {
+            filter: config.filter.filter,
+            filterStruct: parseFilter(config.filter.filter)
+          }
+        } : config;
+        __privateSet(this, _config, withConfigDefaults(newConfig));
+        return true;
+      }
+    }
+  }
   get selectedRowsCount() {
     return __privateGet(this, _selectedRowsCount);
   }
@@ -13459,6 +13528,9 @@ var JsonDataSource = class extends import_vuu_utils17.EventEmitter {
   get config() {
     return __privateGet(this, _config2);
   }
+  applyConfig() {
+    return true;
+  }
   get selectedRowsCount() {
     return __privateGet(this, _selectedRowsCount2);
   }
@@ -13928,7 +14000,22 @@ var RemoteDataSource = class extends import_vuu_utils18.EventEmitter {
     return __privateGet(this, _config3);
   }
   set config(config) {
-    var _a, _b;
+    var _a;
+    if (this.applyConfig(config)) {
+      if (__privateGet(this, _config3) && this.viewport && this.server) {
+        if (config) {
+          (_a = this.server) == null ? void 0 : _a.send({
+            viewport: this.viewport,
+            type: "config",
+            config: __privateGet(this, _config3)
+          });
+        }
+      }
+      this.emit("config", __privateGet(this, _config3));
+    }
+  }
+  applyConfig(config) {
+    var _a;
     if (configChanged(__privateGet(this, _config3), config)) {
       if (config) {
         const newConfig = ((_a = config == null ? void 0 : config.filter) == null ? void 0 : _a.filter) && (config == null ? void 0 : config.filter.filterStruct) === void 0 ? {
@@ -13939,16 +14026,7 @@ var RemoteDataSource = class extends import_vuu_utils18.EventEmitter {
           }
         } : config;
         __privateSet(this, _config3, withConfigDefaults(newConfig));
-        if (__privateGet(this, _config3) && this.viewport && this.server) {
-          if (config) {
-            (_b = this.server) == null ? void 0 : _b.send({
-              viewport: this.viewport,
-              type: "config",
-              config: __privateGet(this, _config3)
-            });
-          }
-        }
-        this.emit("config", __privateGet(this, _config3));
+        return true;
       }
     }
   }
@@ -15247,7 +15325,7 @@ var import_vuu_ui_controls8 = require("@vuu-ui/vuu-ui-controls");
 var import_classnames25 = __toESM(require("classnames"));
 var import_react60 = __toESM(require("react"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var classBase12 = "Tabs";
+var classBase12 = "vuuTabs";
 var getDefaultTabIcon = () => void 0;
 var getChildElements = (children) => {
   const elements = [];