@open-pioneer/result-list 0.1.0

package/index.js

@@ -0,0 +1,2 @@
+export { ResultList } from './ResultList.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "type": "module",
+  "name": "@open-pioneer/result-list",
+  "version": "0.1.0",
+  "description": "This package provides a UI component to display features and their attributes.",
+  "keywords": [
+    "open-pioneer-trails"
+  ],
+  "homepage": "https://github.com/open-pioneer",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/open-pioneer/trails-openlayers-base-packages",
+    "directory": "src/packages/result-list"
+  },
+  "peerDependencies": {
+    "@open-pioneer/chakra-integration": "^1.1.1",
+    "@open-pioneer/runtime": "^2.1.2",
+    "@open-pioneer/core": "^1.2.1",
+    "ol": "^9.0.0",
+    "react": "^18.2.0",
+    "classnames": "^2.3.2",
+    "@chakra-ui/icons": "^2.1.1",
+    "@tanstack/react-table": "^8.11.6",
+    "@open-pioneer/map": "^0.4.0",
+    "@open-pioneer/react-utils": "^0.2.2"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./index.js",
+      "types": "./index.d.ts"
+    },
+    "./result-list.css": "./result-list.css"
+  },
+  "openPioneerFramework": {
+    "styles": "./result-list.css",
+    "services": [],
+    "i18n": {
+      "languages": [
+        "en",
+        "de"
+      ]
+    },
+    "ui": {
+      "references": []
+    },
+    "properties": [],
+    "packageFormatVersion": "1.0.0"
+  }
+}

package/result-list.css

@@ -0,0 +1,60 @@
+.result-list-no-data-message {
+  text-align: center;
+  margin-top: 50px;
+  font-weight: bold;
+  font-size: larger;
+}
+
+.result-list-table th,
+.result-list-table td {
+  overflow-wrap: break-word;
+}
+
+.result-list-table.result-list-table--is-resizing * {
+  cursor: col-resize;
+}
+
+.result-list-table thead {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--chakra-colors-background_body);
+}
+
+.result-list-table th {
+  position: relative;
+  border-right-width: thin;
+}
+
+.result-list-table tbody tr:hover {
+  background: var(--chakra-colors-background_light);
+}
+
+.result-list-table .result-list-resizer {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  right: 0;
+  width: 8px;
+  background: var(--chakra-colors-trails-100);
+  transform: scale(0.25, 1);
+  cursor: col-resize;
+  user-select: none;
+  touch-action: none;
+  padding-left: 0px;
+}
+
+.result-list-table th:last-child .result-list-resizer {
+  width: 8px;
+  transform: translateX(50%) scale(0.25, 1);
+}
+
+.result-list-table th .result-list-resizer.result-list-resizer--is-resizing {
+  background: var(--chakra-colors-trails-500);
+  transform: scale(1);
+}
+
+.result-list-table th .result-list-resizer:hover {
+  transform: scale(1);
+}
+/*# sourceMappingURL=result-list.css.map */

package/result-list.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["result-list.scss"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,iBAAA;AACJ;;AAGI;;EAEI,yBAAA;AAAR;;AAGI;EACI,kBAAA;AADR;;AAII;EACI,gBAAA;EACA,MAAA;EACA,UAAA;EACA,gDAAA;AAFR;;AAKI;EACI,kBAAA;EACA,wBAAA;AAHR;;AAMI;EACI,iDAAA;AAJR;;AAQI;EACI,kBAAA;EACA,MAAA;EACA,YAAA;EACA,QAAA;EACA,UAAA;EACA,2CAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,iBAAA;AANR;;AAUI;EACI,UAAA;EACA,yCAAA;AARR;;AAaQ;EACI,2CAAA;EACA,mBAAA;AAXZ;;AAcQ;EACI,mBAAA;AAZZ","file":"result-list.css","sourcesContent":[".result-list-no-data-message {\n    text-align: center;\n    margin-top: 50px;\n    font-weight: bold;\n    font-size: larger;\n}\n\n.result-list-table {\n    th,\n    td {\n        overflow-wrap: break-word;\n    }\n\n    &.result-list-table--is-resizing * {\n        cursor: col-resize;\n    }\n\n    thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        background: var(--chakra-colors-background_body);\n    }\n\n    th {\n        position: relative;\n        border-right-width: thin;\n    }\n\n    tbody tr:hover {\n        background: var(--chakra-colors-background_light);\n    }\n\n    // Resizer\n    .result-list-resizer {\n        position: absolute;\n        top: 0;\n        height: 100%;\n        right: 0;\n        width: 8px;\n        background: var(--chakra-colors-trails-100);\n        transform: scale(0.25, 1);\n        cursor: col-resize;\n        user-select: none;\n        touch-action: none;\n        padding-left: 0px;\n    }\n\n    // Render last one differently (right-aligned)\n    th:last-child .result-list-resizer {\n        width: 8px;\n        transform: translateX(50%) scale(0.25, 1);\n    }\n\n    // Additional th so that these rules are most specific\n    th .result-list-resizer {\n        &.result-list-resizer--is-resizing {\n            background: var(--chakra-colors-trails-500);\n            transform: scale(1);\n        }\n\n        &:hover {\n            transform: scale(1);\n        }\n    }\n}\n"]}