@addev-be/ui 0.2.5 → 0.2.7

package/src/services/sqlRequests.ts

@@ -1,99 +1,110 @@
-import { useWebSocketRequestHandler } from './hooks';
-
-export type FieldDTO<T extends string = string> = {
-  fieldName?: T;
-  fieldAlias?: string;
-  operator?:
-    | 'add'
-    | 'concat'
-    | 'divide'
-    | 'groupConcat'
-    | 'if'
-    | 'ifNull'
-    | 'jsonObject'
-    | 'length'
-    | 'modulo'
-    | 'multiply'
-    | 'subtract'
-    | 'sum'
-    | 'trim';
-  operands?: FieldDTO[];
-  constantValue?: string | number | boolean | null;
-  groupBy?: boolean;
-};
-
-export type ConditionDTO = {
-  field: string;
-  operator:
-    | 'lessThan'
-    | 'lessThanOrEqual'
-    | 'lessThanOrEquals'
-    | 'equals'
-    | 'notEquals'
-    | 'greaterThanOrEqual'
-    | 'greaterThanOrEquals'
-    | 'greaterThan'
-    | 'like'
-    | 'contains'
-    | 'notContains'
-    | 'startsWith'
-    | 'endsWith'
-    | 'notLike'
-    | 'inRange'
-    | 'between'
-    | 'isNull'
-    | 'inArray'
-    | 'in'
-    | 'not'
-    | 'and'
-    | 'or';
-  value?:
-    | string
-    | number
-    | boolean
-    | null
-    | (string | number | boolean | null)[];
-  children?: boolean;
-};
-
-export type OrderByDTO = {
-  field: string;
-  direction?: 'ASC' | 'DESC';
-};
-
-export type SqlRequestDTO = {
-  columns?: string[];
-  returnColumns?: string[];
-  conditions?: ConditionDTO[];
-  orderBy?: OrderByDTO[];
-  start?: number;
-  length?: number;
-  getTotal?: boolean;
-  unique?: boolean;
-};
-
-export type SqlRequestRow<R> = {
-  [K in keyof R]: R[K] extends string | number | null
-    ? R[K]
-    : string | number | null;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type SqlResponseDTO<T = any> = {
-  data: SqlRequestRow<T>[];
-  total?: number;
-};
-
-type SqlRequestHandler<T> = (
-  request: SqlRequestDTO
-) => Promise<SqlResponseDTO<T>>;
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const useSqlRequestHandler = <T = any>(
-  name: string
-): [SqlRequestHandler<T>, SqlRequestHandler<{ Id: string }>] => [
-  useWebSocketRequestHandler<SqlRequestDTO, SqlResponseDTO<T>>(name),
-  useWebSocketRequestHandler<SqlRequestDTO, SqlResponseDTO<{ Id: string }>>(
-    name
-  ),
-];
+import { useWebSocketRequestHandler } from './hooks';
+
+export type FieldDTO<T extends string = string> = {
+  fieldName?: T;
+  fieldAlias?: string;
+  operator?:
+    | 'add'
+    | 'concat'
+    | 'divide'
+    | 'groupConcat'
+    | 'if'
+    | 'ifNull'
+    | 'jsonObject'
+    | 'length'
+    | 'modulo'
+    | 'multiply'
+    | 'subtract'
+    | 'sum'
+    | 'trim';
+  operands?: FieldDTO[];
+  constantValue?: string | number | boolean | null;
+  groupBy?: boolean;
+};
+
+export type ConditionDTO = {
+  field: string;
+  operator:
+    | 'lessThan'
+    | 'lessThanOrEqual'
+    | 'lessThanOrEquals'
+    | 'equals'
+    | 'notEquals'
+    | 'greaterThanOrEqual'
+    | 'greaterThanOrEquals'
+    | 'greaterThan'
+    | 'like'
+    | 'contains'
+    | 'notContains'
+    | 'startsWith'
+    | 'endsWith'
+    | 'notLike'
+    | 'inRange'
+    | 'between'
+    | 'isNull'
+    | 'inArray'
+    | 'in'
+    | 'not'
+    | 'and'
+    | 'or';
+  value?:
+    | string
+    | number
+    | boolean
+    | null
+    | (string | number | boolean | null)[];
+  children?: boolean;
+};
+
+export type OrderByDTO = {
+  field: string;
+  type: string;
+  direction?: 'ASC' | 'DESC';
+};
+
+export type SqlRequestFooterFunction = 'sum' | 'avg' | 'count' | 'max' | 'min';
+
+export type SqlRequestDTO = {
+  columns?: string[];
+  returnColumns?: string[];
+  columnTypes?: string[];
+  totalColumns?: Record<string, SqlRequestFooterFunction>;
+  conditions?: ConditionDTO[];
+  orderBy?: OrderByDTO[];
+  start?: number;
+  length?: number;
+  getCount?: boolean;
+  unique?: boolean;
+};
+
+export type SqlRequestRow<R> = {
+  [K in keyof R]: R[K] extends string | number | null | undefined
+    ? R[K]
+    : string | number | null | undefined;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type SqlResponseDTO<T = any> = {
+  data: SqlRequestRow<T>[];
+  count?: number;
+  totals?: Record<string, string | number | null | undefined>;
+};
+
+type SqlRequestHandler<T> = (
+  request: SqlRequestDTO
+) => Promise<SqlResponseDTO<T>>;
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const useSqlRequestHandler = <T = any>(
+  name: string
+): [
+  SqlRequestHandler<T>,
+  SqlRequestHandler<{ Id: string }>,
+  SqlRequestHandler<Partial<T>>
+] => [
+  useWebSocketRequestHandler<SqlRequestDTO, SqlResponseDTO<T>>(name),
+  useWebSocketRequestHandler<SqlRequestDTO, SqlResponseDTO<{ Id: string }>>(
+    name
+  ),
+  useWebSocketRequestHandler<SqlRequestDTO, SqlResponseDTO<Partial<T>>>(name),
+];

package/src/styles/animations.scss

@@ -1,30 +1,30 @@
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
-
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-@keyframes pulse {
-
-  0%,
-  100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.25;
-  }
-}
-
-@keyframes spin {
-
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+@keyframes pulse {
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.25;
+  }
+}
+
+@keyframes spin {
+
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/src/styles/index.scss

@@ -1,42 +1,42 @@
-/* latin */
-@font-face {
-  font-family: 'Montserrat';
-  font-style: normal;
-  font-weight: 200;
-  font-display: swap;
-  src: url('../../assets/fonts/montserrat-200.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
-    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* latin */
-@font-face {
-  font-family: 'Montserrat';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('../../assets/fonts/montserrat-500.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
-    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* latin */
-@font-face {
-  font-family: 'Montserrat';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('../../assets/fonts/montserrat-700.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
-    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* Basic fixes */
-ul {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('../../assets/fonts/montserrat-200.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('../../assets/fonts/montserrat-500.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('../../assets/fonts/montserrat-700.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* Basic fixes */
+ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}

package/src/typings.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-plugin-svgr/client" />
-
-export type DeepPartial<T> = {
-  [P in keyof T]?: DeepPartial<T[P]>;
-};
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />
+
+export type DeepPartial<T> = {
+  [P in keyof T]?: DeepPartial<T[P]>;
+};

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/data/index.ts","./src/components/data/advancedrequestdatagrid/index.tsx","./src/components/data/advancedrequestdatagrid/types.ts","./src/components/data/advancedrequestdatagrid/helpers/advancedrequests.ts","./src/components/data/advancedrequestdatagrid/helpers/columns.tsx","./src/components/data/advancedrequestdatagrid/helpers/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagrideditablecell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/filtervaluesscroller.tsx","./src/components/data/datagrid/virtualscroller.tsx","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/select.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/config/index.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/numbers.ts","./src/hooks/index.ts","./src/hooks/useelementsize.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/sqlrequests.ts"],"errors":true,"version":"5.6.2"}
+{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/data/index.ts","./src/components/data/advancedrequestdatagrid/index.tsx","./src/components/data/advancedrequestdatagrid/types.ts","./src/components/data/advancedrequestdatagrid/helpers/advancedrequests.ts","./src/components/data/advancedrequestdatagrid/helpers/columns.tsx","./src/components/data/advancedrequestdatagrid/helpers/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagrideditablecell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/filtervaluesscroller.tsx","./src/components/data/datagrid/virtualscroller.tsx","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/select.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/config/index.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/numbers.ts","./src/hooks/index.ts","./src/hooks/useelementsize.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/sqlrequests.ts"],"version":"5.6.2"}

package/dist/components/data/DataGrid/helpers.d.ts

@@ -1,28 +0,0 @@
-import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../services/advancedRequests';
-import { DataGridColumn, DataGridColumns, DataGridFilter, DataGridFilterCheckbox, DataGridFilterDataType, DataGridFilterFormatter, DataGridFilterGroup, DataGridFilterPredicates, DataGridFilterType, DataGridFilters, DataGridSettings } from './types';
-export declare const filtersPredicates: DataGridFilterPredicates;
-export declare const applyFilters: <R>(rows: R[], filters: DataGridFilter<R, DataGridFilterType>[]) => R[];
-export declare const applyFilter: <R, T extends DataGridFilterType>(rows: R[], filter: DataGridFilter<R, T>) => R[];
-export declare const defaultFilterGetter: (row: any, columnKey: string) => any;
-export declare const defaultFilterValues: {
-    [K in DataGridFilterType]: DataGridFilterDataType<K>;
-};
-export declare const defaultValueParsers: {
-    [K in DataGridFilterType]: (value: string) => DataGridFilterDataType<K>;
-};
-export declare const groupDatesByYearAndMonth: (dates: any[]) => Record<string, Record<string, any[]>>;
-export declare const getDateGroups: <R extends string | number | null>(dates: any[]) => DataGridFilterGroup<R>[];
-export declare const isColumnVisible: <R>(obj: DataGridColumn<R, any> | DataGridSettings) => boolean;
-export declare const convertFiltersToConditions: <R>(filters: DataGridFilters<R>) => ConditionDTO[];
-export declare const getAdvancedRequestDto: <R>(type: string, columns: DataGridColumns<R>, conditions?: ConditionDTO[], orderBy?: OrderByDTO[], start?: number, length?: number, getTotal?: boolean) => AdvancedRequestDTO;
-export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const getCheckboxes: <R extends string | number | null>(values: R[], formatter: DataGridFilterFormatter, groups?: DataGridFilterGroup<R>[], level?: number) => DataGridFilterCheckbox<R>[];