@visitscotland/component-library 5.59.5 → 5.61.0

package/dist/src/components/content-swiper/components/ContentSwiperSlide.d.ts

@@ -0,0 +1 @@
+export default SwiperSlide;

package/dist/src/components/itineraries/itineraries.store.d.ts

@@ -0,0 +1,2 @@
+declare const useItinerariesStore: any;
+export default useItinerariesStore;

package/dist/{components/src → src}/constants.d.ts

@@ -1,5 +1,4 @@
 import { SelectOption } from './types/types';
-
 export declare const products: SelectOption[];
 export declare const paths: {
     acco: string;

package/dist/src/custom-components/federated-search/composables/dataLayerComposable.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Vue Composable for Data Layer interactions (e.g., Google Tag Manager).
+ * Replaces the dataLayerMixin for custom components. This will be removed to a wrapper
+ * project along with the components.
+ */
+export default function dataLayerComposable(): {
+    pageUrl: any;
+    createDataLayerObject: (type: string, event: any) => void;
+    templateFiller: (template: Array<string>, values: any) => any;
+    compileFullTemplate: (templateValues: any) => any;
+    returnIsoDate: () => string;
+    pushToDataLayer: (object: any) => void;
+    dataLayerStore: any;
+};

package/dist/src/custom-components/federated-search/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    VsFederatedSearch: any;
+    VsFederatedSearchInput: any;
+    VsFedFilter: any;
+    VsFedSearchSort: any;
+};
+export default _default;

package/dist/src/custom-components/federated-search/stores/federatedSearch.store.d.ts

@@ -0,0 +1,2 @@
+declare const useFederatedSearchStore: any;
+export default useFederatedSearchStore;

package/dist/{components/src → src}/custom-components/federated-search/utils/cludo-autocomplete.d.ts

@@ -1,4 +1,3 @@
 import { CludoCredentials } from '../../../types/types';
-
 declare function cludoAutocomplete(searchQuery: string, cludoCredentials: CludoCredentials): Promise<any>;
 export default cludoAutocomplete;

package/dist/{components/src → src}/custom-components/federated-search/utils/cludo-search.d.ts

@@ -1,5 +1,4 @@
 import { CludoCredentials, FederatedSearchResult } from '../../../types/types';
-
 declare function cludoSearch(searchTerm: string, cludoCredentials: CludoCredentials, page: number, selectedCategory: string, selectedCategoryKey: string, apiOperator: string): Promise<{
     results: FederatedSearchResult[];
     totalResults: any;

package/dist/{components/src → src}/custom-components/federated-search/utils/event-search.d.ts

@@ -1,5 +1,4 @@
 import { FederatedSearchResult } from '../../../types/types';
-
 declare function eventSearch(api: string, searchTerm: string, page: number, selectedCategoryKey: string, selectedSubCategoryKey: string[], startDate: string, endDate: string, sortBy: string, siteLanguage: string, postcode: string, location: string, radius: number, postcodeareas: string): Promise<{
     results: FederatedSearchResult[];
     totalResults: any;

package/dist/src/custom-components/maps/components/__tests__/MapSidebar.jest.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/custom-components/maps/composables/dataLayerComposable.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Vue Composable for Data Layer interactions (e.g., Google Tag Manager).
+ * Replaces the dataLayerMixin for custom components. This will be removed to a wrapper
+ * project along with the components.
+ */
+export default function dataLayerComposable(): {
+    pageUrl: any;
+    createDataLayerObject: (type: string, event: any) => void;
+    templateFiller: (template: Array<string>, values: any) => any;
+    compileFullTemplate: (templateValues: any) => any;
+    returnIsoDate: () => string;
+    pushToDataLayer: (object: any) => void;
+    dataLayerStore: any;
+};

package/dist/src/custom-components/maps/composables/useViewportController.d.ts

@@ -0,0 +1,15 @@
+type Viewport = {
+    bounds: google.maps.LatLngBounds | null | undefined;
+    center: google.maps.LatLng | undefined;
+    zoom: number | undefined;
+};
+export default function useViewportController(): {
+    getViewport: (gMap: google.maps.Map) => Viewport;
+    hasViewportChanged: (newViewPort: Viewport) => boolean;
+    isProgrammaticMove: any;
+    isUserMove: any;
+    lastSearchViewport: any;
+    runProgrammaticMove: (fn: () => void) => void;
+    showSearchAreaButton: any;
+};
+export {};

package/dist/src/custom-components/maps/composables/verifyCookiesComposable.d.ts

@@ -0,0 +1,6 @@
+export default cookieCheckerComposable;
+declare function cookieCheckerComposable(): {
+    requiredCookies: any;
+    cookiesAllowed: any;
+    cookiesLoaded: any;
+};

package/dist/src/custom-components/maps/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    VsMainMap: any;
+    VsMapSidebar: any;
+    VsMapFeaturedLocation: any;
+    VsMapFeaturedLocationItem: any;
+};
+export default _default;

package/dist/{components/src → src}/mixins/dataLayerMixin.d.ts

@@ -1,8 +1,6 @@
 export default dataLayerMixin;
 declare namespace dataLayerMixin {
-    namespace computed {
-        let pageUrl: () => string;
-    }
+    let computed: any;
     function data(): {
         dataLayerLoadConfirmed: boolean;
         dataLayerStore: any;

package/dist/src/stores/dataLayer.store.d.ts

@@ -0,0 +1,2 @@
+declare const useDataLayerStore: any;
+export default useDataLayerStore;

package/dist/{components/src → src}/stores/index.d.ts

@@ -1,4 +1,3 @@
 import { Pinia } from 'pinia';
-
 declare const pinia: () => Pinia;
 export default pinia;

package/dist/src/stores/mainMap.store.d.ts

@@ -0,0 +1,2 @@
+declare const useGoogleMapStore: any;
+export default useGoogleMapStore;

package/dist/src/stores/map.store.d.ts

@@ -0,0 +1,2 @@
+declare const useMapStore: any;
+export default useMapStore;

package/dist/{components/src → src}/stores/video.store.d.ts

@@ -15,7 +15,5 @@ type VideoSet = {
 export interface IVideosState {
     videos: VideoSet;
 }
-declare const useVideoStore: import('pinia').StoreDefinition<"video", IVideosState, {}, {
-    addVideo(newVideo: Video): void;
-}>;
+declare const useVideoStore: any;
 export default useVideoStore;

package/dist/{components/src → src}/types/types.d.ts

@@ -31,6 +31,49 @@ export type TmsApiDataItem = {
     lat: string;
     lng: string;
 };
+export type EventItem = {
+    id: string;
+    parentId: string;
+    name: string;
+    descriptions?: {
+        description: string;
+    }[];
+    images?: {
+        url: string;
+    }[];
+    performances?: {
+        url: string;
+    }[];
+    place: {
+        website: string;
+        town: string;
+    };
+    startFormatted: string;
+    endFormatted: string;
+    minPrice?: number;
+    categoryCard?: string;
+};
+export type EventResponse = {
+    events: EventItem[];
+    totalResults: number;
+};
+export type CludoResponseField = {
+    Value: string;
+};
+export type CludoDocument = {
+    Fields: {
+        Id: CludoResponseField;
+        Title: CludoResponseField;
+        Description: CludoResponseField;
+        Image?: CludoResponseField;
+        Url: CludoResponseField;
+        categoryCard: CludoResponseField;
+    };
+};
+export type CludoResponse = {
+    TypedDocuments: CludoDocument[];
+    TotalDocument: number;
+};
 export type CludoCredentials = {
     apiKey: string;
     customerId: number;

package/dist/{components/src → src}/utils/utils.d.ts

@@ -1,5 +1,4 @@
 import { SelectOption } from '../types/types';
-
 declare global {
     interface Window {
         VS: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "5.59.5",
+  "version": "5.61.0",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "homepage": "https://github.com/visitscotland/vs-component-library#readme",
@@ -34,11 +34,9 @@
     "test": "yarn theo && jest --config ./test/unit/jest.conf.js",
     "test:no-theo": "jest --config ./test/unit/jest.conf.js",
     "lint": "eslint",
-    "lint:all": "yarn lint:src && yarn lint:stories",
-    "lint:src": "yarn lint \"src/**/*.{js,vue,ts}\"",
-    "lint:stories": "yarn lint \"stories/**/*.{js,vue,ts}\"",
     "lint:fix": "yarn lint \"src/**/*.{js,vue,ts}\" \"stories/**/*.js\" --fix",
-    "prettier": "prettier . --list-different",
+    "prettier": "prettier --write .",
+    "prettier:check": "prettier --check .",
     "theo": "theo ./src/tokens/tokens.yml --transform web --format map.scss,scss,raw.json,json --dest ./src/assets/tokens",
     "third-party": "node scripts/build-third-party.mjs",
     "commit": "cz",
@@ -64,29 +62,23 @@
     "system"
   ],
   "devDependencies": {
+    "@babel/code-frame": "^7.29.7",
     "@babel/core": "^7.23.2",
-    "@babel/eslint-parser": "^7.21.8",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.23.2",
-    "@babel/polyfill": "^7.10.4",
     "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "7.28.5",
     "@chromatic-com/storybook": "^4.0.0-next.16",
+    "@eslint/js": "^10.0.1",
     "@originjs/vite-plugin-require-context": "^1.0.9",
-    "@rushstack/eslint-patch": "^1.3.0",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/npm": "^13.1.5",
     "@storybook/addon-a11y": "^9.1.0-alpha.2",
     "@storybook/addon-docs": "9.1.0-alpha.2",
     "@storybook/addon-links": "^9.1.0-alpha.2",
     "@storybook/vue3-vite": "^9.1.0-alpha.2",
+    "@types/babel__code-frame": "^7",
     "@types/google.maps": "^3.64.0",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
-    "@typescript-eslint/parser": "^8.38.0",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-airbnb": "^8.0.0",
+    "@vue/eslint-config-typescript": "^14.7.0",
     "@vue/test-utils": "^2.3.2",
     "@vue/vue3-jest": "^29.2.4",
     "babel-jest": "^29.5.0",
@@ -95,22 +87,24 @@
     "chromatic": "^6.17.3",
     "commitizen": "^4.3.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.2.0",
-    "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-import": "^2.32.0",
+    "eslint": "^10.4.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.2",
     "eslint-plugin-storybook": "^9.1.0-alpha.2",
-    "eslint-plugin-vue": "^9.11.1",
+    "eslint-plugin-vue": "^10.9.1",
+    "globals": "^17.6.0",
     "husky": "^9.1.7",
     "jest": "^29.5.0",
     "jest-axe": "^8.0.0",
     "jest-environment-jsdom": "^29.5.0",
     "jest-serializer-vue": "^3.1.0",
+    "jiti": "^2.7.0",
     "lint-staged": "^17.0.2",
     "moxios": "^0.4.0",
     "npm-run-all": "^4.1.5",
     "optimist": "^0.6.1",
     "postcss-safe-parser": "^6.0.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.8.3",
     "sass": "^1.62.1",
     "semantic-release": "^25.0.3",
     "standard-version": "^9.5.0",
@@ -120,11 +114,11 @@
     "theo": "^8.1.5",
     "ts-jest": "^29.1.0",
     "typescript": "^5.0.4",
+    "typescript-eslint": "^8.60.0",
     "upgrade": "^1.1.0",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.7.2",
-    "vite-plugin-turbosnap": "^1.0.2",
-    "vue": "^3.4.19"
+    "vite": "7.3.5",
+    "vite-plugin-dts": "^5.0.2",
+    "vite-plugin-turbosnap": "^1.0.2"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
@@ -135,15 +129,14 @@
     "@vuelidate/core": "^2.0.2",
     "@vuelidate/validators": "^2.0.2",
     "axios": "^1.4.0",
-    "bootstrap-vue-next": "^0.17.0",
+    "bootstrap-vue-next": "^0.45.4",
     "glob": "^12.0.0",
     "lodash": "^4.17.21",
     "mapbox-gl": "^1.11.1",
     "mitt": "^3.0.0",
     "pinia": "^3.0.4",
     "swiper": "^12.1.3",
-    "vite": "^5.1.3",
-    "vue": "^3.3.4",
+    "vue": "^3.5.35",
     "vue-combo-blocks": "^2.1.1",
     "vue-recaptcha": "^2.0.1",
     "vue-youtube-vue-3": "^1.5.0",
@@ -170,7 +163,6 @@
     "> 1%",
     "last 2 versions",
     "not Explorer > 0",
-    "IE 11",
     "not ExplorerMobile > 0",
     "not BlackBerry > 0",
     "not OperaMini all",