@wipco/sdui 0.39.0 → 0.40.0

package/dist/{chunk-MLOZHGKP.js → chunk-5AAOEC4Q.js}

@@ -1,4 +1,4 @@
-import { Text } from './chunk-2DJO2RBW.js';
+import { Text } from './chunk-ZNGAR56U.js';
 import { Switch, Field, Select, Input } from './chunk-LBKIBSHY.js';
 import { boxed } from './chunk-SE3H5QCS.js';
 import React, { useMemo } from 'react';

package/dist/{chunk-ZFXEWKFM.js → chunk-ALWAWCSB.js}

@@ -1,4 +1,4 @@
-import { Text } from './chunk-2DJO2RBW.js';
+import { Text } from './chunk-ZNGAR56U.js';
 import { Field, Input, Select, IconButton, Button } from './chunk-LBKIBSHY.js';
 import { boxed } from './chunk-SE3H5QCS.js';
 import { useMemo } from 'react';

package/dist/{chunk-2DJO2RBW.js → chunk-ZNGAR56U.js}

@@ -45,12 +45,30 @@ function Grid({
     }
   );
 }
-function Row({ justify, gap, align, wrap, className, style, children }) {
+var CONTAINER_ROLES = /* @__PURE__ */ new Set([
+  "group",
+  "radiogroup",
+  "toolbar",
+  "list",
+  "listitem",
+  "tablist",
+  "region",
+  "status",
+  "alert",
+  "presentation",
+  "none"
+]);
+function containerRole(role) {
+  return role !== void 0 && CONTAINER_ROLES.has(role) ? role : void 0;
+}
+function Row({ justify, gap, align, wrap, role, ariaLabel, className, style, children }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: joinClass("wp-row", justify === "between" && "wp-row--between", className),
       style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      role: containerRole(role),
+      "aria-label": ariaLabel,
       children
     }
   );
@@ -65,8 +83,17 @@ function Actions({ justify = "end", gap, align, wrap, className, style, children
     }
   );
 }
-function Col({ gap, align, justify, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-col", className), style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style), children });
+function Col({ gap, align, justify, wrap, role, ariaLabel, className, style, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: joinClass("wp-col", className),
+      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
+      role: containerRole(role),
+      "aria-label": ariaLabel,
+      children
+    }
+  );
 }
 var SPACER_STEPS = /* @__PURE__ */ new Set([1, 2, 3, 4, 5, 6, 8]);
 function Spacer({ size, className, style }) {

package/dist/index.d.ts

@@ -1266,14 +1266,23 @@ interface GridProps extends SduiContainerLayoutProps {
 }
 declare function Grid({ columns, template, gap, align, justify, wrap, padding, className, style, children, }: GridProps): React__default.JSX.Element;
 type Justify = 'start' | 'center' | 'end' | 'between';
-interface RowProps extends SduiContainerLayoutProps {
+interface SduiContainerRoleProps {
+    /**
+     * 이 상자가 무엇을 묶는지 — 보조기술에게 알린다. 표에 없는 값은 무시된다.
+     * `radiogroup` 을 줄 때는 자식 버튼에 `role: 'radio'` 와 `aria-checked` 를 같이 준다.
+     */
+    role?: string;
+    /** 그룹 이름. `role` 을 준 상자에는 대체로 이름이 필요하다. */
+    ariaLabel?: string;
+}
+interface RowProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
     /** 가로 정렬 (기본 start) */
     justify?: Justify;
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Row({ justify, gap, align, wrap, className, style, children }: RowProps): React__default.JSX.Element;
+declare function Row({ justify, gap, align, wrap, role, ariaLabel, className, style, children }: RowProps): React__default.JSX.Element;
 interface ActionsProps extends SduiContainerLayoutProps {
     /** 가로 정렬 — 기본 end(우측) */
     justify?: Justify;
@@ -1288,12 +1297,12 @@ interface ActionsProps extends SduiContainerLayoutProps {
  * `flex-start`인데 이 타입만 `end`로 시작하고, 스펙이 `justify`를 주면 그것이 이긴다.
  */
 declare function Actions({ justify, gap, align, wrap, className, style, children }: ActionsProps): React__default.JSX.Element;
-interface ColProps extends SduiContainerLayoutProps {
+interface ColProps extends SduiContainerLayoutProps, SduiContainerRoleProps {
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
 }
-declare function Col({ gap, align, justify, wrap, className, style, children }: ColProps): React__default.JSX.Element;
+declare function Col({ gap, align, justify, wrap, role, ariaLabel, className, style, children }: ColProps): React__default.JSX.Element;
 interface SpacerProps {
     /**
      * 간격 토큰 단계(`--wp-space-N`). 주면 "남는 공간 밀어내기"가 아니라
@@ -1889,4 +1898,4 @@ interface ImageViewerProps {
  */
 declare function ImageViewer({ src, alt, open, onClose }: ImageViewerProps): React__default.ReactPortal | null;
 
-export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, CALC_OPS, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, getOverlayRoot, imageRenderer, includesLooseSearch, joinMultiValue, loadOptionalModule, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useOverlayLayer, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };
+export { Actions, type ActionsProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, CALC_OPS, Can, type CanProps, Card, type CardProps, type CascadingSearchOption, Checkbox, type CheckboxProps, Col, type ColProps, type CustomActionHandler, type CustomValidator, DatePickerProps, DateRangePickerProps, Dialog, type DialogProps, Divider, EmptyState, type EmptyStateProps, Field, type FieldProps, Grid, type GridCardConfig, type GridCardRow, type GridProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageViewer, type ImageViewerProps, Input, type InputProps, type Justify, type KeyValueItem, KeyValueList, type KeyValueListProps, type MeterTone, NodeErrorBoundary, OverlayContainerContext, OverlayLayer, PageHead, type PageHeadProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoteSearchResults, type RemoteSearchResultsProps, ResultTable, type ResultTableColumn, type ResultTableProps, Row, type RowProps, SduiAction, type SduiAdapter, type SduiAssetContext, type SduiAssetResolver, type SduiBadgeCell, SduiBoxProps, type SduiCanFn, type SduiCanQuery, type SduiCanSetting, type SduiCell, SduiColumnsScale, SduiContainerLayoutProps, type SduiContainerRoleProps, type SduiDateCell, SduiDialog, type SduiDispatch, SduiForm, type SduiFormConfig, type SduiFormProps, SduiGapScale, type SduiGridCard, type SduiGridCardAction, type SduiGridCardRow, type SduiIconCell, type SduiImageCell, type SduiLinkCell, type SduiNumberCell, SduiPage, SduiPermissionProvider, type SduiProgressCell, SduiPropValue, type SduiRegistry, SduiRenderer, type SduiRendererProps, type SduiRowCondition, SduiRule, type SduiRuntime, type SduiSearchAction, type SduiSearchColumn, SduiSearchDataProvider, SduiSearchResults, type SduiSearchResultsProps, type SduiTagCell, SduiTextAlignScale, type SduiTextCell, type SduiUseSpec, SduiWeightScale, type SearchAction, type SearchColumn, type SearchFetcher, type SearchField, type SearchFilter, type SearchOption, type SearchPage, SearchResults, type SearchResultsProps, type SearchRow, SearchToolbar, type SearchValues, type SearchViewItem, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, type SegmentedItem, Select, type SelectOption, type SelectOptionRecord, type SelectProps, Show, type ShowProps, SidebarNav, type SidebarNavItem, type SidebarNavProps, type SidebarNavSection, type SortDir, SortHandle, type SortHandleProps, SortableList, type SortableListProps, Spacer, type SpacerProps, type SpecIssue, Spinner, type SpinnerProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextPreset, type TextProps, Textarea, type TextareaProps, TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, boxed, cascadingValuePaths, cellRenderer, cleanSearchValues, createRegistry, defaultAdapter, defaultRegistry, getOverlayRoot, imageRenderer, includesLooseSearch, joinMultiValue, loadOptionalModule, normalizePageSizes, normalizeSearchText, searchFieldKeys, searchValuesFromParams, sortableDropIndex, sortableMove, splitMultiValue, useOverlayLayer, useRemoteSearchPage, useSduiAssetResolver, useSduiCan, useSduiDispatch, useSduiRuntime, useSduiSandbox, useSearchFetcher, validateSpec };

package/dist/index.js

@@ -1,8 +1,8 @@
 export { loadOptionalModule } from './chunk-KTKEJHTB.js';
 import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-6Q4RZDBA.js';
 export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-6Q4RZDBA.js';
-import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-2DJO2RBW.js';
-export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-2DJO2RBW.js';
+import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-ZNGAR56U.js';
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-ZNGAR56U.js';
 import { ImageViewer } from './chunk-VT3OCB76.js';
 export { ImageViewer } from './chunk-VT3OCB76.js';
 import { TimePicker } from './chunk-QLLBS2NM.js';

package/dist/meta.js

@@ -256,6 +256,34 @@ var gapProp = {
   ],
   group: "layout"
 };
+var containerRoleProp = {
+  name: "role",
+  kind: "enum",
+  label: "\uBB36\uC74C \uC5ED\uD560",
+  description: "\uBCF4\uC870\uAE30\uC220\uC6A9. \uC0DD\uB7B5\uD558\uBA74 \uADF8\uB0E5 \uC0C1\uC790\uB2E4. radiogroup \uC744 \uC904 \uB54C\uB294 \uC790\uC2DD \uBC84\uD2BC\uC5D0 role/aria-checked \uB97C \uAC19\uC774 \uC900\uB2E4.",
+  options: [
+    { value: "group", label: "\uBB36\uC74C(group)" },
+    { value: "radiogroup", label: "\uB2E8\uC77C \uC120\uD0DD \uBB36\uC74C(radiogroup)" },
+    { value: "toolbar", label: "\uB3C4\uAD6C \uBAA8\uC74C(toolbar)" },
+    { value: "list", label: "\uBAA9\uB85D(list)" },
+    { value: "listitem", label: "\uBAA9\uB85D \uD56D\uBAA9(listitem)" },
+    { value: "tablist", label: "\uD0ED \uC904(tablist)" },
+    { value: "region", label: "\uAD6C\uD68D(region)" },
+    { value: "status", label: "\uC0C1\uD0DC \uC54C\uB9BC(status)" },
+    { value: "alert", label: "\uACBD\uACE0(alert)" },
+    { value: "presentation", label: "\uC758\uBBF8 \uC5C6\uC74C(presentation)" }
+  ],
+  group: "content",
+  advanced: true
+};
+var ariaLabelProp = {
+  name: "ariaLabel",
+  kind: "string",
+  label: "\uC811\uADFC\uC131 \uC774\uB984",
+  description: '\uC5ED\uD560\uC744 \uC900 \uBB36\uC74C\uC5D0\uB294 \uB300\uCCB4\uB85C \uC774\uB984\uC774 \uD544\uC694\uD558\uB2E4(\uC608: "\uB300\uC0C1\uC790 \uC9C1\uC704 \uD544\uD130").',
+  group: "content",
+  advanced: true
+};
 var gridGapProp = {
   name: "gap",
   kind: "enum",
@@ -450,6 +478,8 @@ var ColMeta = {
     stretchAlignProp,
     columnJustifyProp,
     wrapProp,
+    containerRoleProp,
+    ariaLabelProp,
     styleProp,
     classNameProp,
     growProp,
@@ -596,6 +626,8 @@ var RowMeta = {
     gapProp,
     rowAlignProp,
     wrapProp,
+    containerRoleProp,
+    ariaLabelProp,
     styleProp,
     classNameProp,
     growProp,

package/dist/widgets/OptionSchemaEditor.js

@@ -1,4 +1,4 @@
-export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-ZFXEWKFM.js';
-import '../chunk-2DJO2RBW.js';
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-ALWAWCSB.js';
+import '../chunk-ZNGAR56U.js';
 import '../chunk-LBKIBSHY.js';
 import '../chunk-SE3H5QCS.js';

package/dist/widgets/OptionValueFields.js

@@ -1,4 +1,4 @@
-export { OptionValueFields } from '../chunk-MLOZHGKP.js';
-import '../chunk-2DJO2RBW.js';
+export { OptionValueFields } from '../chunk-5AAOEC4Q.js';
+import '../chunk-ZNGAR56U.js';
 import '../chunk-LBKIBSHY.js';
 import '../chunk-SE3H5QCS.js';

package/dist/widgets/index.js

@@ -34,10 +34,10 @@ import { JsonField } from '../chunk-2VJIERUW.js';
 export { JsonField } from '../chunk-2VJIERUW.js';
 import { LiveClock } from '../chunk-I3UJ4ZCQ.js';
 export { LiveClock } from '../chunk-I3UJ4ZCQ.js';
-import { OptionSchemaEditor } from '../chunk-ZFXEWKFM.js';
-export { OptionSchemaEditor } from '../chunk-ZFXEWKFM.js';
-import { OptionValueFields } from '../chunk-MLOZHGKP.js';
-export { OptionValueFields } from '../chunk-MLOZHGKP.js';
+import { OptionSchemaEditor } from '../chunk-ALWAWCSB.js';
+export { OptionSchemaEditor } from '../chunk-ALWAWCSB.js';
+import { OptionValueFields } from '../chunk-5AAOEC4Q.js';
+export { OptionValueFields } from '../chunk-5AAOEC4Q.js';
 import { OrgChart } from '../chunk-JD62GZLP.js';
 export { OrgChart } from '../chunk-JD62GZLP.js';
 import { OrgChartBoard } from '../chunk-DGAGQD35.js';
@@ -61,7 +61,7 @@ export { ImageLightbox } from '../chunk-B6ZBQCSI.js';
 import { InlineEdit } from '../chunk-SET7XWBR.js';
 export { InlineEdit } from '../chunk-SET7XWBR.js';
 import '../chunk-6Q4RZDBA.js';
-import '../chunk-2DJO2RBW.js';
+import '../chunk-ZNGAR56U.js';
 import '../chunk-VT3OCB76.js';
 import '../chunk-QLLBS2NM.js';
 import { ApprovalOverridesEditor } from '../chunk-LVCIHZ45.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",