@abi-software/map-side-bar 2.17.1-demo.1 → 2.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/.postcssrc.json +5 -5
  2. package/README.md +8 -9
  3. package/cypress.config.js +6 -7
  4. package/dist/map-side-bar.js +5906 -7001
  5. package/dist/map-side-bar.umd.cjs +62 -65
  6. package/dist/style.css +1 -1
  7. package/eslint.config.js +44 -9
  8. package/package.json +12 -5
  9. package/reporter-config.json +1 -1
  10. package/src/App.vue +80 -86
  11. package/src/algolia/algolia.js +173 -167
  12. package/src/algolia/utils.js +34 -38
  13. package/src/assets/_variables.scss +12 -10
  14. package/src/assets/connectivity-explorer.scss +1 -1
  15. package/src/assets/fonts.scss +0 -1
  16. package/src/assets/searchPopover.scss +1 -2
  17. package/src/components/AnnotationTool.vue +9 -32
  18. package/src/components/BadgesGroup.vue +29 -32
  19. package/src/components/ConnectivityCard.vue +22 -19
  20. package/src/components/ConnectivityExplorer.vue +107 -128
  21. package/src/components/ConnectivityInfo.vue +169 -128
  22. package/src/components/ContributorItem.vue +15 -11
  23. package/src/components/DatasetCard.vue +166 -201
  24. package/src/components/DatasetExplorer.vue +160 -201
  25. package/src/components/ImageGallery.vue +35 -36
  26. package/src/components/SearchFilters.vue +381 -408
  27. package/src/components/SearchHistory.vue +75 -91
  28. package/src/components/SideBar.vue +86 -193
  29. package/src/components/Tabs.vue +16 -30
  30. package/src/components/index.js +3 -5
  31. package/src/components/species-map.js +7 -7
  32. package/src/components.d.ts +0 -3
  33. package/src/exampleConnectivityInput.js +310 -318
  34. package/src/main.js +6 -6
  35. package/src/mixins/S3Bucket.vue +10 -13
  36. package/vite.config.js +62 -61
  37. package/vuese-generator.js +47 -55
  38. package/src/components/CellCard.vue +0 -994
  39. package/src/components/CellCardExplorer.vue +0 -882
  40. package/src/components/icons/IconOpenExternal.vue +0 -28
  41. package/src/utils/common.js +0 -71
package/.postcssrc.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "map": true,
3
- "plugins": {
4
- "autoprefixer": {}
5
- }
6
- }
2
+ "map": true,
3
+ "plugins": {
4
+ "autoprefixer": {}
5
+ }
6
+ }
package/README.md CHANGED
@@ -38,18 +38,14 @@ npm run build-bundle
38
38
  Import the component and the style from the package.
39
39
 
40
40
  ```javascript
41
- import { SideBar } from "@abi-software/map-side-bar";
42
- import "@abi-software/map-side-bar/dist/style.css";
41
+ import { SideBar } from '@abi-software/map-side-bar';
42
+ import '@abi-software/map-side-bar/dist/style.css';
43
43
  ```
44
44
 
45
45
  The code in template should looks like this
46
46
 
47
47
  ```html
48
- <SideBar
49
- :envVars="envVars"
50
- :visible="sideBarVisibility"
51
- @actionClick="actionClick"
52
- />
48
+ <SideBar :envVars="envVars" :visible="sideBarVisibility" @actionClick="actionClick" />
53
49
  ```
54
50
 
55
51
  envVars contains environment variables like so:
@@ -66,6 +62,7 @@ envVars contains environment variables like so:
66
62
  actionClick event is called when an action button has been clicked on.
67
63
 
68
64
  ## Sidebar Data formats
65
+
69
66
  ### Algolia
70
67
 
71
68
  Data retrieved from Algolia can be found here:
@@ -113,13 +110,16 @@ TITLE = 'title'
113
110
  Note: All are optional except for ‘name’
114
111
 
115
112
  ### Sidebar input processing
113
+
116
114
  Sidebar input processing can be viewed here:
117
115
  https://github.com/ABI-Software/map-sidebar/blob/3310b165489b10901f50a21e5689ef046251dbd9/src/components/SidebarContent.vue#L318
118
116
 
119
117
  It is used to keep the code from attempting to access an object property that does not exist
120
118
 
121
119
  ### Context card data format
120
+
122
121
  All fields are strings:
122
+
123
123
  ```
124
124
  {
125
125
  "description": required ,
@@ -152,15 +152,14 @@ All fields are strings:
152
152
  An example context card file can be viewed here:
153
153
  https://drive.google.com/file/d/15NVRBny7WGltpMSRbsgMglXo0xOC3-Q9/view?usp=sharing
154
154
 
155
-
156
155
  ## API Documentation
157
156
 
158
157
  The API documentation is developed with `vitepress` and `vuese`. Documentation pages are in the `docs` folder.
159
158
 
160
159
  ### To run in local development mode
160
+
161
161
  ```bash
162
162
  npm run docs:watch
163
163
  ```
164
164
 
165
165
  This will start the documentation server with `vitepress` on port `:5173` and watch the components' changes.
166
-
package/cypress.config.js CHANGED
@@ -1,21 +1,20 @@
1
- import { defineConfig } from "cypress";
1
+ import { defineConfig } from 'cypress';
2
2
 
3
3
  export default defineConfig({
4
4
  defaultCommandTimeout: 10000,
5
- reporter: "junit",
6
5
  experimentalMemoryManagement: true,
7
6
  numTestsKeptInMemory: 0,
8
- reporter: "cypress-multi-reporters",
7
+ reporter: 'cypress-multi-reporters',
9
8
  reporterOptions: {
10
- configFile: "reporter-config.json",
9
+ configFile: 'reporter-config.json',
11
10
  },
12
11
  component: {
13
12
  viewportWidth: 1440,
14
13
  viewportHeight: 900,
15
- specPattern: "cypress/component/*.cy.js",
14
+ specPattern: 'cypress/component/*.cy.js',
16
15
  devServer: {
17
- framework: "vue",
18
- bundler: "vite",
16
+ framework: 'vue',
17
+ bundler: 'vite',
19
18
  },
20
19
  },
21
20
  video: true,