@sunggang/ui-lib 0.3.20 → 0.3.21

package/index.esm3.js

@@ -19,10 +19,11 @@ import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
 import '@mui/material';
+import '@radix-ui/react-select';
+import '@radix-ui/react-icons';
 import 'input-otp';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
-import '@radix-ui/react-icons';
 
 /* eslint-disable no-prototype-builtins */ function _instanceof$4(left, right) {
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.3.20",
+  "version": "0.3.21",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
@@ -14,6 +14,7 @@
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-select": "^2.2.4",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@tanstack/react-table": "^8.16.0",

package/src/components/ui/select.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/src/lib/DragDrop/PrimaryDragDropImage.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface ImageItem {
+    url?: string;
+    id?: string;
+    preview?: string;
+}
+interface PrimaryDragDropImagesProps {
+    imageUrls: ImageItem[];
+    onDragEnd: () => void;
+    handleRemove: (item: ImageItem) => void;
+}
+export declare const PrimaryDragDropImage: React.FC<PrimaryDragDropImagesProps>;
+export {};

package/src/lib/DropImage/index.stories.d.ts

@@ -10,9 +10,10 @@ export interface DropImageProps {
     imageUrls?: ImageItem[] | undefined;
     setImageUrls?: any;
     setFiles: React.Dispatch<React.SetStateAction<File[]>>;
-    imageStyleType: 'base' | 'custom';
+    imageStyleType: 'base' | 'custom' | 'primary';
 }
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
 export default _default;
 export declare const Base: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;
 export declare const Custom: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;
+export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DropImageProps>;

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

@@ -1,11 +1,13 @@
 export interface Option {
-    value: string | number;
+    value?: string | number | undefined;
     name: string;
     label?: string;
 }
 export interface OptionGroup {
     label: string;
     options?: Option[];
+    value?: string;
+    name?: string;
 }
 interface RadioOption {
     label?: string;
@@ -50,6 +52,9 @@ export interface FormItem {
     icon?: string;
     option?: Options;
     hiddenArrow?: boolean;
+    groupLabelColor?: string;
+    optionHoverColor?: string;
+    optionSelectedBgColor?: string;
     hiddenIcon?: boolean;
     radioOptions?: RadioOption[];
     direction?: 'horizontal' | 'vertical';

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

@@ -0,0 +1,6 @@
+import { FormItem } from '../Form/types';
+type BaseSelectProps = {
+    item: FormItem;
+};
+declare const BaseSelect: ({ item }: BaseSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default BaseSelect;

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

@@ -10,5 +10,10 @@ export interface CustomSelectProps {
     className?: string;
     hasEmptyOption?: boolean;
 }
+export interface BaseSelectProps {
+    items: Item[];
+    className?: string;
+    hasEmptyOption?: boolean;
+}
 export declare const CustomSelect: React.FC<CustomSelectProps>;
 export default CustomSelect;