@redneckz/wildless-cms-uni-blocks 0.6.40 → 0.6.42

package/src/ui-kit/Location/Location.fixture.tsx

@@ -0,0 +1,81 @@
+import { Picture } from '../../model/Picture';
+import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
+import '../../setup-fixture';
+import { Location } from './Location';
+
+const belarus: Picture = {
+  src: 'belarus.png',
+  format: 'webp',
+  size: {
+    width: 24,
+    height: 24,
+  },
+};
+
+const kazakhstan: Picture = {
+  src: 'kazakhstan.png',
+  format: 'webp',
+  size: {
+    width: 24,
+    height: 24,
+  },
+};
+
+const armenia: Picture = {
+  src: 'armenia.png',
+  format: 'webp',
+  size: {
+    width: 24,
+    height: 24,
+  },
+};
+
+const china: Picture = {
+  src: 'china.png',
+  format: 'webp',
+  size: {
+    width: 24,
+    height: 24,
+  },
+};
+
+const FOREIGN_OFFICES: ForeignOffice[] = [
+  {
+    text: 'Республика Беларусь',
+    href: '#',
+    icon: belarus,
+  },
+  {
+    text: 'Республика Казахстан',
+    href: '#',
+    icon: kazakhstan,
+  },
+  {
+    text: 'Республика Армения',
+    href: '#',
+    icon: armenia,
+  },
+  {
+    text: 'Китайская Народная Республика',
+    href: '#',
+    icon: china,
+  },
+];
+
+const close = () => ({});
+const onChangeLocation = () => ({});
+
+const currentLocation = {
+  name: 'Москва',
+};
+
+export default {
+  default: (
+    <Location
+      close={close}
+      onChangeLocation={onChangeLocation}
+      currentLocation={currentLocation}
+      foreignOffices={FOREIGN_OFFICES}
+    />
+  ),
+};

package/src/ui-kit/Location/Location.tsx

@@ -0,0 +1,168 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useLink } from '../../hooks/useLink';
+import type { Region } from '../../hooks/useRegions';
+import { useRegions } from '../../hooks/useRegions';
+import { useSearch } from '../../hooks/useSearch';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
+import { Text } from '../../ui-kit/Text/Text';
+import { groupBy } from '../../utils/groupBy';
+import { Img } from '../Img/Img';
+import { SearchBar } from './SearchBar';
+
+const SEARCH_TERM_MIN_LENGTH = 3;
+
+interface RegionLinkProps {
+  onChangeLocation?: (region: Region) => void;
+}
+
+interface CloseButtonProps {
+  close?: () => void;
+}
+
+interface CurrentLocationProps {
+  currentLocation?: Region;
+}
+
+interface ForeignOfficeProps {
+  foreignOffices?: ForeignOffice[];
+}
+
+export type LocationProps = ForeignOfficeProps &
+  CloseButtonProps &
+  RegionLinkProps &
+  CurrentLocationProps &
+  UniBlockProps;
+
+export const Location = JSX<LocationProps>(
+  ({ currentLocation, onChangeLocation, close, foreignOffices }) => {
+    const { term, setTerm } = useSearch();
+
+    const handleSearch = useCallback((_: string) => setTerm(_), []);
+
+    const regions: Region[] = cleanUpRegions(useRegions()).sort((a, b) =>
+      a.name.localeCompare(b.name),
+    );
+    const regionsGroupByLetter: Map<string, Region[]> = groupBy(regions, regionFirstLetter);
+
+    return (
+      <div className="absolute h-full w-full inset-0 bg-white text-l-light z-50">
+        <CloseButton close={close} />
+        <div className="container py-12">
+          <CurrentLocation currentLocation={currentLocation} />
+          <SearchBar onSearch={handleSearch} searchTerm={term} className="mb-7" />
+
+          {term && term.length >= SEARCH_TERM_MIN_LENGTH ? (
+            <div>
+              {regions
+                .filter((region) => region.name?.startsWith(term))
+                .map(renderRegion({ onChangeLocation, close }))}
+            </div>
+          ) : (
+            <div className="columns-5">
+              {Array.from(regionsGroupByLetter.entries()).map(
+                renderRegionGroup({ onChangeLocation, close }),
+              )}
+            </div>
+          )}
+
+          <ForeignOffices foreignOffices={foreignOffices} />
+        </div>
+      </div>
+    );
+  },
+);
+
+const regionFirstLetter = (region: Region) => region.name?.charAt(0) || '';
+
+const cleanUpRegions = (regions: Region[]) =>
+  regions.map((region) => ({
+    ...region,
+    name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
+  }));
+
+const CurrentLocation = JSX<CurrentLocationProps>(({ currentLocation }) =>
+  currentLocation ? (
+    <div className="mb-4">
+      <Text size="text-l" font="font-light">
+        Сейчас выбран:&nbsp;
+      </Text>
+      <button className="cursor-pointer" onClick={close}>
+        <Text color="text-green">{currentLocation.name}</Text>
+      </button>
+    </div>
+  ) : null,
+);
+
+const CloseButton = JSX<CloseButtonProps>(({ close }) => (
+  <button
+    className="visible peer-placeholder-shown:invisible absolute top-6 right-6 w-6 h-6 p-1 bg-transparent cursor-pointer border-none"
+    onClick={(e) => {
+      e.preventDefault();
+      close && close();
+    }}
+  >
+    <Img image="CloseIcon" width="24" height="24" />
+  </button>
+));
+
+const renderRegionGroup =
+  ({ onChangeLocation, close }: RegionLinkProps & CloseButtonProps) =>
+  ([letter, regions]: [string, Region[]]) =>
+    (
+      <div key={letter} className="break-inside-avoid mb-7 w-[224px]">
+        <div className="mb-2.5">
+          <Text size="text-h6">{letter}</Text>
+        </div>
+        {regions.map(renderRegion({ onChangeLocation, close }))}
+      </div>
+    );
+
+const renderRegion =
+  ({ onChangeLocation, close }: RegionLinkProps & CloseButtonProps) =>
+  (region: Region) =>
+    (
+      <div key={region.id} className="mb-1">
+        <button
+          className="cursor-pointer hover:text-primary-hover"
+          onClick={() => {
+            onChangeLocation && onChangeLocation(region);
+            close && close();
+          }}
+        >
+          {region.name}
+        </button>
+      </div>
+    );
+
+const ForeignOffices = JSX<ForeignOfficeProps>(({ foreignOffices }) =>
+  foreignOffices?.length ? (
+    <div className="border-t border-main-divider mt-7 pt-7">
+      <div className="mb-4">
+        <Text size="text-m-light" color="text-secondary-text">
+          Представительства за рубежом:
+        </Text>
+      </div>
+      <div className="flex gap-10">
+        {foreignOffices.map((office, i: number) => (
+          <ForeignOffice key={String(i)} {...office} />
+        ))}
+      </div>
+    </div>
+  ) : null,
+);
+
+const ForeignOffice = JSX<ForeignOffice>(({ icon, ...rest }) => {
+  const link = useLink();
+  const { text, target, href, onClick } = link(rest);
+
+  return (
+    <div className="flex gap-x-3">
+      <Img image={icon} />
+      <a className="hover:text-primary-hover" href={href} target={target} onClick={onClick}>
+        {text}
+      </a>
+    </div>
+  );
+});

package/src/ui-kit/Location/SearchBar.tsx

@@ -0,0 +1,30 @@
+import { JSX } from '@redneckz/uni-jsx';
+
+export interface SearchBarInnerProps {
+  className?: string;
+  searchTerm?: string;
+  onSearch: (_: string) => void;
+}
+
+export const SearchBar = JSX<SearchBarInnerProps>(({ className, searchTerm, onSearch }) => {
+  return (
+    <form className={`font-sans relative ${className}`}>
+      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
+        {searchTerm ? null : (
+          <label htmlFor="search-bar-input" className={`text-secondary-text `}>
+            Поиск по филиалам
+          </label>
+        )}
+      </div>
+      <input
+        id="search-bar-input"
+        className={`h-12 pl-4 w-full peer text-l text-black border border-solid rounded-md box-border
+              outline-none border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text`}
+        value={searchTerm}
+        onChange={(e) => onSearch(e.target.value as string)}
+        type="text"
+        name="location-search-bar-input"
+      />
+    </form>
+  );
+});

package/src/ui-kit/Logo/Logo.mobile.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BgColorVersion } from '../../model/BgColorVersion';
-import { Img } from '../Img/Img';
+import type { LogoType } from '../../model/LogoType';
+import { renderImage } from './renderImage';
+import { renderTitle } from './renderTitle';
 
 export interface LogoProps {
   className: string;
@@ -8,44 +9,28 @@ export interface LogoProps {
   targetBlank: boolean;
   bgColor?: string;
   showTitle?: boolean;
+  logo?: LogoType;
 }
 
-const ICON_VERSION_MAP: Record<BgColorVersion, string> = {
-  'bg-white': 'color',
-  transparent: 'white',
-};
-
-const SVG_COLOR: Record<BgColorVersion, string> = {
-  'bg-white': 'text-primary-main',
-  transparent: 'text-white',
-};
-
-const TEXT_COLOR: Record<BgColorVersion, string> = {
-  'bg-white': 'text-black',
-  transparent: 'text-white',
-};
-
 export const Logo = JSX<Partial<LogoProps>>(
-  ({ className = '', href, children, targetBlank, bgColor = 'bg-white', showTitle = true }) => {
+  ({
+    bgColor = 'bg-white',
+    children,
+    className = '',
+    href,
+    logo,
+    showTitle = true,
+    targetBlank,
+  }) => {
     return (
       <a
         className={`inline-flex items-center font-sans no-underline ${className}`}
         href={href || 'https://rshb.ru/'}
         target={targetBlank ? '_blank' : '_self'}
-        aria-label="Россельхозбанк"
+        aria-label={logo?.title || 'Россельхозбанк'}
       >
-        <Img
-          image={{ icon: 'LogoIcon', iconVersion: ICON_VERSION_MAP[bgColor] }}
-          className={`${SVG_COLOR[bgColor]}`}
-          width="34"
-          height="34"
-          asSVG
-        />
-        {showTitle ? (
-          <span className={`${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`}>
-            {children || 'Россельхозбанк'}
-          </span>
-        ) : null}
+        {renderImage(bgColor, logo?.image, { width: '34', height: '34' })}
+        {showTitle ? renderTitle(children || logo?.title, bgColor, 'text-s') : null}
       </a>
     );
   },

package/src/ui-kit/Logo/Logo.tsx

@@ -1,8 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BgColorVersion } from '../../model/BgColorVersion';
-import type { Picture } from '../../model/Picture';
-import type { VNode } from '../../model/VNode';
-import { Img } from '../Img/Img';
+import type { LogoType } from '../../model/LogoType';
+import { renderImage } from './renderImage';
+import { renderTitle } from './renderTitle';
 
 export interface LogoProps {
   className: string;
@@ -10,26 +9,9 @@ export interface LogoProps {
   targetBlank: boolean;
   bgColor?: string;
   showTitle?: boolean;
-  logo?: {
-    image?: Picture;
-    title?: string;
-  };
+  logo?: LogoType;
 }
 
-const ICON_VERSION_MAP: Record<BgColorVersion, string> = {
-  'bg-white': 'color',
-  transparent: 'white',
-};
-
-const SVG_COLOR: Record<BgColorVersion, string> = {
-  'bg-white': 'text-primary-main',
-  transparent: 'text-white',
-};
-const TEXT_COLOR: Record<BgColorVersion, string> = {
-  'bg-white': 'text-primary-text',
-  transparent: 'text-white',
-};
-
 export const Logo = JSX<Partial<LogoProps>>(
   ({
     className = '',
@@ -47,28 +29,9 @@ export const Logo = JSX<Partial<LogoProps>>(
         target={targetBlank ? '_blank' : '_self'}
         aria-label={logo?.title || 'Россельхозбанк'}
       >
-        {logo?.image?.src ? (
-          <Img image={logo.image} className={SVG_COLOR[bgColor]} width="40" height="45" asSVG />
-        ) : (
-          <Img
-            image={{
-              icon: logo?.image?.icon || 'LogoIcon',
-              iconVersion: ICON_VERSION_MAP[bgColor],
-            }}
-            className={`${SVG_COLOR[bgColor]} w-10`}
-            width="40"
-            height="45"
-            asSVG
-          />
-        )}
-        {showTitle ? renderTitle(children, bgColor, logo?.title) : null}
+        {renderImage(bgColor, logo?.image, { width: '40', height: '45' })}
+        {showTitle ? renderTitle(children || logo?.title, bgColor) : null}
       </a>
     );
   },
 );
-
-const renderTitle = (children: VNode, bgColor: string, title?: string) => {
-  const text = children || title || 'Россельхозбанк';
-
-  return <span className={`${TEXT_COLOR[bgColor]} font-medium ml-2.5`}>{text}</span>;
-};

package/src/ui-kit/Logo/renderImage.tsx

@@ -0,0 +1,40 @@
+import { BgColorVersion } from '../../model/BgColorVersion';
+import type { Picture } from '../../model/Picture';
+import { Img } from '../Img/Img';
+
+const ICON_VERSION_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'color',
+  transparent: 'white',
+};
+
+const SVG_COLOR: Record<BgColorVersion, string> = {
+  'bg-white': 'text-primary-main',
+  transparent: 'text-white',
+};
+
+export const renderImage = (
+  bgColor: string,
+  image?: Picture,
+  size?: { width: string; height: string },
+) => {
+  return image?.src ? (
+    <Img
+      image={image}
+      className={SVG_COLOR[bgColor]}
+      width={size?.width}
+      height={size?.height}
+      asSVG
+    />
+  ) : (
+    <Img
+      image={{
+        icon: image?.icon || 'LogoIcon',
+        iconVersion: ICON_VERSION_MAP[bgColor],
+      }}
+      className={SVG_COLOR[bgColor]}
+      width={size?.width}
+      height={size?.height}
+      asSVG
+    />
+  );
+};

package/src/ui-kit/Logo/renderTitle.tsx

@@ -0,0 +1,15 @@
+import type { BgColorVersion } from '../../model/BgColorVersion';
+import type { VNode } from '../../model/VNode';
+
+const TEXT_COLOR: Record<BgColorVersion, string> = {
+  'bg-white': 'text-primary-text',
+  transparent: 'text-white',
+};
+
+export const renderTitle = (title: VNode, bgColor: string, className?: string) => {
+  return (
+    <span className={`${TEXT_COLOR[bgColor]} ml-2.5 font-medium ${className || ''}`}>
+      {title || 'Россельхозбанк'}
+    </span>
+  );
+};

package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx

@@ -29,7 +29,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
     className = '',
     containerRef,
     activeIndex,
-    visibleItemCount,
+    visibleItemCount = 0,
     gap = 0,
     padding = 0,
     snapAlign = 'snap-center',
@@ -54,11 +54,15 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
       },
       [onVisibleItemsChange, onVisibleIndicesChange],
     );
+    const additionPadding = visibleItemCount > 0 ? gap * Number(visibleItemCount) - 1 : 0;
 
     return (
       <div
         className={`box-border overflow-auto flex horizontal-list no-scrollbar ${className}`}
-        style={{ ...getContainerStyle(padding), gap: `${gap}px` }}
+        style={{
+          ...getContainerStyle(padding, additionPadding),
+          gap: `${gap}px`,
+        }}
         role="list"
         ref={containerRef}
       >
@@ -83,11 +87,11 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
 );
 
 // Styles used to compensate outer container padding to get rid of clipping effect
-const getContainerStyle = (padding: number): Record<string, string> => ({
+const getContainerStyle = (padding: number, additionalPadding = 0): Record<string, string> => ({
   marginLeft: `${-padding}px`,
   marginRight: `${-padding}px`,
   paddingLeft: `${padding}px`,
-  paddingRight: `${padding}px`,
+  paddingRight: `${padding + additionalPadding}px`,
 });
 
 const getVisibleIndices = (itemsVisibilityList: ItemsVisibilityList) =>

package/src/utils/groupBy.ts

@@ -0,0 +1,10 @@
+export const groupBy = <K, V>(list: Array<V>, keyGetter: (input: V) => K): Map<K, Array<V>> => {
+  const map = new Map<K, Array<V>>();
+  list.forEach((item) => {
+    const key = keyGetter(item);
+    const collection = map.get(key);
+    map.set(key, [...(collection || []), item]);
+  });
+
+  return map;
+};

package/bundle/hooks/useGeolocation.d.ts

@@ -1 +0,0 @@
-export declare function useGeolocation(defaultLocation: string): [string, () => void];

package/dist/hooks/useGeolocation.d.ts

@@ -1 +0,0 @@
-export declare function useGeolocation(defaultLocation: string): [string, () => void];

package/dist/hooks/useGeolocation.js

@@ -1,21 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGeolocation = void 0;
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const DaDataAPI_1 = require("../api/DaDataAPI");
-const DaData = (0, DaDataAPI_1.DaDataAPI)('https://10.80.4.9');
-function useGeolocation(defaultLocation) {
-    const [city, setCity] = (0, hooks_1.useState)(defaultLocation);
-    (0, hooks_1.useEffect)(() => {
-        setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
-    }, [defaultLocation]);
-    const getCity = (0, hooks_1.useCallback)(() => {
-        DaData.getFetcherAddress().then((_) => {
-            const location = _ || defaultLocation;
-            globalThis?.localStorage.setItem('location', location);
-            setCity(location);
-        });
-    }, [defaultLocation]);
-    return [city, getCity];
-}
-exports.useGeolocation = useGeolocation;
-//# sourceMappingURL=useGeolocation.js.map

package/dist/hooks/useGeolocation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGeolocation.js","sourceRoot":"","sources":["../../src/hooks/useGeolocation.ts"],"names":[],"mappings":";;AAAA,uDAA+E;AAC/E,gDAA6C;AAE7C,MAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE9C,SAAgB,cAAc,CAAC,eAAuB;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,eAAe,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,eAAe,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,CAAC,IAAI,eAAe,CAAC;YACtC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACvD,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB,CAAC;AAhBD,wCAgBC"}

package/lib/hooks/useGeolocation.d.ts

@@ -1 +0,0 @@
-export declare function useGeolocation(defaultLocation: string): [string, () => void];

package/lib/hooks/useGeolocation.js

@@ -1,18 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { DaDataAPI } from '../api/DaDataAPI.js';
-const DaData = DaDataAPI('https://10.80.4.9');
-export function useGeolocation(defaultLocation) {
-    const [city, setCity] = useState(defaultLocation);
-    useEffect(() => {
-        setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
-    }, [defaultLocation]);
-    const getCity = useCallback(() => {
-        DaData.getFetcherAddress().then((_) => {
-            const location = _ || defaultLocation;
-            globalThis?.localStorage.setItem('location', location);
-            setCity(location);
-        });
-    }, [defaultLocation]);
-    return [city, getCity];
-}
-//# sourceMappingURL=useGeolocation.js.map

package/lib/hooks/useGeolocation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGeolocation.js","sourceRoot":"","sources":["../../src/hooks/useGeolocation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAE9C,MAAM,UAAU,cAAc,CAAC,eAAuB;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,eAAe,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,CAAC,IAAI,eAAe,CAAC;YACtC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACvD,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB,CAAC"}

package/mobile/bundle/hooks/useGeolocation.d.ts

@@ -1 +0,0 @@
-export declare function useGeolocation(defaultLocation: string): [string, () => void];

package/mobile/dist/hooks/useGeolocation.d.ts

@@ -1 +0,0 @@
-export declare function useGeolocation(defaultLocation: string): [string, () => void];

package/mobile/dist/hooks/useGeolocation.js

@@ -1,21 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGeolocation = void 0;
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const DaDataAPI_1 = require("../api/DaDataAPI");
-const DaData = (0, DaDataAPI_1.DaDataAPI)('https://10.80.4.9');
-function useGeolocation(defaultLocation) {
-    const [city, setCity] = (0, hooks_1.useState)(defaultLocation);
-    (0, hooks_1.useEffect)(() => {
-        setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
-    }, [defaultLocation]);
-    const getCity = (0, hooks_1.useCallback)(() => {
-        DaData.getFetcherAddress().then((_) => {
-            const location = _ || defaultLocation;
-            globalThis?.localStorage.setItem('location', location);
-            setCity(location);
-        });
-    }, [defaultLocation]);
-    return [city, getCity];
-}
-exports.useGeolocation = useGeolocation;
-//# sourceMappingURL=useGeolocation.js.map

package/mobile/dist/hooks/useGeolocation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGeolocation.js","sourceRoot":"","sources":["../../src/hooks/useGeolocation.ts"],"names":[],"mappings":";;AAAA,uDAA+E;AAC/E,gDAA6C;AAE7C,MAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE9C,SAAgB,cAAc,CAAC,eAAuB;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,eAAe,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,eAAe,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,CAAC,IAAI,eAAe,CAAC;YACtC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACvD,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB,CAAC;AAhBD,wCAgBC"}

package/mobile/lib/hooks/useGeolocation.d.ts

@@ -1 +0,0 @@
-export declare function useGeolocation(defaultLocation: string): [string, () => void];

package/mobile/lib/hooks/useGeolocation.js

@@ -1,18 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { DaDataAPI } from '../api/DaDataAPI.js';
-const DaData = DaDataAPI('https://10.80.4.9');
-export function useGeolocation(defaultLocation) {
-    const [city, setCity] = useState(defaultLocation);
-    useEffect(() => {
-        setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
-    }, [defaultLocation]);
-    const getCity = useCallback(() => {
-        DaData.getFetcherAddress().then((_) => {
-            const location = _ || defaultLocation;
-            globalThis?.localStorage.setItem('location', location);
-            setCity(location);
-        });
-    }, [defaultLocation]);
-    return [city, getCity];
-}
-//# sourceMappingURL=useGeolocation.js.map

package/mobile/lib/hooks/useGeolocation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGeolocation.js","sourceRoot":"","sources":["../../src/hooks/useGeolocation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAE9C,MAAM,UAAU,cAAc,CAAC,eAAuB;IACpD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,eAAe,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,MAAM,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,CAAC,IAAI,eAAe,CAAC;YACtC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YACvD,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB,CAAC"}

package/mobile/src/hooks/useGeolocation.ts

@@ -1,22 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { DaDataAPI } from '../api/DaDataAPI';
-
-const DaData = DaDataAPI('https://10.80.4.9');
-
-export function useGeolocation(defaultLocation: string): [string, () => void] {
-  const [city, setCity] = useState(defaultLocation);
-
-  useEffect(() => {
-    setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
-  }, [defaultLocation]);
-
-  const getCity = useCallback(() => {
-    DaData.getFetcherAddress().then((_) => {
-      const location = _ || defaultLocation;
-      globalThis?.localStorage.setItem('location', location);
-      setCity(location);
-    });
-  }, [defaultLocation]);
-
-  return [city, getCity];
-}