@shoplflow/extension 0.0.170 → 0.0.172

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @shoplflow/extension
 
+## 0.0.172
+
+### Patch Changes
+
+- Updated dependencies [[`dda54bcfeeb30afe2ab0b85e54e9ad7a0e79428c`](https://github.com/shopl/shoplflow/commit/dda54bcfeeb30afe2ab0b85e54e9ad7a0e79428c)]:
+  - @shoplflow/base@0.43.1
+
+## 0.0.171
+
+### Patch Changes
+
+- Updated dependencies [[`537d504b63655043739982d8a73244b63d7e18d1`](https://github.com/shopl/shoplflow/commit/537d504b63655043739982d8a73244b63d7e18d1)]:
+  - @shoplflow/base@0.43.0
+
 ## 0.0.170
 
 ### Patch Changes

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "@shoplflow/extension",
-  "version": "0.0.170",
+  "version": "0.0.172",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17636331936.chunk.css"
+        "assets/css/contentStyle17640463080.chunk.css"
       ]
     }
   ],

package/dist/src/pages/popup/index.js

@@ -950,7 +950,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
   width: fit-content;
   height: fit-content;
 `,dc=Symbol("SHOPLFLOW_TREE"),xa={initial:"initial",animate:"animate",exit:"exit"},iC=({children:e,label:t,leftSource:i,rightSource:n,depth:o=0,initialIsOpen:s,isOpen:a,disabled:l=!1,onClick:c,...d})=>{const[h,f]=jt.useState(s!=null?s:!1),u=S.exports.useId(),g=jt.Children.map(e,M=>jt.isValidElement(M)&&M.type[dc]?jt.cloneElement(M,{depth:o+1}):M),m=M=>{M.stopPropagation(),f(_=>!_)},x=M=>{if(!(l||!c))return c(M)},w=i&&jt.cloneElement(i,{disabled:l,onClick:c,...d,...i.props});S.exports.useEffect(()=>{a!==void 0&&f(a)},[a]);const b=!e&&o>0;return p(Qz,{hasBackground:h||b,children:[S.exports.createElement(Jz,{disabled:l,depth:o,variants:ln,...xa,layout:!0,key:u,onClick:x,...d},p(Zz,{children:[e&&!b&&r(bn,{styleVar:"GHOST",onClick:m,sizeVar:"XS",children:r(tC,{animate:{rotate:h?90:0,transition:{duration:.2}},children:r(ui,{iconSource:ac,sizeVar:"XS",color:"neutral400"})})}),b&&r("div",{style:{width:"24px",height:"24px",visibility:"hidden",flexShrink:0}}),w&&w,r(lt,{padding:"0 0 0 4px",children:r(ye,{typography:"body1_400",wordBreak:"break-all",color:l?"neutral350":"neutral700",children:t})})]}),r(eC,{children:n})),r(lo,{mode:"sync",children:h&&e&&r(Ie.div,{layout:!0,...xa,variants:ln,children:g},"children"+String(g))})]})};iC[dc]=!0;const nC=L.input`
-  padding: 4px 0 4px 12px;
+  padding: ${({sizeVar:e})=>e==="S"?"0 0 0 8px":"4px 0 4px 12px"};
   background-color: transparent;
   display: flex;
   min-width: ${({minWidth:e})=>e||"64px"};
@@ -1012,7 +1012,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
   flex-direction: ${({direction:e})=>e||"row"};
   ${({type:e,height:t,minHeight:i,maxHeight:n,width:o,maxWidth:s,minWidth:a,borderRadius:l,customNumberInputHeight:c})=>FF({customNumberInputHeight:c,type:e,height:t,minHeight:i,maxHeight:n,width:o,maxWidth:s,minWidth:a,borderRadius:l})};
   justify-content: space-between;
-  gap: ${({gap:e})=>e||"8px"};
+  gap: ${({gap:e,sizeVar:t})=>e||(t==="S"?"4px":"8px")};
   border: 1px solid ${e=>kF(e)};
   background-color: ${y.neutral0};
   overflow: hidden;
@@ -1020,7 +1020,7 @@ var Zc=Object.defineProperty;var e3=(e,t,i)=>t in e?Zc(e,t,{enumerable:!0,config
       background-color: ${y.neutral100};
       cursor: not-allowed;
     `};
-`,BF=(e,t,i)=>t&&e<t?String(t):i&&e>i?String(i):String(e);S.exports.forwardRef(({onFocus:e,onBlur:t,onChange:i,onClear:n,defaultValue:o,value:s,isError:a,disabled:l,type:c,maxLength:d,min:h,max:f,className:u,width:g,borderRadius:m,customNumberInputHeight:x,onKeyDown:w,sizeVar:b="M",rightSource:M,minWidth:_,gap:I,initIsFocused:C,...D},k)=>{const[V,O]=S.exports.useState(""),[U,W]=S.exports.useState(Boolean(C)),[P,G]=S.exports.useState(c),[T,z]=S.exports.useState(!1),E=S.exports.useId(),F=jt.useRef(null),H=yo(k,F),A=S.exports.useCallback(X=>typeof X!="number"?typeof X=="string"?X:X.join(""):String(X),[]),N=S.exports.useCallback(X=>d&&X.length>d?X.slice(0,d):X,[d]),j=()=>{z(!0)},K=()=>{z(!1)},ge=X=>{e&&e(X),W(!0)},ne=X=>{t&&t(X),!T&&W(!1)},ve=X=>{X.code==="Tab"&&W(!1),w&&w(X)},te=X=>{i&&i(X);const me=N(X.target.value);if(P==="number"){const Xe=Number(me),Ye=Number(h),S0=Number(f),_0=BF(Xe,Ye,S0);O(_0);return}O(me)},Ae=()=>{n&&n(),F.current&&(O(""),F.current.value="")},Ge=()=>{G(P==="password"?"text":"password")};S.exports.useEffect(()=>{if(o!==void 0){const X=A(o),me=N(X);O(me)}},[A,o,d,N]),S.exports.useEffect(()=>{var X;if(s!==void 0){const me=A(s),Xe=N(me);(X=F.current)!=null&&X.value&&(F.current.value=Xe),O(Xe)}},[A,d,N,s]),S.exports.useEffect(()=>{G(c)},[c]);const Re=b==="M"?"40px":"32px";return S.exports.useEffect(()=>{typeof C>"u"||W(C)},[C]),p(So,{htmlFor:E,isFocused:U,disabled:l,isError:a,isHovered:T,onMouseEnter:j,onMouseLeave:K,type:P,width:g,height:Re,maxHeight:Re,"data-shoplflow":"input",borderRadius:m,customNumberInputHeight:x,gap:I,children:[r(nC,{onFocus:ge,onBlur:ne,onChange:te,onKeyDown:ve,maxLength:d,disabled:l,value:V,type:P,id:E,ref:H,minWidth:_,className:"body1_400"+(u?` ${u}`:""),...D}),P!=="number"&&p(rC,{children:[d&&U&&r(hc,{currentLength:String(V).length,maxLength:d}),U&&Boolean(String(V).length>0)&&r(bn,{sizeVar:"S",onClick:Ae,styleVar:"GHOST",children:r(ui,{iconSource:Mr("DeleteIcon"),color:"neutral350"})}),c==="password"&&r(bn,{sizeVar:"S",onClick:Ge,styleVar:"GHOST",children:r(ui,{color:"neutral600",iconSource:Mr(P==="password"?"ViewOffIcon":"ViewOnIcon")})})]}),M&&M]})});const EF=L.div`
+`,BF=(e,t,i)=>t&&e<t?String(t):i&&e>i?String(i):String(e);S.exports.forwardRef(({onFocus:e,onBlur:t,onChange:i,onClear:n,defaultValue:o,value:s,isError:a,disabled:l,type:c,maxLength:d,min:h,max:f,className:u,width:g,borderRadius:m,customNumberInputHeight:x,onKeyDown:w,sizeVar:b="M",rightSource:M,minWidth:_,gap:I,initIsFocused:C,...D},k)=>{const[V,O]=S.exports.useState(""),[U,W]=S.exports.useState(Boolean(C)),[P,G]=S.exports.useState(c),[T,z]=S.exports.useState(!1),E=S.exports.useId(),F=jt.useRef(null),H=yo(k,F),A=S.exports.useCallback(X=>typeof X!="number"?typeof X=="string"?X:X.join(""):String(X),[]),N=S.exports.useCallback(X=>d&&X.length>d?X.slice(0,d):X,[d]),j=()=>{z(!0)},K=()=>{z(!1)},ge=X=>{e&&e(X),W(!0)},ne=X=>{t&&t(X),!T&&W(!1)},ve=X=>{X.code==="Tab"&&W(!1),w&&w(X)},te=X=>{i&&i(X);const me=N(X.target.value);if(P==="number"){const Xe=Number(me),Ye=Number(h),S0=Number(f),_0=BF(Xe,Ye,S0);O(_0);return}O(me)},Ae=()=>{n&&n(),F.current&&(O(""),F.current.value="")},Ge=()=>{G(P==="password"?"text":"password")};S.exports.useEffect(()=>{if(o!==void 0){const X=A(o),me=N(X);O(me)}},[A,o,d,N]),S.exports.useEffect(()=>{var X;if(s!==void 0){const me=A(s),Xe=N(me);(X=F.current)!=null&&X.value&&(F.current.value=Xe),O(Xe)}},[A,d,N,s]),S.exports.useEffect(()=>{G(c)},[c]);const Re=b==="M"?"40px":"32px";return S.exports.useEffect(()=>{typeof C>"u"||W(C)},[C]),p(So,{htmlFor:E,isFocused:U,disabled:l,isError:a,isHovered:T,onMouseEnter:j,onMouseLeave:K,type:P,width:g,height:Re,maxHeight:Re,"data-shoplflow":"input",borderRadius:m,customNumberInputHeight:x,gap:I,sizeVar:b,children:[r(nC,{onFocus:ge,onBlur:ne,onChange:te,onKeyDown:ve,maxLength:d,disabled:l,value:V,type:P,id:E,ref:H,minWidth:_,sizeVar:b,className:"body1_400"+(u?` ${u}`:""),...D}),P!=="number"&&p(rC,{children:[d&&U&&r(hc,{currentLength:String(V).length,maxLength:d}),U&&Boolean(String(V).length>0)&&r(bn,{sizeVar:"S",onClick:Ae,styleVar:"GHOST",children:r(ui,{iconSource:Mr("DeleteIcon"),color:"neutral350"})}),c==="password"&&r(bn,{sizeVar:"S",onClick:Ge,styleVar:"GHOST",children:r(ui,{color:"neutral600",iconSource:Mr(P==="password"?"ViewOffIcon":"ViewOnIcon")})})]}),M&&M]})});const EF=L.div`
   display: flex;
   flex-direction: row;
   align-items: center;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@shoplflow/extension",
-  "version": "0.0.170",
+  "version": "0.0.172",
   "license": "MIT",
   "description": "Shoplflow 점유율 확인 extension",
   "type": "module",
   "dependencies": {
-    "@shoplflow/base": "^0.42.23",
+    "@shoplflow/base": "^0.43.1",
     "chart.js": "^4.4.0",
     "construct-style-sheets-polyfill": "^3.1.0",
     "react": "18.2.0",

package/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "@shoplflow/extension",
-  "version": "0.0.170",
+  "version": "0.0.172",
   "description": "Shoplflow 점유율 확인 extension",
   "permissions": [
     "storage"
@@ -24,7 +24,7 @@
         "src/pages/content/index.js"
       ],
       "css": [
-        "assets/css/contentStyle17636331936.chunk.css"
+        "assets/css/contentStyle17640463080.chunk.css"
       ]
     }
   ],