@redneckz/wildless-cms-uni-blocks 0.14.573 → 0.14.574

package/src/components/OfficesAtmsMap/filters.ts

@@ -0,0 +1,56 @@
+import type { Branch, RemoteWorkplace } from './OfficesAtmsMapProps';
+
+export const INITIAL_FILTRATION_STATE = {
+  workingSaturday: false,
+  premiumService: false,
+  privateBanking: false,
+  remoteWorkplace: false,
+  serviceDisabledPeople: false,
+  sellingCoins: false,
+  buyingCoins: false,
+  bullionOperations: false,
+  preciousMetalsOperations: false,
+  transferringDataToBiometricSystem: false,
+};
+
+export const FILTRATION_LABELS = {
+  safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
+  workingSaturday: 'Открыты по субботам',
+  terminalTypeAtms: 'Банкоматы',
+  terminalTypeTerm: 'Терминалы',
+  workAllTime: 'Круглосуточно',
+  billAcceptorEnable: 'Прием наличных',
+  premiumService: 'Премиальное обслуживание',
+  privateBanking: 'Услуга Private banking',
+  sellingCoins: 'Продажа монет из драгоценных металлов',
+  buyingCoins: 'Покупка монет из драгоценных металлов',
+  bullionOperations: 'Операции со слитками',
+  preciousMetalsOperations: 'Операции с драгоценными металлами',
+  transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
+  locationDisabledPeople: 'Для маломобильных',
+  designDisabledPeople: 'Для слабовидящих',
+  remoteWorkplace: 'Удаленное рабочее место',
+  serviceDisabledPeople: 'Для маломобильных граждан',
+};
+
+export const FILTRATION_PREDICATES = {
+  workingSaturday: (item: Branch | RemoteWorkplace) =>
+    Boolean('workSchedule' in item && item.workSchedule?.workingSaturday),
+  premiumService: (item: Branch | RemoteWorkplace) =>
+    Boolean('premiumService' in item && item.premiumService),
+  privateBanking: (item: Branch | RemoteWorkplace) =>
+    Boolean('privateBanking' in item && item.privateBanking),
+  remoteWorkplace: (item: Branch | RemoteWorkplace) => Boolean('workScheduleDescription' in item),
+  serviceDisabledPeople: (item: Branch | RemoteWorkplace) =>
+    Boolean('serviceDisabledPeople' in item && item.serviceDisabledPeople),
+  sellingCoins: (item: Branch | RemoteWorkplace) =>
+    Boolean('sellingCoins' in item && item.sellingCoins),
+  buyingCoins: (item: Branch | RemoteWorkplace) =>
+    Boolean('buyingCoins' in item && item.buyingCoins),
+  bullionOperations: (item: Branch | RemoteWorkplace) =>
+    Boolean('bullionOperations' in item && item.bullionOperations),
+  preciousMetalsOperations: (item: Branch | RemoteWorkplace) =>
+    Boolean('preciousMetalsOperations' in item && item.preciousMetalsOperations),
+  transferringDataToBiometricSystem: (item: Branch | RemoteWorkplace) =>
+    Boolean('transferringDataToBiometricSystem' in item && item.transferringDataToBiometricSystem),
+};

package/src/components/OfficesAtmsMap/renderButtonsGroup.tsx

@@ -0,0 +1,43 @@
+import { Button } from '../../ui-kit/Button/Button';
+import { getVersion } from '../../utils/getVersion';
+import type { Branch } from './OfficesAtmsMapProps';
+
+export const renderButtonsGroup = (
+  data: Branch[],
+  activeButton: string,
+  onButtonClick: (item: string) => void,
+) => {
+  const allButtonVersion = getVersion(activeButton === 'all');
+
+  const businessButtonVersion = getVersion(activeButton === 'business');
+
+  const handleClick = (e: any, key: string, branches: Branch[]) => {
+    if (e.currentTarget === e.target && key === 'business') {
+      branches.filter(
+        (branch) =>
+          branch.workSchedule &&
+          branch.workSchedule.businessScheduleVisibleTag &&
+          !branch.workSchedule.businessScheduleDescription,
+      );
+    }
+
+    onButtonClick(key);
+
+    return branches;
+  };
+
+  return (
+    <div className="flex gap-lg flex-col sm:flex-row pb-lg">
+      <Button data-id="all" onClick={(e) => handleClick(e, 'all', data)} version={allButtonVersion}>
+        Для физических лиц
+      </Button>
+      <Button
+        data-id="business"
+        onClick={(e) => handleClick(e, 'business', data)}
+        version={businessButtonVersion}
+      >
+        Для юридических лиц
+      </Button>
+    </div>
+  );
+};

package/src/components/OfficesAtmsMap/renderFiltrationForm.tsx

@@ -8,37 +8,25 @@ import { Icon } from '../../ui-kit/Icon/Icon';
 import { type IconName } from '../../ui-kit/Icon/IconProps';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 
-const FILTRATION_LABELS = {
-  safeBoxCaseVolumes: 'Аренда индивидуальных сейфовых ячеек',
-  workingSaturday: 'Открыты по субботам',
-  terminalTypeAtms: 'Банкоматы',
-  terminalTypeTerm: 'Терминалы',
-  workAllTime: 'Круглосуточно',
-  billAcceptorEnable: 'Прием наличных',
-  premiumService: 'Премиальное обслуживание',
-  privateBanking: 'Услуга Private banking',
-  sellingCoins: 'Продажа монет из драгоценных металлов',
-  buyingCoins: 'Покупка монет из драгоценных металлов',
-  bullionOperations: 'Операции со слитками',
-  preciousMetalsOperations: 'Операции с драгоценными металлами',
-  transferringDataToBiometricSystem: 'Передача фото и голоса в Единую биометрическую систему',
-  locationDisabledPeople: 'Для маломобильных',
-  designDisabledPeople: 'Для слабовидящих',
-  remoteWorkplace: 'Удаленное рабочее место',
-  serviceDisabledPeople: 'Для маломобильных граждан',
-};
-
 const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
 
-export const renderFiltrationForm = (
-  filters: string[],
-  { field, reset }: { field: FormFieldRegisterer<any>; reset: () => void },
-  onlyOffice?: boolean,
-) => {
+export interface RenderFiltrationFormOptions {
+  filters: string[];
+  field: { field: FormFieldRegisterer<any>; reset: () => void };
+  onlyOffice?: boolean;
+  labels: Record<string, string>;
+}
+
+export const renderFiltrationForm = ({
+  filters,
+  field: { field, reset },
+  onlyOffice,
+  labels,
+}: RenderFiltrationFormOptions) => {
   const visibleFiltersNum = onlyOffice ? 5 : 6;
 
   const filtersCheckbox = (filters || []).map((key) => (
-    <Checkbox key={key} text={FILTRATION_LABELS[key]} {...field(key)} />
+    <Checkbox key={key} text={labels[key]} {...field(key)} />
   ));
 
   const [visibleFilters, hiddenFilters] =

package/src/components/OfficesAtmsMap/renderHeading.tsx

@@ -0,0 +1,15 @@
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Text } from '../../ui-kit/Text/Text';
+
+export const renderHeading = (title?: string, lengthItems?: number) => (
+  <div className="flex flex-col sm:flex-row gap-xs mb-2xl">
+    <Heading headingType="h3">
+      <span suppressHydrationWarning={true}>{title}</span>
+      {lengthItems ? (
+        <Text size="text-h2" color="text-secondary-text">
+          <span suppressHydrationWarning={true}>{` (${lengthItems})`}</span>
+        </Text>
+      ) : null}
+    </Heading>
+  </div>
+);

package/src/ui-kit/YandexMap/renderClusterer.ts

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 import type ymaps from 'yandex-maps';
-import { type BalloonPoints } from '../../components/OfficesAtmsMap/YandexMapProps'; //! Вынести этот тип в файл YandexMapProps.ts расположенный в корне этого компонента
+import { type BalloonPoints } from '../../components/OfficesAtmsMap/YandexMapProps';
 
 const MapMarkerClusterIcon = '/icons/MapMarkerClusterIcon.svg';
 const MapMarkerClusterYellowIcon = '/icons/MapMarkerClusterYellowIcon.svg';
@@ -18,12 +18,16 @@ export function renderClusterer({
   points: BalloonPoints[];
   isLoad: boolean;
 }) {
-  if (isLoad || !points?.length) {
+  if (isLoad || !points) {
     return;
   }
 
   map.geoObjects.removeAll();
 
+  if (!points.length) {
+    return;
+  }
+
   const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass(
     '<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>',
   );