@bikdotai/bik-component-library 0.0.780-beta.5 → 0.0.781-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.
- package/dist/cjs/assets/icons/refresh-purple.svg.js +1 -0
- package/dist/cjs/components/QueryBuilder/Filters/CustomField/components/CustomField.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts +5 -2
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.d.ts +3 -1
- package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +5 -0
- package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js +1 -1
- package/dist/cjs/components/TablePagination/TablePagination.js +1 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/country-code-picker/CountryCodePicker.js +1 -1
- package/dist/cjs/components/country-code-picker/CountryPicker.js +1 -1
- package/dist/cjs/components/custom-date-time/CustomDateTime.js +1 -1
- package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js +1 -1
- package/dist/cjs/components/datePicker/TimePicker.js +1 -1
- package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
- package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
- package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
- package/dist/cjs/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +2 -0
- package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
- package/dist/cjs/components/dropdown/hooks/useDropdown.d.ts +2 -0
- package/dist/cjs/components/dropdown/hooks/useDropdown.js +1 -1
- package/dist/cjs/components/dropdown/type.d.ts +9 -0
- package/dist/cjs/components/dropdown-button/DropdownButton.js +1 -1
- package/dist/cjs/components/zeroState/ZeroState.js +2 -1
- package/dist/esm/assets/icons/refresh-purple.svg.js +1 -0
- package/dist/esm/components/QueryBuilder/Filters/CustomField/components/CustomField.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts +5 -2
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/esm/components/QueryBuilder/components/DropdownWrapper.d.ts +3 -1
- package/dist/esm/components/QueryBuilder/components/DropdownWrapper.js +1 -1
- package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +5 -0
- package/dist/esm/components/SearchFilter/components/SearchFilterItem.js +1 -1
- package/dist/esm/components/TablePagination/TablePagination.js +1 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/country-code-picker/CountryCodePicker.js +1 -1
- package/dist/esm/components/country-code-picker/CountryPicker.js +1 -1
- package/dist/esm/components/custom-date-time/CustomDateTime.js +1 -1
- package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js +1 -1
- package/dist/esm/components/datePicker/TimePicker.js +1 -1
- package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
- package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
- package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
- package/dist/esm/components/discount-modal/DynamicCoupon/MinimumRequirementComponent.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts +2 -0
- package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js +1 -1
- package/dist/esm/components/dropdown/hooks/useDropdown.d.ts +2 -0
- package/dist/esm/components/dropdown/hooks/useDropdown.js +1 -1
- package/dist/esm/components/dropdown/type.d.ts +9 -0
- package/dist/esm/components/dropdown-button/DropdownButton.js +1 -1
- package/dist/esm/components/zeroState/ZeroState.js +2 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as i}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilderEnum.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const g=new d,w=d=>{let{node:w,allowedNodes:T,apiHandler:_,mode:j,selectorKey:O}=d;var k,b,N,P,S,E,q,V,x,C,B,A,D,Q,M,L,R,$;const[F,J]=t([]),[K,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:z,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(O),{cacheWrap:ee}=v(),[oe,re]=t(!0),[te,ae]=t(),ie=null===(k=null==w?void 0:w.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),le=null===(b=null==w?void 0:w.metas)||void 0===b?void 0:b.find((e=>"frequency"===e.key)),ne=null===(N=null==w?void 0:w.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[de,ue]=t(!1),[ve,pe]=t(!1),[se,ce]=t(!1);const ye=()=>e(void 0,void 0,void 0,(function*(){re(!0),ae(void 0);const e=yield ee((()=>_({})),"EVENT_NAMES");if(re(!1),!e)return J([]),void ae("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==ne?void 0:ne.value)?[ne.value]:void 0);if("create"!==j&&ne)return J([...o]),void W(!0);J([...o]),W(!0)}));return a((()=>{ye()}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:w,addPropertyBtnText:(null==ne?void 0:ne.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==ne?void 0:ne.value,ee((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(r.name===o.id&&r.dataType===o.type||X(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),w._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==ne?void 0:ne.value,o.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),w._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};X(Object.assign(Object.assign({},o),{value:e,error:t}),w._id)},mode:j,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==ne?void 0:ne.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===j,selectedType:w.type,allowedList:T,onSelect:function(e){ue(!0),J((e=>[...i(e,{selected:!1})])),setTimeout((()=>{z(e.value,w._id),ue(!1)}),1)}}),!de&&o(y,{isSearchable:!0,isLoading:oe,optionsErrorState:te?{title:"Failed to load options",subTitle:te}:void 0,onRetryOptionsFetch:ye,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:F,selectedValues:(null==ne?void 0:ne.value)?[ne.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(w._id),ne?U({key:"eventName",value:e.value,error:{}},w._id):I({key:"eventName",value:e.value},w._id),le?(pe(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},w._id),pe(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},w._id),ie?(ce(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},w._id),ce(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},w._id))},error:null!==(x=null!==(q=null===(E=null===(S=null===(P=w.metas)||void 0===P?void 0:P[0])||void 0===S?void 0:S.error)||void 0===E?void 0:E.key)&&void 0!==q?q:null===(V=null==ne?void 0:ne.error)||void 0===V?void 0:V.key)&&void 0!==x?x:null===(C=null==ne?void 0:ne.error)||void 0===C?void 0:C.value})]})),(null==le?void 0:le.key)&&!ve&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(A=null===(B=le.error)||void 0===B?void 0:B.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=le.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:le.value.value,connectorType:le.value.dataType,defaultConnector:le.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==le?void 0:le.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}}),(null==ie?void 0:ie.key)&&!se&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(L=null===(M=ie.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===($=null===(R=ie.error)||void 0===R?void 0:R.value)||void 0===$?void 0:$.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}})]}))}))};export{w as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import t from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderType as a}from"../../../types/QueryBuilder.type.js";import u from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as v}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=new d,c=d=>{let{node:c,allowedNodes:m,apiHandler:y,mode:f,selectorKey:h}=d;var g,w,j,b,k,A,S,T,_;const{updateMeta:B,selectType:D,createMeta:E}=n(h),{cacheWrap:I}=s(),[L,x]=l(!1),[N,Q]=l(),[F,M]=l([]),O=c.metas.find((e=>"segmentID"===e.key));const R=()=>e(void 0,void 0,void 0,(function*(){x(!0),Q(void 0);const e=yield I((()=>y({})),"SEGMENT_FILTER");if(e&&Array.isArray(e))M([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==f&&(!!(null==O?void 0:O.value)&&O.value===e.id)})))]);else if(e){const o=p.convertToGroupOptions(e,(null==O?void 0:O.value)?[O.value]:void 0);M([...o])}else M([]),Q("Something went wrong while fetching the list. Please try again");x(!1)}));return r((()=>{O||E({key:"segmentID"},c._id),R()}),[]),o(v,Object.assign({node:c,mode:f},{children:i("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(t,{disabled:"view"===f,loading:L,selectedType:c.type,allowedList:m,onSelect:function(e){Array.isArray(e)||(x(!0),D(e.value,c._id),e.value==a.SEGMENT_FILTER&&E({key:"segmentID"},c._id)),x(!1)}}),(null===(w=null===(g=null==c?void 0:c.metas)||void 0===g?void 0:g[0])||void 0===w?void 0:w.key)&&o(u,{selectedValues:(null==O?void 0:O.value)?[O.value]:void 0,isSearchable:!0,isLoading:L,optionsErrorState:N?{title:"Failed to load options",subTitle:N}:void 0,onRetryOptionsFetch:R,disabled:"view"===f,width:"200px",dropdownLabel:"Select segment",options:F,onSelect:function(e){Array.isArray(e)||B({key:"segmentID",value:e.value,error:{}},c._id)},error:null!==(T=null!==(A=null===(k=null===(b=null===(j=c.metas)||void 0===j?void 0:j[0])||void 0===b?void 0:b.error)||void 0===k?void 0:k.key)&&void 0!==A?A:null===(S=null==O?void 0:O.error)||void 0===S?void 0:S.key)&&void 0!==T?T:null===(_=null==O?void 0:O.error)||void 0===_?void 0:_.value})]}))}))};export{c as default};
|
package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
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{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as
|
|
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{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=d(v),{cacheWrap:w}=l();return r(s,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>h(e.value,u._id)}),r(i,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>w((()=>y({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o;return e(this,void 0,void 0,(function*(){const e=null===(o=u.properties)||void 0===o?void 0:o[0],t=!!e&&e.name===r.id&&e.dataType===r.type;if(e?t||j(Object.assign(Object.assign({},e),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield(e=>w((()=>y({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&n.includes(null!==(r=o.operator)&&void 0!==r?r:"")?a(e):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import t from"../../components/BaseTriggerQueryBuilderNode.js";const o=o=>{var i,n;const a=null===(n=null===(i=o.node)||void 0===i?void 0:i.metas)||void 0===n?void 0:n.find((e=>"triggerName"===e.key));return r(t,Object.assign({onPropertyValueSearch:function(r,t){return e(this,void 0,void 0,(function*(){const i=yield((r,t,i)=>e(void 0,void 0,void 0,(function*(){return yield o.apiHandler({query:{triggerName:r,propertyName:t,searchKey:i}})})))(null==a?void 0:a.value,t.name,r);if((null==i?void 0:i.error)||!(null==i?void 0:i.data))throw new Error((null==i?void 0:i.error)||"Something went wrong while fetching the list. Please try again");return i.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))},cacheKey:"EVENTS_TRIGGER",propertyAddBtnText:"Add event property"},o))};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as n}from"../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../hooks/useQueryBuilderCache.js";import d from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const
|
|
1
|
+
import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as n}from"../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../hooks/useQueryBuilderCache.js";import d from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=new i,u="triggerName",v=i=>{let{node:v,apiHandler:y,cacheKey:g,propertyAddBtnText:m,mode:f,selectorKey:h,onPropertyValueSearch:j}=i;var O;const[b,P]=t([]),{updateMeta:w,createMeta:S,createProperty:_,deleteProperty:x,updateProperty:A,selectPropertyJoinOperator:B,clearProperty:T}=s(h),{cacheWrap:N}=l(),[k,$]=t(!0),[D,Q]=t(),V=v.metas.find((e=>e.key===u)),C=()=>e(void 0,void 0,void 0,(function*(){var e;$(!0),Q(void 0);const r=yield N((()=>y({})),g);if(r)if(Array.isArray(r)){const t=null!==(e=null==r?void 0:r.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==f&&(!!(null==V?void 0:V.value)&&V.value===e.id)}))))&&void 0!==e?e:[];P([...t])}else{const e=p.convertToGroupOptions(r,(null==V?void 0:V.value)?[V.value]:void 0);P([...e])}else P([]),Q("Something went wrong while fetching the list. Please try again");$(!1)}));return o((()=>{C()}),[]),r(c,Object.assign({node:v,addPropertyBtnText:(null==V?void 0:V.value)&&m,deleteProperty:x,createProperty:_,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==V?void 0:V.value){return yield(e=null==V?void 0:V.value,N((()=>y({query:{triggerName:e}})),`${g}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){t.name===r.id&&t.dataType===r.type||A(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),v._id);const e=yield((e,r)=>N((()=>y({query:{triggerName:e,propertyName:r}})),`${g}_${e}_${r}`))(null==V?void 0:V.value,r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:e,originalData:e}}))},onPropertyOperatorChange:function(e,r){A(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),v._id)},onPropertyValueChange:function(e,r){var t;const o="string"===r.dataType&&a.includes(null!==(t=r.operator)&&void 0!==t?t:"")?n(e):{};A(Object.assign(Object.assign({},r),{value:e,error:o}),v._id)},selectPropertyJoinOperator:B,onPropertyValueSearch:j,mode:f},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(d,{isSearchable:!0,isLoading:k,optionsErrorState:D?{title:"Failed to load options",subTitle:D}:void 0,onRetryOptionsFetch:C,error:null===(O=null==V?void 0:V.error)||void 0===O?void 0:O.key,width:"200px",options:b,onSelect:function(e){Array.isArray(e)||(T(v._id),Array.isArray(b)&&P([...b.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==V?void 0:V.key)===u?w(Object.assign(Object.assign({},V),{value:e.value,error:{}}),v._id):S({key:u,value:e.value},v._id))}})}))}))};export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as c}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as d}from"../../../../input/Input.js";import{InputStyleContext as e}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import n from"../../InputLoader.js";const t=I("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gJ2V4YWN0bHknKSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgeyBsYWJlbDogJ21pbnV0ZShzKScsIHZhbHVlOiAnbWludXRlcycgfSxcclxuICAgICAgICAgICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn07XHJcbmNvbnN0IEluVGhlTGFzdCA9ICh7IHZhbCwgb25DaGFuZ2UsIGVycm9ycywgaXNMb2FkaW5nLCBkaXNhYmxlZCwgY29ubmVjdG9yVHlwZSwgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYjtcclxuICAgIGNvbnN0IFtvcHRpb25zLCBzZXRPcHRpb25zXSA9IHVzZVN0YXRlKHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpKTtcclxuICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IG51bSA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFswXSkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgIHNldE9wdGlvbnMoKHByZXYpID0+IHByZXYubWFwKChvcCkgPT4gKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3ApLCB7IHNlbGVjdGVkOiB0aW1lID09PSBvcC52YWx1ZSB9KSkpKTtcclxuICAgIH0sIFt2YWxdKTtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFswXSkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsnMScsIHRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbXSk7XHJcbiAgICBpZiAoaXNMb2FkaW5nKSB7XHJcbiAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyB3aWR0aDogMjAwIH0gfSwgeyBjaGlsZHJlbjogX2pzeChJbnB1dExvYWRlciwgeyBjb250YWluZXJTdHlsZTogeyBwYWRkaW5nOiAnNXB4IDhweCcgfSB9KSB9KSkpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KElucHV0U3R5bGVDb250ZXh0LlByb3ZpZGVyLCBPYmplY3QuYXNzaWduKHsgdmFsdWU6IHtcclxuICAgICAgICAgICAgSW5wdXRXcmFwcGVyOiB7XHJcbiAgICAgICAgICAgICAgICB3aWR0aDogMTA0LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbX2pzeChJbnB1dCwgeyB0eXBlOiBcIm51bWJlclwiLCB2YXJpYW50OiBcInNtYWxsXCIsIHN0YXRlOiBkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm9uZScsIGVycm9yTWVzc2FnZTogZXJyb3JzID09PSBudWxsIHx8IGVycm9ycyA9PT0gdm9pZCAwID8gdm9pZCAwIDogZXJyb3JzLnZhbCwgdmFsdWU6IG51bSwgb25DaGFuZ2VUZXh0OiAodGV4dCkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFt0ZXh0LCB0aW1lXSkgfSksIF9qc3goRHJvcGRvd24sIHsgZGlzYWJsZWQ6IGRpc2FibGVkLCBwbGFjZUhvbGRlcjogXCJUaW1lXCIsIHdpZHRoOiBcIjEwOHB4XCIsIHNpemU6IFwic21hbGxcIiwgb3B0aW9uczogb3B0aW9ucywgb25TZWxlY3Q6IChvcHRpb24pID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtudW0sIG9wdGlvbi52YWx1ZV0pO1xyXG4gICAgICAgICAgICAgICAgICAgIH0gfSldIH0pIH0pKSk7XHJcbn07XHJcbmNvbnN0IEluVGhlTGFzdFdyYXBwZXIgPSAocHJvcHMpID0+IChfanN4KEluVGhlTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSk7XHJcbmV4cG9ydCBkZWZhdWx0IEluVGhlTGFzdFdyYXBwZXI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUluVGhlTGFzdC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=I=>{let{val:b,onChange:A,errors:i,isLoading:s,disabled:u,connectorType:p}=I;var a,m;const[X,y]=l((I=>"exactly"===I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(p)),r=null!==(a=null==b?void 0:b[1])&&void 0!==a?a:"days",B=null!==(m=null==b?void 0:b[0])&&void 0!==m?m:"1";return o((()=>{var I;const g=null!==(I=null==b?void 0:b[1])&&void 0!==I?I:"days";y((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),o((()=>{var I;if(void 0===(null==b?void 0:b[0])){const g=null!==(I=null==b?void 0:b[1])&&void 0!==I?I:"days";null==A||A(["1",g])}}),[]),s?g("div",Object.assign({style:{width:200}},{children:g(n,{containerStyle:{padding:"5px 8px"}})})):g(e.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(t,{children:[g(d,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==i?void 0:i.val,value:B,onChangeText:I=>null==A?void 0:A([I,r])}),g(c,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==A||A([B,I.value])}})]})}))},A=I=>g(b,Object.assign({},I));export{A as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as d}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"lodash/debounce";import{BodySecondary as c}from"../../../../TypographyStyle.js";import"
|
|
1
|
+
import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as d}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as l}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as c}from"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import e from"../../InputLoader.js";const n=I("div","production"===process.env.NODE_ENV?{target:"eqv4pu00"}:{target:"eqv4pu00",label:"Container"})("production"===process.env.NODE_ENV?{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center"}:{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVHdvTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVHdvTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IEJvZHlTZWNvbmRhcnkgfSBmcm9tIFwiLi4vLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgIH0sXHJcbiAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG5dO1xyXG5jb25zdCBJblR3b0xhc3QgPSAoeyB2YWwsIG9uQ2hhbmdlLCBlcnJvcnMsIGlzTG9hZGluZywgZGlzYWJsZWQgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2M7XHJcbiAgICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSB1c2VTdGF0ZSh0aW1lT3B0aW9ucyk7XHJcbiAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgIGNvbnN0IHN0YXJ0ID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnN0YXJ0KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBjb25zdCB0eXBlID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLnR5cGUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBzZXRPcHRpb25zKChwcmV2KSA9PiBwcmV2Lm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogdHlwZSA9PT0gb3AudmFsdWUgfSkpKSk7XHJcbiAgICB9LCBbdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwudHlwZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgICAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgICAgICAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgc3RhcnQsXHJcbiAgICAgICAgICAgICAgICBvZmZzZXQsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtdKTtcclxuICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAyMDAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KElucHV0TG9hZGVyLCB7IGNvbnRhaW5lclN0eWxlOiB7IHBhZGRpbmc6ICc1cHggOHB4JyB9IH0pIH0pKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goSW5wdXRTdHlsZUNvbnRleHQuUHJvdmlkZXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZToge1xyXG4gICAgICAgICAgICBJbnB1dFdyYXBwZXI6IHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDQsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4cyhDb250YWluZXIsIHsgY2hpbGRyZW46IFtfanN4KElucHV0LCB7IHR5cGU6IFwibnVtYmVyXCIsIHZhcmlhbnQ6IFwic21hbGxcIiwgc3RhdGU6IGRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub25lJywgZXJyb3JNZXNzYWdlOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCB2YWx1ZTogb2Zmc2V0LnRvU3RyaW5nKCksIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IHRleHQsXHJcbiAgICAgICAgICAgICAgICAgICAgfSkgfSksIF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChCb2R5U2Vjb25kYXJ5LCB7IGNoaWxkcmVuOiBcInRvXCIgfSkgfSksIF9qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBzdGFydC50b1N0cmluZygpLCBvbkNoYW5nZVRleHQ6ICh0ZXh0KSA9PiBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uoe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydDogdGV4dCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0LFxyXG4gICAgICAgICAgICAgICAgICAgIH0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSB9KV0gfSkgfSkpKTtcclxufTtcclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHMtY29tbWVudFxyXG4vLyBAdHMtaWdub3JlXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9kaXNwbGF5LW5hbWVcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEluVHdvTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SW5Ud29MYXN0LmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),t=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],b=I=>{let{val:b,onChange:s,errors:B,isLoading:m,disabled:u}=I;var p,a,y;const[X,Z]=A(t),r=null!==(p=null==b?void 0:b.type)&&void 0!==p?p:"days",H=null!==(a=null==b?void 0:b.start)&&void 0!==a?a:"1",G=null!==(y=null==b?void 0:b.offset)&&void 0!==y?y:"2";return d((()=>{var I;const g=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days";Z((I=>I.map((I=>Object.assign(Object.assign({},I),{selected:g===I.value})))))}),[b]),d((()=>{var I,g,C;if(void 0===(null==b?void 0:b.start)){const A=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days",d=null!==(g=null==b?void 0:b.start)&&void 0!==g?g:"1",l=null!==(C=null==b?void 0:b.offset)&&void 0!==C?C:"2";null==s||s({type:A,start:d,offset:l})}}),[]),m?g("div",Object.assign({style:{width:200}},{children:g(e,{containerStyle:{padding:"5px 8px"}})})):g(i.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(n,{children:[g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:G.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:H,offset:I})}),g("div",{children:g(c,{children:"to"})}),g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==B?void 0:B.val,value:H.toString(),onChangeText:I=>null==s?void 0:s({type:r,start:I,offset:G})}),g(l,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:X,onSelect:I=>{null==s||s({type:I.value,start:H,offset:G})}})]})}))};var s=I=>g(b,Object.assign({},I));export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import r from"../../DropdownWrapper.js";const n=n=>{let{onChange:a,extra:i,val:t,isLoading:s,errors:d,disabled:c,onSearch:u,optionsErrorState:p,onRetryOptionsFetch:v}=n;var m;const[f,h]=o([]),b=t;return l((()=>{var e;const o=(null==i?void 0:i.options)&&Array.isArray(i.options)?i.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==b?void 0:b.find((o=>o.id===e.id))),label:e.name,value:e.id}))):[],l=null!==(e=null==b?void 0:b.map((e=>e.id)))&&void 0!==e?e:[],r=[...o.filter((e=>!l.includes(e.value)))].concat((null!=b?b:[]).map((e=>({value:e.id,label:e.name}))));null==b||b.forEach((e=>{let{name:o,id:l}=e;const n=r.findIndex((e=>e.value===l&&e.label===o));-1!==n&&(r[n].selected=!0)})),h([...r])}),[i,b]),e("div",{children:e(r,{onSearch:u,disabled:c,allowFreeForm:null===(m=null==i?void 0:i.freeForm)||void 0===m||m,isSearchable:!0,isLoading:s,optionsErrorState:p,onRetryOptionsFetch:v,error:null==d?void 0:d.val,isMultiSelect:!0,options:f,onSelect:function(e){if(Array.isArray(e)){const o=[];e.forEach((e=>{var l,r;e.options?null===(l=e.options)||void 0===l||l.forEach((e=>{o.push({name:e.label,id:e.value})})):o.push({name:null!==(r=e.label)&&void 0!==r?r:"",id:e.value})})),null==a||a(o)}}})})};var a=o=>e(n,Object.assign({},o));export{a as default};
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
|
|
2
|
-
declare const
|
|
3
|
-
|
|
2
|
+
declare const SingleselectDropdownFreeTextWrapper: {
|
|
3
|
+
(props: ConnectorComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
export default SingleselectDropdownFreeTextWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import n from"../../DropdownWrapper.js";const t=t=>{let{onChange:i,extra:a,val:r,isLoading:s,errors:d,disabled:c,optionsErrorState:p,onRetryOptionsFetch:u}=t;const[m,v]=l([]),f=r;return o((()=>{var e;const l=(null==a?void 0:a.options)&&Array.isArray(a.options)?a.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==f?void 0:f.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],o=null!==(e=null==f?void 0:f.map((e=>e.id)))&&void 0!==e?e:[],n=[...l.filter((e=>!o.includes(e.value)))].concat((null!=f?f:[]).map((e=>({value:e.id,label:e.name}))));null==f||f.forEach((e=>{let{name:l,id:o}=e;const t=n.findIndex((e=>e.value===o&&e.label===l));-1!==t&&(n[t].selected=!0)})),v([...n])}),[a,f]),e("div",{children:e(n,{disabled:c,allowFreeForm:!1,isSearchable:!0,isLoading:s,optionsErrorState:p,onRetryOptionsFetch:u,error:null==d?void 0:d.val,isMultiSelect:!1,options:m,onSelect:function(e){const l=e,o=[];o.push({name:l.label,id:l.value}),null==i||i(o)}})})},i=l=>e(t,Object.assign({},l));i.displayName="SingleselectDropdownFreeText";export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilderEnum.type.js";import m from"../DropdownWrapper.js";import p from"./Components/EmojiPicker.js";import l from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as u,StoryIgPicker as d}from"./Components/IgPicker.js";import g from"./Components/IntegerPositiveSingle.js";import f from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import C from"./Components/InTheLastAgo.js";import S from"./Components/InTwoLast.js";import v from"./Components/MultiselectDropdownFreeText.js";import I from"./Components/NoInput.js";import T from"./Components/NumberTime.js";import h from"./Components/SingleDate.js";import y from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import w from"./Components/TwoDate.js";import D from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as F}from"./Connector.styled.js";const x={FreeText:l,IntegerPositiveSingle:g,IntegerSingleValue:f,StringSingleValue:P,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:y,NoInput:I,SingleDate:h,TwoNumberInputsSeperatedByAnd:D,FrequencyIntegerPositiveSingle:a,TwoDate:w,NumberTime:T,PostIgPicker:c,ReelIgPicker:u,StoryIgPicker:d,EmojiPicker:p,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=p=>{let{isLoading:l,noDefault:a,connectorType:c,defaultConnector:u,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:j,errors:C,disabled:S,onSearch:v,optionsErrorState:I,onRetryOptionsFetch:T}=p;var h,y,P;const[w,D]=t(null),[b,L]=t(!1),k=i.getDropdownOptionFromDataType(c,u);function N(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];L(!0);const t=i.getConnectorComponent(c,e.value);void 0!==t?c===s.frequency&&"IntegerPositiveSingle"===t?D("FrequencyIntegerPositiveSingle"):D(t):D(null),o||d(e.value),setTimeout((()=>{L(!1)}),5)}return n((()=>{a||(u?N({value:u,label:u},!0):(null==k?void 0:k[0])&&N(k[0]))}),[u]),e(F,{children:[o("div",{children:!(null===(h=null==r?void 0:r[c])||void 0===h?void 0:h[u])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:b,options:k,defaultOption:null===(y=k.filter((e=>e.selected)))||void 0===y?void 0:y[0],onSelect:N})}),null!==w&&!b&&(null===(P=x[w])||void 0===P?void 0:P.call(x,{disabled:S,val:f,onChange:g,extra:j,errors:C,isLoading:l,onSearch:v,optionsErrorState:I,onRetryOptionsFetch:T,connectorType:c}))]})};export{b as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropdownOption, SingleOption } from "../../dropdown/type";
|
|
2
|
+
import { DropdownOption, OpenDropdownProps, SingleOption } from "../../dropdown/type";
|
|
3
3
|
declare const DropdownWrapper: React.FC<{
|
|
4
4
|
options: DropdownOption[];
|
|
5
5
|
defaultOption?: SingleOption;
|
|
@@ -15,5 +15,7 @@ declare const DropdownWrapper: React.FC<{
|
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
selectedValues?: (string | number)[];
|
|
17
17
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
18
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
19
|
+
onRetryOptionsFetch?: () => void;
|
|
18
20
|
}>;
|
|
19
21
|
export default DropdownWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{Dropdown as e}from"../../dropdown/Dropdown.js";const o=o=>{let{options:i,onSelect:n,defaultOption:s,isSearchable:a,isLoading:l,error:r,nativeID:c,dropdownLabel:d,isMultiSelect:p,allowFreeForm:u,width:g,disabled:b,selectedValues:v,onSearch:O,optionsErrorState:h,onRetryOptionsFetch:j}=o;var m;const w=h?Object.assign(Object.assign({},h),{actionButton:j?Object.assign(Object.assign({},null!==(m=h.actionButton)&&void 0!==m?m:{}),{onMouseDown:t=>{var e,o;t.preventDefault(),t.stopPropagation(),null===(o=null===(e=h.actionButton)||void 0===e?void 0:e.onMouseDown)||void 0===o||o.call(e,t)},onClick:t=>{t.preventDefault(),t.stopPropagation(),j()}}):h.actionButton}):void 0;return t("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:t(e,{onSearch:O,height:(null==i?void 0:i.length)?void 0:208,isOptionsLoading:l,optionsErrorState:w,disabled:b,allowFreeForm:null!=u&&u,isMultiSelect:p,width:g,size:"small",placeHolder:d,error:r,isSearchable:null!=a&&a,defaultOptions:s?Array.isArray(s)?s:[s]:void 0,options:v?i.map((t=>t.options?Object.assign(Object.assign({},t),{options:t.options.map((t=>Object.assign(Object.assign({},t),{selected:v.includes(t.value)})))}):Object.assign(Object.assign({},t),{selected:v.includes(t.value)}))):i,onSelect:n})}))};export{o as default};
|
package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r,Fragment as i}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{isNewLineConnectorPosition as a}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as l}from"../../../helpers/ApiResponse.helper.js";import s from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as c}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const v=new l,u=e=>o(p,Object.assign({isLast:e.isLast,mode:e.mode},{children:o("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:o(m,Object.assign({},e))}))})),m=l=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:m,onPropertyOperatorChange:g,onPropertyValueChange:y,property:h,mode:b,onPropertyValueSearch:f}=l;var j,O,A,w,S,T,P;const[C,x]=n([]),[z,D]=n({}),[F,V]=n(!0),[E,L]=n(),[R,N]=n(),[W,k]=n(),[G,I]=n("create"===b),_=Array.isArray(C)?C.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==h?void 0:h.name)===e.id}))):v.convertToGroupOptions(C,(null==h?void 0:h.name)?[h.name.toString()]:void 0),B=()=>e(void 0,void 0,void 0,(function*(){if(u){V(!0),L(void 0);const e=yield u();e?Array.isArray(e)?x([...e]):x(Object.assign({},e)):(x([]),L("Something went wrong while fetching the list. Please try again")),V(!1),I(!1)}else V(!1),I(!1)}));function U(e){if(!Array.isArray(e)){I(!0);let o=null;Array.isArray(C)?o=C.find((o=>{let{id:r}=o;return r===e.value})):Object.keys(C).forEach((r=>{const i=C[r].find((o=>{let{id:r}=o;return r===e.value}));i&&(o=i)})),D({}),o?(k(o),N(void 0),null==m||m(o,h).then((e=>{const o=e;o.normalized&&o.originalData?D((e=>Object.assign(Object.assign({},e),{options:Array.isArray(o.normalized)?[...o.normalized]:Object.assign({},o.normalized),originalData:o.originalData}))):D((o=>Object.assign(Object.assign({},o),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),I(!1)})).catch((e=>{I(!1),D({}),N(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")}))):I(!1)}}function q(){W&&m&&h&&(I(!0),N(void 0),m(W,h).then((e=>{const o=e;o.normalized&&o.originalData?D((e=>Object.assign(Object.assign({},e),{options:Array.isArray(o.normalized)?[...o.normalized]:Object.assign({},o.normalized),originalData:o.originalData}))):D((o=>Object.assign(Object.assign({},o),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),I(!1)})).catch((e=>{I(!1),D({}),N(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")})))}return t((()=>{B()}),[]),t((()=>{if("create"!==b&&C&&(null==h?void 0:h.name)){const e=h,o=Array.isArray(C)?C.find((e=>e.id===(null==h?void 0:h.name))):v.findInGroupedApiResponse(C,null==h?void 0:h.name);o&&U({value:o.id,label:o.name}),null==y||y(null==e?void 0:e.value,h)}}),[C]),t((()=>{"iceBreaker"===(null==h?void 0:h.dataType)&&D((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==h?void 0:h.dataType]),r(i,{children:[r(c,{children:[o(d,{isSearchable:!0,disabled:"view"===b,width:"200px",isLoading:F,optionsErrorState:E?{title:"Failed to load options",subTitle:E}:void 0,onRetryOptionsFetch:B,dropdownLabel:null!=p?p:"Select property",options:_,onSelect:U,selectedValues:(null==h?void 0:h.name)?[h.name]:void 0,error:null===(j=null==h?void 0:h.error)||void 0===j?void 0:j.name}),(null==h?void 0:h.name)&&!(null===(O=a[h.dataType])||void 0===O?void 0:O[h.operator])&&o(s,{onSearch:f?e=>f(e,h):void 0,isLoading:G,disabled:"view"===b,extra:z,errors:{val:null===(A=h.error)||void 0===A?void 0:A.value,operator:null===(w=h.error)||void 0===w?void 0:w.operator},optionsErrorState:R?{title:"Failed to load options",subTitle:R}:void 0,onRetryOptionsFetch:q,connectorVal:h.value,connectorType:h.dataType,defaultConnector:h.operator,onOperatorChange:e=>{null==g||g(e,h)},onValueChange:e=>null==y?void 0:y(e,h)})]}),(null==h?void 0:h.name)&&(null===(S=a[h.dataType])||void 0===S?void 0:S[h.operator])&&o(s,{onSearch:f?e=>f(e,h):void 0,isLoading:G,disabled:"view"===b,extra:z,errors:{val:null===(T=h.error)||void 0===T?void 0:T.value,operator:null===(P=h.error)||void 0===P?void 0:P.operator},optionsErrorState:R?{title:"Failed to load options",subTitle:R}:void 0,onRetryOptionsFetch:q,connectorVal:h.value,connectorType:h.dataType,defaultConnector:h.operator,onOperatorChange:e=>null==g?void 0:g(e,h),onValueChange:e=>null==y?void 0:y(e,h)})]})};export{u as PropertyNode,m as PropertyNodeHeadless};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DropdownOption } from "../../dropdown/type";
|
|
2
|
+
import { OpenDropdownProps } from "../../dropdown/type";
|
|
2
3
|
import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
|
|
3
4
|
import { QueryBuilderConnectorType } from './QueryBuilderEnum.type';
|
|
4
5
|
import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
|
|
@@ -21,6 +22,8 @@ export type ConnectorComponentProps = {
|
|
|
21
22
|
disabled?: boolean;
|
|
22
23
|
connectorType: QueryBuilderConnectorType;
|
|
23
24
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
25
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
26
|
+
onRetryOptionsFetch?: () => void;
|
|
24
27
|
};
|
|
25
28
|
export type ConnectorProps = {
|
|
26
29
|
isLoading?: boolean;
|
|
@@ -41,6 +44,8 @@ export type ConnectorProps = {
|
|
|
41
44
|
testID?: string;
|
|
42
45
|
disabled?: boolean;
|
|
43
46
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
47
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
48
|
+
onRetryOptionsFetch?: () => void;
|
|
44
49
|
};
|
|
45
50
|
export type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
|
|
46
51
|
type IG_VALUE = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],p=p=>{var d,c,l;return p.type===r.Date?t(n,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===r.DateRange?p.rangePickerDateOnly?t(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t(e,{isMultiSelect:p.type===r.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t(a,{isMultiSelect:p.type===r.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../../_virtual/_tslib.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],p=p=>{var d,c,l;return p.type===r.Date?t(n,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===r.DateRange?p.rangePickerDateOnly?t(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t(e,{isMultiSelect:p.type===r.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t(a,{isMultiSelect:p.type===r.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import n from"../../assets/icons/chevronRight.svg.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as i}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledTablePaginationContainer as p,StyledPagingContainer as d}from"./TablePagination.styled.js";const l=o=>{let{pageStart:t,pageEnd:n,totalRows:r,shouldShow:p}=o;if(!p)return null;const d=s.colorsV2;return e(i,Object.assign({style:{color:d.content.placeholder}},{children:["Showing ",t,"-",n>r?r:n," of"," ",r," results"]}))},a=a=>{let{pageNumber:c,pageSize:m,totalRows:h,updatePageNumber:g,updatePageSize:w,hidePageSizeOptions:u,showTotalText:j,totalTextAlignment:b="right",containerStyle:y={}}=a;const S=s.colorsV2,v=(c-1)*m+1,O=(c-1)*m+m,f=Math.ceil(h/m),D=1==f;let x=[];x=f>=5?c===f?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===f-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:f},((e,o)=>o+1));const M=[{label:"5 rows per page",value:"5",selected:5===m},{label:"10 rows per page",value:"10",selected:10===m},{label:"20 rows per page",value:"20",selected:20===m}];return e(p,Object.assign({style:y},{children:[!u&&o("div",{children:o(r,{size:"small",options:M,onSelect:w,width:"162px"})}),e("div",Object.assign({className:"paging__container"},{children:[o(l,{pageStart:v,pageEnd:O,totalRows:h,shouldShow:!!(!u&&h>0||u&&h>0&&j&&"left"===b)}),e("div",Object.assign({className:"pages__buttons-container"},{children:[!D&&o(d,Object.assign({active:!1,onClick:()=>{1!==c&&g(Math.max(c-1,1))},disabled:1===c},{children:o(t,{color:S.content.secondary,height:14,width:14})})),x.map((e=>o(d,Object.assign({active:e==c,onClick:()=>g(e),style:{display:1==e&&h<=m?"none":"flex"}},{children:o(i,Object.assign({style:{color:e==c?S.content.primaryInverse:S.content.secondary}},{children:e}))}),e))),!D&&o(d,Object.assign({isLast:!0,active:!1,onClick:()=>{c!==f&&g(Math.min(c+1,f))},disabled:c===f},{children:o(n,{color:S.content.secondary,height:14,width:14})}))]})),o(l,{pageStart:v,pageEnd:O,totalRows:h,shouldShow:!!(u&&h>0&&j&&"right"===b)})]}))]}))};export{a as TablePagination};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as s}from"react";import{Dropdown as l}from"react-bootstrap";import r from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"lodash/debounce";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:
|
|
1
|
+
import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as s}from"react";import{Dropdown as l}from"react-bootstrap";import r from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:h,resetDropdown:b,maxHeight:y,backgroundcolor:D,calendarPopperConfig:k,variant:f="default",datePickerPlacement:S,closeDropdown:I,labelColor:P,styleProps:R,showTimePicker:C=!1}=a;var x,L,T;const[F,$]=n(!1),[M,B]=n(w),[E,A]=n(),[N,H]=n(!1),[V,_]=n(w),z=i(null),U="small"===f?u:p;s((()=>{b&&B(void 0)}),[b]),s((()=>{var e;(null==w?void 0:w.isCustom)&&(null===(e=w.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?A(w.dateRangeSelectionOptions.selectedDates):A(void 0),B(w)}),[w]),s((()=>{H(!1),$(!1)}),[I]);const W=e=>{void 0!==e?(H(e),F&&$(!1)):H((e=>!e))},Y=e=>{z.current&&!z.current.contains(e.target)&&(F&&$(!1),W(!1))};return s((()=>(N&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)})),[N]),e(o,{children:t(g,Object.assign({drop:"down",show:N,onToggle:W,bgColor:D,id:"analytic-dropdown"},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:R||void 0},{children:e(U,Object.assign({style:"small"===f||P?{color:P||d.colorsV2.content.secondary}:void 0},{children:(null==M?void 0:M.isCustom)?E?O(E[0],C)===O(E[1],C)?`${O(E[0],C)}`:`${O(E[0],C)} to ${O(E[1],C)}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:M?null==M?void 0:M.label:v}))})),r.createPortal(e(l.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:z},{children:t(g,Object.assign({drop:null!=S?S:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&H(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:y||"auto",overflowY:"scroll"}},{children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(j,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{B(e),$(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange),showTimePicker:C})})):e(j,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{if(A(void 0),B(e),_(e),W(),!e.noOfDays)return void h(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),h(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:C})},null==o?void 0:o.key)}))})),e(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)||0,(null==k?void 0:k.offsetDistance)||0]}}]}},{children:e(c,{selectRange:(null===(x=null==M?void 0:M.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,showTimePicker:C,maxDate:null===(L=null==M?void 0:M.dateRangeSelectionOptions)||void 0===L?void 0:L.maxDate,minDate:null===(T=null==M?void 0:M.dateRangeSelectionOptions)||void 0===T?void 0:T.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,h(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),_(M),$(!1),A(t),H(!N)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],h(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),_(M),$(!1),A([e,e]),H(!N)}})}))]}))})),document.body)]}))})},j=n=>{let{eachOption:i,selectedOption:s,selectedDate:l,onClickingEachItem:r,rangeSelection:d,isLastItem:c,isFirstItem:u,showTimePicker:g}=n;return t(v,Object.assign({isFirstItem:u,isLastItem:c,onClick:()=>r(i),isSelected:i.isCustom?i.key==(null==s?void 0:s.key)&&!!l:i.key==(null==s?void 0:s.key)},{children:[e(p,Object.assign({color:i.key==(null==s?void 0:s.key)?a.positive[900]:a.grayscale[900]},{children:i.label})),i.subLabel?e(m,Object.assign({style:{color:a.grayscale[700]}},{children:i.subLabel})):e(o,{}),l&&(null==s?void 0:s.isCustom)&&i.key==(null==s?void 0:s.key)&&e(m,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:d?`${O(l[0],g)} to ${O(l[1],g)}`:`${O(l[0],g)}`}))]}),i.key)},O=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,j as EachItem,O as formatDate};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as l}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import
|
|
1
|
+
import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as s,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as l}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{COLORS as c}from"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,j,v,w;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),b=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(l,Object.assign({version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(j=m.placement)&&void 0!==j?j:"bottom-start",strategy:null!==(v=m.placementStrategy)&&void 0!==v?v:"absolute",options:d.map((t=>{var n,r,d,s;const l=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:l,className:"country-flag__option",alt:t.name}),e(p,Object.assign({style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{}},{children:[o("span",Object.assign({style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary}},{children:t.code}))," ",o("span",Object.assign({style:{color:null!==(s=m.dialColor)&&void 0!==s?s:c.text.primary}},{children:t.dial}))]}))]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])}},{children:e(s,Object.assign({height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)}},{children:[e("div",Object.assign({className:"content__wrapper"},{children:[!m.hideFlagImage&&o("img",{src:b,className:"country-flag__selected-option",alt:g.name}),o(p,Object.assign({style:null!==(w=m.countryTextStyle)&&void 0!==w?w:{}},{children:g.dial}))]})),o(t,{width:24,height:24,color:c.content.primary})]}))}))};export{m as CountryCodePicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/chevronDown.svg.js";import{useState as r,useMemo as s}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryOption as i,StyledCountryPickerContainer as c}from"./CountryPicker.styled.js";import{DropdownPopover as p}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import
|
|
1
|
+
import{jsxs as o,jsx as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/chevronDown.svg.js";import{useState as r,useMemo as s}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryOption as i,StyledCountryPickerContainer as c}from"./CountryPicker.styled.js";import{DropdownPopover as p}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{COLORS as l}from"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as m}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const a=a=>{let{version:u,onCountrySelect:h,selectedCountry:j,popoverWidth:y="300px",height:w,placement:g="bottom-start",placementStrategy:b="absolute",disabled:v=!1,hideFlagImage:O=!1,containerStyles:f,placeholder:C="Select a country",showCountryCode:D=!0,countryTextStyle:S,onDropdownClick:x}=a;var I;const[k,B]=r(j),M=null!=j?j:k,L=M?`https://flagcdn.com/${null===(I=M.code)||void 0===I?void 0:I.toLowerCase()}.svg`:void 0,N=s((()=>d.map((t=>{var n;const r=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.name,searchKey:t.name,customComponent:o(i,{children:[!O&&e("img",{src:r,className:"country-flag",alt:t.name}),o("div",Object.assign({className:"country-info"},{children:[e(m,Object.assign({style:Object.assign({color:l.text.primary},S)},{children:t.name})),D&&e(m,Object.assign({style:{color:l.text.secondary,fontSize:"12px"}},{children:t.code}))]}))]}),selected:(null==M?void 0:M.code)===t.code}}))),[null==M?void 0:M.code,O,D,S]);return e(p,Object.assign({version:u,isSearchable:!0,width:y,placement:g,strategy:b,options:N,disabled:v,onSelect:o=>(o=>{const e=d.find((e=>e.code===o.value));e&&(void 0===j&&B(e),h(e))})(o)},{children:o(c,Object.assign({height:w,style:f,onClick:x,disabled:v},{children:[e("div",Object.assign({className:"content__wrapper"},{children:M?o(t,{children:[!O&&L&&e("img",{src:L,className:"country-flag",alt:M.name}),e(m,Object.assign({style:S},{children:M.name}))]}):e(m,Object.assign({style:Object.assign({color:l.text.disabled},S)},{children:C}))})),e(n,{width:24,height:24,color:v?l.text.disabled:l.content.primary})]}))}))};export{a as CountryPicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as p}from"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const j=e=>{const o=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;o.push({label:s,value:s,selected:s===e},{label:i,value:i,selected:i===e})}return o},w=w=>{const[D,f]=n(w.time),[h,v]=n(w.date);s((()=>{w.setError(void 0);const e=l.convert12HourTimeTo24Hour(D),o=t(new Date,"HH:mm:ss");if(r(h)&&e<o)return void w.setError("Selected time should be later than current time");w.setError(void 0);const[n,s]=e.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),w.onChange(i)}),[h,D]);return e(u,{children:[e("div",Object.assign({style:{display:"flex",gap:16}},{children:[o("div",Object.assign({style:{flex:1}},{children:o(i,{customDate:h,setCustomDate:v,placement:w.placement,minDate:w.minDate})})),o("div",Object.assign({style:{flex:1}},{children:o(m,Object.assign({options:j(D),onSelect:e=>{f(e.value)}},{children:o(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:e=>(e=>{if(l.timeFormatValidation(e)){const o=l.convert12HourTimeTo24Hour(e),n=t(new Date,"HH:mm:ss");if(r(h)&&o<n)return void w.setError("Selected time should be later than current time");w.setError(void 0),f(e)}else w.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})}))}))]})),w.error&&o(p,Object.assign({style:{paddingTop:8}},{children:w.error}))]})};export{w as CustomDateTime};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import s,{useState as p}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=p(null),[D,h]=p(null),[y,f]=p(!1),{styles:g,attributes:O}=i(u,D,{placement:j.placement}),b=s.useRef();return m(b,(()=>{f(!1)})),e(o,{children:[e("div",Object.assign({className:"date-preview",ref:w,onClick:()=>{f(!y)}},{children:[t(r,{width:24,height:24}),t("span",Object.assign({style:{marginLeft:8}},{children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")})),t(n,{style:{marginLeft:"auto"},width:22,height:22})]})),y&&t(c,Object.assign({ref:h,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},O.popper,{children:t("div",Object.assign({ref:b},{children:t(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})}))}))}))]})};export{j as default};
|
|
1
|
+
import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import s,{useState as p}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../../_virtual/_tslib.js";import"lodash/debounce";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=p(null),[D,h]=p(null),[y,f]=p(!1),{styles:g,attributes:O}=i(u,D,{placement:j.placement}),b=s.useRef();return m(b,(()=>{f(!1)})),e(o,{children:[e("div",Object.assign({className:"date-preview",ref:w,onClick:()=>{f(!y)}},{children:[t(r,{width:24,height:24}),t("span",Object.assign({style:{marginLeft:8}},{children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")})),t(n,{style:{marginLeft:"auto"},width:22,height:22})]})),y&&t(c,Object.assign({ref:h,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},O.popper,{children:t("div",Object.assign({ref:b},{children:t(l,Object.assign({level:"z2",position:"down",style:{borderRadius:4}},{children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})}))}))}))]})};export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"
|
|
1
|
+
import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{TimePickerContainer as n,TimeInputWrapper as p,TimeLabel as i}from"./DatePicker.styled.js";const l=l=>{let{fromTime:d="00:00",toTime:s="23:59",onFromTimeChange:a,onToTimeChange:m,timeInterval:u=30}=l;const c=e((()=>{const t=[];for(let o=0;o<1440;o+=u){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===d})}if(d&&!t.find((t=>t.value===d))){const[o,e]=d.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:d,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[u,d]),w=e((()=>{const t=[];for(let o=0;o<1440;o+=u){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===s})}if(s&&!t.find((t=>t.value===s))){const[o,e]=s.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:s,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[u,s]),S=(t,o)=>{if(t)return o.find((o=>o.value===t))},h=S(d,c),j=S(s,w);return t(n,{children:[t(p,{children:[o(i,{children:"From"}),o(r,{placeHolder:"HH:MM",options:c,defaultOptions:h?[h]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==a||a(t.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),t(p,{children:[o(i,{children:"To"}),o(r,{placeHolder:"HH:MM",options:w,defaultOptions:j?[j]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==m||m(t.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};export{l as TimePicker};
|