@bikdotai/bik-component-library 0.0.643-beta.custom-field-2 → 0.0.643-ddli-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER},[r.QueryBuilderType.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:r.QueryBuilderType.ORDER_PROPERTY_FILTER},[r.QueryBuilderType.HAS_CUSTOM_FIELD]:{label:"Has Custom field",value:r.QueryBuilderType.HAS_CUSTOM_FIELD}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:i,onSelect:t,selectedType:d,loading:T,disabled:a}=r;const E=i.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)).map((e=>{var r;if(d)return(null==e?void 0:e.value)===(null===(r=u[d])||void 0===r?void 0:r.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e.jsx(l.default,{nativeID:"query-builder-initial-node",disabled:a,width:"200px",isLoading:null!=T&&T,options:E,onSelect:t})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../types/QueryBuilder.type.js"),l=require("./DropdownWrapper.js");const u={[r.QueryBuilderType.EVENT_FILTER]:{label:"Performed event",value:r.QueryBuilderType.EVENT_FILTER},[r.QueryBuilderType.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:r.QueryBuilderType.NO_EVENT_FILTER},[r.QueryBuilderType.USER_PROPERTY_FILTER]:{label:"Have user property",value:r.QueryBuilderType.USER_PROPERTY_FILTER},[r.QueryBuilderType.SEGMENT_FILTER]:{label:"Part of segment",value:r.QueryBuilderType.SEGMENT_FILTER},[r.QueryBuilderType.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:r.QueryBuilderType.ORDER_PROPERTY_FILTER}};exports.QUERY_TYPE_TO_OPTION_MAP=u,exports.default=r=>{let{allowedList:i,onSelect:t,selectedType:d,loading:a,disabled:T}=r;const E=i.map((e=>{var r;return null!==(r=u[e])&&void 0!==r?r:null})).filter((e=>e)).map((e=>{var r;if(d)return(null==e?void 0:e.value)===(null===(r=u[d])||void 0===r?void 0:r.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e.jsx(l.default,{nativeID:"query-builder-initial-node",disabled:T,width:"200px",isLoading:null!=a&&a,options:E,onSelect:t})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../Filters/CustomField/components/CustomField.js"),t=require("../../Filters/Event/components/EventFilter.js"),u=require("../../Filters/Segment/components/SegmentFilter.js"),s=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),i=require("../../Triggers/EVENTS/components/EventsTrigger.js"),l=require("../../Triggers/IG/components/IGTrigger.js"),n=require("../../types/QueryBuilder.type.js");const T={[n.QueryBuilderType.EVENT_FILTER]:t.default,[n.QueryBuilderType.NO_EVENT_FILTER]:t.default,[n.QueryBuilderType.USER_PROPERTY_FILTER]:s.default,[n.QueryBuilderType.ORDER_PROPERTY_FILTER]:s.default,[n.QueryBuilderType.HAS_CUSTOM_FIELD]:r.default,[n.QueryBuilderType.IG_TRIGGER]:l.default,[n.QueryBuilderType.EVENTS_TRIGGER]:i.default,[n.QueryBuilderType.SEGMENT_FILTER]:u.default};exports.default=r=>{if(void 0!==T[r.node.type]){const t=T[r.node.type];return e.jsx(t,Object.assign({},r))}return e.jsx(e.Fragment,{})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../Filters/Event/components/EventFilter.js"),t=require("../../Filters/Segment/components/SegmentFilter.js"),u=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),s=require("../../Triggers/EVENTS/components/EventsTrigger.js"),i=require("../../Triggers/IG/components/IGTrigger.js"),n=require("../../types/QueryBuilder.type.js");const T={[n.QueryBuilderType.EVENT_FILTER]:r.default,[n.QueryBuilderType.NO_EVENT_FILTER]:r.default,[n.QueryBuilderType.USER_PROPERTY_FILTER]:u.default,[n.QueryBuilderType.ORDER_PROPERTY_FILTER]:u.default,[n.QueryBuilderType.IG_TRIGGER]:i.default,[n.QueryBuilderType.EVENTS_TRIGGER]:s.default,[n.QueryBuilderType.SEGMENT_FILTER]:t.default};exports.default=r=>{if(void 0!==T[r.node.type]){const t=T[r.node.type];return e.jsx(t,Object.assign({},r))}return e.jsx(e.Fragment,{})};
@@ -8,8 +8,7 @@ export declare enum QueryBuilderType {
8
8
  IG_TRIGGER = "IG_TRIGGER",
9
9
  CTWA_TRIGGER = "CTWA_TRIGGER",
10
10
  EVENTS_TRIGGER = "EVENTS_TRIGGER",
11
- ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER",
12
- HAS_CUSTOM_FIELD = "HAS_CUSTOM_FIELD"
11
+ ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER"
13
12
  }
14
13
  export declare enum QueryBuilderJoinOperators {
15
14
  AND = "AND",
@@ -1 +1 @@
1
- "use strict";var e,r,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",e.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER",e.HAS_CUSTOM_FIELD="HAS_CUSTOM_FIELD",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(i=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",i.string_restricted="string_restricted",i.string_restricted_2="string_restricted_2",i.string_restricted_3="string_restricted_3",i.integer="integer",i.boolean="boolean",i.date="date",i.frequency="frequency",i.anyIg="anyIg",i.anyAd="anyAd",i.specificPost="specificPost",i.specificReel="specificReel",i.specificStory="specificStory",i.reaction="reaction",i.activityString="activityString",i.specificAd="specificAd",i.iceBreaker="iceBreaker",i.mailSubject="mailSubject",i.exactly="exactly";
1
+ "use strict";var e,r,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",e.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(i=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",i.string_restricted="string_restricted",i.string_restricted_2="string_restricted_2",i.string_restricted_3="string_restricted_3",i.integer="integer",i.boolean="boolean",i.date="date",i.frequency="frequency",i.anyIg="anyIg",i.anyAd="anyAd",i.specificPost="specificPost",i.specificReel="specificReel",i.specificStory="specificStory",i.reaction="reaction",i.activityString="activityString",i.specificAd="specificAd",i.iceBreaker="iceBreaker",i.mailSubject="mailSubject",i.exactly="exactly";
@@ -14,5 +14,6 @@ export type DropdownProps = OpenDropdownProps & {
14
14
  truncatedText?: boolean;
15
15
  'data-test'?: string;
16
16
  showLeadingIconInPlaceholder?: boolean;
17
+ showTrailingIconPlaceholder?: boolean;
17
18
  };
18
19
  export declare const Dropdown: React.FC<DropdownProps>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/chevronDown.svg.js"),r=require("../input/Input.js"),l=require("../input/context/InputStyleProvider.js"),s=require("./ChipInput.js"),d=require("./DropdownPopover/index.js"),a=require("./OpenedDropdown/utils/iterationOnOptions.js");function u(){}const c=c=>{var p,h,v,g,j,{placeHolder:f,size:x,onSelect:w,defaultOptions:S,disabled:b,noErrorHint:I,placeHolderHeight:O,showPlaceholderWhenSelected:y=!1,inputStyle:D={},inputType:m="default",onDeleteChip:q,truncatedText:H,showLeadingIconInPlaceholder:C=!1}=c,P=e.__rest(c,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder"]);const[T,E]=n.useState(!1),_=null!=x?x:"default",z=n.useRef(),[W,A]=n.useState(null!=S?S:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==P?void 0:P.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),A([...t])}),[P.options]),n.useEffect((()=>{S&&A([...S])}),[S]);const L=a.getSelectedOptionsAsText(W);return t.jsx(l.InputStyleContext.Provider,Object.assign({value:{InputWrapper:Object.assign({height:O||("small"===_?32:48),width:null!==(h=null!==(p=P.buttonWidth)&&void 0!==p?p:P.width)&&void 0!==h?h:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},D),input:{minHeight:"100%"}}},{children:t.jsxs(d.DropdownPopover,Object.assign({"data-test":P["data-test"],ref:z,onSelect:function(e){Array.isArray(e)?A([...e]):A([e]),null==w||w(e)},disabled:b,onDropdownVisbilityChange:e=>E(e)},P,{children:["default"==m&&t.jsx(r.Input,{version:P.version,noErrorHint:I,state:b?"disabled":"none",value:y?f:null!=L?L:"",errorMessage:P.error,variant:_,placeholder:null!=f?f:"Select an option",width:null!==(v=P.width)&&void 0!==v?v:"100%",onChangeText:u,leftIcon:C&&(null===(g=W[0])||void 0===g?void 0:g.leadingIcon)?{icon:()=>{var e;return t.jsx(t.Fragment,{children:null===(e=W[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>t.jsx(i.default,{style:{transform:T?"rotate(180deg)":"rotate(0deg)"},onClick:u,width:"small"===_?20:24,height:"small"===_?20:24,color:o.COLORS.content.primary})},truncateText:null==H||H}),"chip"==m&&t.jsx(s.default,{placeholder:null!=f?f:"Select options",chips:W,onDeleteChip:e=>{null==q||q(e)},isDropdownOpened:T,sizeToUse:_,containerStyle:{width:null!==(j=P.width)&&void 0!==j?j:"100%",cursor:"pointer"}})]}))}))};c.displayName="Dropdown",exports.Dropdown=c;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/chevronDown.svg.js"),l=require("../input/Input.js"),r=require("../input/context/InputStyleProvider.js"),s=require("./ChipInput.js"),d=require("./DropdownPopover/index.js"),a=require("./OpenedDropdown/utils/iterationOnOptions.js");function u(){}const c=c=>{var p,h,v,g,j,{placeHolder:w,size:x,onSelect:f,defaultOptions:I,disabled:S,noErrorHint:b,placeHolderHeight:O,showPlaceholderWhenSelected:y=!1,inputStyle:m={},inputType:D="default",onDeleteChip:P,truncatedText:T,showLeadingIconInPlaceholder:q=!1,showTrailingIconPlaceholder:H=!1}=c,C=e.__rest(c,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder"]);const[E,_]=t.useState(!1),z=null!=x?x:"default",W=t.useRef(),[A,L]=t.useState(null!=I?I:[]);t.useEffect((()=>{var e;const n=[];null===(e=null==C?void 0:C.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&n.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&n.push(e)})),L([...n])}),[C.options]),t.useEffect((()=>{I&&L([...I])}),[I]);const F=a.getSelectedOptionsAsText(A);return n.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:Object.assign({height:O||("small"===z?32:48),width:null!==(h=null!==(p=C.buttonWidth)&&void 0!==p?p:C.width)&&void 0!==h?h:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},m),input:{minHeight:"100%"}}},{children:n.jsxs(d.DropdownPopover,Object.assign({"data-test":C["data-test"],ref:W,onSelect:function(e){Array.isArray(e)?L([...e]):L([e]),null==f||f(e)},disabled:S,onDropdownVisbilityChange:e=>_(e)},C,{children:["default"==D&&n.jsx(l.Input,{version:C.version,noErrorHint:b,state:S?"disabled":"none",value:y?w:null!=F?F:"",errorMessage:C.error,variant:z,placeholder:null!=w?w:"Select an option",width:null!==(v=C.width)&&void 0!==v?v:"100%",onChangeText:u,leftIcon:q?(null===(g=A[0])||void 0===g?void 0:g.leadingIcon)?{icon:()=>{var e;return n.jsx(n.Fragment,{children:null===(e=A[0])||void 0===e?void 0:e.leadingIcon})}}:void 0:H?{icon:()=>{var e,t;return"trailingIcon"in(null!==(e=A[0])&&void 0!==e?e:{})?n.jsx(n.Fragment,{children:null===(t=A[0])||void 0===t?void 0:t.trailingIcon}):null}}:void 0,rightIcon:{icon:()=>n.jsx(i.default,{style:{transform:E?"rotate(180deg)":"rotate(0deg)"},onClick:u,width:"small"===z?20:24,height:"small"===z?20:24,color:o.COLORS.content.primary})},truncateText:null==T||T}),"chip"==D&&n.jsx(s.default,{placeholder:null!=w?w:"Select options",chips:A,onDeleteChip:e=>{null==P||P(e)},isDropdownOpened:E,sizeToUse:z,containerStyle:{width:null!==(j=C.width)&&void 0!==j?j:"100%",cursor:"pointer"}})]}))}))};c.displayName="Dropdown",exports.Dropdown=c;
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const a={[l.EVENT_FILTER]:{label:"Performed event",value:l.EVENT_FILTER},[l.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:l.NO_EVENT_FILTER},[l.USER_PROPERTY_FILTER]:{label:"Have user property",value:l.USER_PROPERTY_FILTER},[l.SEGMENT_FILTER]:{label:"Part of segment",value:l.SEGMENT_FILTER},[l.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:l.ORDER_PROPERTY_FILTER},[l.HAS_CUSTOM_FIELD]:{label:"Has Custom field",value:l.HAS_CUSTOM_FIELD}},t=l=>{let{allowedList:t,onSelect:E,selectedType:o,loading:i,disabled:n}=l;const u=t.map((e=>{var l;return null!==(l=a[e])&&void 0!==l?l:null})).filter((e=>e)).map((e=>{var l;if(o)return(null==e?void 0:e.value)===(null===(l=a[o])||void 0===l?void 0:l.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e(r,{nativeID:"query-builder-initial-node",disabled:n,width:"200px",isLoading:null!=i&&i,options:u,onSelect:E})};export{a as QUERY_TYPE_TO_OPTION_MAP,t as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{QueryBuilderType as l}from"../types/QueryBuilder.type.js";import r from"./DropdownWrapper.js";const t={[l.EVENT_FILTER]:{label:"Performed event",value:l.EVENT_FILTER},[l.NO_EVENT_FILTER]:{label:"Didn’t perform event",value:l.NO_EVENT_FILTER},[l.USER_PROPERTY_FILTER]:{label:"Have user property",value:l.USER_PROPERTY_FILTER},[l.SEGMENT_FILTER]:{label:"Part of segment",value:l.SEGMENT_FILTER},[l.ORDER_PROPERTY_FILTER]:{label:"Have order property",value:l.ORDER_PROPERTY_FILTER}},a=l=>{let{allowedList:a,onSelect:E,selectedType:o,loading:i,disabled:n}=l;const R=a.map((e=>{var l;return null!==(l=t[e])&&void 0!==l?l:null})).filter((e=>e)).map((e=>{var l;if(o)return(null==e?void 0:e.value)===(null===(l=t[o])||void 0===l?void 0:l.value)?Object.assign(Object.assign({},e),{selected:!0}):e}));return e(r,{nativeID:"query-builder-initial-node",disabled:n,width:"200px",isLoading:null!=i&&i,options:R,onSelect:E})};export{t as QUERY_TYPE_TO_OPTION_MAP,a as default};
@@ -1 +1 @@
1
- import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/CustomField/components/CustomField.js";import o from"../../Filters/Event/components/EventFilter.js";import s from"../../Filters/Segment/components/SegmentFilter.js";import m from"../../Filters/UserProperty/components/UserPropertyFilter.js";import i from"../../Triggers/EVENTS/components/EventsTrigger.js";import n from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as E}from"../../types/QueryBuilder.type.js";const p={[E.EVENT_FILTER]:o,[E.NO_EVENT_FILTER]:o,[E.USER_PROPERTY_FILTER]:m,[E.ORDER_PROPERTY_FILTER]:m,[E.HAS_CUSTOM_FIELD]:t,[E.IG_TRIGGER]:n,[E.EVENTS_TRIGGER]:i,[E.SEGMENT_FILTER]:s},T=t=>{if(void 0!==p[t.node.type]){const e=p[t.node.type];return r(e,Object.assign({},t))}return r(e,{})};export{T as default};
1
+ import{jsx as r,Fragment as e}from"react/jsx-runtime";import t from"../../Filters/Event/components/EventFilter.js";import o from"../../Filters/Segment/components/SegmentFilter.js";import s from"../../Filters/UserProperty/components/UserPropertyFilter.js";import E from"../../Triggers/EVENTS/components/EventsTrigger.js";import n from"../../Triggers/IG/components/IGTrigger.js";import{QueryBuilderType as i}from"../../types/QueryBuilder.type.js";const m={[i.EVENT_FILTER]:t,[i.NO_EVENT_FILTER]:t,[i.USER_PROPERTY_FILTER]:s,[i.ORDER_PROPERTY_FILTER]:s,[i.IG_TRIGGER]:n,[i.EVENTS_TRIGGER]:E,[i.SEGMENT_FILTER]:o},p=t=>{if(void 0!==m[t.node.type]){const e=m[t.node.type];return r(e,Object.assign({},t))}return r(e,{})};export{p as default};
@@ -8,8 +8,7 @@ export declare enum QueryBuilderType {
8
8
  IG_TRIGGER = "IG_TRIGGER",
9
9
  CTWA_TRIGGER = "CTWA_TRIGGER",
10
10
  EVENTS_TRIGGER = "EVENTS_TRIGGER",
11
- ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER",
12
- HAS_CUSTOM_FIELD = "HAS_CUSTOM_FIELD"
11
+ ORDER_PROPERTY_FILTER = "ORDER_PROPERTY_FILTER"
13
12
  }
14
13
  export declare enum QueryBuilderJoinOperators {
15
14
  AND = "AND",
@@ -1 +1 @@
1
- var e,i,t;!function(e){e.SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",e.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER",e.HAS_CUSTOM_FIELD="HAS_CUSTOM_FIELD"}(e||(e={})),function(e){e.AND="AND",e.OR="OR"}(i||(i={})),function(e){e.string="string",e.string_restricted="string_restricted",e.string_restricted_2="string_restricted_2",e.string_restricted_3="string_restricted_3",e.integer="integer",e.boolean="boolean",e.date="date",e.frequency="frequency",e.anyIg="anyIg",e.anyAd="anyAd",e.specificPost="specificPost",e.specificReel="specificReel",e.specificStory="specificStory",e.reaction="reaction",e.activityString="activityString",e.specificAd="specificAd",e.iceBreaker="iceBreaker",e.mailSubject="mailSubject",e.exactly="exactly"}(t||(t={}));export{t as QueryBuilderConnectorType,i as QueryBuilderJoinOperators,e as QueryBuilderType};
1
+ var e,i,t;!function(e){e.SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",e.ORDER_PROPERTY_FILTER="ORDER_PROPERTY_FILTER"}(e||(e={})),function(e){e.AND="AND",e.OR="OR"}(i||(i={})),function(e){e.string="string",e.string_restricted="string_restricted",e.string_restricted_2="string_restricted_2",e.string_restricted_3="string_restricted_3",e.integer="integer",e.boolean="boolean",e.date="date",e.frequency="frequency",e.anyIg="anyIg",e.anyAd="anyAd",e.specificPost="specificPost",e.specificReel="specificReel",e.specificStory="specificStory",e.reaction="reaction",e.activityString="activityString",e.specificAd="specificAd",e.iceBreaker="iceBreaker",e.mailSubject="mailSubject",e.exactly="exactly"}(t||(t={}));export{t as QueryBuilderConnectorType,i as QueryBuilderJoinOperators,e as QueryBuilderType};
@@ -14,5 +14,6 @@ export type DropdownProps = OpenDropdownProps & {
14
14
  truncatedText?: boolean;
15
15
  'data-test'?: string;
16
16
  showLeadingIconInPlaceholder?: boolean;
17
+ showTrailingIconPlaceholder?: boolean;
17
18
  };
18
19
  export declare const Dropdown: React.FC<DropdownProps>;
@@ -1 +1 @@
1
- import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useRef as l,useEffect as r}from"react";import{COLORS as s}from"../../constants/Theme.js";import d from"../../assets/icons/chevronDown.svg.js";import{Input as a}from"../input/Input.js";import{InputStyleContext as p}from"../input/context/InputStyleProvider.js";import c from"./ChipInput.js";import{DropdownPopover as u}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as h}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const v=v=>{var f,g,w,b,j,{placeHolder:I,size:y,onSelect:x,defaultOptions:O,disabled:S,noErrorHint:H,placeHolderHeight:D,showPlaceholderWhenSelected:T=!1,inputStyle:C={},inputType:P="default",onDeleteChip:E,truncatedText:z,showLeadingIconInPlaceholder:W=!1}=v,A=e(v,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder"]);const[L,_]=i(!1),k=null!=y?y:"default",M=l(),[N,U]=i(null!=O?O:[]);r((()=>{var e;const o=[];null===(e=null==A?void 0:A.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),U([...o])}),[A.options]),r((()=>{O&&U([...O])}),[O]);const V=h(N);return o(p.Provider,Object.assign({value:{InputWrapper:Object.assign({height:D||("small"===k?32:48),width:null!==(g=null!==(f=A.buttonWidth)&&void 0!==f?f:A.width)&&void 0!==g?g:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},C),input:{minHeight:"100%"}}},{children:t(u,Object.assign({"data-test":A["data-test"],ref:M,onSelect:function(e){Array.isArray(e)?U([...e]):U([e]),null==x||x(e)},disabled:S,onDropdownVisbilityChange:e=>_(e)},A,{children:["default"==P&&o(a,{version:A.version,noErrorHint:H,state:S?"disabled":"none",value:T?I:null!=V?V:"",errorMessage:A.error,variant:k,placeholder:null!=I?I:"Select an option",width:null!==(w=A.width)&&void 0!==w?w:"100%",onChangeText:m,leftIcon:W&&(null===(b=N[0])||void 0===b?void 0:b.leadingIcon)?{icon:()=>{var e;return o(n,{children:null===(e=N[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>o(d,{style:{transform:L?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"small"===k?20:24,height:"small"===k?20:24,color:s.content.primary})},truncateText:null==z||z}),"chip"==P&&o(c,{placeholder:null!=I?I:"Select options",chips:N,onDeleteChip:e=>{null==E||E(e)},isDropdownOpened:L,sizeToUse:k,containerStyle:{width:null!==(j=A.width)&&void 0!==j?j:"100%",cursor:"pointer"}})]}))}))};v.displayName="Dropdown";export{v as Dropdown};
1
+ import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as o,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as i,useRef as l,useEffect as r}from"react";import{COLORS as d}from"../../constants/Theme.js";import a from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as c}from"../input/context/InputStyleProvider.js";import p from"./ChipInput.js";import{DropdownPopover as u}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as h}from"./OpenedDropdown/utils/iterationOnOptions.js";function v(){}const m=m=>{var g,f,w,I,b,{placeHolder:j,size:y,onSelect:x,defaultOptions:O,disabled:S,noErrorHint:H,placeHolderHeight:T,showPlaceholderWhenSelected:D=!1,inputStyle:P={},inputType:C="default",onDeleteChip:E,truncatedText:z,showLeadingIconInPlaceholder:W=!1,showTrailingIconPlaceholder:A=!1}=m,L=e(m,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder"]);const[_,k]=i(!1),M=null!=y?y:"default",N=l(),[U,V]=i(null!=O?O:[]);r((()=>{var e;const o=[];null===(e=null==L?void 0:L.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),V([...o])}),[L.options]),r((()=>{O&&V([...O])}),[O]);const q=h(U);return o(c.Provider,Object.assign({value:{InputWrapper:Object.assign({height:T||("small"===M?32:48),width:null!==(f=null!==(g=L.buttonWidth)&&void 0!==g?g:L.width)&&void 0!==f?f:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},P),input:{minHeight:"100%"}}},{children:n(u,Object.assign({"data-test":L["data-test"],ref:N,onSelect:function(e){Array.isArray(e)?V([...e]):V([e]),null==x||x(e)},disabled:S,onDropdownVisbilityChange:e=>k(e)},L,{children:["default"==C&&o(s,{version:L.version,noErrorHint:H,state:S?"disabled":"none",value:D?j:null!=q?q:"",errorMessage:L.error,variant:M,placeholder:null!=j?j:"Select an option",width:null!==(w=L.width)&&void 0!==w?w:"100%",onChangeText:v,leftIcon:W?(null===(I=U[0])||void 0===I?void 0:I.leadingIcon)?{icon:()=>{var e;return o(t,{children:null===(e=U[0])||void 0===e?void 0:e.leadingIcon})}}:void 0:A?{icon:()=>{var e,n;return"trailingIcon"in(null!==(e=U[0])&&void 0!==e?e:{})?o(t,{children:null===(n=U[0])||void 0===n?void 0:n.trailingIcon}):null}}:void 0,rightIcon:{icon:()=>o(a,{style:{transform:_?"rotate(180deg)":"rotate(0deg)"},onClick:v,width:"small"===M?20:24,height:"small"===M?20:24,color:d.content.primary})},truncateText:null==z||z}),"chip"==C&&o(p,{placeholder:null!=j?j:"Select options",chips:U,onDeleteChip:e=>{null==E||E(e)},isDropdownOpened:_,sizeToUse:M,containerStyle:{width:null!==(b=L.width)&&void 0!==b?b:"100%",cursor:"pointer"}})]}))}))};m.displayName="Dropdown";export{m as Dropdown};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.643-beta.custom-field-2",
3
+ "version": "0.0.643-ddli-beta.0",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
3
- declare const HasCustomFieldFilter: React.FC<QueryBuilderNodeProps>;
4
- export default HasCustomFieldFilter;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),i=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),t=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),d=require("../../../hooks/useQueryBuilder.js"),a=require("../../../hooks/useQueryBuilderCache.js");exports.default=s=>{let{node:l,allowedNodes:n,apiHandler:u,mode:p,selectorKey:c}=s;var y;const{selectType:v,createProperty:j,updateProperty:_}=d.useQueryBuilder(c),{cacheWrap:m}=a.useQueryBuilderCache();return r.jsx(i.BaseQueryBuilderNode,Object.assign({node:l,mode:p},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r.jsx(o.default,{disabled:"view"===p,selectedType:l.type,allowedList:n,onSelect:e=>v(e.value,l._id)}),r.jsx(t.PropertyNodeHeadless,{mode:p,property:null===(y=null==l?void 0:l.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>m((()=>u({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o,i;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=l.properties)||void 0===o?void 0:o[0])?_(Object.assign(Object.assign({},null===(i=l.properties)||void 0===i?void 0:i[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),l._id):j({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield(e=>m((()=>u({query:{propertyName:e}})),`CUSTOM_FIELDS-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){_(Object.assign(Object.assign({},l.properties[0]),{operator:e,value:void 0,error:{}}),l._id)},onPropertyValueChange:function(e){_(Object.assign(Object.assign({},l.properties[0]),{value:e,error:{}}),l._id)},onPropertyValueSearch:function(r,o){var i,t;return e.__awaiter(this,void 0,void 0,(function*(){const d=yield((r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(t=null===(i=null==d?void 0:d.data)||void 0===i?void 0:i.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==t?t:[]}))}})]}))}))};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
3
- declare const HasCustomFieldFilter: React.FC<QueryBuilderNodeProps>;
4
- export default HasCustomFieldFilter;
@@ -1 +0,0 @@
1
- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as a}from"../../../hooks/useQueryBuilderCache.js";const l=l=>{let{node:s,allowedNodes:p,apiHandler:u,mode:c,selectorKey:v}=l;var y;const{selectType:m,createProperty:f,updateProperty:j}=d(v),{cacheWrap:h}=a();return r(i,Object.assign({node:s,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:s.type,allowedList:p,onSelect:e=>m(e.value,s._id)}),r(n,{mode:c,property:null===(y=null==s?void 0:s.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>h((()=>u({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=s.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=s.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),s._id):f({name:r.id,dataType:r.type},s._id),r.needValuesRetrieval){const e=yield(e=>h((()=>u({query:{propertyName:e}})),`CUSTOM_FIELDS-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{operator:e,value:void 0,error:{}}),s._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{value:e,error:{}}),s._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const n=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{l as default};