@addev-be/ui 0.2.13 → 0.2.15

package/dist/services/globalSearch.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGlobalSearchRequestHandler = void 0;
+var hooks_1 = require("./hooks");
+var useGlobalSearchRequestHandler = function () {
+    return (0, hooks_1.useWebSocketRequestHandler)('GlobalSearch');
+};
+exports.useGlobalSearchRequestHandler = useGlobalSearchRequestHandler;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@addev-be/ui",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
     "build": "tsc -b",
+    "build:vite": "vite build",
     "lint": "eslint .",
     "publish": "yarn npm publish"
   },
@@ -14,6 +15,19 @@
       "import": "./src/index.ts"
     }
   },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "dependencies": {
+    "fp-ts": "^2.16.9",
+    "io-ts": "^2.2.21",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "styled-components": "^6.1.13",
+    "uuid": "^10.0.0",
+    "vite-plugin-svgr": "^4.2.0"
+  },
   "devDependencies": {
     "@eslint/js": "^8.57.0",
     "@types/lodash": "^4",
@@ -32,19 +46,11 @@
     "eslint-plugin-react-refresh": "^0.4.9",
     "globals": "^15.9.0",
     "typescript": "^5.5.3",
-    "typescript-eslint": "^8.6.0"
+    "typescript-eslint": "^8.6.0",
+    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "styled-components": "^6.1.13",
-    "vite-plugin-svgr": "^4.2.0"
-  },
-  "dependencies": {
-    "fp-ts": "^2.16.9",
-    "io-ts": "^2.2.21",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "uuid": "^10.0.0"
+    "react-dom": "^18.3.1"
   }
 }

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

@@ -1,9 +0,0 @@
-import { ConditionDTO, OrderByDTO } from '../../../services/advancedRequests';
-import { DataGridProps } from './types';
-export type AdvancedRequestDataGridProps<R> = Omit<DataGridProps<R>, 'rows'> & {
-    type: string;
-    orderBy?: OrderByDTO[];
-    conditions?: ConditionDTO[];
-    addIdColumn?: boolean;
-};
-export declare const AdvancedRequestDataGrid: <R>(props: AdvancedRequestDataGridProps<R>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js

@@ -1,171 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdvancedRequestDataGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var advancedRequests_1 = require("../../../services/advancedRequests");
-var helpers_1 = require("./helpers");
-var react_1 = require("react");
-var _1 = require(".");
-var lodash_1 = require("lodash");
-var getColumnField = function (columns, columnKey) {
-    var _a, _b;
-    return columns[columnKey].field
-        ? {
-            fieldName: (_b = (_a = columns[columnKey].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : columnKey,
-            fieldAlias: columnKey,
-        }
-        : {
-            fieldName: columnKey,
-            fieldAlias: columnKey,
-        };
-};
-var getFirstColumnField = function (columns) {
-    return getColumnField(columns, Object.keys(columns)[0]);
-};
-var AdvancedRequestDataGrid = function (props) {
-    var _a;
-    var currentRows = (0, react_1.useRef)([]);
-    var _b = (0, react_1.useState)([]), rows = _b[0], setRows = _b[1];
-    var _c = (0, react_1.useState)(0), start = _c[0], setStart = _c[1];
-    var _d = (0, react_1.useState)(50), length = _d[0], setLength = _d[1];
-    var _e = (0, react_1.useState)(-1), total = _e[0], setTotal = _e[1];
-    var advancedRequest = (0, advancedRequests_1.useAdvancedRequestHandler)();
-    var _f = (0, react_1.useState)([]), conditions = _f[0], setConditions = _f[1];
-    var _g = (0, react_1.useState)((_a = props.orderBy) !== null && _a !== void 0 ? _a : [
-        {
-            field: getFirstColumnField(props.columns),
-            direction: 'ASC',
-        },
-    ]), orderBy = _g[0], setOrderBy = _g[1];
-    var refresh = (0, react_1.useCallback)(function () {
-        setRows([]);
-        setStart(0);
-        setLength(50);
-        setTotal(-1);
-    }, []);
-    var onFiltersChanged = (0, react_1.useCallback)(function (filters) {
-        console.log('filters changed', filters);
-        var newConditions = (0, helpers_1.convertFiltersToConditions)(filters);
-        console.log('new conditions:', newConditions);
-        setTotal(-1);
-        setConditions(newConditions);
-    }, []);
-    var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
-        console.log('sorts changed', sorts);
-        refresh();
-        setOrderBy(Object.entries(sorts).map(function (_a) {
-            var columnKey = _a[0], direction = _a[1];
-            return ({
-                field: getColumnField(props.columns, columnKey),
-                direction: direction.toUpperCase(),
-            });
-        }));
-    }, [props.columns, refresh]);
-    var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (columns, conditions, orderBy, start, length, getTotal) {
-        if (getTotal === void 0) { getTotal = false; }
-        advancedRequest((0, helpers_1.getAdvancedRequestDto)({
-            type: props.type,
-            columns: columns,
-            conditions: conditions,
-            orderBy: orderBy,
-            start: start,
-            length: length,
-            getTotal: getTotal,
-        })).then(function (response) {
-            var _a;
-            var _b;
-            if (getTotal) {
-                currentRows.current = Array(response.total).fill(null);
-                if (getTotal)
-                    setTotal((_b = response.total) !== null && _b !== void 0 ? _b : 0);
-            }
-            (_a = currentRows.current).splice.apply(_a, __spreadArray([start, length], response.data, false));
-            setRows(__spreadArray([], currentRows.current, true));
-        });
-    }, 100));
-    var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
-        var _a;
-        return advancedRequest({
-            fields: [
-                {
-                    fieldName: columnKey,
-                },
-            ],
-            conditions: __spreadArray(__spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), conditions, true), [
-                {
-                    field: {
-                        fieldName: 'DeletedAt',
-                    },
-                    operator: 'isNull',
-                },
-            ], false).filter(function (condition) {
-                var _a;
-                return ((_a = condition.field.fieldAlias) !== null && _a !== void 0 ? _a : condition.field.fieldName) !==
-                    columnKey;
-            }),
-            orderBy: [
-                {
-                    field: { fieldName: columnKey },
-                    direction: 'ASC',
-                },
-            ],
-            type: props.type,
-            getTotal: false,
-            unique: true,
-        }).then(function (response) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            return response.data.map(function (row) { return row[columnKey]; });
-        });
-    }, [advancedRequest, conditions, props.conditions, props.type]);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        return loadRows.current(props.columns, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (conditions !== null && conditions !== void 0 ? conditions : []), true), orderBy, start, length, total < 0);
-    }, [props.columns, conditions, orderBy, start, length, total, props.conditions]);
-    var loadCopyRows = (0, react_1.useCallback)(function () {
-        var _a;
-        return advancedRequest((0, helpers_1.getAdvancedRequestDto)({
-            type: props.type,
-            columns: props.columns,
-            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (conditions !== null && conditions !== void 0 ? conditions : []), true),
-            orderBy: orderBy,
-            start: 0,
-            length: total,
-        })).then(function (response) { return response.data; });
-    }, [
-        advancedRequest,
-        conditions,
-        orderBy,
-        props.columns,
-        props.conditions,
-        props.type,
-        total,
-    ]);
-    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
-        if (newStart !== start || newLength !== length) {
-            setStart(newStart);
-            setLength(newLength);
-        }
-    }, [length, start]);
-    return ((0, jsx_runtime_1.jsx)(_1.DataGrid, __assign({ onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh }, props)));
-};
-exports.AdvancedRequestDataGrid = AdvancedRequestDataGrid;

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

@@ -1,12 +0,0 @@
-import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../../services/advancedRequests';
-import { DataGridColumns } from '../types';
-export declare const getAdvancedRequestDto: <R>({ type, columns, conditions, orderBy, start, length, getTotal, addIdColumn, }: {
-    type: string;
-    columns: DataGridColumns<R>;
-    conditions?: ConditionDTO[];
-    orderBy?: OrderByDTO[];
-    start?: number;
-    length?: number;
-    getTotal?: boolean;
-    addIdColumn?: boolean;
-}) => AdvancedRequestDTO;

package/dist/components/data/DataGrid/helpers/advancedRequests.js

@@ -1,53 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAdvancedRequestDto = void 0;
-var getAdvancedRequestDto = function (_a) {
-    var type = _a.type, columns = _a.columns, _b = _a.conditions, conditions = _b === void 0 ? [] : _b, _c = _a.orderBy, orderBy = _c === void 0 ? [] : _c, _d = _a.start, start = _d === void 0 ? 0 : _d, _e = _a.length, length = _e === void 0 ? 100 : _e, _f = _a.getTotal, getTotal = _f === void 0 ? false : _f, _g = _a.addIdColumn, addIdColumn = _g === void 0 ? true : _g;
-    return ({
-        fields: __spreadArray(__spreadArray([], (Object.keys(columns).includes('Id') || addIdColumn === false
-            ? []
-            : [{ fieldName: 'Id' }]), true), Object.keys(columns).map(function (key) {
-            var _a, _b;
-            return columns[key].field
-                ? __assign(__assign({}, columns[key].field), { fieldName: (_b = (_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : key, fieldAlias: key }) : {
-                fieldName: key,
-                fieldAlias: key,
-            };
-        }), true),
-        conditions: __spreadArray(__spreadArray([], conditions, true), [
-            {
-                field: {
-                    fieldName: 'DeletedAt',
-                },
-                operator: 'isNull',
-            },
-        ], false),
-        orderBy: orderBy,
-        type: type,
-        start: start,
-        length: length,
-        getTotal: getTotal,
-    });
-};
-exports.getAdvancedRequestDto = getAdvancedRequestDto;

package/eslint.config.js

@@ -1,28 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-
-export default tseslint.config(
-  { ignores: ['dist'] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
-  },
-)

package/src/Icons.tsx

@@ -1,108 +0,0 @@
-import { FC, SVGProps, useEffect, useState } from 'react';
-
-import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
-import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
-import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
-import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
-import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
-import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
-import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
-import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
-import CheckIcon from '../assets/icons/check.svg?react';
-import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
-import CopyIcon from '../assets/icons/copy.svg?react';
-import DownIcon from '../assets/icons/down.svg?react';
-import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
-import FilterFullIcon from '../assets/icons/filter-full.svg?react';
-import FilterIcon from '../assets/icons/filter.svg?react';
-import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
-import HashtagIcon from '../assets/icons/hashtag.svg?react';
-import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
-import LeftIcon from '../assets/icons/left.svg?react';
-import MagnifierIcon from '../assets/icons/magnifier.svg?react';
-import PhoneIcon from '../assets/icons/phone.svg?react';
-import PlusIcon from '../assets/icons/plus.svg?react';
-import RightIcon from '../assets/icons/right.svg?react';
-import SigmaIcon from '../assets/icons/sigma.svg?react';
-import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
-import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
-import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
-import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
-import TableFooterIcon from '../assets/icons/table-footer.svg?react';
-import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
-import TableIcon from '../assets/icons/table.svg?react';
-import TallyIcon from '../assets/icons/tally.svg?react';
-import UpIcon from '../assets/icons/up.svg?react';
-import UserTieIcon from '../assets/icons/user-tie.svg?react';
-import XBarIcon from '../assets/icons/x-bar.svg?react';
-
-type IconFCProps = SVGProps<SVGSVGElement>;
-export type IconFC = FC<IconFCProps>;
-
-type AnimatedIconProps = {
-  icons: FC[];
-  speed?: number;
-};
-
-export const AnimatedIcon: FC<AnimatedIconProps & IconFCProps> = ({
-  icons,
-  speed = 150,
-  ...props
-}) => {
-  const [currentIcon, setCurrentIcon] = useState(0);
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      setCurrentIcon((currentIcon) => (currentIcon + 1) % icons.length);
-    }, speed);
-
-    return () => {
-      clearInterval(interval);
-    };
-  }, [icons.length, speed]);
-
-  const Icon = icons[currentIcon];
-  return <Icon {...props} />;
-};
-
-export const LoadingIcon: FC<IconFCProps> = ({ className, ...props }) => (
-  <SpinnerIcon className={`animate-spin ${className}`} {...props} />
-);
-
-export {
-  ArrowDownAZIcon,
-  ArrowDown19Icon,
-  ArrowDownBigSmallIcon,
-  ArrowUpZAIcon,
-  ArrowUpBigSmallIcon,
-  ArrowUp91Icon,
-  ArrowsRotateIcon,
-  ArrowsUpDownIcon,
-  CheckIcon,
-  ChevronDownIcon,
-  CopyIcon,
-  DownIcon,
-  EllipsisIcon,
-  FilterFullIcon,
-  FilterIcon,
-  FilterSlashIcon,
-  HashtagIcon,
-  ImageSlashIcon,
-  LeftIcon,
-  MagnifierIcon,
-  PhoneIcon,
-  PlusIcon,
-  RightIcon,
-  SigmaIcon,
-  SortCalendarAscendingIcon,
-  SortCalendarDescendingIcon,
-  SpinnerIcon,
-  TableColumnsIcon,
-  TableFooterIcon,
-  TableFooterSlashIcon,
-  TableIcon,
-  TallyIcon,
-  UpIcon,
-  UserTieIcon,
-  XBarIcon,
-};

package/src/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.ts

@@ -1,93 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import {
-  AdvancedRequestDTO,
-  ConditionDTO,
-  FieldDTO,
-  OrderByDTO,
-} from '../../../../services/advancedRequests';
-import {
-  AdvancedRequestDataGridColumns,
-  AdvancedRequestDataGridFilters,
-} from '../types';
-
-import _ from 'lodash';
-
-export const getAdvancedRequestDto = <R>({
-  type,
-  columns,
-  conditions = [],
-  orderBy = [],
-  start = 0,
-  length = 100,
-  getTotal = false,
-  idField = { fieldName: 'Id' },
-}: {
-  type: string;
-  columns: AdvancedRequestDataGridColumns<R>;
-  conditions?: ConditionDTO[];
-  orderBy?: OrderByDTO[];
-  start?: number;
-  length?: number;
-  getTotal?: boolean;
-  idField?: FieldDTO | null;
-}): AdvancedRequestDTO => ({
-  fields: [
-    ...(idField === null ? [] : [idField]),
-    ...Object.keys(columns).map((key) =>
-      columns[key].field
-        ? {
-            ...columns[key].field,
-            fieldName: columns[key].field?.fieldName ?? key,
-            fieldAlias: key,
-          }
-        : {
-            fieldName: key,
-            fieldAlias: key,
-          }
-    ),
-  ],
-  conditions,
-  orderBy,
-  type,
-  start,
-  length,
-  getTotal,
-});
-
-export const convertFiltersToConditions = <R>(
-  filters: AdvancedRequestDataGridFilters,
-  columns: AdvancedRequestDataGridColumns<R>
-): Record<string, ConditionDTO> =>
-  _.mapValues(filters, (filter, columnKey) => ({
-    field:
-      columns[columnKey].filterField ??
-      columns[columnKey].field?.fieldAlias ??
-      columns[columnKey].field?.fieldName ??
-      columnKey,
-    operator: filter.operator,
-    value: ['inArray', 'inRange'].includes(filter.operator)
-      ? filter.values
-      : _.castArray<string | number | null>(filter.values)[0],
-  }));
-
-export const parseJsonObjectFields = <R>(
-  rows: any[],
-  columns: AdvancedRequestDataGridColumns<R>,
-  parser?: (row: any) => R
-): R[] => {
-  const jsonColumns = Object.keys(columns).filter(
-    (key) => columns[key].field?.operator === 'jsonObject'
-  );
-  const parsedRows =
-    jsonColumns.length === 0
-      ? rows
-      : rows.map((row) => {
-          const parsedRow = { ...row };
-          jsonColumns.forEach((key) => {
-            parsedRow[key] = JSON.parse(parsedRow[key] ?? '{}');
-          });
-          return parsedRow;
-        });
-  return parser ? parsedRows.map(parser) : parsedRows;
-};