refactor(storybook): consolidate dropdown stories into composed controls

2026-10-19 12:30:29 +09:00
1 parent c165753bbe
commit 9482d45f34
@@ -0,0 +1,177 @@
+{
+  "baseCommit": "c165753bbe24de6581c66704bde4ba3246049ec2",
+  "checks": [
+    {
+      "name": "28 -> 24 SW Stories, exactly four approved Dropdown retirements",
+      "status": "PASS"
+    },
+    {
+      "name": "Dropdown group has only Composed Controls with original ID",
+      "status": "PASS"
+    },
+    {
+      "name": "all non-SW index entries identical",
+      "status": "PASS"
+    },
+    {
+      "name": "all retained declarations identical outside imports, meta and ComposedDemo",
+      "status": "PASS"
+    },
+    {
+      "name": "runtime, API, AI template, Overview, existing CSS/assets and Storybook configuration untouched",
+      "status": "PASS"
+    },
+    {
+      "name": "User line weight still updates displayed numeric value",
+      "status": "PASS"
+    },
+    {
+      "name": "weight mode label preserves the shared numeric value",
+      "status": "PASS"
+    },
+    {
+      "name": "details opens existing 28px property Bar",
+      "status": "PASS"
+    },
+    {
+      "name": "details opens existing 314px property panel with focus",
+      "status": "PASS",
+      "data": {
+        "width": 314,
+        "focused": true,
+        "active": "<div id=\"_r_0_\" tabindex=\"-1\" class=\"hm-sw-property\" data-selection-kind=\"single\" role=\"dialog\" aria-modal=\"false\" aria-labelledby=\"_r_b_\" style=\"position: fixed; left: 207px; top: 295.5px; width: 314px; max-height: 700.5px;\"><div class=\"hm-sw-property__titlebar\"><img class=\"hm-sw-property__title-art\" alt=\"\" src=\"data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='308'%20height='38'%20viewBox='0%200%20308%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Union'%20filter='url(%23filter0_d_0_140)'%3e%3cmask%20id='path-1-inside-1_0_140'%20fill='white'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M252%206H0V33C0%2034.6569%201.34314%2036%203%2036H252H260H270.947C276.28%2036%20280.369%2029.2601%20284.685%2022.1464C289.05%2014.9502%20293.648%207.37149%20300%206H260H252Z'/%3e%3c/mask%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M252%206H0V33C0%2034.6569%201.34314%2036%203%2036H252H260H270.947C276.28%2036%20280.369%2029.2601%20284.685%2022.1464C289.05%2014.9502%20293.648%207.37149%20300%206H260H252Z'%20fill='%23211D13'/%3e%3cpath%20d='M0%206V5H-1V6H0ZM284.685%2022.1464L285.54%2022.665V22.665L284.685%2022.1464ZM300%206L300.211%206.97748L300%205V6ZM0%206V7H252V6V5H0V6ZM0%2033H1V6H0H-1V33H0ZM3%2036V35C1.89543%2035%201%2034.1046%201%2033H0H-1C-1%2035.2091%200.790855%2037%203%2037V36ZM252%2036V35H3V36V37H252V36ZM252%2036V37H260V36V35H252V36ZM260%2036V37H270.947V36V35H260V36ZM270.947%2036V37C274.062%2037%20276.672%2035.0311%20278.953%2032.3953C281.248%2029.7442%20283.395%2026.2%20285.54%2022.665L284.685%2022.1464L283.83%2021.6277C281.658%2025.2064%20279.603%2028.5891%20277.441%2031.0864C275.266%2033.5989%20273.165%2035%20270.947%2035V36ZM284.685%2022.1464L285.54%2022.665C287.732%2019.051%20289.933%2015.4276%20292.363%2012.5318C294.799%209.62962%20297.357%207.59367%20300.211%206.97748L300%206L299.789%205.02252C296.291%205.77782%20293.374%208.21697%20290.831%2011.246C288.284%2014.2816%20286.003%2018.0456%20283.83%2021.6277L284.685%2022.1464ZM300%206V5H260V6V7H300V6ZM260%206V5H252V6V7H260V6Z'%20fill='url(%23paint0_linear_0_140)'%20mask='url(%23path-1-inside-1_0_140)'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_0_140'%20x='0'%20y='0'%20width='308'%20height='38'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='4'%20dy='-2'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_0_140'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_0_140'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_0_140'%20x1='150'%20y1='6'%20x2='150'%20y2='36'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23493927'/%3e%3cstop%20offset='0.17'%20stop-color='%236F5739'/%3e%3cstop%20offset='0.505'%20stop-color='%23A38663'/%3e%3cstop%20offset='0.849271'%20stop-color='%232C2213'/%3e%3cstop%20offset='1'%20stop-color='%23413A2B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e\"><span id=\"_r_b_\" class=\"hm-sw-property__title\" title=\"선택된 객체 - 원1\">선택된 객체 - 원1</span><button type=\"button\" class=\"hm-sw-property__close\" aria-label=\"속성창 닫기\"><img class=\"hm-sw-property__close-default\" alt=\"\" src=\"data:image/svg+xml,%3csvg%20width='44'%20height='30'%20viewBox='0%200%2044%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='2.%20&amp;%23237;&amp;%23151;&amp;%23164;&amp;%23235;&amp;%23141;&amp;%23148;'%3e%3cg%20id='btn_close%20popup'%3e%3cg%20id='Property%201=Default'%3e%3cg%20id='Rectangle%207347'%3e%3cpath%20d='M41%200.5C42.3807%200.5%2043.5%201.61929%2043.5%203V29.5H0.5V0.5H41Z'%20fill='url(%23paint0_linear_25_48)'/%3e%3cpath%20d='M41%200.5C42.3807%200.5%2043.5%201.61929%2043.5%203V29.5H0.5V0.5H41Z'%20fill='black'%20fill-opacity='0.4'/%3e%3cpath%20d='M41%200.5C42.3807%200.5%2043.5%201.61929%2043.5%203V29.5H0.5V0.5H41Z'%20stroke='url(%23paint1_linear_25_48)'/%3e%3c/g%3e%3cg%20id='Group%202894'%20filter='url(%23filter0_d_25_48)'%3e%3cpath%20id='Line%20940'%20d='M26%209L35.0909%2018.0909'%20stroke='%23969696'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20id='Line%20941'%20d='M35.2891%209L26.1982%2018.0909'%20stroke='%23969696'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_25_48'%20x='21.25'%20y='4.25'%20width='18.7891'%20height='18.5918'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'Line truncated
+      }
+    },
+    {
+      "name": "property Bar and panel share edited state",
+      "status": "PASS",
+      "data": "12.5"
+    },
+    {
+      "name": "property panel weight edit appears in composed line field",
+      "status": "PASS"
+    },
+    {
+      "name": "property panel close returns focus",
+      "status": "PASS"
+    },
+    {
+      "name": "property panel Escape returns focus",
+      "status": "PASS"
+    },
+    {
+      "name": "narrow details panel keeps natural width and fits viewport",
+      "status": "PASS",
+      "data": {
+        "width": 314,
+        "left": 72,
+        "right": 386,
+        "bottom": 840,
+        "overflow": 0
+      }
+    },
+    {
+      "name": "all seven actionable controls Disabled",
+      "status": "PASS"
+    },
+    {
+      "name": "Disabled controls block callbacks and overlays",
+      "status": "PASS"
+    },
+    {
+      "name": "callback-free layer icons become readonly status images",
+      "status": "PASS"
+    },
+    {
+      "name": "missing detail callback keeps safe no-op and menu open",
+      "status": "PASS"
+    },
+    {
+      "name": "retained long layer scenario",
+      "status": "PASS"
+    },
+    {
+      "name": "long layer name preserved with full title",
+      "status": "PASS"
+    },
+    {
+      "name": "retained many layer scenario",
+      "status": "PASS"
+    },
+    {
+      "name": "long layer list scrolls internally",
+      "status": "PASS"
+    },
+    {
+      "name": "all 40 user colors accessible with palette scroll",
+      "status": "PASS"
+    },
+    {
+      "name": "retained empty layer scenario",
+      "status": "PASS"
+    },
+    {
+      "name": "Overview keeps one Header at 49px and 16:9 Stage",
+      "status": "PASS"
+    },
+    {
+      "name": "Window Move Motion retains only nine 3x steps",
+      "status": "PASS"
+    },
+    {
+      "name": "manager shows Dropdown group with the single Composed Controls page",
+      "status": "PASS"
+    },
+    {
+      "name": "retired Dropdown links absent in manager",
+      "status": "PASS"
+    },
+    {
+      "name": "no browser console or page errors",
+      "status": "PASS",
+      "data": []
+    }
+  ],
+  "errors": [],
+  "callbacks": [
+    "onLineStyleOpen",
+    "lineStyleOpen(true)",
+    "onLineWeightSelect(weight, 0.25)",
+    "onLineWeightValueChange(weight, 0.5)",
+    "onLineWeightSelect(w-bylayer)",
+    "onLineWeightSelect(weight, 0.25)",
+    "lineStyleOpen(false)",
+    "onPropertyBarOpenChange(true)",
+    "onPropertyPanelOpenChange(true)",
+    "onPropertyChange(radius, 12.5)",
+    "onPropertyChange(weight, 0.75)",
+    "onPropertyPanelOpenChange(false)",
+    "onPropertyPanelOpenChange(true)",
+    "onPropertyPanelOpenChange(false)",
+    "onPropertyPanelOpenChange(true)",
+    "onPropertyPanelOpenChange(false)",
+    "onPropertyBarOpenChange(false)",
+    "onLayerOpen",
+    "layerOpen(true)",
+    "layerOpen(false)",
+    "onColorOpen",
+    "colorOpen(true)",
+    "colorOpen(false)",
+    "onLayerOpen",
+    "layerOpen(true)",
+    "onLayerSelect(layer, Sample-매우-긴-레이어-이름-Ellipsis-확인용-Layer-Name-0123456789)",
+    "layerOpen(false)",
+    "onLayerOpen",
+    "layerOpen(true)",
+    "layerOpen(false)",
+    "onColorOpen",
+    "colorOpen(true)",
+    "colorOpen(false)",
+    "onLayerOpen",
+    "layerOpen(true)",
+    "layerOpen(false)"
+  ],
+  "geometry": [],
+  "browser": "155.0.8059.80",
+  "status": "PASS"
+}