@onewelcome/react-lib-components 8.1.2 → 8.2.0

package/src/components/DataGrid/DataGridFilters/DataGridToolbar.module.scss

@@ -16,6 +16,8 @@
 
 @use "../../../mixins.module.scss";
 
+@include mixins.searchInputPointer("search", ".wrapper");
+
 .wrapper {
   display: flex;
   align-items: flex-start;

package/src/components/DataGrid/DataGridHeader/DataGridHeader.tsx

@@ -24,6 +24,7 @@ export interface Props extends ComponentPropsWithRef<"thead"> {
   initialSort?: Sort;
   onSort?: OnSortFunction;
   enableExpandableRow?: boolean;
+  enableNestedRows?: boolean;
   disableContextMenuColumn?: boolean;
   enableMultiSorting?: boolean;
   spacing?: React.CSSProperties;
@@ -38,6 +39,7 @@ const DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement,
     headers,
     disableContextMenuColumn,
     enableExpandableRow,
+    enableNestedRows,
     enableMultiSorting,
     spacing,
     ...rest

package/src/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss

@@ -16,6 +16,8 @@
 
 @use "../../../../mixins.module.scss";
 
+@include mixins.searchInputPointer("search", ".input-wrapper");
+
 input {
   &.floating-label {
     padding-top: 1rem;

package/src/components/Notifications/Alert/AlertContainer/AlertContainer.module.scss

@@ -15,6 +15,7 @@
  */
 @use "../../../../mixins.module.scss";
 @use "../../../../variables.scss";
+@use "../alertVariables.scss";
 
 .alerts {
   position: fixed;
@@ -50,7 +51,7 @@
     width: initial;
 
     &.center {
-      left: calc(50% - 18.75rem);
+      left: calc(50% - (alertVariables.$alert-item-width / 2));
     }
   }
 }

package/src/components/Notifications/Alert/AlertItem/AlertItem.module.scss

@@ -15,6 +15,7 @@
  */
 
 @use "../../../../mixins.module.scss";
+@use "../alertVariables.scss";
 
 .alert {
   padding: 1rem 0.875rem;
@@ -224,6 +225,7 @@
     font-size: 0.875rem;
     line-height: 1.25rem;
     margin-bottom: 0;
+    word-break: break-word;
   }
 
   .actions {
@@ -272,6 +274,6 @@
 @media only screen and (min-width: 37.5em) {
   .alert {
     width: min-content;
-    min-width: 25rem;
+    min-width: alertVariables.$alert-item-width;
   }
 }

package/src/components/Notifications/Alert/alertVariables.scss

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
+$alert-item-width: 25rem;

package/src/mixins.module.scss

@@ -312,3 +312,15 @@
   border-color: $border-color;
   padding-left: calc(1rem - var(--alert-border-width));
 }
+
+@mixin searchInputPointer($inputType, $selector) {
+  @if $selector {
+    #{$selector} {
+      @if $inputType == "search" {
+        input[type="search"]::-webkit-search-cancel-button {
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}