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

package/esm/index.js

@@ -3182,7 +3182,11 @@ function getStyledComponents(container, existingComponent, newComponent, targetR
     } = getProps(newComponent);
     return [
       existingComponent,
-      React7.cloneElement(newComponent, { id, version, style })
+      React7.cloneElement(newComponent, {
+        id,
+        version,
+        style: { ...style, flex: "1 1 0px" }
+      })
     ];
   }
 }
@@ -4841,7 +4845,7 @@ var useViewActionDispatcher = (id, root, viewPath, dropTargets) => {
 };
 
 // src/layout-view/View.tsx
-import { useForkRef as useForkRef3, useIdMemo as useId2 } from "@salt-ds/core";
+import { useForkRef as useForkRef3 } from "@salt-ds/core";
 import cx8 from "classnames";
 import React14, {
   forwardRef as forwardRef5,
@@ -5021,7 +5025,7 @@ var View = forwardRef5(function View2(props, forwardedRef) {
     title: titleProp,
     ...restProps
   } = props;
-  const id = useId2(idProp);
+  const id = useId(idProp);
   const rootRef = useRef10(null);
   const mainRef = useRef10(null);
   const [componentProps, _setComponentProps] = useState7();
@@ -5314,7 +5318,7 @@ var LocalLayoutPersistenceManager = class {
           const newMetadata = {
             ...metadata,
             id,
-            created: formatDate(/* @__PURE__ */ new Date(), "dd.mm.yyyy")
+            created: formatDate("dd.mm.yyyy")(/* @__PURE__ */ new Date())
           };
           this.saveLayoutsWithMetadata(
             [...existingLayouts, { id, json: layout }],
@@ -5851,6 +5855,7 @@ import React18, {
 import { NotificationLevel, useNotifications } from "@vuu-ui/vuu-popups";
 import { jsx as jsx26 } from "react/jsx-runtime";
 var LayoutManagementContext = React18.createContext({
+  getApplicationSettings: () => void 0,
   layoutMetadata: [],
   saveLayout: () => void 0,
   // The default Application JSON will be served if no LayoutManagementProvider
@@ -6319,6 +6324,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);
@@ -12929,7 +12982,7 @@ var ArrayDataSource = class extends EventEmitter2 {
   }
   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 ? {
@@ -12997,6 +13050,22 @@ var ArrayDataSource = class extends EventEmitter2 {
       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);
   }
@@ -13393,6 +13462,9 @@ var JsonDataSource = class extends EventEmitter3 {
   get config() {
     return __privateGet(this, _config2);
   }
+  applyConfig() {
+    return true;
+  }
   get selectedRowsCount() {
     return __privateGet(this, _selectedRowsCount2);
   }
@@ -13870,7 +13942,22 @@ var RemoteDataSource = class extends EventEmitter4 {
     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 ? {
@@ -13881,16 +13968,7 @@ var RemoteDataSource = class extends EventEmitter4 {
           }
         } : 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;
       }
     }
   }
@@ -15215,7 +15293,7 @@ import React21, {
   useRef as useRef20
 } from "react";
 import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
-var classBase12 = "Tabs";
+var classBase12 = "vuuTabs";
 var getDefaultTabIcon = () => void 0;
 var getChildElements = (children) => {
   const elements = [];
@@ -15345,7 +15423,7 @@ var Stack = forwardRef8(function Stack3({
 Stack.displayName = "Stack";
 
 // src/stack/StackLayout.tsx
-import { useIdMemo as useId3 } from "@salt-ds/core";
+import { useIdMemo as useId2 } from "@salt-ds/core";
 import React22, { useCallback as useCallback30, useRef as useRef21 } from "react";
 import { jsx as jsx45 } from "react/jsx-runtime";
 var defaultCreateNewChild = () => /* @__PURE__ */ jsx45(
@@ -15368,7 +15446,7 @@ var StackLayout = (props) => {
     ...restProps
   } = props;
   const { children } = props;
-  const id = useId3(idProp);
+  const id = useId2(idProp);
   const [dispatchViewAction] = useViewActionDispatcher(id, ref, path);
   const createNewChildFromContext = useLayoutCreateNewChild();
   const createNewChild = (_a = createNewChildProp != null ? createNewChildProp : createNewChildFromContext) != null ? _a : defaultCreateNewChild;