@retailcrm/embed-ui 0.5.14 → 0.5.16

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Changelog
 
 
+## [0.5.16](https://github.com/retailcrm/embed-ui/compare/v0.5.15...v0.5.16) (2025-01-27)
+
+### Features
+
+* **v1-components:** UiDate & utilities for date/time formatting with automatic vue-i18n locale detection ([41ad8b0](https://github.com/retailcrm/embed-ui/commit/41ad8b07bba29981a3c8132953d90cb5560a00a3))
+## [0.5.15](https://github.com/retailcrm/embed-ui/compare/v0.5.14...v0.5.15) (2025-01-24)
+
+### Features
+
+* Composable utility for using @omnicajs/symfony-fouter ([cc9df5a](https://github.com/retailcrm/embed-ui/commit/cc9df5a274fdfefd0ca2ec56bcf87eec8130fe8e))
+
+### Bug Fixes
+
+* **v1-components:** Avatar display style ([b29c9a8](https://github.com/retailcrm/embed-ui/commit/b29c9a864c5a5e4bbd53836a1313d7090917d058))
 ## [0.5.14](https://github.com/retailcrm/embed-ui/compare/v0.5.13...v0.5.14) (2025-01-24)
 
 ### Bug Fixes

package/dist/index.cjs

@@ -10,6 +10,7 @@ const cardPhone = require("@retailcrm/embed-ui-v1-contexts/remote/customer/card-
 const card$1 = require("@retailcrm/embed-ui-v1-contexts/remote/order/card");
 const current = require("@retailcrm/embed-ui-v1-contexts/remote/user/current");
 const settings = require("@retailcrm/embed-ui-v1-contexts/remote/settings");
+const symfonyRouter = require("@omnicajs/symfony-router");
 const vue = require("vue");
 const useField = (store, field, onReject = null) => {
   if (store.schema[field].readonly) {
@@ -48,6 +49,25 @@ const useHost = () => {
     }
   };
 };
+const useRouter = () => {
+  const stringify = JSON.stringify;
+  const clone = (pojo) => JSON.parse(stringify(pojo));
+  const settings$1 = settings.useContext();
+  const routing = vue.shallowRef(clone(settings$1["system.routing"]));
+  vue.watch(() => settings$1["system.routing"], (changed) => {
+    if (stringify(changed) !== stringify(routing.value)) {
+      routing.value = clone(changed);
+    }
+  });
+  return vue.computed(() => {
+    symfonyRouter.Router.setData(clone(routing.value));
+    return {
+      generate: (name, params = {}, absolute = false) => {
+        return symfonyRouter.Router.getInstance().generate(name, params, absolute);
+      }
+    };
+  });
+};
 const createRoot = async (channel) => {
   const root = remote$1.createRemoteRoot(channel, {
     components: [
@@ -145,3 +165,4 @@ exports.createWidgetEndpoint = createWidgetEndpoint;
 exports.useCustomField = useCustomField;
 exports.useField = useField;
 exports.useHost = useHost;
+exports.useRouter = useRouter;

package/dist/index.mjs

@@ -7,8 +7,10 @@ import { schema, useContext } from "@retailcrm/embed-ui-v1-contexts/remote/custo
 import { schema as schema2, useContext as useContext2 } from "@retailcrm/embed-ui-v1-contexts/remote/customer/card-phone";
 import { schema as schema3, useContext as useContext3 } from "@retailcrm/embed-ui-v1-contexts/remote/order/card";
 import { schema as schema4, useContext as useContext4 } from "@retailcrm/embed-ui-v1-contexts/remote/user/current";
-import { schema as schema5, useContext as useContext5 } from "@retailcrm/embed-ui-v1-contexts/remote/settings";
-import { computed } from "vue";
+import { useContext as useContext5 } from "@retailcrm/embed-ui-v1-contexts/remote/settings";
+import { schema as schema5, useContext as useContext6 } from "@retailcrm/embed-ui-v1-contexts/remote/settings";
+import { Router } from "@omnicajs/symfony-router";
+import { computed, shallowRef, watch } from "vue";
 const useField = (store, field, onReject = null) => {
   if (store.schema[field].readonly) {
     return computed(() => store[field]);
@@ -46,6 +48,25 @@ const useHost = () => {
     }
   };
 };
+const useRouter = () => {
+  const stringify = JSON.stringify;
+  const clone = (pojo) => JSON.parse(stringify(pojo));
+  const settings = useContext5();
+  const routing = shallowRef(clone(settings["system.routing"]));
+  watch(() => settings["system.routing"], (changed) => {
+    if (stringify(changed) !== stringify(routing.value)) {
+      routing.value = clone(changed);
+    }
+  });
+  return computed(() => {
+    Router.setData(clone(routing.value));
+    return {
+      generate: (name, params = {}, absolute = false) => {
+        return Router.getInstance().generate(name, params, absolute);
+      }
+    };
+  });
+};
 const createRoot = async (channel) => {
   const root = createRemoteRoot(channel, {
     components: [
@@ -113,5 +134,6 @@ export {
   useField,
   useHost,
   useContext3 as useOrderCardContext,
-  useContext5 as useSettingsContext
+  useRouter,
+  useContext6 as useSettingsContext
 };

package/index.d.ts

@@ -24,6 +24,8 @@ import type {
   ContextStoreDefinition,
 } from '@retailcrm/embed-ui-v1-contexts/remote'
 
+import type { Router } from '@omnicajs/symfony-router'
+
 import type { Schema as CustomerCardSchema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card'
 import type { Schema as CustomerCardPhoneSchema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card-phone'
 import type { Schema as OrderCardSchema } from '@retailcrm/embed-ui-v1-contexts/types/order/card'
@@ -85,4 +87,6 @@ export declare const useCustomerCardContext: ContextStoreDefinition<'customer/ca
 export declare const useCustomerCardPhoneContext: ContextStoreDefinition<'customer/card:phone', CustomerCardPhoneSchema>
 export declare const useOrderCardContext: ContextStoreDefinition<'order/card', OrderCardSchema>
 export declare const useCurrentUserContext: ContextStoreDefinition<'user/current', CurrentUserSchema>
-export declare const useSettingsContext: ContextStoreDefinition<'settings', SettingsSchema>
+export declare const useSettingsContext: ContextStoreDefinition<'settings', SettingsSchema>
+
+export declare const useRouter: () => ComputedRef<Pick<Router, 'generate'>>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui",
   "type": "module",
-  "version": "0.5.14",
+  "version": "0.5.16",
   "description": "API and components for creating RetailCRM UI extensions",
   "repository": "git@github.com:retailcrm/embed-ui.git",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
@@ -35,15 +35,16 @@
     "vue": "^3.5"
   },
   "dependencies": {
+    "@omnicajs/symfony-router": "^1.0.0",
     "@omnicajs/vue-remote": "^0.2.5",
     "@remote-ui/rpc": "^1.4.5",
-    "@retailcrm/embed-ui-v1-contexts": "^0.5.14",
-    "@retailcrm/embed-ui-v1-types": "^0.5.14"
+    "@retailcrm/embed-ui-v1-contexts": "^0.5.16",
+    "@retailcrm/embed-ui-v1-types": "^0.5.16"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.0.2",
     "@eslint/js": "^9.13.0",
-    "@retailcrm/embed-ui-v1-testing": "^0.5.14",
+    "@retailcrm/embed-ui-v1-testing": "^0.5.16",
     "@types/git-semver-tags": "^7.0.0",
     "@types/node": "^22.7.9",
     "@types/semver": "^7.5.8",

package/vitest.workspace.ts

@@ -3,4 +3,5 @@ import { defineWorkspace } from 'vitest/config'
 export default defineWorkspace([
   '.',
   'packages/v1-contexts',
+  'packages/v1-components',
 ])