@namuna-nur/ui-kit 1.9.21 → 1.10.0

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

@@ -1,3 +1,4 @@
+import { SelectStatusType } from '../../types';
 export type SelectClassNames = {
     trigger?: string;
     content?: string;
@@ -9,7 +10,6 @@ export type SelectOption = {
     label: string;
     value: string;
 };
-export type SelectStatusType = 'success' | 'danger' | 'info';
 export type SelectProps = {
     options: SelectOption[];
     onChange: (value: string) => void;

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

@@ -6,7 +6,7 @@ export type CardRingChartProps = {
     data: {
         total: number;
         active: number;
-        cooming: number;
+        coming: number;
         expired: number;
     };
     colors: string[];

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

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

package/lib/src/molecules/Combobox/Combobox.data.d.ts

@@ -0,0 +1,2 @@
+import { SelectOption } from '../../atoms';
+export declare const MOCK_OPTIONS: SelectOption[];

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

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { ComboboxStory, Combobox } from '..';
+declare const meta: Meta<typeof Combobox>;
+export declare const Default: ComboboxStory;
+export declare const Selected: ComboboxStory;
+export declare const Empty: ComboboxStory;
+export declare const Loading: ComboboxStory;
+export declare const Disabled: ComboboxStory;
+export declare const Danger: ComboboxStory;
+export declare const Success: ComboboxStory;
+export declare const Info: ComboboxStory;
+export default meta;

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

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

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

@@ -0,0 +1,38 @@
+export declare const comboboxTokens: {
+    base: {
+        trigger: string;
+        focus: string;
+        hover: string;
+        placeholder: string;
+        selected: string;
+        textWrapper: string;
+        icon: string;
+        iconDisabled: string;
+    };
+    search: {
+        wrapper: string;
+        icon: string;
+        input: string;
+        divider: string;
+    };
+    options: {
+        list: string;
+        items: string;
+        itemsText: string;
+        active: string;
+        highlighted: string;
+        loadingWrapper: string;
+    };
+    status: {
+        styles: {
+            danger: string;
+            info: string;
+            success: string;
+        };
+    };
+    disabled: {
+        trigger: string;
+        triggerText: string;
+        selectedDisabled: string;
+    };
+};

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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Combobox } from './Combobox';
+import { SelectOption } from '../../atoms';
+import { SelectStatusType } from '../../types';
+export type ComboboxProps = {
+    options: SelectOption[];
+    value: string;
+    onChange: (value: string) => void;
+    searchValue: string;
+    onSearchChange: (query: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+    status?: SelectStatusType;
+    isLoading?: boolean;
+    container?: HTMLElement | null;
+    classNames?: {
+        parent?: string;
+        trigger?: string;
+        selected?: string;
+        placeholder?: string;
+        content?: string;
+        searchInput?: string;
+    };
+};
+export type ComboboxRef = {
+    focus: () => void;
+    open: () => void;
+    close: () => void;
+};
+export type ComboboxStory = StoryObj<typeof Combobox>;

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

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

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

@@ -1,2 +1,2 @@
 import { FileUploaderProps } from '..';
-export declare const FileUploader: ({ title, description, files, onFilesUpload, onDelete, classNames, }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploader: ({ title, description, files, mode, onFilesUpload, onDelete, classNames, }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -36,6 +36,25 @@ export declare const WithPhoto: {
         initialFiles: FileType[];
     };
 };
+export declare const WhithoutUpload: {
+    render: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('storybook/internal/csf').BaseAnnotations<import('@storybook/react').ReactRenderer, import('..').FileUploaderProps> & {
+        name?: import('storybook/internal/csf').StoryName;
+        storyName?: import('storybook/internal/csf').StoryName;
+        play?: import('storybook/internal/csf').PlayFunction<import('@storybook/react').ReactRenderer, import('..').FileUploaderProps> | undefined;
+        globals?: import('storybook/internal/csf').Globals | undefined;
+        story?: Omit<import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, import('..').FileUploaderProps, Partial<import('..').FileUploaderProps>>, "story"> | undefined;
+    } & {
+        args?: Partial<import('..').FileUploaderProps> | undefined;
+    } & {
+        initialFiles?: FileType[];
+    }>;
+    args: {
+        title: string;
+        description: string;
+        initialFiles: FileType[];
+        mode: string;
+    };
+};
 export declare const WithFile: {
     render: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('storybook/internal/csf').BaseAnnotations<import('@storybook/react').ReactRenderer, import('..').FileUploaderProps> & {
         name?: import('storybook/internal/csf').StoryName;

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

@@ -6,8 +6,9 @@ export type FileUploaderProps = {
     title?: string;
     description?: string;
     files?: FileType[];
+    mode?: 'upload' | 'view';
     onDelete?: (id?: string) => void;
-    onFilesUpload: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFilesUpload?: (e: ChangeEvent<HTMLInputElement>) => void;
     classNames?: {
         wrapper?: string;
         container?: string;

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

@@ -1,2 +1,2 @@
-import { MultiSelectTokens } from './MultiSelect.types';
+import { MultiSelectTokens } from '..';
 export declare const multiSelectTokens: MultiSelectTokens;

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

@@ -1,6 +1,7 @@
 import { StoryObj } from '@storybook/react';
 import { Dispatch, SetStateAction } from 'react';
-import { MultiSelect } from './MultiSelect';
+import { MultiSelect } from '..';
+import { SelectStatusType } from '../../types';
 export type MultiSelectStory = StoryObj<typeof MultiSelect>;
 export type MultiSelectRef = {
     open: () => void;
@@ -43,13 +44,12 @@ export type MultiSelectTokens = {
         danger: string;
     };
 };
-export type MultiSelectStatusType = 'success' | 'danger' | 'info';
 export type MultiSelectProps = {
     label?: string;
     disabled?: boolean;
     placeholder?: string;
     isSearchable?: boolean;
-    status: MultiSelectStatusType;
+    status: SelectStatusType;
     options: MultiSelectOption[];
     selectedItems: MultiSelectOption[];
     setSelectedItems: Dispatch<SetStateAction<MultiSelectOption[]>>;

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

@@ -1,2 +1,2 @@
 import { NavButtonProps } from '..';
-export declare const NavButton: ({ badge, isExpanded, isActive, disabled, item: { icon: Icon, label, to }, classNames, onClick, }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavButton: ({ badge, isExpanded, disabled, item: { icon: Icon, label, to }, classNames, }: NavButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -17,7 +17,6 @@ export type NavButtonItem = {
 export type NavButtonProps = {
     item: NavButtonItem;
     classNames?: NavButtonClassName;
-    isActive?: boolean;
     disabled?: boolean;
     isExpanded?: boolean;
     badge?: number;

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

@@ -17,5 +17,5 @@ export type AccordionNavProps = {
     isExpanded: boolean;
     openDropdown: boolean;
     setOpenDropdown: Dispatch<SetStateAction<boolean>>;
-    onSubNavClick: () => void;
+    onSubNavClick?: () => void;
 };

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

@@ -57,3 +57,4 @@ export * from './Rating';
 export * from './CardRingChart';
 export * from './CardProgress';
 export * from './ProgressItem';
+export * from './Combobox';

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

@@ -11,3 +11,4 @@ export type FileType = File & {
     id?: string;
 };
 export type SortType = 'asc' | 'desc';
+export type SelectStatusType = 'success' | 'danger' | 'info';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namuna-nur/ui-kit",
-  "version": "1.9.21",
+  "version": "1.10.0",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",