@bikdotai/bik-component-library 1.1.1-beta.32 → 1.1.1-beta.40
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/QueryBuilder/components/QueryBuilderNodes.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderProps.type.d.ts +1 -0
- package/dist/cjs/components/searchBar/searchBar.d.ts +1 -0
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/cjs/components/tag/Tag.styled.d.ts +6 -2
- package/dist/cjs/components/tag/Tag.styled.js +1 -28
- package/dist/cjs/components/tooltips/Tooltip.js +1 -1
- package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderProps.type.d.ts +1 -0
- package/dist/esm/components/searchBar/searchBar.d.ts +1 -0
- package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/esm/components/tag/Tag.styled.d.ts +6 -2
- package/dist/esm/components/tag/Tag.styled.js +1 -28
- package/dist/esm/components/tooltips/Tooltip.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const w=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},w))}),[w]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},w),fillState(e){q(Object.assign({},e))}}))),e.jsxs(e.Fragment,{children:[null===(O=null==w?void 0:w.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(a.default,{selectorKey:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const w=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:m,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},w))}),[w]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},w),fillState(e){q(Object.assign({},e))},clearAll:h}))),e.jsxs(e.Fragment,{children:[null===(O=null==w?void 0:w.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",height:96,size:"small"})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24}},{children:e.jsx(a.default,{selectorKey:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;
|
|
@@ -4,6 +4,7 @@ import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilde
|
|
|
4
4
|
export type QueryBuilderRef = {
|
|
5
5
|
getState: () => QueryBuilderRoot;
|
|
6
6
|
fillState: (state: QueryBuilderRoot) => void;
|
|
7
|
+
clearAll: (type: QueryBuilderType) => void;
|
|
7
8
|
};
|
|
8
9
|
export type QueryBuilderProps = {
|
|
9
10
|
/**
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { TagTheme, TagType, TagVariant } from './model';
|
|
2
|
-
export declare const Tag: import("styled
|
|
3
|
+
export declare const Tag: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & {
|
|
3
7
|
theme: TagTheme;
|
|
4
8
|
type: TagType;
|
|
5
9
|
variant: TagVariant;
|
|
6
|
-
},
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,28 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
2
|
-
cursor: default;
|
|
3
|
-
${e=>"regular"===e.variant?"display: block;\n\t\t height: 26px;\n\t\t":"height: 20px;"}
|
|
4
|
-
.container {
|
|
5
|
-
display: flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
gap: 6px;
|
|
8
|
-
padding: ${e=>t.getPadding(e.variant)};
|
|
9
|
-
|
|
10
|
-
background-color: ${e=>t.getBackgroundColor(e.theme,e.type)};
|
|
11
|
-
|
|
12
|
-
border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
|
|
13
|
-
|
|
14
|
-
${e=>"light"===e.theme&&`border: 1px solid ${t.generateBorder(e.type)};`}
|
|
15
|
-
|
|
16
|
-
.text {
|
|
17
|
-
color: ${e=>t.getTextColor(e.theme,e.type)};
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.icon-trailing {
|
|
21
|
-
all: unset;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.icon-leading {
|
|
25
|
-
all: unset;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
`;exports.Tag=a;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("./themes.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const l=d(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:default;",(c=>"regular"===c.variant?"display: block;\n\t\t height: 26px;\n\t\t":"height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>e.getPadding(c.variant)),";background-color:",(c=>e.getBackgroundColor(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: 1px solid ${e.generateBorder(c.type)};`)," .text{color:",(c=>e.getTextColor(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6IGRlZmF1bHQ7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgID8gYGRpc3BsYXk6IGJsb2NrO1xuXHRcdCAgICAgaGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYGhlaWdodDogMjBweDtgfVxuXHQuY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiA2cHg7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IGdldFBhZGRpbmcocHJvcHMudmFyaWFudCl9O1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcicgPyAnNHB4JyA6ICcxMnB4Jyl9O1xuXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAxcHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));exports.Tag=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),o=require("../../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(e),l=i(n);const p=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>o.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:p}),t.jsx(a.default,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import r,{useEffect as i,useImperativeHandle as l}from"react";import{useSelector as s}from"react-redux";import{Button as d}from"../../button/Button.js";import{Dropdown as n}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as a}from"../constants/operators.js";import{useQueryBuilder as c}from"../hooks/useQueryBuilder.js";import p from"./AddNodeButton.js";import u from"./DeleteButton.js";import m from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";const y=r.forwardRef(((r,y)=>{let{infinite:j,addNodeBtnText:b,allowedNodes:v,typesAPIHandlers:g,onStateChange:w,mode:h,selectorKey:x}=r;var N;const O=s((e=>null==e?void 0:e[x])),{deleteNode:B,clearAll:C,selectJoinOperator:Q,fillState:S}=c(x);i((()=>{null==w||w(Object.assign({},O))}),[O]);const T=a.map((e=>(null==O?void 0:O.operator)&&e.value===O.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return l(y,(()=>({getState:()=>Object.assign({},O),fillState(e){S(Object.assign({},e))},clearAll:C}))),e(t,{children:[null===(N=null==O?void 0:O.nodes)||void 0===N?void 0:N.map(((r,i)=>e(t,{children:[0!==i&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(n,{disabled:"view"===h,onSelect:e=>{Q(e.value)},options:T,width:"80px",height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[o(f,Object.assign({style:{paddingTop:0===i?0:24}},{children:o(m,{selectorKey:x,mode:null!=h?h:"create",allowedNodes:v,node:r,apiHandler:g[r.type]})})),o(t,"view"!==h?{children:0!==i&&o(u,{onClick:()=>B(r._id)})}:{})]}),r._id)]}))),j&&"view"!==h&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[o(p,{buttonText:b,allowedNodes:v,selectorKey:x}),o(d,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>C(v[0])})]}))]})}));y.displayName="QueryBuilderNodes";export{y as default};
|
|
@@ -4,6 +4,7 @@ import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilde
|
|
|
4
4
|
export type QueryBuilderRef = {
|
|
5
5
|
getState: () => QueryBuilderRoot;
|
|
6
6
|
fillState: (state: QueryBuilderRoot) => void;
|
|
7
|
+
clearAll: (type: QueryBuilderType) => void;
|
|
7
8
|
};
|
|
8
9
|
export type QueryBuilderProps = {
|
|
9
10
|
/**
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { TagTheme, TagType, TagVariant } from './model';
|
|
2
|
-
export declare const Tag: import("styled
|
|
3
|
+
export declare const Tag: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & {
|
|
3
7
|
theme: TagTheme;
|
|
4
8
|
type: TagType;
|
|
5
9
|
variant: TagVariant;
|
|
6
|
-
},
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,28 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
cursor: default;
|
|
3
|
-
${t=>"regular"===t.variant?"display: block;\n\t\t height: 26px;\n\t\t":"height: 20px;"}
|
|
4
|
-
.container {
|
|
5
|
-
display: flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
gap: 6px;
|
|
8
|
-
padding: ${t=>e(t.variant)};
|
|
9
|
-
|
|
10
|
-
background-color: ${t=>r(t.theme,t.type)};
|
|
11
|
-
|
|
12
|
-
border-radius: ${t=>"regular"===t.variant?"4px":"12px"};
|
|
13
|
-
|
|
14
|
-
${t=>"light"===t.theme&&`border: 1px solid ${i(t.type)};`}
|
|
15
|
-
|
|
16
|
-
.text {
|
|
17
|
-
color: ${t=>a(t.theme,t.type)};
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.icon-trailing {
|
|
21
|
-
all: unset;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.icon-leading {
|
|
25
|
-
all: unset;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
`;export{o as Tag};
|
|
1
|
+
import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as d,generateBorder as b,getTextColor as G}from"./themes.js";const t=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:default;",(c=>"regular"===c.variant?"display: block;\n\t\t height: 26px;\n\t\t":"height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>l(c.variant)),";background-color:",(c=>d(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: 1px solid ${b(c.type)};`)," .text{color:",(c=>G(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6IGRlZmF1bHQ7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgID8gYGRpc3BsYXk6IGJsb2NrO1xuXHRcdCAgICAgaGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYGhlaWdodDogMjBweDtgfVxuXHQuY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiA2cHg7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IGdldFBhZGRpbmcocHJvcHMudmFyaWFudCl9O1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcicgPyAnNHB4JyA6ICcxMnB4Jyl9O1xuXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAxcHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));export{t as Tag};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as t,Fragment as n,jsx as o}from"react/jsx-runtime";import e from"@tippyjs/react";import r from"react";import i from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const a=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>p.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`,l=p=>r.isValidElement(p.children)?t(n,{children:[o("style",{children:a}),o(e,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:p.placement||"right",maxWidth:p.width,animation:"fade",arrow:!0,interactive:!0,content:p.tooltipContent?p.tooltipContent:o(i,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{l as Tooltip};
|