@qhealth-design-system/core 1.16.3 → 1.16.5

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.16.5 - 2025-08-19
+
+## 1.16.4 - 2025-08-12
+
 ## 1.16.3 - 2025-07-29
 
 ## 1.16.2 - 2025-07-11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@qhealth-design-system/core",
-    "version": "1.16.3",
+    "version": "1.16.5",
     "description": "",
     "licence": "MIT",
     "main": "index.js",
@@ -70,20 +70,11 @@
         "webpack-dev-server": "^4.15.1"
     },
     "dependencies": {
-        "bloodhound-js": "^1.2.3",
-        "corejs-typeahead": "^1.3.1",
-        "datatables.net": "^1.13.4",
-        "datatables.net-dt": "^1.13.4",
         "extract-loader": "^5.1.0",
         "handlebars-loader": "^1.7.1",
         "highlight.js": "^11.1.0",
-        "jquery": "^3.5.1",
-        "jquery-ui": "^1.13.0",
-        "jquery-validation": "^1.19.3",
         "node-jq": "^2.0.0",
         "prismjs": "^1.29.0",
-        "select2": "^4.1.0-rc.0",
-        "slick-carousel": "^1.8.1",
         "tinymce": "^5.8.2",
         "to-string-loader": "^1.1.6",
         "webpack-merge": "^4.2.2"

package/src/components/_global/css/admin/component.scss

@@ -5,7 +5,6 @@
 // Content:
 //--------------------------------------------------------------------------------------------------------------------------------------------------------------
 
-
 //--------------------------------------------------------------------------------------------------------------------------------------------------------------
 // CONTAINER STYLES
 //--------------------------------------------------------------------------------------------------------------------------------------------------------------
@@ -15,33 +14,28 @@
         @include QLD-space(padding-top, 2unit);
         background: var(--QLD-color-dark__background--alt-shade);
         a {
-            color:var(--QLD-color-dark__text);
+            color: var(--QLD-color-dark__text);
         }
     }
 
     .qld__admin_action_header {
         @include QLD-media(md) {
-            display:flex;
-            justify-content:space-between;
+            display: flex;
+            justify-content: space-between;
             align-items: center;
 
             .qld__btn {
-                display:block;
+                display: block;
             }
         }
     }
 
-    .dataTables_wrapper .dataTables_length select {
-        padding-right: 30px;
-        background-size: 10px;
-        background-position: right 10px center;
-    }
-    
-    .qld__table .qld__table__cell.qld__admin_row-actions, table .qld__table__cell.qld__admin_row-actions {
+    .qld__table .qld__table__cell.qld__admin_row-actions,
+    table .qld__table__cell.qld__admin_row-actions {
         text-align: right;
         .qld__btn {
             margin: 3px 0;
-            font-size:0.8em;
+            font-size: 0.8em;
             height: 26px;
             width: 26px;
             padding: 0;
@@ -60,21 +54,21 @@
             }
         }
         .qld__btn--error {
-            background-color:$QLD-color-status__error;
-            border-color:$QLD-color-status__error;
-            color:var(--QLD-color-dark__text);
+            background-color: $QLD-color-status__error;
+            border-color: $QLD-color-status__error;
+            color: var(--QLD-color-dark__text);
         }
     }
 }
 
 .qld__grid .row.qld__admin_row {
-    margin-left:0;
-    margin-right:0;
+    margin-left: 0;
+    margin-right: 0;
 }
 
 .qld__service_finder_admin_form {
     textarea {
-        min-width:50%;
+        min-width: 50%;
         display: block !important;
         position: absolute;
         opacity: 0;
@@ -104,10 +98,11 @@
                 margin-left: pxToRem(16);
                 cursor: pointer;
 
-                &:hover, &:focus {
+                &:hover,
+                &:focus {
                     opacity: 0.5;
                 }
-                
+
                 svg {
                     height: pxToRem(13);
                     width: pxToRem(13);
@@ -116,7 +111,7 @@
         }
 
         &.multiple {
-            input[type=text] {
+            input[type="text"] {
                 position: absolute;
                 opacity: 0;
                 height: 0;
@@ -133,7 +128,8 @@
             max-height: pxToRem(48);
             margin-left: pxToRem(7);
 
-            &:hover,&:focus {
+            &:hover,
+            &:focus {
                 background: #dee0e2;
             }
 

package/src/components/_global/css/tags/component.scss

@@ -363,10 +363,6 @@ a.qld__tag,
         @include QLD-space(margin, 0.5unit 0.5unit 0 0);
         display: inline-block;
 
-        .slick-slider .slick-slide & {
-            height: auto;
-        }
-
         > .qld__tag:focus {
             outline-offset: -1px;
         }

package/src/components/_global/html/scripts.html

@@ -1,29 +1,26 @@
 <script src="https://sdk.datastore.squiz.cloud/js/sdk-simulator.js"></script>
-<!-- <script src="https://sdk.datastore.squiz.cloud/js/sdk.js"></script> -->
 
 <script src="https://kit.fontawesome.com/fb2f2d4cd6.js" crossorigin="anonymous"></script>
-<!-- <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> -->
 
 <script src="externals/handlebars.min-v4.7.8.js"></script>
 <script src="externals/componentPreview.js"></script>
-<script src="externals/dsComponentLoader.js"></script>
 <script src="js/helpers.js"></script>
 <script>
     const serviceFinderData = new Datastore({
         // serviceURL: 'http://0.0.0.0:7001/hXL8Q1uq', // Matt
         //serviceURL: 'http://0.0.0.0:7001/afMhajMG', // Tom
-        serviceURL: 'http://0.0.0.0:7001/GbO0pTqv', // Julian
+        serviceURL: "http://0.0.0.0:7001/GbO0pTqv", // Julian
         //serviceURL: 'https://au-a14fc409.datastore.squiz.cloud',
-        jwtURL: 'http://0.0.0.0:7001/__JWT/issueToken'
+        jwtURL: "http://0.0.0.0:7001/__JWT/issueToken",
     });
 
-    serviceFinderData.setSetting('jwtPayload', {
-        "username": "jdoe",
-        "fullName": "John Doe",
-        "dsAdmin": false,
-        "hhsGroup": "sunshine-coast",
-        "isPublic": false,
-        "currentHHS": true
+    serviceFinderData.setSetting("jwtPayload", {
+        username: "jdoe",
+        fullName: "John Doe",
+        dsAdmin: false,
+        hhsGroup: "sunshine-coast",
+        isPublic: false,
+        currentHHS: true,
     });
 </script>
 
@@ -31,7 +28,3 @@
 
 <!-- Configure Default HHS -->
 <div id="qhealth__hhs" data-hhs="darling-downs"></div>
-
-<!-- <script type="text/javascript" src="https://qh-search.squiz.cloud/s/resources-global/thirdparty/typeahead-0.11.1/typeahead.bundle.min.js" async></script>
-<script type="text/javascript" src="https://qh-search.squiz.cloud/s/resources-global/thirdparty/handlebars-4.0.5/handlebars.min.js" async></script> -->
-<!-- <script type="text/javascript" src="https://qh-search.squiz.cloud/s/resources-global/js/funnelback.autocompletion-2.6.0.js" async></script> -->

package/src/components/_global/js/select_boxes/global.js

@@ -0,0 +1,36 @@
+(function () {
+    "use strict";
+
+    var selectBoxes = {};
+
+    selectBoxes.init = function () {
+        document.querySelectorAll("select").forEach((select) => {
+            // First check that the select is not already wrapped
+            if (select.closest(".qld__select")) {
+                return;
+            }
+
+            // Create wrapper div
+            const wrapper = document.createElement("div");
+            wrapper.classList.add("qld__select");
+
+            // Matrix specific - add error class to wrapper if the field has an error
+            if (select.closest(".sq-form-question-error")) {
+                wrapper.classList.add("qld__select-error");
+            }
+
+            // Insert wrapper BEFORE the select
+            select.parentNode.insertBefore(wrapper, select);
+
+            // Move the select into the wrapper
+            wrapper.appendChild(select);
+        });
+    };
+
+    // Make forms available to public
+    QLD.selectBoxes = selectBoxes;
+
+    document.addEventListener("DOMContentLoaded", function () {
+        QLD.selectBoxes.init();
+    });
+})();

package/src/components/_template/html/component-page.html

@@ -14,27 +14,24 @@
 
     <head>
         <title>Queensland Design System</title>
-        
+
         ${require('../components/_global/html/head.html')}
     </head>
 
     <body class="qld__grid">
         <!--noindex-->
         ${require('../components/header/html/component.hbs')({
-            "site":require('/src/data/site.json')
-        })}
+        "site":require('/src/data/site.json') })}
         <!--endnoindex-->
         ${require('../components/mega_main_navigation/html/component.hbs')({
-            "site":require('/src/data/site.json')
-        })}
+        "site":require('/src/data/site.json') })}
         <!-- MAIN BODY -->
         <main class="main" role="main">
             <section class="qld__body qld__body--breadcrumb">
                 <div class="container-fluid">
                     ${require('../components/breadcrumbs/html/component.hbs')({
-                        "site":require('/src/data/site.json'),
-                        "current":require('/src/data/current.json'),
-                    })}
+                    "site":require('/src/data/site.json'),
+                    "current":require('/src/data/current.json'), })}
                 </div>
             </section>
             <!--CONTENT-->
@@ -44,41 +41,38 @@
                         <div class="col-xs-12 col-md-4 col-lg-3">
                             <!-- INTERNAL NAVIGATION -->
                             ${require('../components/internal_navigation/html/component.hbs')({
-                                "site":require('/src/data/site.json'),
-                                "current":require('/src/data/current.json')
-                            })}
+                            "site":require('/src/data/site.json'),
+                            "current":require('/src/data/current.json') })}
                         </div>
                         <div class="col-xs-12 col-md-8 col-lg-9" id="content">
-                            
                             ${require('../components/_global/html/component.hbs')({
-                                "manifest":require('../components/[component_name]/js/manifest.json'),
-                                "component":require('!url-loader!../components/[component_name]/html/component.hbs'),
-                                "component_output":require('../components/[component_name]/html/component.hbs')({
-                                    "component":require('../components/[component_name]/js/manifest.json').component,
-                                    "site":require('/src/data/site.json'),
-                                    "current":require('/src/data/current.json'),
-                                    "content":"Lorem Ipsum"
-                                })
-                            })}
+                            "manifest":require('../components/[component_name]/js/manifest.json'),
+                            "component":require('!url-loader!../components/[component_name]/html/component.hbs'),
+                            "component_output":require('../components/[component_name]/html/component.hbs')({
+                            "component":require('../components/[component_name]/js/manifest.json').component,
+                            "site":require('/src/data/site.json'),
+                            "current":require('/src/data/current.json'),
+                            "content":"Lorem Ipsum" }) })}
                         </div>
                     </div>
                 </div>
-            </div>  
+            </div>
+            <!-- Page Footer Info -->
+            ${require('../components/prefooter/html/component.hbs')({
+            "site":require('/src/data/site.json'),
+            "current":require('/src/data/current.json') })}
         </main>
         <!-- END MAIN BODY -->
 
-        <!-- WIDGETS -->
-        ${require('../components/widgets/html/component.hbs')({
-            "site":require('/src/data/site.json'),
-            "current":require('/src/data/current.json')
-        })}
-        
         <!-- FOOTER-->
         ${require('../components/footer/html/component.hbs')({
-            "site":require('/src/data/site.json')
-        })}
+        "site":require('/src/data/site.json') })}
 
-        <div class="footer-scripts" id="footer_js" style="display: none !important;">
+        <div
+            class="footer-scripts"
+            id="footer_js"
+            style="display: none !important"
+        >
             ${require('../components/_global/html/scripts.html')}
         </div>
     </body>

package/src/components/a-z_listing/js/global.js

@@ -1,69 +1,81 @@
 (function () {
-    'use strict';
-
-
-    window.addEventListener('DOMContentLoaded', function () {
+    "use strict";
 
+    window.addEventListener("DOMContentLoaded", function () {
         function checkIfAzSelected() {
             var hash = window.location.hash;
 
-            if(hash) {
-                setTimeout(function() {
-                    var $servicesAZOptions = $('.qld__a-z_listing__options__item__link');
-                    var $servicesAZHeaders = $('.qld__a-z_listing__list__item__header');
+            if (hash) {
+                setTimeout(function () {
+                    var servicesAZOptions = document.querySelectorAll(".qld__a-z_listing__options__item__link");
+                    var servicesAZHeaders = document.querySelectorAll(".qld__a-z_listing__list__item__header");
 
-                    $servicesAZOptions.each(function() {
-                        $(this).removeClass('active');
+                    servicesAZOptions.forEach(function (option) {
+                        option.classList.remove("active");
                     });
-        
-                    $servicesAZHeaders.each(function() {
-                        $(this).removeClass('active');
+
+                    servicesAZHeaders.forEach(function (header) {
+                        header.classList.remove("active");
                     });
 
-                    $(`a[href^="${hash}"].qld__a-z_listing__options__item__link`).addClass('active');
-                    $(`.qld__a-z_listing__list__item__header ${hash}`).parent().addClass('active');
+                    var activeOption = document.querySelector(`a[href^="${hash}"].qld__a-z_listing__options__item__link`);
+                    if (activeOption) {
+                        activeOption.classList.add("active");
+                    }
+
+                    var activeHeader = document.querySelector(`.qld__a-z_listing__list__item__header ${hash}`);
+                    if (activeHeader) {
+                        activeHeader.parentElement.classList.add("active");
+                    }
 
-                    if ($(hash).length > 0) {
-                        $('html, body').animate({
-                            scrollTop: $(hash).offset().top - 20
-                        }, 400);
+                    var targetElement = document.querySelector(hash);
+                    if (targetElement) {
+                        window.scrollTo({
+                            top: targetElement.getBoundingClientRect().top + window.scrollY - 20,
+                            behavior: "smooth",
+                        });
                     }
                 }, 100);
             }
         }
 
-        $(document).on('click', 'a[href^="#"].qld__a-z_listing__options__item__link', function (event) {
-            var $servicesAZOptions = $('.qld__a-z_listing__options__item__link');
-            var $servicesAZHeaders = $('.qld__a-z_listing__list__item__header');
-            var target = $.attr(this, 'href');
-            event.preventDefault();
-
-            $servicesAZOptions.each(function() {
-                $(this).removeClass('active');
-            });
-
-            $servicesAZHeaders.each(function() {
-                $(this).removeClass('active');
-            });
-
-            $(this).addClass('active');
-            $(`.qld__a-z_listing__list__item__header ${target}`).parent().addClass('active');
-        
-            if ($(target).length > 0) {
-                $('html, body').animate({
-                    scrollTop: $(target).offset().top - 20
-                }, 400);
-            }
+        document.addEventListener("click", function (event) {
+            var target = event.target;
 
-            window.location.hash = target;
-        });
+            if (target.matches('a[href^="#"].qld__a-z_listing__options__item__link')) {
+                event.preventDefault();
 
-        $(window).on('hashchange', function() {
-            checkIfAzSelected();
+                var servicesAZOptions = document.querySelectorAll(".qld__a-z_listing__options__item__link");
+                var servicesAZHeaders = document.querySelectorAll(".qld__a-z_listing__list__item__header");
+
+                servicesAZOptions.forEach(function (option) {
+                    option.classList.remove("active");
+                });
+
+                servicesAZHeaders.forEach(function (header) {
+                    header.classList.remove("active");
+                });
+
+                target.classList.add("active");
+                var targetHeader = document.querySelector(`.qld__a-z_listing__list__item__header ${target.getAttribute("href")}`);
+                if (targetHeader) {
+                    targetHeader.parentElement.classList.add("active");
+                }
+
+                var targetElement = document.querySelector(target.getAttribute("href"));
+                if (targetElement) {
+                    window.scrollTo({
+                        top: targetElement.getBoundingClientRect().top + window.scrollY - 20,
+                        behavior: "smooth",
+                    });
+                }
+
+                setTimeout(() => {
+                    window.location.hash = target.getAttribute("href");
+                }, 500);
+            }
         });
 
         checkIfAzSelected();
-
     });
-    
-}());
+})();