@gooddata/sdk-ui-dashboard 10.33.0-alpha.83 → 10.33.0-alpha.9

package/styles/scss/icons.scss

@@ -35,7 +35,7 @@
         }
 
         &::before {
-            background: url("@gooddata/sdk-ui-dashboard/esm/assets/trend-positive.svg") no-repeat center;
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/trend-positive.svg") no-repeat center;
         }
 
         &.is-selected {
@@ -53,7 +53,7 @@
         }
 
         &::before {
-            background: url("@gooddata/sdk-ui-dashboard/esm/assets/trend-negative.svg") no-repeat center;
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/trend-negative.svg") no-repeat center;
         }
 
         &.is-selected {
@@ -66,20 +66,20 @@
     }
 
     &.type-measure::before {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg") no-repeat center;
     }
 
     &.type-metric::before {
         margin-top: 0;
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg") no-repeat center;
     }
 
     &.type-attribute::before {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg") no-repeat center;
     }
 
     &.type-date::before {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
     }
 
     &.type-comparison::before {
@@ -98,85 +98,87 @@
     }
 }
 
-.gd-icon-list {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+.gd-list-item {
+    .gd-icon-list {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-save-as-new {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-save-as-new {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-filter {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/filter.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-filter {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/filter.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-pdf {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-pdf.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-pdf {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-pdf.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-sheet {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-sheet.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-sheet {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-sheet.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-slides {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-slides.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-slides {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-slides.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-image {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-image.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-image {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-image.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-csv-raw {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-csv-raw.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-csv-raw {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-csv-raw.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-csv-formatted {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-csv-formatted.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-csv-formatted {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-csv-formatted.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
 }
 

package/styles/scss/notifications_channels_dialog.scss

@@ -143,22 +143,6 @@ $min-content-height: 110px;
     }
 
     .gd-attachment-list {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        flex: 1;
-        overflow: hidden;
-        margin: -2px 0;
-        flex-wrap: wrap;
-        gap: 5px;
-        scroll-margin-bottom: 40px;
-
-        @media #{kit-variables.$small-only} {
-            max-width: none;
-        }
-    }
-
-    .gd-attachment-list-old {
         display: flex;
         flex-direction: row;
         align-items: end;
@@ -338,7 +322,6 @@ $min-content-height: 110px;
         display: flex;
         flex-direction: column;
         padding: 15px 10px;
-        gap: var(--gd-spacing-10px);
     }
 
     .gd-attachment-settings-dropdown-footer {
@@ -464,7 +447,7 @@ $min-content-height: 110px;
             border: none;
             cursor: pointer;
 
-            background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
+            background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
             background-color: transparent;
             background-position: center center;
         }
@@ -914,74 +897,3 @@ $min-content-height: 110px;
 .gd-recurrence-form .gd-input-component .gd-label {
     min-width: unset;
 }
-
-.gd-attachment-type-label {
-    display: inline-flex;
-    gap: var(--gd-spacing-10px);
-    align-items: center;
-    margin-inline-start: 5px;
-}
-
-.gd-attachment-types-content {
-    padding: var(--gd-spacing-10px);
-}
-
-.gd-attachment-type-item {
-    padding: 3px 0;
-    font-size: 12px;
-}
-
-.gd-attachment-chip {
-    height: 27px;
-    max-width: 245px;
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    position: relative;
-    border-radius: 20px;
-    padding-left: var(--gd-spacing-10px);
-    font-size: 12px;
-    border: 1px solid var(--gd-palette-complementary-4);
-    background-color: var(--gd-palette-complementary-0);
-    color: var(--gd-palette-complementary-7);
-    &:has(.gd-attachment-chip-delete:hover) {
-        background-color: var(--gd-palette-error-dimmed);
-        color: var(--gd-palette-error-base);
-        border: 1px solid var(--gd-palette-error-base-t85);
-    }
-}
-
-.gd-attachment-chip-label {
-    display: inline-flex;
-    gap: var(--gd-spacing-5px);
-    align-items: center;
-}
-
-.gd-attachment-chip-button {
-    background: none;
-    border: none;
-    padding: 0;
-    font: inherit;
-    cursor: pointer;
-    color: var(--gd-palette-complementary-6);
-    display: grid;
-    place-items: center;
-    width: 27px;
-    height: 100%;
-    &:hover {
-        color: var(--gd-palette-complementary-8);
-    }
-}
-
-.gd-attachment-chip-delete {
-    &:hover {
-        color: var(--gd-palette-error-base);
-    }
-}
-
-.gd-attachment-list-error {
-    color: var(--gd-palette-error-base);
-    font-size: 12px;
-}

package/styles/scss/poweredByGDLogo.scss

@@ -1,4 +1,4 @@
-// (C) 2019-2025 GoodData Corporation
+// (C) 2019-2020 GoodData Corporation
 .gd-powered-by-logo-wrapper {
     right: 0;
     bottom: 0;
@@ -23,14 +23,14 @@
     &-large {
         width: 165px;
         height: 30px;
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-large.svg?v=2022");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-large.svg?v=2022");
         background-size: 165px 30px;
     }
 
     &-small {
         width: 146px;
         height: 16px;
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-small.svg?v=2022");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-small.svg?v=2022");
         background-size: 146px 16px;
     }
 }

package/styles/scss/resizing.scss

@@ -8,6 +8,7 @@
     top: 0;
     right: 20px;
     bottom: 100%;
+    width: 0;
     height: 100%;
 }
 
@@ -22,8 +23,8 @@
 .dash-width-resizer-hotspot,
 .resizer-drag-preview {
     display: flex;
-    justify-content: center;
-    width: 20px;
+    width: 40px;
+    padding: 0 0 0 5px;
     cursor: col-resize;
 }
 
@@ -208,6 +209,7 @@
 }
 
 .gd-grid-layout-width-resizer-drag-preview {
+    padding: 0 0 0 10px;
     &.gd-first-container-row-widget {
         .gd-fluidlayout-width-resizer__container {
             padding-top: 0;
@@ -222,14 +224,15 @@
         border-radius: 4px;
     }
     .gd-fluidlayout-width-resizer {
+        padding: 4px 0;
         display: flex;
         flex-direction: column;
         border-radius: 4px;
-        align-items: center;
 
         .width-resizer-line {
             flex: 1 0 auto;
             width: 0;
+            margin-left: 4px;
             height: unset;
         }
     }
@@ -286,11 +289,10 @@
 
 .gd-grid-layout {
     .dash-width-resizer-container {
-        position: absolute;
-        right: -20px;
-        width: 20px;
-        display: flex;
-        justify-content: center;
+        position: relative;
+        left: -10px;
+        right: 0;
+        width: 0;
         &.gd-first-container-row-widget {
             .gd-fluidlayout-width-resizer__container {
                 padding-top: 0;
@@ -300,9 +302,7 @@
 
     .gd-fluidlayout-width-resizer__container {
         background: variables.$gd-dashboards-content-backgroundColor;
-        width: 20px;
-        display: flex;
-        justify-content: center;
+        width: 100%;
     }
 
     .dash-height-resizer-hotspot {
@@ -331,10 +331,9 @@
 
 .sdk-edit-mode-on .gd-grid-layout {
     .dash-width-resizer-hotspot {
-        position: static;
+        position: unset;
         width: 20px;
-        display: flex;
-        justify-content: center;
+        padding: 0 0 0 10px;
     }
 
     .gd-resize-overlay-text {
@@ -372,72 +371,3 @@
         left: unset;
     }
 }
-
-.gd-grid-layout-ruler {
-    $root: &;
-
-    --bullet-size: 6px;
-    --bullet-size-active: 9px;
-    --gap: 20px;
-
-    padding: 20px 0 20px var(--gap);
-    position: absolute;
-    left: 0;
-    right: 0;
-    display: flex;
-    pointer-events: none;
-
-    &__grid {
-        flex-grow: 1;
-        flex-shrink: 0;
-        display: grid;
-        gap: var(--gap);
-        grid-template-columns: repeat(var(--columns-num), 1fr);
-        grid-template-rows: auto;
-        justify-content: start;
-        align-items: stretch;
-    }
-
-    &__bullet-container {
-        width: var(--gap);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        position: relative;
-        left: calc(var(--gap) * -1);
-
-        &--last {
-            left: 0;
-        }
-    }
-
-    &__bullet {
-        width: var(--bullet-size);
-        height: var(--bullet-size);
-        border-radius: 100%;
-        background-color: var(
-            --gd-palette-complementary-6-from-theme,
-            kit-variables.$default-gd-color-disabled
-        );
-        position: absolute;
-
-        opacity: 0;
-        transform: translateY(-20px);
-        transition: transform 0.2s ease-out, opacity 0.1s ease-in, width 0.1s ease-out, height 0.1s ease-out;
-
-        #{$root}--active & {
-            opacity: 1;
-            transform: translateY(0);
-        }
-
-        &--active {
-            background-color: kit-variables.$gd-palette-primary-base;
-            width: var(--bullet-size-active);
-            height: var(--bullet-size-active);
-        }
-
-        &--initial {
-            background-color: var(--gd-palette-complementary-9, #000);
-        }
-    }
-}

package/styles/scss/sidebar.scss

@@ -110,14 +110,12 @@
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
-    max-width: 260px;
+    max-width: 240px;
 
     &__image {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/flexible-layouts-tooltip.gif");
-        background-repeat: no-repeat;
-        background-position: left top;
-        background-size: contain;
-        aspect-ratio: 44/27; // This needs to be updated if the image is ever changed
+        width: 100%;
+        aspect-ratio: 3/2;
+        background: fuchsia;
     }
 
     &__actions {

package/esm/model/commandHandlers/layout/rowContainerSanitization.d.ts

@@ -1,15 +0,0 @@
-import { AnyAction } from "@reduxjs/toolkit";
-import { IDashboardLayout, ScreenSize, IDashboardLayoutItem } from "@gooddata/sdk-model";
-import { ExtendedDashboardWidget } from "../../types/layoutTypes.js";
-import { ILayoutItemPath } from "../../../types.js";
-import { IDashboardCommand } from "../../commands/index.js";
-/**
- * Builds actions for row container sanitization when moving items between layouts.
- *
- * If a container is being moved, we need to check if it has a row direction, and it is being moved to
- * a column layout. If yes, we need to change its direction to column. In any case, we need to check all
- * its children and find all the row containers and change their direction to column. We will also need to
- * update the width of all the children to match the moved container width.
- */
-export declare function buildRowContainerSanitizationActions(cmd: IDashboardCommand, rootLayout: IDashboardLayout<ExtendedDashboardWidget>, possibleContainer: IDashboardLayoutItem<ExtendedDashboardWidget>, fromItemIndex: ILayoutItemPath, toItemIndex: ILayoutItemPath, screen: ScreenSize): AnyAction[];
-//# sourceMappingURL=rowContainerSanitization.d.ts.map

package/esm/model/commandHandlers/layout/rowContainerSanitization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rowContainerSanitization.d.ts","sourceRoot":"","sources":["../../../../src/model/commandHandlers/layout/rowContainerSanitization.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAqB,gBAAgB,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE5G,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAyF5D;;;;;;;GAOG;AACH,wBAAgB,oCAAoC,CAChD,GAAG,EAAE,iBAAiB,EACtB,UAAU,EAAE,gBAAgB,CAAC,uBAAuB,CAAC,EACrD,iBAAiB,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,EAChE,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,UAAU,GACnB,SAAS,EAAE,CA0Bb"}

package/esm/model/commandHandlers/layout/rowContainerSanitization.js

@@ -1,82 +0,0 @@
-// (C) 2025 GoodData Corporation
-import { isDashboardLayout } from "@gooddata/sdk-model";
-import { getLayoutConfiguration, getContainerDirectionAtPath, } from "../../../_staging/dashboard/flexibleLayout/layoutConfiguration.js";
-import { getParentPath } from "../../../_staging/layout/coordinates.js";
-import { layoutActions } from "../../store/layout/index.js";
-import { getChildWidgetLayoutPaths, getUpdatedSizesOnly } from "./containerWidthSanitization.js";
-function findNestedRowContainers(container, containerLayoutPath) {
-    if (!isDashboardLayout(container)) {
-        return [];
-    }
-    return [
-        // include itself if the container has a row direction
-        ...(getLayoutConfiguration(container).direction === "row" ? [containerLayoutPath] : []),
-        // process nested items and look for row containers
-        ...container.sections.flatMap((section, sectionIndex) => section.items.flatMap((item, itemIndex) => {
-            const currentPath = [...containerLayoutPath, { sectionIndex, itemIndex }];
-            return item.widget && isDashboardLayout(item.widget)
-                ? findNestedRowContainers(item.widget, currentPath)
-                : [];
-        })),
-    ];
-}
-function mapChildrenWithNewWidth(rootLayout, container, containerLayoutPath, newWidth, screen) {
-    if (!isDashboardLayout(container)) {
-        return [];
-    }
-    const children = getChildWidgetLayoutPaths(container, containerLayoutPath, true);
-    const childrenWithNewSize = children.map((itemPath) => ({
-        itemPath,
-        width: newWidth,
-    }));
-    return getUpdatedSizesOnly(rootLayout, childrenWithNewSize, screen);
-}
-function shouldChangeNestedContainersDirectionToColumn(rootLayout, item, targetItemIndex) {
-    const targetParentPath = getParentPath(targetItemIndex);
-    const targetLayoutDirection = getContainerDirectionAtPath(rootLayout, targetParentPath);
-    return isDashboardLayout(item.widget) && targetLayoutDirection === "column";
-}
-function calculateRowContainerSanitization(rootLayout, possibleContainer, fromItemIndex, toItemIndex, screen) {
-    const changeNestedContainersDirectionToColumn = shouldChangeNestedContainersDirectionToColumn(rootLayout, possibleContainer, toItemIndex);
-    if (!changeNestedContainersDirectionToColumn) {
-        return {
-            containersForDirectionChange: [],
-            childrenWithNewWidth: [],
-        };
-    }
-    const containersForDirectionChange = findNestedRowContainers(possibleContainer.widget, fromItemIndex);
-    const newWidth = possibleContainer.size.xl.gridWidth;
-    const childrenWithNewWidth = mapChildrenWithNewWidth(rootLayout, possibleContainer.widget, fromItemIndex, newWidth, screen);
-    return {
-        containersForDirectionChange,
-        childrenWithNewWidth,
-    };
-}
-/**
- * Builds actions for row container sanitization when moving items between layouts.
- *
- * If a container is being moved, we need to check if it has a row direction, and it is being moved to
- * a column layout. If yes, we need to change its direction to column. In any case, we need to check all
- * its children and find all the row containers and change their direction to column. We will also need to
- * update the width of all the children to match the moved container width.
- */
-export function buildRowContainerSanitizationActions(cmd, rootLayout, possibleContainer, fromItemIndex, toItemIndex, screen) {
-    const { containersForDirectionChange, childrenWithNewWidth } = calculateRowContainerSanitization(rootLayout, possibleContainer, fromItemIndex, toItemIndex, screen);
-    return [
-        ...containersForDirectionChange.map((itemPath) => layoutActions.toggleLayoutDirection({
-            layoutPath: itemPath,
-            direction: "column",
-            undo: {
-                cmd,
-            },
-        })),
-        ...(childrenWithNewWidth.length > 0
-            ? [
-                layoutActions.updateWidthOfMultipleItems({
-                    itemsWithSizes: childrenWithNewWidth,
-                }),
-            ]
-            : []),
-    ];
-}
-//# sourceMappingURL=rowContainerSanitization.js.map

package/esm/model/commandHandlers/layout/rowContainerSanitization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rowContainerSanitization.js","sourceRoot":"","sources":["../../../../src/model/commandHandlers/layout/rowContainerSanitization.ts"],"names":[],"mappings":"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"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export declare const BulletsBar: React.FC;
-export declare const Bullet: React.FC<{
-    index: number;
-    isActive: boolean;
-    isInitial: boolean;
-}>;
-//# sourceMappingURL=BulletsBar.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BulletsBar.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAuC9B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAUrF,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar.js

@@ -1,23 +0,0 @@
-// (C) 2019-2025 GoodData Corporation
-import React from "react";
-import { DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT } from "../../../../_staging/dashboard/flexibleLayout/config.js";
-import { useResizeWidthStatus } from "../../../dragAndDrop/index.js";
-import { bemFactory } from "@gooddata/sdk-ui-kit";
-import cx from "classnames";
-const { b, e } = bemFactory("gd-grid-layout-ruler");
-export const BulletsBar = () => {
-    const widthResizingStatus = useResizeWidthStatus();
-    const isActive = widthResizingStatus.isResizingWidth && !widthResizingStatus.isItemNested;
-    const initialIndex = isActive ? widthResizingStatus.initialIndex : undefined;
-    const currentIndex = isActive ? widthResizingStatus.currentIndex : undefined;
-    const columnsNum = DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT;
-    return (React.createElement("div", { className: b({ active: isActive }), style: { "--columns-num": columnsNum }, "aria-hidden": true },
-        React.createElement("div", { className: e("grid") }, Array.from({ length: columnsNum }).map((_, index) => (React.createElement("div", { key: index, className: e("bullet-container") },
-            React.createElement(Bullet, { index: index, isActive: index === currentIndex, isInitial: index === initialIndex }))))),
-        React.createElement("div", { className: e("bullet-container", { last: true }) },
-            React.createElement(Bullet, { index: DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isActive: currentIndex === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isInitial: initialIndex === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT }))));
-};
-export const Bullet = ({ index, isActive, isInitial, }) => {
-    return (React.createElement("div", { className: cx(`s-resize-bullet-${index}`, e("bullet", { active: isActive, initial: isInitial })) }));
-};
-//# sourceMappingURL=BulletsBar.js.map