@hybr1d-tech/charizard 0.6.108 → 0.6.109

package/dist/components/popover/PopoverContent.d.ts

@@ -1,32 +0,0 @@
-/**
- * @author Pratik Awaik <pratik@hybr1d.io>
- */
-import * as React from 'react';
-interface PopoverContentProps {
-    /**
-     * The content of the PopoverContent.
-     */
-    children: React.ReactNode;
-    /**
-     * The popover API object.
-     */
-    api?: any;
-    /**
-     * The background color of the PopoverContent.
-     */
-    bg?: 'black' | 'gray' | string;
-    /**
-     * The styles to apply to the PopoverContent.
-     */
-    styles?: React.CSSProperties;
-    /**
-     * The className to apply to the PopoverContent.
-     */
-    className?: string;
-    /**
-     * The styles to apply to Popover positioner
-     */
-    positionerStyles?: React.CSSProperties;
-}
-export declare function PopoverContent({ children, api, bg, styles, className, positionerStyles, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/popover/PopoverDescription.d.ts

@@ -1,23 +0,0 @@
-/**
- * @author Pratik Awaik <pratik@hybr1d.io>
- */
-interface PopoverDescriptionProps {
-    /**
-     * The content of the PopoverDescription.
-     */
-    children: React.ReactNode;
-    /**
-     * The popover API object.
-     */
-    api?: any;
-    /**
-     * The styles to apply to the PopoverDescription.
-     */
-    styles?: React.CSSProperties;
-    /**
-     * The className to apply to the PopoverDescription.
-     */
-    className?: string;
-}
-export declare function PopoverDescription({ children, api, styles, className }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/popover/PopoverTitle.d.ts

@@ -1,23 +0,0 @@
-/**
- * @author Pratik Awaik <pratik@hybr1d.io>
- */
-interface PopoverTitleProps {
-    /**
-     * The content of the PopoverTitle.
-     */
-    children: React.ReactNode;
-    /**
-     * The popover API object.
-     */
-    api?: any;
-    /**
-     * The styles to apply to the PopoverTitle.
-     */
-    styles?: React.CSSProperties;
-    /**
-     * The className to apply to the PopoverTitle.
-     */
-    className?: string;
-}
-export declare function PopoverTitle({ children, api, styles, className }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/popover/PopoverTrigger.d.ts

@@ -1,29 +0,0 @@
-/**
- * @author Pratik Awaik <pratik@hybr1d.io>
- */
-interface PopoverTriggerProps {
-    /**
-     * The content of the PopoverTrigger.
-     */
-    children: React.ReactNode;
-    /**
-     * The popover API object.
-     */
-    api?: any;
-    /**
-     * Whether the popover should open on hover.
-     * @default true
-     * If set to false, the popover will only open on click.
-     */
-    openOnHover?: boolean;
-    /**
-     * The styles to apply to the PopoverTrigger.
-     */
-    styles?: React.CSSProperties;
-    /**
-     * The className to apply to the PopoverTrigger.
-     */
-    className?: string;
-}
-export declare function PopoverTrigger({ children, api, openOnHover, styles, className, }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/popover/index.d.ts

@@ -1,6 +0,0 @@
-export { Popover } from './Popover';
-export { PopoverCloseButton } from './PopoverCloseButton';
-export { PopoverContent } from './PopoverContent';
-export { PopoverDescription } from './PopoverDescription';
-export { PopoverTitle } from './PopoverTitle';
-export { PopoverTrigger } from './PopoverTrigger';

package/dist/components/popover/usage.d.ts

@@ -1 +0,0 @@
-export default function Example(): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/Progress.d.ts

@@ -1,63 +0,0 @@
-import * as React from 'react';
-type ProgressProps = {
-    /**
-     * steps to show
-     * if there isError is true, user won't be able to click on Continue or finish button
-     */
-    steps: {
-        label: string;
-        component: React.ReactNode;
-        isError: boolean;
-        onContinueClick?: Function;
-    }[];
-    /**
-     * handle cancel click
-     */
-    onCancelClick: () => void;
-    /**
-     * handle final step click
-     */
-    onFinalStepClick: () => void;
-    /**
-     * text to show on footer continue button when the step is last step
-     */
-    lastStepFooterContinueBtnText: string;
-    /**
-     * show skip button or not
-     */
-    showSkipBtn?: boolean;
-    /**
-     * show buttons on header
-     */
-    showHeaderBtns?: boolean;
-    /**
-     * show footer
-     */
-    showFooter?: boolean;
-    /**
-     * text to show on header continue button when the step is last step
-     */
-    lastStepHeaderContinueBtnText?: string;
-    /**
-     * allow navigation of steps when user click on certain step
-     */
-    allowNavigationOnStepClick?: boolean;
-    /**
-     * step to show skip button (counting starts from zero)
-     */
-    stepToShowSkipBtn?: number;
-    /**
-     * skip button text
-     */
-    skipBtnText?: string;
-    /**
-     * directly jump to particular step (index starts from 0)
-     */
-    jumpToStep?: number;
-    /**
-     * on skip click
-     */
-    onSkipClick?: () => void;
-};
-export declare function Progress({ steps, onCancelClick, onFinalStepClick, stepToShowSkipBtn, lastStepFooterContinueBtnText, showSkipBtn, showHeaderBtns, showFooter, lastStepHeaderContinueBtnText, allowNavigationOnStepClick, skipBtnText, jumpToStep, onSkipClick, }: ProgressProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/progress/index.d.ts

@@ -1 +0,0 @@
-export { Progress } from './Progress';

package/dist/components/radio-group/RadioGroup.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-interface RadioGroupProps {
-    /**
-     * heading for radio group
-     */
-    radioHeading?: string;
-    /**
-     * items to show in radio group
-     */
-    items: Array<{
-        label: {
-            heading: string | React.ReactNode;
-            subHeading?: string;
-        };
-        value: string;
-        tooltip?: {
-            txt: string;
-            trigger?: React.ReactNode;
-            placement?: string;
-        };
-    }>;
-    /**
-     * default value to be selected on first render
-     */
-    defaultValue?: string;
-    /**
-     * callback to be called on change of radio group
-     * @param value
-     *  value of selected radio
-     * */
-    onChange: (value: string) => void;
-    /**
-     * if radio group is required
-     * */
-    required?: boolean;
-    /**
-     * error msg to display
-     */
-    errorMsg?: string;
-    optionsContainerStyles?: React.CSSProperties;
-    disabled?: boolean;
-    showSkeleton?: boolean;
-}
-export declare function RadioGroup({ items, radioHeading, defaultValue, onChange, required, errorMsg, optionsContainerStyles, disabled, showSkeleton, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/radio-group/index.d.ts

@@ -1 +0,0 @@
-export { RadioGroup } from './RadioGroup';

package/dist/components/radio-group/radio.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RadioGroup } from './RadioGroup';
-
-declare const meta: Meta<typeof RadioGroup>;
-export default meta;
-type Story = StoryObj<typeof RadioGroup>;
-export declare const RadioGroupDefault: Story;

package/dist/components/search/Search.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-export interface SearchProps {
-    id: string;
-    search?: string;
-    setSearch?: React.Dispatch<React.SetStateAction<string>>;
-    placeholder?: string;
-    clearIconClearFn?: any;
-    customStyles?: {
-        customInputStyles?: React.CSSProperties;
-        customIconStyles?: React.CSSProperties;
-    };
-    disabled?: boolean;
-}
-export declare function Search({ id, search, setSearch, placeholder, clearIconClearFn, customStyles, disabled, }: SearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/search/index.d.ts

@@ -1 +0,0 @@
-export * from './Search';

package/dist/components/search/search.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Search } from './Search';
-
-declare const meta: Meta<typeof Search>;
-export default meta;
-type Story = StoryObj<typeof Search>;
-export declare const SearchDefault: Story;

package/dist/components/search-v2/Search.d.ts

@@ -1,20 +0,0 @@
-import { SearchV2Props } from './types';
-
-/**
- * SearchV2 is a customizable search input component that integrates with the `InputV2` component.
- * It includes search and clear icons, and supports controlled and uncontrolled modes for managing the search input value.
- *
- * @param {SearchV2Props} props - The properties for the SearchV2 component.
- * @param {string} [props.search=''] - The current search term value (used in uncontrolled mode).
- * @param {React.Dispatch<React.SetStateAction<string>>} [props.setSearch] - Function to update the search term (used in controlled mode).
- * @param {InputV2Props} [props] - Additional properties to pass to the `InputV2` component.
- * @returns {JSX.Element} The rendered SearchV2 component.
- *
- * @example
- * <SearchV2
- *   search={searchTerm}
- *   setSearch={setSearchTerm}
- *   placeholder="Search..."
- * />
- */
-export declare function SearchV2({ search, setSearch, ...props }: SearchV2Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/search-v2/index.d.ts

@@ -1 +0,0 @@
-export * from './Search';

package/dist/components/search-v2/types.d.ts

@@ -1,6 +0,0 @@
-import { InputV2Props } from '../input-v2/types';
-
-export interface SearchV2Props extends InputV2Props {
-    search?: string;
-    setSearch?: React.Dispatch<React.SetStateAction<string>>;
-}

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-interface SegmentedControlProps {
-    /**
-     * items to show in segmented control
-     */
-    items: Array<{
-        label: string;
-        value: string;
-        component: React.ReactNode;
-    }>;
-    /**
-     * default value to be selected on first render
-     */
-    defaultValue?: string;
-    /**
-     * handle on change
-     * use this if you are controlling the behavior of segmented control from an external entity
-     */
-    handleOnChange?: (value: string) => void;
-}
-export declare function SegmentedControl({ items, defaultValue, handleOnChange }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/segmented-control/index.d.ts

@@ -1 +0,0 @@
-export { SegmentedControl } from './SegmentedControl';

package/dist/components/select/Common.d.ts

@@ -1,6 +0,0 @@
-export declare const Option: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const MultiValueLabel: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const MultiValueRemove: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const ClearIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const DropdownIndicator: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const SingleValue: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/components/select/CreatableSelect.d.ts

@@ -1,97 +0,0 @@
-import { MenuPlacement, StylesConfig } from 'react-select';
-import { SelectActionMeta } from './types';
-import * as React from 'react';
-interface CreatableSelectProps {
-    /**
-     * The options to be displayed in the select
-     * should atleast have {label: string, value: string}
-     */
-    options: Array<{
-        label: string | '';
-        value: string | '';
-        profileImgUrl?: string;
-    }> | any;
-    /**
-     * Handle change events on the select
-     */
-    onChange: (newValue: string | string[], actionMeta: SelectActionMeta) => void;
-    /**
-     * The name of the select
-     */
-    name?: string;
-    /**
-     * The id of the select
-     */
-    id?: string;
-    /**
-     * The className of the select
-     */
-    className?: string;
-    /**
-     * The placeholder of the select
-     */
-    placeholder?: string;
-    /**
-     * Whether the select is searchable
-     */
-    isSearchable?: boolean;
-    /**
-     * Whether multiple selection is possible
-     */
-    isMulti?: boolean;
-    /**
-     * Whether the select is clearable
-     */
-    isClearable?: boolean;
-    /**
-     * The styles of the select component
-     */
-    selectStyles?: StylesConfig<any>;
-    /**
-     * The default value of the select
-     */
-    defaultValue?: {
-        label: string;
-        value: string;
-        profileImgUrl?: string;
-    };
-    /**
-     * Formats group labels in the menu as React components
-     */
-    formatGroupLabel?: (data: any) => React.ReactNode;
-    /**
-     * The custom styles of the select container
-     */
-    customContainerStyles?: React.CSSProperties;
-    /**
-     * Whether the select is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
-     */
-    menuPlacement?: MenuPlacement;
-    /**
-     * The error message to be displayed
-     */
-    errorMsg?: string | false;
-    /**
-     * extra props to pass for select component
-     */
-    extraprops?: any;
-    /**
-     * create new option api mutate function
-     */
-    createNewOption: (value: string | string[]) => Promise<OptionType | Array<OptionType>>;
-    /**
-     * refetch options to show options in dropdown
-     */
-    refetchOptions?: Function;
-}
-export type OptionType = {
-    label: string;
-    value: string;
-    __isNew__?: boolean;
-};
-export declare function CreatableSelect({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, createNewOption, refetchOptions, }: CreatableSelectProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/select/Select.d.ts

@@ -1,87 +0,0 @@
-import { MenuPlacement, StylesConfig } from 'react-select';
-import { SelectActionMeta } from './types';
-import * as React from 'react';
-interface SelectProps {
-    /**
-     * The options to be displayed in the select
-     * should atleast have {label: string, value: string}
-     */
-    options: Array<{
-        label: string | '';
-        value: string | '';
-        profileImgUrl?: string;
-    }> | any;
-    /**
-     * Handle change events on the select
-     */
-    onChange: (newValue: string | string[], actionMeta: SelectActionMeta) => void;
-    /**
-     * The name of the select
-     */
-    name?: string;
-    /**
-     * The id of the select
-     */
-    id?: string;
-    /**
-     * The className of the select
-     */
-    className?: string;
-    /**
-     * The placeholder of the select
-     */
-    placeholder?: string;
-    /**
-     * Whether the select is searchable
-     */
-    isSearchable?: boolean;
-    /**
-     * Whether multiple selection is possible
-     */
-    isMulti?: boolean;
-    /**
-     * Whether the select is clearable
-     */
-    isClearable?: boolean;
-    /**
-     * The styles of the select component
-     */
-    selectStyles?: StylesConfig<any>;
-    /**
-     * The default value of the select
-     */
-    defaultValue?: {
-        label: string;
-        value: string;
-        profileImgUrl?: string;
-    };
-    /**
-     * Formats group labels in the menu as React components
-     */
-    formatGroupLabel?: (data: any) => React.ReactNode;
-    /**
-     * The custom styles of the select container
-     */
-    customContainerStyles?: React.CSSProperties;
-    customErrorStyles?: React.CSSProperties;
-    isDisabled?: boolean;
-    /**
-     * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
-     */
-    menuPlacement?: MenuPlacement;
-    /**
-     * The error message to be displayed
-     */
-    errorMsg?: string | false;
-    /**
-     * extra props to pass for select component
-     */
-    extraprops?: any;
-    /**
-     * props to add custom dropdown
-     */
-    CustomDropdownIndicator?: React.ReactNode;
-    customValue?: any;
-}
-export declare function Select({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, customErrorStyles, menuPlacement, errorMsg, extraprops, isDisabled, isSearchable, isMulti, isClearable, customValue, CustomDropdownIndicator, }: SelectProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/select/SelectAsync.d.ts

@@ -1,81 +0,0 @@
-import { MenuPlacement, StylesConfig } from 'react-select';
-import { SelectActionMeta } from './types';
-import * as React from 'react';
-interface SelectAsyncProps {
-    /**
-     * The options to be displayed in the select
-     * should atleast have {label: string, value: string}
-     */
-    options: (inputValue: string) => Promise<Array<{
-        label: string | '';
-        value: string | '';
-        profileImgUrl?: string | null;
-    }> | void>;
-    /**
-     * Handle change events on the select
-     */
-    onChange: (newValue: string | string[], actionMeta: SelectActionMeta) => void;
-    /**
-     * The name of the select
-     */
-    name?: string;
-    /**
-     * The id of the select
-     */
-    id?: string;
-    /**
-     * The className of the select
-     */
-    className?: string;
-    /**
-     * The placeholder of the select
-     */
-    placeholder?: string;
-    /**
-     * Whether the select is searchable
-     */
-    isSearchable?: boolean;
-    /**
-     * Whether multiple selection is possible
-     */
-    isMulti?: boolean;
-    /**
-     * Whether the select is clearable
-     */
-    isClearable?: boolean;
-    /**
-     * The styles of the select component
-     */
-    selectStyles?: StylesConfig<any>;
-    /**
-     * The default value of the select
-     */
-    defaultValue?: any;
-    /**
-     * Formats group labels in the menu as React components
-     */
-    formatGroupLabel?: (data: any) => React.ReactNode;
-    /**
-     * The custom styles of the select container
-     */
-    customContainerStyles?: React.CSSProperties;
-    /**
-     * Whether the select is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Default placement of the menu in relation to the control. 'auto' will flip when there isn't enough space below the control.
-     */
-    menuPlacement?: MenuPlacement;
-    /**
-     * The error message to be displayed
-     */
-    errorMsg?: string | string[] | false;
-    /**
-     * extra props to pass for select component
-     */
-    extraProps?: any;
-    customValue?: any;
-}
-export declare function SelectAsync({ options, onChange, name, id, className, placeholder, selectStyles, defaultValue, formatGroupLabel, customContainerStyles, menuPlacement, errorMsg, extraProps, isDisabled, isSearchable, isMulti, isClearable, customValue, }: SelectAsyncProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/select/config.d.ts

@@ -1,4 +0,0 @@
-import { StylesConfig } from 'react-select';
-
-export declare const colourStyles: StylesConfig<any>;
-export declare const getControlStyles: (errorMsg: string | false | string[] | undefined) => StylesConfig<any>;

package/dist/components/select/index.d.ts

@@ -1,3 +0,0 @@
-export { Select } from './Select';
-export { SelectAsync } from './SelectAsync';
-export { CreatableSelect } from './CreatableSelect';

package/dist/components/select/types.d.ts

@@ -1,15 +0,0 @@
-import { MultiValue, SingleValue, ActionMeta } from 'react-select';
-
-export type SelectMultiValue = MultiValue<{
-    label: string;
-    value: string;
-}>;
-export type SelectSingleValue = SingleValue<{
-    label: string;
-    value: string;
-}>;
-export type SelectValue = SelectMultiValue | SelectSingleValue;
-export type SelectActionMeta = ActionMeta<{
-    label: string;
-    value: string;
-}>;