@soul-refiner/design-system 2.14.114 → 2.14.115
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"),a=require("../../input/checkbox/checkbox.js"),i=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("../../../common/colors.js");var c=s(o);const d=({checkbox:o,radio:r,children:t,closeOnChange:a=!0,closeOnBlur:i=!0,defaultValue:n="",disabled:l=!1,hasArrow:s,maintainState:d=!0,isButtonTrigger:h=!1,multiple:
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),t=require("../../atoms/box/box.js"),a=require("../../input/checkbox/checkbox.js"),i=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("../../../common/colors.js");var c=s(o);const d=({checkbox:o,radio:r,children:t,closeOnChange:a=!0,closeOnBlur:i=!0,defaultValue:n="",disabled:l=!1,hasArrow:s,maintainState:d=!0,isButtonTrigger:h=!1,multiple:b,offset:g=[0,16],onChange:v,open:f="right",options:y,sx:k,trigger:m,containerSx:j,additionalOptions:w,additionalOnChange:C,defaultAdditionalValue:S,useFullWidth:H=!1,blueOptionHover:q=!1,useTickInRadio:R=!1,maxHeight:A,...D})=>{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]),a&&z(!1),v&&v(e)}:e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";E(P!==o?o:""),a&&z(!1),v&&v(e)},L=e=>{e.stopPropagation();const o=e.target.getAttribute("data-value")??"";N(F!==o?o:""),C&&C(o)},G=e=>d&&(b?P.includes(e):e===P);let J=null;t&&(J=c.default.Children.map(t,t=>{let a;if(c.default.isValidElement(t)){const{onClick:i,...n}=t.props;return a=n,e.jsx(x,{checkbox:!!o,onClick:W,selected:G(a.value),radio:!!r,blueHover:q,useTickInRadio:R,...a},a.value)}return null})),y&&(J=y.map((t,a)=>"string"==typeof t&&"break"===t?e.jsx($,{},`${O}-spacer-${a}`):e.jsx(x,{checkbox:!!o,radio:!!r,onClick:W,selected:G(t.value),blueHover:q,useTickInRadio:R,...t},t.value)));const K=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=>{i&&B?.current&&!B?.current?.contains(e.relatedTarget)&&z(!1)},...D,children:[K,T&&e.jsx(p,{$hasArrow:s,$offset:g,$openDirection:f,ref:I,$sx:j,$useFullWidth:H,$maxHeight:A,children:e.jsxs("div",{style:{display:"flex"},children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",width:"100%"},children:J}),!!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:q,useTickInRadio:R},o.value))})]})})]})},u=r.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
outline: none;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
cursor: pointer;
|
|
15
15
|
box-shadow: var(--elevation-2);
|
|
16
16
|
border-radius: 8px;
|
|
17
|
-
overflow: auto;
|
|
17
|
+
${({$maxHeight:e})=>e?`\n max-height: ${e}px;\n overflow-y: auto;\n `:"overflow: auto;"}
|
|
18
18
|
& > div:first-of-type {
|
|
19
19
|
border-radius: 8px 8px 0px 0px;
|
|
20
20
|
}
|
|
@@ -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:b,
|
|
32
|
+
`,x=({checkbox:o,radio:r,disabled:s,icon:c,label:d,onClick:u,selected:p,sublabel:x,sx:$,value:b,color:v,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(a.Checkbox,{selected:p}):r?y&&p?e.jsx(g,{$isSelected:!0,children:e.jsx(l.Checkmark,{size:16,color:"white"})}):e.jsx(i.Radio,{checked:p,value:""}):c,e.jsxs(t.Box,{$dir:"column",$display:"flex",children:[d&&e.jsx(n.P,{$color:v||"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;
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
${({$disabled:e,$selected:o,$hasCheckbox:r,$hasRadio:t,$blueHover:a})=>e?"cursor: initial;\n color: var(--color-grey-7);\n background-color: var(--color-grey-10);":o?"\n background-color: var(--color-primary-blue-3);\n &:active {\n background-color: var(--color-grey-2);\n }":a?"&:hover {\n background-color: var(--color-primary-blue-4);\n }":r||t?"&:hover {\n background-color: var(--color-grey-10);\n }":"\n &:hover {\n background-color: var(--color-grey-10);\n }\n\n &:active {\n background-color: var(--color-grey-8);\n }\n "}
|
|
46
46
|
${({$sx:e})=>e||""}
|
|
47
|
-
|
|
47
|
+
`,$=({sx:o})=>e.jsx(b,{$sx:o});$.displayName="Dropdown.Spacer",d.Spacer=$;const b=r.styled.div`
|
|
48
48
|
width: 100%;
|
|
49
49
|
height: 1px;
|
|
50
50
|
background-color: var(--color-grey-8);
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
appearance: none;
|
|
54
54
|
}
|
|
55
55
|
${({$sx:e})=>e||""}
|
|
56
|
-
|
|
56
|
+
`,g=r.styled.div`
|
|
57
57
|
margin-right: 8px;
|
|
58
58
|
width: 20px;
|
|
59
59
|
height: 20px;
|
|
@@ -24,9 +24,10 @@ export interface DropdownProps extends NativeProps, React.PropsWithChildren {
|
|
|
24
24
|
isButtonTrigger?: boolean;
|
|
25
25
|
blueOptionHover?: boolean;
|
|
26
26
|
useTickInRadio?: boolean;
|
|
27
|
+
maxHeight?: number;
|
|
27
28
|
}
|
|
28
29
|
declare const Dropdown: {
|
|
29
|
-
({ checkbox, radio, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, isButtonTrigger, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, blueOptionHover, useTickInRadio, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
({ checkbox, radio, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, isButtonTrigger, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, blueOptionHover, useTickInRadio, maxHeight, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
30
31
|
Option: {
|
|
31
32
|
({ checkbox, radio, disabled, icon, label, onClick, selected, sublabel, sx, value, color, blueHover, useTickInRadio, }: DropdownOptionProps): import("react/jsx-runtime").JSX.Element;
|
|
32
33
|
displayName: string;
|
|
@@ -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;
|
|
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;;gIAoSb,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"}
|