sevago-library 1.3.19 → 1.4.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # sevago-library
 
+## 1.4.1
+
+### Patch Changes
+
+- feat: Update package configuration and add new icon component
+
+## 1.4.0
+
+### Minor Changes
+
+- feat: FilterSlider
+
 ## 1.3.19
 
 ### Patch Changes

package/README.md

@@ -24,7 +24,23 @@ npm install sevago-library
 Install required peer dependencies:
 
 ```bash
-npm install react react-dom @emotion/react @emotion/styled @mui/material @mui/system @reduxjs/toolkit react-redux react-router-dom redux-persist
+npm install react react-dom @emotion/react @emotion/styled @mui/material @mui/system @mui/x-date-pickers dayjs formik framer-motion react-number-format
+```
+
+Import the library stylesheet once in your app entry:
+
+```ts
+import 'sevago-library/style.css';
+```
+
+The stylesheet uses the `Inter` font family but does not bundle the font file. Load `Inter` in
+your application if you need exact typography.
+
+Excel export helpers load their heavy dependencies lazily. Install them only in apps that call
+`fileUtil.exportArrayObjectToExcel`:
+
+```bash
+npm install exceljs file-saver
 ```
 
 ## Documentation

package/dist/assets/icons/empty.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconEmpty: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/{src/components → components}/dropdown-field/dropdown-field.component.d.ts

@@ -25,5 +25,5 @@ interface SelectFieldProps {
     sx?: SxProps<Theme>;
     labelSx?: SxProps<Theme>;
 }
-declare const DropdownFieldComponent: ({ label, placeholder, value, disabled, error, success, errorMessage, successMessage, borderRadius, onChange, helperText, options, checkIconColor, required, sx, labelSx, }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownFieldComponent: ({ label, placeholder, value, disabled, error, success, errorMessage, successMessage, borderRadius, onChange, helperText, options, checkIconColor, required, sx, labelSx, }: SelectFieldProps) => import("react").JSX.Element;
 export { DropdownFieldComponent };

package/dist/{src/components → components}/elements/avatar/avatar-online-status/avatar-online-status.element.d.ts

@@ -7,6 +7,6 @@ export interface AvatarOnlineStatusElementProps {
     children?: React.ReactNode;
 }
 export declare const OnlineBadge: import('@emotion/styled').StyledComponent<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "style" | "color" | "className" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "componentsProps" | "max" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 }, {}, {}>;
 export declare const AvatarOnlineStatusElement: React.FC<AvatarOnlineStatusElementProps>;

package/dist/components/elements/filters/filter-slider/filter-slider.component.d.ts

@@ -0,0 +1,24 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/system';
+import { default as React, ReactNode } from 'react';
+export type FilterPrimitive = string | number | boolean | null | undefined | Date | any;
+export type FilterValue = FilterPrimitive | FilterValue[] | {
+    [key: string]: FilterValue;
+};
+export type FilterMap = Record<string, FilterValue>;
+type ChildrenRenderer = (args: {
+    filters: FilterMap;
+    tempFilters: FilterMap;
+    setFilter: (key: string, value: FilterValue) => void;
+    setTempFilters: React.Dispatch<React.SetStateAction<FilterMap>>;
+}) => ReactNode;
+interface FilterSliderProps {
+    children: ChildrenRenderer;
+    onApply?: (filters: FilterMap) => void;
+    onReset?: () => void;
+    initialFilters?: FilterMap;
+    sx?: SxProps<Theme>;
+    ignoredKeysInCount?: string[];
+}
+export declare const FilterSlider: React.FC<FilterSliderProps>;
+export {};

package/dist/{src/components → components}/elements/filters/index.d.ts

@@ -1,5 +1,6 @@
 export * from './advanced-filter-dialog.component/advanced-filter-dialog.component';
 export * from './advanced-operator-filter-dialog.component';
 export * from './advanced-operator-filter.helper';
+export * from './filter-slider/filter-slider.component';
 export * from './filter.enum';
 export * from './filter.interface';

package/dist/{src/components → components}/elements/table/index.d.ts

@@ -1,5 +1,4 @@
 export * from './table-collapse.component';
-export * from './table.argtypes';
 export * from './table.component';
 export * from './table.constant';
 export * from './table.enum';

package/dist/{src/components → components}/elements/table/part/table-row.part.d.ts

@@ -1,4 +1,5 @@
 import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
 import { Column, OnClickRow, OnDisabled } from '../table.interface';
 export interface TableRowPartProps<R> {
     columns: Column<R>[];
@@ -16,4 +17,4 @@ export interface TableRowPartProps<R> {
     enableTree?: boolean;
     rowLevels?: Record<string, number>;
 }
-export declare function TableRowPart<R>({ columns, row, indexRow, indexLoadingRow, rowSx, getRowId, onClickRow, onDisabled, onClickSelectRow, onSelectRowById, enableTree, rowLevels, }: TableRowPartProps<R>): import("react/jsx-runtime").JSX.Element;
+export declare function TableRowPart<R>({ columns, row, indexRow, indexLoadingRow, rowSx, getRowId, onClickRow, onDisabled, onClickSelectRow, onSelectRowById, enableTree, rowLevels, }: TableRowPartProps<R>): React.JSX.Element;

package/dist/{src/components → components}/elements/tabs/tabs.component.d.ts

@@ -22,7 +22,7 @@ export interface TabsMotionBaseProps<T extends TabsMotionItemBase> {
     isDivider?: boolean;
     renderContent: (tab: T) => React.ReactNode;
 }
-export declare function TabsMotionBase<T extends TabsMotionItemBase>({ tabs, selectedId, onSelectId, direction, sx, stackTabsSx, isSelectable, isDivider, renderContent, }: TabsMotionBaseProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabsMotionBase<T extends TabsMotionItemBase>({ tabs, selectedId, onSelectId, direction, sx, stackTabsSx, isSelectable, isDivider, renderContent, }: TabsMotionBaseProps<T>): React.JSX.Element;
 export interface TabComponent {
     id: string;
     icon?: string;

package/dist/{src/components → components}/elements/text-field/text-highlight/text-highlight.element.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 export declare const highlightText: (text: string, searchTerm: string) => React.ReactNode;
-export declare const highlightYellow: (text: string | React.ReactNode, highlightQuery: string, showEmptyAsDots: boolean) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export declare const highlightYellow: (text: string | React.ReactNode, highlightQuery: string, showEmptyAsDots: boolean) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element;

package/dist/{src/components → components}/providers/sevago.provider.d.ts

@@ -2,4 +2,4 @@ import { default as React } from 'react';
 export interface SevagoProviderProps {
     children: React.ReactNode;
 }
-export declare function SevagoProvider({ children }: SevagoProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SevagoProvider({ children }: SevagoProviderProps): React.JSX.Element;

package/dist/{src/components → components}/search-dropdown/search-dropdown.component.d.ts

@@ -28,5 +28,5 @@ interface SearchDropdownProps {
     required?: boolean;
     sx?: SxProps<Theme>;
 }
-export declare const SearchDropdownComponent: ({ value, onChange, onClear, onInputChange, onSearch, borderRadius, disabled, multiple, limitTags, label, placeholder, error, errorMessage, success, successMessage, helperText, options, loading, iconBefore, required, sx, }: SearchDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchDropdownComponent: ({ value, onChange, onClear, onInputChange, onSearch, borderRadius, disabled, multiple, limitTags, label, placeholder, error, errorMessage, success, successMessage, helperText, options, loading, iconBefore, required, sx, }: SearchDropdownProps) => import("react").JSX.Element;
 export {};