@bikdotai/bik-component-library 0.0.735 → 0.0.736-beta.1

package/dist/esm/components/QueryBuilder/components/DropdownWrapper.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { DropdownOption, SingleOption } from "../../dropdown/type";
-declare const DropdownWrapper: React.FC<{
-    options: DropdownOption[];
-    defaultOption?: SingleOption;
-    isSearchable?: boolean;
-    isLoading?: boolean;
-    onSelect: (option: DropdownOption | DropdownOption[]) => void;
-    error?: string;
-    nativeID?: string;
-    dropdownLabel?: string;
-    isMultiSelect?: boolean;
-    allowFreeForm?: boolean;
-    width?: string;
-    disabled?: boolean;
-    selectedValues?: (string | number)[];
-    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
-}>;
-export default DropdownWrapper;
+import React from 'react';
+import { DropdownOption, SingleOption } from '@src/components/dropdown/type';
+declare const DropdownWrapper: React.FC<{
+    options: DropdownOption[];
+    defaultOption?: SingleOption;
+    isSearchable?: boolean;
+    isLoading?: boolean;
+    onSelect: (option: DropdownOption | DropdownOption[]) => void;
+    error?: string;
+    nativeID?: string;
+    dropdownLabel?: string;
+    isMultiSelect?: boolean;
+    allowFreeForm?: boolean;
+    width?: string;
+    disabled?: boolean;
+    selectedValues?: (string | number)[];
+    onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
+}>;
+export default DropdownWrapper;

package/dist/esm/components/QueryBuilder/components/DropdownWrapper.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Dropdown as i}from"../../dropdown/Dropdown.js";import t from"./InputLoader.js";const o=o=>{let{options:s,onSelect:l,defaultOption:a,isSearchable:r,isLoading:n,error:d,nativeID:c,dropdownLabel:p,isMultiSelect:u,allowFreeForm:m,width:b,disabled:h,selectedValues:g,onSearch:j}=o;return n?e(t,{}):e("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:e(i,{onSearch:j,height:(null==s?void 0:s.length)?void 0:208,disabled:h,allowFreeForm:null!=m&&m,isMultiSelect:u,width:b,size:"small",placeHolder:p,error:d,isSearchable:null!=r&&r,defaultOptions:a?Array.isArray(a)?a:[a]:void 0,options:g?s.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:g.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:g.includes(e.value)}))):s,onSelect:l})}))};export{o as default};
+import{jsx as e}from"react/jsx-runtime";import{Dropdown as i}from"../../dropdown/Dropdown.js";import t from"./InputLoader.js";const o=o=>{let{options:l,onSelect:s,defaultOption:a,isSearchable:r,isLoading:n,error:d,nativeID:c,dropdownLabel:p,isMultiSelect:u,allowFreeForm:m,width:h,disabled:b,selectedValues:g,onSearch:j}=o;return n?e(t,{}):e("div",{style:{maxWidth:200,width:200},id:c,children:e(i,{onSearch:j,height:(null==l?void 0:l.length)?void 0:208,disabled:b,allowFreeForm:null!=m&&m,isMultiSelect:u,width:h,size:"small",placeHolder:p,error:d,isSearchable:null!=r&&r,defaultOptions:a?Array.isArray(a)?a:[a]:void 0,options:g?l.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:g.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:g.includes(e.value)}))):l,onSelect:s})})};export{o as default};

package/dist/esm/components/QueryBuilder/components/InputLoader.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-declare const InputLoader: React.FC<{
-    containerStyle?: React.CSSProperties;
-}>;
-export default InputLoader;
+import React from 'react';
+declare const InputLoader: React.FC<{
+    containerStyle?: React.CSSProperties;
+}>;
+export default InputLoader;

package/dist/esm/components/QueryBuilder/components/InputLoader.js

@@ -1,11 +1,11 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{Spinner as t}from"../../spinner/Spinner.js";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";const i=o.div`
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{Spinner as t}from"../../spinner/Spinner.js";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const s=o.div`
 	width: 200px;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 4px 8px;
 	width: 200px;
-	background: ${s.surface.hovered};
-	border: 1px solid ${s.stroke.primary};
+	background: ${i.surface.hovered};
+	border: 1px solid ${i.stroke.primary};
 	border-radius: 4px;
-`,l=o=>{let{containerStyle:l}=o;return r(i,Object.assign({style:Object.assign({},null!=l?l:{})},{children:[e(n,Object.assign({style:{color:s.content.secondary,flex:1}},{children:"Loading..."})),e(t,{size:"small",color:s.stroke.brand})]}))};export{l as default};
+`,l=o=>{let{containerStyle:l}=o;return r(s,{style:Object.assign({},null!=l?l:{}),children:[e(n,{style:{color:i.content.secondary,flex:1},children:"Loading..."}),e(t,{size:"small",color:i.stroke.brand})]})};export{l as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { DropdownOption } from "../../../../dropdown/type";
-import { BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
-import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
-type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
-    deleteProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
-    createProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
-    /** if this is undefined, we will assume that this node doesnt support properties, so property list and adding feature will be hidden */
-    addPropertyBtnText?: string;
-    node: BaseQueryBuilderNodeType;
-    children: React.ReactNode;
-    onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
-};
-/**
- * @exported
- * @stateless
- * @param param0
- * @returns
- */
-export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps & {
-    children: React.ReactNode;
-}>;
-export {};
+import React from 'react';
+import { DropdownOption } from '@src/components/dropdown/type';
+import { BaseQueryBuilderNode as BaseQueryBuilderNodeType, QueryBuilderProperty } from '@src/components/QueryBuilder/types/QueryBuilder.type';
+import { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';
+type BaseQueryBuilderNodeProps = Omit<QueryBuilderPropertyProps, 'property'> & {
+    deleteProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    createProperty?: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    /** if this is undefined, we will assume that this node doesnt support properties, so property list and adding feature will be hidden */
+    addPropertyBtnText?: string;
+    node: BaseQueryBuilderNodeType;
+    children: React.ReactNode;
+    onPropertyValueSearch?: (searchKey: string, property: QueryBuilderProperty) => Promise<DropdownOption[]>;
+};
+/**
+ * @exported
+ * @stateless
+ * @param param0
+ * @returns
+ */
+export declare const BaseQueryBuilderNode: React.FC<BaseQueryBuilderNodeProps & {
+    children: React.ReactNode;
+}>;
+export {};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare const AddPropertyButton: React.FC<{
-    buttonText: string;
-    onClick: () => void;
-}>;
-export default AddPropertyButton;
+import React from 'react';
+declare const AddPropertyButton: React.FC<{
+    buttonText: string;
+    onClick: () => void;
+}>;
+export default AddPropertyButton;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
-/**
- * @exported
- * @stateless
- * @returns
- */
-export declare const PropertyNode: React.FC<QueryBuilderPropertyProps & {
-    isLast?: boolean;
-}>;
-/**
- * @exported
- * @headless
- * @stateless
- * @returns
- */
-export declare const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps>;
+import React from 'react';
+import { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';
+/**
+ * @exported
+ * @stateless
+ * @returns
+ */
+export declare const PropertyNode: React.FC<QueryBuilderPropertyProps & {
+    isLast?: boolean;
+}>;
+/**
+ * @exported
+ * @headless
+ * @stateless
+ * @returns
+ */
+export declare const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps>;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as a,useEffect as n}from"react";import{isNewLineConnectorPosition as i}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as t}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new t,u=r=>e(p,Object.assign({isLast:r.isLast,mode:r.mode},{children:e("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:e(v,Object.assign({},r))}))})),v=t=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:b,onPropertyValueSearch:h}=t;var j,f,O,A,C,T,S;const[x,P]=a([]),[w,V]=a({}),[L,D]=a(!0),[z,N]=a("create"===b),W=Array.isArray(x)?x.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==g?void 0:g.name)===e.id}))):c.convertToGroupOptions(x,(null==g?void 0:g.name)?[g.name.toString()]:void 0);function k(e){if(!Array.isArray(e)){N(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const a=x[o].find((r=>{let{id:o}=r;return o===e.value}));a&&(r=a)})),V({}),r?null==v||v(r,g).then((e=>{const r=e;r.normalized&&r.originalData?V((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):V((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),N(!1)})):N(!1)}}return n((()=>{u?u().then((e=>{e&&(Array.isArray(e)?P([...e]):P(Object.assign({},e))),D(!1),N(!1)})):(D(!1),N(!1))}),[]),n((()=>{if("create"!==b&&x&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(x)?x.find((e=>e.id===(null==g?void 0:g.name))):c.findInGroupedApiResponse(x,null==g?void 0:g.name);r&&k({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,g)}}),[x]),n((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&V((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r(o,{children:[r(s,{children:[e(d,{isSearchable:!0,disabled:"view"===b,width:"200px",isLoading:L,dropdownLabel:null!=p?p:"Select property",options:W,onSelect:k,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(j=null==g?void 0:g.error)||void 0===j?void 0:j.name}),(null==g?void 0:g.name)&&!(null===(f=i[g.dataType])||void 0===f?void 0:f[g.operator])&&e(l,{onSearch:h?e=>h(e,g):void 0,isLoading:z,disabled:"view"===b,extra:w,errors:{val:null===(O=g.error)||void 0===O?void 0:O.value,operator:null===(A=g.error)||void 0===A?void 0:A.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==m||m(e,g)},onValueChange:e=>null==y?void 0:y(e,g)})]}),(null==g?void 0:g.name)&&(null===(C=i[g.dataType])||void 0===C?void 0:C[g.operator])&&e(l,{onSearch:h?e=>h(e,g):void 0,isLoading:z,disabled:"view"===b,extra:w,errors:{val:null===(T=g.error)||void 0===T?void 0:T.value,operator:null===(S=g.error)||void 0===S?void 0:S.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==m?void 0:m(e,g),onValueChange:e=>null==y?void 0:y(e,g)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as a,useEffect as n}from"react";import{isNewLineConnectorPosition as i}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as t}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new t,u=r=>e(p,{isLast:r.isLast,mode:r.mode,children:e("div",{style:{padding:12,maxWidth:"calc(100% - 78px)"},children:e(v,Object.assign({},r))})}),v=t=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:h,onPropertyValueSearch:b}=t;var f,j,O,A,C,T,S;const[x,P]=a([]),[w,V]=a({}),[L,D]=a(!0),[z,N]=a("create"===h),W=Array.isArray(x)?x.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==g?void 0:g.name)===e.id}))):c.convertToGroupOptions(x,(null==g?void 0:g.name)?[g.name.toString()]:void 0);function k(e){if(!Array.isArray(e)){N(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const a=x[o].find((r=>{let{id:o}=r;return o===e.value}));a&&(r=a)})),V({}),r?null==v||v(r,g).then((e=>{const r=e;r.normalized&&r.originalData?V((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):V((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),N(!1)})):N(!1)}}return n((()=>{u?u().then((e=>{e&&(Array.isArray(e)?P([...e]):P(Object.assign({},e))),D(!1),N(!1)})):(D(!1),N(!1))}),[]),n((()=>{if("create"!==h&&x&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(x)?x.find((e=>e.id===(null==g?void 0:g.name))):c.findInGroupedApiResponse(x,null==g?void 0:g.name);r&&k({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,g)}}),[x]),n((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&V((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r(o,{children:[r(s,{children:[e(d,{isSearchable:!0,disabled:"view"===h,width:"200px",isLoading:L,dropdownLabel:null!=p?p:"Select property",options:W,onSelect:k,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(f=null==g?void 0:g.error)||void 0===f?void 0:f.name}),(null==g?void 0:g.name)&&!(null===(j=i[g.dataType])||void 0===j?void 0:j[g.operator])&&e(l,{onSearch:b?e=>b(e,g):void 0,isLoading:z,disabled:"view"===h,extra:w,errors:{val:null===(O=g.error)||void 0===O?void 0:O.value,operator:null===(A=g.error)||void 0===A?void 0:A.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==m||m(e,g)},onValueChange:e=>null==y?void 0:y(e,g)})]}),(null==g?void 0:g.name)&&(null===(C=i[g.dataType])||void 0===C?void 0:C[g.operator])&&e(l,{onSearch:b?e=>b(e,g):void 0,isLoading:z,disabled:"view"===h,extra:w,errors:{val:null===(T=g.error)||void 0===T?void 0:T.value,operator:null===(S=g.error)||void 0===S?void 0:S.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==m?void 0:m(e,g),onValueChange:e=>null==y?void 0:y(e,g)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.d.ts

@@ -1 +1 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { QueryBuilderProps } from "../../../types/QueryBuilderProps.type";
-declare const PropertyNodeUIWrapper: React.FC<{
-    children: React.ReactNode;
-    mode: QueryBuilderProps['mode'];
-    isLast?: boolean;
-}>;
-export default PropertyNodeUIWrapper;
+import React from 'react';
+import { QueryBuilderProps } from '@src/components/QueryBuilder/types/QueryBuilderProps.type';
+declare const PropertyNodeUIWrapper: React.FC<{
+    children: React.ReactNode;
+    mode: QueryBuilderProps['mode'];
+    isLast?: boolean;
+}>;
+export default PropertyNodeUIWrapper;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as s,Line as i,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const a=a=>{let{children:n,mode:p,isLast:l}=a;return e(s,Object.assign({style:{maxWidth:"calc(100% - 24px)"}},{children:[r(i,{style:{height:"view"===p&&l?29:"100%"}}),r(m,{style:{marginTop:28}}),r(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),n]}))};export{a as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as i,Line as m,Horinzontal as s}from"./PropertyNodeUIWrapper.styled.js";const p=p=>{let{children:a,mode:l,isLast:n}=p;return r(i,{style:{maxWidth:"calc(100% - 24px)"},children:[e(m,{style:{height:"view"===l&&n?29:"100%"}}),e(s,{style:{marginTop:28}}),e(t,{style:{color:o.content.primary,marginLeft:8,marginTop:18},children:"where"}),a]})};export{p as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.d.ts

@@ -1,3 +1,3 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Horinzontal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Horinzontal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { BaseQueryBuilderNode, QueryBuilderProperty } from "../../../types/QueryBuilder.type";
-import { QueryBuilderPropertyProps } from "../../../types/QueryBuilderPropertyProps";
-type Props = Omit<QueryBuilderPropertyProps, 'property'> & {
-    node: BaseQueryBuilderNode;
-    addPropertyBtnText?: string;
-    deleteProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
-    createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
-};
-declare const PropertyNodes: React.FC<Props>;
-export default PropertyNodes;
+import React from 'react';
+import { BaseQueryBuilderNode, QueryBuilderProperty } from '@src/components/QueryBuilder/types/QueryBuilder.type';
+import { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';
+type Props = Omit<QueryBuilderPropertyProps, 'property'> & {
+    node: BaseQueryBuilderNode;
+    addPropertyBtnText?: string;
+    deleteProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+    createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
+};
+declare const PropertyNodes: React.FC<Props>;
+export default PropertyNodes;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js

@@ -1 +1 @@
-import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsxs as r,Fragment as t,jsx as o}from"react/jsx-runtime";import{Dropdown as i}from"../../../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as p}from"../../../constants/operators.js";import{QueryBuilderJoinOperators as d}from"../../../types/QueryBuilder.type.js";import s from"../../DeleteButton.js";import l from"./AddPropertyButton.js";import{PropertyNode as n}from"./PropertyNode.js";import{Line as a}from"./PropertyNodeUIWrapper.styled.js";const c=c=>{var m,y,{node:u,addPropertyBtnText:v,deleteProperty:j,createProperty:f,selectPropertyJoinOperator:P,mode:h}=c,b=e(c,["node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode"]);const O=p.map((e=>{if(u.PropertyOperator){if(e.value===u.PropertyOperator)return Object.assign(Object.assign({},e),{selected:!0})}else if(e.value===d.AND)return Object.assign(Object.assign({},e),{selected:!0});return e}));return r(t,{children:[null===(m=null==u?void 0:u.properties)||void 0===m?void 0:m.map(((e,p)=>r(t,{children:[0!==p&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(i,{disabled:"view"===h,onSelect:e=>{null==P||P(e.value,u._id)},options:O,width:"80px",height:96,size:"small"},`${p}-operator-selector`)}),`${p}-operator`),r("div",Object.assign({style:{display:"flex",flexDirection:"row"}},{children:[o(n,Object.assign({isLast:!!u.properties&&p===u.properties.length-1,property:e},b,{mode:h}),`${e._id}-property-node`),"view"!==h&&o(s,{onClick:()=>j(e,u._id)},`${e._id}-${p}-delete-btn`)]}),e._id)]}))),"view"!==h&&r("div",{children:[0===(null===(y=null==u?void 0:u.properties)||void 0===y?void 0:y.length)&&o("div",{children:o(a,{})}),o(l,{buttonText:null!=v?v:"Add Property",onClick:()=>f({},u._id)})]})]})};export{c as default};
+import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsxs as r,Fragment as t,jsx as o}from"react/jsx-runtime";import{Dropdown as i}from"../../../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as p}from"../../../constants/operators.js";import{QueryBuilderJoinOperators as d}from"../../../types/QueryBuilder.type.js";import l from"../../DeleteButton.js";import s from"./AddPropertyButton.js";import{PropertyNode as n}from"./PropertyNode.js";import{Line as a}from"./PropertyNodeUIWrapper.styled.js";const c=c=>{var m,y,{node:u,addPropertyBtnText:v,deleteProperty:f,createProperty:j,selectPropertyJoinOperator:P,mode:h}=c,b=e(c,["node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode"]);const O=p.map((e=>{if(u.PropertyOperator){if(e.value===u.PropertyOperator)return Object.assign(Object.assign({},e),{selected:!0})}else if(e.value===d.AND)return Object.assign(Object.assign({},e),{selected:!0});return e}));return r(t,{children:[null===(m=null==u?void 0:u.properties)||void 0===m?void 0:m.map(((e,p)=>r(t,{children:[0!==p&&o("div",{style:{width:80,position:"relative"},children:o(i,{disabled:"view"===h,onSelect:e=>{null==P||P(e.value,u._id)},options:O,width:"80px",height:96,size:"small"},`${p}-operator-selector`)},`${p}-operator`),r("div",{style:{display:"flex",flexDirection:"row"},children:[o(n,Object.assign({isLast:!!u.properties&&p===u.properties.length-1,property:e},b,{mode:h}),`${e._id}-property-node`),"view"!==h&&o(l,{onClick:()=>f(e,u._id)},`${e._id}-${p}-delete-btn`)]},e._id)]}))),"view"!==h&&r("div",{children:[0===(null===(y=null==u?void 0:u.properties)||void 0===y?void 0:y.length)&&o("div",{children:o(a,{})}),o(s,{buttonText:null!=v?v:"Add Property",onClick:()=>j({},u._id)})]})]})};export{c as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { QueryBuilderNodeProps } from '../../types/QueryBuilderNodeProps.type';
-/**
- * @stateless
- * @exported
- * @returns
- */
-declare const QueryBuilderNode: React.FC<QueryBuilderNodeProps>;
-export default QueryBuilderNode;
+import React from 'react';
+import { QueryBuilderNodeProps } from '../../types/QueryBuilderNodeProps.type';
+/**
+ * @stateless
+ * @exported
+ * @returns
+ */
+declare const QueryBuilderNode: React.FC<QueryBuilderNodeProps>;
+export default QueryBuilderNode;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.d.ts

@@ -1,19 +1,19 @@
-import { Response } from "../../../types/apiExecutor";
-import React from 'react';
-import { QueryBuilderRef } from '../types';
-import { QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
-import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
-type QueryBuilderNodesProps = {
-    infinite: boolean;
-    addNodeBtnText: string;
-    allowedNodes: QueryBuilderType[];
-    onStateChange?: (state: QueryBuilderRoot) => void;
-    typesAPIHandlers: {
-        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
-    };
-    state?: QueryBuilderRoot;
-    mode?: 'create' | 'edit' | 'view';
-    selectorKey: string;
-};
-declare const QueryBuilderNodes: React.ForwardRefExoticComponent<QueryBuilderNodesProps & React.RefAttributes<QueryBuilderRef>>;
-export default QueryBuilderNodes;
+import { Response } from '@src/types/apiExecutor';
+import React from 'react';
+import { QueryBuilderRef } from '../types';
+import { QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
+import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';
+type QueryBuilderNodesProps = {
+    infinite: boolean;
+    addNodeBtnText: string;
+    allowedNodes: QueryBuilderType[];
+    onStateChange?: (state: QueryBuilderRoot) => void;
+    typesAPIHandlers: {
+        [key in QueryBuilderType]?: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
+    };
+    state?: QueryBuilderRoot;
+    mode?: 'create' | 'edit' | 'view';
+    selectorKey: string;
+};
+declare const QueryBuilderNodes: React.ForwardRefExoticComponent<QueryBuilderNodesProps & React.RefAttributes<QueryBuilderRef>>;
+export default QueryBuilderNodes;

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import i,{useEffect as r,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 m from"./DeleteButton.js";import u from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";const y=i.forwardRef(((i,y)=>{let{infinite:j,addNodeBtnText:b,allowedNodes:g,typesAPIHandlers:v,onStateChange:h,mode:w,selectorKey:x}=i;var N;const O=s((e=>null==e?void 0:e[x])),{deleteNode:B,clearAll:S,selectJoinOperator:C,fillState:Q}=c(x);r((()=>{null==h||h(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){Q(Object.assign({},e))},clearAll:S}))),e(t,{children:[null===(N=null==O?void 0:O.nodes)||void 0===N?void 0:N.map(((i,r)=>e(t,{children:[0!==r&&o("div",Object.assign({style:{width:80,position:"relative"}},{children:o(n,{disabled:"view"===w,onSelect:e=>{C(e.value)},options:T,width:"80px",height:96,size:"small",skipSorting:!0})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[o(f,Object.assign({style:{paddingTop:0===r?0:24,maxWidth:"calc(100% - 24px)"}},{children:o(u,{selectorKey:x,mode:null!=w?w:"create",allowedNodes:g,node:i,apiHandler:v[i.type]})})),o(t,"view"!==w?{children:0!==r&&o(m,{onClick:()=>B(i._id)})}:{})]}),i._id)]}))),j&&"view"!==w&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[o(p,{buttonText:b,allowedNodes:g,selectorKey:x}),o(d,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>S(g[0])})]}))]})}));y.displayName="QueryBuilderNodes";export{y as default};
+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 d}from"react-redux";import{Button as s}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 p}from"../hooks/useQueryBuilder.js";import c from"./AddNodeButton.js";import m from"./DeleteButton.js";import u from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as f}from"./QueryBuilderNodes.styled.js";const y=r.forwardRef(((r,y)=>{let{infinite:j,addNodeBtnText:v,allowedNodes:h,typesAPIHandlers:w,onStateChange:x,mode:b,selectorKey:g}=r;var N;const B=d((e=>null==e?void 0:e[g])),{deleteNode:O,clearAll:S,selectJoinOperator:C,fillState:Q}=p(g);i((()=>{null==x||x(Object.assign({},B))}),[B]);const T=a.map((e=>(null==B?void 0:B.operator)&&e.value===B.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return l(y,(()=>({getState:()=>Object.assign({},B),fillState(e){Q(Object.assign({},e))},clearAll:S}))),e(t,{children:[null===(N=null==B?void 0:B.nodes)||void 0===N?void 0:N.map(((r,i)=>e(t,{children:[0!==i&&o("div",{style:{width:80,position:"relative"},children:o(n,{disabled:"view"===b,onSelect:e=>{C(e.value)},options:T,width:"80px",height:96,size:"small",skipSorting:!0})}),e("div",{style:{display:"flex",flexDirection:"row",gap:12},children:[o(f,{style:{paddingTop:0===i?0:24,maxWidth:"calc(100% - 24px)"},children:o(u,{selectorKey:g,mode:null!=b?b:"create",allowedNodes:h,node:r,apiHandler:w[r.type]})}),o(t,"view"!==b?{children:0!==i&&o(m,{onClick:()=>O(r._id)})}:{})]},r._id)]}))),j&&"view"!==b&&e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[o(c,{buttonText:v,allowedNodes:h,selectorKey:g}),o(s,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>S(h[0])})]})]})}));y.displayName="QueryBuilderNodes";export{y as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.styled.d.ts

@@ -1,2 +1,2 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LinedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LinedContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/QueryBuilder/constants/DATE_OPERATORS_OPTIONS.d.ts

@@ -1,2 +1,2 @@
-import { GroupedOption } from "../../dropdown/type";
-export declare const DATE_OPERATORS_OPTIONS: GroupedOption[];
+import { GroupedOption } from '@src/components/dropdown/type';
+export declare const DATE_OPERATORS_OPTIONS: GroupedOption[];