@pivotfinancialtechnologies/admin-frontend-blueprint-template 0.0.2-dev.8

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/components/Data/BooleanTag/BooleanTag.d.ts

@@ -0,0 +1,7 @@
+interface BooleanTagProps {
+    value: boolean | null | undefined;
+    trueLabel?: string;
+    falseLabel?: string;
+}
+export declare const BooleanTag: ({ value, trueLabel, falseLabel, }: BooleanTagProps) => import("react").JSX.Element;
+export {};

package/dist/components/Data/Datatable/Datatable.d.ts

@@ -0,0 +1,25 @@
+import { Page, PageRequest } from '../Pagination.ts';
+import { default as React } from 'react';
+import { Intent } from '@blueprintjs/core';
+import { ColumnProps } from '@blueprintjs/table';
+export interface DataTableColumnProps<T> extends ColumnProps {
+    visible: boolean;
+    key: string;
+    sortKey?: string;
+    width?: number;
+    disableSort?: boolean;
+    customCellRenderer?: (row: T) => React.JSX.Element;
+}
+interface DataTableProps<T> {
+    columns: DataTableColumnProps<T>[];
+    request: PageRequest;
+    data?: Page<T>;
+    isLoading?: boolean;
+    onRequestChange: (request: PageRequest) => void;
+    onDoubleClick?: (row: T) => void;
+    getIntent?: (row: T) => Intent;
+    actionButtons?: React.JSX.Element;
+    resetKey?: string;
+}
+export declare const Datatable: <T>({ columns, request, data, isLoading, onRequestChange, actionButtons, getIntent, onDoubleClick, resetKey, }: DataTableProps<T>) => React.JSX.Element;
+export {};

package/dist/components/Data/Datatable/TableCellTag.d.ts

@@ -0,0 +1,11 @@
+import { Intent } from '@blueprintjs/core';
+export interface TableCellTagProps {
+    value?: boolean;
+    trueText?: string;
+    falseText?: string;
+    trueIntent: Intent;
+    falseIntent: Intent;
+    round?: boolean;
+    minimal?: boolean;
+}
+export declare const TableCellTag: ({ value, trueText, falseText, trueIntent, falseIntent, round, minimal, }: TableCellTagProps) => import("react").JSX.Element;

package/dist/components/Data/Datatable/TableCopyMenu.d.ts

@@ -0,0 +1,9 @@
+import { MenuContext } from '@blueprintjs/table';
+import { JSX } from 'react';
+import { SimpleDataTableColumnProps } from '../SimpleDatatable/SimpleDatatable.tsx';
+import { DataTableColumnProps } from './Datatable.tsx';
+export interface CopyMenuProps<T> {
+    label: string;
+    copyContent: (value: T) => string;
+}
+export declare const createTableCopyMenu: <T>(menu: MenuContext, columns: SimpleDataTableColumnProps<T>[] | DataTableColumnProps<T>[], data: T[], extraMenus?: CopyMenuProps<T>[]) => JSX.Element;

package/dist/components/Data/Pagination.d.ts

@@ -0,0 +1,22 @@
+export interface Page<T> {
+    content: T[];
+    last: boolean;
+    totalElements: number;
+    totalPages: number;
+    size: number;
+    number: number;
+    numberOfElements: number;
+    first: boolean;
+    error: string;
+}
+export type SortDirection = 'asc' | 'desc';
+export interface Sort {
+    field: string;
+    direction: SortDirection;
+}
+export declare class PageRequest {
+    sort?: Sort[];
+    page: number;
+    pageSize: number;
+    constructor(page: number, pageSize: number, sort?: Sort[]);
+}

package/dist/components/Data/SimpleDatatable/SimpleDatatable.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ColumnProps } from '@blueprintjs/table';
+import { Intent } from '@blueprintjs/core';
+import { CopyMenuProps } from '../Datatable/TableCopyMenu.tsx';
+export interface SimpleDataTableColumnProps<T> extends ColumnProps {
+    key: string;
+    name?: string;
+    width?: number;
+    customCellRenderer?: (row: T) => React.JSX.Element;
+}
+export interface SimpleDataTableProps<T> {
+    columns: SimpleDataTableColumnProps<T>[];
+    data?: T[] | null;
+    isLoading?: boolean;
+    actionButtons?: React.JSX.Element;
+    onRowClick?: (row: T) => void;
+    pageSize?: number;
+    getIntent?: (row: T) => Intent;
+    extraCopyMenus?: CopyMenuProps<T>[];
+}
+export declare const SimpleDatatable: <T>({ columns, data, actionButtons, isLoading, getIntent, pageSize: initialPageSize, extraCopyMenus, }: SimpleDataTableProps<T>) => React.JSX.Element;

package/dist/components/Data/SimpleHTMLDatatable/SimpleHTMLDatatable.d.ts

@@ -0,0 +1,14 @@
+import { Intent } from '@blueprintjs/core';
+import { default as React } from 'react';
+export interface SimpleHTMLDataTableColumnProps<T> {
+    key: string;
+    name: string;
+    width?: number;
+    customCellRenderer?: (row: T) => React.JSX.Element;
+}
+export interface SimpleHTMLDatatableProps<T> {
+    columns: SimpleHTMLDataTableColumnProps<T>[];
+    data?: T[] | null;
+    getIntent?: (row: T) => Intent;
+}
+export declare const SimpleHTMLDatatable: <T>({ columns, data, getIntent }: SimpleHTMLDatatableProps<T>) => React.JSX.Element;

package/dist/components/Data/utils.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare function useSize<T extends HTMLElement>(target: React.RefObject<T>, delay?: number): {
+    width: number;
+    height: number;
+};

package/dist/components/Dialog/ConfirmationDialog.d.ts

@@ -0,0 +1,3 @@
+import { JSX, ReactNode } from 'react';
+export type ConfirmFn = (content: ReactNode) => Promise<boolean>;
+export declare const useConfirmDialog: () => [ConfirmFn, JSX.Element];

package/dist/components/Security/AuthRoute.d.ts

@@ -0,0 +1,6 @@
+export interface AuthRouteProps {
+    isAuthenticated: boolean;
+    loginUrl: string;
+    onBeforeNavigateLogin?: () => void;
+}
+export declare const AuthRoute: ({ isAuthenticated, loginUrl, onBeforeNavigateLogin }: AuthRouteProps) => import("react").JSX.Element;

package/dist/components/Security/PermissionVisibility.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface PermissionVisibilityProps {
+    requiredPermissions: string[];
+    gainPermissions: string[];
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+export declare const PermissionVisibility: ({ requiredPermissions, gainPermissions, children, fallback, }: PermissionVisibilityProps) => import("react").JSX.Element;

package/dist/components/Security/UnAuthRoute.d.ts

@@ -0,0 +1,5 @@
+export interface UnAuthRouteProps {
+    isAuthenticated: boolean;
+    homeUrl: string;
+}
+export declare const UnAuthRoute: ({ isAuthenticated, homeUrl }: UnAuthRouteProps) => import("react").JSX.Element;

package/dist/components/Select/SelectItem.d.ts

@@ -0,0 +1,17 @@
+import { Intent, Props } from '@blueprintjs/core';
+import { Key, ReactNode } from 'react';
+export interface SelectItemProps<Item, Value> extends Props {
+    items?: Item[];
+    selectedValue?: Value;
+    required?: boolean;
+    disabled?: boolean;
+    getValueByItem: (item: Item) => Value;
+    getItemByValue: (value: Value) => Item;
+    onSelect: (item?: Item) => void;
+    renderSelected: (item?: Item) => ReactNode;
+    renderMenuText: (item: Item) => ReactNode;
+    renderMenuLabel?: (item: Item) => ReactNode;
+    onBlur?: () => void;
+    intent?: Intent;
+}
+export declare const SelectItem: <Item, Value extends Key>({ selectedValue, items, required, disabled, onSelect, renderSelected, renderMenuText, getValueByItem, getItemByValue, renderMenuLabel, onBlur, intent, }: SelectItemProps<Item, Value>) => import("react").JSX.Element;

package/dist/components/Select/SelectMultipleItems.d.ts

@@ -0,0 +1,17 @@
+import { Props } from '@blueprintjs/core';
+import { Key, ReactNode } from 'react';
+export interface SelectMultipleItemsProps<Item, Value> extends Props {
+    items?: Item[];
+    selectedValues?: Value[];
+    required?: boolean;
+    disabled?: boolean;
+    getValueByItem: (item: Item) => Value;
+    getItemByValue: (value: Value) => Item;
+    renderSelected: (item?: Item) => ReactNode;
+    renderMenuText: (item: Item) => ReactNode;
+    renderMenuLabel?: (item: Item) => ReactNode;
+    onBlur?: () => void;
+    onSelect: (item: Item) => void;
+    onRemove: (item: Item) => void;
+}
+export declare const SelectMultipleItems: <Item, Value extends Key>({ items, selectedValues, required, disabled, getValueByItem, getItemByValue, renderSelected, renderMenuText, renderMenuLabel, onBlur, onSelect, onRemove, }: SelectMultipleItemsProps<Item, Value>) => import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './Data/Pagination.ts';
+export * from './Data/BooleanTag/BooleanTag';
+export * from './Data/Datatable/Datatable.tsx';
+export * from './Data/Datatable/TableCellTag.tsx';
+export * from './Data/Datatable/TableCopyMenu.tsx';
+export * from './Data/SimpleDatatable/SimpleDatatable.tsx';
+export * from './Data/SimpleHTMLDatatable/SimpleHTMLDatatable.tsx';
+export * from './Dialog/ConfirmationDialog.tsx';
+export * from './Select/SelectItem.tsx';
+export * from './Select/SelectMultipleItems.tsx';
+export * from './Security/AuthRoute.tsx';
+export * from './Security/UnAuthRoute.tsx';
+export * from './Security/PermissionVisibility.tsx';

package/dist/index.css

@@ -0,0 +1 @@
+.table-form-actions{display:flex}.table-actions{flex-shrink:0;align-self:flex-end;align-items:center;padding:10px 0;gap:10px;display:flex}.columns-visibility-menu{gap:10px;display:flex}.table-form{flex:1}.table-content{height:520px;overflow-y:auto;overflow-x:hidden}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin:10px;padding-top:20px}.rows-select-container{display:flex;align-items:center}.rows-select-container span{margin-right:10px}.pagination-page-info{margin:0 10px}.simple-html-datatable{--table-border-color: rgba(129, 129, 129, .45);font-size:12px;border-collapse:collapse;border:1px solid var(--table-border-color)}.simple-html-datatable th,.simple-html-datatable td{padding:4px 8px;border-bottom:1px solid var(--table-border-color);border-right:1px solid var(--table-border-color)}.bp5-intent-primary{background-color:#2d72d21a;color:#2d72d2}.bp5-intent-warning{background-color:#ffe5641a;color:#d9822b}.bp5-intent-danger{background-color:#ff4d4f1a;color:#f45e5e}.custom-navbar{display:flex;width:100%;justify-content:space-between}.nav-button{box-shadow:none!important}.nav-button:hover{background:#ffffff1a!important}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './layouts';
+export * from './utils';