andrewbutenko / abcontrolstoolkit Goto Github PK

Hi,
Your toolkit is fantastic - thank you for putting this out there!

One glitch I noticed while playing around with it is that the city is left blank when using Azure Maps. I switched to Bing it filled it in without any issues. Only problem is that Bing doesn't always seem to be able to find every address (at least around where I live - Azure and Google seem to find these addresses without any issues).

One potential thought for future development: it would be nice to be able to type a business name into the search and it would fill out the address. Not sure if this is possible or not.

Thanks again!
Tommy

Hello!

I love your controls! I have a quick feature request...

In our business, for data integrity, we require all users to use the address-lookup to set the address, and they can only modify Address_line1, 2, and 3. We prevent them from editing City, State, Postcode, country, etc.

In your control, City and Postcode are mandatory so i have to display them, allowing users to edit those values. Is it possible to make them non-mandatory or have read-only display options for some fields?

Thanks!

Charles

Hi, i get an issue when trying to deploy this into a sandbox environment in powerapps. below is the error message.

Hello,

When the PCF is used in a BPF for example, if the option text is too big, it will be cropped.
Is it possible to have a line return or smth similar?

Hi Andrew, I installed the managed solution in a trial environment but when I add the Custom Auto-Complete PCF control to a text field, on the first key press on the field, I get an error in the console and the input text field disappears. I also created the required JS WebResource and configured it accordingly. I am adding the error details and the screen captures.
Thank you for your great contribution to the community!

TypeError: Cannot read properties of undefined (reading 'then')
    at onChange (Autocomplete.tsx:188:45)
    at TextFieldBase.eval (TextField.base.js:133:11)
    at callCallback (react-dom.development.js:2245:355)
    at commitUpdateQueue (react-dom.development.js:2246:207)
    at commitLifeCycles (react-dom.development.js:3267:1)
    at commitLayoutEffects (react-dom.development.js:3866:169)
    at HTMLUnknownElement.callCallback (react-dom.development.js:70:102)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:90:45)
    at invokeGuardedCallback (react-dom.development.js:105:126)
    at commitRootImpl (react-dom.development.js:3821:57)
    at unstable_runWithPriority (scheduler.development.js:659:16)
    at runWithPriority$1 (react-dom.development.js:2076:1035)
    at commitRoot (react-dom.development.js:3784:1235)
    at finishSyncRender (react-dom.development.js:3671:25)
    at performSyncWorkOnRoot (react-dom.development.js:3668:113)
    at eval (react-dom.development.js:2082:181)
logCapturedError @ react-dom.development.js:3231
logError @ react-dom.development.js:3240
update.callback @ react-dom.development.js:3367
callCallback @ react-dom.development.js:2245
commitUpdateQueue @ react-dom.development.js:2246
commitLifeCycles @ react-dom.development.js:3267
commitLayoutEffects @ react-dom.development.js:3866
callCallback @ react-dom.development.js:70
invokeGuardedCallbackDev @ react-dom.development.js:90
invokeGuardedCallback @ react-dom.development.js:105
commitRootImpl @ react-dom.development.js:3821
unstable_runWithPriority @ scheduler.development.js:659
runWithPriority$1 @ react-dom.development.js:2076
commitRoot @ react-dom.development.js:3784
finishSyncRender @ react-dom.development.js:3671
performSyncWorkOnRoot @ react-dom.development.js:3668
eval @ react-dom.development.js:2082
unstable_runWithPriority @ scheduler.development.js:659
runWithPriority$1 @ react-dom.development.js:2076
flushSyncCallbackQueueImpl @ react-dom.development.js:2082
flushSyncCallbackQueue @ react-dom.development.js:2081
flushPendingDiscreteUpdates @ react-dom.development.js:3683
flushDiscreteUpdates @ react-dom.development.js:3678
finishEventHandler @ react-dom.development.js:201
batchedEventUpdates @ react-dom.development.js:205
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js:800
attemptToDispatchEvent @ react-dom.development.js:940
dispatchEvent @ react-dom.development.js:918
unstable_runWithPriority @ scheduler.development.js:659
runWithPriority$1 @ react-dom.development.js:2076
discreteUpdates$1 @ react-dom.development.js:3686
discreteUpdates @ react-dom.development.js:206
dispatchDiscreteEvent @ react-dom.development.js:914
Show 3 more frames
react-dom.development.js:3239 The above error occurred in the <TextFieldBase> component:
    in TextFieldBase (created by StyledTextFieldBase)
    in StyledTextFieldBase (created by TextAutocomplete)
    in div (created by TextAutocomplete)
    in TextAutocomplete

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

Screen capture of the error:

the text field control configuration:

How the field looks like before I start typing anything in it:

Hi Andrew,

Thanks for your controls, really appreciate them !

I have a suggestion : to be able to group filtered values if needed.
Someone has done it here : https://pcf.gallery/grouped-optionset/ but there is no release and I am not sure it is possible to filter values.
Do you think this is something that could be interesting ?

Thanks in advance.

Sébastien.

As it stands, the PCF Control for Composite Address Fields is great! Wanted to know if there was a possibility of updating it so it supports Option Sets.

I am using the Address Auto-Complete and Composite Address on Dynamics forms. Works great.

For the Address Auto-Complete using Google, everything works though I would like to configure the field "administrative_area_level_1" (State) field to use short_name in this instance.
In Australia "New South Wales" is too long for most things and is almost always referred to as "NSW"

I note you have "var addressPiece = addressComponent.long_name;" in the bundle.js though no variable for short_name
Not sure if this can be achieved through extended configuration.
Apologies I am not a programmer though I did manage to hack your example configuration for Composite Address Control.

The Address Autocomplete Control is great! I am using it with the Google Places API. Would it be possible to add the "place name" field to the control? The API supports this and it would be great when entering business addresses.

The plugin resolves the addresses in English always. Is this configurable? We would e.g. like the Dutch country name and Province.

Is it possible to order dependent choice values at setted order (order in childOptions at js file)? It looks like options are sorted in alphabetical order.
At PowerApp it is in alphabetically order, but in Outlook app it is in setted order (sorted by choice values).
thx
m

What would it take to add County to the address lookup output? Also, any way to publish the source?

Hey,

Thank you for this tool, works ok.

Is it possible to create an option to remove or translate the placeholder (Start entering address to activate lookup)?

Could make it open source, would be able to contribute aswell?

Would be useful to be able to use the Dependent Optionset Control also for the column type Choices. I would then expect the following behavior: If choosing more than one choice (e.g. 1,2) in the "parent" (but leaving out e.g. 3), then the dependent column would show choices belonging to any of the choices in the parent (e.g. show 1a, 1b, 2a, 2b but NOT show 3a, 3b).

Places API supports restricting results by country: https://developers.google.com/maps/documentation/places/web-service/autocomplete#location_restrict

Is this possible using a .js web resource already? If Not could this be added?

Hi Andrew,

Thanks for the AB Controls Toolkit, the Address Autocomplete PCF is exactly what I was looking for and works perfectly for autocompleting the addresses including the lat/long. However there is an issue with the CSS styling of your PCF and the CSS of Microsoft within the model-driven app, they are conflicting with eachother.

As you can see in the attached screenshot some font-sizes are smaller, the font-weight on the field values has increased and sizing of the div's is affected. Next to these ones there are also some other Microsoft styles with are being overruled including spacing and padding on for example the ribbon.

Thanks again for all the effort in developing these free PCF's and looking forward to a solution.

Roy

When Address have unit number in search address, it's not mapped with any form field.

Hi,

I am trying to change the way the street is displayed using the ParseAddress function as described in the example. In my country the format of the address is streetname + number not number + street. I was going to solve this with following custom script. When I search for an address and click it, nothing happens. When debugging, my code gets executed and gives the expected result. I even get to notifyOutputChanged and there the address looks as expected but no value gets changed on the form. When I remove my script it works (expect for the format).

function getConfiguration(){
    function parseAddress(address) {
        return new Promise(function(resolve, reject){
            if(address.street){
                var parts = address.street.split(' ');
                // check if first part of address starts with a number
                if(parts[0] && /^\d/.test(parts[0])){
                    // move the housenumber to last element in array
                    var houseNumber = parts.shift();
                    parts.push(houseNumber);
                    // recreate street
                    address.street = parts.join(' ');
                }
            }
            resolve(address);
        });
    }

    return {
        ParseAddress: parseAddress
    };
}

When setting up the control, Address 1 and 2 fields are shown as well as other text fields but not the Address 3 fields.

Hello,
I have this issue where the dependent optionset is blinking when I use none chromium browsers.
Am I the only one getting this UI issue ? Do you have any idea on how to fix it ?
I use the 1.0.0.5 verison.

Thank you very much and great job !