@sitecore-jss/sitecore-jss-react 22.2.0-canary.3 → 22.2.0-canary.5

package/dist/cjs/components/PlaceholderCommon.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaceholderCommon = exports.isDynamicPlaceholder = exports.getDynamicPlaceholderPattern = void 0;
+exports.PlaceholderCommon = void 0;
 const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const MissingComponent_1 = require("./MissingComponent");
@@ -28,22 +28,6 @@ const BYOCComponent_1 = require("./BYOCComponent");
 const BYOCWrapper_1 = require("./BYOCWrapper");
 const PlaceholderMetadata_1 = require("./PlaceholderMetadata");
 const ErrorBoundary_1 = __importDefault(require("./ErrorBoundary"));
-/**
- * Returns a regular expression pattern for a dynamic placeholder name.
- * @param {string} placeholder Placeholder name with a dynamic segment (e.g. 'main-{*}')
- * @returns Regular expression pattern for the dynamic segment
- */
-const getDynamicPlaceholderPattern = (placeholder) => {
-    return new RegExp(`^${placeholder.replace(/\{\*\}+/i, '\\d+')}$`);
-};
-exports.getDynamicPlaceholderPattern = getDynamicPlaceholderPattern;
-/**
- * Checks if the placeholder name is dynamic.
- * @param {string} placeholder Placeholder name
- * @returns True if the placeholder name is dynamic
- */
-const isDynamicPlaceholder = (placeholder) => placeholder.indexOf('{*}') !== -1;
-exports.isDynamicPlaceholder = isDynamicPlaceholder;
 class PlaceholderCommon extends react_1.default.Component {
     constructor(props) {
         super(props);
@@ -57,14 +41,14 @@ class PlaceholderCommon extends react_1.default.Component {
         let result;
         let phName = name.slice();
         /**
-         * [Chromes Mode]: [SXA] it needs for deleting dynamics placeholder when we set him number(props.name) of container.
-         * from backend side we get common name of placeholder is called 'nameOfContainer-{*}' where '{*}' marker for replacing.
-         * [Metadata Mode]: We need to keep the raw placeholder name. e.g 'nameOfContainer-{*}' instead of 'nameOfContainer-1'
+         * Process (SXA) dynamic placeholders
+         * Find and replace the matching dynamic placeholder e.g 'nameOfContainer-{*}' with the requested e.g. 'nameOfContainer-1'.
+         * For Metadata EditMode, we need to keep the raw placeholder name in place.
          */
         if (rendering === null || rendering === void 0 ? void 0 : rendering.placeholders) {
             Object.keys(rendering.placeholders).forEach((placeholder) => {
-                const patternPlaceholder = (0, exports.isDynamicPlaceholder)(placeholder)
-                    ? (0, exports.getDynamicPlaceholderPattern)(placeholder)
+                const patternPlaceholder = (0, layout_1.isDynamicPlaceholder)(placeholder)
+                    ? (0, layout_1.getDynamicPlaceholderPattern)(placeholder)
                     : null;
                 if (patternPlaceholder && patternPlaceholder.test(phName)) {
                     if (editMode === layout_1.EditMode.Metadata) {

package/dist/cjs/components/PlaceholderMetadata.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlaceholderMetadata = void 0;
 const react_1 = __importDefault(require("react"));
-const PlaceholderCommon_1 = require("./PlaceholderCommon");
+const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
 /**
  * default value of uid for root placeholder when uid is not present.
  */
@@ -41,8 +41,8 @@ const PlaceholderMetadata = ({ rendering, placeholderName, children, }) => {
                         break;
                     }
                     // Check if the placeholder is a dynamic placeholder
-                    if ((0, PlaceholderCommon_1.isDynamicPlaceholder)(placeholder)) {
-                        const pattern = (0, PlaceholderCommon_1.getDynamicPlaceholderPattern)(placeholder);
+                    if ((0, layout_1.isDynamicPlaceholder)(placeholder)) {
+                        const pattern = (0, layout_1.getDynamicPlaceholderPattern)(placeholder);
                         // Check if the placeholder matches the dynamic placeholder pattern
                         if (pattern.test(placeholderName)) {
                             phId = id ? `${placeholder}_${id}` : `${placeholder}_${DEFAULT_PLACEHOLDER_UID}`;

package/dist/esm/components/PlaceholderCommon.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import { MissingComponent } from './MissingComponent';
-import { EditMode, } from '@sitecore-jss/sitecore-jss/layout';
+import { EditMode, isDynamicPlaceholder, getDynamicPlaceholderPattern, } from '@sitecore-jss/sitecore-jss/layout';
 import { constants } from '@sitecore-jss/sitecore-jss';
 import { convertAttributesToReactProps } from '../utils';
 import { HiddenRendering } from './HiddenRendering';
@@ -22,20 +22,6 @@ import { BYOCComponent, BYOC_COMPONENT_RENDERING_NAME } from './BYOCComponent';
 import { BYOCWrapper, BYOC_WRAPPER_RENDERING_NAME } from './BYOCWrapper';
 import { PlaceholderMetadata } from './PlaceholderMetadata';
 import ErrorBoundary from './ErrorBoundary';
-/**
- * Returns a regular expression pattern for a dynamic placeholder name.
- * @param {string} placeholder Placeholder name with a dynamic segment (e.g. 'main-{*}')
- * @returns Regular expression pattern for the dynamic segment
- */
-export const getDynamicPlaceholderPattern = (placeholder) => {
-    return new RegExp(`^${placeholder.replace(/\{\*\}+/i, '\\d+')}$`);
-};
-/**
- * Checks if the placeholder name is dynamic.
- * @param {string} placeholder Placeholder name
- * @returns True if the placeholder name is dynamic
- */
-export const isDynamicPlaceholder = (placeholder) => placeholder.indexOf('{*}') !== -1;
 export class PlaceholderCommon extends React.Component {
     constructor(props) {
         super(props);
@@ -49,9 +35,9 @@ export class PlaceholderCommon extends React.Component {
         let result;
         let phName = name.slice();
         /**
-         * [Chromes Mode]: [SXA] it needs for deleting dynamics placeholder when we set him number(props.name) of container.
-         * from backend side we get common name of placeholder is called 'nameOfContainer-{*}' where '{*}' marker for replacing.
-         * [Metadata Mode]: We need to keep the raw placeholder name. e.g 'nameOfContainer-{*}' instead of 'nameOfContainer-1'
+         * Process (SXA) dynamic placeholders
+         * Find and replace the matching dynamic placeholder e.g 'nameOfContainer-{*}' with the requested e.g. 'nameOfContainer-1'.
+         * For Metadata EditMode, we need to keep the raw placeholder name in place.
          */
         if (rendering === null || rendering === void 0 ? void 0 : rendering.placeholders) {
             Object.keys(rendering.placeholders).forEach((placeholder) => {

package/dist/esm/components/PlaceholderMetadata.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getDynamicPlaceholderPattern, isDynamicPlaceholder } from './PlaceholderCommon';
+import { getDynamicPlaceholderPattern, isDynamicPlaceholder, } from '@sitecore-jss/sitecore-jss/layout';
 /**
  * default value of uid for root placeholder when uid is not present.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-react",
-  "version": "22.2.0-canary.3",
+  "version": "22.2.0-canary.5",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -61,14 +61,14 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^22.2.0-canary.3",
+    "@sitecore-jss/sitecore-jss": "^22.2.0-canary.5",
     "fast-deep-equal": "^3.1.3",
     "prop-types": "^15.8.1",
     "style-attr": "^1.3.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "04f6c9e59f3ca0b31f4f575c9cf3ee93d6b88f61",
+  "gitHead": "a37f9a68fe0447aed16ae317d1881ac9209c3c22",
   "files": [
     "dist",
     "types"

package/types/components/PlaceholderCommon.d.ts

@@ -12,18 +12,6 @@ export type ComponentProps = {
     [key: string]: unknown;
     rendering: ComponentRendering;
 };
-/**
- * Returns a regular expression pattern for a dynamic placeholder name.
- * @param {string} placeholder Placeholder name with a dynamic segment (e.g. 'main-{*}')
- * @returns Regular expression pattern for the dynamic segment
- */
-export declare const getDynamicPlaceholderPattern: (placeholder: string) => RegExp;
-/**
- * Checks if the placeholder name is dynamic.
- * @param {string} placeholder Placeholder name
- * @returns True if the placeholder name is dynamic
- */
-export declare const isDynamicPlaceholder: (placeholder: string) => boolean;
 export interface PlaceholderProps {
     [key: string]: unknown;
     /** Name of the placeholder to render. */