pds-dev-kit-web-test 2.7.281 → 2.7.283

package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForComposition.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IComposition } from '../types';
+import type { Layout } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
+export type LayoutsType = {
+    sm: Layout;
+    lg: Layout;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IComposition & React.RefAttributes<unknown>>>;
+export default _default;

package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForComposition.js

@@ -0,0 +1,352 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-unused-vars */
+var group_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/group");
+var renderHelpers_1 = require("publ-echo-test/dist/lib/GridLayoutEditor/utils/renderHelpers");
+require("publ-echo/dist/lib/GridItem/OutsideClickHandler");
+var react_1 = __importStar(require("react"));
+var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
+var styled_components_1 = __importDefault(require("styled-components"));
+require("../components");
+var CompositionBackground_1 = __importDefault(require("../CompositionRenderer/CompositionBackground"));
+var FlexGridItem_1 = __importDefault(require("../CompositionRenderer/FlexGridItem"));
+var gleStyles_1 = require("../gleStyles");
+var useResizableObserver_1 = require("../sections/CustomSection/hooks/useResizableObserver");
+var util_1 = require("../sections/CustomSection/util");
+var parseSectionPadding_1 = __importDefault(require("../sections/CustomSection/util/layoutPropParsers/parseSectionPadding"));
+var parseCompositionPlacement_1 = __importDefault(require("../sections/CustomSection/util/parseCompositionPlacement"));
+var groupUtils_1 = __importDefault(require("../utils/groupUtils"));
+// const GRID_CELL_MIN = 24;
+// const DESKTOP_GRID_COLS = 24;
+// const MOBILE_GRID_COLS = 8;
+// const GLE_MIN_WIDTH_DESKTOP_PX = `${GRID_CELL_MIN * DESKTOP_GRID_COLS}px`;
+// const GLE_MIN_WIDTH_MOBILE_PX = `${GRID_CELL_MIN * MOBILE_GRID_COLS}px`;
+// type Props = ISection & ContextProps;
+// type ContextProps = {
+//   device: Device;
+//   queryData: QueryData;
+// };
+var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, ref) {
+    var _a, _b, _c, _d;
+    var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, sectionActionHandler = _e.sectionActionHandler, queryData = _e.queryData;
+    var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
+    var _f = jsonProperties, _g = _f.data, CB_PLACEMENT_PROP_COMPOSITION = _g.CB_PLACEMENT_PROP_COMPOSITION, CB_LAYOUT_PROP_PADDING = _g.CB_LAYOUT_PROP_PADDING, zOrders = _f.zOrders;
+    var isMobile = device === 'MOBILE';
+    var colsDesktop = (_a = CB_PLACEMENT_PROP_COMPOSITION.CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS) !== null && _a !== void 0 ? _a : 24;
+    var colsMobile = (_b = CB_PLACEMENT_PROP_COMPOSITION['CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE']) !== null && _b !== void 0 ? _b : 8;
+    var rowsDesktop = (_c = CB_PLACEMENT_PROP_COMPOSITION.CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS) !== null && _c !== void 0 ? _c : 26;
+    var rowsMobile = (_d = CB_PLACEMENT_PROP_COMPOSITION['CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE']) !== null && _d !== void 0 ? _d : rowsDesktop;
+    var rows = isMobile ? rowsMobile : rowsDesktop;
+    var cols = isMobile ? colsMobile : colsDesktop;
+    var layouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders);
+    var containerRef = (0, react_1.useRef)(null);
+    var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
+    var _h = (0, react_1.useState)(null), selectedCB = _h[0], setSelectedCB = _h[1];
+    var gleRef = (0, react_1.useRef)(null);
+    var _j = (0, react_1.useState)([]), selectedRows = _j[0], setSelectedRows = _j[1]; // 빈 배열로 초기화
+    var isEditMode = mode === 'EDIT';
+    // const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
+    // const [layouts] = useState<LayoutsType>(() => {
+    //   const { lg, sm } = parsePlacement(componentBlocks ?? []);
+    //   return {
+    //     lg,
+    //     sm
+    //   };
+    // });
+    (0, react_1.useEffect)(function () {
+        if (editingSectionId !== props.id) {
+            setSelectedCB(null);
+            // breakGroupCB();
+        }
+    }, [editingSectionId]);
+    // NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
+    (0, react_1.useLayoutEffect)(function () {
+        if (props.id !== editingSectionId) {
+            return;
+        }
+        if (!shortcutKeyMode) {
+            return;
+        }
+        if (shortcutKeyMode === 'SELECT_ALL') {
+            if ((componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) === 1) {
+                setSelectedCB(componentBlocks[0].id);
+                return;
+            }
+            // makeAllInOneGroup();
+            return;
+        }
+        if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
+            // breakGroupCB();
+            setSelectedCB(null);
+            return;
+        }
+    }, [shortcutKeyMode, setSelectedCB]);
+    (0, react_1.useLayoutEffect)(function () {
+        if (props.id !== editingSectionId) {
+            return;
+        }
+        if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
+            if (!selectedCB || selectedCB === 'BULK') {
+                return;
+            }
+            // makeCollisionGroup(selectedCB);
+            // sectionActionHandler &&
+            //   sectionActionHandler({
+            //     type: '@CUSTOMSECTION/BLOCK_CLICKED',
+            //     payload: {
+            //      block:
+            //     }
+            //   });
+            setSelectedCB('BULK');
+        }
+    }, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
+    var _k = (0, parseCompositionPlacement_1.default)({
+        isMobile: isMobile,
+        compositionProps: CB_PLACEMENT_PROP_COMPOSITION
+    }), minHeight = _k.minHeight, maxHeight = _k.maxHeight, maxWidth = _k.maxWidth, minWidth = _k.minWidth;
+    var canvasWidth = 50 * cols;
+    var customSectionStyles = {
+        minHeight: "".concat(minHeight, "px"),
+        maxHeight: "".concat(maxHeight, "px"),
+        width: "100%",
+        maxWidth: maxWidth ? "".concat(maxWidth, "px") : '100%',
+        minWidth: "".concat(Math.max(canvasWidth, minWidth !== null && minWidth !== void 0 ? minWidth : 0), "px")
+    };
+    var onClickSection = function () {
+        if (!isEditMode) {
+            return;
+        }
+        setSelectedCB(null);
+        sectionActionHandler &&
+            sectionActionHandler({
+                type: '@CUSTOMSECTION/SECTION_CLICKED',
+                payload: {
+                    sectionId: props.id
+                }
+            });
+    };
+    var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
+    var sectionRow = CB_PLACEMENT_PROP_COMPOSITION[device === 'DESKTOP'
+        ? 'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS'
+        : 'CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE'];
+    var rowHeight = (function () {
+        if (!size.width) {
+            return 50;
+        }
+        if (device === 'MOBILE') {
+            var cellWidth_1 = size.width / cols;
+            return cellWidth_1 * 0.56;
+        }
+        var cellWidth = size.width / cols;
+        return cellWidth * 0.56;
+    })();
+    var baseFontSize = (function () {
+        if (!size.width) {
+            return 16;
+        }
+        // NOTE: 확인 필요
+        var responsiveFontMode = true;
+        if (device === 'MOBILE') {
+            if (responsiveFontMode) {
+                return size.width * 0.0421;
+            }
+            if (size.width < 327) {
+                return Math.max(getDefensiveFontSize(device, size.width), 14);
+            }
+            return 16;
+        }
+        // NOTE: Desktop
+        if (responsiveFontMode) {
+            return size.width * 0.0133;
+        }
+        if (size.width < 1200) {
+            return Math.max(getDefensiveFontSize(device, size.width), 16);
+        }
+        return 16;
+    })();
+    var pedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
+    // const [editingGroupBlock, setEditingGroupBlock] = useState<string>('ROOT');
+    // const editableCBIds = findDirectChildrenCbIds(pedigree, 'ROOT');
+    // const groupblocks = findGroupBlocks(pedigree, editingGroupBlock) ?? [];
+    // const handleGroupBlockDoubleClick = (blockId: string) => {
+    //   setEditingGroupBlock(blockId);
+    // };
+    // const [pinnedGBs, setPinnedGBs] = useState<string[]>([]);
+    // const pinnedChildrens = pinnedGBs.map((gbId) => findAllChildrenCbIds(pedigree, gbId)).flat();
+    // const currentDepthCbs = props.componentBlocks?.filter((cb) => {
+    //   return editableCBIds.includes(cb.id);
+    // });
+    // const onToggleGBPinned = (gbId: string) => {
+    //   setPinnedGBs((prev) => {
+    //     if (prev.includes(gbId)) {
+    //       return prev.filter((id) => id !== gbId);
+    //     }
+    //     return [...prev, gbId];
+    //   });
+    // };
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
+                device: device,
+                mode: mode,
+                queryData: queryData
+            } }, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(CompositionBackground_1.default, __assign({}, props, { isMobile: isMobile, overrideStyles: {
+                            minHeight: customSectionStyles.minHeight,
+                            paddingTop: padding.top,
+                            paddingBottom: padding.bottom,
+                            paddingRight: padding.right,
+                            paddingLeft: padding.left
+                        } }, { children: (0, jsx_runtime_1.jsxs)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, selectedRows: selectedRows, style: {
+                                width: customSectionStyles.width,
+                                maxWidth: customSectionStyles.maxWidth
+                            } }, { children: [Array.from({ length: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0 }).map(function (_, rIdx) {
+                                    // selectedRows 배열에 현재 행의 인덱스가 포함되어 있는지 확인합니다.
+                                    var isSelected = selectedRows.includes(rIdx);
+                                    var handleRowClick = function () {
+                                        setSelectedRows(function (prevSelectedRows) {
+                                            // 이미 선택된 상태라면, 배열에서 해당 인덱스를 제거합니다 (선택 해제).
+                                            if (isSelected) {
+                                                return prevSelectedRows.filter(function (rowIdx) { return rowIdx !== rIdx; });
+                                            }
+                                            // 선택되지 않은 상태라면, 배열에 현재 인덱스를 추가합니다 (선택).
+                                            return __spreadArray(__spreadArray([], prevSelectedRows, true), [rIdx], false);
+                                        });
+                                    };
+                                    return ((0, jsx_runtime_1.jsx)("div", __assign({ 
+                                        // className={`bg-grid-row ${isSelected ? 'selected' : ''}`}
+                                        style: {
+                                            gridRow: "".concat(rIdx + 1),
+                                            gridColumn: "1 / -1",
+                                            display: 'contents'
+                                        } }, { children: Array.from({ length: cols }).map(function (_, cIdx) { return ((0, jsx_runtime_1.jsx)("div", { className: "bg-grid-item", style: {
+                                                gridArea: "".concat(rIdx + 1, " / ").concat(cIdx + 1),
+                                                position: 'relative',
+                                                backgroundColor: '#0000001a',
+                                                border: '1px solid #ffffff33'
+                                            }, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
+                                }), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, 
+                                    // pinnedGBs={device === 'DESKTOP' ? child?.isPinnedDesktop : child.isPinnedMobile}
+                                    // onToggleGBPinned={onToggleGBPinned}
+                                    isEditMode: true }, child.blockId)); })] })) })) })) }) })) }));
+});
+function GroupBlockRender(_a) {
+    var block = _a.block, layouts = _a.layouts, pedigree = _a.pedigree, isEditing = _a.isEditing, isPinned = _a.isPinned, componentBlocks = _a.componentBlocks, onTogglePinned = _a.onTogglePinned, onDoubleClick = _a.onDoubleClick, onDoubleClickOutside = _a.onDoubleClickOutside;
+    var childrenIds = (0, group_1.findAllChildrenCbIds)(pedigree, block.blockId).map(function (i) { return i.toString(); });
+    var bounding = (0, renderHelpers_1.getBoundingArea)(layouts, childrenIds);
+    (0, react_1.useEffect)(function () {
+        if (!isEditing) {
+            return;
+        }
+        function handleDoubleClickOutside(e) {
+            if (!e.target.closest('.group')) {
+                onDoubleClickOutside();
+            }
+        }
+        document.addEventListener('dblclick', handleDoubleClickOutside);
+        return function () {
+            document.removeEventListener('dblclick', handleDoubleClickOutside);
+        };
+    }, [isEditing]);
+    if (!bounding) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    var gridArea = getGridAreaFromGroup({
+        x: bounding.x,
+        y: bounding.y,
+        cols: bounding.w,
+        rows: bounding.h
+    });
+    var children = componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.filter(function (cb) { return childrenIds.includes(cb.id.toString()); });
+    if (childrenIds.length === 0) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\uB529\uD06C\uADF8\uB8F9" });
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+            gridArea: gridArea,
+            position: 'relative',
+            width: '100%',
+            height: '100%'
+        }, onDoubleClick: onDoubleClick }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "group", style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    boxShadow: '0 0 0 3px #027aff'
+                } }), children === null || children === void 0 ? void 0 : children.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: "DESKTOP", rowHeight: 50, zIndex: 0, style: { pointerEvents: 'none', opacity: isEditing ? 1 : 0.3 }, showPinned: isEditing, block: block, isParentGroupPinned: isPinned }) }, cb.id)); })] })));
+}
+var S_Pinned = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"], ["\n  pointer-events: auto;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 9999999;\n"])));
+function getGridAreaFromGroup(position) {
+    var x = position.x, y = position.y, cols = position.cols, rows = position.rows;
+    var colStart = clamp(x + 1, 1, Math.max(1, 25 - cols));
+    var rowStart = clamp(y + 1, 1, Infinity);
+    var rowEnd = clamp(rows + rowStart, rowStart + 1, Infinity);
+    var colEnd = clamp(colStart + cols, colStart + 1, 25);
+    return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
+}
+function clamp(num, min, max) {
+    return Math.max(Math.min(num, max), min);
+}
+var GridContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: ", ";\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .bg-grid-item {\n    transition: background-color 0.2s ease;\n  }\n\n  /* 1. \uAE30\uBCF8 \uD638\uBC84 (\uC120\uD0DD\uB418\uC9C0 \uC54A\uC558\uC744 \uB54C) */\n  .bg-grid-row:not(.selected):hover > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 2. 'selected' \uD074\uB798\uC2A4\uAC00 \uBD99\uC740 \uD589\uC758 \uC544\uC774\uD15C (\uC120\uD0DD\uB428) */\n  .bg-grid-row.selected > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 3. \uC120\uD0DD\uB41C \uD589\uC5D0 \uD638\uBC84\uD588\uC744 \uB54C */\n  .bg-grid-row.selected:hover > .bg-grid-item {\n    background-color: #ffc0cb !important; /* \uD551\uD06C\uC0C9 */\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: ", ";\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .bg-grid-item {\n    transition: background-color 0.2s ease;\n  }\n\n  /* 1. \uAE30\uBCF8 \uD638\uBC84 (\uC120\uD0DD\uB418\uC9C0 \uC54A\uC558\uC744 \uB54C) */\n  .bg-grid-row:not(.selected):hover > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 2. 'selected' \uD074\uB798\uC2A4\uAC00 \uBD99\uC740 \uD589\uC758 \uC544\uC774\uD15C (\uC120\uD0DD\uB428) */\n  .bg-grid-row.selected > .bg-grid-item {\n    background-color: #90ee90 !important; /* \uC5F0\uB450\uC0C9 */\n  }\n\n  /* 3. \uC120\uD0DD\uB41C \uD589\uC5D0 \uD638\uBC84\uD588\uC744 \uB54C */\n  .bg-grid-row.selected:hover > .bg-grid-item {\n    background-color: #ffc0cb !important; /* \uD551\uD06C\uC0C9 */\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) {
+    return Array.from({ length: props.sectionRow })
+        .map(function (_) { return "minmax(".concat(props.rowHeight, "px, auto)"); })
+        .join(' ');
+});
+var S_SectionWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.default = react_1.default.memo(GridAutoRowEditor);
+function getDefensiveFontSize(device, width) {
+    if (device === 'MOBILE') {
+        return width * (0.0000868 * width + 0.0202);
+    }
+    return width * (0.0000246 * width - 0.01618);
+}
+var templateObject_1, templateObject_2, templateObject_3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.281",
+  "version": "2.7.283",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",