@acuteinfo/common-base 1.2.83 → 1.2.85

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 (64) hide show
  1. package/dist/components/common/arrayField/style.d.ts +1 -1
  2. package/dist/components/common/textField/textField.d.ts +3 -3
  3. package/dist/components/common/universal-color-picker/UniversalColorPicker.d.ts +4 -0
  4. package/dist/components/common/universal-color-picker/UniversalColorPicker.types.d.ts +8 -0
  5. package/dist/components/common/universal-color-picker/hooks/useLocalPickerState.d.ts +4 -0
  6. package/dist/components/common/universal-color-picker/index.d.ts +3 -0
  7. package/dist/components/custom-hooks/useDebouncedValue.d.ts +9 -0
  8. package/dist/components/dataTable/columnVisibility.d.ts +1 -2
  9. package/dist/components/dataTable/styledComponents/slider.d.ts +1 -1
  10. package/dist/components/dataTable/tableFilterComponent.d.ts +1 -2
  11. package/dist/components/derived/index.d.ts +1 -0
  12. package/dist/components/derived/refreshIconButton/index.d.ts +2 -0
  13. package/dist/components/derived/refreshIconButton/refreshIconButton.d.ts +9 -0
  14. package/dist/components/styledComponent/button/button.d.ts +1 -0
  15. package/dist/components/styledComponent/input/input.d.ts +1 -1
  16. package/dist/components/styledComponent/inputLabel/inputLabel.d.ts +1 -1
  17. package/dist/components/styledComponent/tab/tab.d.ts +1 -1
  18. package/dist/components/styledComponent/tabs/tabs.d.ts +1 -1
  19. package/dist/components/styledComponent/textfield/textField.d.ts +1 -3
  20. package/dist/components/styledComponent/tooltip/htmlTooltip.d.ts +1 -1
  21. package/dist/components/styledComponent/tooltip/tooltip.d.ts +1 -1
  22. package/dist/index.d.ts +2 -0
  23. package/dist/index.js +19 -19
  24. package/dist/index.js.map +1 -1
  25. package/dist/packages/form/index.d.ts +0 -1
  26. package/dist/packages/form/src/atoms.d.ts +49 -16
  27. package/dist/packages/form/src/field.d.ts +2 -1
  28. package/dist/packages/form/src/types.d.ts +6 -0
  29. package/dist/theme/components/ThemeToggleButton.d.ts +9 -0
  30. package/dist/theme/examples/ThemeUsageExample.d.ts +3 -0
  31. package/dist/theme/generateTheme/buildPalette.d.ts +137 -0
  32. package/dist/theme/generateTheme/componentOverrides/appBar.d.ts +14 -0
  33. package/dist/theme/generateTheme/componentOverrides/button.d.ts +4 -0
  34. package/dist/theme/generateTheme/componentOverrides/cssBaseline.d.ts +10 -0
  35. package/dist/theme/generateTheme/componentOverrides/index.d.ts +4 -0
  36. package/dist/theme/generateTheme/componentOverrides/input.d.ts +3 -0
  37. package/dist/theme/generateTheme/componentOverrides/navigation.d.ts +3 -0
  38. package/dist/theme/generateTheme/componentOverrides/surfaces.d.ts +4 -0
  39. package/dist/theme/generateTheme/componentOverrides/tabs.d.ts +3 -0
  40. package/dist/theme/generateTheme/index.d.ts +8 -0
  41. package/dist/theme/generateTheme/resolveColors.d.ts +30 -0
  42. package/dist/theme/generateTheme/types.d.ts +18 -0
  43. package/dist/theme/generators/borderGenerator.d.ts +13 -0
  44. package/dist/theme/generators/gradientGenerator.d.ts +14 -0
  45. package/dist/theme/generators/neutralPaletteGenerator.d.ts +12 -0
  46. package/dist/theme/generators/radiusGenerator.d.ts +12 -0
  47. package/dist/theme/generators/semanticGenerator.d.ts +22 -0
  48. package/dist/theme/generators/shadowGenerator.d.ts +19 -0
  49. package/dist/theme/generators/spacingGenerator.d.ts +23 -0
  50. package/dist/theme/index.d.ts +19 -0
  51. package/dist/theme/legacy/syncLegacyVars.d.ts +2 -0
  52. package/dist/theme/legacy/theme.d.ts +60 -0
  53. package/dist/theme/presets/presets.d.ts +10 -0
  54. package/dist/theme/providers/BaseThemeProvider.d.ts +18 -0
  55. package/dist/theme/providers/ColorModeContext.d.ts +21 -0
  56. package/dist/theme/types/ThemeConfig.d.ts +12 -0
  57. package/dist/theme/types/themeExtensions.d.ts +227 -0
  58. package/dist/theme/utils/accessibility.d.ts +49 -0
  59. package/dist/theme/utils/colorUtils.d.ts +70 -0
  60. package/package.json +4 -3
  61. package/rollup.config.mjs +3 -3
  62. package/dist/components/dataTable/atoms/index.d.ts +0 -11
  63. package/dist/components/layoutReport/hooks/useDebouncedValue.d.ts +0 -12
  64. package/dist/packages/form/src/observer.d.ts +0 -1
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"arrayRowContainer" | "newArrayRowContainer" | "newSecondArrayRowContainer" | "arrayRowRemoveBtn" | "arrayRowCard" | "arrayRowCardContent" | "arrayRowCount" | "arrayRowCountCustomStyle" | "arrayRowCountFixedRows" | "arrayScreenRowCount" | "newArrayRowCardContent" | "arrayFieldSelected" | "arrayFieldUnselected">;
1
+ export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"arrayRowContainer" | "newArrayRowContainer" | "newSecondArrayRowContainer" | "arrayRowRemoveBtn" | "arrayRowCard" | "arrayRowCount" | "arrayRowCountCustomStyle" | "arrayRowCountFixedRows" | "arrayScreenRowCount" | "newArrayRowCardContent" | "arrayFieldSelected" | "arrayFieldUnselected">;
@@ -1,4 +1,4 @@
1
- import { FC } from "react";
1
+ /// <reference types="react" />
2
2
  import { UseFieldHookProps, AlwaysRunPostValidationSetCrossFieldValuesType } from "packages/form";
3
3
  import { TextFieldProps } from "@mui/material/TextField";
4
4
  import { GridProps } from "@mui/material/Grid";
@@ -47,5 +47,5 @@ interface MyGridExtendedProps {
47
47
  }
48
48
  type MyTextFieldAllProps = Merge<TextFieldProps, MyGridExtendedProps>;
49
49
  export type MyTextFieldProps = UseFieldHookProps & MyTextFieldAllProps;
50
- declare const MyTextField: FC<MyTextFieldProps>;
51
- export default MyTextField;
50
+ declare const _default: import("react").NamedExoticComponent<MyTextFieldProps>;
51
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { UniversalColorPickerProps } from "./UniversalColorPicker.types";
3
+ declare const UniversalColorPicker: React.FC<UniversalColorPickerProps>;
4
+ export default UniversalColorPicker;
@@ -0,0 +1,8 @@
1
+ export interface UniversalColorPickerProps {
2
+ /** Optional header label rendered above the picker controls. */
3
+ label?: string;
4
+ /** Clean CSS color value: "#HEX" or "linear-gradient(Xdeg, #Hex1 0%, #Hex2 100%)". */
5
+ value: string;
6
+ /** Emits the compiled CSS color string back to the parent on every local change. */
7
+ onChange: (newValue: string) => void;
8
+ }
@@ -0,0 +1,4 @@
1
+ export declare const useLocalPickerState: (value: string, onChange: (newValue: string) => void) => {
2
+ color: string;
3
+ handleColorChange: (nextColor: string) => void;
4
+ };
@@ -0,0 +1,3 @@
1
+ import UniversalColorPicker from "./UniversalColorPicker";
2
+ export { UniversalColorPicker as ColorPicker };
3
+ export type { UniversalColorPickerProps } from "./UniversalColorPicker.types";
@@ -0,0 +1,9 @@
1
+ /**
2
+ * A custom hook that returns a debounced version of the input value.
3
+ * It uses generics <T> to work with any type of value (string, object, array, etc.).
4
+ *
5
+ * @param {T} value - The input value (of any type T) that you want to debounce.
6
+ * @param {number} [delay=500] - The delay in milliseconds.
7
+ * @returns {T} The debounced value of type T.
8
+ */
9
+ export declare const useDebouncedValue: <T>(value: T, delay?: number) => T;
@@ -1,7 +1,6 @@
1
- export declare const ColumnVisibility: ({ visibleColumns, defaultHiddenColumns, classes, IconButtonStyle, }: {
1
+ export declare const ColumnVisibility: ({ visibleColumns, defaultHiddenColumns, IconButtonStyle, }: {
2
2
  visibleColumns: any;
3
3
  defaultHiddenColumns: any;
4
- classes: any;
5
4
  IconButtonStyle?: {
6
5
  variant: null;
7
6
  } | undefined;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  export declare const StyledSlider: import("react").JSXElementConstructor<Omit<import("@mui/material/Slider").SliderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
4
- }, "onChange" | "value" | "name" | "defaultValue" | "color" | "scale" | "size" | "style" | "disabled" | "classes" | "className" | "sx" | "track" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "components" | "componentsProps" | "slotProps" | "slots" | "step" | "max" | "min" | "orientation" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "active" | "track" | "rail" | "thumb" | "valueLabel"> & object>;
4
+ }, "onChange" | "value" | "defaultValue" | "name" | "color" | "scale" | "size" | "style" | "disabled" | "classes" | "className" | "sx" | "track" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "components" | "componentsProps" | "slotProps" | "slots" | "step" | "max" | "min" | "orientation" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat">, "classes"> & import("@mui/styles").StyledComponentProps<"active" | "root" | "track" | "rail" | "thumb" | "valueLabel"> & object>;
@@ -4,12 +4,11 @@ export declare const useFilterState: (reducer: any) => {
4
4
  dispatch: (action: any) => void;
5
5
  filterState: React.MutableRefObject<object>;
6
6
  };
7
- export declare const TableFilterComponent: ({ filters, setAllFilters, filterMeta, setSortBy, gotoPage, classes, isDefaultFilter, }: {
7
+ export declare const TableFilterComponent: ({ filters, setAllFilters, filterMeta, setSortBy, gotoPage, isDefaultFilter, }: {
8
8
  filters: any;
9
9
  setAllFilters: any;
10
10
  filterMeta: any;
11
11
  setSortBy: any;
12
12
  gotoPage: any;
13
- classes: any;
14
13
  isDefaultFilter?: boolean | undefined;
15
14
  }) => import("react/jsx-runtime").JSX.Element;
@@ -2,3 +2,4 @@ export * from "./passwordField";
2
2
  export * from "./numberFormat";
3
3
  export * from "./inputMask";
4
4
  export * from "./search";
5
+ export * from "./refreshIconButton";
@@ -0,0 +1,2 @@
1
+ export type { RefreshIconButtonProps } from "./refreshIconButton";
2
+ export { default, default as RefreshIconButton, RefreshIconButton as RefreshButton, } from "./refreshIconButton";
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { TooltipProps } from "@mui/material/Tooltip";
3
+ import { IconButtonProps } from "@mui/material/IconButton";
4
+ export interface RefreshIconButtonProps extends Omit<IconButtonProps, "title"> {
5
+ title?: React.ReactNode;
6
+ tooltipProps?: Partial<TooltipProps>;
7
+ }
8
+ export declare const RefreshIconButton: React.FC<RefreshIconButtonProps>;
9
+ export default RefreshIconButton;
@@ -6,6 +6,7 @@ interface AdditionalProps {
6
6
  endicon?: keyof typeof Icons;
7
7
  rotateIcon?: string;
8
8
  textColor?: string;
9
+ isActive?: boolean;
9
10
  /**
10
11
  * Set false to remove box shadow
11
12
  * @default false
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const MyInput: import("react").JSXElementConstructor<Omit<import("@mui/material/Input").InputProps, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "underline" | "input" | "multiline" | "adornedStart"> & object>;
2
+ declare const MyInput: import("react").JSXElementConstructor<Omit<import("@mui/material/Input").InputProps, "classes"> & import("@mui/styles").StyledComponentProps<"underline" | "root" | "input" | "multiline" | "adornedStart"> & object>;
3
3
  export default MyInput;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  declare const MyInputLabel: import("react").JSXElementConstructor<Omit<import("@mui/material/InputLabel").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
4
- }, "error" | "children" | "color" | "margin" | "size" | "style" | "filled" | "disabled" | "classes" | "variant" | "className" | "focused" | "required" | "sx" | "disableAnimation" | "shrink">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "shrink"> & object>;
4
+ }, "error" | "children" | "color" | "margin" | "size" | "style" | "filled" | "disabled" | "variant" | "classes" | "className" | "focused" | "required" | "sx" | "disableAnimation" | "shrink">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "shrink"> & object>;
5
5
  export default MyInputLabel;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  declare const StyledTab: import("react").JSXElementConstructor<Omit<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, "value" | "children" | "style" | "icon" | "disabled" | "classes" | "className" | "sx" | "label" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "selected"> & object>;
4
+ }, "value" | "children" | "style" | "icon" | "disabled" | "classes" | "className" | "sx" | "label" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "wrapped" | "iconPosition">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "selected"> & object>;
5
5
  export default StyledTab;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  declare const StyledTabs: import("react").JSXElementConstructor<Omit<import("@mui/material/Tabs").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, "onChange" | "value" | "children" | "style" | "classes" | "variant" | "className" | "sx" | "aria-label" | "aria-labelledby" | "slotProps" | "slots" | "orientation" | "action" | "textColor" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "visibleScrollbar">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "indicator"> & object>;
4
+ }, "onChange" | "value" | "children" | "style" | "variant" | "classes" | "className" | "sx" | "aria-label" | "aria-labelledby" | "slotProps" | "slots" | "orientation" | "action" | "textColor" | "centered" | "scrollButtons" | "allowScrollButtonsMobile" | "indicatorColor" | "ScrollButtonComponent" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "visibleScrollbar">, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "indicator"> & object>;
5
5
  export default StyledTabs;
@@ -1,5 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const StyledTextField: import("react").JSXElementConstructor<Omit<{
3
- variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
4
- } & Omit<import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant">, "classes"> & import("@mui/styles").StyledComponentProps<"root"> & object>;
2
+ declare const StyledTextField: import("react").JSXElementConstructor<any>;
5
3
  export default StyledTextField;
@@ -1,5 +1,5 @@
1
1
  import { TooltipProps } from "@mui/material/Tooltip";
2
- export declare const HtmlTooltip: import("@emotion/styled").StyledComponent<TooltipProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
2
+ export declare const HtmlTooltip: import("@emotion/styled").StyledComponent<TooltipProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
3
3
  export declare const TooltipTitle: ({ label, value, }: {
4
4
  label: string;
5
5
  value: string | string[];
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const StyledTooltip: import("react").JSXElementConstructor<Omit<import("@mui/material/Tooltip").TooltipProps, "classes"> & import("@mui/styles").StyledComponentProps<"tooltip" | "arrow"> & object>;
2
+ declare const StyledTooltip: import("react").JSXElementConstructor<Omit<import("@mui/material/Tooltip").TooltipProps, "classes"> & import("@mui/styles").StyledComponentProps<"arrow"> & object>;
3
3
  export default StyledTooltip;
package/dist/index.d.ts CHANGED
@@ -64,3 +64,5 @@ export { getAgGridSRNo, customCellAggFunc, parseDate, findLastDisplayColumn, fin
64
64
  export type { AgGridMetaData } from "./components/agGridTable/types";
65
65
  export { LayoutReport } from "./components/layoutReport/LayoutReportParent";
66
66
  export type { GroupReportMetaDataType, LayoutReportTypes, } from "./components/layoutReport/types";
67
+ export { ColorPicker } from "components/common/universal-color-picker";
68
+ export * from "./theme";