@vkontakte/vkui 4.32.0 → 4.33.2

package/src/components/View/View.tsx

@@ -1,8 +1,7 @@
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { transitionEvent, animationEvent } from "../../lib/supportEvents";
-import { getClassName } from "../../helpers/getClassName";
-import { IOS, ANDROID, VKCOM } from "../../lib/platform";
+import { IOS } from "../../lib/platform";
 import { Touch, TouchEvent } from "../Touch/Touch";
 import { HasPlatform } from "../../types";
 import { withPlatform } from "../../hoc/withPlatform";
@@ -96,7 +95,7 @@ export interface ViewState {
   nextPanel: string | null;
 
   swipingBack: boolean;
-  swipebackStartX: number;
+  swipeBackStartX: number;
   swipeBackShift: number;
   swipeBackNextPanel: string | null;
   swipeBackPrevPanel: string | null;
@@ -107,10 +106,7 @@ export interface ViewState {
 
 const warn = warnOnce("View");
 
-/**
- * @see https://vkcom.github.io/VKUI/#/View
- */
-class View extends React.Component<ViewProps & DOMProps, ViewState> {
+class ViewComponent extends React.Component<ViewProps & DOMProps, ViewState> {
   constructor(props: ViewProps) {
     super(props);
 
@@ -124,7 +120,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
       nextPanel: null,
 
       swipingBack: false,
-      swipebackStartX: 0,
+      swipeBackStartX: 0,
       swipeBackShift: 0,
       swipeBackNextPanel: null,
       swipeBackPrevPanel: null,
@@ -220,9 +216,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
           }
           this.animationFinishTimeout = setTimeout(
             this.transitionEndHandler,
-            this.props.platform === ANDROID || this.props.platform === VKCOM
-              ? 300
-              : 600
+            this.props.platform === IOS ? 600 : 300
           );
         }
       }
@@ -244,7 +238,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
           swipeBackNextPanel: null,
           swipingBack: false,
           swipeBackResult: null,
-          swipebackStartX: 0,
+          swipeBackStartX: 0,
           swipeBackShift: 0,
           activePanel: nextPanel,
           visiblePanels: [nextPanel],
@@ -330,9 +324,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
       }
       this.transitionFinishTimeout = setTimeout(
         eventHandler,
-        this.props.platform === ANDROID || this.props.platform === VKCOM
-          ? 300
-          : 600
+        this.props.platform === IOS ? 600 : 300
       );
     }
   }
@@ -415,7 +407,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
       swipeBackNextPanel: null,
       swipingBack: false,
       swipeBackResult: null,
-      swipebackStartX: 0,
+      swipeBackStartX: 0,
       swipeBackShift: 0,
     });
   }
@@ -456,7 +448,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
         }
         this.setState({
           swipingBack: true,
-          swipebackStartX: e.startX,
+          swipeBackStartX: e.startX,
           swipeBackPrevPanel: this.state.activePanel,
           swipeBackNextPanel: this.props.history!.slice(-2)[0],
         });
@@ -467,7 +459,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
           swipeBackShift = 0;
         } else if (
           e.shiftX >
-          this.window.innerWidth - this.state.swipebackStartX
+          this.window.innerWidth - this.state.swipeBackStartX
         ) {
           swipeBackShift = this.window?.innerWidth;
         } else {
@@ -487,7 +479,7 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
         this.onSwipeBackSuccess();
       } else if (
         speed > 250 ||
-        this.state.swipebackStartX + this.state.swipeBackShift >
+        this.state.swipeBackStartX + this.state.swipeBackShift >
           this.window.innerWidth / 2
       ) {
         this.setState({ swipeBackResult: SwipeBackResults.success });
@@ -585,17 +577,17 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
 
     const disableAnimation = this.shouldDisableTransitionMotion();
 
-    const modifiers = {
-      "View--animated": !disableAnimation && animated,
-      "View--swiping-back": !disableAnimation && this.state.swipingBack,
-      "View--no-motion": disableAnimation,
-    };
-
     return (
       <Touch
         Component="section"
         {...restProps}
-        vkuiClass={classNames(getClassName("View", platform), modifiers)}
+        vkuiClass={classNames(
+          "View",
+          platform === IOS && "View--ios",
+          !disableAnimation && animated && "View--animated",
+          !disableAnimation && this.state.swipingBack && "View--swiping-back",
+          disableAnimation && "View--no-motion"
+        )}
         onMoveX={this.onMoveX}
         onEnd={this.onEnd}
       >
@@ -613,20 +605,20 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
 
             return (
               <div
-                // eslint-disable-next-line vkui/no-object-expression-in-arguments
-                vkuiClass={classNames("View__panel", {
-                  "View__panel--active": panelId === activePanel,
-                  "View__panel--prev": panelId === prevPanel,
-                  "View__panel--next": panelId === nextPanel,
-                  "View__panel--swipe-back-prev":
-                    panelId === swipeBackPrevPanel,
-                  "View__panel--swipe-back-next":
-                    panelId === swipeBackNextPanel,
-                  "View__panel--swipe-back-success":
-                    swipeBackResult === SwipeBackResults.success,
-                  "View__panel--swipe-back-failed":
-                    swipeBackResult === SwipeBackResults.fail,
-                })}
+                vkuiClass={classNames(
+                  "View__panel",
+                  panelId === activePanel && "View__panel--active",
+                  panelId === prevPanel && "View__panel--prev",
+                  panelId === nextPanel && "View__panel--next",
+                  panelId === swipeBackPrevPanel &&
+                    "View__panel--swipe-back-prev",
+                  panelId === swipeBackNextPanel &&
+                    "View__panel--swipe-back-next",
+                  swipeBackResult === SwipeBackResults.success &&
+                    "View__panel--swipe-back-success",
+                  swipeBackResult === SwipeBackResults.fail &&
+                    "View__panel--swipe-back-failed"
+                )}
                 onAnimationEnd={
                   isTransitionTarget ? this.transitionEndHandler : undefined
                 }
@@ -665,11 +657,13 @@ class View extends React.Component<ViewProps & DOMProps, ViewState> {
   }
 }
 
-// eslint-disable-next-line import/no-default-export
-export default withContext(
+/**
+ * @see https://vkcom.github.io/VKUI/#/View
+ */
+export const View = withContext(
   withContext(
     withContext(
-      withPlatform(withDOM<ViewProps>(View)),
+      withPlatform(withDOM<ViewProps>(ViewComponent)),
       SplitColContext,
       "splitCol"
     ),
@@ -679,3 +673,5 @@ export default withContext(
   ScrollContext,
   "scroll"
 );
+
+View.displayName = "View";

package/src/components/WriteBar/WriteBar.tsx

@@ -2,7 +2,6 @@ import * as React from "react";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useExternRef } from "../../hooks/useExternRef";
 import { hasReactNode, isFunction } from "../../lib/utils";
-import { useDOM } from "../../lib/dom";
 import { getClassName } from "../../helpers/getClassName";
 import { HasRef, HasRootRef } from "../../types";
 import "./WriteBar.css";
@@ -55,9 +54,8 @@ export const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {
 
   const isControlledOutside = value != null;
 
-  const { window } = useDOM();
   const textareaRef = useExternRef(getRef);
-  const textareaMinHeightRef = React.useRef<number | null>(null);
+  const currentScrollHeight = React.useRef<number>();
 
   const resize = React.useCallback(() => {
     const textareaEl = textareaRef.current;
@@ -65,31 +63,19 @@ export const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {
       return;
     }
 
-    const { offsetHeight, scrollHeight } = textareaEl;
-    const style = window!.getComputedStyle(textareaEl);
-    const paddingTop = parseInt(style.paddingTop);
-    const paddingBottom = parseInt(style.paddingBottom);
-
-    if (textareaMinHeightRef.current === null) {
-      textareaMinHeightRef.current = offsetHeight;
-    }
-
-    let diff = paddingTop + paddingBottom + 10;
-
-    if (scrollHeight + diff <= offsetHeight) {
-      diff = 0;
-    }
-
-    textareaEl.style.height = "0px";
-
-    const height = textareaEl.scrollHeight - diff / 4;
-    textareaEl.style.height =
-      String(Math.max(height, textareaMinHeightRef.current)) + "px";
-
-    if (isFunction(onHeightChange)) {
-      onHeightChange();
+    if (textareaEl.offsetParent) {
+      textareaEl.style.height = "";
+      textareaEl.style.height = `${textareaEl.scrollHeight}px`;
+
+      if (
+        textareaEl.scrollHeight !== currentScrollHeight.current &&
+        onHeightChange
+      ) {
+        onHeightChange();
+        currentScrollHeight.current = textareaEl.scrollHeight;
+      }
     }
-  }, [onHeightChange, textareaRef, window]);
+  }, [onHeightChange, textareaRef]);
 
   const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (
     event

package/src/components/WriteBarIcon/WriteBarIcon.tsx

@@ -12,7 +12,7 @@ import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import { IOS } from "../../lib/platform";
 import { Counter } from "../Counter/Counter";
-import Tappable from "../Tappable/Tappable";
+import { Tappable } from "../Tappable/Tappable";
 import { warnOnce } from "../../lib/warnOnce";
 import { hasReactNode } from "../../lib/utils";
 import "./WriteBarIcon.css";

package/src/index.ts

@@ -7,9 +7,9 @@ import "./styles/common.css";
 /**
  * Layout
  */
-export { default as Root } from "./components/Root/Root";
+export { Root } from "./components/Root/Root";
 export type { RootProps } from "./components/Root/Root";
-export { default as View } from "./components/View/View";
+export { View } from "./components/View/View";
 export type { ViewProps } from "./components/View/View";
 export { Panel } from "./components/Panel/Panel";
 export type { PanelProps } from "./components/Panel/Panel";
@@ -17,7 +17,7 @@ export { PanelHeaderButton } from "./components/PanelHeaderButton/PanelHeaderBut
 export type { PanelHeaderButtonProps } from "./components/PanelHeaderButton/PanelHeaderButton";
 export { PanelHeader } from "./components/PanelHeader/PanelHeader";
 export type { PanelHeaderProps } from "./components/PanelHeader/PanelHeader";
-export { default as PanelHeaderContent } from "./components/PanelHeaderContent/PanelHeaderContent";
+export { PanelHeaderContent } from "./components/PanelHeaderContent/PanelHeaderContent";
 export type { PanelHeaderContentProps } from "./components/PanelHeaderContent/PanelHeaderContent";
 export { PanelHeaderContext } from "./components/PanelHeaderContext/PanelHeaderContext";
 export type { PanelHeaderContextProps } from "./components/PanelHeaderContext/PanelHeaderContext";
@@ -25,15 +25,15 @@ export { SplitLayout } from "./components/SplitLayout/SplitLayout";
 export type { SplitLayoutProps } from "./components/SplitLayout/SplitLayout";
 export { SplitCol } from "./components/SplitCol/SplitCol";
 export type { SplitColProps } from "./components/SplitCol/SplitCol";
-export { default as Epic } from "./components/Epic/Epic";
+export { Epic } from "./components/Epic/Epic";
 export type { EpicProps } from "./components/Epic/Epic";
-export { default as Tabbar } from "./components/Tabbar/Tabbar";
+export { Tabbar } from "./components/Tabbar/Tabbar";
 export type { TabbarProps } from "./components/Tabbar/Tabbar";
-export { default as TabbarItem } from "./components/TabbarItem/TabbarItem";
+export { TabbarItem } from "./components/TabbarItem/TabbarItem";
 export type { TabbarItemProps } from "./components/TabbarItem/TabbarItem";
 export { HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
 export type { HorizontalScrollProps } from "./components/HorizontalScroll/HorizontalScroll";
-export { default as FixedLayout } from "./components/FixedLayout/FixedLayout";
+export { FixedLayout } from "./components/FixedLayout/FixedLayout";
 export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
 
 /**
@@ -50,7 +50,7 @@ export { ActionSheet } from "./components/ActionSheet/ActionSheet";
 export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
 export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
 export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
-export { default as ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
+export { ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
 export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
 export { Snackbar } from "./components/Snackbar/Snackbar";
 export type { SnackbarProps } from "./components/Snackbar/Snackbar";
@@ -61,14 +61,14 @@ export type { SnackbarProps } from "./components/Snackbar/Snackbar";
 export { ModalRoot } from "./components/ModalRoot/ModalRootAdaptive";
 export type { ModalRootProps } from "./components/ModalRoot/ModalRootAdaptive";
 export { withModalRootContext } from "./components/ModalRoot/withModalRootContext";
-export { default as ModalRootContext } from "./components/ModalRoot/ModalRootContext";
-export { default as ModalPage } from "./components/ModalPage/ModalPage";
+export { ModalRootContext } from "./components/ModalRoot/ModalRootContext";
+export { ModalPage } from "./components/ModalPage/ModalPage";
 export type { ModalPageProps } from "./components/ModalPage/ModalPage";
 export { ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
 export type { ModalPageHeaderProps } from "./components/ModalPageHeader/ModalPageHeader";
-export { default as ModalCard } from "./components/ModalCard/ModalCard";
+export { ModalCard } from "./components/ModalCard/ModalCard";
 export type { ModalCardProps } from "./components/ModalCard/ModalCard";
-export { default as ModalDismissButton } from "./components/ModalDismissButton/ModalDismissButton";
+export { ModalDismissButton } from "./components/ModalDismissButton/ModalDismissButton";
 export type { ModalDismissButtonProps } from "./components/ModalDismissButton/ModalDismissButton";
 
 /**
@@ -80,7 +80,7 @@ export { ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
 export type { ButtonGroupProps } from "./components/ButtonGroup/ButtonGroup";
 export { Button } from "./components/Button/Button";
 export type { ButtonProps } from "./components/Button/Button";
-export { default as IconButton } from "./components/IconButton/IconButton";
+export { IconButton } from "./components/IconButton/IconButton";
 export type { IconButtonProps } from "./components/IconButton/IconButton";
 export { Card } from "./components/Card/Card";
 export type { CardProps } from "./components/Card/Card";
@@ -88,22 +88,22 @@ export { default as CardGrid } from "./components/CardGrid/CardGrid";
 export type { CardGridProps } from "./components/CardGrid/CardGrid";
 export { CardScroll } from "./components/CardScroll/CardScroll";
 export type { CardScrollProps } from "./components/CardScroll/CardScroll";
-export { default as ContentCard } from "./components/ContentCard/ContentCard";
+export { ContentCard } from "./components/ContentCard/ContentCard";
 export type { ContentCardProps } from "./components/ContentCard/ContentCard";
 export { CellButton } from "./components/CellButton/CellButton";
 export type { CellButtonProps } from "./components/CellButton/CellButton";
-export { default as Header } from "./components/Header/Header";
+export { Header } from "./components/Header/Header";
 export type { HeaderProps } from "./components/Header/Header";
-export { default as Group } from "./components/Group/Group";
+export { Group } from "./components/Group/Group";
 export type { GroupProps } from "./components/Group/Group";
 export { Gradient } from "./components/Gradient/Gradient";
 export type { GradientProps } from "./components/Gradient/Gradient";
-export { default as List } from "./components/List/List";
+export { List } from "./components/List/List";
 export { Cell } from "./components/Cell/Cell";
 export type { CellProps } from "./components/Cell/Cell";
-export { default as RichCell } from "./components/RichCell/RichCell";
+export { RichCell } from "./components/RichCell/RichCell";
 export type { RichCellProps } from "./components/RichCell/RichCell";
-export { default as SimpleCell } from "./components/SimpleCell/SimpleCell";
+export { SimpleCell } from "./components/SimpleCell/SimpleCell";
 export type { SimpleCellProps } from "./components/SimpleCell/SimpleCell";
 export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
 export type { HorizontalCellProps } from "./components/HorizontalCell/HorizontalCell";
@@ -111,9 +111,9 @@ export { Footer } from "./components/Footer/Footer";
 export type { FooterProps } from "./components/Footer/Footer";
 export { InfoRow } from "./components/InfoRow/InfoRow";
 export type { InfoRowProps } from "./components/InfoRow/InfoRow";
-export { default as Gallery } from "./components/Gallery/Gallery";
+export { Gallery } from "./components/Gallery/Gallery";
 export type { GalleryProps } from "./components/Gallery/Gallery";
-export { default as Avatar } from "./components/Avatar/Avatar";
+export { Avatar } from "./components/Avatar/Avatar";
 export type { AvatarProps } from "./components/Avatar/Avatar";
 export { GridAvatar } from "./components/GridAvatar/GridAvatar";
 export type { GridAvatarProps } from "./components/GridAvatar/GridAvatar";
@@ -121,32 +121,32 @@ export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
 export type { InitialsAvatarProps } from "./components/InitialsAvatar/InitialsAvatar";
 export { Progress } from "./components/Progress/Progress";
 export type { ProgressProps } from "./components/Progress/Progress";
-export { default as Search } from "./components/Search/Search";
+export { Search } from "./components/Search/Search";
 export type { SearchProps } from "./components/Search/Search";
-export { default as Tabs } from "./components/Tabs/Tabs";
+export { Tabs } from "./components/Tabs/Tabs";
 export type { TabsProps } from "./components/Tabs/Tabs";
-export { default as TabsItem } from "./components/TabsItem/TabsItem";
+export { TabsItem } from "./components/TabsItem/TabsItem";
 export type { TabsItemProps } from "./components/TabsItem/TabsItem";
 export { Spinner } from "./components/Spinner/Spinner";
 export type { SpinnerProps } from "./components/Spinner/Spinner";
 export { PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
 export type { PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh";
-export { default as Link } from "./components/Link/Link";
+export { Link } from "./components/Link/Link";
 export type { LinkProps } from "./components/Link/Link";
-export { default as Tooltip } from "./components/Tooltip/Tooltip";
+export { Tooltip } from "./components/Tooltip/Tooltip";
 export type { TooltipProps } from "./components/Tooltip/Tooltip";
 export { TooltipContainer } from "./components/Tooltip/TooltipContainer";
 export { Counter } from "./components/Counter/Counter";
 export type { CounterProps } from "./components/Counter/Counter";
-export { default as UsersStack } from "./components/UsersStack/UsersStack";
+export { UsersStack } from "./components/UsersStack/UsersStack";
 export type { UsersStackProps } from "./components/UsersStack/UsersStack";
 export { Separator } from "./components/Separator/Separator";
 export type { SeparatorProps } from "./components/Separator/Separator";
 export { Spacing } from "./components/Spacing/Spacing";
 export type { SpacingProps } from "./components/Spacing/Spacing";
-export { default as Placeholder } from "./components/Placeholder/Placeholder";
+export { Placeholder } from "./components/Placeholder/Placeholder";
 export type { PlaceholderProps } from "./components/Placeholder/Placeholder";
-export { default as Banner } from "./components/Banner/Banner";
+export { Banner } from "./components/Banner/Banner";
 export type { BannerProps } from "./components/Banner/Banner";
 export { MiniInfoCell } from "./components/MiniInfoCell/MiniInfoCell";
 export type { MiniInfoCellProps } from "./components/MiniInfoCell/MiniInfoCell";
@@ -164,13 +164,13 @@ export type { PaginationProps } from "./components/Pagination/Pagination";
 /**
  * Forms
  */
-export { default as FormLayout } from "./components/FormLayout/FormLayout";
+export { FormLayout } from "./components/FormLayout/FormLayout";
 export type { FormLayoutProps } from "./components/FormLayout/FormLayout";
 export { FormItem } from "./components/FormItem/FormItem";
 export type { FormItemProps } from "./components/FormItem/FormItem";
 export { FormField } from "./components/FormField/FormField";
 export type { FormFieldProps } from "./components/FormField/FormField";
-export { default as FormLayoutGroup } from "./components/FormLayoutGroup/FormLayoutGroup";
+export { FormLayoutGroup } from "./components/FormLayoutGroup/FormLayoutGroup";
 export type { FormLayoutGroupProps } from "./components/FormLayoutGroup/FormLayoutGroup";
 export { FormStatus } from "./components/FormStatus/FormStatus";
 export type { FormStatusProps } from "./components/FormStatus/FormStatus";
@@ -184,17 +184,17 @@ export { Chip } from "./components/Chip/Chip";
 export type { ChipProps } from "./components/Chip/Chip";
 export { ChipsInput } from "./components/ChipsInput/ChipsInput";
 export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
-export { default as Slider } from "./components/Slider/Slider";
+export { Slider } from "./components/Slider/Slider";
 export type { SliderProps } from "./components/Slider/Slider";
-export { default as RangeSlider } from "./components/RangeSlider/RangeSlider";
+export { RangeSlider } from "./components/RangeSlider/RangeSlider";
 export type { RangeSliderProps } from "./components/RangeSlider/RangeSlider";
-export { default as Textarea } from "./components/Textarea/Textarea";
+export { Textarea } from "./components/Textarea/Textarea";
 export type { TextareaProps } from "./components/Textarea/Textarea";
 export { Radio } from "./components/Radio/Radio";
 export type { RadioProps } from "./components/Radio/Radio";
 export { RadioGroup } from "./components/RadioGroup/RadioGroup";
 export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
-export { default as Checkbox } from "./components/Checkbox/Checkbox";
+export { Checkbox } from "./components/Checkbox/Checkbox";
 export type { CheckboxProps } from "./components/Checkbox/Checkbox";
 export { Select } from "./components/Select/Select";
 export type { SelectProps } from "./components/Select/Select";
@@ -209,7 +209,7 @@ export type {
 } from "./components/CustomSelect/CustomSelect";
 export { CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
 export type { CustomSelectOptionProps } from "./components/CustomSelectOption/CustomSelectOption";
-export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { DatePicker } from "./components/DatePicker/DatePicker";
 export type {
   DatePickerProps,
   DatePickerDateFormat,
@@ -239,17 +239,17 @@ export type { DateRangeInputProps } from "./components/DateRangeInput/DateRangeI
  */
 export { Div } from "./components/Div/Div";
 export type { DivProps } from "./components/Div/Div";
-export { default as Tappable } from "./components/Tappable/Tappable";
+export { Tappable } from "./components/Tappable/Tappable";
 export type { TappableProps } from "./components/Tappable/Tappable";
 export { Touch } from "./components/Touch/Touch";
 export type { TouchProps } from "./components/Touch/Touch";
 export { PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
 export type { PanelSpinnerProps } from "./components/PanelSpinner/PanelSpinner";
-export { default as PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
-export { default as PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";
+export { PanelHeaderClose } from "./components/PanelHeaderClose/PanelHeaderClose";
+export { PanelHeaderBack } from "./components/PanelHeaderBack/PanelHeaderBack";
 export type { PanelHeaderBackProps } from "./components/PanelHeaderBack/PanelHeaderBack";
-export { default as PanelHeaderSubmit } from "./components/PanelHeaderSubmit/PanelHeaderSubmit";
-export { default as PanelHeaderEdit } from "./components/PanelHeaderEdit/PanelHeaderEdit";
+export { PanelHeaderSubmit } from "./components/PanelHeaderSubmit/PanelHeaderSubmit";
+export { PanelHeaderEdit } from "./components/PanelHeaderEdit/PanelHeaderEdit";
 export type { PanelHeaderEditProps } from "./components/PanelHeaderEdit/PanelHeaderEdit";
 export { ModalCardBase } from "./components/ModalCardBase/ModalCardBase";
 export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBase";
@@ -260,7 +260,7 @@ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBas
 export { AppRoot } from "./components/AppRoot/AppRoot";
 export type { AppRootProps } from "./components/AppRoot/AppRoot";
 export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
-export { default as ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
+export { ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
 export {
   ConfigProviderContext,
@@ -274,7 +274,7 @@ export { LocaleProviderContext } from "./components/LocaleProviderContext/Locale
 /**
  * Advertisement
  */
-export { default as PromoBanner } from "./components/PromoBanner/PromoBanner";
+export { PromoBanner } from "./components/PromoBanner/PromoBanner";
 export type { PromoBannerProps } from "./components/PromoBanner/PromoBanner";
 
 /**
@@ -317,7 +317,7 @@ export { useNavTransition } from "./components/NavTransitionContext/NavTransitio
  * Utils
  */
 export { classNamesString as classNames } from "./lib/classNames";
-export { default as animate } from "./lib/animate";
+export { animate } from "./lib/animate";
 export { removeObjectKeys } from "./lib/removeObjectKeys";
 export { SSRWrapper } from "./lib/SSR";
 export type { SSRWrapperProps } from "./lib/SSR";

package/src/lib/animate.ts

@@ -17,8 +17,7 @@ export interface AnimateArgumentsInterface {
   draw: DrawInterface;
 }
 
-// eslint-disable-next-line import/no-default-export
-export default function animate({
+export function animate({
   duration,
   timing,
   draw,

package/src/lib/polyfills.ts

@@ -94,3 +94,20 @@ if (!Array.prototype.find) {
     },
   });
 }
+
+// String.prototype.padStart
+if (!String.prototype.padStart) {
+  String.prototype.padStart = function padStart(targetLength, padString) {
+    targetLength = targetLength >> 0;
+    padString = String(padString || " ");
+    if (this.length > targetLength) {
+      return String(this);
+    } else {
+      targetLength = targetLength - this.length;
+      if (targetLength > padString.length) {
+        padString += padString.repeat(targetLength / padString.length);
+      }
+      return padString.slice(0, targetLength) + String(this);
+    }
+  };
+}

package/src/styles/components.css

@@ -87,7 +87,7 @@
 @import "../components/Avatar/Avatar.css";
 @import "../components/InitialsAvatar/InitialsAvatar.css";
 @import "../components/GridAvatar/GridAvatar.css";
-@import "../components/Gallery/Gallery.css";
+@import "../components/BaseGallery/BaseGallery.css";
 @import "../components/Progress/Progress.css";
 @import "../components/Search/Search.css";
 @import "../components/Tabs/Tabs.css";