@mythpe/quasar-ui-qui 0.0.23-dev → 0.0.24-dev

package/src/index.sass

@@ -1,35 +1,9 @@
-/*!
- / MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
- / Email: mythpe@gmail.com
- / Mobile: +966590470092
- / Website: https://www.4myth.com
- / Github: https://github.com/mythpe
- /
+// MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+// Email: mythpe@gmail.com
+// Mobile: +966590470092
+// Website: https://www.4myth.com
+// Github: https://github.com/mythpe
 
 @import 'quasar/src/css/variables.sass'
-$m--container-padding: $space-base !default
-$m--container-fluid-width: 1440px !default
-$m--row-margin-top: $m--container-padding !default
-
-.flex-break
-  flex: 1 0 100% !important
-
-.row
-  .flex-break
-    height: 0 !important
-
-.column
-  .flex-break
-    width: 0 !important
-
-.m--container
-  &__dense
-    padding: 0 !important
-
-  &__fluid
-    max-width: $m--container-fluid-width
-    margin-left: auto
-    margin-right: auto
-
-.m--row + .m--row
-  margin-top: $m--row-margin-top
+@import './style/main.sass'
+@import './style/m-container'

package/src/style/m-container.sass

@@ -0,0 +1,13 @@
+@use "quasar/src/css/variables" as q
+
+$m--container-padding: q.$space-base !default
+$m--container-fluid-width: 1440px !default
+
+.m--container
+  &__dense
+    padding: 0
+
+  &__fluid
+    max-width: $m--container-fluid-width
+    margin-left: auto
+    margin-right: auto

package/src/style/main.sass

@@ -0,0 +1,42 @@
+// Flex.
+.flex-break
+  flex: 1 0 100% !important
+  padding: 0 !important
+  margin: 0 !important
+
+.row
+  .flex-break
+    height: 0 !important
+
+.column
+  .flex-break
+    width: 0 !important
+
+$m--row-margin-top: 1rem !default
+
+.m--row + .m--row
+  margin-top: $m--row-margin-top
+
+
+// Directions.
+.ltr
+  direction: ltr #{"/* rtl:ignore */"}
+
+.rtl
+  direction: rtl #{"/* rtl:ignore */"}
+
+// Colors.
+$text-light-color: #111111 !default
+$text-dark-color: #ffffff !default
+
+.body--light
+  color: $text-light-color
+
+  .text-color
+    color: $text-light-color
+
+.body--dark
+  color: $text-dark-color
+
+  .text-color
+    color: $text-dark-color

package/src/types/api-helpers.d.ts

@@ -0,0 +1,120 @@
+/*
+ * MyTh Ahmed Faiz Copyright © 2016-2024 All rights reserved.
+ * Email: mythpe@gmail.com
+ * Mobile: +966590470092
+ * Website: https://www.4myth.com
+ * Github: https://github.com/mythpe
+ */
+
+import type { AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios'
+import { ApiServiceParams } from './dt'
+
+// Axios
+type Generic = Record<any, any>;
+
+export type ApiMetaInterface = {
+  // server current page
+  current_page: number | null;
+  // server last page
+  last_page: number | null;
+  // server total items
+  total: number | null;
+  [K: any]: any;
+};
+export type ApiErrorInterface = Record<string, string[]>;
+export type ApiErrorsInterface = ApiErrorInterface[];
+
+export type ApiModel<T extends Generic = Generic> = {
+  id: string | number;
+  value: string | number;
+  label?: string;
+  [K: keyof T]: any;
+  [s: string]: any;
+};
+
+type ResponseAsMain = Generic & {
+  success: boolean;
+  errors: ApiErrorsInterface;
+  message: string;
+}
+
+type ResponseAsModel<T extends Generic = Generic> = ResponseAsMain & {
+  data: ApiModel<T>
+}
+type ResponseAsList<T extends Generic = Generic> = ResponseAsMain & {
+  data: ResponseAsModel<T>[];
+  links: {
+    first: string;
+    last: string;
+    prev: string | null;
+    next: string | null;
+  }
+  meta: ApiMetaInterface;
+}
+type ResponseDataType = ResponseAsList | ResponseAsModel | Generic;
+export type ApiFulfilledResponse = AxiosResponse<ResponseDataType>
+export type ApiErrorResponse = AxiosError<ResponseDataType>;
+
+export type ApiInterface = ApiFulfilledResponse & {
+  _data: ResponseDataType;
+  _message: ResponseAsMain['message'];
+  _meta: ResponseAsList['meta'];
+  _success: ResponseAsMain['success'];
+  _errors: ResponseAsMain['errors'];
+}
+
+// Axios
+
+export type DownloadFromResponse = {
+  status: boolean;
+  response: AxiosResponse;
+}
+
+export type DownloadFromResponseCode = 'no_response' | 'no_file_name' | 'no_file_url' | 'unknown' | string
+export type DownloadFromResponseError = {
+  code: DownloadFromResponseCode
+  status: boolean;
+}
+
+export type UrlType = string | number | any;
+export type ParamsType = Record<string, any> | FormData | object
+export type ConfigType = AxiosRequestConfig<ApiInterface> & Partial<{
+  params: Partial<ApiServiceParams> & Generic
+}>
+export type HelpersStubSchema = {
+
+  index (config?: ConfigType): Promise<ApiInterface>;
+
+  staticIndex (config?: ConfigType): Promise<ApiInterface>;
+
+  export (data?: ParamsType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  store (data?: ParamsType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  show (id: UrlType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  staticShow (id: UrlType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  update (id: UrlType, data?: ParamsType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  destroy (id: UrlType, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  destroyAll (ids?: UrlType[], config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  getUploadAttachmentsUrl (id: UrlType): string;
+
+  uploadAttachments (id: UrlType, data: Generic, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  deleteAttachment (id: UrlType, fileId: string | number, config?: AxiosRequestConfig): Promise<ApiInterface>;
+
+  updateAttachment (id: UrlType, fileId: string | number, data: Record<string, any>, config?: AxiosRequestConfig): Promise<ApiInterface>;
+};
+export type StubSchemaContext = HelpersStubSchema
+  & Record<string, ((...args: any) => Promise<ApiInterface>)>
+  & Record<string, Record<string, ((...args: any) => Promise<ApiInterface>)>>
+  & Record<string, Record<string, Record<string, ((...args: any) => Promise<ApiInterface>)>>>
+export type StubSchema = StubSchemaContext
+  & ((...args: any) => Promise<ApiInterface>)
+  & string
+  & Record<string, StubSchemaContext>
+export type MythApiServicesSchema = { [key: string | symbol | number]: StubSchema }