asma-ui-richeditor 0.0.0 → 0.0.2

package/dist/src/components/table/components/columns/expandColumn.d.ts

@@ -1,11 +0,0 @@
-import { type CellContext } from '@tanstack/react-table';
-export declare function generateExpandColumn<TData>(): {
-    id: string;
-    minSize: number;
-    maxSize: number;
-    size: number;
-    enableHiding: boolean;
-    enableSorting: boolean;
-    header: () => null;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element | null;
-};

package/dist/src/components/table/components/columns/selectColumn.d.ts

@@ -1,9 +0,0 @@
-import type { CellContext, HeaderContext } from '@tanstack/react-table';
-export declare function selectColumn<TData>(): {
-    id: string;
-    minSize: number;
-    maxSize: number;
-    size: number;
-    header: ({ table }: HeaderContext<TData, TData>) => JSX.Element;
-    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element;
-};

package/dist/src/components/table/helpers/getTableHeaderStyle.d.ts

@@ -1,10 +0,0 @@
-import type { Header } from '@tanstack/react-table';
-export declare const getTableHeaderStyle: <TData>(props: {
-    enableResizing: boolean;
-    header: Header<TData, unknown>;
-    element: HTMLTableCellElement | null;
-}) => {
-    width: string | number | undefined;
-    maxWidth: string | number | undefined;
-    minWidth: string | number | undefined;
-};

package/dist/src/components/table/helpers/injectColumns.d.ts

@@ -1,4 +0,0 @@
-import { type StyledTableProps } from '../types';
-export declare const injectColumns: <TData extends {
-    id: string | number;
-}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => void;

package/dist/src/components/table/hooks/useStyledTable.d.ts

@@ -1,6 +0,0 @@
-import { type StyledTableProps } from '../types';
-export declare const useStyledTable: <TData extends {
-    id: string | number;
-}, TCustomData = Record<string, unknown>>(props: StyledTableProps<TData, TCustomData>) => {
-    table: import("@tanstack/react-table").Table<TData>;
-};

package/dist/src/components/table/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './StyledTable';
-export { createColumnHelper, type Table, type Row, type ColumnDef } from '@tanstack/react-table';

package/dist/src/components/table/story/components/styled-flex-table/generateActions.d.ts

@@ -1,6 +0,0 @@
-import type { Row } from '@tanstack/react-table';
-import type { ITemplate } from '../../service/types';
-export declare const generateActions: (row: Row<ITemplate>) => {
-    label: string;
-    onClick: () => void;
-}[];

package/dist/src/components/table/story/components/styled-flex-table/useColumns.d.ts

@@ -1,5 +0,0 @@
-import type { ColumnDef } from '@tanstack/react-table';
-import type { ITemplate } from '../../service/types';
-export declare const useColumns: () => {
-    columns: ColumnDef<ITemplate, ITemplate>[];
-};

package/dist/src/components/table/story/components/styled-table/RenderSubRows.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Participant } from '../../helpers/makeData';
-export declare const RenderSubRows: React.FC<{
-    subRows: Participant[];
-}>;

package/dist/src/components/table/story/components/styled-table/getRowActions.d.ts

@@ -1,23 +0,0 @@
-import type { Person } from '../../helpers/makeData';
-import type { Row } from '@tanstack/react-table';
-export declare function getRowActions(row: Row<Person>): ({
-    label: string;
-    hide: boolean;
-    onClick: () => void;
-    className?: undefined;
-} | {
-    label: string;
-    onClick: () => void;
-    hide?: undefined;
-    className?: undefined;
-} | {
-    label: string;
-    className: string;
-    onClick: () => void;
-    hide?: undefined;
-} | {
-    label: string;
-    hide: boolean;
-    className: string;
-    onClick: () => void;
-})[];

package/dist/src/components/table/story/components/styled-table/useTableColumns.d.ts

@@ -1,10 +0,0 @@
-import type { Person } from '../../helpers/makeData';
-import type { ColumnDef } from '@tanstack/react-table';
-/**
- * Custom props:
- * @param size. use NaN (width 100%) only one time for the main column. It will make the column very responsive
- *
- */
-export declare const useStyledTableColumns: () => {
-    columns: ColumnDef<Person, Person>[];
-};

package/dist/src/components/table/story/components/styled-table/useTableSubRowsColumns.d.ts

@@ -1,5 +0,0 @@
-import type { Participant } from '../../helpers/makeData';
-import type { ColumnDef } from '@tanstack/react-table';
-export declare const useTableSubRowsColumns: () => {
-    columns: ColumnDef<Participant, Participant>[];
-};

package/dist/src/components/table/story/service/Templates.query.d.ts

@@ -1,5 +0,0 @@
-export declare const TemplatesQueryString: () => string;
-export declare const TemplatesQuery: {
-    query: string;
-    variables: {};
-};

package/dist/src/components/table/story/service/types.d.ts

@@ -1,9 +0,0 @@
-export type ITemplate = {
-    id: string;
-    context: string;
-    archived: string;
-    title: string;
-    template_uuid: string;
-    valid_days: string;
-    updated_at: string;
-};

package/dist/src/components/table/story/service/useFetchTemplates.d.ts

@@ -1,4 +0,0 @@
-import type { ITemplate } from './types';
-export declare const useFetchTemplates: () => {
-    data: ITemplate[];
-};

package/dist/src/components/table/types.d.ts

@@ -1,65 +0,0 @@
-import type { CellContext, ColumnMeta, HeaderContext, Row, TableOptions, Table } from '@tanstack/react-table';
-import type { AccessorFn, ColumnDefTemplate } from '@tanstack/react-table';
-import type { ColumnPinningColumnDef, ColumnSizingColumnDef, FiltersColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef } from '@tanstack/react-table';
-import type { MouseEvent, ReactElement, ReactNode } from 'react';
-declare module '@tanstack/react-table' {
-    interface ColumnDefExtensions<TData extends RowData, TValue = unknown> extends VisibilityColumnDef, ColumnPinningColumnDef, FiltersColumnDef<TData>, SortingColumnDef<TData>, GroupingColumnDef<TData, TValue>, ColumnSizingColumnDef {
-        className?: string;
-        cellAlign?: 'left' | 'center' | 'right';
-        headerAlign?: 'left' | 'center' | 'right';
-    }
-    interface ColumnDefBase<TData extends RowData, TValue = unknown> extends ColumnDefExtensions<TData, TValue> {
-        getUniqueValues?: AccessorFn<TData, unknown[]>;
-        footer?: ColumnDefTemplate<HeaderContext<TData, TValue>>;
-        cell?: ColumnDefTemplate<CellContext<TData, TValue>>;
-        meta?: ColumnMeta<TData, TValue>;
-    }
-}
-export interface IAction<TData> {
-    label: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    hide?: boolean;
-    onClick?: (row: Row<TData>) => void;
-}
-type IFooter<TData> = {
-    footer?: (table: Table<TData>) => ReactNode;
-    hideFooter?: never;
-};
-type IHideFooter = {
-    footer?: never;
-    hideFooter?: boolean;
-};
-type TFooter<TData> = IFooter<TData> | IHideFooter;
-type TTableOptions<TData> = TableOptions<TData>;
-export type * from '@tanstack/react-table';
-export type StyledTableProps<TData, TCustomData> = {
-    locale?: 'no' | 'en';
-    height?: string | number;
-    actions?: (row: Row<TData>) => IAction<TData>[];
-    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
-    customSubRowData?: Map<string, TCustomData[]>;
-    headerPin?: boolean;
-    expandArrow?: boolean;
-    loading?: boolean;
-    noRowsOverlay?: ReactElement;
-    tableInstanceRef?: React.MutableRefObject<Table<TData> | null>;
-    className?: string;
-    rowHeight?: number;
-    tdClassName?: string;
-    focusable?: boolean;
-    stickyHeader?: boolean;
-    getRowClassName?: (row: Row<TData>) => string;
-    onRowClick?: (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
-    renderSubRows?: (props: {
-        rows: TCustomData[];
-        row: TData;
-    }) => ReactElement | null;
-    getRowSelectionIds?: (ids: string[]) => void;
-    hideHeader?: boolean;
-    pageSize?: number;
-    enableResizing?: boolean;
-} & Omit<TTableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> & TFooter<TData>;
-export declare const SELECT_COLUMN_ID = "select";
-export declare const EXPAND_COLUMN_ID = "expand-column-id";
-export declare const ACTIONS_COLUMN_ID = "actions";

package/dist/src/components/utils/accordion/StyledAccordion.d.ts

@@ -1,2 +0,0 @@
-import { type AccordionProps } from '@mui/material';
-export declare const StyledAccordion: (props: AccordionProps) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordionDetails.d.ts

@@ -1,2 +0,0 @@
-import { type AccordionDetailsProps } from '@mui/material';
-export declare const StyledAccordionDetails: (props: AccordionDetailsProps) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordionSummary.d.ts

@@ -1,2 +0,0 @@
-import { type AccordionSummaryProps } from '@mui/material';
-export declare const StyledAccordionSummary: (props: AccordionSummaryProps) => JSX.Element;

package/dist/src/components/utils/accordion/index.d.ts

@@ -1,3 +0,0 @@
-export * from './StyledAccordion';
-export * from './StyledAccordionSummary';
-export * from './StyledAccordionDetails';

package/dist/src/components/utils/filter-menu/StyledFilterMenu.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { PopoverProps } from '@mui/material';
-/**
- * Custom props:
- * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
- * @param popoverContent
- */
-type StyledFilterMenuProps = {
-    dataTest: string;
-    filterIsActive: boolean;
-    popoverContent: React.ReactNode;
-    disabled?: boolean;
-    size?: 'small' | 'large' | 'medium';
-    variant?: 'contained' | 'outlined' | 'text' | 'textGray';
-    popoverProps?: Omit<PopoverProps, 'open' | 'anchorEl' | 'onClose'>;
-};
-export declare const StyledFilterMenu: React.FC<StyledFilterMenuProps>;
-export {};

package/dist/src/components/utils/popover/StyledPopover.d.ts

@@ -1,2 +0,0 @@
-import { type PopoverProps } from '@mui/material';
-export declare const StyledPopover: (props: PopoverProps) => JSX.Element;

package/dist/src/components/utils/popover/index.d.ts

@@ -1 +0,0 @@
-export * from './StyledPopover';

package/dist/src/helpers/date.helper.d.ts

@@ -1,2 +0,0 @@
-export declare const setMidnightTime: (date: Date) => Date;
-export declare const setZeroTime: (date: Date) => Date;

package/dist/src/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './reflections.helper';
-export * from './date.helper';

package/dist/src/helpers/reflections.helper.d.ts

@@ -1 +0,0 @@
-export declare const omit: <T extends object, K extends keyof T>(obj: T, keys: readonly K[]) => Omit<T, K>;

package/dist/src/hooks/useToggleMenuVisibility.hook.d.ts

@@ -1,6 +0,0 @@
-export declare const useToggleMenuVisibility: () => {
-    open: boolean;
-    handleClose: () => void;
-    handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
-    anchorEl: HTMLElement | SVGSVGElement | null;
-};

package/dist/src/hooks/useWindowWidthSize.hook.d.ts

@@ -1,5 +0,0 @@
-export declare function useWindowWidthSize(): number;
-export declare const mobileView: (windowWidth: number | undefined) => boolean;
-export declare function useIsMobileView(): boolean;
-export declare function useIsTabletView(): boolean;
-export declare const tabletView: (windowWidth: number | undefined) => boolean;

package/tw-configs/twConfigs.json

@@ -1,113 +0,0 @@
-{
-    "fontFamily": {
-        "sans": ["Roboto"],
-        "roboto": ["Roboto"]
-    },
-    "colors": {
-        "inherit": "inherit",
-        "textcolor-component": "var(--colors-text-component)",
-        "color-active-component": "var(--colors-active-component)",
-        "alpha-100": "var(--colors-alpha-100)",
-        "alpha-500": "var(--colors-alpha-500)",
-        "alpha-600": "var(--colors-alpha-600)",
-        "alpha-700": "var(--colors-alpha-700)",
-        "beta-100": "var(--colors-beta-100)",
-        "beta-500": "var(--colors-beta-500)",
-        "beta-600": "var(--colors-beta-600)",
-        "beta-700": "var(--colors-beta-700)",
-        "gama-25": "var(--colors-gama-25)",
-        "gama-50": "var(--colors-gama-50)",
-        "gama-100": "var(--colors-gama-100)",
-        "gama-200": "var(--colors-gama-200)",
-        "gama-300": "var(--colors-gama-300)",
-        "gama-400": "var(--colors-gama-400)",
-        "gama-500": "var(--colors-gama-500)",
-        "gama-600": "var(--colors-gama-600)",
-        "gama-700": "var(--colors-gama-700)",
-        "gama-800": "var(--colors-gama-800)",
-        "delta-10": "var(--colors-delta-10)",
-        "delta-50": "var(--colors-delta-50)",
-        "delta-100": "var(--colors-delta-100)",
-        "delta-200": "var(--colors-delta-200)",
-        "delta-300": "var(--colors-delta-300)",
-        "delta-400": "var(--colors-delta-400)",
-        "delta-500": "var(--colors-delta-500)",
-        "delta-600": "var(--colors-delta-600)",
-        "delta-700": "var(--colors-delta-700)",
-        "delta-800": "var(--colors-delta-800)",
-        "delta-900": "var(--colors-delta-900)",
-        "delta-9000": "var(--colors-gray-9000)",
-        "sigma-700": "var(--colors-sigma-700)",
-        "theta-100": "var(--colors-theta-100)",
-        "theta-200": "var(--colors-theta-200)",
-        "theta-300": "var(--colors-theta-300)",
-        "theta-400": "var(--colors-theta-400)",
-        "theta-500": "var(--colors-theta-500)",
-        "theta-600": "var(--colors-theta-600)",
-        "theta-700": "var(--colors-theta-700)",
-        "theta-800": "var(--colors-theta-800)",
-        "theta-hover": "var(--colors-theta-hover)",
-        "btn-bg": "var(--colors-btn-bg-standart)",
-        "btn-bg-active": "var(--colors-btn-bg-active)",
-        "btn-bg-hover": "var(--colors-btn-bg-hover)",
-        "btn-bg-disabled": "var(--colors-btn-bg-disabled)",
-        "btn-bg-danger": "var(--colors-btn-bg-danger)",
-        "btn-bg-danger-active": "var(--colors-btn-bg-danger-active)",
-        "btn-task-status-bg": "var(--colors-btn-task-status-bg)",
-        "btn-bg-mini-action": "var(--colors-btn-bg-mini-action)",
-        "btn-bg-mini-action-hover": "var(--colors-btn-bg-mini-action-hover)",
-
-        "chat-ticket-message-bg": "var(--colors-chat-ticket-message-bg)",
-        "colors-topbar-text": "var(--colors-topbar-text)",
-        "custom-grey-01": "hsl(var(--color-cardea--grey-01) / <alpha-value>)",
-        "custom-grey-02": "hsl(var(--color-cardea--grey-02) / <alpha-value>)",
-        "custom-grey-03": "hsl(var(--color-cardea--grey-03) / <alpha-value>)",
-        "custom-grey-04": "hsl(var(--color-cardea--grey-04) / <alpha-value>)",
-        "custom-grey-06": "hsl(var(--color-cardea--grey-06) / <alpha-value>)"
-    },
-    "boxShadow": {
-        "ash": "-1px 8px 18px -20px black",
-        "mui": "0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)"
-    },
-    "animation": {
-        "slide-in": "slide-in 0.3s linear",
-        "slide-out": "slide-out 0.3s linear",
-        "opacity-in": "opacity-in 0.1s linear",
-        "opacity-in-5": "opacity-in 0.5s linear",
-        "opacity-appear-3": "opacity-appear 0.3s linear",
-        "opacity-out": "opacity-out 0.3s linear"
-    },
-    "keyframes": {
-        "slide-in": {
-            "0%": { "margin": "0 0 0 -320px" },
-            "100%": { "margin": "0" }
-        },
-        "slide-out": {
-            "0%": { "margin": "0" },
-            "100%": { "margin": "0 0 0 -320px" }
-        },
-        "opacity-in": {
-            "0%": {
-                "opacity": "0",
-                "height": "100%"
-            },
-            "100%": {
-                "opacity": "1",
-                "height": "100%"
-            }
-        },
-        "opacity-appear": {
-            "0%": {
-                "opacity": "0"
-            },
-            "100%": {
-                "opacity": "1"
-            }
-        },
-        "opacity-out": {
-            "0%": { "opacity": "1", "height": "100%" },
-            "60%": { "opacity": "1", "height": "100%" },
-            "100%": { "opacity": "0", "height": "100%" }
-        }
-    }
-}