@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.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIcon.d.ts +3 -1
- package/dist/cjs/types/src/components/Charts/TreeMap/TreeMap.d.ts +1 -2
- package/dist/cjs/types/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.d.ts +2 -1
- package/dist/cjs/types/src/components/Input/MultiSelect/MultiSelect.d.ts +5 -1
- package/dist/cjs/types/src/components/Input/MultiSelect/components/MultiSelectInput.d.ts +1 -1
- package/dist/cjs/types/src/components/Input/SingleSelect/SingleSelect.d.ts +5 -1
- package/dist/cjs/types/src/components/Input/SingleSelect/components/SingleInput.d.ts +1 -1
- package/dist/cjs/types/src/components/Layout/AppLayout/AppLayout.d.ts +0 -1
- package/dist/cjs/types/src/shadcn-components/Charts/Chart.d.ts +8 -8
- package/dist/cjs/types/src/shadcn-components/Input/Command/Command.d.ts +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/types/src/components/Assets/Icons/IconComponents/CampxFullLogoIcon.d.ts +3 -1
- package/dist/esm/types/src/components/Charts/TreeMap/TreeMap.d.ts +1 -2
- package/dist/esm/types/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.d.ts +2 -1
- package/dist/esm/types/src/components/Input/MultiSelect/MultiSelect.d.ts +5 -1
- package/dist/esm/types/src/components/Input/MultiSelect/components/MultiSelectInput.d.ts +1 -1
- package/dist/esm/types/src/components/Input/SingleSelect/SingleSelect.d.ts +5 -1
- package/dist/esm/types/src/components/Input/SingleSelect/components/SingleInput.d.ts +1 -1
- package/dist/esm/types/src/components/Layout/AppLayout/AppLayout.d.ts +0 -1
- package/dist/esm/types/src/shadcn-components/Charts/Chart.d.ts +8 -8
- package/dist/esm/types/src/shadcn-components/Input/Command/Command.d.ts +1 -1
- package/dist/index.d.ts +63 -4
- package/dist/styles.css +6 -4
- package/package.json +1 -1
- package/src/components/Assets/Icons/IconComponents/CampxFullLogoIcon.tsx +134 -19
- package/src/components/Charts/TreeMap/TreeMap.tsx +1 -3
- package/src/components/DataDisplay/DataTable/DataTable.tsx +1 -0
- package/src/components/DataDisplay/DataTable/components/CardsView.tsx +1 -1
- package/src/components/DataDisplay/DataTable/components/TableHeaders/TableActionHeader.tsx +23 -20
- package/src/components/Input/LabelWrapper/LabelWrapper.tsx +1 -1
- package/src/components/Input/MultiSelect/MultiSelect.tsx +18 -8
- package/src/components/Input/MultiSelect/components/MultiSelectInput.tsx +2 -3
- package/src/components/Input/SingleSelect/SingleSelect.tsx +23 -12
- package/src/components/Input/SingleSelect/components/SingleInput.tsx +2 -1
- package/src/components/Layout/AppLayout/AppLayout.tsx +0 -4
- package/src/components/Layout/PageContent/PageContent.tsx +1 -1
- package/src/components/Navigation/Dialog/Dialog.tsx +2 -1
- package/src/components/Navigation/DialogButton/DialogButton.tsx +2 -1
- package/src/shadcn-components/Charts/Chart.tsx +106 -106
- package/src/shadcn-components/DataDisplay/Card/Card.tsx +1 -1
- package/src/shadcn-components/Input/Command/Command.tsx +5 -0
- package/src/shadcn-components/Input/Label/Label.tsx +1 -1
|
@@ -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
|
|
2
|
-
import * as RechartsPrimitive from
|
|
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<
|
|
19
|
+
declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & {
|
|
20
20
|
config: ChartConfig;
|
|
21
|
-
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>[
|
|
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<
|
|
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?:
|
|
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<
|
|
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,
|
|
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;
|