@devgateway/dvz-ui-react 1.3.0 → 1.3.1

package/dist/cjs/layout/Favicon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),c=require("../conf/index.js");function s(){const[n,i]=o.useState(null);if(!n){const r=c.Config.REACT_APP_WP_API;fetch(r).then(e=>e.json()).then(e=>{e&&e.site_icon_url&&i(e.site_icon_url)}).catch(e=>{console.error("Failed to fetch favicon:",e)})}return t.jsx(t.Fragment,{children:n&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"icon",href:n}),t.jsx("link",{rel:"apple-touch-icon",href:n}),t.jsx("link",{rel:"shortcut",href:n})]})})}const l=o.memo(s);exports.default=l;

package/dist/cjs/layout/Layout.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),r=require("react-router"),g=require("../embeddable/index.js"),l=require("react-intl"),s=require("@devgateway/wp-react-lib"),p=require("react-redux");require("semantic-ui-react");require("../utils/AppMedia.js");require("./Footer.js");require("./Header.js");const q=require("./Customizer.js");require("./Favicon.js");const f=require("../conf/index.js"),h=require("../translations/en.json.js"),x=require("../translations/fr.json.js"),j=require("../translations/af.json.js"),v=require("../lib/react-intl-redux/index.js");require("immutable");const i=require("../redux/store.js"),c={en:h,fr:x,am:j},w=l.injectIntl(o=>(document.title=o.settings.description,e.jsx(e.Fragment,{}))),C=()=>{const o=r.useParams(),d=r.useLocation(),n=f.Config.DEFAULT_LOCALE;console.log("defaultLocale",n);const t=o.lan,m=d.pathname;return console.log("pathParams",o),u.useEffect(()=>{process.env.NODE_ENV==="development"&&(console.log("----------.env-----------"),console.log(process.env),console.log("----------.env-----------")),window&&window.setTimeout(()=>{if(window&&window.location.hash){const a=document.getElementById(window.location.hash.substring(1));a&&a.scrollIntoView({behavior:"auto",block:"start"})}},2e3)},[]),u.useEffect(()=>{i.store.dispatch(v.updateIntl({locale:t,formats:{},messages:c[t??"en"]}))},[t]),t?Object.keys(c).includes(t)?e.jsx(p.Provider,{store:i.store,children:e.jsx(l.IntlProvider,{locale:t,messages:c[t],children:e.jsx(s.AppContextProvider,{getComponent:g.getComponentByNameIgnoreCase,store:i.store,locale:t,children:e.jsx(s.SettingProvider,{locale:t,changeUUID:null,children:e.jsxs(s.SettingsConsumer,{children:[e.jsx(q.CustomizerWrapper,{children:e.jsx(w,{})}),e.jsx(r.Outlet,{})]})})})},t)}):e.jsx(r.Navigate,{to:`/${n}${m}`,replace:!0}):e.jsx(r.Navigate,{to:n,replace:!0})};exports.default=C;

package/dist/cjs/layout/Loading.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("semantic-ui-react"),t=()=>e.jsx(r.Segment,{className:"h-screen w-screen",children:e.jsx(r.Dimmer,{active:!0,inverted:!0,children:e.jsx(r.Loader,{size:"large",active:!0,inline:"centered",inverted:!0})})});exports.default=t;

package/dist/cjs/layout/PreviewComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("react-router"),u=require("semantic-ui-react"),g=require("@devgateway/wp-react-lib"),w=require("../embeddable/index.js"),f=()=>{const m=o.useParams();o.useLocation();const[a]=r.useState(()=>w.getComponentByNameIgnoreCase(m.name??""));let[n,d]=o.useSearchParams();const i=l=>{console.log("-------------------------------reading message ----------------------------------------");const t=l.data;if(t.messageType&&t.messageType=="component-attributes"){const c={...n};Object.keys(t).forEach(s=>{c["data-"+s.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()]=typeof t[s]=="object"?JSON.stringify(t[s]):t[s]}),d(c)}};r.useEffect(()=>(window.addEventListener("message",i,!1),window.parent&&window.parent.postMessage({type:"componentReady",value:!0},"*"),window.top&&window.top.postMessage({type:"componentReady",value:!0},"*"),()=>{window.removeEventListener("message",i)}),[]);const p=r.useMemo(()=>Object.fromEntries(n.entries()),[n]);return e.jsx("div",{children:e.jsx(u.Container,{fluid:!0,className:"editing",children:a?e.jsx(a,{...p,editing:!0}):e.jsx(u.Segment.Group,{color:"red",textAlign:"center",children:e.jsx("h1",{children:"Wrong Component Name"})})})})},j=()=>e.jsx(g.SettingsConsumer,{children:e.jsx(f,{})});exports.default=j;

package/dist/cjs/layout/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ResponsiveContainer.js"),r=require("./ScrollTop.js"),t=require("./containers/PreviewPageContainer.js"),o=require("./containers/PreviewTypeContainer.js"),i=require("./containers/SlugContainer.js"),n=require("./containers/SlugPostContainer.js"),u=require("./Customizer.js");exports.default=e.default;exports.ScrollToTop=r.default;exports.PreviewPageContainer=t.default;exports.PreviewTypeContainer=o.default;exports.SlugContainer=i.default;exports.SlugPostContainer=n.default;exports.CustomizerWrapper=u.CustomizerWrapper;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ResponsiveContainer.js"),r=require("./ScrollTop.js"),o=require("./containers/PreviewPageContainer.js"),t=require("./containers/PreviewTypeContainer.js"),n=require("./containers/SlugContainer.js"),i=require("./containers/SlugPostContainer.js"),u=require("./Customizer.js"),a=require("./Layout.js"),l=require("./PreviewComponent.js"),s=require("./Favicon.js"),c=require("./Loading.js");exports.default=e.default;exports.ScrollToTop=r.default;exports.PreviewPageContainer=o.default;exports.PreviewTypeContainer=t.default;exports.SlugContainer=n.default;exports.SlugPostContainer=i.default;exports.CustomizerWrapper=u.CustomizerWrapper;exports.RootLayout=a.default;exports.PreviewComponent=l.default;exports.Favicon=s.default;exports.Loading=c.default;

package/dist/esm/layout/Favicon.js

@@ -0,0 +1,23 @@
+import { jsx as t, Fragment as i, jsxs as c } from "react/jsx-runtime";
+import l, { useState as s } from "react";
+import { Config as f } from "../conf/index.js";
+function h() {
+  const [e, n] = s(null);
+  if (!e) {
+    const r = f.REACT_APP_WP_API;
+    fetch(r).then((o) => o.json()).then((o) => {
+      o && o.site_icon_url && n(o.site_icon_url);
+    }).catch((o) => {
+      console.error("Failed to fetch favicon:", o);
+    });
+  }
+  return /* @__PURE__ */ t(i, { children: e && /* @__PURE__ */ c(i, { children: [
+    /* @__PURE__ */ t("link", { rel: "icon", href: e }),
+    /* @__PURE__ */ t("link", { rel: "apple-touch-icon", href: e }),
+    /* @__PURE__ */ t("link", { rel: "shortcut", href: e })
+  ] }) });
+}
+const _ = l.memo(h);
+export {
+  _ as default
+};

package/dist/esm/layout/Layout.js

@@ -0,0 +1,45 @@
+import { jsx as e, Fragment as p, jsxs as f } from "react/jsx-runtime";
+import { useEffect as m } from "react";
+import { useParams as d, useLocation as u, Navigate as a, Outlet as g } from "react-router";
+import { getComponentByNameIgnoreCase as h } from "../embeddable/index.js";
+import { injectIntl as v, IntlProvider as w } from "react-intl";
+import { AppContextProvider as C, SettingProvider as I, SettingsConsumer as L } from "@devgateway/wp-react-lib";
+import { Provider as P } from "react-redux";
+import "semantic-ui-react";
+import "../utils/AppMedia.js";
+import "./Footer.js";
+import "./Header.js";
+import { CustomizerWrapper as E } from "./Customizer.js";
+import "./Favicon.js";
+import { Config as j } from "../conf/index.js";
+import * as b from "../translations/en.json.js";
+import * as x from "../translations/fr.json.js";
+import * as y from "../translations/af.json.js";
+import { updateIntl as N } from "../lib/react-intl-redux/index.js";
+import "immutable";
+import { store as n } from "../redux/store.js";
+const i = {
+  en: b,
+  fr: x,
+  am: y
+}, O = v((t) => (document.title = t.settings.description, /* @__PURE__ */ e(p, {}))), J = () => {
+  const t = d(), l = u(), r = j.DEFAULT_LOCALE;
+  console.log("defaultLocale", r);
+  const o = t.lan, c = l.pathname;
+  return console.log("pathParams", t), m(() => {
+    process.env.NODE_ENV === "development" && (console.log("----------.env-----------"), console.log(process.env), console.log("----------.env-----------")), window && window.setTimeout(() => {
+      if (window && window.location.hash) {
+        const s = document.getElementById(window.location.hash.substring(1));
+        s && s.scrollIntoView({ behavior: "auto", block: "start" });
+      }
+    }, 2e3);
+  }, []), m(() => {
+    n.dispatch(N({ locale: o, formats: {}, messages: i[o ?? "en"] }));
+  }, [o]), o ? Object.keys(i).includes(o) ? /* @__PURE__ */ e(P, { store: n, children: /* @__PURE__ */ e(w, { locale: o, messages: i[o], children: /* @__PURE__ */ e(C, { getComponent: h, store: n, locale: o, children: /* @__PURE__ */ e(I, { locale: o, changeUUID: null, children: /* @__PURE__ */ f(L, { children: [
+    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(O, {}) }),
+    /* @__PURE__ */ e(g, {})
+  ] }) }) }) }, o) }) : /* @__PURE__ */ e(a, { to: `/${r}${c}`, replace: !0 }) : /* @__PURE__ */ e(a, { to: r, replace: !0 });
+};
+export {
+  J as default
+};

package/dist/esm/layout/Loading.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Segment as r, Dimmer as t, Loader as i } from "semantic-ui-react";
+const c = () => /* @__PURE__ */ e(r, { className: "h-screen w-screen", children: /* @__PURE__ */ e(t, { active: !0, inverted: !0, children: /* @__PURE__ */ e(i, { size: "large", active: !0, inline: "centered", inverted: !0 }) }) });
+export {
+  c as default
+};

package/dist/esm/layout/PreviewComponent.js

@@ -0,0 +1,30 @@
+import { jsx as e } from "react/jsx-runtime";
+import d, { useState as u, useEffect as g } from "react";
+import { useParams as f, useLocation as l, useSearchParams as w } from "react-router";
+import { Container as y, Segment as P } from "semantic-ui-react";
+import { SettingsConsumer as C } from "@devgateway/wp-react-lib";
+import { getComponentByNameIgnoreCase as h } from "../embeddable/index.js";
+const v = () => {
+  const m = f();
+  l();
+  const [n] = u(() => h(m.name ?? ""));
+  let [r, i] = w();
+  const a = (c) => {
+    console.log("-------------------------------reading message ----------------------------------------");
+    const t = c.data;
+    if (t.messageType && t.messageType == "component-attributes") {
+      const s = { ...r };
+      Object.keys(t).forEach((o) => {
+        s["data-" + o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()] = typeof t[o] == "object" ? JSON.stringify(t[o]) : t[o];
+      }), i(s);
+    }
+  };
+  g(() => (window.addEventListener("message", a, !1), window.parent && window.parent.postMessage({ type: "componentReady", value: !0 }, "*"), window.top && window.top.postMessage({ type: "componentReady", value: !0 }, "*"), () => {
+    window.removeEventListener("message", a);
+  }), []);
+  const p = d.useMemo(() => Object.fromEntries(r.entries()), [r]);
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(y, { fluid: !0, className: "editing", children: n ? /* @__PURE__ */ e(n, { ...p, editing: !0 }) : /* @__PURE__ */ e(P.Group, { color: "red", textAlign: "center", children: /* @__PURE__ */ e("h1", { children: "Wrong Component Name" }) }) }) });
+}, N = () => /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(v, {}) });
+export {
+  N as default
+};

package/dist/esm/layout/index.js

@@ -1,16 +1,24 @@
-import o from "./ResponsiveContainer.js";
+import e from "./ResponsiveContainer.js";
 import { default as a } from "./ScrollTop.js";
 import { default as p } from "./containers/PreviewPageContainer.js";
-import { default as i } from "./containers/PreviewTypeContainer.js";
+import { default as l } from "./containers/PreviewTypeContainer.js";
 import { default as s } from "./containers/SlugContainer.js";
-import { default as u } from "./containers/SlugPostContainer.js";
-import { CustomizerWrapper as d } from "./Customizer.js";
+import { default as i } from "./containers/SlugPostContainer.js";
+import { CustomizerWrapper as x } from "./Customizer.js";
+import { default as v } from "./Layout.js";
+import { default as g } from "./PreviewComponent.js";
+import { default as S } from "./Favicon.js";
+import { default as c } from "./Loading.js";
 export {
-  d as CustomizerWrapper,
+  x as CustomizerWrapper,
+  S as Favicon,
+  c as Loading,
+  g as PreviewComponent,
   p as PreviewPageContainer,
-  i as PreviewTypeContainer,
+  l as PreviewTypeContainer,
+  v as RootLayout,
   a as ScrollToTop,
   s as SlugContainer,
-  u as SlugPostContainer,
-  o as default
+  i as SlugPostContainer,
+  e as default
 };

package/dist/types/layout/Favicon.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+declare function Favicon(): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Favicon>;
+export default _default;

package/dist/types/layout/Layout.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const RootLayout: () => React.JSX.Element;
+export default RootLayout;

package/dist/types/layout/Loading.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Loading: () => React.JSX.Element;
+export default Loading;

package/dist/types/layout/PreviewComponent.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const PreviewComponent: () => React.JSX.Element;
+export default PreviewComponent;

package/dist/types/layout/index.d.ts

@@ -4,3 +4,7 @@ export * from './containers';
 export * from './Customizer';
 export default ResponsiveContainer;
 export { ScrollToTop };
+export { default as RootLayout } from './Layout';
+export { default as PreviewComponent } from './PreviewComponent';
+export { default as Favicon } from './Favicon';
+export { default as Loading } from './Loading';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -80,7 +80,7 @@
     "string-template": "^1.0.0",
     "topojson-client": "^3.1.0",
     "uuid": "^11.1.0",
-    "@devgateway/wp-react-lib": "0.4.3"
+    "@devgateway/wp-react-lib": "0.4.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.26.0",