chayns-api 3.2.3 → 3.3.0-beta.0

package/dist/cjs/components/ChaynsProvider.js

@@ -72,10 +72,10 @@ const ChaynsProvider = ({
   chaynsApiId,
   historyLayer,
   history,
-  isHistoryEnabled,
+  isHistoryDisabled,
   segmentCount
 }) => {
-  var _ref, _crypto, _crypto$randomUUID, _ref2, _customWrapper$curren, _ref4, _customWrapper$curren3, _customWrapper$curren4;
+  var _ref, _crypto, _crypto$randomUUID, _customWrapper$curren, _customWrapper$curren3, _customWrapper$curren4;
   const customWrapper = (0, _react.useRef)(null);
   const idRef = (0, _react.useRef)((_ref = chaynsApiId !== null && chaynsApiId !== void 0 ? chaynsApiId : (_crypto = crypto) === null || _crypto === void 0 || (_crypto$randomUUID = _crypto.randomUUID) === null || _crypto$randomUUID === void 0 ? void 0 : _crypto$randomUUID.call(_crypto)) !== null && _ref !== void 0 ? _ref : Math.random().toString());
   const contextLayer = (0, _HistoryLayerContext.useChaynsHistoryLayerContext)();
@@ -108,10 +108,10 @@ const ChaynsProvider = ({
       customWrapper.current.chaynsApiId = idRef.current;
     }
   }
-  const [effectiveLayer, setEffectiveLayer] = (0, _react.useState)((_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : contextLayer) !== null && _ref2 !== void 0 ? _ref2 : null);
+  const [effectiveLayer, setEffectiveLayer] = (0, _react.useState)(historyLayer !== null && historyLayer !== void 0 ? historyLayer : null);
   const [isInitialized, setIsInitialized] = (0, _react.useState)(!!((_customWrapper$curren = customWrapper.current) !== null && _customWrapper$curren !== void 0 && _customWrapper$curren.values));
   (0, _react.useEffect)(() => {
-    void (async (_customWrapper$curren2, _ref3) => {
+    void (async (_customWrapper$curren2, _ref2) => {
       await customWrapper.current.init();
       customWrapper.current.addDataListener(() => {
         customWrapper.current.emitChange();
@@ -120,7 +120,7 @@ const ChaynsProvider = ({
       if (!rootLayerRef.current && !historyLayer && !parentLayerRef.current) {
         rootLayerRef.current = (0, _rootLayer.getOrInitRootChaynsHistoryLayer)(history === null || history === void 0 ? void 0 : history.url, history === null || history === void 0 ? void 0 : history.segmentCount).rootLayer;
       }
-      const layer = (_ref3 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref3 !== void 0 ? _ref3 : rootLayerRef.current;
+      const layer = (_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref2 !== void 0 ? _ref2 : rootLayerRef.current;
       if (layer && typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
         await layer.setSegmentCount(segmentCount);
       }
@@ -149,16 +149,18 @@ const ChaynsProvider = ({
       (0, _moduleWrapper.removeModuleWrapper)(id, customWrapper.current);
     };
   }, []);
-  let shouldEnableHistory = (_ref4 = isHistoryEnabled !== null && isHistoryEnabled !== void 0 ? isHistoryEnabled : (_customWrapper$curren3 = customWrapper.current.values) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.isHistoryEnabled) !== null && _ref4 !== void 0 ? _ref4 : false;
+  let isDisabled = Boolean((_customWrapper$curren3 = customWrapper.current.values) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.isHistoryDisabled);
+  if (typeof isHistoryDisabled === 'boolean' && !isDisabled) {
+    isDisabled = isHistoryDisabled;
+  }
   if ((historyLayer === null || historyLayer === void 0 ? void 0 : historyLayer.id) === 'root') {
-    shouldEnableHistory = true;
+    isDisabled = false;
   }
-  const layerToProvide = shouldEnableHistory ? effectiveLayer : null;
   return _react.default.createElement(_react.default.Fragment, null, isInitialized && _react.default.createElement(_ChaynsContext.ChaynsContext.Provider, {
     value: customWrapper.current
-  }, _react.default.createElement(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
-    layer: layerToProvide
-  }, children)), _react.default.createElement(InitialDataProvider, {
+  }, !isDisabled ? effectiveLayer ? _react.default.createElement(_HistoryLayerContext.ChaynsHistoryLayerProvider, {
+    layer: effectiveLayer
+  }, children) : null : children), _react.default.createElement(InitialDataProvider, {
     data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
     renderedByServer: renderedByServer
   }));

package/dist/cjs/contexts/HistoryLayerContext.js

@@ -37,10 +37,8 @@ const ChaynsHistoryLayerProvider = t0 => {
   let t2;
   if ($[0] !== layer) {
     t1 = () => {
-      if (layer) {
-        pushChaynsHistoryLayer(layer);
-        return () => popChaynsHistoryLayer(layer);
-      }
+      pushChaynsHistoryLayer(layer);
+      return () => popChaynsHistoryLayer(layer);
     };
     t2 = [layer];
     $[0] = layer;

package/dist/cjs/host/ChaynsHost.js

@@ -39,11 +39,11 @@ const ChaynsHost = t0 => {
     styleSettings,
     historyLayer,
     historyChildId,
-    isHistoryEnabled: t3
+    isHistoryDisabled: t3
   } = t0;
   const iFrameRef = t1 === undefined ? undefined : t1;
   const loadingComponent = t2 === undefined ? undefined : t2;
-  const isHistoryEnabled = t3 === undefined ? false : t3;
+  const isHistoryDisabled = t3 === undefined ? true : t3;
   const isInitiallyVisible = type !== "client-module" && (type !== "server-module" || !!(system !== null && system !== void 0 && system.serverUrl));
   const isHydrated = (0, _react.useSyncExternalStore)(subscribeToHydration, _temp, _temp2);
   const isVisible = (0, _react.useDeferredValue)(isInitiallyVisible || isHydrated);
@@ -60,7 +60,7 @@ const ChaynsHost = t0 => {
   }
   const resolvedLayer = t4;
   let layer;
-  if (isHistoryEnabled) {
+  if (!isHistoryDisabled) {
     let t5;
     if ($[2] !== historyChildId || $[3] !== resolvedLayer) {
       var _resolvedLayer$getChi;
@@ -79,7 +79,7 @@ const ChaynsHost = t0 => {
       {
         const t5 = type === "server-iframe";
         let t6;
-        if ($[5] !== currentPage || $[6] !== customData || $[7] !== customFunctions || $[8] !== device || $[9] !== dialog || $[10] !== environment || $[11] !== functions || $[12] !== iFrameProps || $[13] !== iFrameRef || $[14] !== isAdminModeActive || $[15] !== isHistoryEnabled || $[16] !== language || $[17] !== layer || $[18] !== pages || $[19] !== parameters || $[20] !== preventStagingReplacement || $[21] !== site || $[22] !== src || $[23] !== styleSettings || $[24] !== t5 || $[25] !== user) {
+        if ($[5] !== currentPage || $[6] !== customData || $[7] !== customFunctions || $[8] !== device || $[9] !== dialog || $[10] !== environment || $[11] !== functions || $[12] !== iFrameProps || $[13] !== iFrameRef || $[14] !== isAdminModeActive || $[15] !== isHistoryDisabled || $[16] !== language || $[17] !== layer || $[18] !== pages || $[19] !== parameters || $[20] !== preventStagingReplacement || $[21] !== site || $[22] !== src || $[23] !== styleSettings || $[24] !== t5 || $[25] !== user) {
           t6 = _react.default.createElement(_HostIframe.default, {
             iFrameRef: iFrameRef,
             iFrameProps: iFrameProps,
@@ -101,7 +101,7 @@ const ChaynsHost = t0 => {
             dialog: dialog,
             styleSettings: styleSettings,
             historyLayer: layer,
-            isHistoryEnabled: isHistoryEnabled
+            isHistoryDisabled: isHistoryDisabled
           });
           $[5] = currentPage;
           $[6] = customData;
@@ -113,7 +113,7 @@ const ChaynsHost = t0 => {
           $[12] = iFrameProps;
           $[13] = iFrameRef;
           $[14] = isAdminModeActive;
-          $[15] = isHistoryEnabled;
+          $[15] = isHistoryDisabled;
           $[16] = language;
           $[17] = layer;
           $[18] = pages;
@@ -145,7 +145,7 @@ const ChaynsHost = t0 => {
     case "server-module":
       {
         let t5;
-        if ($[30] !== currentPage || $[31] !== customData || $[32] !== customFunctions || $[33] !== device || $[34] !== dialog || $[35] !== environment || $[36] !== functions || $[37] !== isAdminModeActive || $[38] !== isHistoryEnabled || $[39] !== language || $[40] !== layer || $[41] !== loadingComponent || $[42] !== pages || $[43] !== parameters || $[44] !== preventStagingReplacement || $[45] !== site || $[46] !== styleSettings || $[47] !== system || $[48] !== user) {
+        if ($[30] !== currentPage || $[31] !== customData || $[32] !== customFunctions || $[33] !== device || $[34] !== dialog || $[35] !== environment || $[36] !== functions || $[37] !== isAdminModeActive || $[38] !== isHistoryDisabled || $[39] !== language || $[40] !== layer || $[41] !== loadingComponent || $[42] !== pages || $[43] !== parameters || $[44] !== preventStagingReplacement || $[45] !== site || $[46] !== styleSettings || $[47] !== system || $[48] !== user) {
           t5 = _react.default.createElement(_ModuleHost.default, {
             system: system,
             pages: pages,
@@ -165,7 +165,7 @@ const ChaynsHost = t0 => {
             dialog: dialog,
             styleSettings: styleSettings,
             historyLayer: layer,
-            isHistoryEnabled: isHistoryEnabled
+            isHistoryDisabled: isHistoryDisabled
           });
           $[30] = currentPage;
           $[31] = customData;
@@ -175,7 +175,7 @@ const ChaynsHost = t0 => {
           $[35] = environment;
           $[36] = functions;
           $[37] = isAdminModeActive;
-          $[38] = isHistoryEnabled;
+          $[38] = isHistoryDisabled;
           $[39] = language;
           $[40] = layer;
           $[41] = loadingComponent;

package/dist/cjs/host/iframe/HostIframe.js

@@ -34,7 +34,7 @@ const HostIframe = ({
   dialog,
   styleSettings,
   historyLayer,
-  isHistoryEnabled
+  isHistoryDisabled
 }) => {
   const eventTarget = (0, _react.useRef)();
   const ref = (0, _react.useRef)();
@@ -54,7 +54,7 @@ const HostIframe = ({
   const initialData = {
     site,
     isAdminModeActive,
-    isHistoryEnabled,
+    isHistoryDisabled,
     pages,
     currentPage,
     device,
@@ -193,7 +193,7 @@ const HostIframe = ({
     }
     return undefined;
   }, []);
-  (0, _useUpdateData.default)(eventTarget.current, 'isHistoryEnabled', isHistoryEnabled);
+  (0, _useUpdateData.default)(eventTarget.current, 'isHistoryDisabled', isHistoryDisabled);
   (0, _useUpdateData.default)(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
   (0, _useUpdateData.default)(eventTarget.current, 'user', user);
   (0, _useUpdateData.default)(eventTarget.current, 'site', site);

package/dist/cjs/host/module/ModuleHost.js

@@ -52,15 +52,15 @@ const ModuleHost = t0 => {
     preventStagingReplacement,
     styleSettings,
     historyLayer,
-    isHistoryEnabled
+    isHistoryDisabled
   } = t0;
   const children = t1 === undefined ? null : t1;
   let result;
-  if ($[0] !== currentPage || $[1] !== customData || $[2] !== device || $[3] !== dialog || $[4] !== environment || $[5] !== isAdminModeActive || $[6] !== isHistoryEnabled || $[7] !== language || $[8] !== pages || $[9] !== parameters || $[10] !== site || $[11] !== styleSettings || $[12] !== user) {
+  if ($[0] !== currentPage || $[1] !== customData || $[2] !== device || $[3] !== dialog || $[4] !== environment || $[5] !== isAdminModeActive || $[6] !== isHistoryDisabled || $[7] !== language || $[8] !== pages || $[9] !== parameters || $[10] !== site || $[11] !== styleSettings || $[12] !== user) {
     result = {
       site,
       isAdminModeActive,
-      isHistoryEnabled,
+      isHistoryDisabled,
       pages,
       currentPage,
       device,
@@ -82,7 +82,7 @@ const ModuleHost = t0 => {
     $[3] = dialog;
     $[4] = environment;
     $[5] = isAdminModeActive;
-    $[6] = isHistoryEnabled;
+    $[6] = isHistoryDisabled;
     $[7] = language;
     $[8] = pages;
     $[9] = parameters;

package/dist/cjs/types/IChaynsReact.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectType = exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SnapshotType = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnvironment = exports.RuntimeEnviroment = exports.MediaType = exports.LoginState = exports.Language = exports.IconType = exports.IconStyle = exports.IOSFeedbackVibration = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.FloatingButtonAnimation = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DesignSettingsUpdateTappViewModes = exports.DesignSettingsUpdateSeasonTypes = exports.DesignSettingsUpdateGalleryAnimationTypes = exports.DesignSettingsUpdateCoverTypes = exports.DesignSettingsUpdateBackgroundType = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AppFlavor = exports.AccessMode = void 0;
+exports.selectType = exports.WeekDayType = exports.ToastType = exports.TappEvent = exports.SnapshotType = exports.SharingApp = exports.ScreenSize = exports.ScanQrCodeCodeType = exports.ScanQrCodeCameraTypes = exports.RuntimeEnvironment = exports.RuntimeEnviroment = exports.MediaType = exports.LoginState = exports.Language = exports.IconType = exports.IconStyle = exports.IOSFeedbackVibration = exports.Gender = exports.Font = exports.FloatingButtonPosition = exports.FloatingButtonAnimation = exports.FileExplorerSortType = exports.FileExplorerFilterType = exports.Environment = exports.DialogType = exports.DialogSelectType = exports.DialogInputType = exports.DialogIconType = exports.DialogButtonType = exports.DialogAnimation = exports.DeviceOs = exports.DesignSettingsUpdateTappViewModes = exports.DesignSettingsUpdateSeasonTypes = exports.DesignSettingsUpdateGalleryAnimationTypes = exports.DesignSettingsUpdateCoverTypes = exports.DesignSettingsUpdateBackgroundType = exports.DateType = exports.ColorMode = exports.BrowserName = exports.AppName = exports.AppFlavor = exports.AccessMode = void 0;
 let DateType = exports.DateType = function (DateType) {
   DateType[DateType["DATE"] = 0] = "DATE";
   DateType[DateType["TIME"] = 1] = "TIME";
@@ -27,6 +27,17 @@ let ToastType = exports.ToastType = function (ToastType) {
   ToastType[ToastType["ERROR"] = 4] = "ERROR";
   return ToastType;
 }({});
+let FileExplorerFilterType = exports.FileExplorerFilterType = function (FileExplorerFilterType) {
+  FileExplorerFilterType["FILES"] = "files";
+  FileExplorerFilterType["FOLDERS"] = "folders";
+  return FileExplorerFilterType;
+}({});
+let FileExplorerSortType = exports.FileExplorerSortType = function (FileExplorerSortType) {
+  FileExplorerSortType["NONE"] = "none";
+  FileExplorerSortType["ALPHABETICAL_ASC"] = "alphabetical-asc";
+  FileExplorerSortType["ALPHABETICAL_DESC"] = "alphabetical-desc";
+  return FileExplorerSortType;
+}({});
 let DialogInputType = exports.DialogInputType = function (DialogInputType) {
   DialogInputType["NUMBER"] = "number";
   DialogInputType["PASSWORD"] = "password";
@@ -316,6 +327,7 @@ let DialogType = exports.DialogType = function (DialogType) {
   DialogType["CONFIRM"] = "confirm";
   DialogType["DATE"] = "date";
   DialogType["FILE_SELECT"] = "fileSelect";
+  DialogType["FILE_EXPLORER"] = "fileExplorer";
   DialogType["IFRAME"] = "iframe";
   DialogType["MODULE"] = "module";
   DialogType["INPUT"] = "input";

package/dist/esm/components/ChaynsProvider.js

@@ -64,10 +64,10 @@ const ChaynsProvider = ({
   chaynsApiId,
   historyLayer,
   history,
-  isHistoryEnabled,
+  isHistoryDisabled,
   segmentCount
 }) => {
-  var _ref, _crypto, _crypto$randomUUID, _ref2, _customWrapper$curren, _ref4, _customWrapper$curren3, _customWrapper$curren4;
+  var _ref, _crypto, _crypto$randomUUID, _customWrapper$curren, _customWrapper$curren3, _customWrapper$curren4;
   const customWrapper = useRef(null);
   const idRef = useRef((_ref = chaynsApiId !== null && chaynsApiId !== void 0 ? chaynsApiId : (_crypto = crypto) === null || _crypto === void 0 || (_crypto$randomUUID = _crypto.randomUUID) === null || _crypto$randomUUID === void 0 ? void 0 : _crypto$randomUUID.call(_crypto)) !== null && _ref !== void 0 ? _ref : Math.random().toString());
   const contextLayer = useChaynsHistoryLayerContext();
@@ -100,10 +100,10 @@ const ChaynsProvider = ({
       customWrapper.current.chaynsApiId = idRef.current;
     }
   }
-  const [effectiveLayer, setEffectiveLayer] = useState((_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : contextLayer) !== null && _ref2 !== void 0 ? _ref2 : null);
+  const [effectiveLayer, setEffectiveLayer] = useState(historyLayer !== null && historyLayer !== void 0 ? historyLayer : null);
   const [isInitialized, setIsInitialized] = useState(!!((_customWrapper$curren = customWrapper.current) !== null && _customWrapper$curren !== void 0 && _customWrapper$curren.values));
   useEffect(() => {
-    void (async (_customWrapper$curren2, _ref3) => {
+    void (async (_customWrapper$curren2, _ref2) => {
       await customWrapper.current.init();
       customWrapper.current.addDataListener(() => {
         customWrapper.current.emitChange();
@@ -112,7 +112,7 @@ const ChaynsProvider = ({
       if (!rootLayerRef.current && !historyLayer && !parentLayerRef.current) {
         rootLayerRef.current = getOrInitRootChaynsHistoryLayer(history === null || history === void 0 ? void 0 : history.url, history === null || history === void 0 ? void 0 : history.segmentCount).rootLayer;
       }
-      const layer = (_ref3 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref3 !== void 0 ? _ref3 : rootLayerRef.current;
+      const layer = (_ref2 = historyLayer !== null && historyLayer !== void 0 ? historyLayer : parentLayerRef.current) !== null && _ref2 !== void 0 ? _ref2 : rootLayerRef.current;
       if (layer && typeof segmentCount === 'number' && layer.getSegmentCount() !== segmentCount) {
         await layer.setSegmentCount(segmentCount);
       }
@@ -141,16 +141,18 @@ const ChaynsProvider = ({
       removeModuleWrapper(id, customWrapper.current);
     };
   }, []);
-  let shouldEnableHistory = (_ref4 = isHistoryEnabled !== null && isHistoryEnabled !== void 0 ? isHistoryEnabled : (_customWrapper$curren3 = customWrapper.current.values) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.isHistoryEnabled) !== null && _ref4 !== void 0 ? _ref4 : false;
+  let isDisabled = Boolean((_customWrapper$curren3 = customWrapper.current.values) === null || _customWrapper$curren3 === void 0 ? void 0 : _customWrapper$curren3.isHistoryDisabled);
+  if (typeof isHistoryDisabled === 'boolean' && !isDisabled) {
+    isDisabled = isHistoryDisabled;
+  }
   if ((historyLayer === null || historyLayer === void 0 ? void 0 : historyLayer.id) === 'root') {
-    shouldEnableHistory = true;
+    isDisabled = false;
   }
-  const layerToProvide = shouldEnableHistory ? effectiveLayer : null;
   return React.createElement(React.Fragment, null, isInitialized && React.createElement(ChaynsContext.Provider, {
     value: customWrapper.current
-  }, React.createElement(ChaynsHistoryLayerProvider, {
-    layer: layerToProvide
-  }, children)), React.createElement(InitialDataProvider, {
+  }, !isDisabled ? effectiveLayer ? React.createElement(ChaynsHistoryLayerProvider, {
+    layer: effectiveLayer
+  }, children) : null : children), React.createElement(InitialDataProvider, {
     data: (_customWrapper$curren4 = customWrapper.current) === null || _customWrapper$curren4 === void 0 ? void 0 : _customWrapper$curren4.values,
     renderedByServer: renderedByServer
   }));

package/dist/esm/contexts/HistoryLayerContext.js

@@ -26,10 +26,8 @@ export const ChaynsHistoryLayerProvider = t0 => {
   let t2;
   if ($[0] !== layer) {
     t1 = () => {
-      if (layer) {
-        pushChaynsHistoryLayer(layer);
-        return () => popChaynsHistoryLayer(layer);
-      }
+      pushChaynsHistoryLayer(layer);
+      return () => popChaynsHistoryLayer(layer);
     };
     t2 = [layer];
     $[0] = layer;

package/dist/esm/host/ChaynsHost.js

@@ -31,11 +31,11 @@ const ChaynsHost = t0 => {
     styleSettings,
     historyLayer,
     historyChildId,
-    isHistoryEnabled: t3
+    isHistoryDisabled: t3
   } = t0;
   const iFrameRef = t1 === undefined ? undefined : t1;
   const loadingComponent = t2 === undefined ? undefined : t2;
-  const isHistoryEnabled = t3 === undefined ? false : t3;
+  const isHistoryDisabled = t3 === undefined ? true : t3;
   const isInitiallyVisible = type !== "client-module" && (type !== "server-module" || !!(system !== null && system !== void 0 && system.serverUrl));
   const isHydrated = useSyncExternalStore(subscribeToHydration, _temp, _temp2);
   const isVisible = useDeferredValue(isInitiallyVisible || isHydrated);
@@ -52,7 +52,7 @@ const ChaynsHost = t0 => {
   }
   const resolvedLayer = t4;
   let layer;
-  if (isHistoryEnabled) {
+  if (!isHistoryDisabled) {
     let t5;
     if ($[2] !== historyChildId || $[3] !== resolvedLayer) {
       var _resolvedLayer$getChi;
@@ -71,7 +71,7 @@ const ChaynsHost = t0 => {
       {
         const t5 = type === "server-iframe";
         let t6;
-        if ($[5] !== currentPage || $[6] !== customData || $[7] !== customFunctions || $[8] !== device || $[9] !== dialog || $[10] !== environment || $[11] !== functions || $[12] !== iFrameProps || $[13] !== iFrameRef || $[14] !== isAdminModeActive || $[15] !== isHistoryEnabled || $[16] !== language || $[17] !== layer || $[18] !== pages || $[19] !== parameters || $[20] !== preventStagingReplacement || $[21] !== site || $[22] !== src || $[23] !== styleSettings || $[24] !== t5 || $[25] !== user) {
+        if ($[5] !== currentPage || $[6] !== customData || $[7] !== customFunctions || $[8] !== device || $[9] !== dialog || $[10] !== environment || $[11] !== functions || $[12] !== iFrameProps || $[13] !== iFrameRef || $[14] !== isAdminModeActive || $[15] !== isHistoryDisabled || $[16] !== language || $[17] !== layer || $[18] !== pages || $[19] !== parameters || $[20] !== preventStagingReplacement || $[21] !== site || $[22] !== src || $[23] !== styleSettings || $[24] !== t5 || $[25] !== user) {
           t6 = React.createElement(HostIframe, {
             iFrameRef: iFrameRef,
             iFrameProps: iFrameProps,
@@ -93,7 +93,7 @@ const ChaynsHost = t0 => {
             dialog: dialog,
             styleSettings: styleSettings,
             historyLayer: layer,
-            isHistoryEnabled: isHistoryEnabled
+            isHistoryDisabled: isHistoryDisabled
           });
           $[5] = currentPage;
           $[6] = customData;
@@ -105,7 +105,7 @@ const ChaynsHost = t0 => {
           $[12] = iFrameProps;
           $[13] = iFrameRef;
           $[14] = isAdminModeActive;
-          $[15] = isHistoryEnabled;
+          $[15] = isHistoryDisabled;
           $[16] = language;
           $[17] = layer;
           $[18] = pages;
@@ -137,7 +137,7 @@ const ChaynsHost = t0 => {
     case "server-module":
       {
         let t5;
-        if ($[30] !== currentPage || $[31] !== customData || $[32] !== customFunctions || $[33] !== device || $[34] !== dialog || $[35] !== environment || $[36] !== functions || $[37] !== isAdminModeActive || $[38] !== isHistoryEnabled || $[39] !== language || $[40] !== layer || $[41] !== loadingComponent || $[42] !== pages || $[43] !== parameters || $[44] !== preventStagingReplacement || $[45] !== site || $[46] !== styleSettings || $[47] !== system || $[48] !== user) {
+        if ($[30] !== currentPage || $[31] !== customData || $[32] !== customFunctions || $[33] !== device || $[34] !== dialog || $[35] !== environment || $[36] !== functions || $[37] !== isAdminModeActive || $[38] !== isHistoryDisabled || $[39] !== language || $[40] !== layer || $[41] !== loadingComponent || $[42] !== pages || $[43] !== parameters || $[44] !== preventStagingReplacement || $[45] !== site || $[46] !== styleSettings || $[47] !== system || $[48] !== user) {
           t5 = React.createElement(ModuleHost, {
             system: system,
             pages: pages,
@@ -157,7 +157,7 @@ const ChaynsHost = t0 => {
             dialog: dialog,
             styleSettings: styleSettings,
             historyLayer: layer,
-            isHistoryEnabled: isHistoryEnabled
+            isHistoryDisabled: isHistoryDisabled
           });
           $[30] = currentPage;
           $[31] = customData;
@@ -167,7 +167,7 @@ const ChaynsHost = t0 => {
           $[35] = environment;
           $[36] = functions;
           $[37] = isAdminModeActive;
-          $[38] = isHistoryEnabled;
+          $[38] = isHistoryDisabled;
           $[39] = language;
           $[40] = layer;
           $[41] = loadingComponent;

package/dist/esm/host/iframe/HostIframe.js

@@ -26,7 +26,7 @@ const HostIframe = ({
   dialog,
   styleSettings,
   historyLayer,
-  isHistoryEnabled
+  isHistoryDisabled
 }) => {
   const eventTarget = useRef();
   const ref = useRef();
@@ -46,7 +46,7 @@ const HostIframe = ({
   const initialData = {
     site,
     isAdminModeActive,
-    isHistoryEnabled,
+    isHistoryDisabled,
     pages,
     currentPage,
     device,
@@ -185,7 +185,7 @@ const HostIframe = ({
     }
     return undefined;
   }, []);
-  useUpdateData(eventTarget.current, 'isHistoryEnabled', isHistoryEnabled);
+  useUpdateData(eventTarget.current, 'isHistoryDisabled', isHistoryDisabled);
   useUpdateData(eventTarget.current, 'isAdminModeActive', isAdminModeActive);
   useUpdateData(eventTarget.current, 'user', user);
   useUpdateData(eventTarget.current, 'site', site);

package/dist/esm/host/module/ModuleHost.js

@@ -44,15 +44,15 @@ const ModuleHost = t0 => {
     preventStagingReplacement,
     styleSettings,
     historyLayer,
-    isHistoryEnabled
+    isHistoryDisabled
   } = t0;
   const children = t1 === undefined ? null : t1;
   let result;
-  if ($[0] !== currentPage || $[1] !== customData || $[2] !== device || $[3] !== dialog || $[4] !== environment || $[5] !== isAdminModeActive || $[6] !== isHistoryEnabled || $[7] !== language || $[8] !== pages || $[9] !== parameters || $[10] !== site || $[11] !== styleSettings || $[12] !== user) {
+  if ($[0] !== currentPage || $[1] !== customData || $[2] !== device || $[3] !== dialog || $[4] !== environment || $[5] !== isAdminModeActive || $[6] !== isHistoryDisabled || $[7] !== language || $[8] !== pages || $[9] !== parameters || $[10] !== site || $[11] !== styleSettings || $[12] !== user) {
     result = {
       site,
       isAdminModeActive,
-      isHistoryEnabled,
+      isHistoryDisabled,
       pages,
       currentPage,
       device,
@@ -74,7 +74,7 @@ const ModuleHost = t0 => {
     $[3] = dialog;
     $[4] = environment;
     $[5] = isAdminModeActive;
-    $[6] = isHistoryEnabled;
+    $[6] = isHistoryDisabled;
     $[7] = language;
     $[8] = pages;
     $[9] = parameters;

package/dist/esm/types/IChaynsReact.js

@@ -21,6 +21,17 @@ export let ToastType = function (ToastType) {
   ToastType[ToastType["ERROR"] = 4] = "ERROR";
   return ToastType;
 }({});
+export let FileExplorerFilterType = function (FileExplorerFilterType) {
+  FileExplorerFilterType["FILES"] = "files";
+  FileExplorerFilterType["FOLDERS"] = "folders";
+  return FileExplorerFilterType;
+}({});
+export let FileExplorerSortType = function (FileExplorerSortType) {
+  FileExplorerSortType["NONE"] = "none";
+  FileExplorerSortType["ALPHABETICAL_ASC"] = "alphabetical-asc";
+  FileExplorerSortType["ALPHABETICAL_DESC"] = "alphabetical-desc";
+  return FileExplorerSortType;
+}({});
 export let DialogInputType = function (DialogInputType) {
   DialogInputType["NUMBER"] = "number";
   DialogInputType["PASSWORD"] = "password";
@@ -310,6 +321,7 @@ export let DialogType = function (DialogType) {
   DialogType["CONFIRM"] = "confirm";
   DialogType["DATE"] = "date";
   DialogType["FILE_SELECT"] = "fileSelect";
+  DialogType["FILE_EXPLORER"] = "fileExplorer";
   DialogType["IFRAME"] = "iframe";
   DialogType["MODULE"] = "module";
   DialogType["INPUT"] = "input";

package/dist/types/components/ChaynsProvider.d.ts

@@ -28,11 +28,7 @@ export type ChaynsProviderProps = {
         segmentCount?: number;
     };
     segmentCount?: number;
-    /**
-     * When true, enables the history layer for this provider.
-     * Defaults to false for safety in federated module scenarios.
-     */
-    isHistoryEnabled?: boolean;
+    isHistoryDisabled?: boolean;
 };
 declare const ChaynsProvider: React.FC<ChaynsProviderProps>;
 export default ChaynsProvider;

package/dist/types/contexts/HistoryLayerContext.d.ts

@@ -6,7 +6,7 @@ export declare function popChaynsHistoryLayer(layer: ChaynsHistoryLayer): void;
 export declare function getCurrentChaynsHistoryLayer(): ChaynsHistoryLayer | null;
 declare const ChaynsHistoryLayerContext: React.Context<ChaynsHistoryLayer | null>;
 export interface ChaynsHistoryLayerProviderProps {
-    layer: ChaynsHistoryLayer | null;
+    layer: ChaynsHistoryLayer;
     children: ReactNode;
 }
 /**
@@ -14,9 +14,6 @@ export interface ChaynsHistoryLayerProviderProps {
  * module-level layer stack so that `getCurrentChaynsHistoryLayer()` (static / non-React
  * call sites) also sees this layer as the current one.
  *
- * When `layer` is `null`, the provider still wraps children but does not register
- * a layer on the stack (useful for disabled history scenarios).
- *
  * Use `ChaynsHistoryLayerOverrideProvider` instead if you only want to override the
  * React context without affecting static call sites.
  */

package/dist/types/host/ChaynsHost.d.ts

@@ -36,8 +36,8 @@ type ChaynsHostType = {
      * namespace. Activate it with `layer.navigate({ activeChild: historyChildId })`.
      */
     historyChildId?: string;
-    /** When true, enables the history layer for hosted children. Defaults to false. */
-    isHistoryEnabled?: boolean;
+    /** Whether the history is disabled for the children */
+    isHistoryDisabled?: boolean;
 } & ({
     type: `${'client' | 'server'}-iframe`;
     src: string;

package/dist/types/host/iframe/HostIframe.d.ts

@@ -25,8 +25,8 @@ type HostIframeProps = {
     dialog: ChaynsReactValues["dialog"];
     styleSettings: ChaynsReactValues["styleSettings"];
     historyLayer?: ChaynsHistoryLayer;
-    /** When true, enables the history layer. Defaults to false. */
-    isHistoryEnabled?: boolean;
+    /** Whether the history is disabled for the children */
+    isHistoryDisabled?: boolean;
 };
 declare const HostIframe: FC<HostIframeProps>;
 export default HostIframe;

package/dist/types/host/module/ModuleHost.d.ts

@@ -27,8 +27,8 @@ type ModulePropTypes = {
     children?: ReactNode;
     styleSettings: ChaynsReactValues["styleSettings"];
     historyLayer?: ChaynsHistoryLayer;
-    /** When true, enables the history layer. Defaults to false. */
-    isHistoryEnabled?: boolean;
+    /** Whether the history is disabled for the children */
+    isHistoryDisabled?: boolean;
 };
 declare const ModuleHost: FC<ModulePropTypes>;
 export default ModuleHost;

package/dist/types/types/IChaynsReact.d.ts

@@ -69,6 +69,40 @@ export interface DialogFileSelect {
     exclude?: Array<string> | string;
     directory?: boolean;
 }
+export interface DialogFileExplorer {
+    type: DialogType.FILE_EXPLORER;
+    rootFolderName: string;
+    items: FileExplorerItem[];
+    onLoad: (id?: string | number) => void;
+    onFilterChange?: (value: FileExplorerFilterChange) => void;
+}
+export declare enum FileExplorerFilterType {
+    FILES = "files",
+    FOLDERS = "folders"
+}
+export declare enum FileExplorerSortType {
+    NONE = "none",
+    ALPHABETICAL_ASC = "alphabetical-asc",
+    ALPHABETICAL_DESC = "alphabetical-desc"
+}
+export interface FileExplorerFilterChange {
+    currentFolderId?: string | number;
+    searchString: string;
+    filter: FileExplorerFilterType[];
+    sortType: FileExplorerSortType;
+}
+export type FileExplorerItem = FileExplorerFolder | FileExplorerFile;
+export interface FileExplorerFolder {
+    id: string | number;
+    name: string;
+    count: number;
+    children: FileExplorerItem[];
+}
+export interface FileExplorerFile {
+    id: string | number;
+    name: string;
+    mimeType: string;
+}
 export interface DialogConfirm {
     type: DialogType.CONFIRM;
 }
@@ -89,7 +123,7 @@ export interface BaseDialog {
     }) => void;
     footer?: string;
 }
-export type Dialog<T = object> = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule<T> | DialogIFrame<T> | DialogSelect | DialogDate | DialogToast | DialogSignature | DialogFileSelect);
+export type Dialog<T = object> = BaseDialog & (DialogAlert | DialogConfirm | DialogInput | DialogModule<T> | DialogIFrame<T> | DialogSelect | DialogDate | DialogToast | DialogSignature | DialogFileSelect | DialogFileExplorer);
 export interface DialogSignature {
     type: DialogType.SIGNATURE;
 }
@@ -316,10 +350,7 @@ export interface ChaynsReactValues {
     site: ChaynsApiSite;
     user: ChaynsApiUser | undefined;
     isAdminModeActive: boolean;
-    /**
-     * When true, enables the history layer.
-     */
-    isHistoryEnabled?: boolean;
+    isHistoryDisabled?: boolean;
     pages: Page[];
     currentPage: {
         id: number;
@@ -449,8 +480,9 @@ export interface ChaynsReactFunctions {
     })): DialogHandler<Date[]>;
     createDialog(config: BaseDialog & DialogDate): DialogHandler<Date>;
     createDialog(config: BaseDialog & DialogFileSelect): DialogHandler<DialogResultFile[]>;
+    createDialog(config: BaseDialog & DialogFileExplorer): DialogHandler<string | number>;
     createDialog<Input = any, Result = unknown>(config: BaseDialog & (DialogModule<Input> | DialogIFrame<Input>)): DialogHandler<Result>;
-    createDialog<Input = any, Result = unknown>(config: BaseDialog & (DialogAlert | DialogConfirm | DialogToast | DialogInput | DialogSignature | DialogSelect | DialogDate | DialogFileSelect | DialogIFrame<Input> | DialogModule<Input>)): DialogHandler<any>;
+    createDialog<Input = any, Result = unknown>(config: BaseDialog & (DialogAlert | DialogConfirm | DialogToast | DialogInput | DialogSignature | DialogSelect | DialogDate | DialogFileSelect | DialogFileExplorer | DialogIFrame<Input> | DialogModule<Input>)): DialogHandler<any>;
     openDialog: (value: any, callback: (data: any) => any) => Promise<any>;
     closeDialog: (dialogId: number) => Promise<void>;
     setDialogResult: (buttonType: DialogButtonType, result: any) => Promise<void>;
@@ -1026,6 +1058,7 @@ export declare enum DialogType {
     CONFIRM = "confirm",
     DATE = "date",
     FILE_SELECT = "fileSelect",
+    FILE_EXPLORER = "fileExplorer",
     IFRAME = "iframe",
     MODULE = "module",
     INPUT = "input",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "chayns-api",
-    "version": "3.2.3",
+    "version": "3.3.0-beta.0",
     "description": "new chayns api",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",