@mappedin/react-ui 6.9.0-beta.0

package/lib/esm/themes/mappedin-dark.css

@@ -0,0 +1 @@
+:root{--mappedin-color-primary-1: #1890ff;--mappedin-color-neutral-1: #888888;--mappedin-color-neutral-2: #e0e0e0;--mappedin-color-background-1: #ffffff;--mappedin-color-text-1: #262626;--mappedin-font-family: Helvetica, sans-serif;--mappedin-font-size-md: 1rem;--mappedin-font-size-sm: .925rem;--mappedin-animation-duration-1: .2s;--mappedin-focus-outline-color: var(--mappedin-color-primary-1);--mappedin-focus-outline-width: 2px;--mappedin-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .15);--mappedin-border-radius-md: .5rem;--mappedin-border-radius-sm: .375rem}:root{--mappedin-color-primary-1: rgb(61, 161, 255);--mappedin-color-neutral-1: rgb(148, 148, 148);--mappedin-color-neutral-2: rgb(68, 68, 68);--mappedin-color-background-1: rgb(52, 52, 52);--mappedin-color-text-1: rgb(240, 240, 240)}:where([class*=mappedin__]):where(li,ul,button){all:unset}:where([class*=mappedin__]):where(p,span,input){color:var(--mappedin-color-text-1, #000000);font-family:var(--mappedin-font-family, Helvetica, sans-serif);font-size:var(--mappedin-font-size-md, 1rem)}:where([class*=mappedin__]):where(input){font-size:1rem;background-color:var(--mappedin-color-background-1, #ffffff)}:where([class*=mappedin__]):where(svg){color:var(--mappedin-color-neutral-1, #000000)}:where([class*=mappedin__]):where(button,[role=button]){cursor:pointer}:where([class*=mappedin__]):where([role=button]:active span[class*=mappedin__],[role=button]:active p[class*=mappedin__],button:active span[class*=mappedin__],button:active p[class*=mappedin__]){filter:brightness(.9)}:where([class*=mappedin__]):where(:focus-visible,.mappedin__keyboard-focus){outline:var(--mappedin-focus-outline-width, 2px) solid var(--mappedin-focus-outline-color, #1890ff)}[class*=mappedin__][role=button]:hover span[class*=mappedin__],[class*=mappedin__][role=button]:hover p[class*=mappedin__],[class*=mappedin__][role=button].mappedin__keyboard-focus span[class*=mappedin__],[class*=mappedin__][role=button].mappedin__keyboard-focus p[class*=mappedin__],button[class*=mappedin__]:hover span[class*=mappedin__],button[class*=mappedin__]:hover p[class*=mappedin__],button[class*=mappedin__].mappedin__keyboard-focus span[class*=mappedin__],button[class*=mappedin__].mappedin__keyboard-focus p[class*=mappedin__]{color:var(--mappedin-color-primary-1, #000000)}:where([class*=mappedin__]):where(li.mappedin__keyboard-focus:has(span[class*=mappedin__]),li.mappedin__keyboard-focus:has(p[class*=mappedin__])){outline:none}.mappedin__search-bar-wrapper{position:relative}.mappedin__search-bar-input::-webkit-search-cancel-button{display:none}.mappedin__search-bar-input{width:100%}.mappedin__search-bar-icon{position:absolute;right:0;top:0;height:100%}.mappedin__search-bar-icon.mappedin__hidden,[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__clear-icon{opacity:0;pointer-events:none}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__clear-icon{opacity:1;pointer-events:auto}[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__search-icon{opacity:1;pointer-events:auto}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__search-icon{opacity:0;pointer-events:none}.mappedin__location-list ul{padding:0;margin:0}.mappedin__location-list-item-wrapper.mappedin__keyboard-focus{outline-offset:calc(var(--mappedin-focus-outline-width, 2px) * -1)}.mappedin__location-list-item-wrapper>*{height:100%}.mappedin__location-list-item-content{display:flex}.mappedin__location-list-item-image{height:calc(100% - .75rem)}.mappedin__location-list-item-image :where(img,svg){max-height:100%}.mappedin__location-list-item-image:has(svg){aspect-ratio:1}.mappedin__floor-selector-button{display:flex}.mappedin__floor-selector-chevron svg{aspect-ratio:1;min-height:1rem}.mappedin__floor-selector-open .mappedin__floor-selector-chevron{transform:rotate(-180deg)}.mappedin__floor-selector-floors-list{display:flex;flex-direction:column}.mappedin__floor-selector-wrapper span{text-wrap:nowrap}.mappedin__zoom-controls-wrapper{display:flex;flex-direction:column}.mappedin__zoom-controls-button svg{min-height:1rem}.mappedin__search-bar-input{height:2.5rem;font-size:1rem;border-radius:var(--mappedin-border-radius-md, .5rem);padding:0 2.5rem 0 .75rem;border-style:none}.mappedin__search-bar-input:focus{outline:none}.mappedin__search-bar-input::placeholder{color:var(--mappedin-color-neutral-1, #888888)}.mappedin__search-bar-icon{transition:opacity var(--mappedin-animation-duration-1, .2s) ease-in-out;cursor:pointer;overflow:hidden;padding:.6rem;box-sizing:border-box;border-radius:var(--mappedin-border-radius-md, .5rem);border-top-left-radius:0;border-bottom-left-radius:0}.mappedin__search-bar-icon svg{transition:transform var(--mappedin-animation-duration-1, .2s) ease-in-out}[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__search-icon svg{transform:translate(0)}[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__clear-icon svg{transform:translate(50%)}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__search-icon svg{transform:translate(50%)}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__clear-icon svg{transform:translate(0)}.mappedin__location-list-item-content{align-items:center;padding:0 .75rem;box-sizing:border-box;gap:.5rem}.mappedin__location-list-item-wrapper.mappedin__list-item-active{outline:none}.mappedin__location-list-wrapper{background-color:var(--mappedin-color-background-1, #ffffff)}.mappedin__location-list{scrollbar-color:var(--mappedin-color-neutral-2, #e0e0e0) transparent;scrollbar-width:thin}.mappedin__location-list-item-name{font-size:var(--mappedin-font-size-sm, .925rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mappedin__location-list-item-image:has(img){padding:.25rem;border:1px solid var(--mappedin-color-neutral-2, #e0e0e0);border-radius:var(--mappedin-border-radius-sm, .25rem)}.mappedin__location-list-item-image:has(svg){padding:calc(.25rem + 1px);border:none}.mappedin__location-list-item-image svg{color:var(--mappedin-color-text-1, #000000)}.mappedin__location-list-item-wrapper:is(.mappedin__keyboard-focus,:hover) .mappedin__location-list-item-image svg{color:var(--mappedin-color-primary-1, #1890ff)}.mappedin__search-wrapper{background-color:var(--mappedin-color-background-1, #ffffff);border-radius:var(--mappedin-border-radius-md, .5rem);box-shadow:var(--mappedin-box-shadow, 0px 2px 8px 0px rgba(0, 0, 0, .15))}.mappedin__location-list-wrapper{border-bottom-left-radius:var(--mappedin-border-radius-md, .5rem);border-bottom-right-radius:var(--mappedin-border-radius-md, .5rem);overflow:hidden}.mappedin__results-visible .mappedin__location-list-wrapper{border-top:1px solid var(--mappedin-color-neutral-2, #e0e0e0)}.mappedin__location-list-item:last-child{border-bottom-left-radius:var(--mappedin-border-radius-md, .5rem);border-bottom-right-radius:var(--mappedin-border-radius-md, .5rem)}.mappedin__search-content-wrapper{transition:max-height var(--mappedin-animation-duration-1, .2s) ease-in-out;overflow:hidden}.mappedin__floor-selector-wrapper{border-radius:var(--mappedin-border-radius-md, .5rem);box-shadow:var(--mappedin-box-shadow, 0px 2px 8px 0px rgba(0, 0, 0, .15));background-color:var(--mappedin-color-background-1, #ffffff)}.mappedin__floor-selector-button{display:flex;align-items:center;padding-left:.75rem;height:2.5rem;border-radius:inherit;outline:none!important}.mappedin__floor-selector-chevron{padding:.6rem;align-self:stretch;box-sizing:border-box;transition:transform var(--mappedin-animation-duration-1, .2s) ease-in-out}.mappedin__floor-selector-chevron svg{min-height:100%}.mappedin__floor-selector-floor-item{height:2rem;display:flex;align-items:center;padding:0 .75rem}.mappedin__floor-selector-list-wrapper{overflow:hidden;transition:max-height var(--mappedin-animation-duration-1, .2s) ease-in-out}.mappedin__floor-selector-floor-item-name{font-size:var(--mappedin-font-size-sm, .925rem)}[data-mappedin-open=true] .mappedin__floor-selector-list-wrapper{border-top:1px solid var(--mappedin-color-neutral-2, #e0e0e0)}.mappedin__floor-selector-current-floor-in-list span{color:var(--mappedin-color-neutral-1, #888888)}.mappedin__zoom-controls-wrapper{background-color:var(--mappedin-color-background-1, #ffffff);box-shadow:var(--mappedin-box-shadow, 0px 2px 8px 0px rgba(0, 0, 0, .15));border-radius:var(--mappedin-border-radius-md, .5rem);width:2.5rem}.mappedin__zoom-controls-button{border-radius:inherit;padding:.6rem}.mappedin__zoom-controls-button svg{color:var(--mappedin-color-text-1, #000000)}.mappedin__zoom-controls-button:hover svg{color:var(--mappedin-color-primary-1, #1890ff)}.mappedin__zoom-controls-zoom-in{border-bottom-left-radius:0;border-bottom-right-radius:0}.mappedin__zoom-controls-zoom-out{border-top-left-radius:0;border-top-right-radius:0}

package/lib/esm/themes/mappedin-dark.js

@@ -0,0 +1 @@
+import"../chunk-OU6YBVSW.js";import"../chunk-IIQHZPWU.js";import"../chunk-APRH4CAT.js";

package/lib/esm/themes/mappedin-light.css

@@ -0,0 +1 @@
+:root{--mappedin-color-primary-1: #1890ff;--mappedin-color-neutral-1: #888888;--mappedin-color-neutral-2: #e0e0e0;--mappedin-color-background-1: #ffffff;--mappedin-color-text-1: #262626;--mappedin-font-family: Helvetica, sans-serif;--mappedin-font-size-md: 1rem;--mappedin-font-size-sm: .925rem;--mappedin-animation-duration-1: .2s;--mappedin-focus-outline-color: var(--mappedin-color-primary-1);--mappedin-focus-outline-width: 2px;--mappedin-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .15);--mappedin-border-radius-md: .5rem;--mappedin-border-radius-sm: .375rem}:where([class*=mappedin__]):where(li,ul,button){all:unset}:where([class*=mappedin__]):where(p,span,input){color:var(--mappedin-color-text-1, #000000);font-family:var(--mappedin-font-family, Helvetica, sans-serif);font-size:var(--mappedin-font-size-md, 1rem)}:where([class*=mappedin__]):where(input){font-size:1rem;background-color:var(--mappedin-color-background-1, #ffffff)}:where([class*=mappedin__]):where(svg){color:var(--mappedin-color-neutral-1, #000000)}:where([class*=mappedin__]):where(button,[role=button]){cursor:pointer}:where([class*=mappedin__]):where([role=button]:active span[class*=mappedin__],[role=button]:active p[class*=mappedin__],button:active span[class*=mappedin__],button:active p[class*=mappedin__]){filter:brightness(.9)}:where([class*=mappedin__]):where(:focus-visible,.mappedin__keyboard-focus){outline:var(--mappedin-focus-outline-width, 2px) solid var(--mappedin-focus-outline-color, #1890ff)}[class*=mappedin__][role=button]:hover span[class*=mappedin__],[class*=mappedin__][role=button]:hover p[class*=mappedin__],[class*=mappedin__][role=button].mappedin__keyboard-focus span[class*=mappedin__],[class*=mappedin__][role=button].mappedin__keyboard-focus p[class*=mappedin__],button[class*=mappedin__]:hover span[class*=mappedin__],button[class*=mappedin__]:hover p[class*=mappedin__],button[class*=mappedin__].mappedin__keyboard-focus span[class*=mappedin__],button[class*=mappedin__].mappedin__keyboard-focus p[class*=mappedin__]{color:var(--mappedin-color-primary-1, #000000)}:where([class*=mappedin__]):where(li.mappedin__keyboard-focus:has(span[class*=mappedin__]),li.mappedin__keyboard-focus:has(p[class*=mappedin__])){outline:none}.mappedin__search-bar-wrapper{position:relative}.mappedin__search-bar-input::-webkit-search-cancel-button{display:none}.mappedin__search-bar-input{width:100%}.mappedin__search-bar-icon{position:absolute;right:0;top:0;height:100%}.mappedin__search-bar-icon.mappedin__hidden,[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__clear-icon{opacity:0;pointer-events:none}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__clear-icon{opacity:1;pointer-events:auto}[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__search-icon{opacity:1;pointer-events:auto}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__search-icon{opacity:0;pointer-events:none}.mappedin__location-list ul{padding:0;margin:0}.mappedin__location-list-item-wrapper.mappedin__keyboard-focus{outline-offset:calc(var(--mappedin-focus-outline-width, 2px) * -1)}.mappedin__location-list-item-wrapper>*{height:100%}.mappedin__location-list-item-content{display:flex}.mappedin__location-list-item-image{height:calc(100% - .75rem)}.mappedin__location-list-item-image :where(img,svg){max-height:100%}.mappedin__location-list-item-image:has(svg){aspect-ratio:1}.mappedin__floor-selector-button{display:flex}.mappedin__floor-selector-chevron svg{aspect-ratio:1;min-height:1rem}.mappedin__floor-selector-open .mappedin__floor-selector-chevron{transform:rotate(-180deg)}.mappedin__floor-selector-floors-list{display:flex;flex-direction:column}.mappedin__floor-selector-wrapper span{text-wrap:nowrap}.mappedin__zoom-controls-wrapper{display:flex;flex-direction:column}.mappedin__zoom-controls-button svg{min-height:1rem}.mappedin__search-bar-input{height:2.5rem;font-size:1rem;border-radius:var(--mappedin-border-radius-md, .5rem);padding:0 2.5rem 0 .75rem;border-style:none}.mappedin__search-bar-input:focus{outline:none}.mappedin__search-bar-input::placeholder{color:var(--mappedin-color-neutral-1, #888888)}.mappedin__search-bar-icon{transition:opacity var(--mappedin-animation-duration-1, .2s) ease-in-out;cursor:pointer;overflow:hidden;padding:.6rem;box-sizing:border-box;border-radius:var(--mappedin-border-radius-md, .5rem);border-top-left-radius:0;border-bottom-left-radius:0}.mappedin__search-bar-icon svg{transition:transform var(--mappedin-animation-duration-1, .2s) ease-in-out}[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__search-icon svg{transform:translate(0)}[data-mappedin-search-bar-value=""] .mappedin__search-bar-icon.mappedin__clear-icon svg{transform:translate(50%)}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__search-icon svg{transform:translate(50%)}[data-mappedin-search-bar-value]:not([data-mappedin-search-bar-value=""]) .mappedin__search-bar-icon.mappedin__clear-icon svg{transform:translate(0)}.mappedin__location-list-item-content{align-items:center;padding:0 .75rem;box-sizing:border-box;gap:.5rem}.mappedin__location-list-item-wrapper.mappedin__list-item-active{outline:none}.mappedin__location-list-wrapper{background-color:var(--mappedin-color-background-1, #ffffff)}.mappedin__location-list{scrollbar-color:var(--mappedin-color-neutral-2, #e0e0e0) transparent;scrollbar-width:thin}.mappedin__location-list-item-name{font-size:var(--mappedin-font-size-sm, .925rem);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mappedin__location-list-item-image:has(img){padding:.25rem;border:1px solid var(--mappedin-color-neutral-2, #e0e0e0);border-radius:var(--mappedin-border-radius-sm, .25rem)}.mappedin__location-list-item-image:has(svg){padding:calc(.25rem + 1px);border:none}.mappedin__location-list-item-image svg{color:var(--mappedin-color-text-1, #000000)}.mappedin__location-list-item-wrapper:is(.mappedin__keyboard-focus,:hover) .mappedin__location-list-item-image svg{color:var(--mappedin-color-primary-1, #1890ff)}.mappedin__search-wrapper{background-color:var(--mappedin-color-background-1, #ffffff);border-radius:var(--mappedin-border-radius-md, .5rem);box-shadow:var(--mappedin-box-shadow, 0px 2px 8px 0px rgba(0, 0, 0, .15))}.mappedin__location-list-wrapper{border-bottom-left-radius:var(--mappedin-border-radius-md, .5rem);border-bottom-right-radius:var(--mappedin-border-radius-md, .5rem);overflow:hidden}.mappedin__results-visible .mappedin__location-list-wrapper{border-top:1px solid var(--mappedin-color-neutral-2, #e0e0e0)}.mappedin__location-list-item:last-child{border-bottom-left-radius:var(--mappedin-border-radius-md, .5rem);border-bottom-right-radius:var(--mappedin-border-radius-md, .5rem)}.mappedin__search-content-wrapper{transition:max-height var(--mappedin-animation-duration-1, .2s) ease-in-out;overflow:hidden}.mappedin__floor-selector-wrapper{border-radius:var(--mappedin-border-radius-md, .5rem);box-shadow:var(--mappedin-box-shadow, 0px 2px 8px 0px rgba(0, 0, 0, .15));background-color:var(--mappedin-color-background-1, #ffffff)}.mappedin__floor-selector-button{display:flex;align-items:center;padding-left:.75rem;height:2.5rem;border-radius:inherit;outline:none!important}.mappedin__floor-selector-chevron{padding:.6rem;align-self:stretch;box-sizing:border-box;transition:transform var(--mappedin-animation-duration-1, .2s) ease-in-out}.mappedin__floor-selector-chevron svg{min-height:100%}.mappedin__floor-selector-floor-item{height:2rem;display:flex;align-items:center;padding:0 .75rem}.mappedin__floor-selector-list-wrapper{overflow:hidden;transition:max-height var(--mappedin-animation-duration-1, .2s) ease-in-out}.mappedin__floor-selector-floor-item-name{font-size:var(--mappedin-font-size-sm, .925rem)}[data-mappedin-open=true] .mappedin__floor-selector-list-wrapper{border-top:1px solid var(--mappedin-color-neutral-2, #e0e0e0)}.mappedin__floor-selector-current-floor-in-list span{color:var(--mappedin-color-neutral-1, #888888)}.mappedin__zoom-controls-wrapper{background-color:var(--mappedin-color-background-1, #ffffff);box-shadow:var(--mappedin-box-shadow, 0px 2px 8px 0px rgba(0, 0, 0, .15));border-radius:var(--mappedin-border-radius-md, .5rem);width:2.5rem}.mappedin__zoom-controls-button{border-radius:inherit;padding:.6rem}.mappedin__zoom-controls-button svg{color:var(--mappedin-color-text-1, #000000)}.mappedin__zoom-controls-button:hover svg{color:var(--mappedin-color-primary-1, #1890ff)}.mappedin__zoom-controls-zoom-in{border-bottom-left-radius:0;border-bottom-right-radius:0}.mappedin__zoom-controls-zoom-out{border-top-left-radius:0;border-top-right-radius:0}

package/lib/esm/themes/mappedin-light.js

@@ -0,0 +1 @@
+import"../chunk-OU6YBVSW.js";import"../chunk-IIQHZPWU.js";import"../chunk-APRH4CAT.js";

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@mappedin/react-ui",
+  "version": "6.9.0-beta.0",
+  "homepage": "https://developer.mappedin.com/",
+  "private": false,
+  "main": "lib/esm/index.js",
+  "module": "lib/esm/index.js",
+  "browser": "lib/esm/index.js",
+  "types": "lib/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./lib/esm/index.js",
+      "types": "./lib/esm/index.d.ts"
+    },
+    "./themes/default.css": {
+      "import": "./lib/esm/themes/default.css"
+    },
+    "./themes/basic.css": {
+      "import": "./lib/esm/themes/basic.css"
+    },
+    "./themes/mappedin-light.css": {
+      "import": "./lib/esm/themes/mappedin-light.css"
+    },
+    "./themes/mappedin-dark.css": {
+      "import": "./lib/esm/themes/mappedin-dark.css"
+    },
+    "./components/*": {
+      "import": "./lib/esm/components/*/index.js",
+      "types": "./lib/esm/index.d.ts"
+    },
+    "./hooks/*": {
+      "import": "./lib/esm/hooks/*/index.js",
+      "types": "./lib/esm/index.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "components/*": [
+        "lib/esm/index.d.ts"
+      ],
+      "hooks/*": [
+        "lib/esm/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "lib",
+    "README.md",
+    "LICENSE.txt",
+    "THIRD_PARTY_LICENSES.txt"
+  ],
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "dependencies": {},
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "@mappedin/mappedin-js": "^6.9.0"
+  },
+  "devDependencies": {},
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "scripts": {
+    "start": "pnpm build && concurrently \"node scripts/build.mjs --watchChanges\" \"node scripts/start.mjs\"",
+    "build": "pnpm clean && pnpm types && node scripts/build.mjs",
+    "build:prod": "cross-env NODE_ENV=production pnpm build",
+    "build:examples": "node ../scripts/build-examples.mjs react-ui",
+    "types": "tsc -b",
+    "test": "pnpm -w test react-ui",
+    "version:ci": "pnpm version --no-commit-hooks --no-git-tag-version",
+    "test:cov": "pnpm test -- --coverage",
+    "clean": "rm -rf lib/** && rm -rf examples/dist/**",
+    "docs": "pnpm build && typedoc",
+    "docs:watch": "pnpm build &&pnpm typedoc --watch",
+    "docs:serve": "concurrently \"pnpm docs:watch\" \"npx serve -n ./docs/\""
+  }
+}