shekel-fe-shared-lib 1.0.10 → 1.0.13

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ActionCardProps {
+    label: string;
+    icon: React.ReactNode;
+    iconColor?: 'red' | 'blue' | 'green' | 'purple' | 'orange' | 'yellow';
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const ActionCard: React.FC<ActionCardProps>;

package/dist/types/components/ActionCard/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ButtonProps as AntButtonProps } from 'antd';
+export interface ButtonProps extends Omit<AntButtonProps, 'variant' | 'size'> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const Button: React.FC<ButtonProps>;

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { CardProps as AntCardProps } from 'antd';
+export interface CardProps extends AntCardProps {
+    shadow?: 'sm' | 'md' | 'lg' | 'xl';
+}
+export declare const Card: React.FC<CardProps>;

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card } from './Card';
+export type { CardProps } from './Card';

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SelectProps } from 'antd';
+export interface Country {
+    code: string;
+    name: string;
+    flag: string;
+}
+export interface CountrySelectorProps extends Omit<SelectProps, 'options'> {
+    countries?: Country[];
+    defaultCountry?: string;
+    onCountryChange?: (countryCode: string) => void;
+    showSearch?: boolean;
+}
+export declare const CountrySelector: React.FC<CountrySelectorProps>;

package/dist/types/components/CountrySelector/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface DashboardCardProps {
+    label: string;
+    value: string | number;
+    icon?: React.ReactNode;
+    showVisibilityToggle?: boolean;
+    onVisibilityToggle?: () => void;
+    valuePrefix?: string;
+    ledgerBalance?: string | number;
+    backgroundPattern?: 'wave' | 'grid' | 'none';
+    width?: string | number;
+    className?: string;
+}
+export declare const DashboardCard: React.FC<DashboardCardProps>;

package/dist/types/components/DashboardCard/index.d.ts

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

package/dist/types/components/Input/CurrencyInput.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { InputProps as AntInputProps } from 'antd';
+export interface CurrencyInputProps extends Omit<AntInputProps, 'onChange'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    currencySymbol?: string;
+    formatAmount?: boolean;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const CurrencyInput: React.FC<CurrencyInputProps>;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { InputProps as AntInputProps } from 'antd';
+export interface InputProps extends AntInputProps {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+export declare const Input: React.FC<InputProps>;

package/dist/types/components/Input/OTPInput.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface OTPInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const OTPInput: React.FC<OTPInputProps>;

package/dist/types/components/Input/PasswordInput.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PasswordProps as AntPasswordProps } from 'antd/es/input';
+export interface PasswordInputProps extends AntPasswordProps {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+export declare const PasswordInput: React.FC<PasswordInputProps>;

package/dist/types/components/Input/PhoneInput.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { InputProps as AntInputProps } from 'antd';
+export interface PhoneInputProps extends Omit<AntInputProps, 'addonBefore' | 'value' | 'onChange'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    countryCode?: string;
+    onCountryCodeChange?: (value: string) => void;
+    countryCodes?: {
+        value: string;
+        label: string;
+    }[];
+    showCountryCodeDropdown?: boolean;
+    format?: 'default' | 'spaced' | 'dashed' | 'none';
+    customFormat?: (value: string) => string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const PhoneInput: React.FC<PhoneInputProps>;

package/dist/types/components/Input/index.d.ts

@@ -0,0 +1,10 @@
+export { Input } from './Input';
+export { PasswordInput } from './PasswordInput';
+export { OTPInput } from './OTPInput';
+export { PhoneInput } from './PhoneInput';
+export { CurrencyInput } from './CurrencyInput';
+export type { InputProps } from './Input';
+export type { PasswordInputProps } from './PasswordInput';
+export type { OTPInputProps } from './OTPInput';
+export type { PhoneInputProps } from './PhoneInput';
+export type { CurrencyInputProps } from './CurrencyInput';

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface NotificationItem {
+    id: string;
+    title: string;
+    description: string;
+    timestamp: string;
+    isNew?: boolean;
+    icon?: React.ReactNode;
+    iconBackgroundColor?: string;
+    iconColor?: string;
+    onClick?: () => void;
+}
+export interface NotificationDropdownProps {
+    title: string;
+    count?: number;
+    notifications: NotificationItem[];
+    onViewMore?: () => void;
+    className?: string;
+    maxHeight?: string | number;
+}
+export declare const NotificationDropdown: React.FC<NotificationDropdownProps>;

package/dist/types/components/NotificationDropdown/index.d.ts

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

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

@@ -1,4 +1,8 @@
 import { FC, ReactNode, InputHTMLAttributes, CSSProperties } from 'react';
+/**
+ * @deprecated SearchInput is deprecated as of v1.0.11. Please use the new Input component instead.
+ * The new Input component provides better functionality and consistent styling with Ant Design.
+ */
 export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     icon?: ReactNode;
     iconPosition?: 'left' | 'right';
@@ -14,5 +18,8 @@ export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElem
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
     style?: CSSProperties;
 }
+/**
+ * @deprecated SearchInput is deprecated as of v1.0.11. Please use the new Input component instead.
+ */
 export declare const SearchInput: FC<SearchInputProps>;
 export default SearchInput;

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface StatCardProps {
+    label: string;
+    value: string | number;
+    icon?: React.ReactNode;
+    iconBackgroundColor?: string;
+    iconColor?: string;
+    valuePrefix?: string;
+    progressText?: string;
+    badge?: string;
+    width?: string | number;
+    className?: string;
+}
+export declare const StatCard: React.FC<StatCardProps>;

package/dist/types/components/StatCard/index.d.ts

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

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

@@ -15,6 +15,8 @@ export interface TableTopProps {
     searchFocusBorderColor?: string;
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
     style?: CSSProperties;
+    hideActionButtons?: boolean;
+    selectedActionButton?: ReactNode;
 }
 export declare const TableTop: FC<TableTopProps>;
 export default TableTop;

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface TabItem {
+    key: string;
+    label: string;
+    children: React.ReactNode;
+}
+export interface TabsComponentProps {
+    items: TabItem[];
+    defaultActiveKey?: string;
+    activeKey?: string;
+    onChange?: (activeKey: string) => void;
+    className?: string;
+}
+export declare const TabsComponent: React.FC<TabsComponentProps>;

package/dist/types/components/TabsComponent/index.d.ts

@@ -0,0 +1,2 @@
+export { TabsComponent } from './TabsComponent';
+export type { TabsComponentProps, TabItem } from './TabsComponent';

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface UserCardProps {
+    name: string;
+    email: string;
+    role?: string;
+    avatar?: string;
+    className?: string;
+}
+export declare const UserCard: React.FC<UserCardProps>;

package/dist/types/components/UserCard/index.d.ts

@@ -0,0 +1,2 @@
+export { UserCard } from './UserCard';
+export type { UserCardProps } from './UserCard';

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface UserPillProps {
+    name: string;
+    subtitle?: string;
+    avatar?: string;
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const UserPill: React.FC<UserPillProps>;

package/dist/types/components/UserPill/index.d.ts

@@ -0,0 +1,2 @@
+export { UserPill } from './UserPill';
+export type { UserPillProps } from './UserPill';

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { MenuProps } from 'antd';
+export interface UserProfileDropdownProps {
+    name: string;
+    role?: string;
+    avatarUrl?: string;
+    menuItems?: MenuProps['items'];
+    onMenuClick?: (key: string) => void;
+    className?: string;
+    width?: string | number;
+}
+export declare const UserProfileDropdown: React.FC<UserProfileDropdownProps>;

package/dist/types/components/UserProfileDropdown/index.d.ts

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

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

@@ -1,11 +1,8 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
-export { StatCard } from './StatCard';
-export type { StatCardProps } from './StatCard';
+export * from './Button';
+export * from './StatCard';
 export { SearchInput } from './SearchInput';
 export type { SearchInputProps } from './SearchInput';
-export { Card } from './Card';
-export type { CardProps } from './Card';
+export * from './Card';
 export { Dropdown } from './Dropdown';
 export type { DropdownProps, DropdownMenuItem } from './Dropdown';
 export { Select } from './Select';
@@ -26,3 +23,12 @@ export { Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export { SelectedItemsList } from './SelectedItemsList';
 export type { SelectedItemsListProps, SelectedItem } from './SelectedItemsList';
+export * from './Input';
+export * from './UserPill';
+export * from './UserCard';
+export * from './CountrySelector';
+export * from './UserProfileDropdown';
+export * from './ActionCard';
+export * from './DashboardCard';
+export * from './NotificationDropdown';
+export * from './TabsComponent';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shekel-fe-shared-lib",
-  "version": "1.0.10",
+  "version": "1.0.13",
   "description": "Shared component library built with React and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -29,7 +29,7 @@
     "tailwindcss",
     "ui"
   ],
-  "author": "",
+  "author": "Shekel",
   "license": "ISC",
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
@@ -45,6 +45,7 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
+    "antd": "^5.0.0 || ^6.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   }

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

@@ -1,19 +0,0 @@
-import { ButtonHTMLAttributes, CSSProperties, FC, ReactNode } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'outlined' | 'ghost' | 'text';
-    size?: 'sm' | 'md' | 'lg' | 'responsive';
-    fullWidth?: boolean;
-    icon?: ReactNode;
-    iconPosition?: 'left' | 'right';
-    loading?: boolean;
-    hoverColor?: string;
-    bgColor?: string;
-    textColor?: string;
-    borderColor?: string;
-    hoverBgColor?: string;
-    hoverTextColor?: string;
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    style?: CSSProperties;
-}
-export declare const Button: FC<ButtonProps>;
-export default Button;

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

@@ -1,13 +0,0 @@
-import { FC, HTMLAttributes, CSSProperties } from 'react';
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    padding?: 'none' | 'sm' | 'md' | 'lg' | 'responsive';
-    shadow?: 'none' | 'sm' | 'md' | 'lg';
-    hover?: boolean;
-    bordered?: boolean;
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-    bgColor?: string;
-    borderColor?: string;
-    style?: CSSProperties;
-}
-export declare const Card: FC<CardProps>;
-export default Card;

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

@@ -1,21 +0,0 @@
-import { FC, CSSProperties } from 'react';
-export interface StatCardProps {
-    label: string;
-    value: string | number;
-    selected?: boolean;
-    onClick?: () => void;
-    className?: string;
-    size?: 'sm' | 'md' | 'lg' | 'responsive';
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    bgColor?: string;
-    borderColor?: string;
-    labelColor?: string;
-    valueColor?: string;
-    selectedBgColor?: string;
-    selectedBorderColor?: string;
-    selectedLabelColor?: string;
-    selectedValueColor?: string;
-    style?: CSSProperties;
-}
-export declare const StatCard: FC<StatCardProps>;
-export default StatCard;