@uxland/primary-shell 4.3.0 → 5.0.0

package/src/UI/shared-components/primaria-interaction/notify.ts

@@ -1,153 +0,0 @@
-import "./components/notifier-component";
-import { NotifierComponent } from "./components/notifier-component";
-import { NotifyOptions } from "./typings";
-
-function rand(c: "x" | "y") {
-  const r = (Math.random() * 16) | 0;
-  const v = c === "x" ? r : (r & 0x3) | 0x8;
-  return v.toString(16);
-}
-
-export function generateId() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, rand);
-}
-
-type NotifyOptionsWithId = NotifyOptions & { id: string };
-
-const notificationStack: NotifyOptionsWithId[] = [];
-
-const displayNotifications: NotifyOptionsWithId[] = [];
-
-const stackLimit = 10;
-
-const timeToCloseNotification = 5;
-
-const updateNotificationOptsOrder = () => {
-  for (const [idx, notification] of displayNotifications.entries()) {
-    notification.order = `notification-${idx + 1}`;
-  }
-};
-
-const getComponentById = (id: string | undefined) =>
-  id ? (document.getElementById(id) as NotifierComponent | undefined) : undefined;
-
-const showAndSetTimeOutClose = (component: NotifierComponent, timeInSeconds: number) => {
-  if (!getComponentById(component.id)) return;
-
-  component.show();
-
-  setTimeout(() => {
-    component.close();
-  }, timeInSeconds * 1000);
-};
-
-const removeCurrentComponent = (id: string) => {
-  const currentComponentIdx = displayNotifications.findIndex((n) => n.id === id);
-
-  const currentComponent = getComponentById(displayNotifications[currentComponentIdx]?.id);
-
-  if (!currentComponent) return;
-
-  currentComponent.remove();
-
-  displayNotifications.splice(currentComponentIdx, 1);
-};
-
-const removeFromStackAndAddToDisplay = () => {
-  const nextNotificationOpts = notificationStack[0];
-
-  const nextNotificationIsVisible =
-    nextNotificationOpts && displayNotifications.find((n) => n.id === nextNotificationOpts.id);
-
-  if (nextNotificationOpts && !nextNotificationIsVisible) {
-    displayNotifications.push(nextNotificationOpts);
-
-    notificationStack.shift();
-  }
-};
-
-const refreshAllComponentsOrder = () => {
-  for (const notification of displayNotifications) {
-    if (!notification.order) continue;
-
-    const notificationComponent = getComponentById(notification.id);
-
-    if (!notificationComponent) continue;
-
-    notificationComponent.clearAndUpdateOrder(notification.order);
-  }
-};
-
-const setNewDisplayNotification = () => {
-  const lastNotificationIdx = displayNotifications.length - 1;
-
-  const lastDisplayNotification = displayNotifications[lastNotificationIdx];
-
-  if (!lastDisplayNotification) return;
-
-  const lastComponent = getComponentById(lastDisplayNotification.id);
-
-  if (!lastComponent) return;
-
-  showAndSetTimeOutClose(lastComponent, timeToCloseNotification);
-};
-
-const closeAndUpdateStack = (id: string) => {
-  removeCurrentComponent(id);
-
-  removeFromStackAndAddToDisplay();
-
-  updateNotificationOptsOrder();
-
-  refreshAllComponentsOrder();
-
-  setNewDisplayNotification();
-};
-
-const createNotifyComponent = (options: NotifyOptions, id: string) => {
-  const notifierComponentName = "notifier-component";
-
-  const component = document.body.appendChild(
-    document.createElement(notifierComponentName),
-  ) as NotifierComponent;
-
-  component.options = options;
-
-  component.id = id;
-
-  return component;
-};
-
-export const notify = (options: NotifyOptions) => {
-  const id = `${generateId()}`;
-
-  const optionWithId = { ...options, id };
-
-  if (displayNotifications.length < stackLimit) {
-    displayNotifications.push(optionWithId);
-  } else {
-    notificationStack.push(optionWithId);
-  }
-
-  if (!options.message) throw new Error("message is required");
-
-  const component = createNotifyComponent(options, id);
-
-  component.addEventListener("closed", () => closeAndUpdateStack(id));
-
-  const componentIsReady = component.updateComplete;
-
-  componentIsReady.then(() => {
-    if (!notificationStack.length && displayNotifications.length <= stackLimit) {
-      updateNotificationOptsOrder();
-
-      const order = displayNotifications.find((n) => n.id === id)?.order;
-
-      if (!order) return;
-
-      component.clearAndUpdateOrder(order);
-
-      showAndSetTimeOutClose(component, timeToCloseNotification);
-    }
-  });
-};

package/src/UI/shared-components/primaria-interaction/open-dialog.ts

@@ -1,8 +0,0 @@
-import "./components/dialog-component";
-import { buildDialogComponent } from "./shared";
-import { DialogOptions } from "./typings";
-
-export const openDialog = (options: DialogOptions | any): void => {
-  options.showCloseButton = "showCloseButton" in options ? options.showCloseButton : true;
-  buildDialogComponent(options);
-};

package/src/UI/shared-components/primaria-interaction/shared.ts

@@ -1,29 +0,0 @@
-import { ConfirmOptions, ConfirmResult, CustomConfirmOptions, DialogOptions } from "./typings";
-
-export const buildDialogComponent = (
-  options: DialogOptions & ConfirmOptions & CustomConfirmOptions,
-): Promise<ConfirmResult> => {
-  if (!options.message && !options.componentConstructor) {
-    throw new Error("message, componentConstructor options properties are required");
-  }
-  return new Promise((resolve) => {
-    const component: any = document.body.appendChild(document.createElement("dialog-component"));
-
-    component.options = options;
-    const result = component.updateComplete;
-
-    result.then(() => {
-      if (options.componentConstructor) {
-        const customComponent = component.shadowRoot.querySelector("#__custom-element__");
-        customComponent.model = options.model;
-      }
-      component.addEventListener("closed", closeComponent);
-      component.options && component.show();
-    });
-
-    function closeComponent(e: { detail: ConfirmResult }) {
-      component.remove();
-      resolve(e.detail);
-    }
-  });
-};

package/src/UI/shared-components/primaria-interaction/typings.ts

@@ -1,46 +0,0 @@
-import { LitElement } from "lit";
-export declare type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
-
-export interface ConfirmOptions {
-  title: string;
-  message: string;
-  type: ConfirmType;
-  acceptLabel: string;
-  cancelLabel: string;
-}
-
-export interface CustomConfirmOptions<T = any> {
-  title: string;
-  componentConstructor: Constructor<LitElement | any>;
-  type: ConfirmType;
-  acceptLabel?: string;
-  cancelLabel?: string;
-  model?: T;
-  fullCustomization?: boolean;
-}
-
-export interface DialogOptions<T = any> {
-  title: string;
-  componentConstructor: Constructor<LitElement | any>;
-  model?: T;
-  showCloseButton?: boolean;
-  fullCustomization?: boolean;
-}
-
-export type ConfirmType = "danger" | "warning" | "info" | "success";
-
-export interface NotifyOptions {
-  message?: string;
-  type?: NotifyType;
-  position?: NotifyPosition;
-  order?: string;
-}
-
-export interface ConfirmResult<T = any> {
-  confirmed: boolean;
-  outputModel?: T;
-}
-
-export type NotifyOrder = "first" | "second" | "third" | "fourth" | "fifth";
-export type NotifyPosition = "bottom" | "center" | "top";
-export type NotifyType = "warning" | "info" | "success" | "error";

package/src/api/interaction-manager/interaction.ts

@@ -1,26 +0,0 @@
-import {
-  ConfirmOptions,
-  ConfirmResult,
-  CustomConfirmOptions,
-  DialogOptions,
-  NotifyOptions,
-  confirm,
-  notify,
-  openDialog,
-} from "../../UI/shared-components/primaria-interaction";
-
-export interface PrimariaInteractionManager {
-  notify(options: NotifyOptions): void;
-  confirm(options: ConfirmOptions): Promise<ConfirmResult>;
-  customConfirm(options: CustomConfirmOptions): Promise<ConfirmResult>;
-  openDialog(options: DialogOptions): void;
-}
-
-export const createInteractionManager: () => PrimariaInteractionManager = () => {
-  return {
-    notify: (options: NotifyOptions) => notify(options),
-    confirm: (options: ConfirmOptions) => confirm(options),
-    customConfirm: (options: CustomConfirmOptions) => confirm(options),
-    openDialog: (options: DialogOptions) => openDialog(options),
-  } as PrimariaInteractionManager;
-};