pds-dev-kit-web-test 2.5.709 → 2.5.710

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

@@ -1,82 +0,0 @@
-"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);
-};
-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
-};
-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();
-    };
-  }, [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;
-  }
-  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,18 +0,0 @@
-"use strict";
-
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-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;
-  }
-});

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

@@ -1,31 +0,0 @@
-"use strict";
-
-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];
-  }
-  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(' ');
-};
-exports.clsx = clsx;

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

@@ -1,88 +0,0 @@
-"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);
-};
-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
-  };
-}
-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);
-}
-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 {};
-}
-exports.getLinearGradientStyles = getLinearGradientStyles;

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

@@ -1,336 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMobileFontSize = void 0;
-// desktop 폰트 사이즈를 key로, mobile 폰트 사이즈를 value로 하는 매핑 객체
-var fontSizeMapping = {
-  6: 7,
-  7: 7,
-  8: 8,
-  9: 9,
-  10: 10,
-  11: 11,
-  12: 12,
-  13: 13,
-  14: 14,
-  15: 16,
-  16: 16,
-  17: 16,
-  18: 16,
-  19: 16,
-  20: 18,
-  21: 18,
-  22: 18,
-  23: 18,
-  24: 18,
-  25: 18,
-  26: 20,
-  27: 20,
-  28: 22,
-  29: 22,
-  30: 24,
-  31: 24,
-  32: 24,
-  33: 26,
-  34: 26,
-  35: 26,
-  36: 26,
-  37: 28,
-  38: 28,
-  39: 28,
-  40: 28,
-  41: 30,
-  42: 30,
-  43: 30,
-  44: 30,
-  45: 30,
-  46: 32,
-  47: 32,
-  48: 32,
-  49: 32,
-  50: 36,
-  51: 36,
-  52: 36,
-  53: 36,
-  54: 36,
-  55: 36,
-  56: 36,
-  57: 36,
-  58: 36,
-  59: 36,
-  60: 40,
-  61: 40,
-  62: 40,
-  63: 40,
-  64: 42,
-  65: 42,
-  66: 42,
-  67: 42,
-  68: 44,
-  69: 44,
-  70: 46,
-  71: 46,
-  72: 48,
-  73: 48,
-  74: 48,
-  75: 48,
-  76: 48,
-  77: 48,
-  78: 48,
-  79: 48,
-  80: 48,
-  81: 48,
-  82: 48,
-  83: 48,
-  84: 48,
-  85: 48,
-  86: 48,
-  87: 48,
-  88: 48,
-  89: 48,
-  90: 50,
-  91: 50,
-  92: 50,
-  93: 50,
-  94: 50,
-  95: 52,
-  96: 52,
-  97: 52,
-  98: 52,
-  99: 52,
-  100: 52,
-  101: 50,
-  102: 50,
-  103: 50,
-  104: 50,
-  105: 50,
-  106: 50,
-  107: 50,
-  108: 50,
-  109: 50,
-  110: 50,
-  111: 50,
-  112: 52,
-  113: 52,
-  114: 52,
-  115: 52,
-  116: 53,
-  117: 54,
-  118: 55,
-  119: 56,
-  120: 57,
-  121: 58,
-  122: 59,
-  123: 60,
-  124: 61,
-  125: 62,
-  126: 63,
-  127: 64,
-  128: 65,
-  129: 66,
-  130: 67,
-  131: 68,
-  132: 69,
-  133: 70,
-  134: 71,
-  135: 72,
-  136: 73,
-  137: 74,
-  138: 75,
-  139: 76,
-  140: 77,
-  141: 78,
-  142: 79,
-  143: 80,
-  144: 81,
-  145: 82,
-  146: 83,
-  147: 84,
-  148: 85,
-  149: 86,
-  150: 87,
-  151: 88,
-  152: 89,
-  153: 90,
-  154: 91,
-  155: 92,
-  156: 93,
-  157: 94,
-  158: 95,
-  159: 96,
-  160: 97,
-  161: 98,
-  162: 99,
-  163: 100,
-  164: 101,
-  165: 102,
-  166: 103,
-  167: 104,
-  168: 105,
-  169: 106,
-  170: 107,
-  171: 108,
-  172: 109,
-  173: 110,
-  174: 111,
-  175: 112,
-  176: 113,
-  177: 114,
-  178: 115,
-  179: 116,
-  180: 117,
-  181: 118,
-  182: 119,
-  183: 120,
-  184: 121,
-  185: 122,
-  186: 123,
-  187: 124,
-  188: 125,
-  189: 126,
-  190: 127,
-  191: 128,
-  192: 129,
-  193: 130,
-  194: 131,
-  195: 132,
-  196: 133,
-  197: 134,
-  198: 135,
-  199: 136,
-  200: 137,
-  201: 138,
-  202: 139,
-  203: 140,
-  204: 141,
-  205: 142,
-  206: 143,
-  207: 144,
-  208: 145,
-  209: 146,
-  210: 147,
-  211: 148,
-  212: 149,
-  213: 150,
-  214: 151,
-  215: 152,
-  216: 153,
-  217: 154,
-  218: 155,
-  219: 156,
-  220: 157,
-  221: 158,
-  222: 159,
-  223: 160,
-  224: 161,
-  225: 162,
-  226: 163,
-  227: 164,
-  228: 165,
-  229: 166,
-  230: 167,
-  231: 168,
-  232: 169,
-  233: 170,
-  234: 171,
-  235: 172,
-  236: 173,
-  237: 174,
-  238: 175,
-  239: 176,
-  240: 177,
-  241: 178,
-  242: 179,
-  243: 180,
-  244: 181,
-  245: 182,
-  246: 183,
-  247: 184,
-  248: 185,
-  249: 186,
-  250: 187,
-  251: 188,
-  252: 189,
-  253: 190,
-  254: 191,
-  255: 192,
-  256: 193,
-  257: 194,
-  258: 195,
-  259: 196,
-  260: 197,
-  261: 198,
-  262: 199,
-  263: 200,
-  264: 200,
-  265: 200,
-  266: 200,
-  267: 200,
-  268: 200,
-  269: 200,
-  270: 200,
-  271: 200,
-  272: 200,
-  273: 200,
-  274: 200,
-  275: 200,
-  276: 200,
-  277: 200,
-  278: 200,
-  279: 200,
-  280: 200,
-  281: 200,
-  282: 200,
-  283: 200,
-  284: 200,
-  285: 200,
-  286: 200,
-  287: 200,
-  288: 200,
-  289: 200,
-  290: 200,
-  291: 200,
-  292: 200,
-  293: 200,
-  294: 200,
-  295: 200,
-  296: 200,
-  297: 200,
-  298: 200,
-  299: 200,
-  300: 200,
-  301: 200,
-  302: 200,
-  303: 200,
-  304: 200,
-  305: 200,
-  306: 200,
-  307: 200,
-  308: 200,
-  309: 200,
-  310: 200,
-  311: 200,
-  312: 200,
-  313: 200,
-  314: 200,
-  315: 200,
-  316: 200,
-  317: 200,
-  318: 200,
-  319: 200,
-  320: 200
-};
-function getMobileFontSize(desktopSize) {
-  if (fontSizeMapping[desktopSize]) {
-    return fontSizeMapping[desktopSize];
-  }
-  return desktopSize;
-}
-exports.getMobileFontSize = getMobileFontSize;
-// 사용 예시:
-// const desktopFontSize = 15;
-// const mobileFontSizeFromServer: number | null = null;
-// const finalMobileFontSize = getMobileFontSize(desktopFontSize, mobileFontSizeFromServer);
-// console.log(finalMobileFontSize); // 출력: 16