@neutron.co.id/operasional-interfaces 1.14.0 → 1.14.1

package/build/@office/common/providers/operasional/index.d.ts

@@ -0,0 +1,6 @@
+export * from './attendance.store';
+export * from './bus';
+export * from './operasional.store';
+export * as NOperasional from './operasional.types';
+export * from './useOperasional';
+export * from './withOperasional';

package/build/@office/common/providers/operasional/index.mjs

@@ -0,0 +1,6 @@
+export * from "./attendance.store.mjs";
+export * from "./bus.mjs";
+export * from "./operasional.store.mjs";
+export * as NOperasional from "./operasional.types.mjs";
+export * from "./useOperasional.mjs";
+export * from "./withOperasional.mjs";

package/build/@office/common/providers/operasional/operasional.store.d.ts

@@ -0,0 +1,2 @@
+export declare const useOperasionalStore: any;
+export type OperasionalStore = ReturnType<typeof useOperasionalStore>;

package/build/@office/common/providers/operasional/operasional.store.mjs

@@ -0,0 +1,26 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+export const useOperasionalStore = defineStore("neu:operasional", () => {
+  const isLoading = ref(false);
+  const staff = ref(null);
+  const accesses = ref([]);
+  return {
+    isLoading,
+    staff,
+    accesses,
+    setStaff,
+    getStaff,
+    getAllStoreValue
+  };
+  function setStaff(data) {
+    staff.value = data;
+  }
+  function getStaff() {
+    return staff.value;
+  }
+  function getAllStoreValue() {
+    return {
+      staff: getStaff()
+    };
+  }
+});

package/build/@office/common/providers/operasional/operasional.types.d.ts

@@ -0,0 +1,13 @@
+import type { Schema } from '@neutron.co.id/personalia-models';
+import type { ComputedRef, Ref } from 'vue';
+export interface TOperasionalInput {
+}
+export interface TOperasionalContext {
+    isLoading: Ref<boolean>;
+    staff: Ref<Schema.Staff | null>;
+    accesses: Ref<Schema.ProgressAccess[]>;
+    supervisedStaffIds: ComputedRef<string[]>;
+    setStaff: (data: Schema.Staff) => void;
+    getStaff: () => Promise<void>;
+    init: () => Promise<void>;
+}

package/build/@office/common/providers/operasional/useOperasional.d.ts

@@ -0,0 +1,9 @@
+export declare function useOperasional(): {
+    isLoading: import("vue").Ref<boolean>;
+    staff: import("vue").Ref<import("../../../../../../personalia-models/build/@package").Staff | null>;
+    accesses: import("vue").Ref<import("../../../../../../personalia-models/build/@package").ProgressAccess[]>;
+    supervisedStaffIds: import("vue").ComputedRef<string[]>;
+    setStaff: (data: import("../../../../../../personalia-models/build/@package").Staff) => void;
+    getStaff: () => Promise<void>;
+    init: () => Promise<void>;
+};

package/build/@office/common/providers/operasional/useOperasional.mjs

@@ -0,0 +1,7 @@
+import { ComponentUtil } from "@neon.id/utils/component";
+export function useOperasional() {
+  const context = ComponentUtil.injectStrict(
+    "neu:operasional:operasional"
+  );
+  return { ...context };
+}

package/build/@office/common/providers/operasional/withOperasional.d.ts

@@ -0,0 +1,2 @@
+import type { TOperasionalContext } from './operasional.types';
+export declare function withOperasional(): TOperasionalContext;

package/build/@office/common/providers/operasional/withOperasional.mjs

@@ -0,0 +1,72 @@
+import { GraphUtil } from "@neon.id/context";
+import { useAuthStore } from "@neon.id/identitas-interfaces";
+import { models as personaliaModels } from "@neutron.co.id/personalia-models";
+import { useClientHandle } from "@urql/vue";
+import { storeToRefs } from "pinia";
+import { computed, provide } from "vue";
+import { useOperasionalStore } from "./operasional.store.mjs";
+const { StaffModel } = personaliaModels;
+export function withOperasional() {
+  const authStore = useAuthStore();
+  const { userId } = storeToRefs(authStore);
+  const store = useOperasionalStore();
+  const { isLoading, staff, accesses } = storeToRefs(store);
+  const supervisedStaffIds = computed(() => {
+    return accesses.value.reduce(
+      (ids, access) => {
+        return ids.concat(access.supervisedStaffIds || []);
+      },
+      []
+    );
+  });
+  const { client } = useClientHandle();
+  const context = {
+    isLoading,
+    staff,
+    accesses,
+    supervisedStaffIds,
+    setStaff: store.setStaff,
+    getStaff,
+    init
+  };
+  provide("neu:operasional:operasional", context);
+  return context;
+  async function init() {
+    await Promise.all([getStaff()]);
+  }
+  async function getStaff() {
+    const resp = await client.query(
+      GraphUtil.getMany(StaffModel, {
+        id: 1,
+        flag: 1,
+        display: 1,
+        nik: 1,
+        name: 1,
+        birthDate: 1,
+        birthPlace: 1,
+        image: 1,
+        branchId: 1,
+        branchIds: 1,
+        userId: 1,
+        branch: { id: 1, name: 1 },
+        branches: { id: 1, name: 1 },
+        note: 1,
+        superviseStaffProgressAccesses: {
+          id: 1,
+          supervisedStaffIds: 1
+        }
+      }),
+      {
+        filter: { userId: userId.value },
+        limit: 1,
+        logs: ["error"]
+      },
+      { requestPolicy: "network-only" }
+    ).toPromise();
+    const wrapper = resp.data?.[StaffModel.plural];
+    const items = wrapper?.items || [];
+    const _staff = items[0];
+    accesses.value = _staff.superviseStaffProgressAccesses || [];
+    store.setStaff(items[0]);
+  }
+}

package/build/@office/common/types/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './type.utils';
+export interface PluginOptions {
+}

package/build/@office/common/types/type.utils.d.ts

@@ -0,0 +1,7 @@
+import type { PropType } from 'vue';
+export type Maybe<TValue> = TValue | null;
+export type MaybeProp<TValue> = PropType<TValue | null>;
+export type ExtractMaybe<TMaybe> = TMaybe extends Maybe<infer TReturn> ? TReturn extends null | undefined ? never : TReturn : never;
+export type ExtractMaybes<TSchema extends Record<string, unknown>, TKeys extends keyof TSchema> = {
+    [TKey in keyof TSchema]: TKey extends TKeys ? ExtractMaybe<TSchema[TKey]> : TSchema[TKey];
+};

package/build/@office/common/utils/date/index.d.ts

@@ -0,0 +1,14 @@
+import dayjs from 'dayjs/esm/index.js';
+import 'dayjs/esm/locale/en.js';
+import 'dayjs/esm/locale/id.js';
+export { dayjs };
+export declare class DateUtil {
+    static format(date?: string | Date, dateFormat?: string, locale?: string): any;
+    static formatRange({ startedAt, endedAt, locale, useTime, }: {
+        startedAt?: Date | null;
+        endedAt?: Date | null;
+        locale?: 'en' | 'id';
+        useTime?: boolean;
+    }): any;
+}
+export * from './util.date';

package/build/@office/common/utils/date/index.mjs

@@ -0,0 +1,39 @@
+import dayjs from "dayjs/esm/index.js";
+import "dayjs/esm/locale/en.js";
+import "dayjs/esm/locale/id.js";
+import advancedFormat from "dayjs/esm/plugin/advancedFormat/index.js";
+import isoWeek from "dayjs/esm/plugin/isoWeek/index.js";
+dayjs.extend(advancedFormat);
+dayjs.extend(isoWeek);
+dayjs.locale("id");
+export { dayjs };
+export class DateUtil {
+  static format(date, dateFormat = "YYYY-MM-DD HH:mm", locale = "id") {
+    if (!date)
+      return;
+    dayjs.locale(locale);
+    return dayjs(date).format(dateFormat);
+  }
+  static formatRange({
+    startedAt,
+    endedAt,
+    locale = "en",
+    useTime
+  }) {
+    if (!startedAt)
+      return "";
+    const options = {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    };
+    if (useTime) {
+      options.hour = "2-digit";
+      options.minute = "2-digit";
+      options.hour12 = false;
+    }
+    const format = new Intl.DateTimeFormat(locale, options);
+    return format.formatRange(startedAt, endedAt || startedAt);
+  }
+}
+export * from "./util.date.mjs";

package/build/@office/common/utils/date/util.date.d.ts

@@ -0,0 +1,20 @@
+import 'dayjs/esm/locale/id.js';
+export declare function formatDate(date: string | Date, dateFormat?: string): any;
+export declare class PeriodUtil {
+    static getStartOfDay(date: string): any;
+    static getEndOfDay(date: string): any;
+    static getPeriodFilter(keyStart: string, startedAt: string, keyEnd?: string, endedAt?: string): ({
+        [x: string]: {
+            $gte: any;
+        };
+    } | {
+        [x: string]: {
+            $lte: any;
+        };
+    })[];
+    static getPastPeriodFilter(key: string, startedAt: string): {
+        [x: string]: {
+            $lt: any;
+        };
+    }[];
+}

package/build/@office/common/utils/date/util.date.mjs

@@ -0,0 +1,39 @@
+import dayjs from "dayjs/esm/index.js";
+import "dayjs/esm/locale/id.js";
+import { endOfDay, parseISO, startOfDay } from "date-fns";
+import { utcToZonedTime, zonedTimeToUtc } from "date-fns-tz";
+const zone = "Asia/Jakarta";
+dayjs.locale("id");
+export function formatDate(date, dateFormat = "YYYY-MM-DD HH:mm") {
+  if (!date)
+    return;
+  return dayjs(date).format(dateFormat);
+}
+export class PeriodUtil {
+  static getStartOfDay(date) {
+    const _date = parseISO(date);
+    const _dateZoned = utcToZonedTime(_date, zone);
+    const _dateResult = startOfDay(_dateZoned);
+    return zonedTimeToUtc(_dateResult, zone);
+  }
+  static getEndOfDay(date) {
+    const _date = parseISO(date);
+    const _dateZoned = utcToZonedTime(_date, zone);
+    const _dateResult = endOfDay(_dateZoned);
+    return zonedTimeToUtc(_dateResult, zone);
+  }
+  static getPeriodFilter(keyStart, startedAt, keyEnd, endedAt) {
+    const start = this.getStartOfDay(startedAt);
+    const end = this.getEndOfDay(endedAt || startedAt);
+    const filter = [
+      { [keyStart]: { $gte: start } },
+      { [keyEnd || keyStart]: { $lte: end } }
+    ];
+    return filter;
+  }
+  static getPastPeriodFilter(key, startedAt) {
+    const start = this.getStartOfDay(startedAt);
+    const filter = [{ [key]: { $lt: start } }];
+    return filter;
+  }
+}

package/build/@office/common/utils/index.d.ts

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

package/build/@office/common/utils/index.mjs

@@ -0,0 +1 @@
+export * from "./util.date.mjs";

package/build/@office/common/utils/util.date.d.ts

@@ -0,0 +1,5 @@
+import 'dayjs/esm/locale/en.js';
+import 'dayjs/esm/locale/id.js';
+export declare class DateUtil {
+    static get day(): any;
+}

package/build/@office/common/utils/util.date.mjs

@@ -0,0 +1,17 @@
+import dayjs from "dayjs/esm/index.js";
+import "dayjs/esm/locale/en.js";
+import "dayjs/esm/locale/id.js";
+import advancedFormat from "dayjs/esm/plugin/advancedFormat/index.js";
+import durationPlugin from "dayjs/esm/plugin/duration/index.js";
+import isoWeek from "dayjs/esm/plugin/isoWeek/index.js";
+import relativeTimePlugin from "dayjs/esm/plugin/relativeTime/index.js";
+dayjs.extend(durationPlugin);
+dayjs.extend(relativeTimePlugin);
+dayjs.extend(advancedFormat);
+dayjs.extend(isoWeek);
+dayjs.locale("id");
+export class DateUtil {
+  static get day() {
+    return dayjs;
+  }
+}

package/build/@office/common/views/index.d.ts

@@ -0,0 +1 @@
+export {};

package/build/@office/common/views/index.mjs

@@ -0,0 +1 @@
+export {};

package/build/@office/config.d.ts

@@ -0,0 +1,6 @@
+import { OfficeInterfaces, type TOfficeInterfacesSelector } from '@neon.id/context/helpers';
+export type TOfficeModel = '';
+export type TOfficeFeature = '';
+export interface TNeutronOperasionalOfficeInterfacesOptions extends TOfficeInterfacesSelector<TOfficeModel, TOfficeFeature> {
+}
+export declare const config: OfficeInterfaces<"", "">;

package/build/@office/config.mjs

@@ -0,0 +1,99 @@
+import {
+  OfficeInterfaces
+} from "@neon.id/context/helpers";
+export const config = OfficeInterfaces.define({
+  components: {
+    common: [],
+    models: {
+      personalia: [
+        // Attendance
+        "AttendanceCollection",
+        "AttendanceSingle",
+        "AttendanceStaff",
+        "AttendanceManager",
+        "AttendanceSupervisor",
+        // Check In
+        "CheckInCollection",
+        "CheckInSingle",
+        "CheckInAccess",
+        "CheckInExternal",
+        "CheckInPresenceCollection",
+        "CheckInScanError",
+        "CheckInScanner",
+        "CheckInScanSuccess",
+        "CheckInSupervisor",
+        // Plan
+        "PlanCollection",
+        "PlanSingle",
+        "PlanStaff",
+        // Plan
+        "PlanTypeCollection",
+        "PlanTypeSingle",
+        // Progress
+        "ProgressCollection",
+        "ProgressSingle",
+        "ProgressNote",
+        "ProgressTomorrow",
+        "ProgressYesterday",
+        // Progress Access
+        "ProgressAccessCollection",
+        "ProgressAccessSingle",
+        "ProgressSupervisor",
+        // Responsibility
+        "ResponsibilityCollection",
+        "ResponsibilitySingle",
+        "ResponsibilityStaff",
+        "ResponsibilitySupervisor",
+        // Responsibility Type
+        "ResponsibilityTypeCollection",
+        "ResponsibilityTypeSingle",
+        // Situation
+        "SituationCollection",
+        "SituationSingle",
+        "SituationSupportive",
+        "SituationWork",
+        // Situation Type
+        "SituationTypeCollection",
+        "SituationTypeSingle",
+        // Staff
+        "StaffCollection",
+        "StaffSingle",
+        "StaffAccess",
+        "StaffIdentity",
+        "StaffOperasional",
+        // Submission
+        "SubmissionCollection",
+        "SubmissionSingle",
+        "SubmissionAudit",
+        "SubmissionDecision",
+        "SubmissionFollowUp",
+        "SubmissionStaff",
+        "SubmissionSupervisor",
+        "SubmissionWaitingDecision",
+        // Submission Type
+        "SubmissionTypeCollection",
+        "SubmissionTypeSingle",
+        // Target
+        "TargetCollection",
+        "TargetSingle",
+        "TargetBranch",
+        // Task
+        "TaskCollection",
+        "TaskSingle",
+        "TaskWork"
+      ]
+    },
+    features: {}
+  },
+  imports: {
+    common: [
+      "withOperasional",
+      "useAttendanceStore",
+      "useOperasionalStore",
+      "NOperasional",
+      "useOperasional"
+    ],
+    models: {},
+    features: {}
+  }
+});

package/build/@office/constant.d.ts

@@ -0,0 +1 @@
+export {};

package/build/@office/constant.mjs

@@ -0,0 +1 @@
+export {};

package/build/@office/exports.d.ts

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './features';
+export * from './models';

package/build/@office/exports.mjs

@@ -0,0 +1,3 @@
+export * from "./common/index.mjs";
+export * from "./features/index.mjs";
+export * from "./models/index.mjs";

package/build/@office/features/index.d.ts

@@ -0,0 +1 @@
+export {};

package/build/@office/features/index.mjs

@@ -0,0 +1 @@
+export {};

package/build/@office/index.d.ts

@@ -0,0 +1,2 @@
+export * from './exports';
+export * from './plugin';

package/build/@office/index.mjs

@@ -0,0 +1,2 @@
+export * from "./exports.mjs";
+export * from "./plugin.mjs";

package/build/@office/models/index.d.ts

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

package/build/@office/models/index.mjs

@@ -0,0 +1 @@
+export * from "./personalia/index.mjs";

package/build/@office/models/personalia/attendance/AttendanceCollection/AttendanceCollection.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/vue3';
+import AttendanceCollection from './AttendanceCollection.vue';
+declare const _default: Meta<typeof AttendanceCollection>;
+export default _default;
+export declare const Main: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const InsideContent: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const $DefaultView: any;

package/build/@office/models/personalia/attendance/AttendanceCollection/AttendanceCollection.stories.mjs

@@ -0,0 +1,40 @@
+import { decorateCollection, viewCollection, wrapCollection } from "@mock";
+import { StoryUtil } from "@neon.id/story/helpers";
+import { AttendanceCollectionView } from "@neutron.co.id/operasional-modules";
+import { AttendanceModel } from "@neutron.co.id/personalia-models";
+import { withOperasional } from "../../../../common/providers/index.mjs";
+import AttendanceCollection from "./AttendanceCollection.vue";
+export default {
+  title: "Office/Attendance/Collection",
+  tags: [],
+  component: AttendanceCollection,
+  parameters: StoryUtil.parameters({
+    description: "`AttendanceCollection`",
+    layout: "fullscreen",
+    controls: { exclude: ["colors"] },
+    backgrounds: { default: "light" }
+  })
+};
+export const Main = StoryUtil.story({
+  description: "Main.",
+  decorators: decorateCollection({
+    model: AttendanceModel
+  })
+});
+export const InsideContent = StoryUtil.story({
+  description: "Inside content.",
+  render: wrapCollection(AttendanceCollection),
+  decorators: decorateCollection({
+    model: AttendanceModel
+  })
+});
+export const $DefaultView = viewCollection({
+  description: "Default view.",
+  component: AttendanceCollectionView,
+  setup() {
+    withOperasional();
+  },
+  props: {
+    overrides: {}
+  }
+});

package/build/@office/models/personalia/attendance/AttendanceCollection/AttendanceCollection.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import type { NCalendar } from '@neon.id/display'
+import {
+  OfficeCollectionTable,
+  OfficeCollectionCalendar,
+} from '@neon.id/office'
+import type {
+  Schema,
+  TPersonaliaAttendanceModel,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'AttendanceCollection' })
+
+const { resource, display, items, userQuery } = useCollection<
+  Schema.Attendance,
+  TPersonaliaAttendanceModel
+>()
+
+const props = defineProps({
+  startedAtField: {
+    type: String,
+    default: 'startedAt',
+  },
+  endedAtField: {
+    type: String,
+    default: 'endedAt',
+  },
+  period: {
+    type: Object as any,
+    default: () => ({
+      startedAt: new Date(),
+      endedAt: new Date(),
+    }),
+  },
+})
+
+const emit = defineEmits<{
+  (e: 'update:period', period: NCalendar.PeriodData): void
+}>()
+
+function transformItem(item: any) {
+  return {
+    ...item,
+    eventColor:
+      item.type === 'dayOff'
+        ? '#FAE3DF'
+        : item.type === 'sick'
+          ? '#D7E4EE'
+          : item.type === 'permission'
+            ? '#FAEDCC'
+            : item.type === 'leave'
+              ? '#DEECDC'
+              : item.type === 'homeEarly'
+                ? '#EEF2FF'
+                : item.type === 'comeLate'
+                  ? '#F1F5FF'
+                  : item.type === 'homeEarly'
+                    ? '#FDF2F8'
+                    : 'base',
+  }
+}
+
+function onCalendarPeriodUpdate(period: NCalendar.PeriodData) {
+  console.log('calendar', period)
+  emit('update:period', period)
+}
+</script>
+
+<template>
+  <NeonCollection class="neu-attendance-collection">
+    <OfficeCollectionTable v-if="userQuery.display === 'table'" />
+    <OfficeCollectionCalendar
+      v-else-if="userQuery.display === 'calendar' && period.startedAt"
+      :views="['month', 'week']"
+      :period="period"
+      :transform-item="transformItem"
+      @update:period="onCalendarPeriodUpdate"
+    />
+  </NeonCollection>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/attendance/AttendanceCollection/index.d.ts

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

package/build/@office/models/personalia/attendance/AttendanceCollection/index.mjs

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