@axinom/mosaic-ui 0.35.0-rc.7 → 0.35.0-rc.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.35.0-rc.7",
+  "version": "0.35.0-rc.8",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -32,12 +32,13 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@axinom/mosaic-core": "^0.4.8-rc.7",
+    "@axinom/mosaic-core": "^0.4.8-rc.8",
     "@faker-js/faker": "^7.4.0",
     "@popperjs/core": "^2.9.2",
     "clsx": "^1.1.0",
     "lodash": "^4.17.21",
     "luxon": "^3.3.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-calendar": "^3.3.1",
     "react-content-loader": "^6.0.3",
     "react-imask": "^6.4.3",
@@ -72,6 +73,7 @@
     "@storybook/testing-library": "^0.1.0",
     "@storybook/theming": "^7.0.6",
     "@types/luxon": "^3.2.0",
+    "@types/react-beautiful-dnd": "^13.1.4",
     "@types/react-calendar": "^3.1.2",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-transition-group": "^4.2.3",
@@ -102,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eb66c99a264800690d2853aa57e541968aa31aad"
+  "gitHead": "165d2e51668d43ffaa6a797340b3e6c2eb69bf1e"
 }

package/src/components/DynamicDataList/DynamicDataList.scss

@@ -8,65 +8,4 @@
   grid-template-rows: 1fr;
   grid-template-columns: 1fr;
   row-gap: var(--dynamic-list-row-gap, $dynamic-list-row-gap);
-
-  // Header, Rows, Data Entry Row
-  & > div {
-    display: grid;
-    padding: 1px 0px 1px 0px;
-    grid-auto-rows: var(--dynamic-list-row-height, $dynamic-list-row-height);
-    column-gap: var(--dynamic-list-column-gap, $dynamic-list-column-gap);
-
-    border-bottom: var(--dynamic-list-row-border, $dynamic-list-row-border);
-
-    justify-items: left;
-    align-items: center;
-  }
-
-  &:not(.noHeader) {
-    // header specific
-    & > div:first-child {
-      border-bottom: solid 1px $light-gray;
-    }
-  }
-
-  // no header styles
-  &.noHeader {
-    // set background color for odd elements
-    & > div:nth-child(odd) {
-      background-color: var(
-        --dynamic-list-row-bg-color,
-        $dynamic-list-row-bg-color
-      );
-
-      &:hover {
-        background-color: var(
-          --dynamic-list-row-hover-bg-color,
-          $dynamic-list-row-hover-bg-color
-        );
-      }
-    }
-  }
-}
-
-.rowEnter {
-  opacity: 0;
-  background-color: rgba($blue, 0.15) !important;
-}
-
-.rowEnterActive {
-  opacity: 1;
-  background-color: var(
-    --dynamic-list-row-bg-color,
-    $dynamic-list-row-bg-color
-  ) !important;
-
-  transition: background-color 1000ms ease-out 100ms, opacity 100ms ease-out;
-}
-
-.rowExit {
-  opacity: 1;
-}
-.rowExitActive {
-  opacity: 0;
-  transition: opacity 50ms ease-out;
 }