@popsure/dirty-swan 0.62.5 → 0.63.1

package/src/lib/components/comparisonTable/index.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { Fragment } from 'react';
+import { Fragment, useRef, useState } from 'react';
 import { ScrollSync, ScrollSyncPane } from 'react-scroll-sync';
 
 import { AccordionItem } from './components/AccordionItem';
@@ -52,6 +52,8 @@ export interface ComparisonTableProps<T> {
   hideScrollBars?: boolean;
   hideScrollBarsMobile?: boolean;
   collapsibleSections?: boolean;
+  scrollOnOpen?: boolean;
+  scrollTopOffset?: number;
   cellWidth?: number;
   firstColumnWidth?: number;
   stickyHeaderTopOffset?: number;
@@ -83,6 +85,8 @@ const ComparisonTable = <T extends { id: number }>(
     hideScrollBars,
     hideScrollBarsMobile = true,
     collapsibleSections,
+    scrollOnOpen,
+    scrollTopOffset = 0,
     cellWidth,
     firstColumnWidth,
     stickyHeaderTopOffset,
@@ -94,8 +98,6 @@ const ComparisonTable = <T extends { id: number }>(
     headerWidth,
     headerId,
     contentContainerRef,
-    selectedSection,
-    setSelectedSection,
     selectedTabIndex,
     headerRefCallbackRef,
     handleArrowsClick,
@@ -103,6 +105,9 @@ const ComparisonTable = <T extends { id: number }>(
     showMore,
   } = useComparisonTable({ onSelectionChanged });
 
+  const [openSectionId, setOpenSectionId] = useState<number | null>(null);
+  const stickyHeaderRef = useRef<HTMLDivElement>(null);
+
   const cssVariablesStyle = {
     '--tableWidth': `${headerWidth}px`,
     ...(cellWidth ? { '--cellWidth': `${cellWidth}px` } : {}),
@@ -125,6 +130,7 @@ const ComparisonTable = <T extends { id: number }>(
         })}
       >
         <div
+          ref={stickyHeaderRef}
           id={headerId}
           className={classNames(baseStyles.header, classNameOverrides?.header)}
         >
@@ -190,6 +196,18 @@ const ComparisonTable = <T extends { id: number }>(
                         )}
                         label={headerGroup.label}
                         headerClassName="p24 br8"
+                        isOpen={openSectionId === headerGroup.id}
+                        onToggle={() =>
+                          setOpenSectionId((prev) =>
+                            prev === headerGroup.id ? null : headerGroup.id
+                          )
+                        }
+                        scrollOnOpen={scrollOnOpen}
+                        scrollTopOffset={
+                          scrollTopOffset +
+                          (stickyHeaderRef.current?.getBoundingClientRect()
+                            .height ?? 0)
+                        }
                       >
                         <ScrollSyncPane>
                           <div

package/src/lib/components/dateSelector/components/calendarCaption.module.scss

@@ -44,7 +44,6 @@
   border: 1px solid $ds-neutral-300;
   cursor: pointer;
   font-weight: 700;
-  font-size: 1.15em;
   color: $ds-neutral-900;
   padding: 8px 12px;
   border-radius: 8px;

package/src/lib/components/dateSelector/components/datepicker.scss

@@ -244,7 +244,6 @@
   top: -112px;
   z-index: 100;
   background-color: white;
-  border: 1px solid #d2d2d8;
   box-shadow: 0px 0px 32px rgba(210, 210, 216, 0.25);
   border-radius: 16px;
   display: inline-block;

package/src/lib/components/table/Table.stories.tsx

@@ -143,6 +143,48 @@ const initialData: TableData = [
         { rating: { type: 'zap', value: 3 } },
         { rating: { type: 'star', value: 3 } },
       ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
+      [
+        { text: 'Rating', modalContent: 'info' },
+        { rating: { type: 'zap', value: 1 }, modalContent: 'Maybe' },
+        { rating: { type: 'zap', value: 3 } },
+        { rating: { type: 'star', value: 3 } },
+      ],
       [
         {
           type: 'CARD',
@@ -203,6 +245,14 @@ const story = {
     collapsibleSections: {
       subContent: 'This property allows to collapse the sections of the table.',
     },
+    scrollOnOpen: {
+      subContent:
+        'When enabled, the page scrolls to the top of a newly expanded section.',
+    },
+    scrollTopOffset: {
+      subContent:
+        'Offset in pixels from the top of the viewport when scrolling to an expanded section.',
+    },
     hideDetails: {
       subContent: 'This property allows to hide the details of the table.',
     },
@@ -244,7 +294,9 @@ const story = {
   },
   args: {
     tableData: initialData,
-    collapsibleSections: false,
+    collapsibleSections: true,
+    scrollOnOpen: true,
+    scrollTopOffset: 0,
     hideDetails: false,
     stickyHeaderTopOffset: 0,
     title: 'Title of the table',
@@ -262,6 +314,8 @@ const story = {
 export const TableStory = {
   render: ({
     collapsibleSections,
+    scrollOnOpen,
+    scrollTopOffset,
     tableData,
     hideColumns,
     hideDetails,
@@ -303,6 +357,8 @@ export const TableStory = {
             },
           }}
           collapsibleSections={collapsibleSections}
+          scrollOnOpen={scrollOnOpen}
+          scrollTopOffset={scrollTopOffset}
           tableData={tableData}
           hideColumns={hideColumns}
           hideDetails={hideDetails}

package/src/lib/components/table/Table.tsx

@@ -39,6 +39,8 @@ export interface TableProps {
   modalContentRenderer?: (content: ReactNode) => ReactNode;
   onModalOpen?: ModalFunction;
   onSelectionChanged?: (index: number) => void;
+  scrollOnOpen?: boolean;
+  scrollTopOffset?: number;
   stickyHeaderTopOffset?: number;
   tableData: TableData;
   textOverrides?: TextOverrides;
@@ -63,6 +65,8 @@ const Table = ({
   modalContentRenderer,
   onModalOpen,
   onSelectionChanged,
+  scrollOnOpen,
+  scrollTopOffset = 0,
   stickyHeaderTopOffset = 0,
   tableData,
   textOverrides: definedTextOverrides,
@@ -76,6 +80,7 @@ const Table = ({
   const [shouldHideDetails, setShouldHideDetails] = useState(true);
   const containerRef = useRef<HTMLDivElement | null>(null);
   const headerRef = useRef<HTMLDivElement | null>(null);
+  const stickyHeaderRef = useRef<HTMLDivElement | null>(null);
   const columnsLength = tableData[0].rows[0].length;
 
   useScrollSync(headerRef, containerRef, !isMobile);
@@ -154,6 +159,7 @@ const Table = ({
         </>
       ) : (
         <div
+          ref={stickyHeaderRef}
           aria-hidden
           className={styles.stickyHeader}
           style={{ top: `${stickyHeaderTopOffset}px` }}
@@ -179,6 +185,9 @@ const Table = ({
           title={title}
           className={className}
           collapsibleSections={collapsibleSections}
+          scrollOnOpen={scrollOnOpen}
+          scrollTopOffset={scrollTopOffset}
+          stickyHeaderRef={stickyHeaderRef}
           hideColumns={hideColumns}
           hideDetails={hideDetails}
           hideRows={hideRows}

package/src/lib/components/table/components/TableContents/Collapsible.tsx

@@ -4,9 +4,10 @@ import classNames from 'classnames';
 interface CollapsibleProps {
   children: ReactNode;
   isExpanded?: boolean;
+  onTransitionEnd?: () => void;
 }
 
-export const Collapsible = ({ children, isExpanded }: CollapsibleProps) => {
+export const Collapsible = ({ children, isExpanded, onTransitionEnd }: CollapsibleProps) => {
   const [height, setHeight] = useState<number | undefined>();
 
   const observerRef = useRef<ResizeObserver | null>(null);
@@ -45,6 +46,7 @@ export const Collapsible = ({ children, isExpanded }: CollapsibleProps) => {
       style={{
         maxHeight: isExpanded ? height : '0px',
       }}
+      onTransitionEnd={isExpanded ? onTransitionEnd : undefined}
     >
       {children}
     </div>

package/src/lib/components/table/components/TableContents/TableContents.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { MutableRefObject, useCallback, useRef, useState } from 'react';
 import { TableSection } from '../TableSection/TableSection';
 import { ChevronDownIcon, ChevronUpIcon } from '../../../icon';
 import { Card } from '../../../cards/card';
@@ -12,6 +12,9 @@ import { IconRenderer } from '../IconRenderer/IconRenderer';
 export interface TableContentsProps {
   className?: string;
   collapsibleSections?: boolean;
+  scrollOnOpen?: boolean;
+  scrollTopOffset?: number;
+  stickyHeaderRef?: MutableRefObject<HTMLDivElement | null>;
   tableData: TableData;
   hideColumns?: number[];
   hideDetails?: boolean;
@@ -27,6 +30,9 @@ export interface TableContentsProps {
 const TableContents = ({
   className,
   collapsibleSections,
+  scrollOnOpen,
+  scrollTopOffset = 0,
+  stickyHeaderRef,
   tableData,
   hideColumns = [],
   hideDetails,
@@ -39,14 +45,33 @@ const TableContents = ({
   imageComponent,
 }: TableContentsProps) => {
   const [isSectionOpen, setOpenSection] = useState<number | null>(null);
+  const lastToggledSection = useRef<number | null>(null);
+  const sectionRefs = useRef<Record<number, HTMLDivElement | null>>({});
   const firstHeadRow = tableData?.[0]?.rows?.[0];
   const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';
   const handleToggleSection = (index: number) => {
+    lastToggledSection.current = isSectionOpen === index ? null : index;
     setOpenSection((currentSection) =>
       currentSection === index ? null : index
     );
   };
 
+  const handleScrollToSection = useCallback(
+    (index: number) => {
+      if (scrollOnOpen && lastToggledSection.current === index && sectionRefs.current[index]) {
+        const headerHeight =
+          stickyHeaderRef?.current?.getBoundingClientRect().height ?? 0;
+        const top =
+          sectionRefs.current[index]!.getBoundingClientRect().top +
+          window.scrollY -
+          scrollTopOffset -
+          headerHeight;
+        window.scrollTo({ top, behavior: 'smooth' });
+      }
+    },
+    [scrollOnOpen, scrollTopOffset, stickyHeaderRef]
+  );
+
   // Calculate global row offset for each section
   let globalRowOffset = 0;
 
@@ -69,7 +94,7 @@ const TableContents = ({
           .filter(localRowIndex => localRowIndex >= 0 && localRowIndex < rows.length);
 
         const result = (isFirstSection || isVisible) && (
-          <div key={index}>
+          <div key={index} ref={(el) => { sectionRefs.current[index] = el; }}>
             {section?.title && (
               <div className={styles.cardWrapper}>
                 <div className={classNames(styles.card, 'p0')}>
@@ -103,7 +128,10 @@ const TableContents = ({
               </div>
             )}
 
-            <Collapsible isExpanded={isExpanded}>
+            <Collapsible
+              isExpanded={isExpanded}
+              onTransitionEnd={() => handleScrollToSection(index)}
+            >
               <TableSection
                 className={classNames(className, 'mb24')}
                 tableCellRows={

package/dist/cjs/lib/components/button/index.stories.d.ts

@@ -1,63 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps, ButtonVariant } from '.';
-declare const story: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<{
-        children: import("react").ReactNode;
-        variant?: ButtonVariant | undefined;
-        leftIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        rightIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        loading?: boolean | undefined;
-        hideLabel?: boolean | undefined;
-    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children">, "color" | "name" | "className" | "form" | "slot" | "style" | "title" | "children" | "onClick" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "loading" | "variant" | "leftIcon" | "rightIcon" | "hideLabel"> & import("react").RefAttributes<HTMLButtonElement>>;
-    argTypes: {
-        children: {
-            control: string;
-            description: string;
-        };
-        variant: {
-            description: string;
-        };
-        leftIcon: {
-            description: string;
-        };
-        rightIcon: {
-            description: string;
-        };
-        loading: {
-            description: string;
-        };
-        hideLabel: {
-            description: string;
-        };
-        className: {
-            type: string;
-            description: string;
-        };
-    };
-    args: {
-        children: string;
-        disabled: boolean;
-        variant: string;
-        loading: boolean;
-        hideLabel: boolean;
-        className: string;
-    };
-    parameters: {
-        design: {
-            url: string;
-            type: string;
-        };
-    };
-};
-export declare const ButtonStory: {
-    ({ className, loading, children, variant, hideLabel, leftIcon, rightIcon, disabled, }: ButtonProps): JSX.Element;
-    storyName: string;
-};
-export declare const ButtonVariants: ({ children, onClick }: ButtonProps) => JSX.Element;
-export declare const ButtonOnBackgrounds: ({ onClick }: ButtonProps) => JSX.Element;
-export declare const ButtonWithIcons: ({ children, onClick }: ButtonProps) => JSX.Element;
-export declare const ButtonWithIconOnly: ({ children, onClick }: ButtonProps) => JSX.Element;
-export declare const ButtonLoading: ({ children, onClick }: ButtonProps) => JSX.Element;
-export declare const ButtonDisabled: ({ children, onClick }: ButtonProps) => JSX.Element;
-export default story;

package/dist/cjs/mapStyle-a64f125f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapStyle-a64f125f.js","sources":["../../../src/lib/components/autocompleteAddress/mapStyle.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}