nurseitaly-components 0.0.1

package/dist/common/AppPicture/index.js

@@ -0,0 +1,2 @@
+import AppPicture from './AppPicture';
+export default AppPicture;

package/dist/common/AppPlaceholder/AppPlaceholder.d.ts

@@ -0,0 +1,12 @@
+import "./style.scss";
+type Props = {
+    icon?: string;
+    text?: string;
+    desc?: string;
+    children?: React.ReactNode;
+    useMarginTop?: boolean;
+    onClick?: () => void;
+    className?: string;
+};
+export default function AppPlaceholder({ text, desc, children, icon, useMarginTop, onClick, className, }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppPlaceholder/AppPlaceholder.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { Icon } from '../../basic';
+import "./style.scss";
+export default function AppPlaceholder({ text, desc, children, icon = "contract_delete", useMarginTop = false, onClick, className, }) {
+    return (_jsxs("div", { className: cx("ds-placeholder", { "with-margin-top": useMarginTop }, className), onClick: () => onClick && onClick(), onKeyDown: () => onClick && onClick(), children: [_jsx(Icon, { name: icon, weight: "heavy", size: "x-large", filled: true }), text && _jsx("span", { className: "title", children: text }), desc && _jsx("span", { className: "desc", children: desc }), children && children] }));
+}

package/dist/common/AppPlaceholder/index.d.ts

@@ -0,0 +1,2 @@
+import AppPlaceholder from './AppPlaceholder';
+export default AppPlaceholder;

package/dist/common/AppPlaceholder/index.js

@@ -0,0 +1,2 @@
+import AppPlaceholder from './AppPlaceholder';
+export default AppPlaceholder;

package/dist/common/AppPlaceholder/style.scss

@@ -0,0 +1,25 @@
+.ds-placeholder {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+
+  &.with-margin-top {
+    margin-top: 5%;
+  }
+
+  > .ds-icon {
+    color: var(--icon-on-disabled);
+    margin-bottom: 8px;
+  }
+
+  > .title {
+    @include label-large-2;
+    color: var(--text-primary);
+    margin-bottom: 4px;
+  }
+
+  > .desc {
+    @include label-medium-1;
+    color: var(--text-secondary);
+  }
+}

package/dist/common/AppSwitchGroup/AppSwitchGroup.d.ts

@@ -0,0 +1,12 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { AppFormField } from '../AppForm/AppFormField';
+import './style.scss';
+type Props<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> = {
+    fields: AppFormField[];
+    form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+    onToggle: (attr: string, value: boolean) => void;
+    hasRole?: (role: string) => boolean;
+    className?: string;
+};
+export default function AppSwitchGroup<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ fields, form, onToggle, hasRole, className, }: Props<TFieldValues, TContext, TTransformedValues>): import("react").JSX.Element;
+export {};

package/dist/common/AppSwitchGroup/AppSwitchGroup.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, SwitchField, Tooltip } from '../../basic';
+import FormUtils from '../../functions/FormUtils';
+import './style.scss';
+export default function AppSwitchGroup({ fields, form, onToggle, hasRole = () => true, className, }) {
+    const visibleFields = FormUtils.filterFieldsByUserRole(fields, hasRole).filter((field) => field.type === 'switch');
+    return (_jsx("div", { className: `app-switch-group-container ${className || ''}`, children: visibleFields.map((field) => (_jsxs("div", { className: "app-switch-group-row", children: [_jsx(SwitchField, { attr: field.attr, label: field.name, createdForm: form, disabled: field.disabled, onChange: (value) => onToggle(field.attr, value) }), field.tooltip && field.tooltipText && (_jsx(Tooltip, { title: field.tooltipText, children: _jsx("span", { className: "app-switch-group-tooltip", children: _jsx(Icon, { name: "help", size: "x-small" }) }) }))] }, field.attr))) }));
+}

package/dist/common/AppSwitchGroup/index.d.ts

@@ -0,0 +1,2 @@
+import AppSwitchGroup from './AppSwitchGroup';
+export default AppSwitchGroup;

package/dist/common/AppSwitchGroup/index.js

@@ -0,0 +1,2 @@
+import AppSwitchGroup from './AppSwitchGroup';
+export default AppSwitchGroup;

package/dist/common/AppSwitchGroup/style.scss

@@ -0,0 +1,18 @@
+.app-switch-group-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-200);
+
+  .app-switch-group-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--spacing-100);
+  }
+
+  .app-switch-group-tooltip {
+    display: inline-flex;
+    cursor: pointer;
+    color: var(--icon-secondary);
+  }
+}

package/dist/common/AppTable/AppTable.d.ts

@@ -0,0 +1,19 @@
+import { PaginationState, SortingState } from '@tanstack/react-table';
+import './styles.scss';
+import { AppPage } from './types/AppPage';
+type Props = {
+    columns: any;
+    data: AppPage<any>;
+    pagination: PaginationState;
+    setPagination: (p: PaginationState) => void;
+    sorting: SortingState;
+    setSorting: (s: SortingState) => void;
+    className?: string;
+    onClickRow?: (row: any, col: any) => void;
+    onMouseEnter?: (row: any) => void;
+    onMouseLeave?: (row: any) => void;
+    hiddenColumns?: string[];
+    numItens?: number[];
+};
+export default function AppTable({ columns, data, pagination, setPagination, sorting, setSorting, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, numItens, }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppTable/AppTable.js

@@ -0,0 +1,62 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from '@emotion/react';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import cx from 'classnames';
+import AppPagination from '../AppPagination';
+import { tableTheme } from './AppTableTheme';
+import './styles.scss';
+export default function AppTable({ columns, data, pagination, setPagination, sorting, setSorting, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, numItens, }) {
+    const { content, totalPages, totalElements } = data;
+    const columnVisibility = hiddenColumns?.reduce((acc, col) => {
+        acc[col] = false;
+        return acc;
+    }, {});
+    const table = useReactTable({
+        data: content || [],
+        columns,
+        pageCount: totalPages,
+        state: {
+            pagination,
+            sorting,
+            columnVisibility,
+        },
+        manualPagination: true,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        onSortingChange: (updaterOrValue) => {
+            const newSorting = typeof updaterOrValue === 'function'
+                ? updaterOrValue(sorting)
+                : updaterOrValue;
+            if (newSorting &&
+                sorting &&
+                JSON.stringify(newSorting) !== JSON.stringify(sorting)) {
+                setSorting(newSorting);
+            }
+        },
+    });
+    const tableClass = cx('ds-table', {
+        [className || '']: className || '',
+    });
+    return (_jsx(ThemeProvider, { theme: tableTheme, children: _jsxs("div", { className: tableClass, children: [_jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
+                                        const toggleSortingHandler = header.column.getToggleSortingHandler();
+                                        return (_jsxs(TableCell, { onClick: (event) => {
+                                                if (toggleSortingHandler) {
+                                                    toggleSortingHandler(event);
+                                                }
+                                            }, style: {
+                                                cursor: 'pointer',
+                                                width: `${header.column.columnDef.size}%`,
+                                            }, children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getIsSorted()
+                                                    ? header.column.getIsSorted() === 'desc'
+                                                        ? ' 🔽'
+                                                        : ' 🔼'
+                                                    : null] }, header.id));
+                                    }) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows.map((row) => (_jsx(TableRow, { onMouseEnter: () => onMouseEnter && onMouseEnter(row), onMouseLeave: () => onMouseLeave && onMouseLeave(row), children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { onClick: () => onClickRow && onClickRow(row.original, cell.column), className: cell.id.includes('__') ? cell.id.split('__')[1] : '', children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id))) })] }) }), _jsx(AppPagination, { totalElements: totalElements, pagination: pagination, setPagination: setPagination, numItens: numItens })] }) }));
+}

package/dist/common/AppTable/AppTableList.d.ts

@@ -0,0 +1,14 @@
+import { ColumnDef } from '@tanstack/react-table';
+import './styles.scss';
+type Props = {
+    columns: ColumnDef<any, any>[];
+    data: any[];
+    className?: string;
+    onClickRow?: (row: any) => void;
+    onMouseEnter?: (row: any) => void;
+    onMouseLeave?: (row: any) => void;
+    hiddenColumns?: string[];
+    filter?: [string, string];
+};
+export default function AppTableList({ columns, data, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, filter, }: Props): import("react").JSX.Element;
+export {};

package/dist/common/AppTable/AppTableList.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import { ThemeProvider } from '@emotion/react';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import { flexRender, getCoreRowModel, getFilteredRowModel, useReactTable, } from '@tanstack/react-table';
+import { tableTheme } from './AppTableTheme';
+import './styles.scss';
+import { useEffect } from 'react';
+export default function AppTableList({ columns, data, className = '', onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, filter, }) {
+    const columnVisibility = hiddenColumns?.reduce((acc, key) => {
+        acc[key] = false;
+        return acc;
+    }, {});
+    const table = useReactTable({
+        data,
+        columns,
+        state: {
+            columnVisibility,
+        },
+        getCoreRowModel: getCoreRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+    });
+    const handleClickRow = (row) => {
+        if (onClickRow)
+            onClickRow(row.original);
+    };
+    useEffect(() => {
+        if (!filter)
+            return;
+        if (filter[1]) {
+            table.getColumn(filter[0])?.setFilterValue(filter[1]);
+        }
+        else {
+            table.getColumn(filter[0])?.setFilterValue(undefined);
+        }
+    }, [filter]);
+    const tableClass = cx('ds-table', {
+        [className || '']: className || '',
+    });
+    return (_jsx(ThemeProvider, { theme: tableTheme, children: _jsx("div", { className: tableClass, children: _jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => (_jsx(TableCell, { style: { width: header.getSize() }, children: header.isPlaceholder
+                                        ? null
+                                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows.map((row) => (_jsx(TableRow, { onClick: () => handleClickRow(row), onMouseEnter: () => onMouseEnter?.(row), onMouseLeave: () => onMouseLeave?.(row), children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id))) })] }) }) }) }));
+}

package/dist/common/AppTable/AppTableTheme.d.ts

@@ -0,0 +1 @@
+export declare const tableTheme: (outerTheme: any) => import("@mui/material/styles").Theme;

package/dist/common/AppTable/AppTableTheme.js

@@ -0,0 +1,45 @@
+import { createTheme } from '@mui/material/styles';
+export const tableTheme = (outerTheme) => createTheme({
+    ...outerTheme,
+    components: {
+        MuiPaper: {
+            styleOverrides: {
+                root: {
+                    borderRadius: '4px',
+                    overflow: 'hidden',
+                    boxShadow: 'none',
+                },
+            },
+        },
+        MuiTable: {
+            styleOverrides: {
+                root: {
+                    minWidth: 'unset',
+                    border: 0,
+                },
+            },
+        },
+        MuiTableCell: {
+            styleOverrides: {
+                head: {
+                    backgroundColor: '#F9FAFB',
+                    fontWeight: 'bold',
+                    padding: '4px 0px 4px 12px',
+                    height: '48px',
+                },
+                body: {
+                    cursor: 'pointer',
+                    padding: '4px 0px 4px 12px',
+                },
+            },
+        },
+        MuiTablePagination: {
+            styleOverrides: {
+                root: {
+                    display: 'flex',
+                    justifyContent: 'flex-end',
+                },
+            },
+        },
+    },
+});

package/dist/common/AppTable/AppTableUtils.d.ts

@@ -0,0 +1,8 @@
+declare const AppTableUtils: {
+    limitCharacters: (attr: string, props: any, max: number) => any;
+    addCenteredHeader: (header: string) => import("react").JSX.Element;
+    addCenteredCell: (attr: string, props: any) => import("react").JSX.Element;
+    addEnumBadge: (attr: string, props: any, append: string, t: any) => import("react").JSX.Element;
+    addSimpleCell: (value: any) => import("react").JSX.Element;
+};
+export default AppTableUtils;

package/dist/common/AppTable/AppTableUtils.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const limitCharacters = (attr, props, max) => {
+    const value = props.row.original[attr];
+    if (!value)
+        return '';
+    return value.length > max ? `${value.substr(0, max)}...` : value;
+};
+const addCenteredHeader = (header) => (_jsx("div", { className: "text-center", children: header }));
+const addCenteredCell = (attr, props) => (_jsx("div", { className: "text-center", children: props.row.original[attr] }));
+const addEnumBadge = (attr, props, append, t) => {
+    const value = props[attr].toLowerCase();
+    return (_jsx("span", { className: `badge badge-enum ${attr}-${value}`, children: t(`${append}${value}`) }));
+};
+const addSimpleCell = (value) => {
+    return _jsx("div", { className: "text-center", children: value });
+};
+const AppTableUtils = {
+    limitCharacters,
+    addCenteredHeader,
+    addCenteredCell,
+    addEnumBadge,
+    addSimpleCell,
+};
+export default AppTableUtils;

package/dist/common/AppTable/index.d.ts

@@ -0,0 +1,2 @@
+import AppTable from './AppTable';
+export default AppTable;

package/dist/common/AppTable/index.js

@@ -0,0 +1,2 @@
+import AppTable from './AppTable';
+export default AppTable;

package/dist/common/AppTable/styles.scss

@@ -0,0 +1,65 @@
+.ds-table {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--border-subtle-2);
+  background-color: var(--background-default);
+
+  .MuiTableContainer-root {
+    height: 100%;
+    flex: 1;
+    overflow: auto;
+  }
+
+  .MuiTableCell-root {
+    height: 46px;
+  }
+
+  .MuiTableRow-root {
+    height: 46px;
+
+    &:hover {
+      background-color: var(--layer-hover-1);
+    }
+
+    .text-center {
+      text-align: center;
+      display: flex;
+      justify-content: center;
+    }
+  }
+
+  .MuiTableBody-root {
+    &.MuiTableRow-head {
+      .MuiTableCell-head {
+        @include tag-medium-2;
+        color: var(--text-primary);
+        font-family: "Lora";
+      }
+    }
+
+    .MuiTableCell-body {
+      @include label-medium-1;
+      color: var(--text-primary);
+      font-family: "Work Sans";
+      cursor: pointer;
+    }
+  }
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: var(--layer-hover-1);
+}
+
+.td-icons {
+  display: flex;
+  justify-content: center;
+}
+
+@media (max-width: 768px) {
+  .ds-table {
+    .MuiTableContainer-root {
+      width: 100vw;
+    }
+  }
+}

package/dist/common/AppTable/types/AppPage.d.ts

@@ -0,0 +1,29 @@
+export type AppPage<Type> = {
+    content: Type[];
+    totalElements: number;
+    totalPages: number;
+    number: number;
+    size: number;
+    seed: number;
+    executionTime?: number;
+    totalHits?: number;
+    uid?: string;
+    empty?: boolean;
+};
+export declare const EMPTY_PAGE: {
+    content: never[];
+    totalElements: number;
+    totalPages: number;
+    number: number;
+    size: number;
+    seed: number;
+};
+export declare const EMPTY_GRID_PAGE: {
+    content: never[];
+    totalElements: number;
+    totalPages: number;
+    number: number;
+    size: number;
+    seed: number;
+};
+export declare const isPageEmpty: <T>(data: AppPage<T> | undefined) => boolean;

package/dist/common/AppTable/types/AppPage.js

@@ -0,0 +1,18 @@
+import { EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE } from "./AppPageable";
+export const EMPTY_PAGE = {
+    content: [],
+    totalElements: 0,
+    totalPages: 0,
+    number: 0,
+    size: EMPTY_PAGEABLE.size,
+    seed: 0,
+};
+export const EMPTY_GRID_PAGE = {
+    content: [],
+    totalElements: 0,
+    totalPages: 0,
+    number: 0,
+    size: EMPTY_GRID_PAGEABLE.size,
+    seed: 0,
+};
+export const isPageEmpty = (data) => !data || !data.content || data.content.length === 0;

package/dist/common/AppTable/types/AppPageable.d.ts

@@ -0,0 +1,15 @@
+import { SortingState } from '@tanstack/react-table';
+export type AppPageable = {
+    page: number;
+    size: number;
+    seed?: number;
+    sort?: SortingState;
+};
+export declare const EMPTY_PAGEABLE: AppPageable;
+export declare const EMPTY_GRID_PAGEABLE: AppPageable;
+export declare function convertPageable(pageable: AppPageable): {
+    sort: string;
+    page: number;
+    size: number;
+    seed?: number;
+};

package/dist/common/AppTable/types/AppPageable.js

@@ -0,0 +1,19 @@
+export const EMPTY_PAGEABLE = {
+    page: 0,
+    size: 10,
+    seed: 1,
+};
+export const EMPTY_GRID_PAGEABLE = {
+    page: 0,
+    size: 12,
+    seed: 1,
+};
+export function convertPageable(pageable) {
+    const sort = [];
+    if (pageable.sort) {
+        pageable.sort.forEach((item, index) => {
+            sort.push(`${item.id},${item.desc ? 'desc' : 'asc'}`);
+        });
+    }
+    return { ...pageable, sort: sort.join(',') };
+}

package/dist/common/AppTextArea/AppTextArea.d.ts

@@ -0,0 +1,11 @@
+import { type TextareaHTMLAttributes } from 'react';
+import './style.scss';
+export type AppTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    showLineNumbers?: boolean;
+    containerClassName?: string;
+};
+declare const AppTextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    showLineNumbers?: boolean;
+    containerClassName?: string;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default AppTextArea;

package/dist/common/AppTextArea/AppTextArea.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import { forwardRef, useCallback, useRef, } from 'react';
+import './style.scss';
+const AppTextArea = forwardRef(function AppTextArea({ showLineNumbers = false, containerClassName, className, value, defaultValue, onScroll, ...rest }, ref) {
+    const gutterRef = useRef(null);
+    const setTextareaRef = useCallback((node) => {
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    const textValue = value !== undefined
+        ? String(value)
+        : defaultValue !== undefined
+            ? String(defaultValue)
+            : '';
+    const lines = Math.max(textValue.split('\n').length, 1);
+    const handleScroll = (e) => {
+        if (gutterRef.current) {
+            gutterRef.current.scrollTop = e.currentTarget.scrollTop;
+        }
+        onScroll?.(e);
+    };
+    return (_jsxs("div", { className: cx('app-text-area', { 'app-text-area--numbered': showLineNumbers }, containerClassName), children: [showLineNumbers && (_jsx("div", { className: "app-text-area__gutter", "aria-hidden": true, ref: gutterRef, children: Array.from({ length: lines }, (_, i) => (_jsx("div", { children: i + 1 }, i))) })), _jsx("textarea", { ref: setTextareaRef, className: cx('app-text-area__input', className), value: value, defaultValue: defaultValue, onScroll: handleScroll, ...rest })] }));
+});
+export default AppTextArea;

package/dist/common/AppTextArea/index.d.ts

@@ -0,0 +1 @@
+export { default, type AppTextAreaProps } from './AppTextArea';

package/dist/common/AppTextArea/index.js

@@ -0,0 +1 @@
+export { default } from './AppTextArea';

package/dist/common/AppTextArea/style.scss

@@ -0,0 +1,47 @@
+.app-text-area {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+
+  &__input {
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: var(--spacing-200);
+    border: 0;
+    outline: 0;
+    resize: none;
+    background: transparent;
+    @include body-medium-1;
+    font-family: var(--font-family);
+  }
+
+  &--numbered {
+    font-family: monospace;
+
+    .app-text-area__gutter,
+    .app-text-area__input {
+      @include body-medium-1;
+      font-family: monospace;
+      line-height: 150%;
+    }
+
+    .app-text-area__gutter {
+      flex-shrink: 0;
+      overflow: hidden;
+      padding: var(--spacing-200);
+      background-color: var(--layer-hover-2);
+      text-align: right;
+      user-select: none;
+      color: var(--text-secondary);
+    }
+
+    .app-text-area__input {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+}

package/dist/common/AppToast/AppToast.d.ts

@@ -0,0 +1,2 @@
+import 'react-toastify/dist/ReactToastify.css';
+export default function AppToast(): import("react").JSX.Element;