pixel-react 1.4.5 → 1.4.6

package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx

@@ -7,102 +7,36 @@ import Typography from '../Typography';
 import './SequentialConnectingBranch.scss';
 import { useEffect, useRef, useState } from 'react';
 import ConnectingBranches from './components/ConnectingBranches/ConnectingBranches';
-import DatasetListModal from './components/DatasetListModal/DatasetListModal';
-import AddBrowserModal from './components/AddBrowserModal/AddBrowserModal';
 import { ExecutionContext, SequentialConnectingBranchProps } from './types';
-import { Option } from '../Select/types';
-import { ffid } from '../../utils/ffID/ffid';
 
 const SequentialConnectingBranch = ({
   machineInstances = [],
   machineColumnWidth = 180,
   machineColumnCount = 1,
-  machineInstance,
-  selectedMachine = '',
+  selectedMachine = {},
   machineOptionsList = [],
-  onMachineSelectionChange = () => {},
+  onHandleSelect = () => {},
+  onAddBrowserInstance = () => {},
+  onAddRunBrowserInstance = () => {},
+  onDeleteBrowserInstance = () => {},
 }: SequentialConnectingBranchProps) => {
   const dataListRef = useRef<HTMLButtonElement>(null);
   const selectButtonRef = useRef<HTMLButtonElement>(null);
   const defaultMachineColumnCount = Math.max(machineColumnCount, 1);
   const defaultMachineColumnWidth = Math.max(machineColumnWidth, 180);
 
-  const isBrowserDetails = checkEmpty(machineInstances);
-  const [datasetListModal, setDatasetListModal] = useState(
-    !!selectedMachine && isBrowserDetails
-  );
-  const [addBrowserModal, setAddBrowserModal] = useState(false);
   const [machineBranchInstances, setMachineBranchInstances] = useState<
     ExecutionContext[] | {}[]
-  >(machineInstances);
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  const onHandleSelect = (option: Option) => {
-    setDatasetListModal(true);
-    onMachineSelectionChange(option);
-  };
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  const onUpdateDatasetList = () => {
-    setDatasetListModal(false);
-    setAddBrowserModal(true);
-  };
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  const onUpdateAddBrowser = () => {
-    setAddBrowserModal(false);
-    setDatasetListModal(false);
-  };
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  const onAddBrowser = () => {
-    const newMachineInstance = { ...machineInstance, id: ffid() };
-    setMachineBranchInstances((prevInstances) => [
-      ...prevInstances.slice(0, -1),
-      newMachineInstance,
-      {},
-    ]);
-  };
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  const onDeleteBrowser = (id: string, runCount: number) => {
-    const machineInstance = machineBranchInstances.filter((instance) => {
-      if ('id' in instance && 'runCount' in instance) {
-        return instance.id !== id || instance.runCount !== runCount;
-      }
-      return true;
-    });
-    setMachineBranchInstances(machineInstance);
-  };
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  const onAddRunBrowser = (id: string) => {
-    const index = machineBranchInstances.findLastIndex(
-      (instance) => 'id' in instance && instance.id === id
-    );
+  >([]);
 
-    if (index !== -1) {
-      const existingMachineInstance = machineBranchInstances[index];
-
-      if (existingMachineInstance && 'runCount' in existingMachineInstance) {
-        const newRunInstance = {
-          ...existingMachineInstance,
-          runCount: (existingMachineInstance.runCount ?? 0) + 1,
-        };
-
-        setMachineBranchInstances((prevInstances) => [
-          ...prevInstances.slice(0, index + 1),
-          newRunInstance,
-          ...prevInstances.slice(index + 1),
-        ]);
-      }
-    }
-  };
+  const isMachineInstances = checkEmpty(machineInstances);
+  const isMachineSelected = checkEmpty(selectedMachine);
 
   useEffect(() => {
-    setMachineBranchInstances([...machineBranchInstances, {}]);
-  }, []);
-
+    setMachineBranchInstances([...machineInstances, {}]);
+  }, [machineInstances]);
+  console.log(machineInstances, 'machineInstances');
+  console.log(machineBranchInstances, 'machineBranchInstances');
   return (
     <div className="ff-sequential-connecting-branch-wrapper">
       <div className="ff-connecting-select-branch-wrapper">
@@ -114,21 +48,25 @@ const SequentialConnectingBranch = ({
             label="Choose Machine"
             showLabel={true}
             className="ff-sequential-select-branch"
+            width={'240px'}
+            selectedOption={selectedMachine}
+            valueAccessor={'name'}
           />
-          {/* {isBrowserDetails && !!selectedMachine && ( */}
-          {!!selectedMachine && (
+          {!isMachineSelected && (
             <div
               className={classNames({
-                'ff-select-branch-arrow': isBrowserDetails,
-                'ff-select-branch-arrow-down': !isBrowserDetails,
+                'ff-select-branch-arrow': isMachineInstances,
+                'ff-select-branch-arrow-down': !isMachineInstances,
               })}
             >
               <div className="ff-select-branch-point"></div>
               <div className="ff-select-branch-arrow">
                 <div className="ff-branch-arrow-wrapper">
-                  {isBrowserDetails && <div className="ff-branch-arrow"></div>}
+                  {isMachineInstances && (
+                    <div className="ff-branch-arrow"></div>
+                  )}
                 </div>
-                {addBrowserModal && (
+                {isMachineInstances && (
                   <>
                     <Button
                       variant="tertiary"
@@ -136,12 +74,7 @@ const SequentialConnectingBranch = ({
                       size="small"
                       className="branch-button"
                       ref={selectButtonRef}
-                      onClick={onAddBrowser}
-                    />
-
-                    <AddBrowserModal
-                      ref={selectButtonRef}
-                      onUpdateAddBrowser={onUpdateAddBrowser}
+                      onClick={onAddBrowserInstance}
                     />
                   </>
                 )}
@@ -168,12 +101,6 @@ const SequentialConnectingBranch = ({
               className="ff-dataset-icon"
               ref={dataListRef}
             />
-            {datasetListModal && (
-              <DatasetListModal
-                ref={dataListRef}
-                onUpdateDatasetList={onUpdateDatasetList}
-              />
-            )}
             <Typography
               as="span"
               fontSize={12}
@@ -191,14 +118,14 @@ const SequentialConnectingBranch = ({
         </div>
       </div>
       <div className="ff-sequential-branches-wrapper">
-        {!isBrowserDetails && (
+        {!isMachineInstances && (
           <ConnectingBranches
             machineBranchInstances={machineBranchInstances}
             machineColumnCount={defaultMachineColumnCount}
             machineColumnWidth={defaultMachineColumnWidth}
-            onAddBrowser={onAddBrowser}
-            onDeleteBrowser={onDeleteBrowser}
-            onAddRunBrowser={onAddRunBrowser}
+            onAddBrowser={onAddBrowserInstance}
+            onDeleteBrowser={onDeleteBrowserInstance}
+            onAddRunBrowser={onAddRunBrowserInstance}
           />
         )}
       </div>

package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss

@@ -40,14 +40,14 @@
 @mixin branch-arrow(
   $clip: polygon(0 0, 0% 100%, 100% 50%),
   $horizontal-pos: right,
-  $offset: -1px
+  $offset: -2px
 ) {
   position: absolute;
   height: 5px;
   width: 5px;
   background-color: var(--ff-connecting-branch-color);
   clip-path: $clip;
-  top: calc(25% - 4px);
+  top: calc(25% - 3px);
   #{$horizontal-pos}: $offset;
   z-index: 2;
 }
@@ -138,12 +138,12 @@
     }
 
     .ff-connecting-branch-point-reverse {
-      @include branch-point($position: left, $offset: -4px);
+      @include branch-point($position: left, $offset: -2px);
     }
   }
 
   .ff-connecting-branch-middle-arrow {
-    height: 0px;
+    height: 0;
     width: 100%;
     margin-top: calc(50% - 3px);
     position: relative;
@@ -180,5 +180,5 @@
 
 .ff-connecting-branch-grid-reverse {
   direction: rtl;
-  margin: 0px 0px 16px 0px;
+  margin: 0 0 16px 0;
 }

package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx

@@ -91,7 +91,9 @@ const Branches = ({
           executionEnv = 'Local',
           browserName = 'Local',
           browserVersion = '1',
-          runCount = 0,
+          numberOfRuns = 'numberOfRuns' in machineInstance
+            ? machineInstance.numberOfRuns
+            : 0,
           id = '',
         } = machineInstance as ExecutionContext;
         return (
@@ -107,7 +109,7 @@ const Branches = ({
                   ></div>
                   <MachineInputField
                     width={`${machineColumnWidth}px`}
-                    runCount={runCount}
+                    runCount={numberOfRuns}
                     key={ffid()}
                     options={[
                       { label: executionEnv, type: executionEnv },
@@ -144,7 +146,7 @@ const Branches = ({
                   <Icon
                     name="delete"
                     className="ff-connecting-delete-icon"
-                    onClick={() => onDeleteBrowser(id, runCount)}
+                    onClick={() => onDeleteBrowser(id, numberOfRuns)}
                     color="var(--ff-connecting-branch-delete-color)"
                   />
                 </div>

package/src/components/SequentialConnectingBranch/types.ts

@@ -4,10 +4,13 @@ export interface SequentialConnectingBranchProps {
   machineInstances?: ExecutionContext[] | {}[];
   machineColumnWidth?: number;
   machineColumnCount?: number;
-  machineInstance: ExecutionContext;
-  selectedMachine?: string; // TODO: type will change in the future
-  onMachineSelectionChange?: (selectedMachine: Option) => void; // TODO: function will change in the future
+  selectedMachine?: Option;
   machineOptionsList?: Option[];
+  onHandleSelect?: (option: Option) => void;
+  onAddBrowserInstance?: () => void;
+  onUpdateAddBrowserInstance?: () => void;
+  onDeleteBrowserInstance?: (id: string, runCount: number) => void;
+  onAddRunBrowserInstance?: (id: string) => void;
 }
 
 // Type for machine information
@@ -28,7 +31,7 @@ export interface DeviceInfo {
 export interface ExecutionContext {
   id: string;
   clientId: string;
-  runCount: number;
+  numberOfRuns: number;
   executionEnv?: 'Local'; // Change to specific enum if more environments exist
   browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
   browserVersion: string;

package/src/components/Tooltip/Tooltip.scss

@@ -18,6 +18,7 @@
   border-radius: 5px;
   padding: 6px 12px;
   opacity: 0;
+  z-index: 10000;
 
   &--visible {
     opacity: 1;

package/src/components/Tooltip/Tooltip.tsx

@@ -17,7 +17,6 @@ const Tooltip: React.FC<TooltipProps> = ({
   children,
   placement = 'bottom',
   disabled = false,
-  zIndex = 99,
 }) => {
   const [isVisible, setIsVisible] = useState(false);
   const titleRef: TitleRef = useRef(null);
@@ -179,7 +178,7 @@ const Tooltip: React.FC<TooltipProps> = ({
         createPortal(
           <div
             ref={titleRef}
-            style={{ ...styles[placement], zIndex }}
+            style={{ ...styles[placement] }}
             className={classNames('ff-tooltip', currentTheme, {
               'ff-tooltip--visible': isVisible,
             })}

package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx

@@ -1,14 +1,11 @@
 import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { getSequentialPayload } from './getSequentialPayload';
-import {
-  SequentialMachineInstance,
-  MachineExecutionInstanceDataSet,
-} from './types';
+import { MachineExecutionInstance, SequentialMachineInstance } from './types';
 import { ffid } from '../ffID/ffid';
 
 const SequentialPayloadComponent: React.FC<{
-  machineInstances: MachineExecutionInstanceDataSet[];
+  machineInstances: MachineExecutionInstance[];
 }> = ({ machineInstances }) => {
   const payload: SequentialMachineInstance[] =
     getSequentialPayload(machineInstances);

package/src/utils/getSequentialPayload/getSequentialPayload.ts

@@ -1,29 +1,16 @@
-import {
-  SequentialMachineInstance,
-  MachineExecutionInstanceDataSet,
-} from './types';
+import { MachineExecutionInstance, SequentialMachineInstance } from './types';
 
 export const getSequentialPayload = (
-  machineInstances: MachineExecutionInstanceDataSet[] = []
+  data: MachineExecutionInstance[]
 ): SequentialMachineInstance[] => {
-  return machineInstances.flatMap(
-    (machineInstance: MachineExecutionInstanceDataSet) =>
-      machineInstance.runLevelExecutionDataSets.map(
-        (runLevelExecutionDataSet) => ({
-          id: machineInstance.id,
-          clientId: machineInstance.clientId,
-          numberOfRuns: machineInstance.numberOfRuns,
-          executionEnv: machineInstance.executionEnv,
-          browserName: machineInstance.browserName,
-          browserVersion: machineInstance.browserVersion,
-          systemUrl: machineInstance.systemUrl,
-          machineInfo: machineInstance.machineInfo,
-          deviceInfo: machineInstance.deviceInfo,
-          headless: machineInstance.headless,
-          peVariableSetId: runLevelExecutionDataSet.peVariableSetId,
-          globalVariableSetId: runLevelExecutionDataSet.globalVariableSetId,
-          testDataSetId: runLevelExecutionDataSet.testDataSetId,
-        })
-      )
+  return data.flatMap((item) =>
+    item.runLevelExecutionDataSets.map((runLevel, index) => {
+      const { runLevelExecutionDataSets, ...rest } = item;
+      return {
+        ...rest,
+        ...runLevel,
+        numberOfRuns: index + 1,
+      };
+    })
   );
 };

package/src/utils/getSequentialPayload/types.ts

@@ -20,15 +20,12 @@ export interface MachineExecutionInstance {
   systemUrl: string;
   machineInfo: OperatingSystemInfo;
   deviceInfo: any[];
-  headless: boolean;
-}
-
-export interface MachineExecutionInstanceDataSet
-  extends MachineExecutionInstance {
   runLevelExecutionDataSets: RunLevelExecutionDataSet[];
+  headless: boolean;
 }
 
-export interface SequentialMachineInstance extends MachineExecutionInstance {
+export interface SequentialMachineInstance
+  extends Omit<MachineExecutionInstance, 'runLevelExecutionDataSets'> {
   peVariableSetId: string;
   globalVariableSetId: string;
   testDataSetId: string;

package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import StyleGuide from './ColorPalette';
-declare const meta: Meta<typeof StyleGuide>;
-type Story = StoryObj<typeof StyleGuide>;
-export declare const ColorList: Story;
-export default meta;

package/lib/StyleGuide/Typography/Typography.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Typography from './Typography';
-declare const meta: Meta<typeof Typography>;
-type Story = StoryObj<typeof Typography>;
-export declare const AllFonts: Story;
-export default meta;

package/lib/components/Accordion/Accordion.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Accordion from './Accordion';
-declare const meta: Meta<typeof Accordion>;
-type Story = StoryObj<typeof Accordion>;
-export declare const SampleAccordion: Story;
-export default meta;

package/lib/components/AddButton/AddButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './AddButton.scss';
-import { AddButtonProps } from './types';
-declare const AddButton: React.FC<AddButtonProps>;
-export default AddButton;

package/lib/components/AddButton/AddButton.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AddButton from './AddButton';
-declare const meta: Meta<typeof AddButton>;
-type Story = StoryObj<typeof AddButton>;
-export declare const PrimaryAddButton: Story;
-export default meta;

package/lib/components/AddButton/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AddButton';

package/lib/components/AddButton/types.d.ts

@@ -1,4 +0,0 @@
-export interface AddButtonProps {
-    name: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}

package/lib/components/AddResourceButton/AddButton.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import AddButton from './AddButton';
-declare const meta: Meta<typeof AddButton>;
-type Story = StoryObj<typeof AddButton>;
-export declare const Default: Story;
-export declare const TwoArrowsButtons: Story;
-export declare const ThreeArrowsButton: Story;
-export default meta;

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AllProjectsDropdown from './AllProjectsDropdown';
-declare const meta: Meta<typeof AllProjectsDropdown>;
-type Story = StoryObj<typeof AllProjectsDropdown>;
-export declare const Default: Story;
-export declare const PrimaryIconButton: Story;
-export default meta;

package/lib/components/AppHeader/AppHeader.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AppHeader from './AppHeader';
-declare const meta: Meta<typeof AppHeader>;
-type Story = StoryObj<typeof AppHeader>;
-export declare const SampleAppHeader: Story;
-export declare const Controlled: Story;
-export default meta;

package/lib/components/AttachImage/AttachImage.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import AttachImage from './AttachImage';
-import { AttachImageProps } from './types';
-declare const meta: Meta<typeof AttachImage>;
-export default meta;
-type Story = StoryObj<AttachImageProps>;
-export declare const Default: Story;

package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AttachmentButton from './AttachmentButton';
-declare const meta: Meta<typeof AttachmentButton>;
-type Story = StoryObj<typeof AttachmentButton>;
-export declare const Default: Story;
-export declare const SmallFileLimit: Story;
-export declare const LargeFileLimit: Story;
-export declare const DisabledUploader: Story;
-export default meta;

package/lib/components/Avatar/Avatar.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Avatar from './Avatar';
-declare const meta: Meta<typeof Avatar>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const CustomAvatarSize: Story;
-export declare const CustomIconSize: Story;

package/lib/components/Button/Button.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Button from './Button';
-declare const meta: Meta<typeof Button>;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const Delete: Story;
-export declare const Warning: Story;
-export declare const PrimaryWithIcon: Story;
-export declare const SecondaryWithIcon: Story;
-export declare const TertiaryWithIcon: Story;
-export default meta;

package/lib/components/Charts/BarChart/BarChart.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import BarChart from './BarChart';
-declare const meta: Meta<typeof BarChart>;
-export default meta;
-type Story = StoryObj<typeof BarChart>;
-export declare const BarChartDashboard: Story;

package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import DashboardDonutChart from './DashboardDonutChart';
-declare const meta: Meta<typeof DashboardDonutChart>;
-export default meta;
-type Story = StoryObj<typeof DashboardDonutChart>;
-export declare const Default: Story;
-export declare const MemoryLegend: Story;

package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import DonutChart from './DonutChart';
-declare const meta: Meta<typeof DonutChart>;
-export default meta;
-type Story = StoryObj<typeof DonutChart>;
-export declare const Default: Story;

package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import IconRadialChart from './IconRadialChart';
-declare const meta: Meta<typeof IconRadialChart>;
-export default meta;
-type Story = StoryObj<typeof IconRadialChart>;
-export declare const Default: Story;
-export declare const Mobile: Story;
-export declare const WithoutIcon: Story;

package/lib/components/Charts/LineChart/LineChart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import LineChart from './LineChart';
-import { LineChartProps } from './types';
-declare const meta: Meta<typeof LineChart>;
-export default meta;
-export declare const DefaultLineChart: StoryObj<LineChartProps>;
-export declare const StatusLineChart: StoryObj<LineChartProps>;

package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import MultiRadialChart from './MultiRadialChart';
-declare const meta: Meta<typeof MultiRadialChart>;
-export default meta;
-type Story = StoryObj<typeof MultiRadialChart>;
-export declare const Default: Story;
-export declare const numberLegend: Story;
-export declare const PillLegend: Story;

package/lib/components/Charts/PieChart/PieChart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import PieChart from './PieChart';
-declare const meta: Meta<typeof PieChart>;
-export default meta;
-type Story = StoryObj<typeof PieChart>;
-export declare const PieChartDashBoard: Story;
-export declare const PieChartDashBoardWithBorder: Story;

package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import RadialChart from './RadialChart';
-declare const meta: Meta<typeof RadialChart>;
-export default meta;
-type Story = StoryObj<typeof RadialChart>;
-export declare const ChartWithStatus: Story;

package/lib/components/Checkbox/Checkbox.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Checkbox from './Checkbox';
-declare const meta: Meta<typeof Checkbox>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Partial: Story;
-export declare const Controlled: Story;

package/lib/components/Chip/Chip.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Chip from './Chip';
-import '../../assets/styles/_colors.scss';
-import './Chip.scss';
-declare const meta: Meta<typeof Chip>;
-type Story = StoryObj<typeof Chip>;
-export declare const Primary: Story;
-export declare const withoutExpand: Story;
-export declare const Group: Story;
-export declare const CustomChip: Story;
-export declare const Success: Story;
-export declare const Errors: Story;
-export declare const Warning: Story;
-export default meta;

package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import ConnectingBranch from './ConnectingBranch';
-declare const meta: Meta<typeof ConnectingBranch>;
-export default meta;
-type Story = StoryObj<typeof ConnectingBranch>;
-export declare const Default: Story;

package/lib/components/DatePicker/DatePicker.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import CustomDatePicker from './DatePicker';
-declare const meta: Meta<typeof CustomDatePicker>;
-export default meta;
-type Story = StoryObj<typeof CustomDatePicker>;
-export declare const Default: Story;
-export declare const StartDateFilter: Story;
-export declare const EndDateInput: Story;
-export declare const ScheduleDateInput: Story;

package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import DragAndDropList from './DragAndDropList';
-declare const meta: Meta<typeof DragAndDropList>;
-type Story = StoryObj<typeof DragAndDropList>;
-export declare const Primary: Story;
-export default meta;

package/lib/components/Drawer/Drawer.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Drawer from './Drawer';
-declare const meta: Meta<typeof Drawer>;
-export default meta;
-type Story = StoryObj<typeof Drawer>;
-export declare const Default: Story;
-export declare const WithoutHeader: Story;
-export declare const WithCustomHeader: Story;
-export declare const WithCustomFooter: Story;
-export declare const WithTertiaryButtons: Story;
-export declare const WithCustomZIndex: Story;
-export declare const Controlled: Story;