@redneckz/wildless-cms-uni-blocks 0.12.12 → 0.12.14

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

@@ -2,9 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../Img/Img';
+import { style } from '../../utils/style';
 
-const LINK_CLASS_NAME = `absolute border border-primary-main ml-s px-xl py-lg
-  text-l font-light bg-white text-primary-text flex w-80
+const LINK_CLASS_NAME = `absolute border border-primary-main px-xl py-lg
+  text-l font-light bg-white text-primary-text flex
   justify-between items-center group-hover/link:text-primary-main z-10`;
 
 const LINK_BORDER_CLASS_NAME =
@@ -20,12 +21,24 @@ export const LinkButton = JSX<LinkButtonProps>(
     const adjustedProps = link({ href, target });
 
     return text ? (
-      <div className={`relative group/link cursor-pointer w-[328px] h-[82px] ${className}`}>
-        <a className={LINK_CLASS_NAME} role="link" {...adjustedProps}>
-          <div className="p-3xs">{text}</div>
-          <div className="w-6 h-6">
+      <div
+        className={style(
+          'flex max-w-sm relative group/link cursor-pointer w-64 h-16 sm:w-[47%] sm:h-20 sm:mr-m',
+          className,
+        )}
+      >
+        <a
+          className={style(
+            LINK_CLASS_NAME,
+            'rounded-md sm:rounded-none w-full h-12 sm:ml-s sm:w-full sm:h-auto',
+          )}
+          role="link"
+          {...adjustedProps}
+        >
+          <div className="p-0.5">{text}</div>
+          <div className="w-6 h-6 hidden sm:block">
             <Img
-              className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
+              className="w-4 h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
               image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
               imageClassName="group-hover/link:text-primary-main"
               width="24"
@@ -33,8 +46,8 @@ export const LinkButton = JSX<LinkButtonProps>(
             />
           </div>
         </a>
-        <div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
-        <div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
+        <div className={LINK_BORDER_CLASS_NAME + ' hidden sm:block mx-1.5 mt-1.5'} />
+        <div className={LINK_BORDER_CLASS_NAME + ' hidden sm:block mt-3 mr-3'} />
       </div>
     ) : null;
   },

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

@@ -6,7 +6,7 @@ import { linkListStyles } from './linkListStyles';
 
 export const LinkList = JSX<LinkListProps>(({ className = '', items }) =>
   items?.length ? (
-    <ul className={style('flex flex-col p-0 gap-m sm:gap-xl', linkListStyles, className)}>
+    <ul className={style('flex flex-col', linkListStyles, className)}>
       {items.map(renderLinkListItem)}
     </ul>
   ) : null,
@@ -16,8 +16,8 @@ const renderLinkListItem = (item: LinkProps, i: number) => {
   const { text, ...linkProps } = item;
 
   return (
-    <li key={`list_item_${String(i)}`} className="list-none">
-      <a className="hover:text-primary-main sm:font-light" role="link" {...linkProps}>
+    <li key={`list_item_${String(i)}`} className="list-none my-xs">
+      <a className="hover:text-primary-main font-light" role="link" {...linkProps}>
         {text ? text : null}
       </a>
     </li>

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

@@ -1,80 +1,7 @@
 import '../../setup-fixture';
 
-import type { Picture } from '../../model/Picture';
-import type { ForeignOffice } from '../../services/sitemap/SitemapData';
 import { LocationDialog } from './LocationDialog';
 
-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 onChangeLocation = () => ({});
-
-const currentLocation = {
-  name: 'Москва',
-};
-
 export default {
-  default: (
-    <LocationDialog
-      onChangeLocation={onChangeLocation}
-      currentLocation={currentLocation}
-      foreignOffices={FOREIGN_OFFICES}
-    />
-  ),
+  default: <LocationDialog />,
 };

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

@@ -1,79 +1,75 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useLink } from '../../hooks/useLink';
+import { useLocation } from '../../hooks/useLocation';
 import type { Region } from '../../hooks/useRegions';
 import { useRegions } from '../../hooks/useRegions';
+import type { UniBlockProps } from '../../model/JSXBlock';
 import { jaroWinklerDistance } from '../../services/search/jaroWinklerDistance';
-import type { ForeignOffice } from '../../services/sitemap/SitemapData';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { groupBy } from '../../utils/groupBy';
-import { Dialog } from '../Dialog/Dialog';
-import { useDialogProps } from '../Dialog/useDialogProps';
-import { Img } from '../Img/Img';
+import { Dialog } from '../DialogManager/Dialog';
+import { useDialogManager } from '../DialogManager/useDialogManager';
 import { Text } from '../Text/Text';
-import type {
-  CurrentLocationProps,
-  ForeignOfficeProps,
-  LocationDialogProps,
-} from './LocationDialogProps';
+import { renderForeignOffices } from './renderForeignOffices';
+import { renderRegion } from './renderRegion';
+import { renderRegionGroup } from './renderRegionGroup';
 import { SearchBar } from './SearchBar';
 
 const SEARCH_TERM_MIN_LENGTH = 3;
 
-export const LOCATION_DIALOG_ID = 'location';
+export const LocationDialog = JSX<UniBlockProps>(() => {
+  const { defaultLocation, foreignOffices } = useSitemap();
+  const [currentLocation, selectCurrentLocation] = useLocation(defaultLocation);
 
-export const LocationDialog = JSX<LocationDialogProps>(
-  ({ currentLocation, onChangeLocation, foreignOffices }) => {
-    const dialogProps = useDialogProps(LOCATION_DIALOG_ID);
+  const [query, setQuery] = useState('');
 
-    const [query, setQuery] = useState('');
-
-    const regions: Region[] = cleanUpRegions(useRegions()).sort((a, b) =>
-      a.name.localeCompare(b.name),
-    );
-    const regionsGroupByLetter: Map<string, Region[]> = groupBy(regions, regionFirstLetter);
+  const regions: Region[] = cleanUpRegions(useRegions()).sort((a, b) =>
+    a.name.localeCompare(b.name),
+  );
+  const regionsGroupByLetter: Map<string, Region[]> = groupBy(regions, regionFirstLetter);
 
-    const handleChangeLocation = useCallback(
-      (region: Region) => {
-        dialogProps.onClose && dialogProps.onClose();
-        onChangeLocation && onChangeLocation(region);
-      },
-      [dialogProps.onClose, onChangeLocation],
-    );
+  const { close } = useDialogManager();
+  const handleChangeLocation = useCallback((region: Region) => {
+    selectCurrentLocation(region);
+    close();
+  }, []);
 
-    return (
-      <Dialog
-        {...dialogProps}
-        head={
-          <div>
-            <CurrentLocation
-              currentLocation={currentLocation}
-              onChangeLocation={handleChangeLocation}
-            />
-            <SearchBar onSearch={setQuery} searchTerm={query} />
-          </div>
-        }
-      >
-        {query && query.length >= SEARCH_TERM_MIN_LENGTH ? (
-          <div>
-            {regions
-              .filter(
-                ({ name }) =>
-                  name && jaroWinklerDistance(name.toLowerCase())(query.toLowerCase()) >= 0.8,
-              )
-              .map(renderRegion(handleChangeLocation))}
-          </div>
-        ) : (
-          <div className="columns-5">
-            {Array.from(regionsGroupByLetter.entries()).map(
-              renderRegionGroup(handleChangeLocation),
-            )}
-          </div>
-        )}
-        <ForeignOffices foreignOffices={foreignOffices} />
-      </Dialog>
-    );
-  },
-);
+  return (
+    <Dialog
+      head={
+        <div>
+          {currentLocation ? (
+            <div className="mb-s">
+              <Text size="text-l" font="font-light">
+                Сейчас выбран:&nbsp;
+              </Text>
+              <button onClick={() => selectCurrentLocation(currentLocation)}>
+                <Text color="text-primary-main">{currentLocation.name}</Text>
+              </button>
+            </div>
+          ) : null}
+          <SearchBar onSearch={setQuery} searchTerm={query} />
+        </div>
+      }
+    >
+      {query && query.length >= SEARCH_TERM_MIN_LENGTH ? (
+        <div>
+          {regions
+            .filter(
+              ({ name }) =>
+                name && jaroWinklerDistance(name.toLowerCase())(query.toLowerCase()) >= 0.8,
+            )
+            .map(renderRegion(handleChangeLocation))}
+        </div>
+      ) : (
+        <div className="columns-5">
+          {Array.from(regionsGroupByLetter.entries()).map(renderRegionGroup(handleChangeLocation))}
+        </div>
+      )}
+      {renderForeignOffices(foreignOffices)}
+    </Dialog>
+  );
+});
 
 const regionFirstLetter = (region: Region) => region.name?.charAt(0) || '';
 
@@ -82,80 +78,3 @@ const cleanUpRegions = (regions: Region[]) =>
     ...region,
     name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
   }));
-
-const CurrentLocation = JSX<CurrentLocationProps>(({ currentLocation, onChangeLocation }) =>
-  currentLocation ? (
-    <div className="mb-4">
-      <Text size="text-l" font="font-light">
-        Сейчас выбран:&nbsp;
-      </Text>
-      <button
-        className="cursor-pointer"
-        onClick={() => {
-          onChangeLocation && onChangeLocation(currentLocation);
-        }}
-      >
-        <Text color="text-primary-main">{currentLocation.name}</Text>
-      </button>
-    </div>
-  ) : null,
-);
-
-const renderRegionGroup =
-  (onChangeLocation?: (region: Region) => void) =>
-  ([letter, regions]: [string, Region[]]) =>
-    (
-      <div key={letter} className="break-inside-avoid mb-2xl w-56">
-        <div className="mb-s">
-          <Text size="text-h6">{letter}</Text>
-        </div>
-        {regions.map(renderRegion(onChangeLocation))}
-      </div>
-    );
-
-const renderRegion = (onChangeLocation?: (region: Region) => void) => (region: Region) =>
-  (
-    <div key={region.id} className="mb-2xs">
-      <button
-        className="cursor-pointer hover:text-primary-hover"
-        onClick={() => {
-          onChangeLocation && onChangeLocation(region);
-        }}
-      >
-        {region.name || ''}
-      </button>
-    </div>
-  );
-
-const ForeignOffices = JSX<ForeignOfficeProps>(({ foreignOffices }) =>
-  foreignOffices?.length ? (
-    <div className="border-t border-main-divider mt-2xs pt-2xs">
-      <div className="mb-m">
-        <Text size="text-m" font="font-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">
-      {icon ? <Img pathPrefix="/wcms-resources/" image={icon} /> : null}
-      {text ? (
-        <a className="hover:text-primary-hover" href={href} target={target} onClick={onClick}>
-          {text}
-        </a>
-      ) : null}
-    </div>
-  );
-});

package/src/ui-kit/LocationDialog/renderForeignOffices.tsx

@@ -0,0 +1,37 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import type { ForeignOffice } from '../../services/sitemap/SitemapData';
+import { Img } from '../Img/Img';
+import { Text } from '../Text/Text';
+
+export const renderForeignOffices = (foreignOffices: ForeignOffice[] | undefined) =>
+  foreignOffices?.length ? (
+    <div className="border-t border-main-divider mt-2xs pt-2xs">
+      <div className="mb-m">
+        <Text size="text-m" font="font-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">
+      {icon ? <Img pathPrefix="/wcms-resources/" image={icon} /> : null}
+      {text ? (
+        <a className="hover:text-primary-hover" href={href} target={target} onClick={onClick}>
+          {text}
+        </a>
+      ) : null}
+    </div>
+  );
+});

package/src/ui-kit/LocationDialog/renderRegion.tsx

@@ -0,0 +1,15 @@
+import type { Region } from '../../hooks/useRegions';
+
+export const renderRegion = (onChangeLocation?: (region: Region) => void) => (region: Region) =>
+  (
+    <div key={region.id} className="mb-2xs">
+      <button
+        className="cursor-pointer hover:text-primary-hover"
+        onClick={() => {
+          onChangeLocation && onChangeLocation(region);
+        }}
+      >
+        {region.name || ''}
+      </button>
+    </div>
+  );

package/src/ui-kit/LocationDialog/renderRegionGroup.tsx

@@ -0,0 +1,15 @@
+import type { Region } from '../../hooks/useRegions';
+import { Text } from '../Text/Text';
+import { renderRegion } from './renderRegion';
+
+export const renderRegionGroup =
+  (onChangeLocation?: (region: Region) => void) =>
+  ([letter, regions]: [string, Region[]]) =>
+    (
+      <div key={letter} className="break-inside-avoid mb-2xl w-56">
+        <div className="mb-s">
+          <Text size="text-h6">{letter}</Text>
+        </div>
+        {regions.map(renderRegion(onChangeLocation))}
+      </div>
+    );

package/src/ui-kit/LocationDialog/useLocationDialog.tsx

@@ -0,0 +1,11 @@
+import { DialogOptions, useDialogManager } from '../DialogManager/useDialogManager';
+import { LocationDialog } from './LocationDialog';
+
+export const useLocationDialog = () => {
+  const { open, close } = useDialogManager();
+
+  return {
+    open: (options: DialogOptions = {}) => open(<LocationDialog />, options),
+    close,
+  };
+};

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

@@ -1,10 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { CloseButton } from '../Dialog/CloseButton';
-import { useDialog } from '../Dialog/useDialog';
-import { useDialogHandlers } from '../Dialog/useDialogHandlers';
-import { SEARCH_DIALOG_ID } from '../SearchDialog/SearchDialog';
+import { CloseButton } from '../DialogManager/CloseButton';
 import { SearchInput } from '../SearchDialog/SearchInput';
+import { useSearchDialog } from '../SearchDialog/useSearchDialog';
 
 interface SearchBarProps {
   className?: string;
@@ -16,21 +14,22 @@ export const SearchBar = JSX<SearchBarProps>(({ className }) => {
   const [value, setValue] = useState('');
 
   const resetQueryOnDialogClose = useCallback(() => setValue(''), []);
-  useDialogHandlers({ onClose: resetQueryOnDialogClose });
-
-  const { open } = useDialog(SEARCH_DIALOG_ID);
-
-  const handleInitialInputChange = useCallback((_: string) => {
-    setValue(_);
-    if (isQueryLongEnough(_)) {
-      open(_);
-    }
-  }, []);
+  const { open } = useSearchDialog();
+
+  const handleInitialInputChange = useCallback(
+    (_: string) => {
+      setValue(_);
+      if (isQueryLongEnough(_)) {
+        open({ initialQuery: _ }, { onClose: resetQueryOnDialogClose });
+      }
+    },
+    [resetQueryOnDialogClose],
+  );
 
   return (
     <div className={className}>
       <SearchInput value={value} onChange={handleInitialInputChange} />
-      <CloseButton className="absolute top-2 right-3 sm:hidden" onClick={resetQueryOnDialogClose} />
+      <CloseButton className="absolute top-2 right-3 sm:hidden" onClose={resetQueryOnDialogClose} />
     </div>
   );
 });

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

@@ -3,27 +3,25 @@ import { useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import type { LinkProps } from '../../model/LinkProps';
 import { useSearch, type SearchResult } from '../../services/search/useSearch';
 import type { TopMenuItemProps } from '../../services/sitemap/SitemapData';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { joinPath } from '../../utils/url';
 import { zip } from '../../utils/zip';
-import { Dialog } from '../Dialog/Dialog';
-import { useDialogProps } from '../Dialog/useDialogProps';
+import { Dialog } from '../DialogManager/Dialog';
 import { Sitemap } from '../Sitemap/Sitemap';
 import { SearchInput } from './SearchInput';
 
 export interface SearchDialogProps {
-  topItems?: TopMenuItemProps[];
+  initialQuery?: string;
 }
 
-export const SEARCH_DIALOG_ID = 'search';
-
-export const SearchDialog = JSX<SearchDialogProps>(({ topItems }) => {
-  const dialogProps = useDialogProps(SEARCH_DIALOG_ID);
+export const SearchDialog = JSX<SearchDialogProps>(({ initialQuery }) => {
+  const { topItems } = useSitemap();
 
   const basePathList = useMemo(() => topItems?.map((_) => _.href || '/'), [topItems]);
   const [searchResult, searchInputProps] = useSearch({
     basePathList,
-    initialQuery: dialogProps.message,
-    wasOpened: dialogProps.wasOpened,
+    initialQuery,
+    wasOpened: false,
   });
 
   const searchItems = useMemo(
@@ -34,7 +32,7 @@ export const SearchDialog = JSX<SearchDialogProps>(({ topItems }) => {
   useEffect(() => printSearchItems(searchItems), [searchItems]); // Temp
 
   return (
-    <Dialog {...dialogProps} head={<SearchInput autoFocus={true} {...searchInputProps} />}>
+    <Dialog head={<SearchInput autoFocus={true} {...searchInputProps} />}>
       <Sitemap topItems={searchItems} />
     </Dialog>
   );

package/src/ui-kit/SearchDialog/useSearchDialog.tsx

@@ -0,0 +1,12 @@
+import { DialogOptions, useDialogManager } from '../DialogManager/useDialogManager';
+import { SearchDialog, SearchDialogProps } from './SearchDialog';
+
+export const useSearchDialog = () => {
+  const { open, close } = useDialogManager();
+
+  return {
+    open: (props: SearchDialogProps = {}, options: DialogOptions = {}) =>
+      open(<SearchDialog {...props} />, options),
+    close,
+  };
+};

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

@@ -26,7 +26,7 @@ interface SwipeListContainerProps extends SwipeListContainerContent {
   onVisibleIndicesChange?: (indices: number[]) => void;
 }
 
-const childStyleMap = ['min-w-full', 'min-w-1/2', 'min-w-1/3', 'min-w-1/4'];
+const childStyleMap = ['min-w-full', '@lg:min-w-[50%]', '@lg:min-w-[33.3%]', '@lg:min-w-[25%]'];
 
 export const SwipeListContainer = JSX<SwipeListContainerProps>(
   ({

package/tailwind.config.cjs

@@ -37,11 +37,11 @@ module.exports = {
         '4xl': '2.25rem', // 36px
         '3xl': '2rem', // 32px
         '2xl': '1.75rem', // 28px
-        'xl': '1.5rem', // 24px
-        'lg': '1.25rem', // 20px
-        'm': '1rem', // 16px
-        's': '0.75rem', // 12px
-        'xs': '0.5rem', // 8px
+        xl: '1.5rem', // 24px
+        lg: '1.25rem', // 20px
+        m: '1rem', // 16px
+        s: '0.75rem', // 12px
+        xs: '0.5rem', // 8px
         '2xs': '0.25rem', // 4px
         '3xs': '0.125rem', // 2px
       },

package/bundle/components/Footer/SocialMedia.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export interface SocialMediaProps {
-    className?: string;
-    media?: Omit<LinkProps, 'text'>[];
-}
-export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/bundle/components/Footer/buttonStylesWithText.mobile.d.ts

@@ -1,2 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonStylesWithText: (text: string, buttonSize: ButtonSize) => string;

package/bundle/hooks/useCachedAsyncData.d.ts

@@ -1,2 +0,0 @@
-import type { AsyncDataResponse, Fetcher } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-export declare function useCachedAsyncData<Data = any>(key: string, fetcher: Fetcher<Data, string>, storage?: any): AsyncDataResponse<Data>;

package/bundle/model/Button.d.ts

@@ -1,15 +0,0 @@
-import type { ButtonProps, ButtonWithIconProps } from '../ui-kit/Button/ButtonProps';
-/**
- * @title Блок Кнопка
- */
-export interface ButtonCommonProps {
-    /** @title Кнопка */
-    button?: ButtonProps;
-}
-/**
- * @title Блок Кнопка
- */
-export interface ButtonCommonIconProps {
-    /** @title Кнопка */
-    button?: ButtonWithIconProps;
-}

package/bundle/ui-kit/Dialog/DialogAction.d.ts

@@ -1,12 +0,0 @@
-export declare type DialogAction = DialogOpenAction | DialogCloseAction;
-export interface DialogInitialParams {
-    id: string;
-    message?: string;
-}
-interface DialogOpenAction extends DialogInitialParams {
-    type: 'open';
-}
-interface DialogCloseAction {
-    type: 'close';
-}
-export {};

package/bundle/ui-kit/Dialog/useDialog.d.ts

@@ -1,4 +0,0 @@
-export declare const useDialog: (id?: string) => {
-    open: (message?: string) => void;
-    close: () => void;
-};

package/bundle/ui-kit/Dialog/useDialogHandlers.d.ts

@@ -1,6 +0,0 @@
-import type { DialogInitialParams } from './DialogAction';
-export interface DialogHandlers {
-    onOpen?: (params: DialogInitialParams) => void;
-    onClose?: () => void;
-}
-export declare function useDialogHandlers({ onOpen, onClose }?: DialogHandlers): void;

package/bundle/ui-kit/Dialog/useDialogProps.d.ts

@@ -1,7 +0,0 @@
-import type { DialogProps } from './Dialog';
-import type { DialogInitialParams } from './DialogAction';
-export declare function useDialogProps(id: string, isOpenedOnInit?: boolean): DialogProps & DialogInitialParams & {
-    wasOpened: boolean;
-    open: () => void;
-    close: () => void;
-};