@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.
- package/.postcssrc.json +5 -5
- package/README.md +8 -9
- package/cypress.config.js +6 -7
- package/dist/map-side-bar.js +5906 -7001
- package/dist/map-side-bar.umd.cjs +62 -65
- package/dist/style.css +1 -1
- package/eslint.config.js +44 -9
- package/package.json +12 -5
- package/reporter-config.json +1 -1
- package/src/App.vue +80 -86
- package/src/algolia/algolia.js +173 -167
- package/src/algolia/utils.js +34 -38
- package/src/assets/_variables.scss +12 -10
- package/src/assets/connectivity-explorer.scss +1 -1
- package/src/assets/fonts.scss +0 -1
- package/src/assets/searchPopover.scss +1 -2
- package/src/components/AnnotationTool.vue +9 -32
- package/src/components/BadgesGroup.vue +29 -32
- package/src/components/ConnectivityCard.vue +22 -19
- package/src/components/ConnectivityExplorer.vue +107 -128
- package/src/components/ConnectivityInfo.vue +169 -128
- package/src/components/ContributorItem.vue +15 -11
- package/src/components/DatasetCard.vue +166 -201
- package/src/components/DatasetExplorer.vue +160 -201
- package/src/components/ImageGallery.vue +35 -36
- package/src/components/SearchFilters.vue +381 -408
- package/src/components/SearchHistory.vue +75 -91
- package/src/components/SideBar.vue +86 -193
- package/src/components/Tabs.vue +16 -30
- package/src/components/index.js +3 -5
- package/src/components/species-map.js +7 -7
- package/src/components.d.ts +0 -3
- package/src/exampleConnectivityInput.js +310 -318
- package/src/main.js +6 -6
- package/src/mixins/S3Bucket.vue +10 -13
- package/vite.config.js +62 -61
- package/vuese-generator.js +47 -55
- package/src/components/CellCard.vue +0 -994
- package/src/components/CellCardExplorer.vue +0 -882
- package/src/components/icons/IconOpenExternal.vue +0 -28
- package/src/utils/common.js +0 -71
package/.postcssrc.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
|
42
|
-
import
|
|
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
|
|
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:
|
|
7
|
+
reporter: 'cypress-multi-reporters',
|
|
9
8
|
reporterOptions: {
|
|
10
|
-
configFile:
|
|
9
|
+
configFile: 'reporter-config.json',
|
|
11
10
|
},
|
|
12
11
|
component: {
|
|
13
12
|
viewportWidth: 1440,
|
|
14
13
|
viewportHeight: 900,
|
|
15
|
-
specPattern:
|
|
14
|
+
specPattern: 'cypress/component/*.cy.js',
|
|
16
15
|
devServer: {
|
|
17
|
-
framework:
|
|
18
|
-
bundler:
|
|
16
|
+
framework: 'vue',
|
|
17
|
+
bundler: 'vite',
|
|
19
18
|
},
|
|
20
19
|
},
|
|
21
20
|
video: true,
|