@blinkk/root-cms 1.0.0-beta.50 → 1.0.0-beta.51

package/dist/ui/ui.css

@@ -924,6 +924,15 @@
 .DocEditor__FileField__uploadButton__icon {
   margin-right: 10px;
 }
+.DocEditor__DateTimeField input {
+  margin-top: 16px;
+  display: block;
+  width: 100%;
+  border: 1px solid #dedede;
+  padding: 6px 8px;
+  font-family: inherit;
+  font-size: 12px;
+}
 
 /* ui/pages/DocumentPage/DocumentPage.css */
 .DocumentPage {

package/dist/ui/ui.js

@@ -39853,7 +39853,7 @@ ${this.customData.serverResponse}`;
   // package.json
   var package_default = {
     name: "@blinkk/root-cms",
-    version: "1.0.0-beta.50",
+    version: "1.0.0-beta.51",
     author: "s@blinkk.com",
     license: "MIT",
     engines: {
@@ -39958,7 +39958,7 @@ ${this.customData.serverResponse}`;
       vitest: "^0.18.1"
     },
     peerDependencies: {
-      "@blinkk/root": "1.0.0-beta.50",
+      "@blinkk/root": "1.0.0-beta.51",
       "firebase-admin": ">=11",
       "firebase-functions": ">=4",
       preact: "10.x",
@@ -43721,7 +43721,7 @@ ${content}</tr>
             /* @__PURE__ */ o4("div", { className: "DocEditor__field__name", children: field.label || field.id }),
             field.help && /* @__PURE__ */ o4("div", { className: "DocEditor__field__help", children: field.help })
           ] }),
-          /* @__PURE__ */ o4("div", { className: "DocEditor__field__input", children: field.type === "array" ? /* @__PURE__ */ o4(DocEditor.ArrayField, { ...props }) : field.type === "boolean" ? /* @__PURE__ */ o4(DocEditor.BooleanField, { ...props }) : field.type === "file" ? /* @__PURE__ */ o4(DocEditor.FileField, { ...props }) : field.type === "image" ? /* @__PURE__ */ o4(DocEditor.ImageField, { ...props }) : field.type === "multiselect" ? /* @__PURE__ */ o4(DocEditor.MultiSelectField, { ...props }) : field.type === "object" ? /* @__PURE__ */ o4(DocEditor.ObjectField, { ...props }) : field.type === "oneof" ? /* @__PURE__ */ o4(DocEditor.OneOfField, { ...props }) : field.type === "select" ? /* @__PURE__ */ o4(DocEditor.SelectField, { ...props }) : field.type === "string" ? /* @__PURE__ */ o4(DocEditor.StringField, { ...props }) : /* @__PURE__ */ o4("div", { className: "DocEditor__field__input__unknown", children: [
+          /* @__PURE__ */ o4("div", { className: "DocEditor__field__input", children: field.type === "array" ? /* @__PURE__ */ o4(DocEditor.ArrayField, { ...props }) : field.type === "boolean" ? /* @__PURE__ */ o4(DocEditor.BooleanField, { ...props }) : field.type === "datetime" ? /* @__PURE__ */ o4(DocEditor.DateTimeField, { ...props }) : field.type === "file" ? /* @__PURE__ */ o4(DocEditor.FileField, { ...props }) : field.type === "image" ? /* @__PURE__ */ o4(DocEditor.ImageField, { ...props }) : field.type === "multiselect" ? /* @__PURE__ */ o4(DocEditor.MultiSelectField, { ...props }) : field.type === "object" ? /* @__PURE__ */ o4(DocEditor.ObjectField, { ...props }) : field.type === "oneof" ? /* @__PURE__ */ o4(DocEditor.OneOfField, { ...props }) : field.type === "select" ? /* @__PURE__ */ o4(DocEditor.SelectField, { ...props }) : field.type === "string" ? /* @__PURE__ */ o4(DocEditor.StringField, { ...props }) : /* @__PURE__ */ o4("div", { className: "DocEditor__field__input__unknown", children: [
             "Unknown field type: ",
             field.type
           ] }) })
@@ -44573,6 +44573,50 @@ ${content}</tr>
       }
     ) });
   };
+  DocEditor.DateTimeField = (props) => {
+    const [dateStr, setDateStr] = y2("");
+    function onChange(newDateStr) {
+      if (newDateStr) {
+        const millis = Math.floor(new Date(newDateStr).getTime());
+        const newValue = nt.fromMillis(millis);
+        setDateStr(toDateStr(newValue));
+        props.draft.updateKey(props.deepKey, newValue);
+      } else {
+        setDateStr("");
+        props.draft.removeKey(props.deepKey);
+      }
+    }
+    function toDateStr(ts2) {
+      const date = ts2.toDate();
+      date.setMinutes(date.getMinutes() - date.getTimezoneOffset());
+      return date.toISOString().slice(0, 16);
+    }
+    s2(() => {
+      const unsubscribe = props.draft.subscribe(
+        props.deepKey,
+        (newValue) => {
+          if (newValue) {
+            setDateStr(toDateStr(newValue));
+          } else {
+            setDateStr("");
+          }
+        }
+      );
+      return unsubscribe;
+    }, []);
+    return /* @__PURE__ */ o4("div", { className: "DocEditor__DateTimeField", children: /* @__PURE__ */ o4(
+      "input",
+      {
+        type: "datetime-local",
+        value: dateStr,
+        onChange: (e3) => {
+          const target = e3.target;
+          const newDateStr = target.value;
+          onChange(newDateStr);
+        }
+      }
+    ) });
+  };
   function arraySwap(arr, index1, index22) {
     if (arr.length <= 1) {
       return arr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkk/root-cms",
-  "version": "1.0.0-beta.50",
+  "version": "1.0.0-beta.51",
   "author": "s@blinkk.com",
   "license": "MIT",
   "engines": {
@@ -57,7 +57,7 @@
   "//": "NOTE(stevenle): due to compat issues with mantine and preact, mantine is pinned to v4.2.12",
   "devDependencies": {
     "@babel/core": "^7.17.9",
-    "@blinkk/root": "1.0.0-beta.50",
+    "@blinkk/root": "1.0.0-beta.51",
     "@emotion/react": "^11.10.5",
     "@firebase/app-compat": "^0.1.33",
     "@firebase/app-types": "^0.7.0",
@@ -92,7 +92,7 @@
     "vitest": "^0.18.1"
   },
   "peerDependencies": {
-    "@blinkk/root": "1.0.0-beta.50",
+    "@blinkk/root": "1.0.0-beta.51",
     "firebase-admin": ">=11",
     "firebase-functions": ">=4",
     "preact": "10.x",