@depict-ai/react-ui 1.5.2 → 1.5.4

package/locales/ES10/index.cjs

@@ -0,0 +1 @@
+module.exports = require("@depict-ai/ui/locales/ES10");

package/locales/ES10/index.d.ts

@@ -0,0 +1,2 @@
+export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales/ES10";
+export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales/ES10";

package/locales/ES10/index.js

@@ -0,0 +1 @@
+export * from "@depict-ai/ui/locales/ES10";

package/locales/index.cjs

@@ -0,0 +1 @@
+module.exports = require("@depict-ai/ui/locales/ES10");

package/locales/index.d.ts

@@ -1,2 +1,2 @@
-export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales";
-export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales";
+export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales/ES10";
+export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales/ES10";

package/locales/index.js

@@ -1 +1 @@
-export * from "@depict-ai/ui/locales";
+export * from "@depict-ai/ui/locales/ES10";

package/locales/latest/index.cjs

@@ -0,0 +1 @@
+module.exports = require("@depict-ai/ui/locales/latest");

package/locales/latest/index.d.ts

@@ -0,0 +1,2 @@
+export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales/latest";
+export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales/latest";

package/locales/latest/index.js

@@ -0,0 +1 @@
+export * from "@depict-ai/ui/locales/latest";

package/multi_import_deduplicator.cjs

@@ -0,0 +1,31 @@
+/**
+ * To prevent that people accidentally import multiple flavours of the same type (i.e. @depict-ai/utilishared/latest and @depict-ai/utilishared/ES7) we have this module which needs to not be transformed by babel or bundled by parcel and therefore has to support ES5
+ */
+var versions_imported = [];
+
+function register_es_version(package_name, es_version) {
+  package_name = "@depict-ai/" + package_name;
+  var already_imported = [];
+  for (var i = 0; i < versions_imported.length; i++) {
+    already_imported.push(package_name + "/" + versions_imported[i]);
+  }
+  var has_this_version = versions_imported.indexOf(es_version) !== -1;
+  if (!has_this_version) {
+    versions_imported.push(es_version);
+  }
+  if (versions_imported.length > 1) {
+    throw new Error(
+      "You're trying to import multiple transpiled versions of " +
+        package_name +
+        "! Already imported: " +
+        already_imported.join(", ") +
+        " and you're trying to import " +
+        package_name +
+        "/" +
+        es_version +
+        " or a dependant thereof"
+    );
+  }
+}
+
+module.exports = { register_es_version };

package/multi_import_deduplicator.mjs

@@ -0,0 +1,31 @@
+/**
+ * To prevent that people accidentally import multiple flavours of the same type (i.e. @depict-ai/utilishared/latest and @depict-ai/utilishared/ES7) we have this module which needs to not be transformed by babel or bundled by parcel and therefore has to support ES5
+ */
+var versions_imported = [];
+
+function register_es_version(package_name, es_version) {
+  package_name = "@depict-ai/" + package_name;
+  var already_imported = [];
+  for (var i = 0; i < versions_imported.length; i++) {
+    already_imported.push(package_name + "/" + versions_imported[i]);
+  }
+  var has_this_version = versions_imported.indexOf(es_version) !== -1;
+  if (!has_this_version) {
+    versions_imported.push(es_version);
+  }
+  if (versions_imported.length > 1) {
+    throw new Error(
+      "You're trying to import multiple transpiled versions of " +
+        package_name +
+        "! Already imported: " +
+        already_imported.join(", ") +
+        " and you're trying to import " +
+        package_name +
+        "/" +
+        es_version +
+        " or a dependant thereof"
+    );
+  }
+}
+
+export { register_es_version };

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
-  "main": "dist/main.js",
-  "module": "dist/module.js",
-  "types": "dist/index.d.ts",
+  "types": "ES10/index.d.ts",
+  "type": "module",
   "sass": "dist/styles/index.scss",
   "license": "MIT",
   "description": "React flavour of the Depict UI library.",
@@ -13,15 +12,15 @@
     "access": "public"
   },
   "scripts": {
-    "clear-dist": "rm -r -f ./dist",
-    "build": "node ./build-scripts/pre_build.js && yarn build-server && parcel build --no-source-maps && node ./build-scripts/post_build.js",
-    "build-server": "yarn clear-dist && parcel build --no-source-maps ./src-server/index.ts && cp -r ./dist/ ./dist-server && yarn clear-dist",
+    "build": "build-scripts/build",
     "print-included-package-files": "yarn pack --dry-run",
     "typecheck": "yarn g:tsc --build tsconfig.json",
     "publish": "yarn build && yarn npm publish"
   },
   "targets": {
-    "main": {
+    "types": {},
+    "module_latest": {
+      "outputFormat": "esmodule",
       "isLibrary": true,
       "context": "node",
       "engines": {
@@ -29,7 +28,8 @@
       },
       "optimize": false
     },
-    "module": {
+    "main_latest": {
+      "outputFormat": "commonjs",
       "isLibrary": true,
       "context": "node",
       "engines": {
@@ -37,70 +37,108 @@
       },
       "optimize": false
     },
+    "module_es10": {
+      "outputFormat": "esmodule",
+      "isLibrary": true,
+      "context": "node",
+      "engines": {
+        "browsers": "supports array-flat"
+      },
+      "optimize": false
+    },
+    "main_es10": {
+      "outputFormat": "commonjs",
+      "isLibrary": true,
+      "context": "node",
+      "engines": {
+        "browsers": "supports array-flat"
+      },
+      "optimize": false
+    },
     "css": {
       "source": "src/styles/plain-css-fallback-styling.scss",
-      "distDir": "dist"
+      "distDir": "dist/styles"
     }
   },
   "exports": {
     ".": {
+      "types": "./ES10/index.d.ts",
+      "browser": {
+        "import": "./ES10/index.js",
+        "require": "./ES10/index.cjs",
+        "sass": "./dist/styles/index.scss"
+      },
+      "node": {
+        "import": "./server/ES10/index.js",
+        "require": "./server/ES10/index.cjs",
+        "sass": "./dist/styles/index.scss"
+      },
+      "sass": "./dist/styles/index.scss"
+    },
+    "./latest": {
+      "types": "./latest/index.d.ts",
       "browser": {
-        "development": {
-          "import": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/module.js"
-          },
-          "require": "./dist/main.js"
-        },
-        "import": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/module.js"
-        },
-        "require": "./dist/main.js",
+        "import": "./latest/index.js",
+        "require": "./latest/index.cjs",
         "sass": "./dist/styles/index.scss"
       },
       "node": {
-        "import": {
-          "default": "./dist-server/module.js"
-        },
-        "require": "./dist-server/main.js",
+        "import": "./server/latest/index.js",
+        "require": "./server/latest/index.cjs",
         "sass": "./dist/styles/index.scss"
       },
-      "development": {
-        "import": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/module.js"
-        },
-        "require": "./dist/main.js",
+      "sass": "./dist/styles/index.scss"
+    },
+    "./ES10": {
+      "types": "./ES10/index.d.ts",
+      "browser": {
+        "import": "./ES10/index.js",
+        "require": "./ES10/index.cjs",
         "sass": "./dist/styles/index.scss"
       },
-      "import": {
-        "sass": "./dist/styles/index.scss",
-        "types": "./dist/index.d.ts",
-        "default": "./dist/module.js"
+      "node": {
+        "import": "./server/ES10/index.js",
+        "require": "./server/ES10/index.cjs",
+        "sass": "./dist/styles/index.scss"
       },
-      "require": "./dist/main.js",
       "sass": "./dist/styles/index.scss"
     },
     "./styles/*": "./dist/styles/*",
     "./locales": {
-      "types": "./locales/index.d.ts",
-      "import": "./locales/index.js",
-      "require": "./locales/require.js",
-      "default": "./locales/index.js"
+      "types": "./locales/ES10/index.d.ts",
+      "import": "./locales/ES10/index.js",
+      "require": "./locales/ES10/index.cjs"
+    },
+    "./locales/latest": {
+      "types": "./locales/latest/index.d.ts",
+      "import": "./locales/latest/index.js",
+      "require": "./locales/latest/index.cjs"
+    },
+    "./locales/ES10": {
+      "types": "./locales/ES10/index.d.ts",
+      "import": "./locales/ES10/index.js",
+      "require": "./locales/ES10/index.cjs"
     }
   },
   "files": [
     "/dist",
-    "/dist-server",
+    "/server",
     "/locales",
-    "README.md"
+    "README.md",
+    "/latest",
+    "/ES10",
+    "styles.scss",
+    "./multi_import_deduplicator.mjs",
+    "./multi_import_deduplicator.cjs"
   ],
   "dependencies": {
-    "@depict-ai/dpc": "^1.0.30",
-    "@depict-ai/plp-styling": "^1.0.29",
-    "@depict-ai/ui": "^1.4.3",
-    "@depict-ai/utilishared": "^1.0.28",
+    "@babel/plugin-transform-typescript": "^7.22.9",
+    "@babel/runtime": "latest",
+    "@babel/runtime-corejs3": "latest",
+    "@depict-ai/dpc": "^1.0.31",
+    "@depict-ai/plp-styling": "^1.0.30",
+    "@depict-ai/ui": "^1.4.4",
+    "@depict-ai/utilishared": "^1.0.29",
     "solid-js": "^1.7.3"
   },
   "peerDependencies": {
@@ -112,12 +150,9 @@
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
     "@babel/preset-typescript": "latest",
-    "@babel/runtime": "latest",
-    "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^1.0.29",
+    "@depict-ai/plp-styling": "^1.0.30",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
-    "@parcel/resolver-default": "^2.8.0",
     "@parcel/transformer-sass": "latest",
     "@types/jest": "^29.2.6",
     "@types/node": "^18.11.11",
@@ -133,5 +168,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ts-jest": "^29.0.5"
-  }
+  },
+  "main": "ES10/index.js",
+  "module": "ES10/index.cjs"
 }

package/server/ES10/index.cjs

@@ -0,0 +1,135 @@
+var $aNCHr$react = require("react");
+var $aNCHr$reactjsxruntime = require("react/jsx-runtime");
+var $aNCHr$depictaiui = require("@depict-ai/ui/ES10");
+var $aNCHr$solidjsweb = require("solid-js/web");
+require("../../multi_import_deduplicator.cjs").register_es_version("react-ui", "ES10");
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {
+    get: v,
+    set: s,
+    enumerable: true,
+    configurable: true
+  });
+}
+$parcel$export(module.exports, "DepictProvider", () => $202459d454907b31$export$9fac37a9c21c2f3b);
+$parcel$export(module.exports, "SearchPage", () => $202459d454907b31$export$a54ec244c8863715);
+$parcel$export(module.exports, "CategoryPage", () => $202459d454907b31$export$f7d2f673fc2f091d);
+$parcel$export(module.exports, "BreadCrumbs", () => $202459d454907b31$export$5646050d516e06bc);
+$parcel$export(module.exports, "QuickLinks", () => $202459d454907b31$export$466cdc317043f6cb);
+$parcel$export(module.exports, "ComponentAligner", () => $202459d454907b31$export$80e99ee6b29cadd2);
+$parcel$export(module.exports, "ImagePlaceholder", () => $202459d454907b31$export$3f37af283f8fb843);
+$parcel$export(module.exports, "TextPlaceholder", () => $202459d454907b31$export$89c6019e4baa40b1);
+$parcel$export(module.exports, "useSearchField", () => $202459d454907b31$export$9bb30bbe003b82e0);
+$parcel$export(module.exports, "openModal", () => $202459d454907b31$export$a7f6cffb6b8ba11c);
+$parcel$export(module.exports, "useSearchModal", () => $202459d454907b31$export$912994940e660d32);
+$parcel$export(module.exports, "usePerformanceClient", () => $202459d454907b31$export$38b98fae14bd1f64);
+$parcel$export(module.exports, "useFetchRecommendations", () => $202459d454907b31$export$6501da23a2770fc);
+$parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fbfd8236492);
+function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
+  let {
+    solid_component: solid_component,
+    props: props,
+    wrapper_type = "div",
+    wrapper_style = {}
+  } = _ref;
+  const wrapper_element_ref = (0, $aNCHr$react.useRef)();
+  // The worst thing that can happen by multiple generateHydrationScript's is that events dispatched before the hydration are duplicated in solid's shared context which leads to them being deduplicated again here https://github.com/ryansolid/dom-expressions/blob/21fdba5bcab25986a2b93003aaace100b2231cdc/packages/dom-expressions/src/client.js#L280
+  const rendered_html = (0, $aNCHr$solidjsweb.renderToString)(() => solid_component(props, () => {})) + (0, $aNCHr$solidjsweb.generateHydrationScript)();
+  return (0, $aNCHr$react.createElement)((0, $aNCHr$react.Fragment), null, (0, $aNCHr$react.createElement)(wrapper_type, {
+    ref: wrapper_element_ref,
+    style: wrapper_style,
+    dangerouslySetInnerHTML: {
+      __html: rendered_html
+    }
+  }));
+}
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.4";
+function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
+  return props.children;
+}
+function $202459d454907b31$export$a54ec244c8863715() {
+  return (0, $aNCHr$reactjsxruntime.jsx)("div", {
+    children: []
+  });
+}
+function $202459d454907b31$export$f7d2f673fc2f091d() {
+  return (0, $aNCHr$reactjsxruntime.jsx)("div", {
+    children: []
+  });
+}
+function $202459d454907b31$export$5646050d516e06bc() {
+  return (0, $aNCHr$reactjsxruntime.jsx)("div", {
+    children: []
+  });
+}
+function $202459d454907b31$export$466cdc317043f6cb() {
+  return (0, $aNCHr$reactjsxruntime.jsx)("div", {
+    children: []
+  });
+}
+function $202459d454907b31$export$80e99ee6b29cadd2() {
+  return (0, $aNCHr$react.createElement)("div", {
+    className: "depict aligner",
+    style: {
+      height: "100%"
+    }
+  });
+}
+function $202459d454907b31$export$3f37af283f8fb843(raw_react_props) {
+  const react_props = {
+    class: raw_react_props.className,
+    ...raw_react_props
+  };
+  return (0, $f144be06c518d0ac$export$4b564d7f5a1b1d43)({
+    solid_component: props_store => (0, $aNCHr$depictaiui.ImagePlaceholder)(props_store),
+    props: react_props,
+    wrapper_type: "span"
+  });
+}
+function $202459d454907b31$export$89c6019e4baa40b1(raw_react_props) {
+  const react_props = {
+    ...raw_react_props,
+    class: raw_react_props.className
+  };
+  return (0, $f144be06c518d0ac$export$4b564d7f5a1b1d43)({
+    solid_component: props_store => (0, $aNCHr$depictaiui.TextPlaceholder)(props_store),
+    props: react_props,
+    wrapper_type: "span",
+    wrapper_style: {
+      "height": "100%"
+    }
+  });
+}
+function $202459d454907b31$export$9bb30bbe003b82e0() {
+  return {
+    SearchField: () => (0, $aNCHr$reactjsxruntime.jsx)("div", {
+      children: []
+    })
+  };
+}
+function $202459d454907b31$export$a7f6cffb6b8ba11c() {}
+function $202459d454907b31$export$912994940e660d32() {
+  return {
+    open: () => {}
+  };
+}
+function $202459d454907b31$export$38b98fae14bd1f64() {
+  const mock = {
+    get: function (target, property) {
+      if (typeof target[property] === "undefined") return () => {
+        throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
+      };
+      return target[property];
+    }
+  };
+  return {
+    dpc: new Proxy({}, mock)
+  };
+}
+function $202459d454907b31$export$6501da23a2770fc() {
+  return {
+    fetchRecommendations: () => {
+      throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
+    }
+  };
+}