@wipco/sdui 0.40.0 → 0.42.0
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/dist/{DatePicker-B5Q3XhAY.d.ts → DatePicker-BK_jsV7i.d.ts} +1 -1
- package/dist/{chunk-6Q4RZDBA.js → chunk-2JNOOYA3.js} +1 -1
- package/dist/{chunk-ALWAWCSB.js → chunk-2NR43Y3J.js} +3 -3
- package/dist/{chunk-CUGU5WIU.js → chunk-3UAZDF5Z.js} +2 -2
- package/dist/{chunk-VT3OCB76.js → chunk-4C4QQN5H.js} +1 -1
- package/dist/{chunk-VMHG4IFO.js → chunk-4WHJ2DUP.js} +1 -1
- package/dist/{chunk-ZOUWMQSO.js → chunk-4WO6OWLP.js} +2 -2
- package/dist/{chunk-73GLCVJJ.js → chunk-55EHT6TX.js} +2 -2
- package/dist/{chunk-IMVCYJ6G.js → chunk-6EQK5IVE.js} +3 -3
- package/dist/{chunk-Q2FNUNG6.js → chunk-6XPK2FQ2.js} +2 -2
- package/dist/{chunk-KTKEJHTB.js → chunk-6ZKJ534I.js} +1 -1
- package/dist/{chunk-I3UJ4ZCQ.js → chunk-7A4OWANN.js} +1 -1
- package/dist/{chunk-SE3H5QCS.js → chunk-7TXK6LS7.js} +4 -2
- package/dist/{chunk-QLLBS2NM.js → chunk-BMTLQZ25.js} +3 -3
- package/dist/{chunk-3W4Q7X65.js → chunk-BNPGLGZI.js} +3 -3
- package/dist/{chunk-N4LKGACS.js → chunk-CAGEPRPP.js} +3 -3
- package/dist/{chunk-ANNLDR3C.js → chunk-CEA2UVM4.js} +3 -3
- package/dist/{chunk-OPEGWGU4.js → chunk-CHHAOYUC.js} +1 -1
- package/dist/{chunk-X2ANYFPH.js → chunk-CTIKP27H.js} +4 -4
- package/dist/{chunk-2VJIERUW.js → chunk-CVURQKQU.js} +2 -2
- package/dist/{chunk-SET7XWBR.js → chunk-EAFNLSUB.js} +2 -2
- package/dist/{chunk-X4OPJJVD.js → chunk-EQ4FGSAX.js} +3 -3
- package/dist/{chunk-V6I3JZSY.js → chunk-FMYHWGWU.js} +2 -2
- package/dist/{chunk-2LLSXF6X.js → chunk-GANJMJZV.js} +1 -1
- package/dist/{chunk-LSKLL2CR.js → chunk-GCRDJVFO.js} +3 -3
- package/dist/{chunk-DGAGQD35.js → chunk-HJT6B52B.js} +3 -3
- package/dist/{chunk-TUB3PFKQ.js → chunk-HKACZLC3.js} +2 -2
- package/dist/{chunk-5AAOEC4Q.js → chunk-HYPA4KP6.js} +3 -3
- package/dist/{chunk-E3WX7A54.js → chunk-J3WZFFZG.js} +1 -1
- package/dist/{chunk-ZNGAR56U.js → chunk-JKM3AM42.js} +12 -10
- package/dist/{chunk-TQM2UWN2.js → chunk-JQVMPBF2.js} +2 -2
- package/dist/{chunk-AZTCPRKA.js → chunk-JWGE5HER.js} +3 -3
- package/dist/{chunk-YGX4I6ZT.js → chunk-MVICXE2A.js} +2 -2
- package/dist/{chunk-6FLEB6A6.js → chunk-NROW4HW4.js} +2 -2
- package/dist/{chunk-B6ZBQCSI.js → chunk-O5UWQPOV.js} +2 -2
- package/dist/{chunk-JD62GZLP.js → chunk-OB5B6BA6.js} +2 -2
- package/dist/{chunk-CKGPE2AY.js → chunk-OSZKRTP7.js} +2 -2
- package/dist/{chunk-LVCIHZ45.js → chunk-P5SXRP7K.js} +4 -4
- package/dist/{chunk-G6CQMPOS.js → chunk-PE34SA5E.js} +3 -3
- package/dist/{chunk-LBKIBSHY.js → chunk-Q56Z3PVM.js} +5 -2
- package/dist/{chunk-45QGQVFB.js → chunk-S76ZOXX4.js} +2 -2
- package/dist/{chunk-AMVQ2LHD.js → chunk-T3ZDSANM.js} +3 -3
- package/dist/{chunk-PIVD4G3T.js → chunk-TDGRVVB3.js} +2 -2
- package/dist/{chunk-WDOTLDHG.js → chunk-TJZLN2ID.js} +2 -2
- package/dist/{chunk-M2Q2ZQIX.js → chunk-URENE6XY.js} +2 -2
- package/dist/{chunk-RHQW467O.js → chunk-WJZIWGD6.js} +2 -2
- package/dist/index.d.ts +12 -11
- package/dist/index.js +17 -17
- package/dist/{layout-C7uTe1ue.d.ts → layout-C3nRXMwb.d.ts} +13 -0
- package/dist/meta.js +48 -0
- package/dist/rich/ExcelUploadCard.d.ts +1 -1
- package/dist/rich/ExcelUploadCard.js +3 -3
- package/dist/rich.d.ts +2 -2
- package/dist/rich.js +6 -6
- package/dist/widgets/ApprovalLineEditor.d.ts +1 -1
- package/dist/widgets/ApprovalLineEditor.js +5 -5
- package/dist/widgets/ApprovalOverridesEditor.d.ts +1 -1
- package/dist/widgets/ApprovalOverridesEditor.js +7 -7
- package/dist/widgets/ApprovalStepper.d.ts +1 -1
- package/dist/widgets/ApprovalStepper.js +3 -3
- package/dist/widgets/AutocompleteField.d.ts +1 -1
- package/dist/widgets/AutocompleteField.js +5 -5
- package/dist/widgets/ColumnBoard.d.ts +1 -1
- package/dist/widgets/ColumnBoard.js +3 -3
- package/dist/widgets/DiffView.d.ts +1 -1
- package/dist/widgets/DiffView.js +3 -3
- package/dist/widgets/Disclosure.d.ts +1 -1
- package/dist/widgets/Disclosure.js +3 -3
- package/dist/widgets/EventCalendar.d.ts +1 -1
- package/dist/widgets/EventCalendar.js +3 -3
- package/dist/widgets/FileDropzone.d.ts +1 -1
- package/dist/widgets/FileDropzone.js +5 -5
- package/dist/widgets/ImageLightbox.d.ts +1 -1
- package/dist/widgets/ImageLightbox.js +4 -4
- package/dist/widgets/InlineEdit.d.ts +1 -1
- package/dist/widgets/InlineEdit.js +3 -3
- package/dist/widgets/JsonField.d.ts +1 -1
- package/dist/widgets/JsonField.js +3 -3
- package/dist/widgets/LiveClock.d.ts +1 -1
- package/dist/widgets/LiveClock.js +2 -2
- package/dist/widgets/OptionSchemaEditor.d.ts +1 -1
- package/dist/widgets/OptionSchemaEditor.js +4 -4
- package/dist/widgets/OptionValueFields.d.ts +1 -1
- package/dist/widgets/OptionValueFields.js +4 -4
- package/dist/widgets/OrgChart.d.ts +1 -1
- package/dist/widgets/OrgChart.js +3 -3
- package/dist/widgets/OrgChartBoard.d.ts +1 -1
- package/dist/widgets/OrgChartBoard.js +5 -5
- package/dist/widgets/PeriodFilter.d.ts +1 -1
- package/dist/widgets/PeriodFilter.js +4 -4
- package/dist/widgets/PermissionMatrixEditor.d.ts +1 -1
- package/dist/widgets/PermissionMatrixEditor.js +3 -3
- package/dist/widgets/PositionSelect.d.ts +1 -1
- package/dist/widgets/PositionSelect.js +3 -3
- package/dist/widgets/PrintSheet.d.ts +1 -1
- package/dist/widgets/PrintSheet.js +3 -3
- package/dist/widgets/ProfileEditDiffCard.d.ts +1 -1
- package/dist/widgets/ProfileEditDiffCard.js +3 -3
- package/dist/widgets/QRDisplay.d.ts +1 -1
- package/dist/widgets/QRDisplay.js +3 -3
- package/dist/widgets/RankBoard.d.ts +1 -1
- package/dist/widgets/RankBoard.js +4 -4
- package/dist/widgets/RecordSheet.d.ts +1 -1
- package/dist/widgets/RecordSheet.js +2 -2
- package/dist/widgets/RoleMemberPicker.d.ts +1 -1
- package/dist/widgets/RoleMemberPicker.js +3 -3
- package/dist/widgets/SearchableMultiPicker.d.ts +1 -1
- package/dist/widgets/SearchableMultiPicker.js +5 -5
- package/dist/widgets/SecureScreen.d.ts +1 -1
- package/dist/widgets/SecureScreen.js +3 -3
- package/dist/widgets/StackedMeter.d.ts +1 -1
- package/dist/widgets/StackedMeter.js +2 -2
- package/dist/widgets/StagePeriodEditor.d.ts +1 -1
- package/dist/widgets/StagePeriodEditor.js +5 -5
- package/dist/widgets/Strip.d.ts +1 -1
- package/dist/widgets/Strip.js +2 -2
- package/dist/widgets/SummaryTable.d.ts +1 -1
- package/dist/widgets/SummaryTable.js +2 -2
- package/dist/widgets/TagMultiSelect.d.ts +1 -1
- package/dist/widgets/TagMultiSelect.js +3 -3
- package/dist/widgets/Timeline.d.ts +1 -1
- package/dist/widgets/Timeline.js +4 -4
- package/dist/widgets/TreePicker.d.ts +1 -1
- package/dist/widgets/TreePicker.js +6 -6
- package/dist/widgets/TreeView.d.ts +1 -1
- package/dist/widgets/TreeView.js +5 -5
- package/dist/widgets/index.d.ts +1 -1
- package/dist/widgets/index.js +78 -78
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
|
|
3
3
|
import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-Bx3oingj.js';
|
|
4
4
|
export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-Bx3oingj.js';
|
|
5
|
-
import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-
|
|
6
|
-
export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-
|
|
7
|
-
import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-
|
|
8
|
-
export { b as DatePicker, c as DateRangePicker, d as DateRangeValue, e as TimePicker } from './DatePicker-
|
|
5
|
+
import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C3nRXMwb.js';
|
|
6
|
+
export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C3nRXMwb.js';
|
|
7
|
+
import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';
|
|
8
|
+
export { b as DatePicker, c as DateRangePicker, d as DateRangeValue, e as TimePicker } from './DatePicker-BK_jsV7i.js';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* 호스트 앱 연결점 — ERP에서는 라우터·erpFetch·SSE가 하던 일을
|
|
@@ -913,9 +913,10 @@ type SelectOptionRecord = Record<string, unknown>;
|
|
|
913
913
|
interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
914
914
|
/**
|
|
915
915
|
* 옵션 목록. 기본은 `{value, label}`이고, 도메인 객체(`{id, title, …}`)를 그대로
|
|
916
|
-
* 넘길 거면 `valueKey`/`labelKey`로 읽을 키를 알려 준다.
|
|
916
|
+
* 넘길 거면 `valueKey`/`labelKey`로 읽을 키를 알려 준다. 값과 라벨이 같은 목록은
|
|
917
|
+
* 문자열·숫자 배열(`["S","A","B","C"]`)을 그대로 줘도 된다.
|
|
917
918
|
*/
|
|
918
|
-
options: (SelectOption | SelectOptionRecord)[];
|
|
919
|
+
options: (SelectOption | SelectOptionRecord | string | number)[];
|
|
919
920
|
/** 옵션에서 값을 읽을 키. 기본 'value'. */
|
|
920
921
|
valueKey?: string;
|
|
921
922
|
/** 옵션에서 표시 라벨을 읽을 키. 기본 'label'. */
|
|
@@ -1264,7 +1265,7 @@ interface GridProps extends SduiContainerLayoutProps {
|
|
|
1264
1265
|
style?: React__default.CSSProperties;
|
|
1265
1266
|
children?: React__default.ReactNode;
|
|
1266
1267
|
}
|
|
1267
|
-
declare function Grid({ columns, template, gap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
|
|
1268
|
+
declare function Grid({ columns, template, gap, rowGap, columnGap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
|
|
1268
1269
|
type Justify = 'start' | 'center' | 'end' | 'between';
|
|
1269
1270
|
interface SduiContainerRoleProps {
|
|
1270
1271
|
/**
|
|
@@ -1282,7 +1283,7 @@ interface RowProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
|
|
|
1282
1283
|
style?: React__default.CSSProperties;
|
|
1283
1284
|
children?: React__default.ReactNode;
|
|
1284
1285
|
}
|
|
1285
|
-
declare function Row({ justify, gap, align, wrap, role, ariaLabel, className, style, children }: RowProps): React__default.JSX.Element;
|
|
1286
|
+
declare function Row({ justify, gap, rowGap, columnGap, align, wrap, role, ariaLabel, className, style, children }: RowProps): React__default.JSX.Element;
|
|
1286
1287
|
interface ActionsProps extends SduiContainerLayoutProps {
|
|
1287
1288
|
/** 가로 정렬 — 기본 end(우측) */
|
|
1288
1289
|
justify?: Justify;
|
|
@@ -1296,13 +1297,13 @@ interface ActionsProps extends SduiContainerLayoutProps {
|
|
|
1296
1297
|
* `justify = 'end'`가 **2단(타입별 기본)의 실제 사례**다. 전역 기본은 `.wp-row`의
|
|
1297
1298
|
* `flex-start`인데 이 타입만 `end`로 시작하고, 스펙이 `justify`를 주면 그것이 이긴다.
|
|
1298
1299
|
*/
|
|
1299
|
-
declare function Actions({ justify, gap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
|
|
1300
|
+
declare function Actions({ justify, gap, rowGap, columnGap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
|
|
1300
1301
|
interface ColProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
|
|
1301
1302
|
className?: string;
|
|
1302
1303
|
style?: React__default.CSSProperties;
|
|
1303
1304
|
children?: React__default.ReactNode;
|
|
1304
1305
|
}
|
|
1305
|
-
declare function Col({ gap, align, justify, wrap, role, ariaLabel, className, style, children }: ColProps): React__default.JSX.Element;
|
|
1306
|
+
declare function Col({ gap, rowGap, columnGap, align, justify, wrap, role, ariaLabel, className, style, children }: ColProps): React__default.JSX.Element;
|
|
1306
1307
|
interface SpacerProps {
|
|
1307
1308
|
/**
|
|
1308
1309
|
* 간격 토큰 단계(`--wp-space-N`). 주면 "남는 공간 밀어내기"가 아니라
|
|
@@ -1319,7 +1320,7 @@ interface SectionProps extends SduiContainerLayoutProps {
|
|
|
1319
1320
|
style?: React__default.CSSProperties;
|
|
1320
1321
|
children?: React__default.ReactNode;
|
|
1321
1322
|
}
|
|
1322
|
-
declare function Section({ title, gap, align, justify, wrap, className, style, children }: SectionProps): React__default.JSX.Element;
|
|
1323
|
+
declare function Section({ title, gap, rowGap, columnGap, align, justify, wrap, className, style, children }: SectionProps): React__default.JSX.Element;
|
|
1323
1324
|
type TextPreset = 'display-1' | 'display-2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-lg' | 'body' | 'body-sm' | 'caption' | 'label' | 'overline' | 'micro' | 'metric' | 'metric-sm' | 'mono' | 'mono-xs'
|
|
1324
1325
|
/**
|
|
1325
1326
|
* 프리셋을 입히지 않는다 — 이 자리의 타이포를 그대로 물려받는다.
|
package/dist/index.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export { loadOptionalModule } from './chunk-
|
|
2
|
-
import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-
|
|
3
|
-
export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-
|
|
4
|
-
import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-
|
|
5
|
-
export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-
|
|
6
|
-
import { ImageViewer } from './chunk-
|
|
7
|
-
export { ImageViewer } from './chunk-
|
|
8
|
-
import { TimePicker } from './chunk-
|
|
9
|
-
export { TimePicker } from './chunk-
|
|
10
|
-
import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-
|
|
11
|
-
export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-
|
|
12
|
-
import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-
|
|
13
|
-
export { DatePicker, DateRangePicker } from './chunk-
|
|
1
|
+
export { loadOptionalModule } from './chunk-6ZKJ534I.js';
|
|
2
|
+
import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-2JNOOYA3.js';
|
|
3
|
+
export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-2JNOOYA3.js';
|
|
4
|
+
import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-JKM3AM42.js';
|
|
5
|
+
export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-JKM3AM42.js';
|
|
6
|
+
import { ImageViewer } from './chunk-4C4QQN5H.js';
|
|
7
|
+
export { ImageViewer } from './chunk-4C4QQN5H.js';
|
|
8
|
+
import { TimePicker } from './chunk-BMTLQZ25.js';
|
|
9
|
+
export { TimePicker } from './chunk-BMTLQZ25.js';
|
|
10
|
+
import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-HKACZLC3.js';
|
|
11
|
+
export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-HKACZLC3.js';
|
|
12
|
+
import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-4WO6OWLP.js';
|
|
13
|
+
export { DatePicker, DateRangePicker } from './chunk-4WO6OWLP.js';
|
|
14
14
|
export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.js';
|
|
15
15
|
import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DKPNFEVU.js';
|
|
16
16
|
export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DKPNFEVU.js';
|
|
17
|
-
import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce } from './chunk-
|
|
18
|
-
export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-
|
|
19
|
-
import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-
|
|
20
|
-
export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-
|
|
17
|
+
import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce } from './chunk-Q56Z3PVM.js';
|
|
18
|
+
export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-Q56Z3PVM.js';
|
|
19
|
+
import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-7TXK6LS7.js';
|
|
20
|
+
export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-7TXK6LS7.js';
|
|
21
21
|
import React9, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
|
|
22
22
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
23
23
|
|
|
@@ -85,6 +85,19 @@ type SduiSizeScale = '96' | '128' | '160' | '192' | '224' | '256' | '288' | '320
|
|
|
85
85
|
interface SduiContainerLayoutProps {
|
|
86
86
|
/** 자식 사이 간격(px 척도). 생략하면 컴포넌트의 CSS 기본값. */
|
|
87
87
|
gap?: SduiGapScale;
|
|
88
|
+
/**
|
|
89
|
+
* 줄 사이 간격만 따로 — `wrap` 이 켜져 두 줄이 될 때의 세로 간격이다.
|
|
90
|
+
* 주면 `gap` 의 세로 몫을 이 자리에서 덮는다.
|
|
91
|
+
*
|
|
92
|
+
* 감싸는 칩·태그 줄은 가로와 세로 간격이 대체로 다르다. 가로는 항목을 갈라 놓을
|
|
93
|
+
* 만큼 넓게(16px), 세로는 두 줄이 한 덩어리로 보일 만큼 좁게(8px) 두는 식이다.
|
|
94
|
+
* 실측(2026-08-19 `hr/evaluation`): 원본 위젯이 이 화면에서만 두 군데를 손으로
|
|
95
|
+
* 갈라 썼고(`columnGap` 16 / `rowGap` 8·4), `gap` 하나로는 그 줄이 8px 내려앉아
|
|
96
|
+
* 아래 카드 열이 전부 밀렸다.
|
|
97
|
+
*/
|
|
98
|
+
rowGap?: SduiGapScale;
|
|
99
|
+
/** 칸 사이 간격만 따로. 주면 `gap` 의 가로 몫을 덮는다. */
|
|
100
|
+
columnGap?: SduiGapScale;
|
|
88
101
|
/** 교차축 정렬(`align-items`). 자식이 `selfAlign`으로 자기 몫만 뒤집을 수 있다. */
|
|
89
102
|
align?: SduiAlignScale;
|
|
90
103
|
/** 주축 정렬(`justify-content`). */
|
package/dist/meta.js
CHANGED
|
@@ -256,6 +256,44 @@ var gapProp = {
|
|
|
256
256
|
],
|
|
257
257
|
group: "layout"
|
|
258
258
|
};
|
|
259
|
+
var rowGapProp = {
|
|
260
|
+
name: "rowGap",
|
|
261
|
+
kind: "enum",
|
|
262
|
+
label: "\uC904 \uC0AC\uC774 \uAC04\uACA9",
|
|
263
|
+
description: 'wrap \uC73C\uB85C \uB450 \uC904\uC774 \uB420 \uB54C\uC758 \uC138\uB85C \uAC04\uACA9. \uC8FC\uBA74 "\uC774 \uC548\uC758 \uAC04\uACA9"\uC758 \uC138\uB85C \uBAAB\uC744 \uB36E\uB294\uB2E4.',
|
|
264
|
+
options: [
|
|
265
|
+
{ value: "0", label: "0px (\uBD99\uC5EC \uC4F0\uAE30)" },
|
|
266
|
+
{ value: "2", label: "2px" },
|
|
267
|
+
{ value: "4", label: "4px" },
|
|
268
|
+
{ value: "8", label: "8px" },
|
|
269
|
+
{ value: "12", label: "12px" },
|
|
270
|
+
{ value: "16", label: "16px" },
|
|
271
|
+
{ value: "20", label: "20px" },
|
|
272
|
+
{ value: "24", label: "24px" },
|
|
273
|
+
{ value: "32", label: "32px" }
|
|
274
|
+
],
|
|
275
|
+
group: "layout",
|
|
276
|
+
advanced: true
|
|
277
|
+
};
|
|
278
|
+
var columnGapProp = {
|
|
279
|
+
name: "columnGap",
|
|
280
|
+
kind: "enum",
|
|
281
|
+
label: "\uCE78 \uC0AC\uC774 \uAC04\uACA9",
|
|
282
|
+
description: '\uAC00\uB85C \uAC04\uACA9\uB9CC. \uC8FC\uBA74 "\uC774 \uC548\uC758 \uAC04\uACA9"\uC758 \uAC00\uB85C \uBAAB\uC744 \uB36E\uB294\uB2E4.',
|
|
283
|
+
options: [
|
|
284
|
+
{ value: "0", label: "0px (\uBD99\uC5EC \uC4F0\uAE30)" },
|
|
285
|
+
{ value: "2", label: "2px" },
|
|
286
|
+
{ value: "4", label: "4px" },
|
|
287
|
+
{ value: "8", label: "8px" },
|
|
288
|
+
{ value: "12", label: "12px" },
|
|
289
|
+
{ value: "16", label: "16px" },
|
|
290
|
+
{ value: "20", label: "20px" },
|
|
291
|
+
{ value: "24", label: "24px" },
|
|
292
|
+
{ value: "32", label: "32px" }
|
|
293
|
+
],
|
|
294
|
+
group: "layout",
|
|
295
|
+
advanced: true
|
|
296
|
+
};
|
|
259
297
|
var containerRoleProp = {
|
|
260
298
|
name: "role",
|
|
261
299
|
kind: "enum",
|
|
@@ -387,6 +425,8 @@ var ActionsMeta = {
|
|
|
387
425
|
group: "layout"
|
|
388
426
|
},
|
|
389
427
|
gapProp,
|
|
428
|
+
rowGapProp,
|
|
429
|
+
columnGapProp,
|
|
390
430
|
rowAlignProp,
|
|
391
431
|
wrapProp,
|
|
392
432
|
styleProp,
|
|
@@ -475,6 +515,8 @@ var ColMeta = {
|
|
|
475
515
|
description: "\uC790\uC2DD\uC744 \uC138\uB85C\uB85C \uC313\uB294\uB2E4(.wp-col).",
|
|
476
516
|
props: [
|
|
477
517
|
gapProp,
|
|
518
|
+
rowGapProp,
|
|
519
|
+
columnGapProp,
|
|
478
520
|
stretchAlignProp,
|
|
479
521
|
columnJustifyProp,
|
|
480
522
|
wrapProp,
|
|
@@ -563,6 +605,8 @@ var GridMeta = {
|
|
|
563
605
|
group: "layout"
|
|
564
606
|
},
|
|
565
607
|
gridGapProp,
|
|
608
|
+
rowGapProp,
|
|
609
|
+
columnGapProp,
|
|
566
610
|
stretchAlignProp,
|
|
567
611
|
wrapProp,
|
|
568
612
|
styleProp,
|
|
@@ -624,6 +668,8 @@ var RowMeta = {
|
|
|
624
668
|
group: "layout"
|
|
625
669
|
},
|
|
626
670
|
gapProp,
|
|
671
|
+
rowGapProp,
|
|
672
|
+
columnGapProp,
|
|
627
673
|
rowAlignProp,
|
|
628
674
|
wrapProp,
|
|
629
675
|
containerRoleProp,
|
|
@@ -656,6 +702,8 @@ var SectionMeta = {
|
|
|
656
702
|
props: [
|
|
657
703
|
{ name: "title", kind: "node", label: "\uC81C\uBAA9", slot: true, group: "content" },
|
|
658
704
|
gapProp,
|
|
705
|
+
rowGapProp,
|
|
706
|
+
columnGapProp,
|
|
659
707
|
stretchAlignProp,
|
|
660
708
|
columnJustifyProp,
|
|
661
709
|
wrapProp,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { loadOptionalModule } from '../chunk-
|
|
1
|
+
import { loadOptionalModule } from '../chunk-6ZKJ534I.js';
|
|
2
2
|
import { useSduiAdapter, useSduiSandbox, hostFetchOf, defaultAdapter, hostRawFetchOf } from '../chunk-DKPNFEVU.js';
|
|
3
|
-
import { Select, Input, Card, Button, Spinner, Icon, Alert, StatCard, Badge, Table, EmptyState } from '../chunk-
|
|
4
|
-
import { boxed } from '../chunk-
|
|
3
|
+
import { Select, Input, Card, Button, Spinner, Icon, Alert, StatCard, Badge, Table, EmptyState } from '../chunk-Q56Z3PVM.js';
|
|
4
|
+
import { boxed } from '../chunk-7TXK6LS7.js';
|
|
5
5
|
import { useRef, useState, useMemo, useCallback } from 'react';
|
|
6
6
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
7
|
|
package/dist/rich.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
export { b as DatePicker, D as DatePickerProps, c as DateRangePicker, a as DateRangePickerProps, d as DateRangeValue, e as TimePicker, T as TimePickerProps } from './DatePicker-
|
|
3
|
-
import './layout-
|
|
2
|
+
export { b as DatePicker, D as DatePickerProps, c as DateRangePicker, a as DateRangePickerProps, d as DateRangeValue, e as TimePicker, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';
|
|
3
|
+
import './layout-C3nRXMwb.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Chart — 선언형 recharts 래퍼 (ERP `app/components/widgets/Chart.tsx` 이식).
|
package/dist/rich.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { useOptionalModule, DependencyPlaceholder } from './chunk-
|
|
2
|
-
export { TimePicker } from './chunk-
|
|
3
|
-
import { HoistedStyle } from './chunk-
|
|
4
|
-
export { DatePicker, DateRangePicker } from './chunk-
|
|
1
|
+
import { useOptionalModule, DependencyPlaceholder } from './chunk-6ZKJ534I.js';
|
|
2
|
+
export { TimePicker } from './chunk-BMTLQZ25.js';
|
|
3
|
+
import { HoistedStyle } from './chunk-4WO6OWLP.js';
|
|
4
|
+
export { DatePicker, DateRangePicker } from './chunk-4WO6OWLP.js';
|
|
5
5
|
import './chunk-XQPTSEJC.js';
|
|
6
6
|
import { useSduiAssetResolver } from './chunk-DKPNFEVU.js';
|
|
7
|
-
import { Spinner, EmptyState } from './chunk-
|
|
8
|
-
import './chunk-
|
|
7
|
+
import { Spinner, EmptyState } from './chunk-Q56Z3PVM.js';
|
|
8
|
+
import './chunk-7TXK6LS7.js';
|
|
9
9
|
import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';
|
|
10
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-T3ZDSANM.js';
|
|
2
|
+
import '../chunk-HKACZLC3.js';
|
|
3
|
+
import '../chunk-4WO6OWLP.js';
|
|
4
4
|
import '../chunk-XQPTSEJC.js';
|
|
5
5
|
import '../chunk-DKPNFEVU.js';
|
|
6
|
-
import '../chunk-
|
|
7
|
-
import '../chunk-
|
|
6
|
+
import '../chunk-Q56Z3PVM.js';
|
|
7
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { ApprovalOverridesEditor } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
4
|
-
import '../chunk-
|
|
5
|
-
import '../chunk-
|
|
1
|
+
export { ApprovalOverridesEditor } from '../chunk-P5SXRP7K.js';
|
|
2
|
+
import '../chunk-URENE6XY.js';
|
|
3
|
+
import '../chunk-T3ZDSANM.js';
|
|
4
|
+
import '../chunk-HKACZLC3.js';
|
|
5
|
+
import '../chunk-4WO6OWLP.js';
|
|
6
6
|
import '../chunk-XQPTSEJC.js';
|
|
7
7
|
import '../chunk-DKPNFEVU.js';
|
|
8
|
-
import '../chunk-
|
|
9
|
-
import '../chunk-
|
|
8
|
+
import '../chunk-Q56Z3PVM.js';
|
|
9
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { ApprovalStepper } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { ApprovalStepper } from '../chunk-JQVMPBF2.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-EQ4FGSAX.js';
|
|
2
|
+
import '../chunk-HKACZLC3.js';
|
|
3
|
+
import '../chunk-4WO6OWLP.js';
|
|
4
4
|
import '../chunk-XQPTSEJC.js';
|
|
5
5
|
import '../chunk-DKPNFEVU.js';
|
|
6
|
-
import '../chunk-
|
|
7
|
-
import '../chunk-
|
|
6
|
+
import '../chunk-Q56Z3PVM.js';
|
|
7
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { ColumnBoard } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { ColumnBoard } from '../chunk-OSZKRTP7.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
package/dist/widgets/DiffView.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { DiffView } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { DiffView } from '../chunk-6XPK2FQ2.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { Disclosure } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { Disclosure } from '../chunk-TDGRVVB3.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { EventCalendar } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { EventCalendar } from '../chunk-WJZIWGD6.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { FileDropzone, unwrapUploaded } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { FileDropzone, unwrapUploaded } from '../chunk-CAGEPRPP.js';
|
|
2
|
+
import '../chunk-O5UWQPOV.js';
|
|
3
|
+
import '../chunk-4C4QQN5H.js';
|
|
4
4
|
import '../chunk-DKPNFEVU.js';
|
|
5
|
-
import '../chunk-
|
|
6
|
-
import '../chunk-
|
|
5
|
+
import '../chunk-Q56Z3PVM.js';
|
|
6
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ImageLightbox } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
4
|
-
import '../chunk-
|
|
1
|
+
export { ImageLightbox } from '../chunk-O5UWQPOV.js';
|
|
2
|
+
import '../chunk-4C4QQN5H.js';
|
|
3
|
+
import '../chunk-Q56Z3PVM.js';
|
|
4
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { InlineEdit } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { InlineEdit } from '../chunk-EAFNLSUB.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { JsonField } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { JsonField } from '../chunk-CVURQKQU.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { LiveClock } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { LiveClock } from '../chunk-7A4OWANN.js';
|
|
2
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
4
|
-
import '../chunk-
|
|
1
|
+
export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-2NR43Y3J.js';
|
|
2
|
+
import '../chunk-JKM3AM42.js';
|
|
3
|
+
import '../chunk-Q56Z3PVM.js';
|
|
4
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { OptionValueFields } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
4
|
-
import '../chunk-
|
|
1
|
+
export { OptionValueFields } from '../chunk-HYPA4KP6.js';
|
|
2
|
+
import '../chunk-JKM3AM42.js';
|
|
3
|
+
import '../chunk-Q56Z3PVM.js';
|
|
4
|
+
import '../chunk-7TXK6LS7.js';
|
package/dist/widgets/OrgChart.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { OrgChart } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { OrgChart } from '../chunk-OB5B6BA6.js';
|
|
2
|
+
import '../chunk-Q56Z3PVM.js';
|
|
3
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { OrgChartBoard } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
1
|
+
export { OrgChartBoard } from '../chunk-HJT6B52B.js';
|
|
2
|
+
import '../chunk-O5UWQPOV.js';
|
|
3
|
+
import '../chunk-4C4QQN5H.js';
|
|
4
4
|
import '../chunk-DKPNFEVU.js';
|
|
5
|
-
import '../chunk-
|
|
6
|
-
import '../chunk-
|
|
5
|
+
import '../chunk-Q56Z3PVM.js';
|
|
6
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { PeriodFilter } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { PeriodFilter } from '../chunk-6EQK5IVE.js';
|
|
2
|
+
import '../chunk-4WO6OWLP.js';
|
|
3
3
|
import '../chunk-XQPTSEJC.js';
|
|
4
|
-
import '../chunk-
|
|
5
|
-
import '../chunk-
|
|
4
|
+
import '../chunk-Q56Z3PVM.js';
|
|
5
|
+
import '../chunk-7TXK6LS7.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { PermissionMatrixEditor } from '../chunk-
|
|
1
|
+
export { PermissionMatrixEditor } from '../chunk-NROW4HW4.js';
|
|
2
2
|
import '../chunk-DKPNFEVU.js';
|
|
3
|
-
import '../chunk-
|
|
4
|
-
import '../chunk-
|
|
3
|
+
import '../chunk-Q56Z3PVM.js';
|
|
4
|
+
import '../chunk-7TXK6LS7.js';
|