pds-dev-kit-web-test 2.5.594 → 2.5.596

package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts

@@ -647,4 +647,257 @@ export interface UITheme {
     ui_cpnt_divider_white_01: string;
     ui_cpnt_timer_base_01: string;
     ui_cpnt_timer_base_timeup: string;
+    ui_66: string;
+    ui_67: string;
+    ui_cpnt_videoplayer_gradient_3: string;
+    ui_68: string;
+    ui_69: string;
+    ui_cpnt_divider_white_02: string;
+    ui_cpnt_list_chatbubble_base_brand_primary: string;
+    ui_cpnt_list_chatbubble_base_grey: string;
+    ui_cpnt_list_chatbubble_base_translucent_white: string;
+    ui_cpnt_list_chatbubble_base_translucent_black: string;
+    ui_avatar_border_translucent_white: string;
+    ui_avatar_border_translucent_black: string;
+    ui_cpnt_textfield_base_hover: string;
+    ui_cpnt_textfield_base_pressed: string;
+    ui_cpnt_button_secondary_on_base_hover: string;
+    ui_cpnt_button_secondary_on_base_pressed: string;
+    ui_cpnt_select_base_hover: string;
+    ui_cpnt_select_base_pressed: string;
+    ui_cpnt_dropdown_base_hover: string;
+    ui_cpnt_dropdown_base_pressed: string;
+    ui_cpnt_sheet_base_09: string;
+    ui_wizard_pagemenucontainer_background: string;
+    ui_stepcontainer_background: string;
+    ui_wizard_contentscontainer01_background: string;
+    ui_wizard_contentscontainer02_background: string;
+    ui_70: string;
+    ui_cpnt_button_primary_variation_base_enabled: string;
+    ui_cpnt_button_text_secondary_variation_disabled: string;
+    ui_cpnt_button_icon_secondary_variation_disabled: string;
+    ui_cpnt_button_secondary_variation_base_default: string;
+    ui_cpnt_button_secondary_variation_base_hover: string;
+    ui_cpnt_button_secondary_variation_base_pressed: string;
+    ui_editor_base_pages: string;
+    ui_editor_base_papp: string;
+    ui_container_scroll: string;
+    ui_pages_section_dimmed: string;
+    ui_71: string;
+    ui_cpnt_textlabel_sys_black: string;
+    ui_cpnt_sheet_base_10: string;
+    ui_cpnt_sheet_base_11: string;
+    ui_72: string;
+    ui_73: string;
+    ui_cpnt_sidebar_listitem_base_hover: string;
+    ui_avatar_border_brandprimary: string;
+    ui_avatar_border: string;
+    ui_editor_rightside_title_tabbar_base: string;
+    ui_editor_preview_base: string;
+    ui_editor_preview_divice_area_border: string;
+    ui_editor_preview_background: string;
+    ui_editor_leftside_base: string;
+    ui_cpnt_sidebar_label_text: string;
+    ui_cpnt_dropdown_base_hover_darktheme: string;
+    ui_cpnt_dropdown_base_pressed_darktheme: string;
+    ui_cpnt_dropdown_base_hover_white: string;
+    ui_cpnt_dropdown_base_pressed_white: string;
+    ui_cpnt_textfield_base_hover_darktheme: string;
+    ui_cpnt_textfield_base_pressed_darktheme: string;
+    ui_cpnt_select_base_hover_darktheme: string;
+    ui_cpnt_select_base_pressed_darktheme: string;
+    ui_cpnt_textfield_base_hover_transparent: string;
+    ui_cpnt_textfield_base_pressed_transparent: string;
+    ui_cpnt_reactionbutton_base_02: string;
+    ui_create_ch_step_prev: string;
+    ui_editor_preview_editing: string;
+    ui_cpnt_icon_sys_black: string;
+    ui_cpnt_textbutton_white_variation_base_hover: string;
+    ui_cpnt_textbutton_white_variation_base_pressed: string;
+    ui_74: string;
+    ui_cpnt_help_window: string;
+    ui_cpnt_tutorialmodal_sidetab_hover: string;
+    ui_cpnt_tutorialmodal_sidetab_pressed: string;
+    ui_cpnt_sheet_base_12: string;
+    ui_cpnt_sheet_base_13: string;
+    ui_cpnt_sheet_border_05: string;
+    ui_cpnt_sheet_border_06: string;
+    ui_75: string;
+    ui_cpnt_sheet_border_07: string;
+    ui_cpnt_sheet_base_14: string;
+    ui_cpnt_sheet_base_15: string;
+    ui_cpnt_tutorialmodal_sidetab_default: string;
+    ui_cpnt_tutorialmodal_info_base: string;
+    ui_domain_record_card_status_1: string;
+    ui_domain_record_card_status_2: string;
+    ui_domain_record_card_status_3: string;
+    ui_domain_record_card_status_4: string;
+    ui_cpnt_button_fill_base_tutorialmodal: string;
+    ui_cpnt_toolbar_base: string;
+    ui_76: string;
+    ui_89: string;
+    ui_90: string;
+    ui_91: string;
+    ui_92: string;
+    ui_93: string;
+    ui_94: string;
+    ui_95: string;
+    ui_cpnt_icon_sys_brandsecondary_variant: string;
+    ui_96: string;
+    ui_97: string;
+    ui_cpnt_button_tooltip_base: string;
+    ui_cpnt_textlabel_button_tooltip: string;
+    ui_cpnt_textlabel_step_prev: string;
+    ui_membership_button_base: string;
+    ui_membership_item_membership_base: string;
+    ui_membership_item_price_product_base: string;
+    ui_cpnt_sheet_base_16: string;
+    ui_cpnt_sheet_base_17: string;
+    ui_cpnt_sheet_base_18: string;
+    ui_cpnt_sheet_base_19: string;
+    ui_cpnt_badge_base_hot: string;
+    ui_cpnt_badge_base_new: string;
+    ui_cpnt_badge_base_sale: string;
+    ui_cpnt_badge_base_timesale: string;
+    ui_cpnt_badge_base_best: string;
+    ui_cpnt_badge_base_recommended: string;
+    ui_plan_base_01: string;
+    ui_plan_base_02: string;
+    ui_plan_base_03: string;
+    ui_cpnt_sheet_border_08: string;
+    ui_cpnt_textlabel_sys_warning_2: string;
+    ui_cpnt_sheet_base_20: string;
+    ui_cpnt_sheet_base_21: string;
+    ui_cpnt_sheet_base_22: string;
+    ui_cpnt_sheet_base_23: string;
+    ui_cpnt_slider_track: string;
+    ui_cpnt_slider_track_active: string;
+    ui_cpnt_slider_thumb_normal: string;
+    ui_cpnt_slider_thumb_disabled: string;
+    ui_cpnt_slider_thumb_hover_circle: string;
+    ui_cpnt_slider_thumb_pressed_circle: string;
+    ui_cpnt_slider_track_disabled: string;
+    ui_cpnt_basicbuttongroup_base_default: string;
+    ui_cpnt_basicbuttongroup_on_base_hover: string;
+    ui_cpnt_basicbuttongroup_on_base_pressed: string;
+    ui_cpnt_basicbuttongroup_base_disabled: string;
+    ui_cpnt_segmentedbuttongroup_base_default: string;
+    ui_cpnt_segmentedbuttongroup_on_base_hover: string;
+    ui_cpnt_segmentedbuttongroup_on_base_pressed: string;
+    ui_cpnt_segmentedbuttongroup_base_disabled: string;
+    ui_cpnt_segmentedbuttongroup_base_selected: string;
+    ui_cpnt_sheet_base_24: string;
+    ui_cpnt_sheet_base_25: string;
+    ui_cpnt_sheet_base_26: string;
+    ui_cpnt_dropdown_display_icon_normal: string;
+    ui_cpnt_dropdown_display_icon_disabled: string;
+    ui_cpnt_dropdown_display_icon_darktheme_enabled: string;
+    ui_cpnt_dropdown_display_icon_darktheme_disabled: string;
+    ui_cpnt_dropdown_display_icon_white_enabled: string;
+    ui_cpnt_dropdown_display_icon_white_disabled: string;
+    ui_98: string;
+    ui_99: string;
+    ui_100: string;
+    ui_101: string;
+    ui_102: string;
+    ui_editor_layout_header: string;
+    ui_editor_layout_navigation_panel: string;
+    ui_editor_layout_canvas_area: string;
+    ui_editor_layout_control_panel: string;
+    ui_editor_layout_property_panel: string;
+    ui_editor_layout_navigation_panel_section_item_area_normal: string;
+    ui_editor_scroll_bar: string;
+    ui_editor_scroll_track: string;
+    ui_sw_sidebar_base: string;
+    ui_sw_sidebar_label_text_normal: string;
+    ui_sw_sidebar_item_text_normal: string;
+    ui_sw_sidebar_item_text_selected: string;
+    ui_sw_sidebar_label_icon_normal_01: string;
+    ui_sw_sidebar_item_icon_normal: string;
+    ui_sw_sidebar_item_icon_selected: string;
+    ui_sw_sidebar_badge_base_01: string;
+    ui_sw_sidebar_badge_base_02: string;
+    ui_sw_sidebar_badge_text_01: string;
+    ui_sw_sidebar_badge_text_02: string;
+    ui_sw_sidebar_divider: string;
+    ui_sw_sidebar_label_base_normal: string;
+    ui_sw_sidebar_label_base_hover: string;
+    ui_sw_sidebar_label_base_pressed: string;
+    ui_sw_sidebar_item_base_normal: string;
+    ui_sw_sidebar_item_base_hover: string;
+    ui_sw_sidebar_item_base_pressed: string;
+    ui_sw_sidebar_label_icon_normal_02: string;
+    ui_104: string;
+    ui_sw_sidebar_item_text_disabled: string;
+    ui_106: string;
+    ui_cpnt_modalwithtab_leftside_base: string;
+    ui_cpnt_modalwithtab_sidetab_default: string;
+    ui_cpnt_modalwithtab_sidetab_hover: string;
+    ui_cpnt_modalwithtab_sidetab_pressed: string;
+    ui_107: string;
+    ui_cpnt_textlabel_sys_white_02: string;
+    ui_cpnt_headerbar_base_area_transparent: string;
+    ui_108: string;
+    ui_110: string;
+    ui_contentscontainer03_background: string;
+    ui_contents_dimmed: string;
+    ui_cpnt_list_chatbubble_base_transparent: string;
+    ui_cpnt_list_chatbubble_download_button_base: string;
+    ui_111: string;
+    ui_112: string;
+    ui_sw_sidebar_label_text_emphasis: string;
+    ui_cpnt_sidebar_label_icon_green: string;
+    ui_sw_sidebar_divider_vertical: string;
+    ui_113: string;
+    ui_114: string;
+    ui_115: string;
+    ui_116: string;
+    ui_117: string;
+    ui_118: string;
+    ui_119: string;
+    ui_120: string;
+    ui_121: string;
+    ui_cpnt_tooltip_base_border: string;
+    ui_122: string;
+    ui_123: string;
+    ui_124: string;
+    ui_dimmed_03: string;
+    ui_125: string;
+    ui_126: string;
+    ui_127: string;
+    ui_128: string;
+    ui_cpnt_sheet_base_27: string;
+    ui_cpnt_editor_colorpicker_undefined: string;
+    ui_cpnt_slider_track_active_undefined: string;
+    ui_cpnt_slider_thumb_normal_undefined: string;
+    ui_cpnt_editor_buttongroup_undefined: string;
+    ui_cpnt_editor_thumbpreview_undefined: string;
+    ui_cpnt_dropdown_text_darktheme_hinttext: string;
+    ui_cpnt_select_dropdown_border_error: string;
+    ui_cpnt_select_dropdown_text_error: string;
+    ui_cpnt_select_dropdown_text_darktheme_error: string;
+    ui_cpnt_select_dropdown_border_darktheme_error: string;
+    ui_cpnt_form_text_hint: string;
+    ui_129: string;
+    ui_130: string;
+    ui_cpnt_button_fill_base_on_sheet: string;
+    ui_cpnt_sheet_base_28: string;
+    ui_131: string;
+    ui_132: string;
+    ui_133: string;
+    ui_134: string;
+    ui_135: string;
+    ui_136: string;
+    ui_137: string;
+    ui_138: string;
+    ui_139: string;
+    ui_cpnt_sheet_base_29: string;
+    ui_cpnt_sheet_base_30: string;
+    ui_cpnt_sheet_base_31: string;
+    ui_cpnt_selcontrols_icon_white: string;
+    ui_cpnt_selcontrols_text_white: string;
+    ui_cpnt_selcontrols_icon_grey_01: string;
+    ui_cpnt_selcontrols_text_grey_01: string;
+    ui_cpnt_snackbar_text: string;
+    ui_cpnt_snackbar_base: string;
 }

package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts

@@ -5,11 +5,13 @@ export type IconButtonProps = {
     shapeType?: 'circular' | 'rectangle';
     baseSize?: 'xxlarge' | 'large' | 'medium' | 'small' | 'xsmall';
     baseColorKey?: UiColors;
+    overrideBaseColorHex?: string;
     borderColorKey?: UiColors;
     iconSize?: 12 | 16 | 20 | 24 | 48 | 72;
     iconFillType?: 'fill' | 'line';
     iconName: PDSIconType;
     iconColorKey?: UiColors;
+    overrideIconColorHex?: string;
     shadow?: 'hidden' | 'visible';
     colorTheme?: 'none' | 'line1' | 'line2';
     type?: 'submit' | 'reset' | 'button';
@@ -18,5 +20,5 @@ export type IconButtonProps = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 };
-declare function IconButton({ fillType, shapeType, baseSize, baseColorKey, borderColorKey, iconSize, iconFillType, iconName, iconColorKey, shadow, colorTheme, type, state, tabIndex, onClick, onMouseDown }: IconButtonProps): JSX.Element;
+declare function IconButton({ fillType, shapeType, baseSize, baseColorKey, overrideBaseColorHex, borderColorKey, iconSize, iconFillType, iconName, iconColorKey, overrideIconColorHex, shadow, colorTheme, type, state, tabIndex, onClick, onMouseDown }: IconButtonProps): JSX.Element;
 export default IconButton;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.js

@@ -42,7 +42,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importStar(require("styled-components"));
 var hybrid_1 = require("../../hybrid");
 function IconButton(_a) {
-    var _b = _a.fillType, fillType = _b === void 0 ? 'fill' : _b, _c = _a.shapeType, shapeType = _c === void 0 ? 'rectangle' : _c, _d = _a.baseSize, baseSize = _d === void 0 ? 'small' : _d, baseColorKey = _a.baseColorKey, borderColorKey = _a.borderColorKey, _e = _a.iconSize, iconSize = _e === void 0 ? 24 : _e, _f = _a.iconFillType, iconFillType = _f === void 0 ? 'line' : _f, iconName = _a.iconName, iconColorKey = _a.iconColorKey, _g = _a.shadow, shadow = _g === void 0 ? 'hidden' : _g, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, tabIndex = _a.tabIndex, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
+    var _b = _a.fillType, fillType = _b === void 0 ? 'fill' : _b, _c = _a.shapeType, shapeType = _c === void 0 ? 'rectangle' : _c, _d = _a.baseSize, baseSize = _d === void 0 ? 'small' : _d, baseColorKey = _a.baseColorKey, overrideBaseColorHex = _a.overrideBaseColorHex, borderColorKey = _a.borderColorKey, _e = _a.iconSize, iconSize = _e === void 0 ? 24 : _e, _f = _a.iconFillType, iconFillType = _f === void 0 ? 'line' : _f, iconName = _a.iconName, iconColorKey = _a.iconColorKey, overrideIconColorHex = _a.overrideIconColorHex, _g = _a.shadow, shadow = _g === void 0 ? 'hidden' : _g, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, tabIndex = _a.tabIndex, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
     var handleClick = function (e) {
         if (onClick) {
             onClick(e);
@@ -76,7 +76,7 @@ function IconButton(_a) {
         }
         return iconStateColorObj[fillType];
     };
-    return ((0, jsx_runtime_1.jsx)(S_IconButton, __assign({ "x-pds-name": "IconButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', tabIndex: tabIndex, onClick: handleClick, onMouseDown: handleMouseDown }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: iconSize, colorKey: IconColorSelect(), fillType: iconFillType }) })));
+    return ((0, jsx_runtime_1.jsx)(S_IconButton, __assign({ "x-pds-name": "IconButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop", fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, overrideBaseColorHex: overrideBaseColorHex, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', tabIndex: tabIndex, onClick: handleClick, onMouseDown: handleMouseDown }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: iconName, size: iconSize, colorKey: IconColorSelect(), overrideColorHex: overrideIconColorHex, fillType: iconFillType }) })));
 }
 var fillDisabled = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
     var theme = _a.theme, baseColorKey = _a.baseColorKey;
@@ -85,7 +85,9 @@ var fillDisabled = (0, styled_components_1.css)(templateObject_1 || (templateObj
         : theme.ui_cpnt_button_fill_base_disabled;
 });
 var fill = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n\n  &:hover:enabled {\n    ", "\n  }\n\n  &:active:enabled {\n    ", "\n  }\n\n  ", ";\n"], ["\n  background-color: ", ";\n\n  &:hover:enabled {\n    ", "\n  }\n\n  &:active:enabled {\n    ", "\n  }\n\n  ", ";\n"])), function (_a) {
-    var theme = _a.theme, baseColorKey = _a.baseColorKey;
+    var theme = _a.theme, overrideBaseColorHex = _a.overrideBaseColorHex, baseColorKey = _a.baseColorKey;
+    if (overrideBaseColorHex)
+        return overrideBaseColorHex;
     return baseColorKey ? theme[baseColorKey] : theme.ui_cpnt_button_fill_base_primary;
 }, function (_a) {
     var theme = _a.theme, baseColorKey = _a.baseColorKey;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts

@@ -4,7 +4,8 @@ export type IconProps = {
     iconName?: PDSIconType;
     size?: 12 | 16 | 20 | 24 | 32 | 48 | 56 | 64 | 72;
     colorKey?: UiColors;
+    overrideColorHex?: string;
     fillType?: 'line' | 'fill';
 } & Record<string, any>;
-declare const Icon: ({ iconName, size, colorKey, fillType }: IconProps) => JSX.Element;
+declare const Icon: ({ iconName, size, colorKey, overrideColorHex, fillType }: IconProps) => JSX.Element;
 export default Icon;

package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.js

@@ -8,12 +8,19 @@ var styled_components_1 = require("styled-components");
 var fill_1 = __importDefault(require("../../common/assets/icons/fill"));
 var line_1 = __importDefault(require("../../common/assets/icons/line"));
 var Icon = function (_a) {
-    var _b = _a.iconName, iconName = _b === void 0 ? 'ic_unavailable' : _b, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.colorKey, colorKey = _d === void 0 ? 'ui_cpnt_icon_sys_grey_01' : _d, _e = _a.fillType, fillType = _e === void 0 ? 'line' : _e;
+    var _b = _a.iconName, iconName = _b === void 0 ? 'ic_unavailable' : _b, _c = _a.size, size = _c === void 0 ? 24 : _c, _d = _a.colorKey, colorKey = _d === void 0 ? 'ui_cpnt_icon_sys_grey_01' : _d, overrideColorHex = _a.overrideColorHex, _e = _a.fillType, fillType = _e === void 0 ? 'line' : _e;
     var theme = (0, styled_components_1.useTheme)();
     var DefaultIcon = line_1.default.ic_unavailable;
     var SelectedIcon = fillType === 'line'
         ? line_1.default[iconName] || fill_1.default[iconName]
         : fill_1.default[iconName] || line_1.default[iconName];
-    return SelectedIcon ? ((0, jsx_runtime_1.jsx)(SelectedIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: { minWidth: size, minHeight: size } })) : ((0, jsx_runtime_1.jsx)(DefaultIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: theme[colorKey], size: size, style: { minWidth: size, minHeight: size } }));
+    var hexToRgba = function (hex) {
+        var r = parseInt(hex.slice(1, 3), 16);
+        var g = parseInt(hex.slice(3, 5), 16);
+        var b = parseInt(hex.slice(5, 7), 16);
+        var a = parseInt(hex.slice(7, 9), 16) / 255;
+        return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+    };
+    return SelectedIcon ? ((0, jsx_runtime_1.jsx)(SelectedIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: overrideColorHex ? hexToRgba(overrideColorHex) : theme[colorKey], size: size, style: { minWidth: size, minHeight: size } })) : ((0, jsx_runtime_1.jsx)(DefaultIcon, { "x-pds-name": "Icon", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", color: overrideColorHex ? hexToRgba(overrideColorHex) : theme[colorKey], size: size, style: { minWidth: size, minHeight: size } }));
 };
 exports.default = Icon;

package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts

@@ -0,0 +1,139 @@
+/// <reference types="react" />
+import type { Layout } from 'publ-echo-test/dist/lib';
+import type { ResizeEventType } from 'publ-echo-test/dist/lib/GridItem/types';
+import type { ComponentBlock, GroupBlock } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
+import type { LayoutItem, Layouts } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
+export type TypeOfCompositionAction = ActionMap<ActionHandlerPayload>[keyof ActionMap<ActionHandlerPayload>];
+export type PayloadCBType = {
+    type: ComponentBlock['type'];
+    blockId: string;
+    cbId: number;
+    workDir: string;
+};
+export type PayloadGBType = {
+    type: GroupBlock['type'];
+    blockId: string;
+    childrenBlockIds: string[];
+    childrenCBIds: number[];
+    workDir: string;
+};
+export type PayloadBulkType = {
+    type: 'BULK';
+    blockId: 'BULK';
+    childrenBlockIds: string[];
+    childrenCBIds: number[];
+    workDir: string;
+    groupDisabled: boolean;
+};
+export type BlockPayloadType = PayloadCBType | PayloadGBType | PayloadBulkType;
+type ActionHandlerPayload = {
+    '@COMPOSITION/CB_DRAG_START': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+    };
+    '@COMPOSITION/CB_DRAG_STOP': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+        blockId: string;
+        workDir: string;
+    };
+    '@COMPOSITION/CB_RESIZE_STOP': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+        blockId: string;
+        workDir: string;
+    };
+    '@COMPOSITION/CB_AUTO_FIT_CONTENT': {
+        layout: Layout;
+        prev?: LayoutItem;
+        item?: LayoutItem;
+        placeholder?: LayoutItem;
+        e?: ResizeEventType;
+        node?: HTMLElement;
+        details: {
+            hadPaddingChanged: boolean;
+        };
+        blockId: string;
+        workDir: string;
+    };
+    '@COMPOSITION/PLACEMENT_CHANGED': {
+        layout: Layout;
+        layouts: Layouts;
+    };
+    '@COMPOSITION/BLOCK_CLICKED': {
+        block: BlockPayloadType;
+    };
+    '@COMPOSITION/CB_RIGHT_CLICKED': {
+        e: React.MouseEvent;
+        block: BlockPayloadType;
+    };
+    '@COMPOSITION/COMPOSITION_CLICKED': {
+        compositionId: number;
+    };
+    '@COMPOSITION/COMPOSITION_RIGHT_CLICKED': {
+        compositionId: number;
+        e: React.MouseEvent;
+    };
+    '@COMPOSITION/GROUP_RIGHT_CLICKED': {
+        e: React.MouseEvent;
+        block: PayloadGBType;
+        isEditingGroup: boolean;
+    };
+    '@COMPOSITION/BULK_RIGHT_CLICKED': {
+        e: React.MouseEvent;
+        block: PayloadBulkType;
+    };
+    '@COMPOSITION/BULK_CREATED': {
+        message: string;
+        data: LayoutItem;
+    };
+    '@COMPOSITION/BULK_DISMISSED': {
+        message: string;
+        editingGroupBlock: string;
+    };
+    '@COMPOSITION/COLLISION_NOT_FOUND': {
+        message: string;
+    };
+    '@COMPOSITION/ESCAPE_ONE_FROM_BULK': {
+        id: string;
+    };
+    '@COMPOSITION/BULK_DRAG_STOP': {
+        updatedBlocks: UpdatedBlock[];
+    };
+    '@COMPOSITION/GROUP_DRAG_STOP': {
+        updatedBlocks: UpdatedBlock[];
+        workDir: string;
+    };
+    '@COMPOSITION/WORKDIR_CHANGED': {
+        workDir: string;
+    };
+};
+export type UpdatedBlock = {
+    blockId: string;
+    cbId: number;
+    x: number;
+    y: number;
+};
+type ActionMap<M extends {
+    [index: string]: any;
+}> = {
+    [Key in keyof M]: M[Key] extends undefined ? {
+        type: Key;
+    } : {
+        type: Key;
+        payload: M[Key];
+    };
+};
+export {};

package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface CCBQueryPathContextType {
+    queryData?: Record<string, any>;
+}
+export declare const CCBQueryPathContext: import("react").Context<CCBQueryPathContextType | undefined>;
+export declare const useCCBQueryPath: () => CCBQueryPathContextType | null;
+export declare const CCBQueryPathProvider: import("react").Provider<CCBQueryPathContextType | undefined>;
+export {};

package/dist/src/sub/DynamicLayout/compositionQueryContext.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CCBQueryPathProvider = exports.useCCBQueryPath = exports.CCBQueryPathContext = void 0;
+var react_1 = require("react");
+exports.CCBQueryPathContext = (0, react_1.createContext)(undefined);
+var useCCBQueryPath = function () {
+    var context = (0, react_1.useContext)(exports.CCBQueryPathContext);
+    if (!context) {
+        return null;
+    }
+    return context;
+};
+exports.useCCBQueryPath = useCCBQueryPath;
+exports.CCBQueryPathProvider = exports.CCBQueryPathContext.Provider;