select with search field for fields drop down about react-awesome-query-builder

[ukrbublik]

I added this feature to latest version.
See customFieldSelectProps and customProps in config.
"showSearch" will add search feature to select widgets.

[vaishaliakhare]

Thanks a bunch for the quick turnaround. I'll get the updated code and let you know for any issues.

…

On Thu, Jan 4, 2018 at 3:50 PM, ukrbublik ***@***.***> wrote: Closed #16 <#16>. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#16 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFvDLeUlNBplnJx_shTn3DDGdT7jwM1zks5tHWOygaJpZM4RRSdT> .

[vaishaliakhare]

I took the latest version and took the demo codehttps://github.com/ukrbublik/react-awesome-query-builder/tree/master/examples to test it out , I am getting below errors & the query builder goes away from the page when i click on "Add Rule" , am i missing something. Please guide.
[Error] TypeError: null is not an object (evaluating 'str.length')
truncateString (stuff.js:50)
renderAsSelect (Field.js:261)
finishClassComponent (react-dom.development.js:7873)
performUnitOfWork (react-dom.development.js:10224)
workLoop (react-dom.development.js:10288)
callCallback (react-dom.development.js:542)
dispatchEvent
invokeGuardedCallbackDev (react-dom.development.js:581)
invokeGuardedCallback (react-dom.development.js:438)
renderRoot (react-dom.development.js:10366)
performWorkOnRoot (react-dom.development.js:11014)
performWork (react-dom.development.js:10967)
batchedUpdates (react-dom.development.js:11086)
batchedUpdates (react-dom.development.js:2330)
dispatchEvent (react-dom.development.js:3421)
dispatchEvent
[Error] The above error occurred in the component:
in Field (created by Rule)
in div (created by Col)
in Col (created by Rule)
in div (created by Rule)
in Rule (created by RuleContainer)
in div (created by RuleContainer)
in RuleContainer (created by Item)
in Item (created by Item)
in div (created by Group)
in div (created by Group)
in Group (created by GroupContainer)
in div (created by GroupContainer)
in GroupContainer (created by Item)
in Item (created by Builder)
in Builder (created by SortableContainer)
in SortableContainer (created by ConnectedQuery)
in div (created by ConnectedQuery)
in div (created by ConnectedQuery)
in div (created by ConnectedQuery)
in ConnectedQuery (created by Connect(ConnectedQuery))
in Connect(ConnectedQuery) (created by Query)
in Provider (created by Query)
in LocaleProvider (created by Query)
in Query (created by Feed)
in div (created by Feed)
in Feed (created by Route)
in Route (created by App)
in Switch (created by App)
in div (created by Container)
in Container (created by App)
in main (created by App)
in div (created by App)
in div (created by App)
in App (created by Connect(App))
in Connect(App) (created by Route)
in Route (created by _default)
in Switch (created by _default)
in Router (created by BrowserRouter)
in BrowserRouter (created by _default)
in _default
in IntlProvider
in Provider
in AppContainer

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError (react-dom.development.js:9747)
captureError (react-dom.development.js:10540)
renderRoot (react-dom.development.js:10391)
performWorkOnRoot (react-dom.development.js:11014)
performWork (react-dom.development.js:10967)
batchedUpdates (react-dom.development.js:11086)
batchedUpdates (react-dom.development.js:2330)
dispatchEvent (react-dom.development.js:3421)
dispatchEvent
[Error] TypeError: null is not an object (evaluating 'str.length')
truncateString
renderAsSelect
finishClassComponent
performUnitOfWork
workLoop
callCallback
dispatchEvent
invokeGuardedCallbackDev
invokeGuardedCallback
renderRoot
performWorkOnRoot
performWork
batchedUpdates
batchedUpdates
dispatchEvent
dispatchEvent

render (AppContainer.dev.js:95)
finishClassComponent (react-dom.development.js:7873)
performUnitOfWork (react-dom.development.js:10224)
slowWorkLoopThatChecksForFailedWork (react-dom.development.js:10310)
workLoop (react-dom.development.js:10278)
callCallback (react-dom.development.js:542)
dispatchEvent
invokeGuardedCallbackDev (react-dom.development.js:581)
invokeGuardedCallback (react-dom.development.js:438)
renderRoot (react-dom.development.js:10366)
performWorkOnRoot (react-dom.development.js:11014)
performWork (react-dom.development.js:10967)
batchedUpdates (react-dom.development.js:11086)
batchedUpdates (react-dom.development.js:2330)
dispatchEvent (react-dom.development.js:3421)
dispatchEvent

[ukrbublik]

Fixed. Thanks.

[vaishaliakhare]

Thanks a lot, I verified & it works.

…

On Sun, Jan 7, 2018 at 2:57 AM, ukrbublik ***@***.***> wrote: Fixed. Thanks. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#16 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFvDLUQoWKWB-6Yt9vZMSLkvbjJsDpzdks5tIKMdgaJpZM4RRSdT> .

[sarika-pst]

I am using the same code from https://github.com/ukrbublik/react-awesome-query-builder#usage
But I am not able to search in the select box. I am new to react-awesome-query-builder. Can someone please help me with modifying the configuration for the select search option.
Thanks in advance.