docs : update demo

polmoneys · Jan 26, 2023 · f5a6014 · f5a6014
1 parent cc8d32b
commit f5a6014
Show file tree

Hide file tree

Showing 7 changed files with 198 additions and 197 deletions.
diff --git a/demo/dist/assets/index.9a928edd.js b/demo/dist/assets/index.9a928edd.js
diff --git a/demo/dist/assets/index.e7150dcf.js b/demo/dist/assets/index.e7150dcf.js
diff --git a/demo/dist/index.html b/demo/dist/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" type="image/x-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAnCAYAAABuf0pMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA91pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAyN0U0MDdBMjc2ODExRTc5MTlGQzU3MEIzQzMxNjE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAyN0U0MDc5Mjc2ODExRTc5MTlGQzU3MEIzQzMxNjE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENTNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCMjhGQjc5MTk0RTExRTc5MTc2REYyM0M5RkQ0Qjc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCMjhGQjdBMTk0RTExRTc5MTc2REYyM0M5RkQ0Qjc2Ii8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+V2ViPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5bVycEAAABfklEQVR42mJkIB0UA7EvEP/HIvcciKMYaAw2Qi3HhUkCTGQ44CUeufv0cABVwagDWIC4H4h1gfgvmhwzNE5TKbSjFIjdsZgP8vwnEOMpgVSdgKZxFh6199DUKhAw+z/IFQ8J+GA2ELOS6ftVBOQ/MBEZTfPIsDwaiE2plQhjgFgbyUHEmDeL2rlgDZR+h0fNPyjdBsRc1HaABhDbAfENPGquAbE6EFeSkg1JAQuA+DweeXGkkCIaHCOUVWiI348WxaMOIOSARUC8lwLzH0OLcrIdcJvCNl48ofqAkAP0gPgVEC8mw3JQLbsfiJUocQAblE5GKmaJBaFQWpISB8AaEb+BOI3EeuM4kl6q5IK5QHyTSLUJtMqGIUSoyQPir7RywBUgXk+gzzCZ1gXRAzxyH+lREvLgkWOlhwOGX10gjkdehAp28OGREwA1yU4D8R8cCi5RwQGgRHsLh9wncgwkpWc0mgiHpwP48ciJkTM+QE6qfoalfcBIRE8bAwAEGAB3Zn/EArOaDQAAAABJRU5ErkJggg==" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Hospitality</title>
-    <script type="module" crossorigin src="/assets/index.9a928edd.js"></script>
+    <script type="module" crossorigin src="/assets/index.e7150dcf.js"></script>
     <link rel="stylesheet" href="/assets/index.2f6bbd67.css">
   </head>
   <body>

diff --git a/demo/src/stories/index.tsx b/demo/src/stories/index.tsx
@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction } from "react";
 import { Hospitality, UnavailableSpots } from "hospitality-react";
 import { useControls, folder, button } from "leva";
 import { Variants } from "../App";
-import Cam from "./camera";
+// import Cam from "./camera";
 import Mapped from "./mapped";
 import Spot from "./spot";
 
@@ -15,22 +15,23 @@ interface Props {
 function Stories(props: Props) {
   const { setter } = props;
 
-  const { columns, rows, show, rowShape, unavailable } = useControls({
+  const { columns, rows, show, shape, unavailable } = useControls({
     basic: folder(
       {
         rows: 8,
         columns: 8,
       },
       { color: "yellow" }
     ),
-    show: { value: false, label: "customize row shape" },
+    show: { value: false, label: "customize shape" },
 
-    rowShape: folder(
+    shape: folder(
       {
-        rowShape: {
-          label: "sum of array must be === to rows",
+        shape: {
+          label: "sum of array must be === to columns",
           min: 1,
           max: 9,
+          step: 1,
           render: get => get("show"),
           value: [2, 4, 2],
         },
@@ -45,7 +46,7 @@ function Stories(props: Props) {
         unavailable: {
           label: "Disable spot on row 1",
           min: 1,
-          max: 9,
+          max: 8,
           value: 4,
           step: 1,
           optional: true,
@@ -72,7 +73,7 @@ function Stories(props: Props) {
         visual={{
           columns,
           rows,
-          ...(show && { rowShape }),
+          ...(show && { shape }),
         }}
         onSelect={spot => console.log({ spot })}
         unavailable={busySpots}
@@ -82,7 +83,7 @@ function Stories(props: Props) {
 }
 
 Stories.Map = Mapped;
-Stories.Camera = Cam;
+// Stories.Camera = Cam;
 Stories.Spot = Spot;
 
 export default Stories;
diff --git a/docs/assets/index.9a928edd.js b/docs/assets/index.9a928edd.js
diff --git a/docs/assets/index.e7150dcf.js b/docs/assets/index.e7150dcf.js
diff --git a/docs/index.html b/docs/index.html
@@ -12,7 +12,7 @@
     <script
       type="module"
       crossorigin
-      src="/hospitality-react/assets/index.9a928edd.js"
+      src="/hospitality-react/assets/index.e7150dcf.js"
     ></script>
     <link
       rel="stylesheet"