@povio/ui 0.0.5 → 0.0.6

package/src/utils/compoundMapper.spec.ts

@@ -1,91 +0,0 @@
-import { describe, expect, test } from "vitest";
-
-import { compoundMapper } from "./compoundMapper";
-
-const colorVariant = compoundMapper<
-  "primary" | "success" | "warning" | "error",
-  { variant: "outlined" | "contained"; color: "neutral" | "success" | "warning" }
->({
-  compoundVariants: [
-    {
-      variant: ["outlined", "contained"],
-      color: "neutral",
-      value: "primary",
-    },
-    {
-      variant: ["outlined", "contained"],
-      color: "success",
-      value: "success",
-    },
-    {
-      variant: "outlined",
-      color: "warning",
-      value: "warning",
-    },
-  ],
-  defaultVariants: {
-    variant: "outlined",
-    color: "neutral",
-  },
-  default: "error",
-});
-
-const typographyVariants = compoundMapper<
-  { size: "small" | "medium"; variant: "prominent-1" | "default" },
-  { size: "small" | "medium" | "large"; variant: "outlined" | "contained" }
->({
-  compoundVariants: [
-    {
-      size: "small",
-      value: { size: "small", variant: "prominent-1" },
-    },
-    {
-      size: "medium",
-      variant: "outlined",
-      value: { size: "medium", variant: "prominent-1" },
-    },
-    {
-      size: "medium",
-      variant: "contained",
-      value: { size: "medium", variant: "default" },
-    },
-  ],
-});
-
-describe("compoundMapper", () => {
-  test("should return the correct variant", () => {
-    expect(colorVariant({ variant: "outlined", color: "neutral" })).toBe("primary");
-    expect(colorVariant({ variant: "outlined", color: "success" })).toBe("success");
-    expect(colorVariant({ variant: "outlined", color: "warning" })).toBe("warning");
-
-    expect(typographyVariants({ size: "small" })).toEqual({
-      size: "small",
-      variant: "prominent-1",
-    });
-    expect(typographyVariants({ size: "small", variant: "outlined" })).toEqual({
-      size: "small",
-      variant: "prominent-1",
-    });
-    expect(typographyVariants({ size: "small", variant: "contained" })).toEqual({
-      size: "small",
-      variant: "prominent-1",
-    });
-    expect(typographyVariants({ size: "medium", variant: "contained" })).toEqual({
-      size: "medium",
-      variant: "default",
-    });
-    expect(typographyVariants({ size: "medium", variant: "outlined" })).toEqual({
-      size: "medium",
-      variant: "prominent-1",
-    });
-  });
-  test("should return the default value if no variant is found", () => {
-    expect(colorVariant({ variant: "contained", color: "warning" })).toBe("error");
-  });
-  test("should use default variants if no variant provided", () => {
-    expect(colorVariant({ color: "success" })).toBe("success");
-    expect(colorVariant({ color: "warning" })).toBe("warning");
-    expect(colorVariant({ variant: "contained" })).toBe("primary");
-    expect(colorVariant({})).toBe("primary");
-  });
-});

package/src/utils/compoundMapper.ts

@@ -1,42 +0,0 @@
-interface Prop<T> {
-  value: T;
-}
-
-type ConfigSchema = Record<string, any>;
-
-type ConfigVariants<T extends ConfigSchema> = {
-  [Variant in keyof T]?: T[Variant] | null | undefined;
-};
-type ConfigVariantsMulti<T extends ConfigSchema> = {
-  [Variant in keyof T]?: T[Variant] | T[Variant][] | undefined;
-};
-
-interface Config<T, R> {
-  default?: R;
-  compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & Prop<R> : Prop<R>)[];
-  defaultVariants?: Partial<T>;
-}
-
-type Props<T> = T extends ConfigSchema ? ConfigVariants<T> : never;
-
-export type CompoundMapper<ReturnType, Variants extends ConfigSchema> = (
-  props: Props<Variants>,
-) => NonNullable<ReturnType> | undefined;
-
-export const compoundMapper = <ReturnType, Variants extends ConfigSchema>(
-  config: Config<Variants, NonNullable<ReturnType>>,
-) => {
-  return (props: Props<Variants>): NonNullable<ReturnType> | undefined => {
-    const variant = config.compoundVariants?.find((v) => {
-      return Object.entries(v)
-        .filter(([key]) => key !== "value")
-        .every(([key, value]) => {
-          // oxlint-disable-next-line @typescript-eslint/no-unsafe-assignment
-          const prop = props[key] || config.defaultVariants?.[key];
-          return Array.isArray(value) ? value.includes(prop) : prop === value;
-        });
-    });
-
-    return variant?.value ?? config.default;
-  };
-};

package/src/utils/date-time.utils.spec.ts

@@ -1,48 +0,0 @@
-import { CalendarDate, CalendarDateTime, getLocalTimeZone, toZoned } from "@internationalized/date";
-import { describe, expect, test } from "vitest";
-
-import { DateTimeUtils } from "./date-time.utils";
-
-describe("DateTimeUtils", () => {
-  test("fromISOtoZonedDateTime", () => {
-    const isoString = new Date(2025, 2, 4).toISOString();
-    const dateValue = toZoned(new CalendarDateTime(2025, 3, 4), getLocalTimeZone());
-
-    expect(DateTimeUtils.fromISOtoZonedDateTime(isoString)).toEqual(dateValue);
-  });
-
-  test("fromDateValueToISO", () => {
-    const dateValue = toZoned(new CalendarDateTime(2025, 3, 4), getLocalTimeZone());
-    const isoString = new Date(2025, 2, 4).toISOString();
-
-    expect(DateTimeUtils.fromDateValueToISO(dateValue)).toEqual(isoString);
-  });
-
-  test("fromLocalToZonedDateTime", () => {
-    const date = new Date(2025, 2, 4);
-    const dateValue = toZoned(new CalendarDateTime(2025, 3, 4), getLocalTimeZone());
-
-    expect(DateTimeUtils.fromLocalToZonedDateTime(date)).toEqual(dateValue);
-  });
-
-  test("fromDateValueToLocal", () => {
-    const dateValue = toZoned(new CalendarDateTime(2025, 3, 4), getLocalTimeZone());
-    const date = new Date(2025, 2, 4);
-
-    expect(DateTimeUtils.fromDateValueToLocal(dateValue)).toEqual(date);
-  });
-
-  test("fromCalendarDateToUTCISO", () => {
-    const calendarDate = new CalendarDate(2025, 3, 4);
-    const isoString = new Date(2025, 2, 4).toISOString();
-
-    expect(DateTimeUtils.fromCalendarDateToUTCISO(calendarDate)).toEqual(isoString);
-  });
-
-  test("fromUTCISOToCalendarDateTime", () => {
-    const isoString = new Date(2025, 2, 4).toISOString();
-    const calendarDateTime = new CalendarDateTime(2025, 3, 4);
-
-    expect(DateTimeUtils.fromUTCISOToCalendarDateTime(isoString)).toEqual(calendarDateTime);
-  });
-});

package/src/utils/date.utils.spec.ts

@@ -1,12 +0,0 @@
-import { describe, expect, test } from "vitest";
-
-import { DateUtils } from "./date.utils";
-
-describe("DateUtils", () => {
-  test("formatDate", () => {
-    const date = new Date(2025, 2, 4);
-    const dateString = "04/03/2025";
-
-    expect(DateUtils.formatDate(date)).toEqual(dateString);
-  });
-});

package/src/utils/date.utils.ts

@@ -1,9 +0,0 @@
-import { DateTime } from "luxon";
-
-export namespace DateUtils {
-  const DATE_FORMAT = "dd/MM/yyyy";
-
-  export function formatDate(date: Date, format = DATE_FORMAT): string {
-    return DateTime.fromJSDate(date).toFormat(format);
-  }
-}

package/src/utils/dom.utils.ts

@@ -1,16 +0,0 @@
-import type { KeyboardEvent, SyntheticEvent } from "react";
-
-export namespace DomUtils {
-  const KEYBOARD_INPUTS = ["button", "submit", "checkbox", "file", "image"];
-
-  export const isKeyboardInput = (elem: Element) => {
-    return (
-      (elem.tagName === "INPUT" && !KEYBOARD_INPUTS.includes((elem as HTMLInputElement).type)) ||
-      elem.hasAttribute("contenteditable")
-    );
-  };
-
-  export const isKeyboardEvent = (event: SyntheticEvent): event is KeyboardEvent => {
-    return event.nativeEvent instanceof KeyboardEvent;
-  };
-}

package/src/utils/isEqual.ts

@@ -1,153 +0,0 @@
-/* oxlint-disable default-case, no-self-compare, no-param-reassign */
-import { ObjectUtils } from "#ui/utils/object.utils";
-
-export const isEqual = (a: any, b: any) => {
-  return eq(a, b);
-};
-
-// Lodash internal recursive comparison function for `isEqual`.
-const eq = (a: any, b: any, aStack?: any[], bStack?: any[]) => {
-  // Identical objects are equal. `0 === -0`, but they aren't identical.
-  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
-  if (a === b) {
-    return a !== 0 || 1 / a === 1 / b;
-  }
-
-  // A strict comparison is necessary because `null == undefined`.
-  if (a == null || b == null) {
-    return a === b;
-  }
-
-  // `NaN`s are equivalent, but non-reflexive.
-  if (a !== a) {
-    return b !== b;
-  }
-
-  // Exhaust primitive checks
-  const type = typeof a;
-  if (type !== "function" && type !== "object" && typeof b !== "object") {
-    return false;
-  }
-
-  return deepEq(a, b, aStack, bStack);
-};
-
-// Lodash internal recursive comparison function for `isEqual`.
-const deepEq = (a: any, b: any, aStack?: any[], bStack?: any[]) => {
-  // Compare `[[Class]]` names.
-  const className = toString.call(a);
-  if (className !== toString.call(b)) {
-    return false;
-  }
-
-  switch (className) {
-    // Strings, numbers, regular expressions, dates, and booleans are compared by value.
-    // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')
-    case "[object RegExp]":
-    case "[object String]":
-      // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
-      // equivalent to `new String("5")`.
-      return `${a}` === `${b}`;
-    case "[object Number]":
-      // `NaN`s are equivalent, but non-reflexive.
-      // Object(NaN) is equivalent to NaN.
-      if (+a !== +a) {
-        return +b !== +b;
-      }
-      // An `egal` comparison is performed for other numeric values.
-      return +a === 0 ? 1 / +a === 1 / b : +a === +b;
-    case "[object Date]":
-    case "[object Boolean]":
-      // Coerce dates and booleans to numeric primitive values. Dates are compared by their
-      // millisecond representations. Note that invalid dates with millisecond representations
-      // of `NaN` are not equivalent.
-      return +a === +b;
-    case "[object Symbol]":
-      return Symbol.prototype.valueOf.call(a) === Symbol.prototype.valueOf.call(b);
-  }
-
-  const areArrays = className === "[object Array]";
-  if (!areArrays) {
-    if (typeof a !== "object" || typeof b !== "object") {
-      return false;
-    }
-
-    // Objects with different constructors are not equivalent, but `Object`s or `Array`s
-    // from different frames are.
-    const aCtor = (a as object).constructor;
-    const bCtor = (b as object).constructor;
-    if (
-      aCtor !== bCtor &&
-      !(
-        ObjectUtils.isFunction(aCtor) &&
-        aCtor instanceof aCtor &&
-        ObjectUtils.isFunction(bCtor) &&
-        bCtor instanceof bCtor
-      ) &&
-      "constructor" in a &&
-      "constructor" in b
-    ) {
-      return false;
-    }
-  }
-  // Assume equality for cyclic structures. The algorithm for detecting cyclic
-  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
-
-  // Initializing stack of traversed objects.
-  // It's done here since we only need them for objects and arrays comparison.
-  aStack = aStack || [];
-  bStack = bStack || [];
-  let { length } = aStack;
-  while (length--) {
-    // Linear search. Performance is inversely proportional to the number of
-    // unique nested structures.
-    if (aStack[length] === a) {
-      return bStack[length] === b;
-    }
-  }
-
-  // Add the first object to the stack of traversed objects.
-  aStack.push(a);
-  bStack.push(b);
-
-  // Recursively compare objects and arrays.
-  if (areArrays) {
-    // Compare array lengths to determine if a deep comparison is necessary.
-    length = (a as any[]).length;
-    if (length !== (b as any[]).length) {
-      return false;
-    }
-    // Deep compare the contents, ignoring non-numeric properties.
-    while (length--) {
-      if (!eq((a as any[])[length], (b as any[])[length], aStack, bStack)) {
-        return false;
-      }
-    }
-  } else {
-    // Deep compare objects.
-    const keys = Object.keys(a as object);
-    let key;
-    length = keys.length;
-    // Ensure that both objects contain the same number of properties before comparing deep equality.
-    if (Object.keys(b as object).length !== length) {
-      return false;
-    }
-    while (length--) {
-      // Deep compare each member
-      key = keys[length];
-      if (
-        !(
-          Object.prototype.hasOwnProperty.call(b, key) &&
-          eq((a as Record<string, any>)[key], (b as Record<string, any>)[key], aStack, bStack)
-        )
-      ) {
-        return false;
-      }
-    }
-  }
-
-  // Remove the first object from the stack of traversed objects.
-  aStack.pop();
-  bStack.pop();
-  return true;
-};

package/src/utils/logger.ts

@@ -1,19 +0,0 @@
-import log from "loglevel";
-import prefix from "loglevel-plugin-prefix";
-
-prefix.reg(log);
-
-prefix.apply(log, {
-  template: "[%t] %l:",
-  timestampFormatter: (date) => {
-    return date.toISOString();
-  },
-});
-
-export const logger = {
-  info: (...args: unknown[]) => log.info(...args),
-  debug: (...args: unknown[]) => log.debug(...args),
-  warn: (...args: unknown[]) => log.warn(...args),
-  error: (...args: unknown[]) => log.error(...args),
-  trace: (...args: unknown[]) => log.trace(...args),
-};

package/src/utils/object.utils.ts

@@ -1,62 +0,0 @@
-export namespace ObjectUtils {
-  export const isNil = (obj: unknown) => {
-    return obj == null;
-  };
-
-  export const isFunction = (obj: unknown) => {
-    return typeof obj === "function";
-  };
-
-  export const isObject = (obj: unknown) => {
-    return typeof obj === "object" && !!obj;
-  };
-
-  export const isString = (obj: unknown): obj is string => {
-    return Object.prototype.toString.call(obj) === "[object String]";
-  };
-
-  export const isDate = (obj: unknown): obj is Date => {
-    return Object.prototype.toString.call(obj) === "[object Date]";
-  };
-
-  export const isRegExp = (obj: unknown): obj is RegExp => {
-    return Object.prototype.toString.call(obj) === "[object RegExp]";
-  };
-
-  export const isEmpty = (obj: unknown) => {
-    if (obj == null) {
-      return true;
-    }
-    if (Array.isArray(obj) || isString(obj)) {
-      return obj.length === 0;
-    }
-    return Object.keys(obj).length === 0;
-  };
-
-  export const deepConditionalMerge = <T extends object>(
-    target: Partial<T>,
-    source: Partial<T>,
-    condition: (value: unknown, key: string) => boolean,
-  ): T => {
-    const output = { ...target };
-
-    for (const key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        const value = source[key as keyof T];
-        if (condition(value, key)) {
-          if (typeof value === "object" && !Array.isArray(value)) {
-            output[key as keyof T] = deepConditionalMerge(
-              output[key as keyof T] as object,
-              value as object,
-              condition,
-            ) as T[keyof T];
-          } else {
-            output[key as keyof T] = value as T[keyof T];
-          }
-        }
-      }
-    }
-
-    return output as T;
-  };
-}

package/src/utils/queries.utils.ts

@@ -1,10 +0,0 @@
-import type { QueryClient } from "@tanstack/react-query";
-
-export namespace QueriesUtils {
-  export const prefetchMultipleQueries = (
-    queryClient: QueryClient,
-    queries: Array<(queryClient: QueryClient) => Promise<void>>,
-  ) => {
-    return Promise.all(queries.map((query) => query(queryClient)));
-  };
-}

package/src/utils/rest/interceptors/logging.interceptor.ts

@@ -1,16 +0,0 @@
-import { logger } from "#ui/utils/logger";
-
-import { RestInterceptor } from "./rest-interceptor";
-
-export const LoggingInterceptor = new RestInterceptor((client) => {
-  return client.interceptors.request.use(
-    (config) => {
-      logger.info("Rest call", config.method, config.url, config.data);
-      return config;
-    },
-    (error) => {
-      logger.error("Rest call error", error);
-      return Promise.reject(error as Error);
-    },
-  );
-});

package/src/utils/rest/rest-client.ts

@@ -1,125 +0,0 @@
-import axios, {
-  type AxiosInstance,
-  type AxiosRequestConfig,
-  type AxiosResponse,
-  type CreateAxiosDefaults,
-} from "axios";
-import { z } from "zod";
-
-import { LoggingInterceptor } from "#ui/utils/rest/interceptors/logging.interceptor";
-import { ResponseInterceptor } from "#ui/utils/rest/interceptors/response.interceptor";
-import type { RestInterceptor } from "#ui/utils/rest/interceptors/rest-interceptor";
-import { type ErrorHandler, type GeneralErrorCodes, SharedErrorHandler } from "#ui/utils/vendor/error-handling";
-
-interface RequestInfo<ZOutput, ECodes extends string> {
-  resSchema: z.ZodType<ZOutput>;
-  errorHandler?: ErrorHandler<ECodes>;
-}
-
-interface RequestConfig<IsRawRes extends boolean = false> {
-  rawResponse?: IsRawRes;
-}
-
-type Response<ZOutput, IsRawRes extends boolean = false> = IsRawRes extends true ? AxiosResponse<ZOutput> : ZOutput;
-
-export class RestClient {
-  protected client: AxiosInstance;
-
-  constructor({
-    config,
-    interceptors,
-  }: {
-    config?: CreateAxiosDefaults;
-    interceptors?: RestInterceptor<any[]>[];
-  } = {}) {
-    this.client = axios.create(config);
-
-    const defaultInterceptors = [LoggingInterceptor, ResponseInterceptor];
-
-    this.attachInterceptors(defaultInterceptors);
-    this.attachInterceptors(interceptors);
-  }
-
-  public attachInterceptors<T extends any[]>(interceptors?: RestInterceptor<T>[], ...args: T) {
-    if (interceptors != null) {
-      interceptors.forEach((interceptor) => this.attachInterceptor(interceptor, ...args));
-    }
-  }
-
-  public attachInterceptor<T extends any[]>(interceptor: RestInterceptor<T>, ...args: T) {
-    interceptor.addInterceptor(this.client, ...args);
-  }
-
-  public ejectInterceptor<T extends any[]>(interceptor: RestInterceptor<T>) {
-    interceptor.removeInterceptor(this.client);
-  }
-
-  public async get<ZOutput, ECodes extends string = GeneralErrorCodes, IsRawRes extends boolean = false>(
-    requestInfo: RequestInfo<ZOutput, ECodes>,
-    url: string,
-    requestConfig?: AxiosRequestConfig & RequestConfig<IsRawRes>,
-  ): Promise<Response<ZOutput, IsRawRes>> {
-    return this.makeRequest(requestInfo, { ...requestConfig, method: "get", url });
-  }
-
-  public async post<ZOutput, ECodes extends string = GeneralErrorCodes, IsRawRes extends boolean = false>(
-    requestInfo: RequestInfo<ZOutput, ECodes>,
-    url: string,
-    data?: any,
-    requestConfig?: AxiosRequestConfig & RequestConfig<IsRawRes>,
-  ): Promise<Response<ZOutput, IsRawRes>> {
-    return this.makeRequest(requestInfo, { ...requestConfig, method: "post", url, data });
-  }
-
-  public async patch<ZOutput, ECodes extends string = GeneralErrorCodes, IsRawRes extends boolean = false>(
-    requestInfo: RequestInfo<ZOutput, ECodes>,
-    url: string,
-    data?: any,
-    requestConfig?: AxiosRequestConfig & RequestConfig<IsRawRes>,
-  ): Promise<Response<ZOutput, IsRawRes>> {
-    return this.makeRequest(requestInfo, { ...requestConfig, method: "patch", url, data });
-  }
-
-  public async put<ZOutput, ECodes extends string = GeneralErrorCodes, IsRawRes extends boolean = false>(
-    requestInfo: RequestInfo<ZOutput, ECodes>,
-    url: string,
-    data?: any,
-    requestConfig?: AxiosRequestConfig & RequestConfig<IsRawRes>,
-  ): Promise<Response<ZOutput, IsRawRes>> {
-    return this.makeRequest(requestInfo, { ...requestConfig, method: "put", url, data });
-  }
-
-  public async delete<ZOutput, ECodes extends string = GeneralErrorCodes, IsRawRes extends boolean = false>(
-    requestInfo: RequestInfo<ZOutput, ECodes>,
-    url: string,
-    data?: any,
-    requestConfig?: AxiosRequestConfig & RequestConfig<IsRawRes>,
-  ): Promise<Response<ZOutput, IsRawRes>> {
-    return this.makeRequest(requestInfo, { ...requestConfig, method: "delete", url, data });
-  }
-
-  private async makeRequest<ZOutput, ECodes extends string = GeneralErrorCodes, IsRawRes extends boolean = false>(
-    requestInfo: RequestInfo<ZOutput, ECodes>,
-    requestConfig: AxiosRequestConfig & RequestConfig<IsRawRes>,
-  ): Promise<Response<ZOutput, IsRawRes>> {
-    const errorStack = new Error().stack;
-
-    try {
-      const { rawResponse, ...config } = requestConfig;
-
-      const res = await this.client(config);
-
-      const resData = requestInfo.resSchema.parse(res.data);
-
-      return (rawResponse ? { ...res, data: resData } : resData) as Response<ZOutput, IsRawRes>;
-    } catch (e) {
-      if (e instanceof z.ZodError) {
-        e.name = "BE Response schema mismatch - ZodError";
-        e.stack = [e.stack, ...(errorStack?.split("\n").slice(2) ?? [])].join("\n");
-      }
-      const errorHandler = requestInfo.errorHandler ?? SharedErrorHandler;
-      errorHandler.rethrowError(e);
-      throw e;
-    }
-  }
-}

package/src/utils/rest/rest.utils.ts

@@ -1,65 +0,0 @@
-import axios, { type AxiosError, type AxiosResponseHeaders } from "axios";
-import { z } from "zod";
-
-export namespace RestUtils {
-  export const extractServerResponseCode = (e: unknown): string | null => {
-    if (e instanceof z.ZodError) {
-      return "validation-exception";
-    }
-
-    if (!axios.isAxiosError(e)) {
-      return null;
-    }
-
-    if (!e.response) {
-      return null;
-    }
-
-    const data = e.response.data as { code: unknown } | undefined;
-
-    if (typeof data?.code === "string") {
-      return data.code;
-    }
-
-    return null;
-  };
-
-  /**
-   * @deprecated should use response codes instead
-   */
-  export const doesServerErrorMessageContain = (e: AxiosError, text: string): boolean => {
-    const message = extractServerErrorMessage(e);
-    if (message == null) {
-      return false;
-    }
-
-    return message.toLowerCase().includes(text.toLowerCase());
-  };
-
-  export const extractServerErrorMessage = (e: unknown): string | null => {
-    if (e instanceof z.ZodError) {
-      return e.message;
-    }
-
-    if (!axios.isAxiosError(e)) {
-      return null;
-    }
-
-    if (!e.response) {
-      return null;
-    }
-
-    const data = e.response.data as { message: unknown } | undefined;
-
-    if (typeof data?.message === "string") {
-      return data.message;
-    }
-
-    return null;
-  };
-
-  export const extractContentDispositionFilename = (headers: AxiosResponseHeaders) => {
-    const contentDisposition = headers["content-disposition"] as string | undefined;
-    return contentDisposition ? /filename=["']?([^"';]+)/i.exec(contentDisposition)?.[1] : undefined;
-  };
-}

package/src/utils/string.utils.ts

@@ -1,9 +0,0 @@
-export namespace StringUtils {
-  export const containsCaseInsensitive = (str: string, substr: string) => {
-    return str.toLowerCase().includes(substr.toLowerCase());
-  };
-
-  export const capitalize = (str: string) => {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-  };
-}