sprintify-ui 0.0.0

package/src/types/types.ts

@@ -0,0 +1,112 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { RouteLocationRaw } from 'vue-router';
+import { UploadedFile } from './UploadedFile';
+
+export interface Breadcrumb {
+  icon?: string;
+  to: RouteLocationRaw;
+  label: string;
+}
+
+export interface DataTableQuery extends Record<string, any> {
+  page?: number;
+  sort?: string;
+  search?: string;
+  filter?: Record<string, any>;
+}
+
+export type OptionValue = string | number;
+
+export type Option = Record<string, any>;
+
+export type Selection = Record<string, any> | null | undefined;
+
+export type NormalizedOption = {
+  option: Option;
+  value: OptionValue;
+  label: string;
+};
+
+export type NormalizedSelection = NormalizedOption | null | undefined;
+
+export type MediaLibraryPayload = {
+  to_remove: string[];
+  to_add: UploadedFile[];
+};
+
+export interface PaginationMetadata {
+  current_page: number;
+  per_page: number;
+  last_page: number;
+  total: number;
+}
+
+export interface CollectionItem {
+  [key: string]: any;
+}
+
+export type Collection = CollectionItem[];
+
+export interface ResourceCollection {
+  meta: PaginationMetadata;
+  data: Collection;
+}
+
+export interface PaginatedCollection extends PaginationMetadata {
+  data: Collection;
+}
+
+export interface MenuItemInterface {
+  label?: string;
+  icon?: string;
+  action?: () => Promise<void> | void;
+  to?: RouteLocationRaw;
+  href?: string;
+  line?: boolean;
+  count?: number;
+  color?: 'dark' | 'light' | 'danger' | 'success' | 'warning';
+}
+
+export interface ActionItem {
+  label: string;
+  type: 'RouterLink' | 'a' | 'button';
+  href?: string;
+  to?: RouteLocationRaw;
+  action?: () => Promise<void> | void;
+  icon?: string;
+  count?: number;
+  meta?: Record<string, any>;
+}
+
+export interface ActionSection {
+  title: string;
+  actions: ActionItem[];
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Row = Record<string, any>;
+
+export interface BaseTableColumn {
+  id: string;
+  label: string;
+  field: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  meta: undefined | Record<string, any>;
+  newKey: number;
+  numeric: boolean;
+  position: 'left' | 'right';
+  searchable: boolean;
+  sortable: boolean;
+  visible: boolean;
+  alwaysVisible: boolean;
+  optional: boolean;
+  width: number;
+  style: {
+    width: undefined | number;
+  };
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  thAttrs: (column: BaseTableColumn) => Record<string, any>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  tdAttrs: (row: Row, column: BaseTableColumn) => Record<string, any>;
+}

package/src/utils/fileSizeFormat.ts

@@ -0,0 +1,15 @@
+import { config } from 'src';
+
+export default function (size: number): string {
+  const i = Math.floor(Math.log(size) / Math.log(1024));
+
+  const units = [
+    config.i18n.global.t('sui.units.b'),
+    config.i18n.global.t('sui.units.kb'),
+    config.i18n.global.t('sui.units.mb'),
+    config.i18n.global.t('sui.units.gb'),
+    config.i18n.global.t('sui.units.tb'),
+  ];
+
+  return +(size / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + units[i];
+}

package/src/utils/index.ts

@@ -0,0 +1,5 @@
+import toHumanList from './toHumanList';
+import fileSizeFormat from './fileSizeFormat';
+import { disableScroll, enableScroll } from './scrollPreventer';
+
+export { toHumanList, fileSizeFormat, disableScroll, enableScroll };

package/src/utils/scrollPreventer.ts

@@ -0,0 +1,21 @@
+import {
+  disablePageScroll,
+  clearQueueScrollLocks,
+  enablePageScroll,
+  ScrollableTarget,
+} from 'scroll-lock';
+
+function disableScroll(allow: ScrollableTarget | null = null) {
+  if (allow == null) {
+    allow = document.querySelectorAll('[scroll-lock-target]');
+  }
+
+  disablePageScroll(allow);
+}
+
+function enableScroll() {
+  clearQueueScrollLocks();
+  enablePageScroll();
+}
+
+export { disableScroll, enableScroll };

package/src/utils/toHumanList.ts

@@ -0,0 +1,20 @@
+import { config } from 'src';
+
+export default function (list: string[], conjunction?: string): string {
+  let sentence = '';
+
+  conjunction = conjunction ? conjunction : config.i18n.global.t('sui.and');
+
+  for (let i = 0; i < list.length; i++) {
+    const item = list[i];
+    sentence += item;
+
+    if (i < list.length - 2) {
+      sentence += ', ';
+    } else if (i == list.length - 2) {
+      sentence += ' ' + conjunction + ' ';
+    }
+  }
+
+  return sentence;
+}