@dvrd/dvr-controls 1.0.53 → 1.0.55

package/src/js/select/style/dvrdGroupedSelect.scss

@@ -0,0 +1,176 @@
+/*!
+ * Copyright (c) 2024. Dave van Rijn Development
+ */
+
+@import '../../../style/variables';
+
+.dvrd-grouped-select {
+  display: grid;
+  grid-row-gap: .25rem;
+  position: relative;
+
+  .grouped-select-label {
+    color: $color-blue-text;
+    font-size: .9rem;
+    transition: color .2s ease-in-out;
+    cursor: pointer;
+    user-select: none;
+    margin-left: 1px;
+  }
+
+  .dvrd-grouped-select-content {
+    position: relative;
+
+    .grouped-select-value-container {
+      border: 1px solid #D9D9D9;
+      border-radius: 4px;
+      transition: border-color .2s ease-in-out, border-radius .2s ease-in-out;
+      display: grid;
+      grid-template-columns: 1fr fit-content(100%);
+      grid-column-gap: .5rem;
+      align-items: center;
+      padding: .75rem;
+      cursor: pointer;
+      background-color: white;
+
+      .grouped-select-placeholder, .grouped-select-value {
+        font-family: avenir-light, sans-serif;
+        user-select: none;
+        vertical-align: middle;
+      }
+
+      .grouped-select-placeholder {
+        color: $color-gray-2;
+
+        &.hidden {
+          visibility: hidden;
+        }
+      }
+
+      .grouped-select-value {
+        color: $color-blue-text;
+      }
+
+      .chev-icon {
+        font-size: .9rem;
+        transition: transform .2s ease-in-out;
+        color: $color-gray-3;
+      }
+    }
+
+    .grouped-select-items {
+      @include backgroundShadow3($borderRadius: 0);
+      background-color: white;
+      position: absolute;
+      left: 1px;
+      width: calc(100% - 2px);
+      transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
+      visibility: hidden;
+      opacity: 0;
+      z-index: 1;
+      overflow-y: auto;
+
+      .dvrd-grouped-item {
+        .grouped-item-label {
+          padding: .5rem;
+          display: block;
+          transition: background-color .2s ease-in-out;
+          cursor: default;
+          user-select: none;
+          color: $color-blue-text;
+
+          &.selectable {
+            cursor: pointer;
+
+            &:not(&.selected):hover {
+              background-color: rgba($color-blue-1, .2);
+            }
+          }
+
+          &.selected {
+            background-color: rgba($color-blue-1, .3);
+          }
+
+          &.group-head {
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+
+  .dvrd-grouped-select-error {
+    color: red;
+    font-size: .9rem;
+    margin-left: 1px;
+  }
+
+  &.bottom {
+    .grouped-select-items {
+      bottom: 0;
+      transform: translateY(100%);
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+  }
+
+  &.top {
+    .grouped-select-items {
+      top: 0;
+      transform: translateY(calc(-100%));
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+    }
+  }
+
+  &.open, &:hover:not(&.disabled):not(&.error) {
+    .grouped-select-value-container {
+      border-color: $color-blue-1;
+    }
+  }
+
+  &.open {
+    .grouped-select-label {
+      color: $color-blue-1;
+    }
+
+    .grouped-select-value-container .chev-icon {
+      transform: rotateX(180deg);
+    }
+
+    .grouped-select-items {
+      visibility: visible;
+      opacity: 1;
+    }
+
+    &.bottom {
+      .grouped-select-value-container {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+
+    &.top {
+      .grouped-select-value-container {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+  }
+
+  &.error {
+    .grouped-select-label {
+      color: red;
+    }
+
+    .grouped-select-value-container {
+      border-color: red;
+    }
+  }
+
+  &.disabled {
+    &, * {
+      cursor: default;
+    }
+  }
+}

package/src/js/select/style/dvrdSelect.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/select/style/select.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/sidebarMenu/sidebarMenu.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 import './style/sidebarMenu.scss';
 

package/src/js/sidebarMenu/style/sidebarMenu.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/slider/DVRSlider.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 import './style/DVRSlider.scss';
 

package/src/js/slider/style/DVRSlider.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/snackbar/snackbar.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import './style/snackbar.scss';

package/src/js/snackbar/snackbarController.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React from 'react';

package/src/js/snackbar/style/snackbar.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/switch/dvrdSwitch.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 import './style/dvrdSwitch.scss';
 

package/src/js/switch/style/dvrdSwitch.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/switch/style/switch.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/switch/switch.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import './style/switch.scss';

package/src/js/switch/switchController.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React from 'react';

package/src/js/textField/dvrdInput.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 import './style/dvrdInput.scss';
 

package/src/js/textField/dvrdInputController.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React, {

package/src/js/textField/dvrdNumberInput.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React, {FocusEventHandler, InputHTMLAttributes, KeyboardEventHandler, PureComponent} from 'react';

package/src/js/textField/dvrdPasswordInput.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 import './style/dvrdPassword.scss';
 

package/src/js/textField/style/dvrdInput.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/textField/style/dvrdPassword.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/topButton/style/topButton.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import '../../../style/variables';

package/src/js/topButton/topButton.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 import './style/topButton.scss';
 

package/src/js/util/analyticsUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import {getMode} from "./miscUtil";

package/src/js/util/colorUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import {ColorSet} from "./interfaces";

package/src/js/util/componentUtil.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React, {useEffect, useRef} from "react";

package/src/js/util/constants.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 /*

package/src/js/util/controlContext.tsx

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React, {Context, PropsWithChildren, useEffect} from 'react';

package/src/js/util/controlUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React from 'react';

package/src/js/util/cookieUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import Cookies, {CookieAttributes} from "js-cookie";

package/src/js/util/eventUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React from 'react';

package/src/js/util/googleUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 /**

package/src/js/util/interfaces.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import React, {CSSProperties, MouseEventHandler, ReactElement} from 'react';
@@ -69,6 +69,16 @@ export interface SelectItemShape {
     [key: string]: any,
 }
 
+export interface GroupedSelectItem {
+    label: string | number | ReactElement;
+    value?: SelectValueType;
+    valueLabel?: string | number;
+    children?: Array<GroupedSelectItem>;
+    selectable?: false;
+    className?: string;
+    style?: CSSProperties;
+}
+
 export interface DialogConfig {
     backgroundColor?: string;
     textColor?: string;
@@ -236,4 +246,5 @@ export type RenderFile = {
 export type Snack = {
     text: string | React.ReactElement;
     config?: DialogConfig;
-}
+}
+export type SelectValueType = string | number;

package/src/js/util/jwtUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import Cookies, {CookieAttributes} from "js-cookie";

package/src/js/util/miscUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import {IndexedObject} from "./interfaces";

package/src/js/util/pdfUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import {DefaultPDFElementParams, IndexedObject, PdfFont, PDFTextVariables, SelectItemShape} from "./interfaces";

package/src/js/util/requestUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import {OutgoingHttpHeaders} from "http";

package/src/js/util/responsiveUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 import {Breakpoint} from "./interfaces";

package/src/js/util/validationUtil.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 export const validateEmail = (email: string, allowMultiple?: boolean): boolean =>

package/src/style/common-icons-variables.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 $icomoon-font-path: "./fonts" !default;

package/src/style/common-icons.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 @import "common-icons-variables";

package/src/style/common-variables.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 /**

package/src/style/display-breakpoints.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2021. Dave van Rijn Development
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 
 /**

package/src/style/fonts/common-icons.svg

@@ -1,4 +1,8 @@
 <?xml version="1.0" standalone="no"?>
+<!--
+  - Copyright (c) 2024. Dave van Rijn Development
+  -->
+
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>Generated by IcoMoon</metadata>

package/src/style/fonts/fontAwesome/css/all.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 .fa {
   font-family: var(--fa-style-family, "Font Awesome 6 Free");

package/src/style/fonts/fontAwesome/css/brands.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 :root, :host {
   --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }

package/src/style/fonts/fontAwesome/css/fontawesome.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 .fa {
   font-family: var(--fa-style-family, "Font Awesome 6 Free");

package/src/style/fonts/fontAwesome/css/regular.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 :root, :host {
   --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; }

package/src/style/fonts/fontAwesome/css/solid.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 :root, :host {
   --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }

package/src/style/fonts/fontAwesome/css/svg-with-js.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 :root, :host {
   --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";

package/src/style/fonts/fontAwesome/css/v4-font-face.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 @font-face {
   font-family: "FontAwesome";

package/src/style/fonts/fontAwesome/css/v4-shims.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 .fa.fa-glass:before {
   content: "\f000"; }

package/src/style/fonts/fontAwesome/css/v5-font-face.css

@@ -1,7 +1,5 @@
-/*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
+/*
+ * Copyright (c) 2024. Dave van Rijn Development
  */
 @font-face {
   font-family: "Font Awesome 5 Brands";