ods-component-lib 1.18.273 → 1.19.0

package/README.md

@@ -6,6 +6,15 @@
 
 ## Install
 
+```bash
+npm install
+or
+if you want to install without running the postinstall script
+npm install --ignore-scripts
+```
+
+## Install Odeon Component Library in a project
+
 ```bash
 npm install --save odeon-component-library
 ```
@@ -13,14 +22,14 @@ npm install --save odeon-component-library
 ## Usage
 
 ```tsx
-import React, { Component } from 'react'
+import React, { Component } from "react";
 
-import MyComponent from 'odeon-component-library'
-import 'odeon-component-library/dist/index.css'
+import MyComponent from "odeon-component-library";
+import "odeon-component-library/dist/index.css";
 
 class Example extends Component {
   render() {
-    return <MyComponent />
+    return <MyComponent />;
   }
 }
 ```

package/dist/components/antd/input/OdsInput.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from 'antd';
+import React from 'react';
+declare function OdsInput(props?: InputProps): React.JSX.Element;
+export default OdsInput;

package/dist/components/antd/timepicker/OdsTimepicker.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onSelect" | "onKeyDown" | "size" | "prefix" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "pattern" | "readOnly" | "required" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "format" | "showNow" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "defaultOpenValue" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "removeIcon" | "maxTagCount" | "onCalendarChange" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "mode" | "onPanelChange" | "direction" | "prefixCls" | "styles" | "classNames" | "showWeek" | "suffixIcon" | "allowClear" | "clearIcon" | "inputReadOnly" | "order" | "disabledDate" | "minDate" | "maxDate" | "defaultOpen" | "open" | "onOpenChange" | "popupAlign" | "getPopupContainer" | "placement" | "builtinPlacements" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "transitionName" | "components" | "inputRender" | "cellRender" | "dateRender" | "monthCellRender" | "showToday" | "panelRender" | "renderExtraFooter" | "bordered" | "status" | "variant" | "dropdownClassName" | "popupClassName" | "rootClassName" | "popupStyle" | "key" | "addon"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
+export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onSelect" | "onKeyDown" | "size" | "prefix" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "format" | "showNow" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "defaultOpenValue" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "removeIcon" | "maxTagCount" | "onCalendarChange" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "mode" | "onPanelChange" | "direction" | "prefixCls" | "styles" | "classNames" | "showWeek" | "suffixIcon" | "allowClear" | "clearIcon" | "inputReadOnly" | "order" | "disabledDate" | "minDate" | "maxDate" | "defaultOpen" | "open" | "onOpenChange" | "popupAlign" | "getPopupContainer" | "placement" | "builtinPlacements" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "transitionName" | "components" | "inputRender" | "cellRender" | "dateRender" | "monthCellRender" | "showToday" | "panelRender" | "renderExtraFooter" | "bordered" | "status" | "variant" | "dropdownClassName" | "popupClassName" | "rootClassName" | "popupStyle" | "key" | "addon"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
     RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<import("rc-picker").PickerRef>>;
     _InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
 }, any, {}, never>;

package/dist/components/devextreme/DataGrid/OdsDataGrid/index.d.ts

@@ -0,0 +1,67 @@
+import React from "react";
+import { IDataGridOptions } from "devextreme-react/data-grid";
+import { useStyles } from "../styles/styles";
+import { useBodyClasses } from "../hooks";
+import type * as OdsDataGridTypes from "devextreme/ui/data_grid_types";
+export declare const DATA_GRID_CLASSES: {
+    readonly generic: "ods-datagrid-generic";
+    readonly compact: "ods-datagrid-compact";
+};
+export interface IOdsDataGridOptions extends IDataGridOptions {
+    dataGridRef?: any;
+    compact?: boolean;
+    hasSummaryButton?: boolean;
+    disableBodyClasses?: boolean;
+}
+/**
+ * Default appearance settings for the OdsDataGrid component.
+ * These settings are applied to the DataGrid to ensure a consistent look and feel.
+ * They include options for column reordering, resizing, auto width, fixing, and more.
+ */
+export declare const defaultAppearanceSettings: Partial<IOdsDataGridOptions>;
+/**
+ * OdsDataGrid is a customizable wrapper component for the DevExtreme DataGrid.
+ * It provides additional styling, body class management, and default appearance settings.
+ *
+ * @param {IOdsDataGridOptions} props - The properties for configuring the OdsDataGrid component.
+ * @param {React.RefObject} props.dataGridRef - A reference to the underlying DataGrid component.
+ * @param {boolean} [props.compact] - Determines whether the grid should use a compact layout. Defaults to `false`.
+ * @param {boolean} [props.hasSummaryButton] - Indicates if the grid includes a summary button. Defaults to `false`.
+ * @param {boolean} [props.disableBodyClasses=false] - If `true`, disables the addition of body classes for styling. Defaults to `false`.
+ * @param {React.ReactNode} [props.children] - The child elements to be rendered inside the DataGrid.
+ * @param {object} [props...] - Additional properties passed to the underlying DataGrid component.
+ *
+ * @returns {JSX.Element} A styled wrapper around the DevExtreme DataGrid component.
+ *
+ * @remarks
+ * - The `useStyles` hook is used to generate styles based on the `compact` and `hasSummaryButton` properties.
+ * - The `useBodyClasses` hook manages the addition and cleanup of body classes for styling purposes.
+ * - Default appearance settings are applied to the DataGrid using the `getDefaultAppearanceSettings` function.
+ *
+ * @example
+ * ```tsx
+ * import { OdsDataGrid } from './OdsDataGrid';
+ *
+ * const MyComponent = () => {
+ *   const dataGridRef = useRef(null);
+ *
+ *   return (
+ *     <OdsDataGrid
+ *       dataGridRef={dataGridRef}
+ *       compact={true}
+ *       hasSummaryButton={true}
+ *       disableBodyClasses={false}
+ *       dataSource={myDataSource}
+ *     >
+ *       <Column dataField="name" />
+ *       <Column dataField="age" />
+ *     </OdsDataGrid>
+ *   );
+ * };
+ * ```
+ */
+export declare const OdsDataGrid: ({ dataGridRef, compact, hasSummaryButton, disableBodyClasses, ...props }: IOdsDataGridOptions) => JSX.Element;
+export declare const OdsDataGridMemoized: React.MemoExoticComponent<({ dataGridRef, compact, hasSummaryButton, disableBodyClasses, ...props }: IOdsDataGridOptions) => JSX.Element>;
+export * from "devextreme-react/data-grid";
+export { OdsDataGridTypes };
+export { useBodyClasses as useOdsBodyClasses, useStyles as useOdsDataGridStyles };

package/dist/components/devextreme/DataGrid/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./useBodyClasses";

package/dist/components/devextreme/DataGrid/hooks/useBodyClasses.d.ts

@@ -0,0 +1,47 @@
+declare type ClassAction = "add" | "remove" | "toggle";
+interface UseBodyClassesOptions {
+    classes: Record<string, ClassAction | boolean>;
+    enabled?: boolean;
+    cleanupStrategy?: "all" | "self" | "none";
+}
+/**
+ * A custom React hook that manages CSS classes on the `<body>` element dynamically.
+ * This hook allows adding, removing, or toggling classes on the `<body>` element
+ * based on the provided configuration. It also supports cleanup strategies to
+ * manage the lifecycle of the applied classes.
+ *
+ * @param {UseBodyClassesOptions} options - The configuration options for managing body classes.
+ * @param {Record<string, boolean | 'add' | 'remove' | 'toggle'>} options.classes -
+ *   An object where keys are class names and values determine the action to perform:
+ *   - `true` or `'add'`: Adds the class to the `<body>`.
+ *   - `'remove'`: Removes the class from the `<body>`.
+ *   - `'toggle'`: Toggles the class on the `<body>` (adds if not present, removes if present).
+ * @param {boolean} [options.enabled=true] - A flag to enable or disable the hook's functionality.
+ *   When `false`, no classes will be added or removed.
+ * @param {'self' | 'all' | 'none'} [options.cleanupStrategy='self'] - Determines how to clean up
+ *   classes when the component unmounts or when the `classes` object changes:
+ *   - `'self'`: Removes only the classes added by this hook.
+ *   - `'all'`: Removes all classes managed by this hook, including those from previous renders.
+ *   - `'none'`: Does not remove any classes on cleanup.
+ *
+ * @returns {void} This hook does not return any value.
+ *
+ * @example
+ * // Example usage of the `useBodyClasses` hook:
+ * useBodyClasses({
+ *   classes: {
+ *     'dark-mode': true,
+ *     'sidebar-open': 'toggle',
+ *     'no-scroll': 'remove',
+ *   },
+ *   enabled: true,
+ *   cleanupStrategy: 'self',
+ * });
+ *
+ * @remarks
+ * - This hook is safe to use in environments where `document` is undefined (e.g., during SSR).
+ * - The `classes` object can dynamically change, and the hook will update the `<body>` classes accordingly.
+ * - Ensure that class names provided in the `classes` object are valid CSS class names.
+ */
+export declare const useBodyClasses: ({ classes, enabled, cleanupStrategy, }: UseBodyClassesOptions) => void;
+export {};

package/dist/components/devextreme/DataGrid/styles/OdsGlobal.Styles.d.ts

@@ -0,0 +1,3 @@
+export declare function odsGlobalStyles({ theme }: {
+    theme: any;
+}): import("antd-style").SerializedStyles;

package/dist/components/devextreme/DataGrid/styles/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: {
+    compact?: boolean;
+    hasSummaryButton?: boolean;
+}) => import("antd-style").ReturnStyles<{
+    gridWrapper: string;
+    grid: string;
+}>;

package/dist/components/devextreme/DataGrid/styles/theme/colors/dark.d.ts

@@ -0,0 +1,34 @@
+export declare const darkColors: (token: any) => {
+    whiteColor: any;
+    primaryColor: any;
+    primaryColorActive: any;
+    primaryColorHover: any;
+    primaryColorBg: any;
+    primaryColorBorder: any;
+    colorErrorText: any;
+    colorErrorTextActive: any;
+    colorErrorTextHover: any;
+    colorErrorBg: any;
+    colorErrorBgActive: any;
+    colorSuccessText: any;
+    colorSuccessTextActive: any;
+    colorSuccessTextHover: any;
+    colorSuccessBg: any;
+    colorSuccessBorder: any;
+    solidColorBgHover: any;
+    solidColorBgActive: any;
+    colorFillTertiary: any;
+    colorTextDescription: any;
+    colorFillAlter: any;
+    controlItemBgActive: any;
+    controlItemBgHover: any;
+    boxShadowColor: string;
+    columnTextColor: string;
+    textDescriptionColor: string;
+    borderColor: string;
+    iconColor: string;
+    headerBorderColor: string;
+    checkboxBorderColor: string;
+    toolbarBorderColor: string;
+    headerCommandSelectBg: string;
+};

package/dist/components/devextreme/DataGrid/styles/theme/colors/default.d.ts

@@ -0,0 +1,34 @@
+export declare const defaultColors: (token: any) => {
+    whiteColor: any;
+    primaryColor: any;
+    primaryColorActive: any;
+    primaryColorHover: any;
+    primaryColorBg: any;
+    primaryColorBorder: any;
+    colorErrorText: any;
+    colorErrorTextActive: any;
+    colorErrorTextHover: any;
+    colorErrorBg: any;
+    colorErrorBgActive: any;
+    colorSuccessText: any;
+    colorSuccessTextActive: any;
+    colorSuccessTextHover: any;
+    colorSuccessBg: any;
+    colorSuccessBorder: any;
+    solidColorBgHover: any;
+    solidColorBgActive: any;
+    colorFillTertiary: any;
+    colorTextDescription: any;
+    colorFillAlter: any;
+    controlItemBgActive: any;
+    controlItemBgHover: any;
+    boxShadowColor: string;
+    columnTextColor: string;
+    textDescriptionColor: string;
+    borderColor: string;
+    iconColor: string;
+    headerBorderColor: string;
+    checkboxBorderColor: string;
+    toolbarBorderColor: string;
+    headerCommandSelectBg: string;
+};

package/dist/components/devextreme/DataGrid/styles/theme/colors/index.d.ts

@@ -0,0 +1,6 @@
+import { defaultColors } from "./default";
+import { darkColors } from "./dark";
+export declare type ColorTheme = ReturnType<typeof defaultColors>;
+export declare type ColorScheme = "default" | "dark";
+export declare const getColors: (scheme: ColorScheme, token: any) => ColorTheme;
+export { defaultColors, darkColors };

package/dist/components/devextreme/DataGrid/styles/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./sizes";
+export * from "./colors";

package/dist/components/devextreme/DataGrid/styles/theme/sizes/compact.d.ts

@@ -0,0 +1,2 @@
+import { SizeTheme } from "./index";
+export declare const compactSizes: SizeTheme;

package/dist/components/devextreme/DataGrid/styles/theme/sizes/default.d.ts

@@ -0,0 +1,107 @@
+export declare const defaultSizes: {
+    dxDataGridBorderRadius: number;
+    dxWidgetFontSize: number;
+    dxHeaderFilterFontSize: number;
+    dxSelectionColumnWidth: number;
+    dxDataColumnsHeight: number;
+    dxDataColumnsPaddingInline: number;
+    dxIconFilterFontSize: number;
+    dxIconFilterlineHeight: number;
+    dxTextEditorInputMinHeight: number;
+    dxCheckboxSize: number;
+    dxCheckboxBorderRadiusSize: number;
+    dxCheckboxCheckIconSize: number;
+    dxTextEditorInputLineHeight: number;
+    dxIconFontSize: number;
+    dxLoadPanelContentWrapperGap: number;
+    dxButton: {
+        dxButtonPaddingInline: number;
+        dxButtonPaddingBlock: number;
+        dxButtonFontSize: number;
+        dxButtonLineHeight: number;
+        dxButtonBorderRadius: number;
+    };
+    dxFilterMenu: {
+        dxMenuItemIconSize: number;
+        dxMenuItemPopoutContainerWidth: number;
+        dxMenuItemContentPaddingTop: number;
+        dxMenuItemContentPaddingInline: number;
+        dxMenuItemContentPaddingBottom: number;
+    };
+    dxActionColumn: {
+        dxActionColumnItemWidth: number;
+        dxActionColumnItemButtonSize: number;
+    };
+    dxToolbarSettings: {
+        dxSettingsIconSize: number;
+        dxPopupOverlayBorderRadius: number;
+        dxPopupOverlayPopupPaddingVertical: number;
+        dxPopupOverlayPopupPaddingHorizontal: number;
+        dxPopupOverlayPopupItemPaddingVertical: number;
+        dxPopupOverlayPopupItemPaddingHorizontal: number;
+        dxPopupOverlayPopupItemGap: number;
+        dxPopupOverlayMarginTop: number;
+    };
+    dxToolbar: {
+        dxToolbarTtemsContainerGap: number;
+        dxToolbarTtemsContainerBeforeAfterGap: number;
+        dxToolbarItemBorderRadius: number;
+        dxToolbarPaddingHorizontal: number;
+        dxToolbarPaddingVertical: number;
+        dxToolbarButtonsPadding: number;
+        dxToolbarAntButtonPaddingInline: number;
+        dxToolbarTitleFontSize: number;
+    };
+    dxSearchBoxSizes: {
+        dxSearchBoxHeight: number;
+        dxSearchBoxIconWidth: number;
+        dxSearchBoxIconHeight: number;
+        dxSearchBoxIconLineHeight: number;
+        dxSearchBoxInputPaddingTop: number;
+        dxSearchBoxInputPaddingRight: number;
+        dxSearchBoxInputPaddingBottom: number;
+        dxSearchBoxInputPaddingLeft: number;
+        dxSearchBoxInputFontSize: number;
+        dxSearchBoxInputLineHeight: number;
+        dxSearchBoxInputMinHeight: number;
+        dxSearchBoxClearButtonWidth: number;
+        dxSearchBoxClearButtonHeight: number;
+        dxSearchBoxClearButtonPadding: number;
+        dxSearchBoxClearButtonFontSize: number;
+        dxSearchBoxClearButtonBackgroundSize: number;
+        dxSearchBoxClearButtonBackgroundPosition: number;
+    };
+    dxSummarySizes: {
+        dxSummaryToggleButtonWidth: number;
+        dxSummaryToggleButtonHeight: number;
+        dxSummaryToggleButtonRight: number;
+        dxSummaryToggleButtonTop: number;
+        dxSummaryToggleButtonBorderRadius: number;
+        dxSummaryContentPaddingTop: number;
+        dxFilterPanelMinHeight: number;
+        dxFiltersPanelPaddingLeft: number;
+        dxFiltersPanelPaddingRightDefault: number;
+        dxFiltersPanelPaddingRight: number;
+        dxFiltersPanelPaddingRightBig: number;
+        dxFiltersPanelTextLineHeight: number;
+        dxFiltersPanelPaddingTop: number;
+        dxFiltersPanelPaddingBottom: number;
+        dxFiltersPanelLeftGap: number;
+    };
+    dxColumnTagSizes: {
+        dxColumnTagFontSize: number;
+        dxColumnTagLineHeight: number;
+        dxColumnTagPaddingInline: number;
+    };
+    dxToolbarMenu: {
+        dxToolbarMenuItemFontSize: number;
+        dxToolbarMenuItemLineHeight: number;
+        dxToolbarMenuContainerPaddingInline: number;
+        dxToolbarMenuContainerPaddingBlock: number;
+        dxToolbarMenuContainerBorderRadius: number;
+        dxToolbarMenuContentPaddingInline: number;
+        dxToolbarMenuContentPaddingBlock: number;
+        dxToolbarMenuContentTextPaddingRight: number;
+        dxToolbarMenuItemBorderRadius: number;
+    };
+};

package/dist/components/devextreme/DataGrid/styles/theme/sizes/index.d.ts

@@ -0,0 +1,6 @@
+import { defaultSizes } from "./default";
+import { compactSizes } from "./compact";
+export declare type SizeTheme = typeof defaultSizes;
+export declare type ThemeMode = "default" | "compact";
+export declare const getSizes: (mode?: ThemeMode) => SizeTheme;
+export { defaultSizes, compactSizes };

package/dist/components/devextreme/OdsDataGrid.Legacy.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./DxDataGrid.css";
+/**
+ * @deprecated This component will be removed in a future release. Please use the new OdsDataGrid component instead.
+ */
+declare function OdsDataGridLegacy(props: any): React.JSX.Element;
+export default OdsDataGridLegacy;

package/dist/index.css

@@ -158,6 +158,49 @@ tr._2CvVM._3Xrp3._19iuB._3udtX {
   width: max-content;
   display: inline-block;
 }
+._1Y6Xh:has(._1XPxo) {
+  width: 100%;
+}
+
+._1XPxo {
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+._17w-X {
+  flex: 1;
+  align-content: center;
+}
+
+._3lbve {
+  writing-mode: vertical-lr;
+}
+
+._3sOBn {
+  vertical-align: middle !important;
+}
+
+._ww084:has(._2Ljgj) {
+  width: 100%;
+}
+
+._2Ljgj{
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+._2dILO {
+  flex: 1;
+  align-content: center;
+}
+
+._SQfc5 {
+  text-align: center !important;
+}
 ._2o0Iw {
     display: none !important;
 }
@@ -222,69 +265,4 @@ tr._2CvVM._3Xrp3._19iuB._3udtX {
 ._2eCOe {
     pointer-events: none;
     background-color: #f0f0f0;
-}
-._1Y6Xh:has(._1XPxo) {
-  width: 100%;
-}
-
-._1XPxo {
-  cursor: pointer;
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-
-._17w-X {
-  flex: 1;
-  align-content: center;
-}
-
-._3lbve {
-  writing-mode: vertical-lr;
-}
-
-._3sOBn {
-  vertical-align: middle !important;
-}
-
-._ww084:has(._2Ljgj) {
-  width: 100%;
-}
-
-._2Ljgj{
-  cursor: pointer;
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-
-._2dILO {
-  flex: 1;
-  align-content: center;
-}
-
-._SQfc5 {
-  text-align: center !important;
-}
-._3n8UJ {
-  background-color: lightgreen;
-}
-._29r0c {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-._1rzNx {
-  background-color: lightgray;
-}
-.__qhc2 {
-  font-weight: 900;
-  /* border-bottom: 1px solid lightgray; */
-}
-._35QlH {
-  /* border-bottom: 1px solid lightgray; */
-}
-._6KdXz {
-  padding: 0 !important;
-}
+}