commons-shared-web-ui 0.0.15 → 0.0.17

package/index.d.ts

@@ -1720,9 +1720,62 @@ interface AttachmentConfig {
     features?: string[];
 }
 interface LocationConfig {
+    /** Default active tab: 'VENUE' | 'ONLINE' | 'TBA'. Defaults to 'VENUE'. */
+    defaultTab?: 'VENUE' | 'ONLINE' | 'TBA';
+    /** Allow multiple locations. Replaces the need for maxLocations. */
+    allowMulti?: boolean;
+    /** Maximum number of venue locations allowed. Defaults to 5 if allowMulti is true. */
+    maxLocations?: number;
+    /** Placeholder for the venue search input */
+    venuePlaceholder?: string;
+    /** Google Maps API Key – required for map rendering and autocomplete */
+    googleMapsApiKey?: string;
+    /** Height of the embedded Google Map. Defaults to '300px'. */
+    mapHeight?: string;
+    /** Default map center latitude when no locations are added (e.g., India: 20.5937) */
+    defaultLat?: number;
+    /** Default map center longitude when no locations are added (e.g., India: 78.9629) */
+    defaultLng?: number;
+    /** Default zoom level when no locations are added (e.g., 4) */
+    defaultZoom?: number;
+    /** Placeholder for the online event URL input */
+    onlinePlaceholder?: string;
+    /** Show map preview after locations are added (default: true) */
+    showMap?: boolean;
+    /** Whether the current location button is enabled inside venue tab */
     enableCurrentLocation?: boolean;
+    /** @deprecated Use showMap instead */
     enableMapPicker?: boolean;
 }
+/** A single venue location picked from Google Places autocomplete. */
+interface LocationItem {
+    uuid?: string;
+    isActive?: boolean;
+    id?: number;
+    locationCode?: string;
+    latitude?: number;
+    longitude?: number;
+    address?: string;
+    name?: string;
+    cityLabel?: string;
+    stateLabel?: string;
+    countryLabel?: string;
+    placeId?: string;
+    type?: string;
+    /** Legacy field for UI binding */
+    description?: string;
+}
+/**
+ * Value shape stored in the FormControl for a LOCATION field.
+ * `tab` indicates which mode is active.
+ */
+interface LocationFieldValue {
+    tab: 'VENUE' | 'ONLINE' | 'TBA';
+    /** Array of venue locations (only valid when tab === 'VENUE') */
+    venues?: LocationItem[];
+    /** Event URL (only valid when tab === 'ONLINE') */
+    onlineUrl?: string;
+}
 interface RatingConfig {
     maxRating?: number;
     allowHalf?: boolean;
@@ -1962,6 +2015,22 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     libraryLoading: boolean;
     libraryError: string;
     mediaUploadError: string;
+    /** Active tab: VENUE | ONLINE | TBA */
+    locationActiveTab: 'VENUE' | 'ONLINE' | 'TBA';
+    /** Current text in the venue search box */
+    locationSearchText: string;
+    /** Google Places autocomplete suggestions */
+    locationSuggestions: any[];
+    /** Show the suggestions dropdown */
+    locationShowSuggestions: boolean;
+    /** Cached Google AutocompleteService instance */
+    private _googleAcService;
+    /** Whether Google Maps is loaded */
+    locationMapLoaded: boolean;
+    /** Map instance */
+    private _googleMap;
+    /** Map markers */
+    private _mapMarkers;
     /** FormControl used ONLY for the autocomplete text-input display value */
     autocompleteInputCtrl: FormControl<string>;
     /** Filtered option list shown in the mat-autocomplete panel */
@@ -2063,6 +2132,7 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     get isGenerated(): boolean;
     get isRow(): boolean;
     get isGroup(): boolean;
+    get isLocation(): boolean;
     /**
      * Initialise the separate display-control that drives the mat-autocomplete
      * text input.  The real form control always stores the *code* value.
@@ -2125,6 +2195,21 @@ declare class FormFieldComponent implements OnInit, OnDestroy {
     removeMediaItem(index: number): void;
     private _appendMediaItem;
     private showMediaError;
+    private initLocationField;
+    private _ensureGoogleMapsScript;
+    onLocationTabChange(tab: 'VENUE' | 'ONLINE' | 'TBA'): void;
+    get locationValue(): LocationFieldValue;
+    get locationVenues(): LocationItem[];
+    get locationOnlineUrl(): string;
+    get locationMaxReached(): boolean;
+    handleLocationSearchInput(event: Event): void;
+    onLocationSuggestionSelect(prediction: any): void;
+    private _addVenueAndUpdate;
+    removeLocationVenue(index: number): void;
+    onLocationUrlChange(url: string): void;
+    hideLocationSuggestions(): void;
+    getLocationMapEmbedUrl(): string;
+    private _renderMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "lib-form-field", never, { "config": { "alias": "config"; "required": false; }; "controller": { "alias": "controller"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "allowMulti": { "alias": "allowMulti"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -2418,6 +2503,8 @@ interface TableFilter {
     valuePath?: string;
     requestKey?: string;
     dataPath?: string;
+    handling?: 'standard' | 'nested_string';
+    nestedStringConfig?: NestedStringConfig;
 }
 interface TableActionItem {
     label: string;
@@ -2597,6 +2684,8 @@ declare class SmartTableModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartTableModule>;
 }
 
+declare function appendBaseUrlRecursively(obj: any, baseURL: string): void;
+
 declare class ValidationUtils {
     static email(): ValidatorFn;
     static phone(): ValidatorFn;
@@ -2620,6 +2709,7 @@ declare const SAMPLE_FORMS: {
     demandDefinitionForm: string;
     projectInfoForm: string;
     faqForm: string;
+    locationForm: string;
 };
 
 declare const smartForm_examples_d_SAMPLE_FORMS: typeof SAMPLE_FORMS;
@@ -2643,5 +2733,5 @@ declare class SnackbarModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SnackbarModule>;
 }
 
-export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_SIDE_NAV_TOOLTIP_POSITION, DatepickerComponent, DropdownComponent, ExpressionService, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SideNavComponent, SideNavModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SnackbarComponent, SnackbarModule, SnackbarService, StringUtils, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem, translateConfig };
+export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_SIDE_NAV_TOOLTIP_POSITION, DatepickerComponent, DropdownComponent, ExpressionService, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SideNavComponent, SideNavModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SnackbarComponent, SnackbarModule, SnackbarService, StringUtils, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, appendBaseUrlRecursively, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem, translateConfig };
 export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownConfig, DropdownLabels, DropdownOption, EmailConfig, FieldConfig, FieldType, FilterChangeEvent, FilterConfig, FilterItem, FilterItemType, FilterOutput, FilterSearchConfig, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOutput, FormConfig, FormField, FormOption, FormSchema, FormSection, GeneratedConfig, IconInput, InputConfig, InputLabels, InputType, JsonFieldConfig, JsonFormConfig, KeyType, LengthConstraint, LocationConfig, NavItem, NavStyleConfig, NestedStringConfig, NumberConfig, OptionConfig$1 as OptionConfig, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, SideNavItem, SideNavSection, SideNavStyleConfig, SnackbarConfig, SnackbarVariant, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardLabels, SummaryCardMeta, TableAction, TableActionItem, TableColumn, TableConfig, TableFilter, TableFilterChangeEvent, TableFilterColumn, TableFilterConfig, TableFilterItem, TableFilterLabels, TableFilterOutput, TableLabels, TableOption, TableTheme, TextConfig, ToggleConfig, ToggleLabels, UIConfig, UISubType, UIType, UploadedFile, ValidationResult, ValidationRules };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commons-shared-web-ui",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "peerDependencies": {
     "@angular/animations": "20.3.15",
     "@angular/cdk": "20.2.14",