@uxland/primary-shell 5.7.0 → 5.7.1

package/dist/primary/shell/src/api/interaction-service/interaction-service-impl.d.ts

@@ -2,6 +2,6 @@ import { ConfirmationContentProps, ConfirmationOptions, ConfirmationResult, Conf
 
 import * as React from "react";
 export declare class ParimariaInteractionServiceImpl extends PrimariaInteractionService {
-    confirm<TData = undefined, TResult = undefined>(data: TData | undefined, DialogComponent: React.ComponentType<ConfirmationContentProps<TData, TResult> | ConfirmationWithResultContentProps<TData, TResult>> | (new () => HTMLElement), options?: ConfirmationOptions | undefined): Promise<ConfirmationResult<TResult | undefined>>;
+    confirm<TData = undefined, TResult = undefined>(data: TData | undefined, DialogComponent: React.ComponentType<ConfirmationContentProps<TData, TResult> | ConfirmationWithResultContentProps<TData, TResult>> | (new () => HTMLElement), options?: ConfirmationOptions | undefined, styles?: any): Promise<ConfirmationResult<TResult | undefined>>;
     confirmMessage(message: string, options?: ConfirmationOptions | undefined): Promise<ConfirmationResult>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "5.7.0",
+  "version": "5.7.1",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",

package/src/api/interaction-service/interaction-service-impl.tsx

@@ -29,15 +29,20 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
       | React.ComponentType<ConfirmationContentProps<TData, TResult> | ConfirmationWithResultContentProps<TData, TResult>>
       | (new () => HTMLElement),
     options?: ConfirmationOptions | undefined,
+    styles?: any
   ): Promise<ConfirmationResult<TResult | undefined>> {
     const finalOptions: ConfirmationOptions = { ...defaultOptions, ...(options || {}) };
     return new Promise((resolve) => {
       const div = document.createElement("div");
       document.body.appendChild(div);
-      const style = document.createElement("style");
-      style.textContent = modalStyles;
-
-      document.head.appendChild(style);
+      const wrapperStyles = document.createElement("style");
+      wrapperStyles.textContent = modalStyles;
+      document.head.appendChild(wrapperStyles);
+      if(styles) {
+        const style = document.createElement("style");
+        style.textContent = styles;
+        document.head.appendChild(style);
+      }
 
       const DialogWrapper = () => {
         const [result, setResult] = useState<ConfirmationResult<TResult | undefined>>();

package/src/internal-plugins/activity-history/activity-history-item/filter/UI/activity-history-filters/template.ts

@@ -9,6 +9,7 @@ import {
   IActivityHistoryFilter,
 } from "../../model";
 import { translate } from "../../../../localization";
+import { when } from "lit/directives/when.js";
 
 const filterTemplates = {
   [ActivityHistoryFilterType.Switch]: (id, title, handleChange, isSelected, isEnabled) => html`
@@ -108,8 +109,10 @@ const customFilterTemplate = (
   group: IActivityHistoryCustomFilterGroup,
 ) => {
   if (filter.type === ActivityHistoryFilterType.Dropdown) {
-    const elements = filter?.options.map(option => ({ value: option.id, label: option.title || option.id }));
-    return html`
+    const elements = filter?.options.map((option) => ({ value: option.id, label: option.title || option.id }));
+    return when(
+      elements.length > 0,
+      () => html`
       <dss-input-dropdown
         inputsize="md"
         icon=""
@@ -117,28 +120,30 @@ const customFilterTemplate = (
         dropdownFixed
         type="default"
         .elements=${elements}
-        @onInputDropdownChange=${(e) =>
-          props._onChangeCustomFilterAllValues(group.id, filter.id, e.detail.selectedValue)
-        }
+        @onInputDropdownChange=${(e) => props._onChangeCustomFilterAllValues(group.id, filter.id, e.detail.selectedValue)}
         .selectedValue=${filter.enabledValues}
         selectorStyle="max-height: 450px"
       >
         <label slot="label">${filter.title}</label>
         <input slot="input" type="text" class="dss-input" autocomplete="off" />
       </dss-input-dropdown>
-    `;
+    `,
+    );
   }
 
   return filter.singleOption
     ? getFilterTemplate(filter, props._onChangeCustomFilterValue.bind(props), group)
-    : html`
+    : when(
+        !!filter.options?.length,
+        () => html`
         <primaria-accordion isOpen>
           <div class="custom-filter-title" slot="title">${filter.title}</div>
           <div class="custom-filter-content" slot="content">
-            ${filter.options.map(option =>
-              getFilterTemplate(filter, props._onChangeCustomFilterValue.bind(props), group, option)
+            ${filter.options.map((option) =>
+              getFilterTemplate(filter, props._onChangeCustomFilterValue.bind(props), group, option),
             )}
           </div>
         </primaria-accordion>
-      `;
+      `,
+      );
 };