@namuna-nur/ui-kit 1.6.3 → 1.7.1

package/lib/src/assets/icons/index.d.ts

@@ -6,6 +6,7 @@ import { default as ArrowDownDownloadIcon } from './arrow-down-download.svg?reac
 import { default as ArrowDownMiniIcon } from './arrow-down-mini.svg?react';
 import { default as ArrowDownSmallIcon } from './arrow-down-small.svg?react';
 import { default as ArrowDownIcon } from './arrow-down.svg?react';
+import { default as ArrowLineIcon } from './arrow-line.svg?react';
 import { default as ArrowUpIcon } from './arrow-up.svg?react';
 import { default as ArrowIcon } from './arrow.svg?react';
 import { default as AvatarIcon } from './avatar.svg?react';
@@ -148,4 +149,4 @@ import { default as UsersIcon } from './users.svg?react';
 import { default as UtilityServiceIcon } from './utility-services.svg?react';
 import { default as XmarkIcon } from './x-mark.svg?react';
 import { default as LogoIcon } from '../images/logo.svg?react';
-export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, BackIcon, BellIcon, BotIcon, BuildingIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, XmarkIcon, };
+export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, ArrowLineIcon, BackIcon, BellIcon, BotIcon, BuildingIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, XmarkIcon, };

package/lib/src/atoms/Select/Select.d.ts

@@ -1,2 +1,2 @@
 import { SelectProps } from '..';
-export declare const Select: ({ classNames, disabled, message, onChange, options, placeholder, value, isDotable, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ classNames, disabled, status, onChange, options, placeholder, value, isDotable, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/atoms/Select/Select.stories.d.ts

@@ -1,8 +1,7 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react';
-import { SelectProps, Select } from '..';
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from '..';
 type Story = StoryObj<typeof Select>;
 declare const meta: Meta<typeof Select>;
-export declare const Template: StoryFn<SelectProps>;
 export declare const Default: Story;
 export declare const Selected: Story;
 export declare const Disabled: Story;

package/lib/src/atoms/Select/Select.tokens.d.ts

@@ -23,19 +23,15 @@ export declare const selectTokens: {
         dot: string;
         active: string;
     };
-    message: {
-        base: string;
+    status: {
         styles: {
             danger: {
-                message: string;
                 trigger: string;
             };
             info: {
-                message: string;
                 trigger: string;
             };
             success: {
-                message: string;
                 trigger: string;
             };
         };

package/lib/src/atoms/Select/Select.types.d.ts

@@ -9,11 +9,7 @@ export type SelectOption = {
     label: string;
     value: string;
 };
-export type SelectMessageType = 'success' | 'danger' | 'info';
-export type SelectMessage = {
-    type: SelectMessageType;
-    text: string;
-};
+export type SelectStatusType = 'success' | 'danger' | 'info';
 export type SelectProps = {
     options: SelectOption[];
     onChange: (value: string) => void;
@@ -21,7 +17,7 @@ export type SelectProps = {
     classNames?: SelectClassNames;
     placeholder?: string;
     disabled?: boolean;
-    message?: SelectMessage;
+    status?: SelectStatusType;
     isDotable?: boolean;
 };
 export declare const selectStoryItems: {

package/lib/src/molecules/ApartmentCard/ApartmentCard.types.d.ts

@@ -8,7 +8,7 @@ export type ApartmentCardDataTypes = {
     items?: {
         subtitle?: string;
         link?: string;
-        url?: string;
+        id: string | number;
     }[];
 };
 export type ApartmentCardProps = {
@@ -25,5 +25,5 @@ export type ApartmentCardProps = {
         headerIcon?: string;
         icon?: string;
     };
-    onCLick?: () => void;
+    onCLick?: (id: string | number) => void;
 };

package/lib/src/molecules/CardFiles/index.d.ts

@@ -1,3 +1,3 @@
 export { CardFiles } from './CardFiles';
 export * from './CardFiles.tokens';
-export * from './CardFiles.types';
+export type * from './CardFiles.types';

package/lib/src/molecules/CardPie/CardPie.d.ts

@@ -0,0 +1,2 @@
+import { CardPieProps } from '..';
+export declare const CardPie: import('react').ForwardRefExoticComponent<CardPieProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/CardPie/CardPie.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { CardPieStory, CardPie } from '..';
+declare const meta: Meta<typeof CardPie>;
+export declare const PieChart: CardPieStory;
+export declare const DoughnutChart: CardPieStory;
+export default meta;

package/lib/src/molecules/CardPie/CardPie.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/CardPie/CardPie.tokens.d.ts

@@ -0,0 +1,11 @@
+export declare const cardPieTokens: {
+    root: string;
+    header: string;
+    link: string;
+    title: string;
+    totalText: string;
+    block: string;
+    total: string;
+    badge: string;
+    percent: string;
+};

package/lib/src/molecules/CardPie/CardPie.types.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+import { CardPie } from '..';
+export type CardPieProps = {
+    mode?: 'doughtnut' | 'pie';
+    title: string;
+    icon?: React.ReactNode;
+    data: {
+        total: number;
+        growth: number;
+        rented: number;
+        sold: number;
+        free: number;
+        blocked?: number;
+    };
+    colors: string[];
+    classNames?: {
+        root?: string;
+        header?: string;
+        link?: string;
+        totalText?: string;
+        block?: string;
+        total?: string;
+        badge?: string;
+        percent?: string;
+    };
+};
+export type CardPieOptionsProps = {
+    mode: CardPieProps['mode'];
+    colors: CardPieProps['colors'];
+    data: Omit<CardPieProps['data'], 'total' | 'growth'>;
+};
+export type CardPieStory = StoryObj<typeof CardPie>;

package/lib/src/molecules/CardPie/CardPie.utils.d.ts

@@ -0,0 +1,77 @@
+import { CardPieOptionsProps } from '..';
+export declare const getChartOptions: ({ mode, colors, data, }: CardPieOptionsProps) => {
+    color: string[];
+    tooltip: {
+        trigger: string;
+        formatter: string;
+    };
+    legend: {
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        icon: string;
+        textStyle: {
+            padding: number[];
+            color: string;
+            fontSize: number;
+            fontWeight: number;
+            rich: {
+                name: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                value: {
+                    fontSize: number;
+                    fontWeight: number;
+                    align: string;
+                };
+            };
+        };
+        formatter: (name: string) => string;
+        orient: string;
+        left: number;
+        bottom: string;
+    } | {
+        itemWidth: number;
+        itemHeight: number;
+        itemGap: number;
+        icon: string;
+        textStyle: {
+            padding: number[];
+            color: string;
+            fontSize: number;
+            fontWeight: number;
+            rich: {
+                name: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                value: {
+                    fontSize: number;
+                    fontWeight: number;
+                    align: string;
+                };
+            };
+        };
+        formatter: (name: string) => string;
+        orient: string;
+        left: string;
+        top: string;
+    };
+    series: {
+        name: "doughtnut" | "pie";
+        type: string;
+        center: string[];
+        radius: string[];
+        label: {
+            show: boolean;
+        };
+        labelLine: {
+            show: boolean;
+        };
+        data: {
+            value: number;
+            name: string;
+        }[];
+    }[];
+};

package/lib/src/molecules/CardPie/index.d.ts

@@ -0,0 +1,3 @@
+export { CardPie } from './CardPie';
+export * from './CardPie.tokens';
+export type * from './CardPie.types';

package/lib/src/molecules/CheckboxGroup/CheckboxGroup.types.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxProps } from '../../atoms';
 export type CheckboxGroupProps = CheckboxProps & {
-    label: string;
+    label: string | React.ReactNode;
     className?: string;
     labelPosition?: 'top' | 'right' | 'left';
     disabled?: boolean;

package/lib/src/molecules/SelectList/SelectList.tokens.d.ts

@@ -2,6 +2,7 @@ export declare const selectListTokens: {
     container: string;
     base: {
         icon: string;
+        iconDisabled: string;
         items: string;
         itemsText: string;
         placeholder: string;

package/lib/src/molecules/index.d.ts

@@ -50,3 +50,4 @@ export * from './DeleteMessage';
 export * from './MessageSettings';
 export * from './TabList';
 export * from './FloorSelect';
+export * from './CardPie';