@bikdotai/bik-component-library 0.0.32024-beta.1 → 0.0.32025-beta.1
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.
- package/dist/cjs/components/add-variableV2/AddVariableV2.d.ts +1 -0
- package/dist/cjs/components/add-variableV2/AddVariableV2.js +1 -1
- package/dist/cjs/components/add-variableV2/AddVariableV2.styled.d.ts +1 -0
- package/dist/cjs/components/add-variableV2/AddVariableV2.styled.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/add-variableV2/AddVariableV2.d.ts +1 -0
- package/dist/esm/components/add-variableV2/AddVariableV2.js +1 -1
- package/dist/esm/components/add-variableV2/AddVariableV2.styled.d.ts +1 -0
- package/dist/esm/components/add-variableV2/AddVariableV2.styled.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/back_icon.svg.js"),a=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),t=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/undo.svg.js"),n=require("react"),r=require("./AddVariableV2.styled.js"),c=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),d=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),u=require("../../constants/Theme.js"),j=require("../TypographyStyle.js"),v=require("../modals/modal.styled.js");const g=n.memo((g=>{const{data:h,hasHeader:m=!0,needsBorder:p=!0,styledCloseBtn:y=!1}=g,[x,O]=n.useState({}),[f,N]=n.useState(),[S,V]=n.useState(""),[C,T]=n.useState(""),[_,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/back_icon.svg.js"),a=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),t=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/undo.svg.js"),n=require("react"),r=require("./AddVariableV2.styled.js"),c=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),d=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),u=require("../../constants/Theme.js"),j=require("../TypographyStyle.js"),v=require("../modals/modal.styled.js");const g=n.memo((g=>{const{data:h,hasHeader:m=!0,needsBorder:p=!0,styledCloseBtn:y=!1}=g,[x,O]=n.useState({}),[f,N]=n.useState(),[S,V]=n.useState(""),[C,T]=n.useState(""),[_,w]=n.useState(!0),B=/^[^.]*\.[^.]*$/;n.useEffect((()=>{const e={};h.forEach((s=>{e[s.displayName]=[]})),N(e)}),[h]),n.useEffect((()=>{k([],S),N((e=>Object.assign(Object.assign({},e),{[S]:[]}))),V("")}),[g.reRender]),n.useEffect((()=>{if(C){g.data.filter((e=>Object.keys(e.variables).filter((s=>{var a;return(null===(a=e.variables[s].displayName)||void 0===a?void 0:a.toLowerCase().includes(C.toLowerCase()))||L(e.variables[s])})).length>0)).length>0?w(!0):w(!1)}else w(!0)}),[C]);const k=(e,s)=>{const a=h.find((e=>e.displayName===s));if(a){let i=a;e.forEach(((e,s)=>{i=i.variables[e]})),O((e=>Object.assign(Object.assign({},e),{[s]:i})))}},L=e=>{let s=!1;if(e.isSubHeader&&e.variables){const a=Object.keys(e.variables);for(let i=0;i<a.length;i++){const t=a[i];if(e.variables&&e.variables[t].displayName.toLowerCase().includes(C.toLowerCase())){s=!0;break}}}return s},q=s=>{const a=s.item.description;return e.jsx(e.Fragment,{children:e.jsx(b.Tooltip,Object.assign({body:"",tooltipContent:e.jsx(j.BodyCaption,Object.assign({color:u.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8}},{children:s.item.isAvailable?a?`• ${a}\n• Recommended here`:"Recommended here":"Not recommended here"})),width:300,delay:300,placement:"bottom"},{children:e.jsx("div",{children:e.jsx(F,{item:s.item})})}))})},F=s=>e.jsx(c.Button,{darkMode:g.enableVariable?g.enableVariable:s.item.isAvailable,size:"chip",LeadingIcon:s.item.isSubHeader?void 0:t.default,TrailingIcon:()=>s.item.isSubHeader?e.jsx("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e.jsx(a.default,{})})):e.jsx(e.Fragment,{}),buttonText:s.item.displayName}),I=(s,a)=>e.jsx("div",Object.assign({onClick:s.isSubHeader?()=>{const e=[...f[S],a];k(e,S),N((s=>Object.assign(Object.assign({},s),{[S]:e})))}:()=>{g.customTrigger?(g.customTrigger(s),g.setShowVariable(!1)):g.isEvaluationList?P(s):g.setVariableValue(g.selectWithTypes?{actualValue:s.actualValue,variableType:s.variableType,needsFetching:s.needsFetching}:s.actualValue)}},{children:e.jsx(q,{item:s})})),E=(e,s)=>{const a=[...f[e.displayName],s];k(a,e.displayName),N((s=>Object.assign(Object.assign({},s),{[e.displayName]:a}))),V(e.displayName)},P=e=>{if(e.actualValue.match(B)){const s=e.actualValue.replace("{{","").replace("}}","").split("."),a=s[0]+`['${s[1]}']`;g.setVariableValue(g.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}else{const s=e.actualValueEval?e.actualValueEval:e.actualValue;g.setVariableValue(g.selectWithTypes?{actualValue:s,variableType:e.variableType,needsFetching:e.needsFetching}:s)}},R=(e,s)=>{if(g.customTrigger)g.customTrigger(e.variables[s]),g.setShowVariable(!1);else if(g.isEvaluationList){const a=e.variables[s];P(a)}else g.setVariableValue(g.selectWithTypes?{actualValue:e.variables[s].actualValue,variableType:e.variables[s].variableType,needsFetching:e.variables[s].needsFetching}:e.variables[s].actualValue)},z=g.isModalState?void 0:{top:`${g.topPosition?g.topPosition:"small"===g.pickerSize?"300px":"60px"}`,left:`${g.leftPosition?g.leftPosition+24:430}px`};return e.jsx("div",Object.assign({id:"varList",tabIndex:-1},{children:e.jsxs(r.AddVariableStyled,Object.assign({style:z,onClick:e=>{e.stopPropagation()},pickerSize:g.pickerSize||"large",isModalState:g.isModalState,positionStrategy:g.positionStrategy,zIndex:g.zindex,height:g.height,needsBorder:p,width:g.width},{children:[y&&e.jsx(v.CloseButtonContainer,Object.assign({onClick:()=>{g.setShowVariable(!1)},style:{zIndex:300}},{children:e.jsx(i.default,{height:20,width:20,color:u.COLORS.content.secondary})})),g.showVariable&&e.jsxs("div",Object.assign({className:"popup"},{children:[e.jsxs("div",Object.assign({className:"sticky__bar"},{children:[m&&e.jsxs("div",Object.assign({className:"header__bar"},{children:[e.jsx("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),!y&&e.jsx("div",Object.assign({onClick:()=>{g.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e.jsx(o.IconButton,{iconButtonType:"default",Icon:i.default})}))]})),e.jsx("div",Object.assign({className:"search__bar",onBlur:e=>{g.onSearchBlur&&g.onSearchBlur(e)}},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{T(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!_&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e.jsx(j.TitleSmall,{children:"No results found!"}),e.jsx(j.BodyCaption,{children:`Sorry we could not find any results for "${C}"`})]})),S&&f[S].length>0&&e.jsxs("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e.jsxs("div",Object.assign({className:"left__nav"},{children:[e.jsx(o.IconButton,{Icon:s.default,style:{color:"#919191",display:"flex"},onClick:()=>{const e=f[S].slice(0,-1);k(e,S),N((s=>Object.assign(Object.assign({},s),{[S]:e}))),e.length||V("")}}),e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx(j.TitleSmall,{children:x[S].displayName}),x[S].description&&e.jsx(j.BodyCaption,{children:x[S].description})]}))]})),e.jsxs("div",Object.assign({className:"right__nav"},{children:[e.jsx(o.IconButton,{Icon:l.default,style:{display:"flex"},onClick:()=>{k([],S),N((e=>Object.assign(Object.assign({},e),{[S]:[]}))),V("")}}),e.jsx("div",{children:"First page"})]}))]}))]})),e.jsx("div",Object.assign({className:"wrapper"},{children:e.jsx("div",Object.assign({className:"list__map"},{children:e.jsxs("div",Object.assign({className:"items"},{children:[!S&&g.data.map((s=>{let a=[];return C&&(a=Object.keys(s.variables).filter((e=>{var a;return(null===(a=s.variables[e].displayName)||void 0===a?void 0:a.toLowerCase().includes(C.toLowerCase()))||L(s.variables[e])}))),e.jsxs(e.Fragment,{children:[C?a.length>0?e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(j.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})):e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(j.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})),Object.keys(s.variables).map((a=>{var i;return C?(null===(i=s.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(C.toLowerCase()))||L(s.variables[a])?e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>E(s,a):()=>R(s,a)},{children:e.jsx(q,{item:s.variables[a]})})):e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>E(s,a):()=>R(s,a)},{children:e.jsx(q,{item:s.variables[a]})}))}))]})})),S&&e.jsx("div",Object.assign({className:"list__map"},{children:e.jsx("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(x[S].variables).map(((s,a)=>{var i;return C?(null===(i=x[S].variables[s].displayName)||void 0===i?void 0:i.toLowerCase().includes(C.toLowerCase()))||L(x[S].variables[s])?I(x[S].variables[s],s):e.jsx(e.Fragment,{}):I(x[S].variables[s],s)}))}))}))]}))}))})),e.jsx("div",{className:"bottom__padding"})]}))]}))}))}),((e,s)=>e.enableVariable===s.enableVariable&&(e.leftPosition===s.leftPosition&&e.reRender===s.reRender)));exports.AddVariableV2=g;
|
|
@@ -5,6 +5,7 @@ export declare const AddVariableStyled: import("styled-components").StyledCompon
|
|
|
5
5
|
positionStrategy?: string | undefined;
|
|
6
6
|
height?: string | undefined;
|
|
7
7
|
needsBorder?: boolean | undefined;
|
|
8
|
+
width?: string | undefined;
|
|
8
9
|
}, never>;
|
|
9
10
|
export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
|
|
10
11
|
isAvailable?: boolean | undefined;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
.popup {
|
|
12
12
|
background: white;
|
|
13
|
-
width: ${e=>e.isModalState?"566px":"480px"};
|
|
13
|
+
width: ${e=>e.width?e.width:e.isModalState?"566px":"480px"};
|
|
14
14
|
height: ${e=>e.isModalState?"100vh":e.height?e.height:"small"===e.pickerSize?"40vh":"90vh"};
|
|
15
15
|
border: ${e=>e.needsBorder?e.isModalState?"unset":"1px solid #e0e0e0":"none"};
|
|
16
16
|
border-radius: 8px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import l from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/undo.svg.js";import{memo as c,useState as o,useEffect as d}from"react";import{AddVariableStyled as b}from"./AddVariableV2.styled.js";import{Button as m}from"../button/Button.js";import{IconButton as v}from"../icon-button/IconButton.js";import{SearchBar as
|
|
1
|
+
import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import l from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/undo.svg.js";import{memo as c,useState as o,useEffect as d}from"react";import{AddVariableStyled as b}from"./AddVariableV2.styled.js";import{Button as m}from"../button/Button.js";import{IconButton as v}from"../icon-button/IconButton.js";import{SearchBar as h}from"../searchBar/searchBar.js";import{Tooltip as p}from"../tooltips/Tooltip.js";import{COLORS as g}from"../../constants/Theme.js";import{TitleSmall as u,BodyCaption as y}from"../TypographyStyle.js";import{CloseButtonContainer as j}from"../modals/modal.styled.js";const f=c((c=>{const{data:f,hasHeader:O=!0,needsBorder:N=!0,styledCloseBtn:V=!1}=c,[T,_]=o({}),[w,S]=o(),[k,C]=o(""),[x,L]=o(""),[B,I]=o(!0),F=/^[^.]*\.[^.]*$/;d((()=>{const e={};f.forEach((a=>{e[a.displayName]=[]})),S(e)}),[f]),d((()=>{E([],k),S((e=>Object.assign(Object.assign({},e),{[k]:[]}))),C("")}),[c.reRender]),d((()=>{if(x){c.data.filter((e=>Object.keys(e.variables).filter((a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(x.toLowerCase()))||z(e.variables[a])})).length>0)).length>0?I(!0):I(!1)}else I(!0)}),[x]);const E=(e,a)=>{const i=f.find((e=>e.displayName===a));if(i){let s=i;e.forEach(((e,a)=>{s=s.variables[e]})),_((e=>Object.assign(Object.assign({},e),{[a]:s})))}},z=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let s=0;s<i.length;s++){const t=i[s];if(e.variables&&e.variables[t].displayName.toLowerCase().includes(x.toLowerCase())){a=!0;break}}}return a},H=a=>{const s=a.item.description;return e(i,{children:e(p,Object.assign({body:"",tooltipContent:e(y,Object.assign({color:g.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8}},{children:a.item.isAvailable?s?`• ${s}\n• Recommended here`:"Recommended here":"Not recommended here"})),width:300,delay:300,placement:"bottom"},{children:e("div",{children:e(P,{item:a.item})})}))})},P=a=>e(m,{darkMode:c.enableVariable?c.enableVariable:a.item.isAvailable,size:"chip",LeadingIcon:a.item.isSubHeader?void 0:n,TrailingIcon:()=>a.item.isSubHeader?e("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e(t,{})})):e(i,{}),buttonText:a.item.displayName}),R=(a,i)=>e("div",Object.assign({onClick:a.isSubHeader?()=>{const e=[...w[k],i];E(e,k),S((a=>Object.assign(Object.assign({},a),{[k]:e})))}:()=>{c.customTrigger?(c.customTrigger(a),c.setShowVariable(!1)):c.isEvaluationList?A(a):c.setVariableValue(c.selectWithTypes?{actualValue:a.actualValue,variableType:a.variableType,needsFetching:a.needsFetching}:a.actualValue)}},{children:e(H,{item:a})})),$=(e,a)=>{const i=[...w[e.displayName],a];E(i,e.displayName),S((a=>Object.assign(Object.assign({},a),{[e.displayName]:i}))),C(e.displayName)},A=e=>{if(e.actualValue.match(F)){const a=e.actualValue.replace("{{","").replace("}}","").split("."),i=a[0]+`['${a[1]}']`;c.setVariableValue(c.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;c.setVariableValue(c.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},M=(e,a)=>{if(c.customTrigger)c.customTrigger(e.variables[a]),c.setShowVariable(!1);else if(c.isEvaluationList){const i=e.variables[a];A(i)}else c.setVariableValue(c.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},W=c.isModalState?void 0:{top:`${c.topPosition?c.topPosition:"small"===c.pickerSize?"300px":"60px"}`,left:`${c.leftPosition?c.leftPosition+24:430}px`};return e("div",Object.assign({id:"varList",tabIndex:-1},{children:a(b,Object.assign({style:W,onClick:e=>{e.stopPropagation()},pickerSize:c.pickerSize||"large",isModalState:c.isModalState,positionStrategy:c.positionStrategy,zIndex:c.zindex,height:c.height,needsBorder:N,width:c.width},{children:[V&&e(j,Object.assign({onClick:()=>{c.setShowVariable(!1)},style:{zIndex:300}},{children:e(l,{height:20,width:20,color:g.content.secondary})})),c.showVariable&&a("div",Object.assign({className:"popup"},{children:[a("div",Object.assign({className:"sticky__bar"},{children:[O&&a("div",Object.assign({className:"header__bar"},{children:[e("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),!V&&e("div",Object.assign({onClick:()=>{c.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e(v,{iconButtonType:"default",Icon:l})}))]})),e("div",Object.assign({className:"search__bar",onBlur:e=>{c.onSearchBlur&&c.onSearchBlur(e)}},{children:e(h,{width:"100%",isEnabled:!0,onChange:e=>{L(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!B&&a("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e(u,{children:"No results found!"}),e(y,{children:`Sorry we could not find any results for "${x}"`})]})),k&&w[k].length>0&&a("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[a("div",Object.assign({className:"left__nav"},{children:[e(v,{Icon:s,style:{color:"#919191",display:"flex"},onClick:()=>{const e=w[k].slice(0,-1);E(e,k),S((a=>Object.assign(Object.assign({},a),{[k]:e}))),e.length||C("")}}),a("div",Object.assign({className:"block"},{children:[e(u,{children:T[k].displayName}),T[k].description&&e(y,{children:T[k].description})]}))]})),a("div",Object.assign({className:"right__nav"},{children:[e(v,{Icon:r,style:{display:"flex"},onClick:()=>{E([],k),S((e=>Object.assign(Object.assign({},e),{[k]:[]}))),C("")}}),e("div",{children:"First page"})]}))]}))]})),e("div",Object.assign({className:"wrapper"},{children:e("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items"},{children:[!k&&c.data.map((s=>{let t=[];return x&&(t=Object.keys(s.variables).filter((e=>{var a;return(null===(a=s.variables[e].displayName)||void 0===a?void 0:a.toLowerCase().includes(x.toLowerCase()))||z(s.variables[e])}))),a(i,{children:[x?t.length>0?a("div",Object.assign({className:"block"},{children:[e("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e(y,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})):e(i,{}):a("div",Object.assign({className:"block"},{children:[e("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e(y,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})),Object.keys(s.variables).map((a=>{var t;return x?(null===(t=s.variables[a].displayName)||void 0===t?void 0:t.toLowerCase().includes(x.toLowerCase()))||z(s.variables[a])?e("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>$(s,a):()=>M(s,a)},{children:e(H,{item:s.variables[a]})})):e(i,{}):e("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>$(s,a):()=>M(s,a)},{children:e(H,{item:s.variables[a]})}))}))]})})),k&&e("div",Object.assign({className:"list__map"},{children:e("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(T[k].variables).map(((a,s)=>{var t;return x?(null===(t=T[k].variables[a].displayName)||void 0===t?void 0:t.toLowerCase().includes(x.toLowerCase()))||z(T[k].variables[a])?R(T[k].variables[a],a):e(i,{}):R(T[k].variables[a],a)}))}))}))]}))}))})),e("div",{className:"bottom__padding"})]}))]}))}))}),((e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender)));export{f as AddVariableV2};
|
|
@@ -5,6 +5,7 @@ export declare const AddVariableStyled: import("styled-components").StyledCompon
|
|
|
5
5
|
positionStrategy?: string | undefined;
|
|
6
6
|
height?: string | undefined;
|
|
7
7
|
needsBorder?: boolean | undefined;
|
|
8
|
+
width?: string | undefined;
|
|
8
9
|
}, never>;
|
|
9
10
|
export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
|
|
10
11
|
isAvailable?: boolean | undefined;
|
|
@@ -10,7 +10,7 @@ import e from"styled-components";const o=e.div`
|
|
|
10
10
|
}
|
|
11
11
|
.popup {
|
|
12
12
|
background: white;
|
|
13
|
-
width: ${e=>e.isModalState?"566px":"480px"};
|
|
13
|
+
width: ${e=>e.width?e.width:e.isModalState?"566px":"480px"};
|
|
14
14
|
height: ${e=>e.isModalState?"100vh":e.height?e.height:"small"===e.pickerSize?"40vh":"90vh"};
|
|
15
15
|
border: ${e=>e.needsBorder?e.isModalState?"unset":"1px solid #e0e0e0":"none"};
|
|
16
16
|
border-radius: 8px;
|