gantri-components 2.118.0 → 2.119.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/components/radio-list/radio-list.d.ts +2 -1
  2. package/dist/components/radio-list/radio-list.styles.d.ts +3 -0
  3. package/dist/components/radio-list/radio-list.types.d.ts +7 -0
  4. package/dist/components/table/components/table-draggable-row/table-draggable-row.styles.d.ts +0 -3
  5. package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.d.ts +2 -0
  6. package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.styles.d.ts +2 -0
  7. package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/index.d.ts +1 -0
  8. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/index.d.ts +1 -0
  9. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.d.ts +4 -0
  10. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.styles.d.ts +2 -0
  11. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.types.d.ts +6 -0
  12. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/index.d.ts +1 -0
  13. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.d.ts +3 -0
  14. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.types.d.ts +3 -0
  15. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/index.d.ts +1 -0
  16. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/selectable-table-row-header.d.ts +4 -0
  17. package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/selectable-table-row-header.types.d.ts +5 -0
  18. package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.d.ts +3 -0
  19. package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.types.d.ts +6 -0
  20. package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/index.d.ts +1 -0
  21. package/dist/components/table/hooks/use-selectable-table-rows/index.d.ts +1 -0
  22. package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.constants.d.ts +6 -0
  23. package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.d.ts +10 -0
  24. package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.types.d.ts +9 -0
  25. package/dist/global/context/index.d.ts +1 -0
  26. package/dist/global/context/translation/index.d.ts +1 -0
  27. package/dist/global/context/translation/translation.context.d.ts +11 -0
  28. package/dist/global/context/translation-name-space/index.d.ts +1 -0
  29. package/dist/global/context/translation-name-space/translation-name-space.context.d.ts +11 -0
  30. package/dist/global/index.d.ts +1 -0
  31. package/dist/hooks/index.d.ts +1 -0
  32. package/dist/hooks/use-provider/index.d.ts +1 -0
  33. package/dist/hooks/use-provider/use-provider.d.ts +33 -0
  34. package/dist/hooks/use-provider/use-provider.types.d.ts +2 -0
  35. package/dist/index.cjs.js +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.esm.js +1 -1
  38. package/dist/index.umd.js +1 -1
  39. package/dist/styles/theme.d.ts +0 -5
  40. package/package.json +1 -1
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
- import { RadioListProps } from './radio-list.types';
2
+ import { RadioListProps, RadioWrapperComponent } from './radio-list.types';
3
3
  export declare const RadioList: {
4
4
  <Value extends string>(props: RadioListProps<Value>): React.JSX.Element;
5
5
  defaultProps: import("./radio-list.types").RadioListDefaultProps<string | Record<any, any>>;
6
6
  };
7
+ export declare const RadioTile: RadioWrapperComponent;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { RadioWrapperComponentProps } from './radio-list.types';
3
+ export declare const StyledRadioTileBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, RadioWrapperComponentProps, never>;
@@ -1,3 +1,4 @@
1
+ import { JSXElementConstructor, PropsWithChildren } from 'react';
1
2
  import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
2
3
  import { CellProps } from '../cell/cell.types';
3
4
  import { GridProps } from '../grid/grid.types';
@@ -13,9 +14,15 @@ export interface RadioListProps<Value extends string> extends Partial<RadioListD
13
14
  value: Value;
14
15
  }
15
16
  export interface RadioListDefaultProps<Value extends string | Record<any, any>> {
17
+ Component: RadioWrapperComponent;
16
18
  idProperty: Value extends string ? string : keyof Value;
17
19
  labelProperty: Value extends string ? string : keyof Value;
18
20
  }
19
21
  export type RadioItem = {
20
22
  disabled?: boolean;
21
23
  } & Record<any, any>;
24
+ export type RadioWrapperComponent = JSXElementConstructor<PropsWithChildren<RadioWrapperComponentProps>>;
25
+ export type RadioWrapperComponentProps = {
26
+ isChecked: boolean | undefined;
27
+ isDisabled: boolean | undefined;
28
+ };
@@ -1,4 +1 @@
1
- export declare const StyledDraggableRowTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
2
- reorderEnabled: boolean;
3
- }, never>;
4
1
  export declare const StyledDraggableRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,2 @@
1
+ export declare const dataAttrClearSelected = "data-clear-selected";
2
+ export declare const ClearSelectedRows: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledPointerFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,4 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ import { RowData } from '@tanstack/react-table';
3
+ import { SelectableRowCellProps } from './selectable-row-cell.types';
4
+ export declare const SelectableRowCell: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowCellProps<TData>>) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledCheckboxCell: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../cell/cell.types").CellProps & import("react").RefAttributes<import("../../../../../cell/cell.types").CellProps>>, import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,6 @@
1
+ import { Row, RowData, Table } from '@tanstack/react-table';
2
+ export interface SelectableRowCellProps<TData extends RowData> {
3
+ index: number;
4
+ row: Row<TData>;
5
+ table: Table<TData>;
6
+ }
@@ -0,0 +1 @@
1
+ export * from './selectable-table-row-footer';
@@ -0,0 +1,3 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { SelectableRowFooterProps } from './selectable-table-row-footer.types';
3
+ export declare const SelectableRowFooter: (props: PropsWithChildren<SelectableRowFooterProps>) => JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './selectable-table-row-header';
@@ -0,0 +1,4 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ import { RowData } from '@tanstack/react-table';
3
+ import { SelectableRowHeaderProps } from './selectable-table-row-header.types';
4
+ export declare const SelectableRowHeader: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowHeaderProps<TData>>) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { RowData, Table } from '@tanstack/react-table';
2
+ export interface SelectableRowHeaderProps<TData extends RowData> {
3
+ index: number;
4
+ table: Table<TData>;
5
+ }
@@ -0,0 +1,3 @@
1
+ import { Row, RowData } from '@tanstack/react-table';
2
+ import { GetRowRangeProps } from './get-row-range.types';
3
+ export declare const getRowRange: <TData extends RowData<import("../../../..").CustomTData>>(props: GetRowRangeProps<TData>) => Row<TData>[];
@@ -0,0 +1,6 @@
1
+ import { Row, RowData } from '@tanstack/react-table';
2
+ export interface GetRowRangeProps<TData extends RowData> {
3
+ currentIndex: number;
4
+ prevIndex: number;
5
+ rows: Row<TData>[];
6
+ }
@@ -0,0 +1 @@
1
+ export * from './use-selectable-table-rows';
@@ -0,0 +1,6 @@
1
+ export declare const selectableRowsCheckboxSize = "2rem";
2
+ export declare const dataAttrIsRowSelected = "data-is-row-selected";
3
+ export declare const rowSelectionTypes: {
4
+ readonly checkboxes: "checkboxes";
5
+ readonly custom: "custom";
6
+ };
@@ -0,0 +1,10 @@
1
+ import { RowData } from '@tanstack/react-table';
2
+ export declare const useSelectableTableRows: <TData extends RowData<import("../..").CustomTData>>() => {
3
+ deselectRows: (rowIds: (string | number)[]) => void;
4
+ getIsRowSelected: (rowId: number | string) => boolean;
5
+ getSelectedRowData: (props: {
6
+ idProperty: keyof TData;
7
+ records: TData[];
8
+ }) => (TData | undefined)[];
9
+ selectRows: (rowIds: (string | number)[]) => void;
10
+ };
@@ -0,0 +1,9 @@
1
+ import { RowData } from '@tanstack/react-table';
2
+ import { rowSelectionTypes } from './use-selectable-table-rows.constants';
3
+ export interface RowSelection<TData extends RowData> {
4
+ disabled?: boolean;
5
+ idProperty?: keyof TData;
6
+ onSelect?: (selectedRecords: TData[]) => void;
7
+ type: RowSelectionType;
8
+ }
9
+ export type RowSelectionType = typeof rowSelectionTypes[keyof typeof rowSelectionTypes];
@@ -0,0 +1 @@
1
+ export * from './translation';
@@ -0,0 +1 @@
1
+ export * from './translation.context';
@@ -0,0 +1,11 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ type TranslationNameSpaceState = string[] | string;
3
+ export declare const defaultTranslationNameSpace: TranslationNameSpaceState;
4
+ export declare const TranslationContext: React.Context<TranslationNameSpaceState>;
5
+ export declare const useTranslationContext: () => {
6
+ nameSpace: TranslationNameSpaceState;
7
+ };
8
+ export declare const TranslationProvider: (props: React.PropsWithChildren<{
9
+ nameSpace: TranslationNameSpaceState;
10
+ }>) => React.JSX.Element;
11
+ export {};
@@ -0,0 +1 @@
1
+ export * from './translation-name-space.context';
@@ -0,0 +1,11 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ type TranslationNameSpaceState = string[] | string;
3
+ export declare const defaultTranslationNameSpace: TranslationNameSpaceState;
4
+ export declare const TranslationContext: React.Context<TranslationNameSpaceState>;
5
+ export declare const useTranslationContext: () => {
6
+ nameSpace: TranslationNameSpaceState;
7
+ };
8
+ export declare const TranslationProvider: (props: React.PropsWithChildren<{
9
+ nameSpace: TranslationNameSpaceState;
10
+ }>) => React.JSX.Element;
11
+ export {};
@@ -2,3 +2,4 @@ export * from './hooks';
2
2
  export * from './typings';
3
3
  export * from './environment';
4
4
  export * from './constants';
5
+ export * from './context';
@@ -0,0 +1 @@
1
+ export * from './use-provider';
@@ -0,0 +1 @@
1
+ export * from './use-provider';
@@ -0,0 +1,33 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ import { GenericContextValue } from './use-provider.types';
3
+ export declare const createGenericContext: <Type>(defaultValue: Type) => React.Context<GenericContextValue<Type>>;
4
+ /**
5
+ * ```
6
+ * const defaultMyValue = 'foo';
7
+ *
8
+ * const MyContext = createGenericContext(defaultMyValue);
9
+ *
10
+ * const OuterWrapper = () => {
11
+ * const MyProvider = useProvider({
12
+ * Context: MyContext,
13
+ * defaultValue: defaultMyValue,
14
+ * });
15
+ *
16
+ * return (
17
+ * <MyProvider>
18
+ * <InnerComponent />
19
+ * </MyProvider>
20
+ * );
21
+ * }
22
+ *
23
+ * const InnerComponent = () => {
24
+ * const [myValue, setMyValue] = useContext(MyContext);
25
+ *
26
+ * // ...
27
+ * }
28
+ * ```
29
+ */
30
+ export declare const useProvider: <Type>(props: {
31
+ Context: React.Context<GenericContextValue<Type>>;
32
+ defaultValue: Type;
33
+ }) => React.MemoExoticComponent<({ children }: PropsWithChildren<Record<never, never>>) => JSX.Element>;
@@ -0,0 +1,2 @@
1
+ import { Dispatch, SetStateAction } from 'react';
2
+ export type GenericContextValue<Type> = [Type, Dispatch<SetStateAction<Type>>];