pds-dev-kit-web-test 2.5.375 → 2.5.377

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/compositionActionTypes.d.ts

@@ -0,0 +1,139 @@
+/// <reference types="react" />
+import type { Layout } from 'publ-echo/dist/lib';
+import type { ResizeEventType } from 'publ-echo/dist/lib/GridItem/types';
+import type { ComponentBlock, GroupBlock } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+import type { LayoutItem, Layouts } from 'publ-echo/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/compositionActionTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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;

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

@@ -0,0 +1,3 @@
+import type { IComposition } from './types';
+export declare const sampleMockComposition1: IComposition;
+export declare const sampleMockComposition2: IComposition;