@pega/cosmos-react-core 2.0.0-dev.2.0 → 2.0.0-dev.21.1

package/lib/components/List/UnorderedList.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ForwardProps } from '../../types';
+import { ListProps } from './List';
+declare const UnorderedList: FC<ListProps & ForwardProps>;
+export default UnorderedList;
+//# sourceMappingURL=UnorderedList.d.ts.map

package/lib/components/List/UnorderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../src/components/List/UnorderedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAa,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,GAAG,YAAY,CAE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/List/UnorderedList.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import List from './List';
+const UnorderedList = forwardRef((props, ref) => _jsx(List, { ...props, variant: 'unordered', ref: ref }, void 0));
+export default UnorderedList;
+//# sourceMappingURL=UnorderedList.js.map

package/lib/components/List/UnorderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.js","sourceRoot":"","sources":["../../../src/components/List/UnorderedList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,IAAmB,MAAM,QAAQ,CAAC;AAEzC,MAAM,aAAa,GAAiC,UAAU,CAC5D,CAAC,KAAgB,EAAE,GAAqB,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,WAAI,CAC/F,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { FC, forwardRef } from 'react';\n\nimport { ForwardProps } from '../../types';\n\nimport List, { ListProps } from './List';\n\nconst UnorderedList: FC<ListProps & ForwardProps> = forwardRef(\n  (props: ListProps, ref: ListProps['ref']) => <List {...props} variant='unordered' ref={ref} />\n);\n\nexport default UnorderedList;\n"]}

package/lib/components/List/index.d.ts

@@ -0,0 +1,5 @@
+export { default as UnorderedList } from './UnorderedList';
+export { default as OrderedList } from './OrderedList';
+export { ListProps as UnorderedListProps, ListProps as OrderedListProps } from './List';
+export { default as CommaSeparatedList, CommaSeparatedListProps } from './CommaSeparatedList';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/components/List/index.js

@@ -0,0 +1,4 @@
+export { default as UnorderedList } from './UnorderedList';
+export { default as OrderedList } from './OrderedList';
+export { default as CommaSeparatedList } from './CommaSeparatedList';
+//# sourceMappingURL=index.js.map

package/lib/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAA2B,MAAM,sBAAsB,CAAC","sourcesContent":["export { default as UnorderedList } from './UnorderedList';\nexport { default as OrderedList } from './OrderedList';\nexport { ListProps as UnorderedListProps, ListProps as OrderedListProps } from './List';\nexport { default as CommaSeparatedList, CommaSeparatedListProps } from './CommaSeparatedList';\n"]}

package/lib/components/Location/CurrentLocationButton.d.ts

@@ -1,18 +1,18 @@
-import React, { FC } from 'react';
-declare type CurrentLocationButtonProps = {
+import { FC } from 'react';
+export declare type CurrentLocationButtonProps = {
     /** Callback fired after click on my current location button if location was found. */
-    onChange?(value: {
+    onChange?: (value: {
         name: string;
         address?: string;
         latitude?: number;
         longitude?: number;
-    }): void;
+    }) => void;
     /** Callback fired when an error occurs. */
-    onError?(error: Error): void;
+    onError?: (error: Error) => void;
     /** Get current location on component first render */
     defaultToCurrentLocation?: boolean;
 };
-export declare const StyledCurrentLocationButton: import("styled-components").StyledComponent<React.FunctionComponent<import("../Button").ButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {
+export declare const StyledCurrentLocationButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button").ButtonProps & import("../..").ForwardProps>, import("styled-components").DefaultTheme, {
     currentLocationDisabled: boolean;
 }, never>;
 declare const CurrentLocationButton: FC<CurrentLocationButtonProps>;

package/lib/components/Location/CurrentLocationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentLocationButton.d.ts","sourceRoot":"","sources":["../../../src/components/Location/CurrentLocationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAgD,MAAM,OAAO,CAAC;AAYhF,aAAK,0BAA0B,GAAG;IAChC,sFAAsF;IACtF,QAAQ,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClG,2CAA2C;IAC3C,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,qDAAqD;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,2BAA2B;6BAA6C,OAAO;SAa3F,CAAC;AAIF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAoDzD,CAAC;AACF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"CurrentLocationButton.d.ts","sourceRoot":"","sources":["../../../src/components/Location/CurrentLocationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAgD,MAAM,OAAO,CAAC;AAezE,oBAAY,0BAA0B,GAAG;IACvC,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;IACX,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,qDAAqD;IACrD,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,2BAA2B;6BAA6C,OAAO;SAa3F,CAAC;AAIF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAoDzD,CAAC;AACF,eAAe,qBAAqB,CAAC"}

package/lib/components/Location/CurrentLocationButton.js

@@ -1,12 +1,15 @@
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useState } from 'react';
 import styled, { css } from 'styled-components';
 import Tooltip from '../Tooltip';
 import { useElement, useI18n } from '../../hooks';
-import Icon from '../Icon';
+import Icon, { registerIcon } from '../Icon';
+import * as locationIcon from '../Icon/icons/location.icon';
 import Button from '../Button';
 import { defaultThemeProp } from '../../theme';
 import MapsContext from './MapsContext';
 import { getNavigatorPosition, getAddress, loadMapsAPI } from './utils';
+registerIcon(locationIcon);
 export const StyledCurrentLocationButton = styled(Button)(({ currentLocationDisabled, theme: { base: { 'disabled-opacity': disabledOpacity } } }) => css `
     ${currentLocationDisabled &&
     css `
@@ -27,12 +30,11 @@ const CurrentLocationButton = ({ onChange, onError, defaultToCurrentLocation })
             throw error;
         })
             .then(getAddress)
-            .then(address => onChange === null || onChange === void 0 ? void 0 : onChange(address))
-            .catch(error => onError === null || onError === void 0 ? void 0 : onError(error));
+            .then(address => onChange?.(address))
+            .catch(error => onError?.(error));
     }, [onChange, onError]);
     useEffect(() => {
-        var _a;
-        (_a = navigator.permissions) === null || _a === void 0 ? void 0 : _a.query({ name: 'geolocation' }).then(result => {
+        navigator.permissions?.query({ name: 'geolocation' }).then(result => {
             if (result.state === 'denied') {
                 setCurrentLocationDisabled(true);
             }
@@ -41,10 +43,7 @@ const CurrentLocationButton = ({ onChange, onError, defaultToCurrentLocation })
             loadMapsAPI(name, providerOpts).then(getCurrentLocation);
         }
     }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { ref: setEl, as: StyledCurrentLocationButton, variant: 'simple', icon: true, onClick: getCurrentLocation, "aria-label": t('my_current_location_button_a11y'), currentLocationDisabled: currentLocationDisabled },
-            React.createElement(Icon, { name: 'location' })),
-        el && currentLocationDisabled && (React.createElement(Tooltip, { shown: true, target: el }, t('allow_location_permissions_text')))));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { ref: setEl, as: StyledCurrentLocationButton, variant: 'simple', icon: true, onClick: getCurrentLocation, "aria-label": t('my_current_location_button_a11y'), currentLocationDisabled: currentLocationDisabled, children: _jsx(Icon, { name: 'location' }, void 0) }, void 0), el && currentLocationDisabled && (_jsx(Tooltip, { shown: true, target: el, children: t('allow_location_permissions_text') }, void 0))] }, void 0));
 };
 export default CurrentLocationButton;
 //# sourceMappingURL=CurrentLocationButton.js.map

package/lib/components/Location/CurrentLocationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentLocationButton.js","sourceRoot":"","sources":["../../../src/components/Location/CurrentLocationButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useContext, useEffect, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Tooltip from '../Tooltip';\nimport { useElement, useI18n } from '../../hooks';\nimport Icon from '../Icon';\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\n\nimport MapsContext from './MapsContext';\nimport { getNavigatorPosition, getAddress, loadMapsAPI } from './utils';\n\ntype CurrentLocationButtonProps = {\n  /** Callback fired after click on my current location button if location was found. */\n  onChange?(value: { name: string; address?: string; latitude?: number; longitude?: number }): void;\n  /** Callback fired when an error occurs. */\n  onError?(error: Error): void;\n  /** Get current location on component first render */\n  defaultToCurrentLocation?: boolean;\n};\n\nexport const StyledCurrentLocationButton = styled(Button)<{ currentLocationDisabled: boolean }>(\n  ({\n    currentLocationDisabled,\n    theme: {\n      base: { 'disabled-opacity': disabledOpacity }\n    }\n  }) => css`\n    ${currentLocationDisabled &&\n    css`\n      opacity: ${disabledOpacity};\n      cursor: auto;\n    `}\n  `\n);\n\nStyledCurrentLocationButton.defaultProps = defaultThemeProp;\n\nconst CurrentLocationButton: FC<CurrentLocationButtonProps> = ({\n  onChange,\n  onError,\n  defaultToCurrentLocation\n}: CurrentLocationButtonProps) => {\n  const t = useI18n();\n  const { name, ...providerOpts } = useContext(MapsContext);\n  const [currentLocationDisabled, setCurrentLocationDisabled] = useState(false);\n  const [el, setEl] = useElement();\n\n  const getCurrentLocation = useCallback(() => {\n    getNavigatorPosition()\n      .catch(error => {\n        setCurrentLocationDisabled(true);\n        throw error;\n      })\n      .then(getAddress)\n      .then(address => onChange?.(address))\n      .catch(error => onError?.(error));\n  }, [onChange, onError]);\n\n  useEffect(() => {\n    navigator.permissions?.query({ name: 'geolocation' }).then(result => {\n      if (result.state === 'denied') {\n        setCurrentLocationDisabled(true);\n      }\n    });\n    if (defaultToCurrentLocation) {\n      loadMapsAPI(name, providerOpts).then(getCurrentLocation);\n    }\n  }, []);\n\n  return (\n    <>\n      <Button\n        ref={setEl}\n        as={StyledCurrentLocationButton}\n        variant='simple'\n        icon\n        onClick={getCurrentLocation}\n        aria-label={t('my_current_location_button_a11y')}\n        currentLocationDisabled={currentLocationDisabled}\n      >\n        <Icon name='location' />\n      </Button>\n      {el && currentLocationDisabled && (\n        <Tooltip shown target={el}>\n          {t('allow_location_permissions_text')}\n        </Tooltip>\n      )}\n    </>\n  );\n};\nexport default CurrentLocationButton;\n"]}
+{"version":3,"file":"CurrentLocationButton.js","sourceRoot":"","sources":["../../../src/components/Location/CurrentLocationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAC;AAC5D,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAExE,YAAY,CAAC,YAAY,CAAC,CAAC;AAgB3B,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAC,CACvD,CAAC,EACC,uBAAuB,EACvB,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAC9C,EACF,EAAE,EAAE,CAAC,GAAG,CAAA;MACL,uBAAuB;IACzB,GAAG,CAAA;iBACU,eAAe;;KAE3B;GACF,CACF,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,qBAAqB,GAAmC,CAAC,EAC7D,QAAQ,EACR,OAAO,EACP,wBAAwB,EACG,EAAE,EAAE;IAC/B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9E,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC;IAEjC,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,oBAAoB,EAAE;aACnB,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,0BAA0B,CAAC,IAAI,CAAC,CAAC;YACjC,MAAM,KAAK,CAAC;QACd,CAAC,CAAC;aACD,IAAI,CAAC,UAAU,CAAC;aAChB,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;aACpC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAClE,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;gBAC7B,0BAA0B,CAAC,IAAI,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,wBAAwB,EAAE;YAC5B,WAAW,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;SAC1D;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,KAAC,MAAM,IACL,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,2BAA2B,EAC/B,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,kBAAkB,gBACf,CAAC,CAAC,iCAAiC,CAAC,EAChD,uBAAuB,EAAE,uBAAuB,YAEhD,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,WAAG,WACjB,EACR,EAAE,IAAI,uBAAuB,IAAI,CAChC,KAAC,OAAO,IAAC,KAAK,QAAC,MAAM,EAAE,EAAE,YACtB,CAAC,CAAC,iCAAiC,CAAC,WAC7B,CACX,YACA,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,qBAAqB,CAAC","sourcesContent":["import { FC, useCallback, useContext, useEffect, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Tooltip from '../Tooltip';\nimport { useElement, useI18n } from '../../hooks';\nimport Icon, { registerIcon } from '../Icon';\nimport * as locationIcon from '../Icon/icons/location.icon';\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\n\nimport MapsContext from './MapsContext';\nimport { getNavigatorPosition, getAddress, loadMapsAPI } from './utils';\n\nregisterIcon(locationIcon);\n\nexport type CurrentLocationButtonProps = {\n  /** Callback fired after click on my current location button if location was found. */\n  onChange?: (value: {\n    name: string;\n    address?: string;\n    latitude?: number;\n    longitude?: number;\n  }) => void;\n  /** Callback fired when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Get current location on component first render */\n  defaultToCurrentLocation?: boolean;\n};\n\nexport const StyledCurrentLocationButton = styled(Button)<{ currentLocationDisabled: boolean }>(\n  ({\n    currentLocationDisabled,\n    theme: {\n      base: { 'disabled-opacity': disabledOpacity }\n    }\n  }) => css`\n    ${currentLocationDisabled &&\n    css`\n      opacity: ${disabledOpacity};\n      cursor: auto;\n    `}\n  `\n);\n\nStyledCurrentLocationButton.defaultProps = defaultThemeProp;\n\nconst CurrentLocationButton: FC<CurrentLocationButtonProps> = ({\n  onChange,\n  onError,\n  defaultToCurrentLocation\n}: CurrentLocationButtonProps) => {\n  const t = useI18n();\n  const { name, ...providerOpts } = useContext(MapsContext);\n  const [currentLocationDisabled, setCurrentLocationDisabled] = useState(false);\n  const [el, setEl] = useElement();\n\n  const getCurrentLocation = useCallback(() => {\n    getNavigatorPosition()\n      .catch(error => {\n        setCurrentLocationDisabled(true);\n        throw error;\n      })\n      .then(getAddress)\n      .then(address => onChange?.(address))\n      .catch(error => onError?.(error));\n  }, [onChange, onError]);\n\n  useEffect(() => {\n    navigator.permissions?.query({ name: 'geolocation' }).then(result => {\n      if (result.state === 'denied') {\n        setCurrentLocationDisabled(true);\n      }\n    });\n    if (defaultToCurrentLocation) {\n      loadMapsAPI(name, providerOpts).then(getCurrentLocation);\n    }\n  }, []);\n\n  return (\n    <>\n      <Button\n        ref={setEl}\n        as={StyledCurrentLocationButton}\n        variant='simple'\n        icon\n        onClick={getCurrentLocation}\n        aria-label={t('my_current_location_button_a11y')}\n        currentLocationDisabled={currentLocationDisabled}\n      >\n        <Icon name='location' />\n      </Button>\n      {el && currentLocationDisabled && (\n        <Tooltip shown target={el}>\n          {t('allow_location_permissions_text')}\n        </Tooltip>\n      )}\n    </>\n  );\n};\nexport default CurrentLocationButton;\n"]}

package/lib/components/Location/Location.types.d.ts

@@ -11,7 +11,7 @@ export default interface BaseLocationProps {
      */
     disabled?: boolean;
     /** Callback fired when an error occurs. This function gets called with one argument of type Error. */
-    onError?(error: Error): void;
+    onError?: (error: Error) => void;
     /** Biasing query results towards user location/preference. */
     bias?: Bias;
 }

package/lib/components/Location/Location.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Location.types.d.ts","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,iBAAiB;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,IAAI,CAAC;CACb"}
+{"version":3,"file":"Location.types.d.ts","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,CAAC,OAAO,WAAW,iBAAiB;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,IAAI,CAAC;CACb"}

package/lib/components/Location/Location.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Location.types.js","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Bias, LatLng } from './types';\n\nexport default interface BaseLocationProps {\n  /**\n   * Location in either text format (name or address) or coordinates.\n   * @default 'current'\n   */\n  location?: LatLng | string | 'current';\n  /**\n   * Flag to control 'disabled' state for input.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Callback fired when an error occurs. This function gets called with one argument of type Error. */\n  onError?(error: Error): void;\n  /** Biasing query results towards user location/preference. */\n  bias?: Bias;\n}\n"]}
+{"version":3,"file":"Location.types.js","sourceRoot":"","sources":["../../../src/components/Location/Location.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Bias, LatLng } from './types';\n\nexport default interface BaseLocationProps {\n  /**\n   * Location in either text format (name or address) or coordinates.\n   * @default 'current'\n   */\n  location?: LatLng | string | 'current';\n  /**\n   * Flag to control 'disabled' state for input.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Callback fired when an error occurs. This function gets called with one argument of type Error. */\n  onError?: (error: Error) => void;\n  /** Biasing query results towards user location/preference. */\n  bias?: Bias;\n}\n"]}

package/lib/components/Location/LocationDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocationDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,iBAAiB,EAAmB,GAAG,EAAc,MAAM,OAAO,CAAC;AAI/F,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAItD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAsD3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"LocationDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAc,MAAM,OAAO,CAAC;AAIxF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAItD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,GAAG,eAAe,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAsD3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/Location/LocationDisplay.js

@@ -1,21 +1,19 @@
-import React, { forwardRef, useContext } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
 import Text from '../Text';
 import Link from '../Link';
 import LocationView from './LocationView';
 import MapsContext from './MapsContext';
 const LocationDisplay = forwardRef(({ value = '', displayText, variant = 'text-map', height = '25rem', zoomLevel = 13, ...restProps }, ref) => {
     const { name } = useContext(MapsContext);
-    const valueString = typeof value === 'string' ? value : `${value === null || value === void 0 ? void 0 : value.latitude}, ${value === null || value === void 0 ? void 0 : value.longitude}`;
-    return !value ? (React.createElement(Text, { ref: ref, ...restProps, "aria-hidden": 'true' },
-        React.createElement("span", { "aria-hidden": 'true' }, "\u2013\u2013"))) : (React.createElement(React.Fragment, null,
-        (variant === 'text' || variant === 'text-map') &&
-            (name === 'google' ? (React.createElement(Link, { ref: ref, ...restProps, target: '_blank', rel: 'noopener noreferrer', href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(typeof value === 'string' ? value : `${value === null || value === void 0 ? void 0 : value.latitude}, ${value === null || value === void 0 ? void 0 : value.longitude}`)}` }, displayText || valueString)) : (React.createElement(Text, { ref: ref, ...restProps }, displayText || valueString))),
-        (variant === 'text-map' || variant === 'map') && (React.createElement(LocationView, { ...{
-                location: value,
-                centerMapOnChange: true,
-                height,
-                zoomLevel
-            } }))));
+    const valueString = typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`;
+    return !value ? (_jsx(Text, { ref: ref, ...restProps, "aria-hidden": 'true', children: _jsx("span", { "aria-hidden": 'true', children: "\u2013\u2013" }, void 0) }, void 0)) : (_jsxs(_Fragment, { children: [(variant === 'text' || variant === 'text-map') &&
+                (name === 'google' ? (_jsx(Link, { ref: ref, ...restProps, target: '_blank', rel: 'noopener noreferrer', href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`)}`, children: displayText || valueString }, void 0)) : (_jsx(Text, { ref: ref, ...restProps, children: displayText || valueString }, void 0))), (variant === 'text-map' || variant === 'map') && (_jsx(LocationView, { ...{
+                    location: value,
+                    centerMapOnChange: true,
+                    height,
+                    zoomLevel
+                } }, void 0))] }, void 0));
 });
 export default LocationDisplay;
 //# sourceMappingURL=LocationDisplay.js.map

package/lib/components/Location/LocationDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationDisplay.js","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2C,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/F,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AA2BxC,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EACE,KAAK,GAAG,EAAE,EACV,WAAW,EACX,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EAC0B,EACxC,GAAgC,EAChC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEzC,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,CAAC;IAEhF,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACd,oBAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,iBAAc,MAAM;QACvE,6CAAkB,MAAM,mBAAsB,CACzC,CACR,CAAC,CAAC,CAAC,CACF;QACG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,UAAU,CAAC;YAC7C,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,oBAAC,IAAI,IACH,GAAG,EAAE,GAA6B,KAC9B,SAAS,EACb,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,mDAAmD,kBAAkB,CACzE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAE,CAC9E,EAAE,IAEF,WAAW,IAAI,WAAW,CACtB,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,IAClD,WAAW,IAAI,WAAW,CACtB,CACR,CAAC;QACH,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,KAAK,CAAC,IAAI,CAChD,oBAAC,YAAY,OACP;gBACF,QAAQ,EAAE,KAAK;gBACf,iBAAiB,EAAE,IAAI;gBACvB,MAAM;gBACN,SAAS;aACV,GACD,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React, { forwardRef, FunctionComponent, PropsWithoutRef, Ref, useContext } from 'react';\n\nimport Text from '../Text';\nimport Link from '../Link';\nimport { BaseProps, ForwardProps } from '../../types';\n\nimport LocationView from './LocationView';\nimport MapsContext from './MapsContext';\nimport { LatLng } from './types';\n\nexport interface LocationDisplayProps extends BaseProps {\n  /** Location address or coordinates */\n  value?: string | LatLng;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default \"text-map\"\n   */\n  variant?: 'text-map' | 'text' | 'map';\n  /**\n   * Height of the map container.\n   * @default '25rem'\n   */\n  height?: string;\n  /**\n   * How much the map should zoom.\n   * @default 13\n   */\n  zoomLevel?: number;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\nconst LocationDisplay: FunctionComponent<LocationDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value = '',\n      displayText,\n      variant = 'text-map',\n      height = '25rem',\n      zoomLevel = 13,\n      ...restProps\n    }: PropsWithoutRef<LocationDisplayProps>,\n    ref: LocationDisplayProps['ref']\n  ) => {\n    const { name } = useContext(MapsContext);\n\n    const valueString =\n      typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`;\n\n    return !value ? (\n      <Text ref={ref as Ref<HTMLSpanElement>} {...restProps} aria-hidden='true'>\n        <span aria-hidden='true'>&ndash;&ndash;</span>\n      </Text>\n    ) : (\n      <>\n        {(variant === 'text' || variant === 'text-map') &&\n          (name === 'google' ? (\n            <Link\n              ref={ref as Ref<HTMLAnchorElement>}\n              {...restProps}\n              target='_blank'\n              rel='noopener noreferrer'\n              href={`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(\n                typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`\n              )}`}\n            >\n              {displayText || valueString}\n            </Link>\n          ) : (\n            <Text ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n              {displayText || valueString}\n            </Text>\n          ))}\n        {(variant === 'text-map' || variant === 'map') && (\n          <LocationView\n            {...{\n              location: value,\n              centerMapOnChange: true,\n              height,\n              zoomLevel\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport default LocationDisplay;\n"]}
+{"version":3,"file":"LocationDisplay.js","sourceRoot":"","sources":["../../../src/components/Location/LocationDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,UAAU,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,MAAM,SAAS,CAAC;AAG3B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AA2BxC,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EACE,KAAK,GAAG,EAAE,EACV,WAAW,EACX,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,SAAS,EAC0B,EACxC,GAAgC,EAChC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEzC,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,CAAC;IAEhF,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,iBAAc,MAAM,YACvE,8BAAkB,MAAM,qCAAsB,WACzC,CACR,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,UAAU,CAAC;gBAC7C,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IACH,GAAG,EAAE,GAA6B,KAC9B,SAAS,EACb,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,mDAAmD,kBAAkB,CACzE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,KAAK,KAAK,EAAE,SAAS,EAAE,CAC9E,EAAE,YAEF,WAAW,IAAI,WAAW,WACtB,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,GAA2B,KAAM,SAAS,YAClD,WAAW,IAAI,WAAW,WACtB,CACR,CAAC,EACH,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,KAAK,CAAC,IAAI,CAChD,KAAC,YAAY,OACP;oBACF,QAAQ,EAAE,KAAK;oBACf,iBAAiB,EAAE,IAAI;oBACvB,MAAM;oBACN,SAAS;iBACV,WACD,CACH,YACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref, useContext } from 'react';\n\nimport Text from '../Text';\nimport Link from '../Link';\nimport { BaseProps, ForwardProps } from '../../types';\n\nimport LocationView from './LocationView';\nimport MapsContext from './MapsContext';\nimport { LatLng } from './types';\n\nexport interface LocationDisplayProps extends BaseProps {\n  /** Location address or coordinates */\n  value?: string | LatLng;\n  /** The text to be displayed. */\n  displayText?: string;\n  /**\n   * Controls styling of the field.\n   * @default \"text-map\"\n   */\n  variant?: 'text-map' | 'text' | 'map';\n  /**\n   * Height of the map container.\n   * @default '25rem'\n   */\n  height?: string;\n  /**\n   * How much the map should zoom.\n   * @default 13\n   */\n  zoomLevel?: number;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement | HTMLSpanElement>;\n}\n\nconst LocationDisplay: FunctionComponent<LocationDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value = '',\n      displayText,\n      variant = 'text-map',\n      height = '25rem',\n      zoomLevel = 13,\n      ...restProps\n    }: PropsWithoutRef<LocationDisplayProps>,\n    ref: LocationDisplayProps['ref']\n  ) => {\n    const { name } = useContext(MapsContext);\n\n    const valueString =\n      typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`;\n\n    return !value ? (\n      <Text ref={ref as Ref<HTMLSpanElement>} {...restProps} aria-hidden='true'>\n        <span aria-hidden='true'>&ndash;&ndash;</span>\n      </Text>\n    ) : (\n      <>\n        {(variant === 'text' || variant === 'text-map') &&\n          (name === 'google' ? (\n            <Link\n              ref={ref as Ref<HTMLAnchorElement>}\n              {...restProps}\n              target='_blank'\n              rel='noopener noreferrer'\n              href={`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(\n                typeof value === 'string' ? value : `${value?.latitude}, ${value?.longitude}`\n              )}`}\n            >\n              {displayText || valueString}\n            </Link>\n          ) : (\n            <Text ref={ref as Ref<HTMLSpanElement>} {...restProps}>\n              {displayText || valueString}\n            </Text>\n          ))}\n        {(variant === 'text-map' || variant === 'map') && (\n          <LocationView\n            {...{\n              location: value,\n              centerMapOnChange: true,\n              height,\n              zoomLevel\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport default LocationDisplay;\n"]}

package/lib/components/Location/LocationInput.d.ts

@@ -10,10 +10,18 @@ export interface LocationInputProps extends LocationViewProps, BaseLocationProps
      * @default false
      */
     defaultToCurrentLocation?: boolean;
-    /** Location input value. Requires onChange prop to update value. */
+    /** The value of the location field. */
     value?: string;
-    /** Callback fired on every change of the location input. */
-    onChange?(value: string): void;
+    /**
+     * Callback fired on every change of the location input.
+     * The argument passed back is the component's value prop.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback fired when the control's input loses focus.
+     * The argument passed back is the component's value prop.
+     */
+    onBlur?: (value: string) => void;
     /**
      * Set to true renders the map view below input.
      * @default false
@@ -22,12 +30,12 @@ export interface LocationInputProps extends LocationViewProps, BaseLocationProps
     /** Location coordinates used for the map view. */
     location?: LatLng | string;
     /** Callback fired when user chooses location from the dropdown of suggestions or submits input value. */
-    onSelect?(value: {
+    onSelect?: (value: {
         name: string;
         address?: string;
         latitude?: number;
         longitude?: number;
-    }): void;
+    }) => void;
 }
 declare const LocationInput: FC<LocationInputProps & ForwardProps>;
 export default LocationInput;

package/lib/components/Location/LocationInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocationInput.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EAQH,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAOtD,OAAO,iBAAiB,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAqB,EAAE,iBAAiB,EAAsB,MAAM,gBAAgB,CAAC;AAErF,MAAM,WAAW,kBACf,SAAQ,iBAAiB,EACvB,iBAAiB,EACjB,SAAS,EACT,gBAAgB;IAClB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yGAAyG;IACzG,QAAQ,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACnG;AASD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CA8IxD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"LocationInput.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EAQH,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAOtD,OAAO,iBAAiB,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAqB,EAAE,iBAAiB,EAAsB,MAAM,gBAAgB,CAAC;AAErF,MAAM,WAAW,kBACf,SAAQ,iBAAiB,EACvB,iBAAiB,EACjB,SAAS,EACT,gBAAgB;IAClB;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yGAAyG;IACzG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;CACZ;AASD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAqJxD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Location/LocationInput.js

@@ -1,4 +1,5 @@
-import React, { forwardRef, useCallback, useContext, useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import ComboBox from '../ComboBox';
 import { useI18n } from '../../hooks';
@@ -17,15 +18,16 @@ const StyledLocationMap = styled.div `
   }
 `;
 const LocationInput = forwardRef((props, ref) => {
-    const { label, labelHidden, id = createUID(), location = '', value = '', info, status, required, readOnly, disabled, onSelect, onError, onChange, bias, showMap, defaultToCurrentLocation, centerMapOnChange, height, zoomLevel, onClick, ...restProps } = props;
+    const { label, labelHidden, id = createUID(), location = '', value = '', info, status, required, readOnly, disabled, onSelect, onError, onChange, bias, showMap, defaultToCurrentLocation, centerMapOnChange, height, zoomLevel, onClick, onBlur, ...restProps } = props;
     const { name, ...providerOpts } = useContext(MapsContext);
     const t = useI18n();
     const [placePredictionMenu, setPlacePredictionMenu] = useState({ items: [] });
+    const [filterValue, setFilterValue] = useState('');
     useEffect(() => {
-        const mapApiPromise = loadMapsAPI(name, providerOpts).catch(error => onError === null || onError === void 0 ? void 0 : onError(error));
-        if (value) {
+        const mapApiPromise = loadMapsAPI(name, providerOpts).catch(error => onError?.(error));
+        if (filterValue) {
             mapApiPromise
-                .then(() => getPlacePredictions(value, bias))
+                .then(() => getPlacePredictions(filterValue, bias))
                 .then(({ placePredictions, token }) => {
                 setPlacePredictionMenu({
                     items: placePredictions.map(item => ({
@@ -34,62 +36,62 @@ const LocationInput = forwardRef((props, ref) => {
                         secondary: [item.structured_formatting.secondary_text]
                     })),
                     emptyText: t('location_not_found_text'),
-                    onItemClick: itemId => getPlaceById(itemId, token).then(onSelect)
+                    onItemClick: itemId => getPlaceById(itemId, token).then(arg => {
+                        setFilterValue('');
+                        onSelect?.(arg);
+                    })
                 });
             })
                 .catch(error => {
                 setPlacePredictionMenu({ items: [] });
-                onError === null || onError === void 0 ? void 0 : onError(error);
+                onError?.(error);
             });
         }
         else {
             setPlacePredictionMenu({ items: [] });
         }
-    }, [value, bias, onError, onSelect]);
-    const onInputChange = useCallback((ev) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(ev.target.value);
+    }, [filterValue, bias, onError, onSelect]);
+    const onInputChange = useCallback((e) => {
+        setFilterValue(e.target.value);
+        onChange?.(e.target.value);
     }, [onChange]);
-    const onInputSubmit = useCallback((text) => {
-        if (placePredictionMenu.items.length) {
-            getPlaceById(placePredictionMenu.items[0].id).then(onSelect);
-        }
-        else {
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect({ name: text });
-        }
-    }, [onSelect, placePredictionMenu]);
     const onMapClick = useCallback((placeInfo) => {
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(placeInfo);
-        onClick === null || onClick === void 0 ? void 0 : onClick(placeInfo);
+        onSelect?.(placeInfo);
+        onClick?.(placeInfo);
     }, [onSelect, onClick]);
-    const Comp = (React.createElement(React.Fragment, null,
-        React.createElement(ComboBox, { placeholder: t('location_input_placeholder'), menu: {
-                ...placePredictionMenu,
-                mode: 'action',
-                emptyText: value ? t('location_not_found_text') : undefined,
-                footer: !showMap && (React.createElement(Flex, { container: { justify: 'end' } },
-                    React.createElement(PoweredByGoogleImage, null)))
-            }, actions: !disabled &&
-                !readOnly && (React.createElement(CurrentLocationButton, { ...{ defaultToCurrentLocation, onError, onChange: onSelect } })), onChange: onInputChange, selected: { onNew: onInputSubmit }, ...{
-                value,
-                required,
-                disabled,
-                readOnly,
-                status,
-                ...restProps
-            } }),
-        showMap && (React.createElement(StyledLocationMap, null,
-            React.createElement(LocationView, { ...{
-                    location,
-                    onClick: onMapClick,
-                    onError,
-                    bias,
+    const Comp = (_jsxs(_Fragment, { children: [_jsx(ComboBox, { placeholder: t('location_input_placeholder'), menu: filterValue
+                    ? {
+                        ...placePredictionMenu,
+                        items: placePredictionMenu.items.concat({
+                            id: createUID(),
+                            primary: t('use_input_value', [filterValue])
+                        }),
+                        mode: 'action',
+                        emptyText: t('location_not_found_text'),
+                        footer: !showMap && (_jsx(Flex, { container: { justify: 'end' }, children: _jsx(PoweredByGoogleImage, {}, void 0) }, void 0))
+                    }
+                    : undefined, actions: !disabled &&
+                    !readOnly && (_jsx(CurrentLocationButton, { ...{ defaultToCurrentLocation, onError, onChange: onSelect } }, void 0)), onChange: onInputChange, onBlur: () => {
+                    setFilterValue('');
+                    onBlur?.(value);
+                }, value: value, ...{
+                    required,
                     disabled,
                     readOnly,
-                    centerMapOnChange,
-                    height,
-                    zoomLevel
-                } })))));
-    return label ? (React.createElement(FormField, { ...{ label, labelHidden, id, info, status, ref, required, disabled } }, Comp)) : (Comp);
+                    status,
+                    ...restProps
+                } }, void 0), showMap && (_jsx(StyledLocationMap, { children: _jsx(LocationView, { ...{
+                        location,
+                        onClick: onMapClick,
+                        onError,
+                        bias,
+                        disabled,
+                        readOnly,
+                        centerMapOnChange,
+                        height,
+                        zoomLevel
+                    } }, void 0) }, void 0))] }, void 0));
+    return label ? (_jsx(FormField, { ...{ label, labelHidden, id, info, status, ref, required, disabled }, children: Comp }, void 0)) : (Comp);
 });
 export default LocationInput;
 //# sourceMappingURL=LocationInput.js.map

package/lib/components/Location/LocationInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationInput.js","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  ChangeEvent,\n  FC,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useCallback,\n  useContext,\n  useEffect,\n  useState\n} from 'react';\nimport styled from 'styled-components';\n\nimport ComboBox from '../ComboBox';\nimport { MenuProps } from '../Menu';\nimport { useI18n } from '../../hooks';\nimport { createUID } from '../../utils/utils';\nimport FormField from '../FormField';\nimport { FormControlProps } from '../FormControl';\nimport { BaseProps, ForwardProps } from '../../types';\nimport Flex from '../Flex';\n\nimport PoweredByGoogleImage from './PoweredByGoogleImage';\nimport CurrentLocationButton from './CurrentLocationButton';\nimport MapsContext from './MapsContext';\nimport { getPlaceById, getPlacePredictions, loadMapsAPI } from './utils';\nimport BaseLocationProps from './Location.types';\nimport { LatLng } from './types';\nimport LocationView, { LocationViewProps, StyledLocationView } from './LocationView';\n\nexport interface LocationInputProps\n  extends LocationViewProps,\n    BaseLocationProps,\n    BaseProps,\n    FormControlProps {\n  /**\n   * Get user current location on component first render.\n   * @default false\n   */\n  defaultToCurrentLocation?: boolean;\n  /** Location input value. Requires onChange prop to update value. */\n  value?: string;\n  /** Callback fired on every change of the location input. */\n  onChange?(value: string): void;\n  /**\n   * Set to true renders the map view below input.\n   * @default false\n   */\n  showMap?: boolean;\n  /** Location coordinates used for the map view. */\n  location?: LatLng | string;\n  /** Callback fired when user chooses location from the dropdown of suggestions or submits input value. */\n  onSelect?(value: { name: string; address?: string; latitude?: number; longitude?: number }): void;\n}\n\nconst StyledLocationMap = styled.div`\n  ${StyledLocationView} {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n`;\n\nconst LocationInput: FC<LocationInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<LocationInputProps>, ref: Ref<HTMLInputElement>) => {\n    const {\n      label,\n      labelHidden,\n      id = createUID(),\n      location = '',\n      value = '',\n      info,\n      status,\n      required,\n      readOnly,\n      disabled,\n      onSelect,\n      onError,\n      onChange,\n      bias,\n      showMap,\n      defaultToCurrentLocation,\n      centerMapOnChange,\n      height,\n      zoomLevel,\n      onClick,\n      ...restProps\n    } = props;\n    const { name, ...providerOpts } = useContext(MapsContext);\n    const t = useI18n();\n    const [placePredictionMenu, setPlacePredictionMenu] = useState<MenuProps>({ items: [] });\n\n    useEffect(() => {\n      const mapApiPromise = loadMapsAPI(name, providerOpts).catch(error => onError?.(error));\n\n      if (value) {\n        mapApiPromise\n          .then(() => getPlacePredictions(value, bias))\n          .then(({ placePredictions, token }) => {\n            setPlacePredictionMenu({\n              items: placePredictions.map(item => ({\n                id: item.place_id,\n                primary: item.structured_formatting.main_text,\n                secondary: [item.structured_formatting.secondary_text]\n              })),\n              emptyText: t('location_not_found_text'),\n              onItemClick: itemId => getPlaceById(itemId, token).then(onSelect)\n            });\n          })\n          .catch(error => {\n            setPlacePredictionMenu({ items: [] });\n            onError?.(error);\n          });\n      } else {\n        setPlacePredictionMenu({ items: [] });\n      }\n    }, [value, bias, onError, onSelect]);\n\n    const onInputChange = useCallback(\n      (ev: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(ev.target.value);\n      },\n      [onChange]\n    );\n\n    const onInputSubmit = useCallback(\n      (text: string) => {\n        if (placePredictionMenu.items.length) {\n          getPlaceById(placePredictionMenu.items[0].id).then(onSelect);\n        } else {\n          onSelect?.({ name: text });\n        }\n      },\n      [onSelect, placePredictionMenu]\n    );\n\n    const onMapClick = useCallback(\n      (placeInfo: { latitude: number; longitude: number; name: string; address?: string }) => {\n        onSelect?.(placeInfo);\n        onClick?.(placeInfo);\n      },\n      [onSelect, onClick]\n    );\n\n    const Comp = (\n      <>\n        <ComboBox\n          placeholder={t('location_input_placeholder')}\n          menu={{\n            ...placePredictionMenu,\n            mode: 'action',\n            emptyText: value ? t('location_not_found_text') : undefined,\n            footer: !showMap && (\n              <Flex container={{ justify: 'end' }}>\n                <PoweredByGoogleImage />\n              </Flex>\n            )\n          }}\n          actions={\n            !disabled &&\n            !readOnly && (\n              <CurrentLocationButton\n                {...{ defaultToCurrentLocation, onError, onChange: onSelect }}\n              />\n            )\n          }\n          onChange={onInputChange}\n          selected={{ onNew: onInputSubmit }}\n          {...{\n            value,\n            required,\n            disabled,\n            readOnly,\n            status,\n            ...restProps\n          }}\n        />\n        {showMap && (\n          <StyledLocationMap>\n            <LocationView\n              {...{\n                location,\n                onClick: onMapClick,\n                onError,\n                bias,\n                disabled,\n                readOnly,\n                centerMapOnChange,\n                height,\n                zoomLevel\n              }}\n            />\n          </StyledLocationMap>\n        )}\n      </>\n    );\n\n    return label ? (\n      <FormField {...{ label, labelHidden, id, info, status, ref, required, disabled }}>\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default LocationInput;\n"]}
+{"version":3,"file":"LocationInput.js","sourceRoot":"","sources":["../../../src/components/Location/LocationInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeEvent,\n  FC,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useCallback,\n  useContext,\n  useEffect,\n  useState\n} from 'react';\nimport styled from 'styled-components';\n\nimport ComboBox from '../ComboBox';\nimport { MenuProps } from '../Menu';\nimport { useI18n } from '../../hooks';\nimport { createUID } from '../../utils/utils';\nimport FormField from '../FormField';\nimport { FormControlProps } from '../FormControl';\nimport { BaseProps, ForwardProps } from '../../types';\nimport Flex from '../Flex';\n\nimport PoweredByGoogleImage from './PoweredByGoogleImage';\nimport CurrentLocationButton from './CurrentLocationButton';\nimport MapsContext from './MapsContext';\nimport { getPlaceById, getPlacePredictions, loadMapsAPI } from './utils';\nimport BaseLocationProps from './Location.types';\nimport { LatLng } from './types';\nimport LocationView, { LocationViewProps, StyledLocationView } from './LocationView';\n\nexport interface LocationInputProps\n  extends LocationViewProps,\n    BaseLocationProps,\n    BaseProps,\n    FormControlProps {\n  /**\n   * Get user current location on component first render.\n   * @default false\n   */\n  defaultToCurrentLocation?: boolean;\n  /** The value of the location field. */\n  value?: string;\n  /**\n   * Callback fired on every change of the location input.\n   * The argument passed back is the component's value prop.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Callback fired when the control's input loses focus.\n   * The argument passed back is the component's value prop.\n   */\n  onBlur?: (value: string) => void;\n  /**\n   * Set to true renders the map view below input.\n   * @default false\n   */\n  showMap?: boolean;\n  /** Location coordinates used for the map view. */\n  location?: LatLng | string;\n  /** Callback fired when user chooses location from the dropdown of suggestions or submits input value. */\n  onSelect?: (value: {\n    name: string;\n    address?: string;\n    latitude?: number;\n    longitude?: number;\n  }) => void;\n}\n\nconst StyledLocationMap = styled.div`\n  ${StyledLocationView} {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n`;\n\nconst LocationInput: FC<LocationInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<LocationInputProps>, ref: Ref<HTMLInputElement>) => {\n    const {\n      label,\n      labelHidden,\n      id = createUID(),\n      location = '',\n      value = '',\n      info,\n      status,\n      required,\n      readOnly,\n      disabled,\n      onSelect,\n      onError,\n      onChange,\n      bias,\n      showMap,\n      defaultToCurrentLocation,\n      centerMapOnChange,\n      height,\n      zoomLevel,\n      onClick,\n      onBlur,\n      ...restProps\n    } = props;\n    const { name, ...providerOpts } = useContext(MapsContext);\n    const t = useI18n();\n    const [placePredictionMenu, setPlacePredictionMenu] = useState<MenuProps>({ items: [] });\n    const [filterValue, setFilterValue] = useState('');\n\n    useEffect(() => {\n      const mapApiPromise = loadMapsAPI(name, providerOpts).catch(error => onError?.(error));\n\n      if (filterValue) {\n        mapApiPromise\n          .then(() => getPlacePredictions(filterValue, bias))\n          .then(({ placePredictions, token }) => {\n            setPlacePredictionMenu({\n              items: placePredictions.map(item => ({\n                id: item.place_id,\n                primary: item.structured_formatting.main_text,\n                secondary: [item.structured_formatting.secondary_text]\n              })),\n              emptyText: t('location_not_found_text'),\n              onItemClick: itemId =>\n                getPlaceById(itemId, token).then(arg => {\n                  setFilterValue('');\n                  onSelect?.(arg);\n                })\n            });\n          })\n          .catch(error => {\n            setPlacePredictionMenu({ items: [] });\n            onError?.(error);\n          });\n      } else {\n        setPlacePredictionMenu({ items: [] });\n      }\n    }, [filterValue, bias, onError, onSelect]);\n\n    const onInputChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        setFilterValue(e.target.value);\n        onChange?.(e.target.value);\n      },\n      [onChange]\n    );\n\n    const onMapClick = useCallback(\n      (placeInfo: { latitude: number; longitude: number; name: string; address?: string }) => {\n        onSelect?.(placeInfo);\n        onClick?.(placeInfo);\n      },\n      [onSelect, onClick]\n    );\n\n    const Comp = (\n      <>\n        <ComboBox\n          placeholder={t('location_input_placeholder')}\n          menu={\n            filterValue\n              ? {\n                  ...placePredictionMenu,\n                  items: placePredictionMenu.items.concat({\n                    id: createUID(),\n                    primary: t('use_input_value', [filterValue])\n                  }),\n                  mode: 'action',\n                  emptyText: t('location_not_found_text'),\n                  footer: !showMap && (\n                    <Flex container={{ justify: 'end' }}>\n                      <PoweredByGoogleImage />\n                    </Flex>\n                  )\n                }\n              : undefined\n          }\n          actions={\n            !disabled &&\n            !readOnly && (\n              <CurrentLocationButton\n                {...{ defaultToCurrentLocation, onError, onChange: onSelect }}\n              />\n            )\n          }\n          onChange={onInputChange}\n          onBlur={() => {\n            setFilterValue('');\n            onBlur?.(value);\n          }}\n          value={value}\n          {...{\n            required,\n            disabled,\n            readOnly,\n            status,\n            ...restProps\n          }}\n        />\n        {showMap && (\n          <StyledLocationMap>\n            <LocationView\n              {...{\n                location,\n                onClick: onMapClick,\n                onError,\n                bias,\n                disabled,\n                readOnly,\n                centerMapOnChange,\n                height,\n                zoomLevel\n              }}\n            />\n          </StyledLocationMap>\n        )}\n      </>\n    );\n\n    return label ? (\n      <FormField {...{ label, labelHidden, id, info, status, ref, required, disabled }}>\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default LocationInput;\n"]}

package/lib/components/Location/LocationView.d.ts

@@ -28,12 +28,12 @@ export interface LocationViewProps extends BaseLocationProps, BaseProps {
      */
     zoomLevel?: number;
     /** Callback fired when user clicks on a location on the map. This function will be passed the coordinates of the location that was clicked. */
-    onClick?(coords: {
+    onClick?: (coords: {
         latitude: number;
         longitude: number;
         name: string;
         address?: string;
-    }): void;
+    }) => void;
 }
 declare const LocationView: FC<LocationViewProps>;
 export default LocationView;

package/lib/components/Location/LocationView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocationView.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAgD,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,OAAO,iBAAiB,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,mBAAmB,yGAK/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;SAW7B,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,SAAS;IACrE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+IAA+I;IAC/I,OAAO,CAAC,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACjG;AAQD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4GvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"LocationView.d.ts","sourceRoot":"","sources":["../../../src/components/Location/LocationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAgD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,OAAO,iBAAiB,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,mBAAmB,yGAK/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;SAW7B,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,SAAS;IACrE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+IAA+I;IAC/I,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,KAAK,IAAI,CAAC;CACZ;AAQD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4GvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Location/LocationView.js

@@ -1,4 +1,5 @@
-import React, { useContext, useRef, useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useRef, useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
 import { defaultThemeProp } from '../../theme';
 import { hasProp } from '../../utils';
@@ -55,7 +56,6 @@ const LocationView = (props) => {
     const map = useRef();
     const marker = useRef();
     function initialize() {
-        var _a;
         if (mapElemRef.current) {
             const position = toGoogleLatLng({ latitude: 0, longitude: 0 });
             map.current = new google.maps.Map(mapElemRef.current, {
@@ -67,11 +67,11 @@ const LocationView = (props) => {
                 map: map.current,
                 position
             });
-            (_a = marker.current) === null || _a === void 0 ? void 0 : _a.setVisible(false);
+            marker.current?.setVisible(false);
             if (onClick)
                 map.current.addListener('click', event => {
                     if (hasProp(event, 'placeId')) {
-                        getPlaceById(event.placeId).then(placeInfo => onClick === null || onClick === void 0 ? void 0 : onClick({
+                        getPlaceById(event.placeId).then(placeInfo => onClick?.({
                             ...placeInfo,
                             latitude: event.latLng.lat(),
                             longitude: event.latLng.lng()
@@ -92,7 +92,7 @@ const LocationView = (props) => {
             .catch((error) => {
             setStatus(LoadStatus.Error);
             setEMessage(error.message);
-            onError === null || onError === void 0 ? void 0 : onError(error);
+            onError?.(error);
         });
         return () => {
             unMounted = true;
@@ -103,14 +103,13 @@ const LocationView = (props) => {
     useEffect(() => {
         getCoords(location)
             .then(coords => {
-            var _a, _b;
             if (map.current) {
                 map.current.setOptions({
                     zoom: zoomLevel,
                     draggable: !disabled
                 });
-                (_a = marker.current) === null || _a === void 0 ? void 0 : _a.setPosition(toGoogleLatLng(coords));
-                (_b = marker.current) === null || _b === void 0 ? void 0 : _b.setVisible(true);
+                marker.current?.setPosition(toGoogleLatLng(coords));
+                marker.current?.setVisible(true);
                 if (centerMapOnChange)
                     map.current.setCenter(toGoogleLatLng(coords));
                 if (status !== LoadStatus.Ready)
@@ -118,18 +117,14 @@ const LocationView = (props) => {
             }
         })
             .catch((error) => {
-            var _a;
             if (status !== LoadStatus.Error)
                 setStatus(LoadStatus.Error);
-            (_a = marker.current) === null || _a === void 0 ? void 0 : _a.setVisible(false);
+            marker.current?.setVisible(false);
             setEMessage(error.message);
-            onError === null || onError === void 0 ? void 0 : onError(error);
+            onError?.(error);
         });
     }, [location, status, zoomLevel, disabled, centerMapOnChange, onError]);
-    return (React.createElement(StyledLocationView, { height: height },
-        React.createElement(Flex, { as: StyledMap, ref: mapElemRef, height: height, disabled: disabled, status: status, eMessage: eMessage, ...restProps }),
-        status === LoadStatus.Init && React.createElement(Progress, { placement: 'local' }),
-        status === LoadStatus.Error && eMessage && (React.createElement(Status, { as: StyledLocationError, "aria-label": eMessage, variant: 'info' }, eMessage))));
+    return (_jsxs(StyledLocationView, { height: height, children: [_jsx(Flex, { as: StyledMap, ref: mapElemRef, height: height, disabled: disabled, status: status, eMessage: eMessage, ...restProps }, void 0), status === LoadStatus.Init && _jsx(Progress, { placement: 'local' }, void 0), status === LoadStatus.Error && eMessage && (_jsx(Status, { as: StyledLocationError, "aria-label": eMessage, variant: 'info', children: eMessage }, void 0))] }, void 0));
 };
 export default LocationView;
 //# sourceMappingURL=LocationView.js.map