@hybr1d-tech/charizard 0.6.32 → 0.6.34

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.
@@ -0,0 +1,7 @@
1
+ import { Page } from './types';
2
+
3
+ interface BreadCrumbProps {
4
+ pages: Array<Page>;
5
+ }
6
+ export declare function Breadcrumb({ pages }: BreadCrumbProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,5 @@
1
+ import { Page } from '../../types';
2
+
3
+ export default function MorePages({ pages }: {
4
+ pages: Array<Page>;
5
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Breadcrumb';
@@ -0,0 +1,4 @@
1
+ export interface Page {
2
+ label: string;
3
+ to: string;
4
+ }
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Checkbox } from './Checkbox';
3
+
4
+ declare const meta: Meta<typeof Checkbox>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Checkbox>;
7
+ export declare const CheckboxDefault: Story;
@@ -27,6 +27,8 @@ export * from './user-chip';
27
27
  export * from './tabs';
28
28
  export * from './task-cards';
29
29
  export * from './button-v2';
30
+ export * from './breadcrumb';
30
31
  export * from './badge';
31
32
  export * from './pill';
32
33
  export * from './table-v3';
34
+ export * from './select-v2';
@@ -39,6 +39,7 @@ interface RadioGroupProps {
39
39
  errorMsg?: string;
40
40
  optionsContainerStyles?: React.CSSProperties;
41
41
  disabled?: boolean;
42
+ showSkeleton?: boolean;
42
43
  }
43
- export declare function RadioGroup({ items, radioHeading, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
44
+ export declare function RadioGroup({ items, radioHeading, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, showSkeleton, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
44
45
  export {};
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { RadioGroup } from './RadioGroup';
3
+
4
+ declare const meta: Meta<typeof RadioGroup>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof RadioGroup>;
7
+ export declare const RadioGroupDefault: Story;
@@ -0,0 +1,56 @@
1
+ /**
2
+ * Custom Dropdown Indicator component for react-select.
3
+ * Displays a chevron icon indicating the dropdown menu.
4
+ * @param props - The props for the DropdownIndicator component, including any react-select specific props.
5
+ * @returns A custom DropdownIndicator component with a chevron icon.
6
+ */
7
+ export declare const CustomDropdownIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
8
+ /**
9
+ * Custom Indicators Container component for react-select.
10
+ * Conditionally hides the indicators container if the select is in a loading state.
11
+ * @param props - The props for the IndicatorsContainer component, including any react-select specific props.
12
+ * @returns The IndicatorsContainer component or null if the select is loading.
13
+ */
14
+ export declare const CustomIndicatorsContainer: (props: any) => import("react/jsx-runtime").JSX.Element | null;
15
+ /**
16
+ * Custom Menu component for react-select.
17
+ * Displays a loading message if the select is in a loading state.
18
+ * @param props - The props for the Menu component, including any react-select specific props.
19
+ * @returns The Menu component with a loading message or the default menu content.
20
+ */
21
+ export declare const CustomMenu: (props: any) => import("react/jsx-runtime").JSX.Element;
22
+ /**
23
+ * Custom Option component for react-select.
24
+ * Renders each option with profile image, icon, and custom styles based on variant and selection state.
25
+ * @param props - The props for the Option component, including any react-select specific props.
26
+ * @returns The custom Option component with profile image, icon, and styled label.
27
+ */
28
+ export declare const CustomOption: (props: any) => import("react/jsx-runtime").JSX.Element;
29
+ /**
30
+ * Custom Single Value component for react-select.
31
+ * Displays the selected single value with profile image or icon.
32
+ * @param props - The props for the SingleValue component, including any react-select specific props.
33
+ * @returns The custom SingleValue component with profile image or icon.
34
+ */
35
+ export declare const CustomSingleValue: (props: any) => import("react/jsx-runtime").JSX.Element;
36
+ /**
37
+ * Custom Multi Value component for react-select.
38
+ * Displays the selected multi-value items with custom styles and profile image or icon.
39
+ * @param props - The props for the MultiValue component, including any react-select specific props.
40
+ * @returns The custom MultiValue component with profile image, icon, and styled label.
41
+ */
42
+ export declare const CustomMultiValue: (props: any) => import("react/jsx-runtime").JSX.Element;
43
+ /**
44
+ * Custom Multi Value Remove component for react-select.
45
+ * Provides a remove icon for multi-value items.
46
+ * @param props - The props for the MultiValueRemove component, including any react-select specific props.
47
+ * @returns The custom MultiValueRemove component with a close icon.
48
+ */
49
+ export declare const CustomMultiValueRemove: (props: any) => import("react/jsx-runtime").JSX.Element;
50
+ /**
51
+ * Custom Clear Indicator component for react-select.
52
+ * Displays a clear icon for single value selects when applicable.
53
+ * @param props - The props for the ClearIndicator component, including any react-select specific props.
54
+ * @returns The custom ClearIndicator component with a close icon or null if multi-select.
55
+ */
56
+ export declare const CustomClearIndicator: (props: any) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,13 @@
1
+ import { SelectV2Props } from './types';
2
+
3
+ /**
4
+ * A custom select component based on react-select.
5
+ * @param props - The properties for the SelectV2 component:
6
+ * - `options` (Array<Option>): An array of options to be displayed in the dropdown. Each option can include a label, value, and optional profile image or icon.
7
+ * - `mainContainerClassName` (string, optional): A custom CSS class name to apply to the main container for additional styling.
8
+ * - `variant` (SELECT_VARIANT, optional): Defines the variant of the select component (e.g., 'default', 'users', 'checkbox', 'tags') to control the styling and behavior.
9
+ * - `errorMsg` (string, optional): An error message to display below the select component for validation purposes.
10
+ * - `onChange` (function): A callback function that is triggered when the selected value(s) change. It receives the selected value(s) and action meta information.
11
+ * @returns The SelectV2 component.
12
+ */
13
+ export declare function SelectV2(props: SelectV2Props): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './Select';
2
+ export * from './types';
@@ -0,0 +1,3 @@
1
+ import { StylesConfig } from 'react-select';
2
+
3
+ export declare const styles: StylesConfig<any>;
@@ -0,0 +1,33 @@
1
+ import { MultiValue, SingleValue, ActionMeta, Props as ReactSelectProps } from 'react-select';
2
+
3
+ export type OptionBase = {
4
+ label: string;
5
+ value: string;
6
+ subLabel?: string;
7
+ };
8
+ export type OptionWithProfileImg = OptionBase & {
9
+ profileImgUrl?: string;
10
+ icon?: never;
11
+ };
12
+ export type OptionWithIcon = OptionBase & {
13
+ icon?: string;
14
+ profileImgUrl?: never;
15
+ };
16
+ export type Option = OptionWithProfileImg | OptionWithIcon;
17
+ export type SelectMultiValue = MultiValue<Option>;
18
+ export type SelectSingleValue = SingleValue<Option>;
19
+ export type SelectActionMeta = ActionMeta<Option>;
20
+ export type SelectValue = SelectMultiValue | SelectSingleValue;
21
+ export declare enum SELECT_VARIANT {
22
+ DEFAULT = "default",
23
+ USERS = "users",
24
+ CHECKBOX = "checkbox",
25
+ TAGS = "tags"
26
+ }
27
+ export interface SelectV2Props extends ReactSelectProps<any, boolean> {
28
+ options: Option[];
29
+ onChange: (value: string | string[], actionMeta: SelectActionMeta) => void;
30
+ mainContainerClassName?: string;
31
+ variant?: SELECT_VARIANT;
32
+ errorMsg?: string;
33
+ }
@@ -1,2 +1,2 @@
1
- export { Tabs } from './Tabs';
2
- export { Tab } from './Tab';
1
+ export * from './Tabs';
2
+ export * from './Tab';