ngx-register-base 1.3.0 → 1.3.1

package/src/lib/types/hasura.types.ts

@@ -0,0 +1,41 @@
+export interface HasuraGqlError {
+  extensions: {
+    code: string;
+    path: string;
+  };
+  message: string;
+}
+
+export interface HbGqlErrors {
+  errors: HasuraGqlError[];
+  graphQLErrors?: HasuraGqlError[];
+}
+
+export type HasuraError = HbGqlErrors | string;
+
+export interface HasuraErrorInternal {
+  error: {
+    description: string | null;
+    exec_status: string;
+    hint: string | null;
+    message: string;
+  };
+}
+
+export interface HasuraErrorExtensions {
+  code: string;
+  internal: HasuraErrorInternal;
+}
+
+export interface GraphQLError {
+  message: string;
+  extensions: HasuraErrorExtensions;
+}
+
+export interface ApolloError {
+  message: string;
+  graphQLErrors: GraphQLError[];
+  clientErrors: any[];
+  extraInfo?: any;
+  cause?: Error;
+}

package/src/lib/types/inputs.types.ts

@@ -0,0 +1,63 @@
+import { FormControl } from '@angular/forms';
+import { WhereBoolExp } from 'hasura';
+import { BehaviorSubject } from 'rxjs';
+import { JsonValue } from 'type-fest';
+import { WritableSignal } from '@angular/core';
+
+export enum EInputsState {
+  HIDDEN,
+  FILTER_LIST,
+  SAVED_LIST,
+  ON_EDIT_FILTER,
+  ON_SAVE_FILTER,
+}
+
+export enum EInputsAction {
+  CANCEL,
+  APPLY_FILTERS,
+  APPLY_SAVED_FILTER,
+  AFTER_SAVE_FILTER,
+  EDIT_FILTER_NAME,
+  EDIT_FILTER,
+  OPEN,
+}
+
+export interface IInputsState {
+  state: EInputsState;
+  action: EInputsAction;
+}
+
+export interface IInputsStateConfig {
+  defaultPin?: boolean;
+  searchInput?: boolean;
+}
+
+export interface IInputControl<ValueType = any, SavedValueType = any>
+  extends FormControl<ValueType> {
+  saved_value$: BehaviorSubject<SavedValueType | null>;
+  gql_value: InputControlGqlValue;
+  /** По полю применена фильтрация */
+  applied?: WritableSignal<boolean>;
+}
+
+export type InputControlSaveValue = JsonValue | null;
+
+export type InputControlGqlValue =
+  | WhereBoolExp<Record<string, any>>
+  // TODO точнее типизировать
+  | any
+  | undefined;
+
+export type GqlFields = (string | GqlField)[] | GqlField;
+
+export interface GqlField {
+  [key: string]:
+    | string
+    | string[]
+    | number
+    | number[]
+    | boolean
+    | boolean[]
+    | GqlField
+    | GqlField[];
+}

package/src/lib/types/params.types.ts

@@ -0,0 +1,42 @@
+import { Injector } from '@angular/core';
+import { InputControlGqlValue } from './inputs.types';
+import { OrderBy, WhereBoolExp } from 'hasura';
+
+export interface MetaQuery<T extends Record<string, any> = any> {
+  table: {
+    name: string;
+    idField: string;
+    valueField: string;
+  };
+  where?: WhereBoolExp<T>;
+  distinct_on?: (keyof T)[];
+  limit?: number;
+  offset?: number;
+  order_by?: OrderBy<T>;
+  subquery?: string;
+}
+
+export interface IFilterSelectValue {
+  id: number | string;
+  name: string;
+  [key: string]: any;
+}
+
+export type FormatterSavedValueType<ValueType, SavedValueType> = (
+  value: ValueType,
+  injector?: Injector
+) => SavedValueType;
+
+export type ParserSavedValueType<SavedValueType, ValueType> = (
+  value: SavedValueType,
+  injector?: Injector
+) => ValueType;
+
+export type FormatterGqlValueType<ValueType> = (
+  value: ValueType,
+  injector?: Injector
+) => InputControlGqlValue;
+
+export type FilterSelectKeys<T> = {
+  [K in keyof T]: T[K] extends IFilterSelectValue[] | null ? K : never;
+}[keyof T];

package/src/lib/types/register-base.types.ts

@@ -0,0 +1,161 @@
+import { Observable, Subscription } from 'rxjs';
+import { WhereBoolExp } from 'hasura';
+import { SETTINGS_TYPE } from '../consts/register-base.consts';
+import { IUserProfile } from './user-profile.types';
+import { IHasuraQueryFilter, ThWidthEntry } from '../components/register-table/model/schema';
+import { MutationResult } from 'apollo-angular';
+import { ITableColumnSettings } from '../components/column-settings/types/column-settings.types';
+
+export interface IRegisterBase {
+  /** @deprecated плохая практика, используйте событие visibleRowsChanges из RegisterTableComponent */
+  is_visible?: boolean;
+  id: any;
+}
+
+export interface ITpUserSettings {
+  id: string;
+  id_user: string;
+  name: string;
+  module_name: string;
+  settings: ITpUserSettingsSettings;
+  settings_type: SETTINGS_TYPE;
+}
+
+export interface ITpUserSettingsSettings {
+  name?: string;
+  favorite?: boolean;
+  filter?: ITpUserSettingsSettingsFilter[];
+  tableFields?: ITableColumnSettings;
+  expandType?: string;
+  switchValue?: 0 | 1;
+  menuState?: boolean;
+  tableColumnsWidth?: ThWidthEntry[];
+  pageRowsLimit?: number;
+  referer?: string;
+  pinned?: boolean;
+}
+
+export interface ITpUserSettingsSettingsFilter {
+  id: string;
+  value: unknown;
+}
+
+export enum ERegisterObjectState {
+  SELECTED = 'SELECTED',
+  UNSELECTED = 'UNSELECTED',
+}
+
+export interface IRegisterObject<T = any> {
+  object?: T;
+  state: ERegisterObjectState;
+}
+
+export type ObjectsSubscriptionConfig<DataType, FilterType = Record<string, any>> = {
+  filter: FilterType;
+  callback?: (data: DataType[]) => void;
+  noSet?: boolean;
+};
+
+/** Интерфейс сервиса управления пользовательскими настройками */
+export interface IUserSettingsLoader<T extends ITpUserSettings = any> {
+  /** Пользовательские настройки */
+  settings$: Observable<T[]>;
+  /** Запрос пользовательских настроек по фильтру */
+  fetchUserSettings$(where: WhereBoolExp<T>, hidden?: boolean): Observable<T[]>;
+  /** Запрос пользовательских настроек по фильтру (Эффект для фильтров) */
+  fetchUserSettingsByUserId: (
+    observableOrValue:
+      | {
+          userId: string;
+          settingsType: SETTINGS_TYPE;
+          moduleName: string;
+        }
+      | Observable<{
+          userId: string;
+          settingsType: SETTINGS_TYPE;
+          moduleName: string;
+        }>
+  ) => Subscription;
+  /** Состояние загрузки пользовательских настроек */
+  loading$: Observable<boolean>;
+  /** Мутация на создание или обновление пользовательской настройки */
+  upsertUserSettingsByUserId: (
+    observableOrValue:
+      | {
+          settings: Partial<T>;
+          hidden?: boolean;
+          updateSettings?: boolean;
+        }
+      | Observable<{
+          settings: Partial<T>;
+          hidden?: boolean;
+          updateSettings?: boolean;
+        }>
+  ) => Subscription;
+  /** Мутация на обновление пользовательской настройки (Эффект для фильтров) */
+  updateUserSettingsSettingsById: (
+    observableOrValue:
+      | {
+          id: string;
+          settings: ITpUserSettingsSettings;
+        }
+      | Observable<{
+          id: string;
+          settings: ITpUserSettingsSettings;
+        }>
+  ) => Subscription;
+  /** Удаление пользовательской настройки (Эффект для фильтров) */
+  deleteUserSettingsById: (
+    observableOrValue:
+      | {
+          id: string;
+          updateSettings?: boolean;
+        }
+      | Observable<{
+          id: string;
+          updateSettings?: boolean;
+        }>
+  ) => Subscription;
+  /** Результат выполнения мутации */
+  upsertReturningOne$(type: SETTINGS_TYPE): Observable<ITpUserSettings | null>;
+  /** Завершение создания или обновления пользовательской настройки */
+  upsertEnded$: Observable<void>;
+}
+
+/** Интерфейс сервиса управления аутентификацией пользователя */
+export interface IUserProfileLoader<T extends IUserProfile, PermissionType = unknown> {
+  /** Аутентифицированный пользователь */
+  getUserProfile(): T;
+  /** Метод проверки привилегий пользователя */
+  checkPermissions(permissions: PermissionType[], every?: boolean): boolean;
+}
+
+export interface IBaseRegisterStoreState<T> {
+  loading: boolean;
+  count: number;
+  total: number;
+  objects: T[];
+}
+
+export interface IBaseRegisterStore<Type extends Record<string, any>> {
+  readonly deleteByIds: (
+    ids: string[],
+    date: Date,
+    ...args: unknown[]
+  ) => Observable<MutationResult<Type[]> | null>;
+
+  readonly fetchTotal: (
+    observableOrValue: Record<string, any> | Observable<Record<string, any>>
+  ) => Subscription;
+  readonly fetchObjects: (
+    observableOrValue:
+      | {
+          filter: IHasuraQueryFilter<Type>;
+          callback?: (data: Type[]) => void;
+        }
+      | Observable<{
+          filter: IHasuraQueryFilter<Type>;
+          callback?: (data: Type[]) => void;
+        }>
+  ) => Subscription;
+}

package/src/lib/types/sub-types.ts

@@ -0,0 +1,15 @@
+import { AbstractControl, FormArray, FormControl, FormGroup } from '@angular/forms';
+
+export type ExtractForm<T> = {
+  [K in keyof T]: T[K] extends FormGroup<infer U>[]
+    ? (U extends ControlsWrapper<infer V> ? V : never)[]
+    : T[K];
+};
+
+export type ControlsWrapper<T> = {
+  [K in keyof T]: T[K] extends (infer U extends AbstractControl<any, any>)[]
+    ? FormArray<U>
+    : FormControl<T[K]>;
+};
+
+export type InferArrayType<T> = T extends (infer U)[] ? U : T;

package/src/lib/types/user-profile.types.ts

@@ -0,0 +1,18 @@
+export interface IUserProfile<PermissionType = any> {
+  id: string;
+  username?: string;
+  firstName?: string;
+  lastName?: string;
+  roles?: string[];
+  photo?: string;
+  groups?: string[];
+  groups_name?: string[];
+  token?: string;
+  permissions?: PermissionType[];
+  attributes?: IUserAttributes[];
+}
+
+export interface IUserAttributes {
+  name: string;
+  value: string;
+}

package/src/lib/utils/functions.ts

@@ -0,0 +1,11 @@
+export function isNonNull<T>(value: T): value is NonNullable<T> {
+  return value !== null;
+}
+
+export function isDefined<T>(value: T | null | undefined): value is T {
+  return value !== null && value !== undefined;
+}
+
+export function toPx(n: number): string {
+  return `${n || 0}px`;
+}

package/src/lib/utils/get-url-segment.ts

@@ -0,0 +1,46 @@
+export const CARD = 'card';
+
+type SegmentPosition = 'first' | 'last';
+
+const getCardSegment = (url: URL): string | null => {
+  if (url.pathname.includes(CARD) && url.search) {
+    const id = url.searchParams.get('id');
+    if (id) {
+      const segments = url.pathname.split('/').filter(Boolean);
+      const cardIndex = segments.indexOf(CARD.replace(/^\//, ''));
+
+      if (cardIndex !== -1 && cardIndex > 0) {
+        const tableIndex = cardIndex - 1;
+        const relevantPath = segments.slice(tableIndex, cardIndex + 1).join('/');
+        return `${relevantPath}?id=${id}`;
+      }
+    }
+  }
+  return null;
+};
+
+const getSegmentOfPathName = (pathname: string, position: SegmentPosition): string => {
+  const url = new URL(pathname, window.location.origin);
+  const segments = url.pathname.split('/').filter(Boolean);
+
+  if (position === 'first') {
+    return segments[0] ?? '/';
+  }
+
+  const cardSegment = getCardSegment(url);
+  if (cardSegment !== null) {
+    return cardSegment;
+  }
+
+  return segments.pop() ?? '';
+};
+
+export const getFirstSegmentOfPathName = (pathname: string): string =>
+  getSegmentOfPathName(pathname, 'first');
+
+/**
+ * Функция возвращает первый сегмент ссылки
+ * Если первого сегмента нет, возвращается корневой сегмент - '/'
+ * */
+export const getLastSegmentOfPathName = (pathname: string): string =>
+  getSegmentOfPathName(pathname, 'last');

package/src/lib/utils/prizm.shared.module.ts

@@ -0,0 +1,176 @@
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import {
+  PrizmButtonComponent,
+  PrizmCheckboxComponent,
+  PrizmColumnSettingsComponent,
+  PrizmDateTimeRange,
+  PrizmDay,
+  PrizmDayRange,
+  PrizmDialogComponent,
+  PrizmDropdownHostModule,
+  PrizmHintDirective,
+  PrizmIndicatorComponent,
+  PrizmInputCommonModule,
+  PrizmInputLayoutDateModule,
+  PrizmInputLayoutDateRangeModule,
+  PrizmInputLayoutDateTimeModule,
+  PrizmInputIconButtonComponent,
+  PrizmInputLayoutDateComponent,
+  PrizmInputLayoutDateRangeComponent,
+  PrizmInputLayoutDateTimeRangeComponent,
+  PrizmInputLayoutDateTimeRangeModule,
+  PrizmInputLayoutMonthRangeComponent,
+  PrizmInputLayoutTimeModule,
+  PrizmInputLayoutMonthModule,
+  PrizmInputMultiSelectComponent,
+  PrizmInputMultiSelectModule,
+  PrizmInputNumberModule,
+  PrizmInputSelectModule,
+  PrizmInputTextModule,
+  PrizmLoaderComponent,
+  PrizmMonth,
+  PrizmMonthRange,
+  PrizmPaginatorComponent,
+  PrizmPanelComponent,
+  PrizmProgressModule,
+  PrizmScrollbarModule,
+  PrizmSelectInputComponent,
+  PrizmSidebarComponent,
+  PrizmSplitterModule,
+  PrizmStickyModule,
+  PrizmSwitcherComponent,
+  PrizmTableModule,
+  PrizmTabsModule,
+  PrizmToastModule,
+  PrizmToggleComponent,
+  PrizmTooltipModule,
+  PrizmTreeModule,
+  PrizmCardComponent,
+  PrizmDropdownControllerDirective,
+  PrizmRadioButtonComponent,
+  PrizmBreadcrumbDirective,
+  PrizmBreadcrumbsComponent,
+  PrizmStepperModule,
+} from '@prizm-ui/components';
+import { PrizmFlagIconsComponent } from '@prizm-ui/flag-icons';
+import { PrizmDestroyService } from '@prizm-ui/helpers';
+import { PrizmIconsComponent } from '@prizm-ui/icons';
+import { TuiDay } from '@taiga-ui/cdk';
+import { SmaPrizmDateTime } from '../directives/date/date-time.types';
+
+export type PrizmDateTypes =
+  | TuiDay
+  | PrizmDay
+  | PrizmDayRange
+  | SmaPrizmDateTime
+  | PrizmDateTimeRange
+  | PrizmMonth
+  | PrizmMonthRange;
+
+@NgModule({
+  imports: [
+    FormsModule,
+    ReactiveFormsModule,
+    PrizmTableModule,
+    PrizmScrollbarModule,
+    PrizmCheckboxComponent,
+    PrizmStickyModule,
+    PrizmButtonComponent,
+    PrizmInputTextModule,
+    PrizmIconsComponent,
+    PrizmPaginatorComponent,
+    PrizmInputSelectModule,
+    PrizmPanelComponent,
+    PrizmToggleComponent,
+    PrizmTabsModule,
+    PrizmDropdownHostModule,
+    PrizmLoaderComponent,
+    PrizmSelectInputComponent,
+    PrizmInputMultiSelectModule,
+    PrizmInputLayoutDateModule,
+    PrizmFlagIconsComponent,
+    PrizmInputLayoutDateRangeModule,
+    PrizmDialogComponent,
+    PrizmInputLayoutDateComponent,
+    PrizmColumnSettingsComponent,
+    PrizmSwitcherComponent,
+    PrizmTooltipModule,
+    PrizmInputMultiSelectComponent,
+    PrizmInputLayoutDateRangeComponent,
+    PrizmSidebarComponent,
+    PrizmToastModule,
+    PrizmInputLayoutDateTimeModule,
+    PrizmInputCommonModule,
+    PrizmInputIconButtonComponent,
+    PrizmInputLayoutMonthModule,
+    PrizmHintDirective,
+    PrizmTreeModule,
+    PrizmInputNumberModule,
+    PrizmInputLayoutDateTimeRangeModule,
+    PrizmProgressModule,
+    PrizmInputLayoutMonthRangeComponent,
+    PrizmInputLayoutDateTimeRangeComponent,
+    PrizmCardComponent,
+    PrizmDropdownControllerDirective,
+    PrizmRadioButtonComponent,
+    PrizmBreadcrumbDirective,
+    PrizmBreadcrumbsComponent,
+    PrizmStepperModule,
+    PrizmIndicatorComponent,
+  ],
+  exports: [
+    FormsModule,
+    ReactiveFormsModule,
+    PrizmTableModule,
+    PrizmScrollbarModule,
+    PrizmCheckboxComponent,
+    PrizmStickyModule,
+    PrizmButtonComponent,
+    PrizmInputTextModule,
+    PrizmIconsComponent,
+    PrizmPaginatorComponent,
+    PrizmInputSelectModule,
+    PrizmPanelComponent,
+    PrizmToggleComponent,
+    PrizmTabsModule,
+    PrizmDropdownHostModule,
+    PrizmLoaderComponent,
+    PrizmSelectInputComponent,
+    PrizmInputMultiSelectModule,
+    PrizmInputLayoutDateModule,
+    PrizmFlagIconsComponent,
+    PrizmInputLayoutDateRangeModule,
+    PrizmDialogComponent,
+    PrizmInputLayoutDateComponent,
+    PrizmColumnSettingsComponent,
+    PrizmSwitcherComponent,
+    PrizmTooltipModule,
+    PrizmInputMultiSelectComponent,
+    PrizmInputLayoutDateRangeComponent,
+    PrizmSidebarComponent,
+    PrizmToastModule,
+    PrizmInputLayoutDateTimeModule,
+    PrizmInputCommonModule,
+    PrizmInputIconButtonComponent,
+    PrizmInputLayoutMonthModule,
+    PrizmHintDirective,
+    PrizmTreeModule,
+    PrizmInputNumberModule,
+    PrizmInputLayoutDateTimeRangeModule,
+    PrizmProgressModule,
+    PrizmInputLayoutTimeModule,
+    PrizmInputLayoutMonthRangeComponent,
+    PrizmInputLayoutDateTimeRangeComponent,
+    PrizmSplitterModule,
+    PrizmCardComponent,
+    PrizmDropdownControllerDirective,
+    PrizmRadioButtonComponent,
+    PrizmBreadcrumbDirective,
+    PrizmBreadcrumbsComponent,
+    PrizmStepperModule,
+    PrizmIndicatorComponent,
+  ],
+  providers: [PrizmDestroyService],
+})
+export class PrizmSharedModule {}

package/src/lib/utils/rxjs.ts

@@ -0,0 +1,33 @@
+import {asyncScheduler, distinctUntilChanged, MonoTypeOperatorFunction, Observable, of,} from 'rxjs';
+import {observeOn} from 'rxjs/operators';
+import {isEqual} from 'lodash';
+
+export function distinctUntilChangedJSONs<T>(): MonoTypeOperatorFunction<T> {
+  return distinctUntilChanged((prev, curr) => isEqual(prev, curr));
+}
+
+/**
+ * Перемещает выполнение функции на указанное количество итераций в цикле событий.
+ *
+ * @param count - Количество итераций цикла событий для перемещения.
+ * @returns Оператор, который можно использовать с Observable для продолжения цепочки.
+ */
+export function moveInEventLoopIteration<T>(count: number): MonoTypeOperatorFunction<T> {
+  return (source: Observable<T>) => {
+    if (!count) {
+      return source;
+    }
+
+    let newSource = source.pipe(observeOn(asyncScheduler, 0));
+
+    if (count > 1) {
+      newSource = newSource.pipe(moveInEventLoopIteration(count - 1));
+    }
+
+    return newSource;
+  };
+}
+
+export function just(): Observable<null> {
+  return of(null);
+}

package/src/lib/utils/select-all-utils.ts

@@ -0,0 +1,16 @@
+import { IFilterSelectValue } from '../types';
+
+export const SELECT_ALL_ID = '-1';
+export const SELECT_ALL_NAME = 'Выбрать все';
+
+export function removeSelectAll(arr: IFilterSelectValue[] | null): IFilterSelectValue[] | null {
+  const array = arr?.slice() ?? null;
+
+  if (array && array[0] && 'id' in array[0] && array[0].id === SELECT_ALL_ID) {
+    array.shift();
+  }
+
+  return array;
+}
+
+export const selectAllItem = { id: SELECT_ALL_ID, name: SELECT_ALL_NAME };

package/tsconfig.lib.json

@@ -0,0 +1,16 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.schematics.json

@@ -0,0 +1,26 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "lib": ["es2018", "dom"],
+    "declaration": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
+    "rootDir": "schematics",
+    "outDir": "../../dist/ngx-register-base/schematics",
+    "skipDefaultLibCheck": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "target": "es6",
+    "types": ["jasmine", "node"]
+  },
+  "include": ["schematics/**/*"],
+  "exclude": ["schematics/*/files/**/*"]
+}