qaema-ui 0.0.21 → 0.0.22

package/dist/components/ChartLegend/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledLegendContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PieLegendContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const LegendValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/DatePicker.js

@@ -164,7 +164,7 @@ const De = i.div`
   justify-content: ${({ theme: e }) => e.dir === "rtl" ? "flex-end" : "flex-start"};
   text-align: ${({ theme: e }) => e.dir === "rtl" ? "right" : "left"};
 `, fr = ({ value: e, onChange: a, minDate: d, maxDate: x, label: v, optional: O, disabled: W, error: D }) => {
-  const [E, $] = f(!1), [p, m] = f(e || /* @__PURE__ */ new Date()), [w, u] = f(e || null), [I, h] = f(e ? b(e, "dd/MM/yyyy") : ""), [M, j] = f("calendar"), [T, R] = f(0), S = re(null), k = /* @__PURE__ */ new Date(), C = ie(), { t: V, i18n: H } = te(), l = (H.language || "").toLowerCase().startsWith("ar") || C.dir === "rtl", y = l ? "rtl" : "ltr", P = l ? de : pe, J = l ? ["أح", "ان", "اث", "ار", "خم", "جم", "سب"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], B = l ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = (r) => {
+  const [E, $] = f(!1), [p, m] = f(e || /* @__PURE__ */ new Date()), [w, u] = f(e || null), [I, h] = f(e ? b(e, "dd/MM/yyyy") : ""), [M, j] = f("calendar"), [T, R] = f(0), S = re(null), k = /* @__PURE__ */ new Date(), C = ie(), { t: V, i18n: H } = te(), l = (H.language || "").toLowerCase().startsWith("ar") || C.dir === "rtl", y = l ? "rtl" : "ltr", P = l ? de : pe, J = l ? ["أح", "اث", "ثل", "أر", "خم", "جم", "سب"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], B = l ? ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"] : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], g = (r) => {
     const s = ["٠", "١", "٢", "٣", "٤", "٥", "٦", "٧", "٨", "٩"];
     return r.toString().replace(/\d/g, (n) => s[Number(n)]);
   }, _ = (r) => {

package/dist/components/Divider.d.ts

@@ -0,0 +1,7 @@
+export type DividerProps = {
+    marginVertical?: string;
+};
+declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}>, DividerProps>, DividerProps>> & string;
+export default Divider;

package/dist/components/Filter.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+export declare const FilterButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FieldOptions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const RadioLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const RadioGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FieldHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DateInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
+}, Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLInputElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const SelectInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
+export declare const ButtonGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export type FilterField = {
+    accessor: string;
+    header: string;
+    type: 'text' | 'number' | 'date' | 'select';
+    options?: {
+        label: string;
+        value: string | number;
+    }[];
+};
+export type FilterData = {
+    fieldName: string;
+    operator?: string;
+    value?: string;
+    value2?: string;
+};
+export type FilterDropdownProps = {
+    fields: FilterField[];
+    onSelect: (filter: FilterData) => void;
+    activeFilters?: FilterData[];
+};
+export type FilterProps = {
+    fields: FilterField[];
+    activeFilters?: FilterData[];
+    setActiveFilters: React.Dispatch<React.SetStateAction<FilterData[]>>;
+};
+declare const Filter: React.FC<FilterProps>;
+export default Filter;

package/dist/components/HelpCard.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type HelpCardProps = {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    actionLabel: string;
+    actionHref?: string;
+    onActionClick?: () => void;
+    actionAriaLabel?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    className?: string;
+};
+export declare const HelpCardGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    min?: number;
+    gap?: number;
+}>> & string;
+declare const HelpCard: React.FC<HelpCardProps>;
+export default HelpCard;

package/dist/components/HorizontalChart.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+type HorizontalChartData = {
+    name: string;
+    value: number;
+    color: string;
+};
+export type HorizontalChartProps = {
+    data: Array<HorizontalChartData>;
+};
+export declare const LabelRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const HorizontalChart: React.FC<HorizontalChartProps>;
+export default HorizontalChart;

package/dist/components/InputField.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export type InputFieldProps = {
+    label?: string;
+    optional?: boolean;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: string;
+    disabled?: boolean;
+    success?: boolean;
+    error?: string;
+    touched?: boolean;
+    readonly?: boolean;
+    helperText?: string | React.ReactNode;
+    helperTextLink?: {
+        text: string;
+        onClick: () => void;
+    };
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    checked?: boolean;
+    name?: string;
+    isInteractive?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>;
+export declare const Optional: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const InputField: React.FC<InputFieldProps>;
+export default InputField;

package/dist/components/OptionCardGroup.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export type OptionSelectCardProps = {
+    id: string | number;
+    title: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    rightAdornment?: React.ReactNode;
+    name?: string;
+    value?: string | number;
+    onSelect?: (id: OptionSelectCardProps['id']) => void;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type OptionSelectGroupProps = {
+    items: OptionSelectCardProps[];
+    rowGap?: number;
+    columnGap?: number;
+    columns?: 1 | 2;
+    name?: string;
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const OptionSelectGroupWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $rowGap: number;
+    $columnGap: number;
+    $columns: 1 | 2;
+}>> & string;
+export declare const OptionSelectCard: React.FC<OptionSelectCardProps>;
+export declare const OptionSelectGroup: React.FC<OptionSelectGroupProps>;
+export default OptionSelectGroup;

package/dist/components/PasswordInputField.d.ts

@@ -0,0 +1,15 @@
+export type InputFieldProps = {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: 'text' | 'password';
+    disabled?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    dir?: 'rtl' | 'ltr';
+};
+export declare const EyeIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-icons/lib').IconBaseProps, never>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
+export declare const VisibleEyeIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-icons/lib').IconBaseProps, never>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
+declare const PasswordInputField: React.FC<InputFieldProps>;
+export default PasswordInputField;

package/dist/components/PhoneInputField.d.ts

@@ -0,0 +1,56 @@
+export type PhoneInputFieldProps = {
+    label?: string;
+    placeholder: string;
+    optional?: boolean;
+    disabled?: boolean;
+    error?: string;
+    value: string;
+    onChange: (val: string) => void;
+    name?: string;
+    maxLength?: number;
+};
+export type InputFieldProps = {
+    $variant?: 'primary' | 'secondary';
+    $size?: 'sm' | 'md' | 'lg';
+    $fullWidth?: boolean;
+    $hasError?: boolean;
+    name?: string;
+    maxLength?: number;
+};
+export type CountryDropdownProps = {
+    $variant?: 'primary' | 'secondary';
+    $size?: 'sm' | 'md' | 'lg';
+    $selectedCountry: CountryCode;
+    $error?: string;
+    $disabled?: boolean;
+    onSelect: (country: CountryCode) => void;
+    placeholder?: string;
+    onChange: (val: string) => void;
+    name?: string;
+    value?: string;
+    maxLength?: number;
+    setCurrentValue: React.Dispatch<React.SetStateAction<string>>;
+    currentValue: string;
+};
+export type CountryDropdownToggleProps = {
+    $variant?: 'primary' | 'secondary';
+    $size?: 'sm' | 'md' | 'lg';
+    $selectedCountry: CountryCode;
+    $error?: string;
+    $disabled?: boolean;
+    onSelect: (country: CountryCode) => void;
+};
+type CountryCode = {
+    code: string;
+    name: string;
+    dialCode: string;
+    flag: string;
+};
+export declare const VerticalSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $error?: string;
+}>> & string;
+export declare const HelperTextWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    error: string;
+}>> & string;
+declare const PhoneInputField: React.FC<PhoneInputFieldProps>;
+export default PhoneInputField;

package/dist/components/RequestCard.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { FeatureItem } from './RequestSummaryCard';
+export type RequestCardVariant = 'hidden' | 'accepted' | 'rejected' | 'inProgress';
+type ContentWrapperProps = {
+    image?: React.ReactNode;
+    inModal?: boolean;
+};
+export type RequestCardProps = {
+    variant?: RequestCardVariant;
+    image?: React.ReactNode;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    trackingLabel?: React.ReactNode;
+    progress?: number;
+    statusText?: React.ReactNode;
+    primaryCta?: {
+        label: React.ReactNode;
+        onClick?: () => void;
+    };
+    secondaryCta?: {
+        label: React.ReactNode;
+        onClick?: () => void;
+    };
+    className?: string;
+    style?: React.CSSProperties;
+    features?: FeatureItem[];
+    featuresTitle?: string;
+    price?: {
+        amount?: string;
+        unit?: string;
+    };
+    inModal?: boolean;
+    background?: string;
+};
+export declare const ContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentWrapperProps>> & string;
+export declare const TrackingWrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TrackingHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProgressBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color: string;
+    $value: number;
+}>> & string;
+export declare const StatusText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const RequestCard: React.FC<RequestCardProps>;
+export default RequestCard;

package/dist/components/RequestSummaryCard.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { ButtonVariant } from '../hooks/useButtonVariant';
+import { RequestCardVariant } from './RequestCard';
+type RequestState = 'accepted' | 'rejected';
+export type FeatureVariant = 'default' | 'tag';
+export type FeatureItem = {
+    label: React.ReactNode;
+    variant?: FeatureVariant;
+};
+export type RequestSummaryCardProps = {
+    state?: RequestState;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    features?: FeatureItem[];
+    price?: {
+        amount: string;
+        suffix?: string;
+    };
+    progress?: number;
+    statusText?: React.ReactNode;
+    image?: React.ReactNode;
+    primaryCta?: {
+        label: React.ReactNode;
+        onClick?: () => void;
+    };
+    primaryCtaVariant?: ButtonVariant;
+    className?: string;
+    style?: React.CSSProperties;
+    showTracking?: boolean;
+    variant?: RequestCardVariant;
+    trackingLabel?: string;
+    imgPadding?: string;
+};
+export declare const FeatureList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const FeatureRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const Bullet: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $stroke?: boolean;
+}>> & string;
+declare const RequestSummaryCard: React.FC<RequestSummaryCardProps>;
+export default RequestSummaryCard;