@soul-refiner/design-system 2.14.167 → 2.14.168
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),t=require("../../atoms/box/box.js"),i=require("../../input/checkbox/checkbox.js"),a=require("../../input/radio/radio.js"),n=require("../../atoms/typography/paragraph.js");require("../../iconography/icon/icon.js");var l=require("../../../icons/basic/checkmark.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../icons/security/verified_filled.js"),require("../../../common/colors.js");var c=s(o);const d=({checkbox:o,radio:r,children:t,closeOnChange:i=!0,closeOnBlur:a=!0,defaultValue:n="",disabled:l=!1,hasArrow:s,maintainState:d=!0,isButtonTrigger:h=!1,multiple:b,offset:
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),t=require("../../atoms/box/box.js"),i=require("../../input/checkbox/checkbox.js"),a=require("../../input/radio/radio.js"),n=require("../../atoms/typography/paragraph.js");require("../../iconography/icon/icon.js");var l=require("../../../icons/basic/checkmark.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../icons/security/verified_filled.js"),require("../../../common/colors.js");var c=s(o);const d=({checkbox:o,radio:r,children:t,closeOnChange:i=!0,closeOnBlur:a=!0,defaultValue:n="",disabled:l=!1,hasArrow:s,maintainState:d=!0,isButtonTrigger:h=!1,multiple:b,offset:v=[0,16],onChange:g,open:f="right",options:y,sx:k,trigger:m,containerSx:j,additionalOptions:w,additionalOnChange:C,defaultAdditionalValue:S,useFullWidth:q=!1,blueOptionHover:H=!1,useTickInRadio:D=!1,maxHeight:R,...A})=>{const O=c.default.useId(),B=c.default.useRef(null),I=c.default.useRef(null),[T,z]=c.default.useState(!1),[P,E]=c.default.useState(()=>n||(b?[]:"")),[F,N]=c.default.useState(S||"");c.default.useEffect(()=>{l&&z(!1)},[l]);const V=()=>{l||z(e=>!e)},W=b?e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";Array.isArray(P)&&P.includes(o)?E(e=>e.filter(e=>e!==o)):E(e=>[o,...e]),i&&z(!1),g&&g(e)}:e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";E(P!==o?o:""),i&&z(!1),g&&g(e)},L=e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";N(F!==o?o:""),C&&C(o)},M=e=>d&&(b?P.includes(e):e===P);let _=null;t&&(_=c.default.Children.map(t,t=>{let i;if(c.default.isValidElement(t)){const{onClick:a,...n}=t.props;return i=n,e.jsx(x,{checkbox:!!o,onClick:W,selected:M(i.value),radio:!!r,blueHover:H,useTickInRadio:D,...i},i.value)}return null})),y&&(_=y.map((t,i)=>"string"==typeof t&&"break"===t?e.jsx($,{},`${O}-spacer-${i}`):e.jsx(x,{checkbox:!!o,radio:!!r,onClick:W,selected:M(t.value),blueHover:H,useTickInRadio:D,...t},t.value)));const G=c.default.cloneElement(m,h||"Button"===m.type?.displayName||"Button"===m.type?.name?{isDropdownOpen:T,onClick:V}:{onClick:V});return e.jsxs(u,{$sx:k,tabIndex:0,ref:B,onBlurCapture:e=>{a&&B?.current&&!B?.current?.contains(e.relatedTarget)&&z(!1)},...A,children:[G,T&&e.jsx(p,{$hasArrow:s,$offset:v,$openDirection:f,ref:I,$sx:j,$useFullWidth:q,$maxHeight:R,onMouseDown:e=>e.preventDefault(),children:e.jsxs("div",{style:{display:"flex"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",width:"100%"},children:_}),!!w?.length&&e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:w.map(o=>e.jsx(x,{onClick:L,selected:F===o.value,label:o.label,value:o.value,blueHover:H,useTickInRadio:D},o.value))})]})})]})},u=r.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
outline: none;
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
${({$hasArrow:e,$offset:o})=>e?`\n &:before {\n content: '';\n position: absolute;\n width: 15px;\n height: 15px;\n transform: rotate(45deg) translate(${(o?.[0]||0)+8}px, ${(o?.[1]||0)-32}px);\n background-color: var(--color-white);\n }\n `:""}
|
|
31
31
|
${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
|
|
32
|
-
`,x=({checkbox:o,radio:r,disabled:s,icon:c,label:d,onClick:u,selected:p,sublabel:x,sx:$,value:b,color:
|
|
32
|
+
`,x=({checkbox:o,radio:r,disabled:s,icon:c,label:d,onClick:u,selected:p,sublabel:x,sx:$,value:b,color:g,blueHover:f=!1,useTickInRadio:y=!1})=>e.jsxs(h,{"data-value":b,onClick:s?void 0:u,$disabled:s,$hasCheckbox:!!o,$hasRadio:!!r,$hasSublabel:!!x,$selected:p,$sx:$,$blueHover:f,children:[o?e.jsx(i.Checkbox,{selected:p}):r?y&&p?e.jsx(v,{$isSelected:!0,children:e.jsx(l.Checkmark,{size:16,color:"white"})}):e.jsx(a.Radio,{checked:p,value:""}):c,e.jsxs(t.Box,{$dir:"column",$display:"flex",children:[d&&e.jsx(n.P,{$color:g||"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:d}),x&&e.jsx(n.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,children:x})]})]});x.displayName="Dropdown.Option",d.Option=x;const h=r.styled.div`
|
|
33
33
|
position: relative;
|
|
34
34
|
z-index: 1;
|
|
35
35
|
padding: ${({$hasSublabel:e})=>e?10:12}px 16px;
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
appearance: none;
|
|
54
54
|
}
|
|
55
55
|
${({$sx:e})=>e||""}
|
|
56
|
-
`,
|
|
56
|
+
`,v=r.styled.div`
|
|
57
57
|
margin-right: 8px;
|
|
58
58
|
width: 20px;
|
|
59
59
|
height: 20px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,WAAW,GACX,UAAU,GACV,QAAQ,GACR,eAAe,GACf,SAAS,GACT,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,KAAK,CAAC,iBAAiB;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,CAAC;IACxE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ;wVA2BX,aAAa;;
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/actions/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,WAAW,GACX,UAAU,GACV,QAAQ,GACR,eAAe,GACf,SAAS,GACT,UAAU,GACV,aAAa,GACb,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,KAAK,CAAC,iBAAiB;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,CAAC;IACxE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ;wVA2BX,aAAa;;gIAqSb,mBAAmB;;;;iBAyHE,mBAAmB;;;CAxN1C,CAAC;AAiEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,GAAG,SAAS,CAAC;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqID,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAoCD,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|