pds-dev-kit-web-test 2.5.706 → 2.5.707

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.js

@@ -1,15 +1,20 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useIsMounted = void 0;
 var react_1 = require("react");
 function useIsMounted() {
-    var isMounted = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
-        isMounted.current = true;
-        return function () {
-            isMounted.current = false;
-        };
-    }, []);
-    return (0, react_1.useCallback)(function () { return isMounted.current; }, []);
+  var isMounted = (0, react_1.useRef)(false);
+  (0, react_1.useEffect)(function () {
+    isMounted.current = true;
+    return function () {
+      isMounted.current = false;
+    };
+  }, []);
+  return (0, react_1.useCallback)(function () {
+    return isMounted.current;
+  }, []);
 }
-exports.useIsMounted = useIsMounted;
+exports.useIsMounted = useIsMounted;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useRefDimensions.js

@@ -1,19 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 var react_1 = require("react");
 var useRefDimensions = function (ref) {
-    var _a = (0, react_1.useState)({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
-    (0, react_1.useEffect)(function () {
-        if (!ref.current)
-            return;
-        var resizeObserver = new ResizeObserver(function (callback) {
-            var object = callback[0];
-            var _a = object.contentRect, width = _a.width, height = _a.height;
-            setDimensions({ width: width, height: height });
-        });
-        resizeObserver.observe(ref.current);
-        return function () { return resizeObserver.disconnect(); }; // clean u
-    }, [ref]);
-    return dimensions;
+  var _a = (0, react_1.useState)({
+      width: 0,
+      height: 0
+    }),
+    dimensions = _a[0],
+    setDimensions = _a[1];
+  (0, react_1.useEffect)(function () {
+    if (!ref.current) return;
+    var resizeObserver = new ResizeObserver(function (callback) {
+      var object = callback[0];
+      var _a = object.contentRect,
+        width = _a.width,
+        height = _a.height;
+      setDimensions({
+        width: width,
+        height: height
+      });
+    });
+    resizeObserver.observe(ref.current);
+    return function () {
+      return resizeObserver.disconnect();
+    }; // clean u
+  }, [ref]);
+  return dimensions;
 };
-exports.default = useRefDimensions;
+exports.default = useRefDimensions;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.js

@@ -1,74 +1,82 @@
 "use strict";
-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 __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);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.useResizeObserver = void 0;
 var react_1 = require("react");
 var useIsMounted_1 = require("./useIsMounted");
 var initialSize = {
-    width: undefined,
-    height: undefined
+  width: undefined,
+  height: undefined
 };
 function useResizeObserver(options) {
-    var ref = options.ref, _a = options.box, box = _a === void 0 ? 'content-box' : _a;
-    var _b = (0, react_1.useState)(initialSize), _c = _b[0], width = _c.width, height = _c.height, setSize = _b[1];
-    var isMounted = (0, useIsMounted_1.useIsMounted)();
-    var previousSize = (0, react_1.useRef)(__assign({}, initialSize));
-    var onResize = (0, react_1.useRef)(undefined);
-    onResize.current = options.onResize;
-    (0, react_1.useEffect)(function () {
-        if (!ref.current)
-            return;
-        if (typeof window === 'undefined' || !('ResizeObserver' in window))
-            return;
-        var observer = new ResizeObserver(function (_a) {
-            var entry = _a[0];
-            var boxProp = box === 'border-box'
-                ? 'borderBoxSize'
-                : box === 'device-pixel-content-box'
-                    ? 'devicePixelContentBoxSize'
-                    : 'contentBoxSize';
-            var newWidth = extractSize(entry, boxProp, 'inlineSize');
-            var newHeight = extractSize(entry, boxProp, 'blockSize');
-            var hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;
-            if (hasChanged) {
-                var newSize = { width: newWidth, height: newHeight };
-                previousSize.current.width = newWidth;
-                previousSize.current.height = newHeight;
-                if (onResize.current) {
-                    onResize.current(newSize);
-                }
-                else if (isMounted()) {
-                    setSize(newSize);
-                }
-            }
-        });
-        observer.observe(ref.current, { box: box });
-        return function () {
-            observer.disconnect();
+  var ref = options.ref,
+    _a = options.box,
+    box = _a === void 0 ? 'content-box' : _a;
+  var _b = (0, react_1.useState)(initialSize),
+    _c = _b[0],
+    width = _c.width,
+    height = _c.height,
+    setSize = _b[1];
+  var isMounted = (0, useIsMounted_1.useIsMounted)();
+  var previousSize = (0, react_1.useRef)(__assign({}, initialSize));
+  var onResize = (0, react_1.useRef)(undefined);
+  onResize.current = options.onResize;
+  (0, react_1.useEffect)(function () {
+    if (!ref.current) return;
+    if (typeof window === 'undefined' || !('ResizeObserver' in window)) return;
+    var observer = new ResizeObserver(function (_a) {
+      var entry = _a[0];
+      var boxProp = box === 'border-box' ? 'borderBoxSize' : box === 'device-pixel-content-box' ? 'devicePixelContentBoxSize' : 'contentBoxSize';
+      var newWidth = extractSize(entry, boxProp, 'inlineSize');
+      var newHeight = extractSize(entry, boxProp, 'blockSize');
+      var hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;
+      if (hasChanged) {
+        var newSize = {
+          width: newWidth,
+          height: newHeight
         };
-    }, [box, ref, isMounted]);
-    return { width: width, height: height };
+        previousSize.current.width = newWidth;
+        previousSize.current.height = newHeight;
+        if (onResize.current) {
+          onResize.current(newSize);
+        } else if (isMounted()) {
+          setSize(newSize);
+        }
+      }
+    });
+    observer.observe(ref.current, {
+      box: box
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, [box, ref, isMounted]);
+  return {
+    width: width,
+    height: height
+  };
 }
 exports.useResizeObserver = useResizeObserver;
 function extractSize(entry, box, sizeType) {
-    if (!entry[box]) {
-        if (box === 'contentBoxSize') {
-            return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];
-        }
-        return undefined;
+  if (!entry[box]) {
+    if (box === 'contentBoxSize') {
+      return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];
     }
-    return Array.isArray(entry[box])
-        ? entry[box][0][sizeType]
-        : // @ts-ignore Support Firefox's non-standard behavior
-            entry[box][sizeType];
-}
+    return undefined;
+  }
+  return Array.isArray(entry[box]) ? entry[box][0][sizeType] :
+  // @ts-ignore Support Firefox's non-standard behavior
+  entry[box][sizeType];
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/index.js

@@ -1,8 +1,18 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.CustomSection = void 0;
 var CustomSection_1 = require("./CustomSection");
-Object.defineProperty(exports, "CustomSection", { enumerable: true, get: function () { return __importDefault(CustomSection_1).default; } });
+Object.defineProperty(exports, "CustomSection", {
+  enumerable: true,
+  get: function () {
+    return __importDefault(CustomSection_1).default;
+  }
+});

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/clsx.js

@@ -1,33 +1,31 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.clsx = void 0;
 var clsx = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
+  var args = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    args[_i] = arguments[_i];
+  }
+  return args.flatMap(function (arg) {
+    if (!arg) return [];
+    if (typeof arg === 'string' || typeof arg === 'number') return [arg];
+    if (Array.isArray(arg)) return exports.clsx.apply(void 0, arg);
+    if (typeof arg === 'object') {
+      return Object.entries(arg)
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      .filter(function (_a) {
+        var _ = _a[0],
+          value = _a[1];
+        return Boolean(value);
+      }).map(function (_a) {
+        var key = _a[0];
+        return key;
+      });
     }
-    return args
-        .flatMap(function (arg) {
-        if (!arg)
-            return [];
-        if (typeof arg === 'string' || typeof arg === 'number')
-            return [arg];
-        if (Array.isArray(arg))
-            return exports.clsx.apply(void 0, arg);
-        if (typeof arg === 'object') {
-            return (Object.entries(arg)
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                .filter(function (_a) {
-                var _ = _a[0], value = _a[1];
-                return Boolean(value);
-            })
-                .map(function (_a) {
-                var key = _a[0];
-                return key;
-            }));
-        }
-        return [];
-    })
-        .join(' ');
+    return [];
+  }).join(' ');
 };
-exports.clsx = clsx;
+exports.clsx = clsx;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js

@@ -1,71 +1,88 @@
 "use strict";
-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 __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);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.getLinearGradientStyles = exports.getBtnColorStyles = exports.parseStyleColorToCSSProp = void 0;
 function parseStyleColorToCSSProp(_a) {
-    var availableSpecCodes = _a.availableSpecCodes, props = _a.props, propKey = _a.propKey, device = _a.device;
-    var valueSet = availableSpecCodes.reduce(function (acc, currentKey) {
-        var _a, _b, _c;
-        var stringifiedKey = currentKey.toString();
-        var baseKey = device === 'DESKTOP' ? currentKey : "".concat(stringifiedKey, ":MOBILE") || currentKey;
-        var keyWithHover = "".concat(baseKey.toString(), ":HOVER");
-        var value = props[baseKey];
-        var hoverValue = props[keyWithHover];
-        if (hoverValue === null || hoverValue === undefined) {
-            return { normal: __assign(__assign({}, acc.normal), (_a = {}, _a[currentKey] = value, _a)), hover: __assign({}, acc.hover) };
-        }
-        return {
-            normal: __assign(__assign({}, acc.normal), (_b = {}, _b[currentKey] = value, _b)),
-            hover: __assign(__assign({}, acc.hover), (_c = {}, _c[currentKey] = hoverValue, _c))
-        };
-    }, {
-        normal: {},
-        hover: {}
-    });
-    var style = getBtnColorStyles(valueSet.normal, propKey);
-    var hoverStyle = getBtnColorStyles(valueSet.hover, propKey);
-    return { style: style, hoverStyle: hoverStyle };
+  var availableSpecCodes = _a.availableSpecCodes,
+    props = _a.props,
+    propKey = _a.propKey,
+    device = _a.device;
+  var valueSet = availableSpecCodes.reduce(function (acc, currentKey) {
+    var _a, _b, _c;
+    var stringifiedKey = currentKey.toString();
+    var baseKey = device === 'DESKTOP' ? currentKey : "".concat(stringifiedKey, ":MOBILE") || currentKey;
+    var keyWithHover = "".concat(baseKey.toString(), ":HOVER");
+    var value = props[baseKey];
+    var hoverValue = props[keyWithHover];
+    if (hoverValue === null || hoverValue === undefined) {
+      return {
+        normal: __assign(__assign({}, acc.normal), (_a = {}, _a[currentKey] = value, _a)),
+        hover: __assign({}, acc.hover)
+      };
+    }
+    return {
+      normal: __assign(__assign({}, acc.normal), (_b = {}, _b[currentKey] = value, _b)),
+      hover: __assign(__assign({}, acc.hover), (_c = {}, _c[currentKey] = hoverValue, _c))
+    };
+  }, {
+    normal: {},
+    hover: {}
+  });
+  var style = getBtnColorStyles(valueSet.normal, propKey);
+  var hoverStyle = getBtnColorStyles(valueSet.hover, propKey);
+  return {
+    style: style,
+    hoverStyle: hoverStyle
+  };
 }
 exports.parseStyleColorToCSSProp = parseStyleColorToCSSProp;
 function getBtnColorStyles(value, cbName) {
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'NONE') {
-        return { background: 'none' };
-    }
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'SOLID') {
-        var style = {
-            background: value["CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR")]
-        };
-        return style;
-    }
-    return getLinearGradientStyles(value, cbName);
+  if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'NONE') {
+    return {
+      background: 'none'
+    };
+  }
+  if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'SOLID') {
+    var style = {
+      background: value["CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR")]
+    };
+    return style;
+  }
+  return getLinearGradientStyles(value, cbName);
 }
 exports.getBtnColorStyles = getBtnColorStyles;
 function getLinearGradientStyles(value, cbName) {
-    var angle = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
-    var startColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
-    var startLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
-    var endColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
-    var endLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'LINEAR') {
-        var gradient = "".concat(angle, "deg, ").concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
-        var style = { background: "linear-gradient(".concat(gradient, ")") };
-        return style;
-    }
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'RADIAL') {
-        var gradient = "".concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
-        var style = { background: "radial-gradient(".concat(gradient, ")") };
-        return style;
-    }
-    return {};
+  var angle = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
+  var startColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
+  var startLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
+  var endColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
+  var endLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
+  if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'LINEAR') {
+    var gradient = "".concat(angle, "deg, ").concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
+    var style = {
+      background: "linear-gradient(".concat(gradient, ")")
+    };
+    return style;
+  }
+  if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'RADIAL') {
+    var gradient = "".concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
+    var style = {
+      background: "radial-gradient(".concat(gradient, ")")
+    };
+    return style;
+  }
+  return {};
 }
-exports.getLinearGradientStyles = getLinearGradientStyles;
+exports.getLinearGradientStyles = getLinearGradientStyles;