@croquiscom/pds 8.1.0 → 8.2.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/bundle-report.html +4034 -0
- package/dist/components/modal/Modal.stories.d.ts +1 -0
- package/dist/components/modal/useManualDismiss.d.ts +4 -12
- package/dist/components/table/TableHeader.d.ts +9 -0
- package/dist/components/table/TableRows.d.ts +11 -0
- package/dist/components/time-picker/TimePicker.d.ts +3 -1
- package/dist/components/time-picker/TimePicker.stories.d.ts +1 -1
- package/dist/components/time-picker/TimePickerOverlay.d.ts +3 -1
- package/dist/index.es.js +11 -6
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +10 -5
- package/dist/index.js.map +1 -1
- package/locales/en.d.ts +79 -0
- package/locales/en.esm.d.ts +79 -0
- package/locales/ja.d.ts +79 -0
- package/locales/ja.esm.d.ts +79 -0
- package/locales/ko.d.ts +79 -0
- package/locales/ko.esm.d.ts +79 -0
- package/package.json +2 -2
|
@@ -20,3 +20,4 @@ export declare const AutoMaxHeight: ComponentStory<typeof Modal>;
|
|
|
20
20
|
export declare const CustomMaxHeight: ComponentStory<typeof Modal>;
|
|
21
21
|
export declare const Scrollable: ComponentStory<typeof Modal>;
|
|
22
22
|
export declare const AutoFocusButton: any;
|
|
23
|
+
export declare const NestingFloatingElements: ComponentStory<typeof Modal>;
|
|
@@ -1,19 +1,11 @@
|
|
|
1
|
-
import { FloatingTreeType, FloatingContext } from '@floating-ui/react';
|
|
2
|
-
export interface DismissPayload {
|
|
3
|
-
type: 'outsidePress' | 'referencePress' | 'escapeKey' | 'mouseLeave';
|
|
4
|
-
data: {
|
|
5
|
-
returnFocus: boolean | {
|
|
6
|
-
preventScroll: boolean;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
}
|
|
1
|
+
import { FloatingTreeType, FloatingContext, OpenChangeReason } from '@floating-ui/react';
|
|
10
2
|
export interface UseManualDismissProps {
|
|
11
3
|
controlled?: boolean;
|
|
12
4
|
rootId: string;
|
|
13
5
|
tree: FloatingTreeType;
|
|
14
6
|
context: FloatingContext;
|
|
15
|
-
|
|
16
|
-
callbackTypeWithFn?: (type:
|
|
7
|
+
reasons?: Array<Partial<OpenChangeReason>>;
|
|
8
|
+
callbackTypeWithFn?: (type: OpenChangeReason) => void;
|
|
17
9
|
}
|
|
18
10
|
/**
|
|
19
11
|
* @desc Modal dismiss event share
|
|
@@ -23,4 +15,4 @@ export interface UseManualDismissProps {
|
|
|
23
15
|
* - 노드 구조가 자식 요소로써 중첩 호출된 케이스인 경우 자동으로 순차 호출된 dismiss 이벤트를 전달합니다.(https://github.com/floating-ui/floating-ui/pull/2114)
|
|
24
16
|
* - 노드 구조가 형제 요소로써 중첩 호출된 케이스인 경우 현재 활성된 요소부터 dismiss 이벤트를 전달합니다.
|
|
25
17
|
*/
|
|
26
|
-
export declare function useManualDismiss({ controlled, rootId, tree, context,
|
|
18
|
+
export declare function useManualDismiss({ controlled, rootId, tree, context, reasons, callbackTypeWithFn, }: UseManualDismissProps): void;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SelectRowsAction, TableRowsType } from './types';
|
|
3
|
+
import { TableProps } from './Table';
|
|
4
|
+
export interface TableHeaderProps<DataType> extends Pick<TableProps<DataType>, 'columns' | 'rows' | 'stickyHeader' | 'sortBy' | 'sortDirection' | 'onSortBy' | 'selectableRows' | 'hideSelectAll' | 'resize'> {
|
|
5
|
+
allSelected?: boolean;
|
|
6
|
+
selectedRows?: TableRowsType<DataType>;
|
|
7
|
+
onSelectedRows?: (action: SelectRowsAction<DataType>) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const TableHeader: <DataType extends object = any>({ columns, rows, stickyHeader, sortBy, sortDirection, allSelected, selectedRows, selectableRows, hideSelectAll, resize, onSelectedRows, onSortBy, }: TableHeaderProps<DataType>) => JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TableProps } from './Table';
|
|
3
|
+
import { TableRowsType, SelectRowAction } from './types';
|
|
4
|
+
interface TableRowsProps<DataType> extends Pick<TableProps<DataType>, 'columns' | 'rows' | 'noDataText' | 'loading' | 'selectableRows' | 'clickableRows' | 'cellHoverStyle' | 'resize'> {
|
|
5
|
+
tableContainerAttribute: number;
|
|
6
|
+
allSelected?: boolean;
|
|
7
|
+
selectedRows?: TableRowsType<DataType>;
|
|
8
|
+
onSelectedRow?: (action: SelectRowAction<DataType>) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const TableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, tableContainerAttribute, resize, onSelectedRow, }: TableRowsProps<DataType>) => JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -39,5 +39,7 @@ export interface TimePickerProps {
|
|
|
39
39
|
* @default false
|
|
40
40
|
*/
|
|
41
41
|
showRemoveButton?: boolean;
|
|
42
|
+
/** @default true */
|
|
43
|
+
usePortal?: boolean;
|
|
42
44
|
}
|
|
43
|
-
export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;
|
|
45
|
+
export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: TimePickerProps) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
3
|
import { TimePicker } from './TimePicker';
|
|
4
|
-
declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
|
|
4
|
+
declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, usePortal, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Base: any;
|
|
7
7
|
export declare const Disabled: any;
|
|
@@ -16,10 +16,12 @@ export interface TimePickerOverlayProps {
|
|
|
16
16
|
opened?: boolean;
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
fill?: boolean;
|
|
19
|
+
/** @default true */
|
|
20
|
+
usePortal?: boolean;
|
|
19
21
|
onClose?: () => void;
|
|
20
22
|
onOpen?: () => void;
|
|
21
23
|
onCloseOutsidePress?: () => void;
|
|
22
24
|
setOpened: Dispatch<SetStateAction<boolean>>;
|
|
23
25
|
}
|
|
24
|
-
export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
|
|
26
|
+
export declare const TimePickerOverlay: ({ children, className, content, zIndex, opened: openProp, disabled, fill, usePortal, onClose, onOpen, onCloseOutsidePress, setOpened, }: TimePickerOverlayProps) => JSX.Element;
|
|
25
27
|
export {};
|