@genexus/mercury 0.8.11 → 0.9.0

package/dist/assets-manager.d.ts

@@ -1,7 +1,7 @@
 import { GxImageMultiState, NavigationListItemModel, TreeViewImagePathCallback } from "@genexus/chameleon-controls-library";
 import { RegistryGetImagePathCallback } from "@genexus/chameleon-controls-library/dist/types/index";
 export { MercuryBundleBase, MercuryBundleComponent, MercuryBundleComponentForm, MercuryBundleFull, MercuryBundleOptimized, MercuryBundleReset, MercuryBundleUtil, MercuryBundleUtilFormFull, MercuryBundles } from "./bundles.js";
-export { getThemeBundles } from "./bundles.js";
+export { getThemeBundles, getBundles } from "./bundles.js";
 export type AssetsMetadata = {
     category: string;
     name: string;

package/dist/assets-manager.js

@@ -1,5 +1,5 @@
 import { MERCURY_ASSETS } from "./assets/MERCURY_ASSETS.js";
-export { getThemeBundles } from "./bundles.js";
+export { getThemeBundles, getBundles } from "./bundles.js";
 const ASSETS_BY_VENDOR = {};
 const ALIAS_TO_VENDOR_NAME = {};
 const SEPARATOR = "/";

package/dist/bundles.d.ts

@@ -1,3 +1,4 @@
+import { ThemeModel } from "@genexus/chameleon-controls-library";
 export type MercuryBundles = [MercuryBundleReset, ...MercuryBundleOptimized[]] | [MercuryBundleReset, ...MercuryBundleFull[]];
 export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleUtil;
 export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
@@ -257,4 +258,33 @@ export declare const getThemeBundles: (basePath: string) => [{
     readonly url: `${string}chameleon/scrollbar.css`;
     readonly attachStyleSheet: boolean;
 }];
+/**
+ * Given the bundles array and the basePath (optional), returns the given
+ * bundles in the format of type `ThemeModel`.
+ *
+ * This is useful for defining the following in a dialog:
+ *
+ * ```tsx
+ * const CSS_BUNDLES: ThemeModel = getBundles(
+ *   [
+ *     "components/accordion",
+ *     "components/button",
+ *     "components/checkbox",
+ *     "components/combo-box",
+ *     "components/edit",
+ *     "components/tree-view",
+ *     "utils/form",
+ *     "utils/layout",
+ *   ],
+ *   "./assets/css/"
+ * );
+ *
+ * HTML/render/template:
+ *   <Host>
+ *     <ch-theme model={CSS_BUNDLES}></ch-theme>
+ *     ...
+ *   </Host>
+ * ```
+ */
+export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], basePath?: string) => ThemeModel;
 export {};

package/dist/bundles.js

@@ -58,3 +58,34 @@ export const getThemeBundles = (basePath) => [
     getThemeModelItem(basePath, "utils/typography"),
     getThemeModelItem(basePath, "chameleon/scrollbar")
 ];
+/**
+ * Given the bundles array and the basePath (optional), returns the given
+ * bundles in the format of type `ThemeModel`.
+ *
+ * This is useful for defining the following in a dialog:
+ *
+ * ```tsx
+ * const CSS_BUNDLES: ThemeModel = getBundles(
+ *   [
+ *     "components/accordion",
+ *     "components/button",
+ *     "components/checkbox",
+ *     "components/combo-box",
+ *     "components/edit",
+ *     "components/tree-view",
+ *     "utils/form",
+ *     "utils/layout",
+ *   ],
+ *   "./assets/css/"
+ * );
+ *
+ * HTML/render/template:
+ *   <Host>
+ *     <ch-theme model={CSS_BUNDLES}></ch-theme>
+ *     ...
+ *   </Host>
+ * ```
+ */
+export const getBundles = (bundles, basePath) => basePath
+    ? bundles.map(bundle => getThemeModelItem(basePath, bundle))
+    : bundles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.8.11",
+  "version": "0.9.0",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "dist/mercury.scss",
   "module": "dist/assets-manager.js",