@stubber/form-fields 1.0.0 → 1.0.2

package/dist/fields/components/SmartText.svelte

@@ -271,8 +271,6 @@
     --tw-ring-inset: inset;
     --tw-ring-opacity: 1;
     --tw-ring-color: rgb(188 191 194 / var(--tw-ring-opacity));
-    --tw-ring-opacity: 1;
-    --tw-ring-color: rgb(188 191 194 / var(--tw-ring-opacity));
     background-color: white;
   }
 

package/dist/fields/components/SmartText.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  SmartTextProps */
 /** @typedef {typeof __propDef.events}  SmartTextEvents */
 /** @typedef {typeof __propDef.slots}  SmartTextSlots */
-export default class SmartText extends SvelteComponentTyped<{
+export default class SmartText extends SvelteComponent<{
     field: any;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class SmartText extends SvelteComponentTyped<{
 export type SmartTextProps = typeof __propDef.props;
 export type SmartTextEvents = typeof __propDef.events;
 export type SmartTextSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         field: any;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/fields/components/Telephone.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  TelephoneProps */
 /** @typedef {typeof __propDef.events}  TelephoneEvents */
 /** @typedef {typeof __propDef.slots}  TelephoneSlots */
-export default class Telephone extends SvelteComponentTyped<{
+export default class Telephone extends SvelteComponent<{
     field: any;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class Telephone extends SvelteComponentTyped<{
 export type TelephoneProps = typeof __propDef.props;
 export type TelephoneEvents = typeof __propDef.events;
 export type TelephoneSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         field: any;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/fields/components/Text.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  TextProps */
 /** @typedef {typeof __propDef.events}  TextEvents */
 /** @typedef {typeof __propDef.slots}  TextSlots */
-export default class Text extends SvelteComponentTyped<{
+export default class Text extends SvelteComponent<{
     field: any;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class Text extends SvelteComponentTyped<{
 export type TextProps = typeof __propDef.props;
 export type TextEvents = typeof __propDef.events;
 export type TextSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         field: any;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/fields/components/Voicenote.svelte

@@ -1,6 +1,6 @@
 <script>
   import { onMount } from "svelte";
-  import { Button } from "@stubber/ui";
+  import { Button } from "@stubber/ui/button";
   import _ from "lodash-es";
   import { deepEqual } from "fast-equals";
   import { writable } from "svelte/store";
@@ -208,14 +208,11 @@
       {label}
     </label>
     <div>
-      <Button
-        variant={isRecording ? "destructive" : "default"}
-        on:click={toggleRecording}
-      >
+      <Button variant={isRecording ? "destructive" : "default"} on:click={toggleRecording}>
         {#if isRecording}
-        <i class="fa-solid fa-microphone-slash" />
+          <i class="fa-solid fa-microphone-slash" />
         {:else}
-        <i class="fa-solid fa-microphone" />
+          <i class="fa-solid fa-microphone" />
         {/if}
         {buttonLabel}
       </Button>

package/dist/fields/components/Voicenote.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  VoicenoteProps */
 /** @typedef {typeof __propDef.events}  VoicenoteEvents */
 /** @typedef {typeof __propDef.slots}  VoicenoteSlots */
-export default class Voicenote extends SvelteComponentTyped<{
+export default class Voicenote extends SvelteComponent<{
     form: any;
     field: any;
 }, {
@@ -11,7 +11,7 @@ export default class Voicenote extends SvelteComponentTyped<{
 export type VoicenoteProps = typeof __propDef.props;
 export type VoicenoteEvents = typeof __propDef.events;
 export type VoicenoteSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         form: any;
@@ -21,5 +21,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/fields/components/index.d.ts

@@ -39,6 +39,7 @@ export namespace components {
     export { Voicenote as voicenote };
     export { AgGrid as grid };
     export { SmartText as smart_text };
+    export { Text as _placeholder };
 }
 import Arraybuilder from "./Arraybuilder.svelte";
 import Checkbox from "./Checkbox.svelte";

package/dist/fields/components/index.js

@@ -79,4 +79,5 @@ export const components = {
   voicenote: Voicenote,
   grid: AgGrid,
   smart_text: SmartText,
+  _placeholder: Text,
 };

package/dist/fields/definitions/_placeholder.json

@@ -0,0 +1,15 @@
+{
+  "fieldtype": "_placeholder",
+  "description": "Placeholder Field",
+  "settings_form": {
+    "fields": {
+      "text_description": {
+        "fieldtype": "heading",
+        "params": {
+          "subheading_text": "Will be replaced with an actual field later"
+        },
+        "__order": 0
+      }
+    }
+  }
+}

package/dist/fields/definitions/index.d.ts

@@ -39,6 +39,7 @@ export namespace definitions {
     export { telephone };
     export { text };
     export { voicenote };
+    export { _placeholder };
 }
 export const selectableFieldtypes: ({
     label: string;
@@ -84,3 +85,4 @@ import smart_text from "./smart_text.json";
 import telephone from "./telephone.json";
 import text from "./text.json";
 import voicenote from "./voicenote.json";
+import _placeholder from "./_placeholder.json";

package/dist/fields/definitions/index.js

@@ -40,6 +40,7 @@ import smart_text from "./smart_text.json";
 import telephone from "./telephone.json";
 import text from "./text.json";
 import voicenote from "./voicenote.json";
+import _placeholder from "./_placeholder.json";
 
 export const definitions = {
   _all,
@@ -83,6 +84,7 @@ export const definitions = {
   telephone,
   text,
   voicenote,
+  _placeholder,
 };
 
 export const selectableFieldtypes = Object.entries(definitions)

package/dist/thirdparty/mapbox/GeoCoder.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  GeoCoderProps */
 /** @typedef {typeof __propDef.events}  GeoCoderEvents */
 /** @typedef {typeof __propDef.slots}  GeoCoderSlots */
-export default class GeoCoder extends SvelteComponentTyped<{
+export default class GeoCoder extends SvelteComponent<{
     mapboxAccessToken: any;
     onResult?: (() => void) | undefined;
 }, {
@@ -11,7 +11,7 @@ export default class GeoCoder extends SvelteComponentTyped<{
 export type GeoCoderProps = typeof __propDef.props;
 export type GeoCoderEvents = typeof __propDef.events;
 export type GeoCoderSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         mapboxAccessToken: any;
@@ -21,5 +21,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/thirdparty/mapbox/Map.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  MapProps */
 /** @typedef {typeof __propDef.events}  MapEvents */
 /** @typedef {typeof __propDef.slots}  MapSlots */
-export default class Map extends SvelteComponentTyped<{}, {
+export default class Map extends SvelteComponent<{}, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
     constructor();
@@ -9,12 +9,14 @@ export default class Map extends SvelteComponentTyped<{}, {
 export type MapProps = typeof __propDef.props;
 export type MapEvents = typeof __propDef.events;
 export type MapSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {};
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/thirdparty/mapbox/MapMarker.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  MapMarkerProps */
 /** @typedef {typeof __propDef.events}  MapMarkerEvents */
 /** @typedef {typeof __propDef.slots}  MapMarkerSlots */
-export default class MapMarker extends SvelteComponentTyped<{
+export default class MapMarker extends SvelteComponent<{
     lat: any;
     lng: any;
     popup?: boolean | undefined;
@@ -14,7 +14,7 @@ export default class MapMarker extends SvelteComponentTyped<{
 export type MapMarkerProps = typeof __propDef.props;
 export type MapMarkerEvents = typeof __propDef.events;
 export type MapMarkerSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         lat: any;
@@ -27,5 +27,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stubber/form-fields",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "An automatic form builder based on field specifications",
   "keywords": [
     "components",
@@ -24,6 +24,7 @@
   "scripts": {
     "dev": "vite dev --host",
     "build": "vite build",
+    "prepare": "[ -d dist ] || (vite build && svelte-kit sync && svelte-package && publint)",
     "package": "svelte-kit sync && svelte-package && publint",
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
@@ -32,10 +33,10 @@
     "format": "prettier --plugin-search-dir . --write ."
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/adapter-node": "^1.3.1",
-    "@sveltejs/kit": "^1.20.4",
+    "@sveltejs/adapter-node": "^2.0.0",
+    "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.2.2",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "autoprefixer": "^10.4.15",
     "chalk": "^5.3.0",
     "eslint": "^8.28.0",
@@ -48,14 +49,12 @@
     "svelte-check": "^3.4.3",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.0.0",
-    "vite": "^4.4.2",
-    "y-socket.io": "^1.1.0",
-    "yjs": "^13.6.7"
+    "vite": "^5.0.0"
   },
   "type": "module",
   "dependencies": {
     "@beyonk/svelte-mapbox": "^11.0.0",
-    "@stubber/ui": "^1.0.7",
+    "@stubber/ui": "github:stubber/stubber-ui-pkg",
     "ag-grid-community": "^31.0.2",
     "ag-grid-enterprise": "^31.0.2",
     "currency-symbol-map": "^5.1.0",
@@ -71,8 +70,22 @@
     "mongodb": "^6.3.0",
     "signature_pad": "^4.1.6",
     "svelte-file-dropzone": "^2.0.4",
-    "svelte-jsoneditor": "^0.18.3",
+    "svelte-jsoneditor": "^2.3.3",
     "svelte-markdown": "^0.4.0",
-    "svelte-writable-derived": "^3.1.0"
+    "svelte-writable-derived": "^3.1.0",
+    "svelte": "^4.2.19",
+    "@codemirror/autocomplete": "^6.18.1",
+    "@codemirror/commands": "^6.7.1",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.34.1"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@sveltejs/kit",
+      "esbuild",
+      "svelte-preprocess",
+      "@parcel/watcher",
+      "@stubber/ui"
+    ]
   }
 }