@campxdev/react-blueprint 3.0.0-alpha.8 → 3.0.0

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 (43) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIcon.d.ts +3 -1
  3. package/dist/cjs/types/src/components/Charts/TreeMap/TreeMap.d.ts +1 -2
  4. package/dist/cjs/types/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.d.ts +2 -1
  5. package/dist/cjs/types/src/components/Input/MultiSelect/MultiSelect.d.ts +5 -1
  6. package/dist/cjs/types/src/components/Input/MultiSelect/components/MultiSelectInput.d.ts +1 -1
  7. package/dist/cjs/types/src/components/Input/SingleSelect/SingleSelect.d.ts +5 -1
  8. package/dist/cjs/types/src/components/Input/SingleSelect/components/SingleInput.d.ts +1 -1
  9. package/dist/cjs/types/src/components/Layout/AppLayout/AppLayout.d.ts +0 -1
  10. package/dist/cjs/types/src/shadcn-components/Charts/Chart.d.ts +8 -8
  11. package/dist/cjs/types/src/shadcn-components/Input/Command/Command.d.ts +1 -1
  12. package/dist/esm/index.js +2 -2
  13. package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIcon.d.ts +3 -1
  14. package/dist/esm/types/src/components/Charts/TreeMap/TreeMap.d.ts +1 -2
  15. package/dist/esm/types/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.d.ts +2 -1
  16. package/dist/esm/types/src/components/Input/MultiSelect/MultiSelect.d.ts +5 -1
  17. package/dist/esm/types/src/components/Input/MultiSelect/components/MultiSelectInput.d.ts +1 -1
  18. package/dist/esm/types/src/components/Input/SingleSelect/SingleSelect.d.ts +5 -1
  19. package/dist/esm/types/src/components/Input/SingleSelect/components/SingleInput.d.ts +1 -1
  20. package/dist/esm/types/src/components/Layout/AppLayout/AppLayout.d.ts +0 -1
  21. package/dist/esm/types/src/shadcn-components/Charts/Chart.d.ts +8 -8
  22. package/dist/esm/types/src/shadcn-components/Input/Command/Command.d.ts +1 -1
  23. package/dist/index.d.ts +63 -4
  24. package/dist/styles.css +6 -4
  25. package/package.json +1 -1
  26. package/src/components/Assets/Icons/IconComponents/CampxFullLogoIcon.tsx +134 -19
  27. package/src/components/Charts/TreeMap/TreeMap.tsx +1 -3
  28. package/src/components/DataDisplay/DataTable/DataTable.tsx +1 -0
  29. package/src/components/DataDisplay/DataTable/components/CardsView.tsx +1 -1
  30. package/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.tsx +23 -20
  31. package/src/components/Input/LabelWrapper/LabelWrapper.tsx +1 -1
  32. package/src/components/Input/MultiSelect/MultiSelect.tsx +18 -8
  33. package/src/components/Input/MultiSelect/components/MultiSelectInput.tsx +2 -3
  34. package/src/components/Input/SingleSelect/SingleSelect.tsx +23 -12
  35. package/src/components/Input/SingleSelect/components/SingleInput.tsx +2 -1
  36. package/src/components/Layout/AppLayout/AppLayout.tsx +0 -4
  37. package/src/components/Layout/PageContent/PageContent.tsx +1 -1
  38. package/src/components/Navigation/Dialog/Dialog.tsx +2 -1
  39. package/src/components/Navigation/DialogButton/DialogButton.tsx +2 -1
  40. package/src/shadcn-components/Charts/Chart.tsx +106 -106
  41. package/src/shadcn-components/DataDisplay/Card/Card.tsx +1 -1
  42. package/src/shadcn-components/Input/Command/Command.tsx +5 -0
  43. package/src/shadcn-components/Input/Label/Label.tsx +1 -1
@@ -1 +1,3 @@
1
- export declare const CampxFullLogoIcon: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const CampxFullLogoIcon: ({ size }: {
2
+ size: number;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -97,5 +97,4 @@ export interface TreeMapProps {
97
97
  * />
98
98
  * );
99
99
  */
100
- declare const TreeMap: React.FC<TreeMapProps>;
101
- export default TreeMap;
100
+ export declare const TreeMap: React.FC<TreeMapProps>;
@@ -9,6 +9,7 @@ type TableActionHeaderProps = {
9
9
  type: string;
10
10
  axios: Axios;
11
11
  };
12
+ hasCardView?: boolean;
12
13
  };
13
- declare const TableActionHeader: ({ layoutMode, onLayoutChange, uniqueId, columns, viewsProps, }: TableActionHeaderProps) => import("react/jsx-runtime").JSX.Element;
14
+ declare const TableActionHeader: ({ layoutMode, onLayoutChange, uniqueId, columns, viewsProps, hasCardView, }: TableActionHeaderProps) => import("react/jsx-runtime").JSX.Element;
14
15
  export { TableActionHeader };
@@ -15,6 +15,8 @@ export type MultiSelectProps = {
15
15
  name?: string;
16
16
  getValue?: (option: any) => any;
17
17
  value?: any[];
18
+ defaultValue?: any[];
19
+ placeholder?: string;
18
20
  dbValueProps?: {
19
21
  valueKey: string;
20
22
  isObjectId?: boolean;
@@ -62,6 +64,8 @@ export type MultiSelectProps = {
62
64
  * @param {boolean} [props.loading] - Whether options are loading
63
65
  * @param {boolean} [props.disableClear] - Whether to hide the clear button
64
66
  * @param {boolean} [props.fullWidth] - Whether the select takes full width
67
+ * @param {any[]} [props.defaultValue] - Default values when component is uncontrolled (overridden by value prop)
68
+ * @param {string} [props.placeholder] - Placeholder text shown when no values are selected
65
69
  * @param {'input' | 'filter'} [props.type='input'] - Display type
66
70
  * @param {(event: SyntheticEvent) => void} [props.onOpen] - Callback when menu opens
67
71
  * @param {(event: SyntheticEvent, reason: string) => void} [props.onClose] - Callback when menu closes
@@ -78,5 +82,5 @@ export type MultiSelectProps = {
78
82
  * />
79
83
  * ```
80
84
  */
81
- export declare const MultiSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
85
+ export declare const MultiSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, defaultValue, placeholder, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
82
86
  export default MultiSelect;
@@ -11,4 +11,4 @@ export type MultiSelectInputProps = {
11
11
  handleClearAll: () => void;
12
12
  state: MultiSelectState;
13
13
  } & MultiSelectProps;
14
- export declare const MultiSelectInput: ({ optionsApiEndPoint, required, label, name, getValue, value, onChange, error, helperText, searchDb, handleOpen, handleClose, handleScroll, handleSelectOption, handleClearAll, state, disableClear, fullWidth, disabled, loading, }: MultiSelectInputProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const MultiSelectInput: ({ optionsApiEndPoint, required, label, name, getValue, value, placeholder, onChange, error, helperText, searchDb, handleOpen, handleClose, handleScroll, handleSelectOption, handleClearAll, state, disableClear, fullWidth, disabled, loading, }: MultiSelectInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -15,6 +15,8 @@ export type SingleSelectProps = {
15
15
  name?: string;
16
16
  getValue?: (option: any) => any;
17
17
  value?: any;
18
+ defaultValue?: any;
19
+ placeholder?: string;
18
20
  dbValueProps?: {
19
21
  valueKey: string;
20
22
  isObjectId?: boolean;
@@ -62,6 +64,8 @@ export type SingleSelectProps = {
62
64
  * @param {boolean} [props.loading] - Whether options are loading
63
65
  * @param {boolean} [props.disableClear] - Whether to hide the clear button
64
66
  * @param {boolean} [props.fullWidth] - Whether the select takes full width
67
+ * @param {any} [props.defaultValue] - Default value when component is uncontrolled (overridden by value prop)
68
+ * @param {string} [props.placeholder] - Placeholder text shown when no value is selected
65
69
  * @param {'input' | 'filter'} [props.type='input'] - Display type
66
70
  * @param {(event: SyntheticEvent) => void} [props.onOpen] - Callback when menu opens
67
71
  * @param {(event: SyntheticEvent, reason: string) => void} [props.onClose] - Callback when menu closes
@@ -78,5 +82,5 @@ export type SingleSelectProps = {
78
82
  * />
79
83
  * ```
80
84
  */
81
- export declare const SingleSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
85
+ export declare const SingleSelect: ({ options, optionsApiEndPoint, optionsApiEndpointParams, externalAxios, getValue, value, defaultValue, placeholder, onChange, dbValueProps, dbLabelProps, onOpen, onClose, type, ...restProps }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
82
86
  export default SingleSelect;
@@ -9,4 +9,4 @@ export type SingleInputProps = {
9
9
  handleScroll: (event: any) => Promise<void>;
10
10
  state: SingleSelectState;
11
11
  } & SingleSelectProps;
12
- export declare const SingleInput: ({ optionsApiEndPoint, required, label, name, getValue, value, onChange, error, helperText, searchDb, handleOpen, handleClose, handleScroll, state, fullWidth, disabled, loading, }: SingleInputProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const SingleInput: ({ optionsApiEndPoint, required, label, name, getValue, value, placeholder, onChange, error, helperText, searchDb, handleOpen, handleClose, handleScroll, state, fullWidth, disabled, loading, }: SingleInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -11,7 +11,6 @@ import { AppLayoutProps } from './types';
11
11
  * @param {SideMenuItemProps[]} menu - Navigation menu items for the sidebar
12
12
  * @param {ReactNode | ((params: { collapsed: boolean }) => ReactNode)} [actions] - Optional action elements or function that receives collapsed state
13
13
  * @param {string} [mainContainerClassName=''] - Additional CSS classes for the main content container
14
- * @param {HelpDocsConfig} [helpDocsConfig] - Configuration for context-based help documentation
15
14
  * @param {boolean} [initialCollapsed] - Initial state of sidebar collapse (auto-determined on small screens)
16
15
  * @param {UserProfilePopupProps} [userProfileParams] - Configuration for user profile popup/menu
17
16
  *
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
- import * as RechartsPrimitive from "recharts";
1
+ import * as React from 'react';
2
+ import * as RechartsPrimitive from 'recharts';
3
3
  declare const THEMES: {
4
4
  readonly light: "";
5
5
  readonly dark: ".dark";
@@ -16,25 +16,25 @@ export type ChartConfig = {
16
16
  theme: Record<keyof typeof THEMES, string>;
17
17
  });
18
18
  };
19
- declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
19
+ declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & {
20
20
  config: ChartConfig;
21
- children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
21
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
22
22
  }): import("react/jsx-runtime").JSX.Element;
23
23
  declare const ChartStyle: ({ id, config }: {
24
24
  id: string;
25
25
  config: ChartConfig;
26
26
  }) => import("react/jsx-runtime").JSX.Element;
27
27
  declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
28
- declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
28
+ declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & {
29
29
  hideLabel?: boolean;
30
30
  hideIndicator?: boolean;
31
- indicator?: "line" | "dot" | "dashed";
31
+ indicator?: 'line' | 'dot' | 'dashed';
32
32
  nameKey?: string;
33
33
  labelKey?: string;
34
34
  }): import("react/jsx-runtime").JSX.Element;
35
35
  declare const ChartLegend: typeof RechartsPrimitive.Legend;
36
- declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
36
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
37
37
  hideIcon?: boolean;
38
38
  nameKey?: string;
39
39
  }): import("react/jsx-runtime").JSX.Element;
40
- export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
40
+ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };
@@ -9,7 +9,7 @@ declare function CommandDialog({ title, description, children, className, showCl
9
9
  showCloseButton?: boolean;
10
10
  }): import("react/jsx-runtime").JSX.Element;
11
11
  declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
12
- declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
12
+ declare function CommandList({ className, onWheel, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
13
13
  declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
14
14
  declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
15
15
  declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;