@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687

package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
+type SubHeaderProps = {
+    parentVariable?: VariableListInterfaceV3;
+    disabled: boolean;
+    searchText: string;
+    onSelect: (variable: VariableV3) => void;
+    variable: {
+        [key: string]: SubHeader | VariableV3;
+    };
+};
+export declare const renderTooltipBody: (variable: VariableV3) => string;
+declare const SubHeaderItem: React.FC<SubHeaderProps>;
+export default SubHeaderItem;

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/sub_category.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as a}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as m}from"../tooltips/Tooltip.js";import{BodySecondary as d}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as h}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as y}from"./recommendVaribles.js";const b=e=>e.contextQ?.join(" > ")||"",f=f=>{const{onSelect:v,variable:g,searchText:x,disabled:u,parentVariable:j}=f,{subHeaderStack:I,setSubHeaderStack:S,setVariables:N,showRecommended:T}=p();return e("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(g).map(((p,f)=>{if(void 0===g[p].variables||0===Object.keys(g[p]?.variables||{}).length){const s=g[p];return e(m,{body:b(s),placement:"bottom",children:e(c,{variant:u?"readonly":s?.selected?"selected":"default",version:"2.0",leadingIcon:s?.selected||u?e(t,{}):e("div",{style:{flexShrink:0},children:e(o,{width:14,height:14})}),customListItemLabel:i("div",{style:{display:"flex",gap:4},children:[e(d,{style:{fontSize:"14px",color:n.text.primary},children:h(s.displayName,x)}),!s.isAvailable&&e(m,{body:"Not Recommended",children:e("div",{style:{display:"flex",marginTop:2},children:e(l,{width:16,height:16,color:n.content.secondary})})})]}),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{v(s)}})},f)}return e(m,{body:b(g[p]),placement:"bottom",children:e(c,{variant:"default",version:"2.0",listItem:{label:g[p].displayName,value:g[p].displayName},customListItemLabel:e("div",{style:{display:"flex",alignItems:"center"},children:e(d,{style:{fontSize:"14px",color:n.text.primary},children:h(g[p].displayName,x)})}),leadingIcon:e(r,{width:14,height:14}),subText:g[p].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=a(g[p]);void 0!==j&&(e.contextQ=[j.displayName]);const t=[...I,e];if(S(t),T){const i=y([e.variables],t);N(i)}else N([e.variables])}})},f)}))})};export{f as default,b as renderTooltipBody};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as r}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as b}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as h}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},v=v=>{const{onSelect:y,variable:f,searchText:j,disabled:u,parentVariable:x}=v,{subHeaderStack:O,setSubHeaderStack:I,setVariables:S,showRecommended:N}=p();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((p,v)=>{var T;if(void 0===f[p].variables||0===Object.keys((null===(T=f[p])||void 0===T?void 0:T.variables)||{}).length){const s=f[p];return e(d,Object.assign({body:g(s),placement:"bottom"},{children:e(c,{variant:u?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||u?e(t,{}):e("div",Object.assign({style:{flexShrink:0}},{children:e(o,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(s.displayName,j)})),!s.isAvailable&&e(d,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(a,{width:16,height:16,color:n.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{y(s)}})}),v)}return e(d,Object.assign({body:g(f[p]),placement:"bottom"},{children:e(c,{variant:"default",version:"2.0",listItem:{label:f[p].displayName,value:f[p].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(f[p].displayName,j)}))})),leadingIcon:e(l,{width:14,height:14}),subText:f[p].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=r(f[p]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),N){const i=h([e.variables],t);S(i)}else S([e.variables])}})}),v)}))}))};export{v as default,g as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,7 +1,5 @@
-import React__default from 'react';
-import { VariablePickerV3Props } from './model.js';
-
-type Props = VariablePickerV3Props;
-declare const VariablePicker: React__default.FC<Props>;
-
-export { VariablePicker, VariablePicker as default };
+import React from 'react';
+import { VariablePickerV3Props } from './model';
+type Props = VariablePickerV3Props;
+export declare const VariablePicker: React.FC<Props>;
+export default VariablePicker;

package/dist/esm/components/variable-picker-v3/VariablePicker.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as r}from"../modals/modal.styled.js";import{VariablePickerContent as i}from"./Content.js";import{PickerType as d}from"./model.js";const n=n=>{const{type:h}=n;return h==d.FLOATER?o("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:n.width?n.width:344,borderRadius:4,height:"100%"},children:[t(i,{...n}),t(r,{onClick:()=>{n.onClose&&n.onClose()},children:t(s,{height:20,width:20,color:e.content.secondary})})]}):t("div",{style:{width:n.width??"100%",height:"100%"},children:t(i,{...n})})};export{n as VariablePicker,n as default};
+import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};

package/dist/esm/components/variable-picker-v3/context.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare const VariablePickerContext: React.Context<{
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    subHeaderStack: any[];
+    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
+    variables: any[];
+    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
+    showRecommended: boolean;
+    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export declare const useVariablePickerContext: () => {
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    subHeaderStack: any[];
+    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
+    variables: any[];
+    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
+    showRecommended: boolean;
+    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/dist/esm/components/variable-picker-v3/highlightSearchText.d.ts

@@ -0,0 +1 @@
+export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/variable-picker-v3/highlightSearchText.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";const n=(n,o)=>{if(0===o.length)return n;const s=n.toLowerCase().indexOf(o.toLowerCase());if(-1===s)return n;const c=n.slice(0,s),i=n.slice(s,s+o.length),l=n.slice(s+o.length);return e("span",{children:[c,t("b",{style:{color:r.content.primary},children:i}),l]})};export{n as highlightSearchText};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";const n=(n,o)=>{if(0===o.length)return n;const s=n.toLowerCase().indexOf(o.toLowerCase());if(-1===s)return n;const c=n.slice(0,s),i=n.slice(s,s+o.length),l=n.slice(s+o.length);return e("span",{children:[c,t("b",Object.assign({style:{color:r.content.primary}},{children:i})),l]})};export{n as highlightSearchText};

package/dist/esm/components/variable-picker-v3/index.d.ts

@@ -0,0 +1 @@
+export * from './VariablePicker';

package/dist/esm/components/variable-picker-v3/model.d.ts

@@ -1,65 +1,62 @@
-declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-    hideHeaderCross?: boolean;
-    disabled?: boolean;
-    autoOpenFirst?: boolean;
-    headerText?: string;
-    contentHeight?: string;
-    onDefaultVariableSelect?: (variable: VariableV3) => void;
-    skipDefaultVariableContent?: boolean;
-}
-interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-interface VariableV3 {
-    contextQ?: string[];
-    selected?: boolean;
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-    isDefaultValueSupported?: boolean;
-    enableDefaultValueForGlobalUsage?: boolean;
-}
-
-export { PickerType };
-export type { SubHeader, VariableListInterfaceV3, VariablePickerV3Props, VariableV3 };
+export declare enum PickerType {
+    FLOATER = "floater",
+    EMBEDDED = "embedded"
+}
+export interface VariablePickerV3Props {
+    type: PickerType;
+    data: VariableListInterfaceV3[];
+    onSelect: (variable: VariableV3) => void;
+    width?: string;
+    onClose?: () => void;
+    showHeader?: boolean;
+    showBackButton?: boolean;
+    onBackButtonClick?: () => void;
+    onSearchBlur?: (e: any) => void;
+    isEvaluationList?: boolean;
+    hideHeaderCross?: boolean;
+    disabled?: boolean;
+    autoOpenFirst?: boolean;
+    headerText?: string;
+    contentHeight?: string;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    skipDefaultVariableContent?: boolean;
+}
+export interface VariableListInterfaceV3 {
+    isSubHeader?: boolean;
+    displayName: string;
+    description: string;
+    orderId?: number;
+    isAvailable?: boolean;
+    contextQ?: string[];
+    variables?: {
+        [key: string]: SubHeader | VariableV3;
+    };
+}
+export interface SubHeader {
+    isSubHeader: boolean;
+    isAvailable: boolean;
+    displayName: string;
+    description: string;
+    contextQ?: string[];
+    variables?: {
+        [key: string]: SubHeader | VariableV3;
+    };
+}
+export interface VariableV3 {
+    contextQ?: string[];
+    selected?: boolean;
+    description?: string;
+    defaultValue?: string;
+    displayName: string;
+    actualValue: string;
+    variableType: string;
+    isAvailable: boolean;
+    actualValueEval?: string;
+    isSubHeader?: boolean;
+    variables?: {
+        [key: string]: VariableV3;
+    };
+    needsFetching?: boolean;
+    isDefaultValueSupported?: boolean;
+    enableDefaultValueForGlobalUsage?: boolean;
+}

package/dist/esm/components/variable-picker-v3/model.js

@@ -1 +1 @@
-var e=(e=>(e.FLOATER="floater",e.EMBEDDED="embedded",e))(e||{});export{e as PickerType};
+var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};

package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts

@@ -0,0 +1 @@
+export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/esm/components/variable-picker-v3/recommendVaribles.js

@@ -1 +1 @@
-const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:{...e,variables:i}}if(void 0===e.variables){return a(e)}{const l=a(e.variables);return i.length?l:0===Object.keys(l).length?{}:{...e,variables:l}}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};
+const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:0===Object.keys(s).length?{}:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};

package/dist/esm/components/variable-picker-v3/searchVariables.d.ts

@@ -0,0 +1,2 @@
+import { VariableListInterfaceV3 } from './model';
+export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/esm/components/variable-picker-v3/searchVariables.js

@@ -1 +1 @@
-const e=(e,s,l)=>{if(!e)return l.length>0?[l[l.length-1].variables]:s;const i=[];return s.forEach((s=>{if(l.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=(e,s,l,i=[])=>{Object.keys(s).forEach((t=>{s[t].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==s[t].variables&&0===Object.keys(s[t].variables).length&&delete s[t].variables,l.push(s[t].isSubHeader?{[t]:{...s[t],contextQ:i}}:{...s[t],contextQ:i})),s[t].variables&&Object.keys(s[t].variables).length&&a(e,s[t].variables,l,[...i,s[t].displayName])}))};export{e as searchVariables};
+const e=(e,s,t)=>{if(!e)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=function(e,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==s[l].variables&&0===Object.keys(s[l].variables).length&&delete s[l].variables,t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i}))),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,t,[...i,s[l].displayName])}))};export{e as searchVariables};

package/dist/esm/components/variable-picker-v3/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
+    openDefault?: boolean | undefined;
+}, never>;
+export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    height: string;
+}, never>;

package/dist/esm/components/zeroState/ZeroState.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ButtonProps } from '../button/model';
+export declare const ZeroState: React.FC<{
+    isLoading?: boolean;
+    title: string;
+    subTitle?: string;
+    IconHolderStyle?: React.CSSProperties;
+    style?: React.CSSProperties /** now this component is extendable through styled-component */;
+    actionButton?: ButtonProps;
+    buttonWidth?: number;
+    Icon?: React.ReactNode;
+    containerWidth?: string;
+}>;

package/dist/esm/components/zeroState/ZeroState.js

@@ -1,12 +1,12 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{Spinner as n}from"../spinner/Spinner.js";import{BodyCaption as r,TitleRegular as i,TitleSmall as s}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import c from"../../assets/icons/alert.svg.js";import{Button as d}from"../button/Button.js";const a=o.div`
-	background: ${l.surface.standard};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import i from"styled-components";import{Spinner as o}from"../spinner/Spinner.js";import{BodyCaption as r,TitleRegular as l,TitleSmall as s}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import a from"../../assets/icons/alert.svg.js";import{Button as d}from"../button/Button.js";const u=i.div`
+	background: ${c.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
-`,m=o.div`
-	background: ${l.background.base};
+`,m=i.div`
+	background: ${c.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -14,4 +14,4 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"styled-component
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`,p=({subTitle:o,title:p,IconHolderStyle:u,style:h,isLoading:y,containerWidth:f,...g})=>{let x=i;const b=f?parseFloat(f):0;return b&&!isNaN(b)&&b<=150&&(x=s),t(a,{style:h??{},children:[y?e(n,{size:"large",color:l.stroke.brand}):e(m,{style:u??{},children:g?.Icon||e(c,{color:l.content.placeholder,height:24,width:24})}),e(x,{style:{marginTop:8,color:l.content.primary},children:y?"Loading...":p||"No results found"}),!!o&&!y&&e(r,{style:{marginTop:4,color:l.content.secondary,textAlign:"center",maxWidth:184},children:o}),!!g?.actionButton&&e("div",{style:g?.buttonWidth?{width:g?.buttonWidth,display:"flex"}:{},children:e(d,{...g?.actionButton})})]})};export{p as ZeroState};
+`,p=i=>{var{subTitle:p,title:g,IconHolderStyle:h,style:y,isLoading:b,containerWidth:f}=i,j=t(i,["subTitle","title","IconHolderStyle","style","isLoading","containerWidth"]);let x=l;const v=f?parseFloat(f):0;return v&&!isNaN(v)&&v<=150&&(x=s),e(u,Object.assign({style:null!=y?y:{}},{children:[b?n(o,{size:"large",color:c.stroke.brand}):n(m,Object.assign({style:null!=h?h:{}},{children:(null==j?void 0:j.Icon)||n(a,{color:c.content.placeholder,height:24,width:24})})),n(x,Object.assign({style:{marginTop:8,color:c.content.primary}},{children:b?"Loading...":g||"No results found"})),!!p&&!b&&n(r,Object.assign({style:{marginTop:4,color:c.content.secondary,textAlign:"center",maxWidth:184}},{children:p})),!!(null==j?void 0:j.actionButton)&&n("div",Object.assign({style:(null==j?void 0:j.buttonWidth)?{width:null==j?void 0:j.buttonWidth,display:"flex"}:{}},{children:n(d,Object.assign({},null==j?void 0:j.actionButton))}))]}))};export{p as ZeroState};