@ncds/ui-admin 0.0.24 → 0.0.26

package/dist/esm/src/constant/index.js

@@ -1 +1,2 @@
-export * from './size';
+export * from './size';
+export * from './date-picker';

package/dist/esm/src/utils/date-picker.js

@@ -0,0 +1,17 @@
+import moment from 'moment';
+export function getDateFormat(date) {
+  if (date === void 0) {
+    date = getToday();
+  }
+  return moment(date).format('YYYY-MM-DD');
+}
+export function getToday() {
+  return moment().toDate();
+}
+export function getSubtractDate(_a) {
+  var _b = _a.date,
+    date = _b === void 0 ? getToday() : _b,
+    period = _a.period,
+    unit = _a.unit;
+  return moment(date).subtract(period, unit).toDate();
+}

package/dist/types/index.d.ts

@@ -1,16 +1,28 @@
 export * from './src/components/badge';
+export * from './src/components/breadcrumb';
 export * from './src/components/button';
 export * from './src/components/carousel';
 export * from './src/components/checkbox';
 export * from './src/components/date-picker';
+export * from './src/components/divider';
+export * from './src/components/dropdown';
+export * from './src/components/empty-state';
+export * from './src/components/featured-icon';
 export * from './src/components/input';
+export * from './src/components/modal';
+export * from './src/components/notification';
 export * from './src/components/pagination';
+export * from './src/components/progress-bar';
+export * from './src/components/progress-circle';
 export * from './src/components/radio';
 export * from './src/components/select';
 export * from './src/components/shared/hintText';
 export * from './src/components/shared/label';
 export * from './src/components/shared';
+export * from './src/components/slider';
 export * from './src/components/spinner';
+export * from './src/components/tab';
+export * from './src/components/tag';
 export * from './src/components/toggle';
 export * from './src/components/tooltip';
 export * from './src/components';

package/dist/types/src/components/button/ButtonGroup.d.ts

@@ -9,7 +9,7 @@ interface SideCommon {
 interface SideIcon {
     type: 'icon';
     icon: IconName;
-    size?: ButtonGroupSize;
+    size?: number;
     color?: ColorKeyType;
 }
 interface SideCustom {
@@ -19,10 +19,12 @@ interface SideCustom {
 type SideSlotType = SideCommon & (SideIcon | SideCustom);
 interface ButtonGroupItemCommonProps {
     label?: string;
+    size?: ButtonGroupSize;
     icon?: SideSlotType;
     children?: React.ReactNode;
     onlyIcon?: boolean;
     disabled?: boolean;
+    isCurrent?: boolean;
 }
 interface ButtonGroupItemButtonProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
     as?: 'button';
@@ -42,7 +44,7 @@ interface ButtonGroupProps {
 }
 export declare const ButtonGroup: {
     ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    Item({ as, label, onlyIcon, icon, disabled, children, ...props }: ButtonGroupItemProps): React.ReactElement<{
+    Item({ as, label, size, onlyIcon, icon, disabled, children, isCurrent, ...props }: ButtonGroupItemProps): React.ReactElement<{
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
         form?: string | undefined;

package/dist/types/src/components/checkbox/CheckboxInput.d.ts

@@ -6,5 +6,8 @@ export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>,
     destructive?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
+/**
+ * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
+ */
 export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/types/src/components/date-picker/RangeDatePickerWithButtons.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { RangeDatePickerProps } from './RangeDatePicker';
+import { PERIOD_ITEM } from '../../constant/date-picker';
+export type PeriodKeyType = keyof typeof PERIOD_ITEM;
+type RangeDatePickerWithButtonsProps = {
+    currentButtonId: PeriodKeyType;
+    setCurrentButtonId: Dispatch<SetStateAction<PeriodKeyType>>;
+    periodKeys: PeriodKeyType[];
+} & RangeDatePickerProps;
+export declare const RangeDatePickerWithButtons: ({ currentButtonId, setCurrentButtonId, startDateOptions, endDateOptions, validationOption, periodKeys, onDateValidation, }: RangeDatePickerWithButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RangeDatePickerWithButtons.d.ts.map

package/dist/types/src/components/date-picker/index.d.ts

@@ -1,3 +1,5 @@
 export * from './DatePicker';
 export * from './RangeDatePicker';
+export * from './RangeDatePickerWithButtons';
+export * from './utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -4,9 +4,10 @@ export * from './button';
 export * from './carousel';
 export * from './checkbox';
 export * from './date-picker';
-export * from './featured-icon';
 export * from './divider';
+export * from './dropdown';
 export * from './empty-state';
+export * from './featured-icon';
 export * from './input';
 export * from './modal';
 export * from './notification';
@@ -16,6 +17,7 @@ export * from './progress-circle';
 export * from './radio';
 export * from './select';
 export * from './shared';
+export * from './slider';
 export * from './spinner';
 export * from './tab';
 export * from './tag';

package/dist/types/src/components/input/InputBase.d.ts

@@ -1,6 +1,7 @@
 import { IconName } from '@ncds/ui-admin-icon';
 import React from 'react';
 import { COLOR } from '../../../constant/color';
+import { Size } from '../../../constant/size';
 interface InputSideButtonSlot {
     type: 'button';
     label: string;
@@ -29,7 +30,7 @@ interface InputBaseCommonProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     required?: boolean;
     label?: string;
     hintText?: string;
-    size?: 'xs' | 'md';
+    size?: Extract<Size, 'xs' | 'md'>;
     disabled?: boolean;
     validation?: boolean;
     destructive?: boolean;

package/dist/types/src/components/input/Textarea.d.ts

@@ -1,6 +1,8 @@
 import { ComponentPropsWithRef } from 'react';
+import { Size } from '../../../constant/size';
 interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
     className?: string;
+    size?: Extract<Size, 'sm' | 'md'>;
     label?: string;
     hintText?: string;
     required?: boolean;

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

@@ -1,3 +1,2 @@
-export { Modal } from './Modal';
-export type { ModalProps, ModalSize } from './Modal';
+export * from './Modal';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-export * from './Notification';
 export * from './FloatingNotification';
 export * from './FullWidthNotification';
+export * from './Notification';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/select/Select.d.ts

@@ -1,8 +1,8 @@
 import Icon, { IconName } from '@ncds/ui-admin-icon';
+import { COLOR } from '@ncds/ui-admin/constant/color';
 import { Size } from '@ncds/ui/constant/size';
 import { ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
-import { COLOR } from '@ncds/ui-admin/constant/color';
 type BaseSelectProps = Omit<ComponentPropsWithRef<'select'>, 'size'>;
 export type OptionType = {
     id: string | number;
@@ -24,6 +24,9 @@ export interface SelectProps extends PropsWithChildren<BaseSelectProps> {
     register?: UseFormRegisterReturn;
     type?: 'default' | 'simple';
 }
+/**
+ * 현재 icon과 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
+ */
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
 export {};
 //# sourceMappingURL=Select.d.ts.map

package/dist/types/src/constant/date-picker.d.ts

@@ -0,0 +1,58 @@
+export declare const PERIOD_ITEM: {
+    TODAY: {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    YESTERDAY: {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '3DAYS': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '7DAYS': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '1WEEK': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '15DAYS': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '1MONTHS': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '3MONTHS': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    '1YEAR': {
+        text: string;
+        period: number;
+        unit: string;
+    };
+    ENTIRE: {
+        text: string;
+        period: number;
+        unit: null;
+    };
+    NONE: {
+        text: string;
+        period: number;
+        unit: null;
+    };
+};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/types/src/constant/index.d.ts

@@ -1,2 +1,3 @@
 export * from './size';
+export * from './date-picker';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/utils/date-picker.d.ts

@@ -0,0 +1,9 @@
+import { DurationInputArg1, DurationInputArg2 } from 'moment';
+export declare function getDateFormat(date?: Date | string): string;
+export declare function getToday(): Date;
+export declare function getSubtractDate({ date, period, unit, }: {
+    date?: string | Date;
+    period: DurationInputArg1;
+    unit: DurationInputArg2;
+}): Date;
+//# sourceMappingURL=date-picker.d.ts.map