@neutron.co.id/operasional-interfaces 1.0.1-beta.2

package/README.md

@@ -0,0 +1,3 @@
+# Vortex XXX's Interfaces
+
+This repository contains interface library boilerplate of Vortex.

package/build/index.cjs

@@ -0,0 +1,228 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const client = require("@neon.id/utils/client");
+const vue = require("vue");
+const interfaces = require("@neon.id/interfaces");
+const personaliaModels = require("@neutron.co.id/personalia-models");
+const context = require("@neon.id/context");
+const office = require("@neon.id/office");
+const form = require("@neon.id/form");
+const _hoisted_1$1 = { class: "xxx-button" };
+const __default__$1 = vue.defineComponent({ name: "XxxButton" });
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  ...__default__$1,
+  props: {
+    color: {
+      type: String,
+      default: "base"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        vue.createVNode(vue.unref(interfaces.NeonButton), { label: "XXX" })
+      ]);
+    };
+  }
+});
+const StaffModel = personaliaModels.models.StaffModel;
+const __default__ = vue.defineComponent({
+  name: "StaffCollection"
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-staff-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _hoisted_1 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "StaffSingle",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-staff-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
+                        }, vue.unref(fields).name), null, 16, ["modelValue"]),
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).nik,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
+                        }, vue.unref(fields).nik), null, 16, ["modelValue"])
+                      ]),
+                      vue.createElementVNode("div", _hoisted_2, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).birthPlace,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
+                        }, vue.unref(fields).birthPlace), null, 16, ["modelValue"]),
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).birthDate,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).birthDate = $event)
+                        }, vue.unref(fields).birthDate), null, 16, ["modelValue"])
+                      ]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).image,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).image = $event)
+                      }, vue.unref(fields).image), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).note,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).note = $event)
+                      }, vue.unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createCommentVNode(' IDENTITAS\n    <OfficeTab handle="identity" icon="circle-info" title="Identity">\n    </OfficeTab> '),
+              vue.createCommentVNode(" CABANG "),
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "branch",
+                icon: "circle-info",
+                title: "Cabang"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "branch",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branch
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branches
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createCommentVNode(" KELUAR MASUK "),
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "checkIn",
+                icon: "person-to-door",
+                title: "Keluar Masuk"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createCommentVNode(` <OfficeCollectionRelated
+          definition="neu:tempat:checkIn"
+          title="Keluar Masuk"
+          description="Keluar masuk."
+          :query="
+            Query.define({
+              filter: {
+                handle: 'staffId',
+                operator: 'eq',
+                value: id,
+              },
+            })
+          "
+        /> `)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const StaffSingle_vue_vue_type_style_index_0_scoped_dbeb1998_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbeb1998"]]);
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StaffCollection: _sfc_main$1,
+  StaffModel,
+  StaffSingle,
+  XxxButton: _sfc_main$2
+}, Symbol.toStringTag, { value: "Module" }));
+function registerComponents(app) {
+  Object.entries(components).forEach(([name, component]) => {
+    client.ComponentUtil.register(app, name, component);
+  });
+}
+const graphql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
+const OperasionalInterfacesPlugin = {
+  install(app, options) {
+    registerComponents(app);
+  }
+};
+exports.OperasionalInterfacesPlugin = OperasionalInterfacesPlugin;
+exports.Schema = graphql;
+exports.StaffCollection = _sfc_main$1;
+exports.StaffModel = StaffModel;
+exports.StaffSingle = StaffSingle;
+exports.XxxButton = _sfc_main$2;

package/build/index.mjs

@@ -0,0 +1,228 @@
+import { ComponentUtil } from "@neon.id/utils/client";
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, createBlock, withCtx, createElementVNode, mergeProps, createCommentVNode, isRef } from "vue";
+import { NeonButton } from "@neon.id/interfaces";
+import { models } from "@neutron.co.id/personalia-models";
+import { useCollection, NeonCollection, useSingle, NeonSingle } from "@neon.id/context";
+import { OfficeCollectionTable, OfficeTabs, OfficeTab, OfficeRelation } from "@neon.id/office";
+import { NeonForm, NeonField } from "@neon.id/form";
+const _hoisted_1$1 = { class: "xxx-button" };
+const __default__$1 = defineComponent({ name: "XxxButton" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    color: {
+      type: String,
+      default: "base"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(NeonButton), { label: "XXX" })
+      ]);
+    };
+  }
+});
+const StaffModel = models.StaffModel;
+const __default__ = defineComponent({
+  name: "StaffCollection"
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    useCollection();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonCollection), { class: "neu-staff-collection" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _hoisted_1 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "StaffSingle",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-staff-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_1, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
+                        }, unref(fields).name), null, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).nik,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
+                        }, unref(fields).nik), null, 16, ["modelValue"])
+                      ]),
+                      createElementVNode("div", _hoisted_2, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).birthPlace,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
+                        }, unref(fields).birthPlace), null, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).birthDate,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).birthDate = $event)
+                        }, unref(fields).birthDate), null, 16, ["modelValue"])
+                      ]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).image,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).image = $event)
+                      }, unref(fields).image), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).note,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).note = $event)
+                      }, unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(' IDENTITAS\n    <OfficeTab handle="identity" icon="circle-info" title="Identity">\n    </OfficeTab> '),
+              createCommentVNode(" CABANG "),
+              createVNode(unref(OfficeTab), {
+                handle: "branch",
+                icon: "circle-info",
+                title: "Cabang"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "branch",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branch
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branches
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" KELUAR MASUK "),
+              createVNode(unref(OfficeTab), {
+                handle: "checkIn",
+                icon: "person-to-door",
+                title: "Keluar Masuk"
+              }, {
+                default: withCtx(() => [
+                  createCommentVNode(` <OfficeCollectionRelated
+          definition="neu:tempat:checkIn"
+          title="Keluar Masuk"
+          description="Keluar masuk."
+          :query="
+            Query.define({
+              filter: {
+                handle: 'staffId',
+                operator: 'eq',
+                value: id,
+              },
+            })
+          "
+        /> `)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const StaffSingle_vue_vue_type_style_index_0_scoped_dbeb1998_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbeb1998"]]);
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StaffCollection: _sfc_main$1,
+  StaffModel,
+  StaffSingle,
+  XxxButton: _sfc_main$2
+}, Symbol.toStringTag, { value: "Module" }));
+function registerComponents(app) {
+  Object.entries(components).forEach(([name, component]) => {
+    ComponentUtil.register(app, name, component);
+  });
+}
+const graphql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
+const OperasionalInterfacesPlugin = {
+  install(app, options) {
+    registerComponents(app);
+  }
+};
+export {
+  OperasionalInterfacesPlugin,
+  graphql as Schema,
+  _sfc_main$1 as StaffCollection,
+  StaffModel,
+  StaffSingle,
+  _sfc_main$2 as XxxButton
+};

package/build/style.css

@@ -0,0 +1,4 @@
+
+.neu-staff-single[data-v-dbeb1998] {
+    display: block
+}

package/build/types/components/common/XxxButton/XxxButton.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    color: string;
+}>;
+export default _default;

package/build/types/components/common/XxxButton/index.d.ts

@@ -0,0 +1 @@
+export { default as XxxButton } from './XxxButton.vue';

package/build/types/components/common/index.d.ts

@@ -0,0 +1 @@
+export * from './XxxButton';

package/build/types/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './staff';

package/build/types/components/register.d.ts

@@ -0,0 +1,2 @@
+import { App } from 'vue';
+export declare function registerComponents(app: App): void;

package/build/types/components/staff/index.d.ts

@@ -0,0 +1,2 @@
+export * from './staff.types';
+export * from './sheets';

package/build/types/components/staff/sheets/StaffCollection.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/build/types/components/staff/sheets/StaffSingle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/build/types/components/staff/sheets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as StaffCollection } from './StaffCollection.vue';
+export { default as StaffSingle } from './StaffSingle.vue';

package/build/types/components/staff/staff.types.d.ts

@@ -0,0 +1,2 @@
+export declare const StaffModel: import("@neon.id/model/build/types/model/model.types").Instance<"neu:personalia:staff", "name" | "image" | "nik" | "branch" | "branches" | "user" | "birthPlace" | "birthDate" | "note">;
+export type TStaffModel = typeof StaffModel;