sprintify-ui 0.10.64 → 0.10.65

package/src/types/index.ts

@@ -1,303 +1,303 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { RouteLocationRaw } from 'vue-router';
-import { UploadedFile } from './UploadedFile';
-import { Notification } from './Notification';
-import { CropType, ResultOptions } from 'croppie';
-import { Media } from './Media';
-import { Size } from '@/utils/sizes';
-import { GanttItem, GanttRow } from '@/services/gantt/types';
-import { ToolbarOption } from './ToolbarOption';
-
-export type Locales = { [locale: string]: string };
-
-export enum Method {
-  post = 'post',
-  put = 'put',
-  patch = 'patch',
-}
-
-export enum DataFormat {
-  json = 'json',
-  formData = 'formData',
-}
-
-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 | null;
-
-export type RawOption = Record<string, any>;
-
-export type NormalizedOption = {
-  option: RawOption | null;
-  value: OptionValue;
-  label: string;
-};
-
-export type MediaLibraryPayload = (Media | 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 type ActionColors =
-  | 'dark'
-  | 'light'
-  | 'danger'
-  | 'success'
-  | 'warning'
-  | 'primary'
-  | 'secondary';
-
-export interface ActionItem {
-  label?: string;
-  description?: string;
-  href?: string;
-  to?: RouteLocationRaw;
-  action?: () => Promise<void> | void;
-  icon?: string;
-  count?: number;
-  color?: ActionColors;
-  disabled?: boolean;
-  meta?: {
-    line?: boolean;
-    showSubItems?: 'always' | 'active' | 'never';
-    dropdownWidth?: number;
-    [key: string]: any
-  };
-  actions?: ActionItem[];
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type Row = Record<string, any>;
-
-export interface BaseTableColumnData {
-  id: string;
-  label: string;
-  tooltip?: string;
-  field: string;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  meta: undefined | Record<string, any>;
-  newKey: string;
-  numeric: boolean;
-  align: 'left' | 'center' | 'right';
-  searchable: boolean;
-  sortable: boolean;
-  ignoreRowInteractions: boolean;
-  toggle: boolean;
-  toggleDefault: boolean;
-  width: number;
-  class?: string | string[];
-  to?: (row: Row) => RouteLocationRaw;
-  href?: (row: Row) => string;
-  target?: '_blank' | '_self' | '_parent' | '_top';
-  onClick?: (row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
-  style: {
-    width: undefined | number;
-  };
-}
-
-/**
- * System alert
- */
-
-export interface SystemAlertOptions {
-  color?: 'info' | 'success' | 'danger' | 'warning';
-  message: string;
-  to?: RouteLocationRaw;
-  action?: () => void;
-  closable?: boolean;
-}
-
-export interface SystemAlert {
-  id: number;
-  color: 'info' | 'success' | 'danger' | 'warning';
-  message: string;
-  to?: RouteLocationRaw;
-  action?: () => void;
-  closable: boolean;
-}
-
-/**
- * Dialog
- */
-
-export interface DialogOptions {
-  color?: 'info' | 'success' | 'danger' | 'warning';
-  title: string;
-  message: string;
-  errorMessage?: string | null | undefined;
-  html?: boolean;
-  input?: InputConfigProps | false;
-  confirmText?: string;
-  cancelText?: string;
-  closeOnOutsideClick?: boolean;
-  onConfirm?: (input?: string) => Promise<void> | void;
-  onCancel?: () => void;
-}
-
-export interface Dialog {
-  id: number;
-  color: 'info' | 'success' | 'danger' | 'warning';
-  title: string;
-  message: string;
-  errorMessage: string | null | undefined;
-  html: boolean;
-  input: InputConfigProps | false;
-  confirmText: string;
-  cancelText: string;
-  closeOnOutsideClick: boolean;
-  onConfirm: (input?: string) => void;
-  onCancel: () => void;
-}
-
-/**
- * Snackbar
- */
-
-export interface SnackbarOptions {
-  title: string;
-  text: string;
-  color?: 'info' | 'success' | 'danger' | 'warning';
-  duration?: number;
-}
-
-export interface Snackbar {
-  id: number;
-  title: string;
-  text: string;
-  color: 'info' | 'success' | 'danger' | 'warning';
-  duration: number;
-}
-
-/**
- * Notification
- */
-
-export interface NotificationsConfig {
-  count: number;
-  items: Notification[];
-  footerLabel?: string;
-  footerTo?: RouteLocationRaw;
-}
-
-export type { Notification };
-
-export interface SelectConfigurationOption {
-  value: OptionValue;
-  label: string;
-  [key: string]: any;
-}
-
-export interface SelectConfiguration {
-  option?: SelectConfigurationOption;
-  options: SelectConfigurationOption[];
-  onChange?: (option: SelectConfigurationOption | null) => void;
-}
-
-export interface DataIteratorSection {
-  name: string;
-  title: string;
-  closeText: string;
-  icon: string;
-  count?: number;
-  opened?: boolean;
-}
-
-export interface RowAction {
-  label: string;
-  icon: string;
-  action?: (row: CollectionItem) => Promise<void> | void;
-  to?: (row: CollectionItem) => RouteLocationRaw;
-  href?: (row: CollectionItem) => string;
-  disabled?: (row: CollectionItem) => boolean;
-}
-
-export interface CropperConfig {
-  height?: number;
-  width?: number;
-  viewport?: {
-    type?: CropType;
-    width: number;
-    height: number;
-  };
-  boundary?: {
-    width: number;
-    height: number;
-  };
-  enableResize?: boolean;
-  enableZoom?: boolean;
-  enableOrientation?: boolean;
-  showZoomer?: boolean;
-  initialResize?: number;
-  maxWidth?: number;
-}
-
-export type CropperPreset = 'avatar' | 'cover';
-
-export interface BaseCropperConfig {
-  source: string;
-  config?: CropperConfig;
-  preset?: CropperPreset;
-  presetOptions?: Record<string, any>;
-  saveOptions?: ResultOptions;
-}
-
-export interface TimelineItem {
-  title: string;
-  icon: string;
-  description?: null | string;
-  date?: string | null;
-  color?: string | null;
-  onEdit?: () => void | Promise<void>;
-  onDelete?: () => void | Promise<void>;
-}
-
-export type JsonDataItem = string | number | null | undefined | JsonData[] | JsonData;
-
-export interface JsonData {
-  [key: string]: JsonDataItem;
-}
-
-export interface InputConfigProps {
-  label?: string;
-  placeholder?: string;
-  name?: string;
-  type?: string;
-  size?: Size;
-  required?: boolean;
-  disabled?: boolean;
-}
-
-export type { GanttItem, GanttRow };
-
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { RouteLocationRaw } from 'vue-router';
+import { UploadedFile } from './UploadedFile';
+import { Notification } from './Notification';
+import { CropType, ResultOptions } from 'croppie';
+import { Media } from './Media';
+import { Size } from '@/utils/sizes';
+import { GanttItem, GanttRow } from '@/services/gantt/types';
+import { ToolbarOption } from './ToolbarOption';
+
+export type Locales = { [locale: string]: string };
+
+export enum Method {
+  post = 'post',
+  put = 'put',
+  patch = 'patch',
+}
+
+export enum DataFormat {
+  json = 'json',
+  formData = 'formData',
+}
+
+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 | null;
+
+export type RawOption = Record<string, any>;
+
+export type NormalizedOption = {
+  option: RawOption | null;
+  value: OptionValue;
+  label: string;
+};
+
+export type MediaLibraryPayload = (Media | 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 type ActionColors =
+  | 'dark'
+  | 'light'
+  | 'danger'
+  | 'success'
+  | 'warning'
+  | 'primary'
+  | 'secondary';
+
+export interface ActionItem {
+  label?: string;
+  description?: string;
+  href?: string;
+  to?: RouteLocationRaw;
+  action?: () => Promise<void> | void;
+  icon?: string;
+  count?: number;
+  color?: ActionColors;
+  disabled?: boolean;
+  meta?: {
+    line?: boolean;
+    showSubItems?: 'always' | 'active' | 'never';
+    dropdownWidth?: number;
+    [key: string]: any
+  };
+  actions?: ActionItem[];
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Row = Record<string, any>;
+
+export interface BaseTableColumnData {
+  id: string;
+  label: string;
+  tooltip?: string;
+  field: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  meta: undefined | Record<string, any>;
+  newKey: string;
+  numeric: boolean;
+  align: 'left' | 'center' | 'right';
+  searchable: boolean;
+  sortable: boolean;
+  ignoreRowInteractions: boolean;
+  toggle: boolean;
+  toggleDefault: boolean;
+  width: number;
+  class?: string | string[];
+  to?: (row: Row) => RouteLocationRaw;
+  href?: (row: Row) => string;
+  target?: '_blank' | '_self' | '_parent' | '_top';
+  onClick?: (row: Row, index: number, column: BaseTableColumnData, colIndex: number, event: MouseEvent) => void;
+  style: {
+    width: undefined | number;
+  };
+}
+
+/**
+ * System alert
+ */
+
+export interface SystemAlertOptions {
+  color?: 'info' | 'success' | 'danger' | 'warning';
+  message: string;
+  to?: RouteLocationRaw;
+  action?: () => void;
+  closable?: boolean;
+}
+
+export interface SystemAlert {
+  id: number;
+  color: 'info' | 'success' | 'danger' | 'warning';
+  message: string;
+  to?: RouteLocationRaw;
+  action?: () => void;
+  closable: boolean;
+}
+
+/**
+ * Dialog
+ */
+
+export interface DialogOptions {
+  color?: 'info' | 'success' | 'danger' | 'warning';
+  title: string;
+  message: string;
+  errorMessage?: string | null | undefined;
+  html?: boolean;
+  input?: InputConfigProps | false;
+  confirmText?: string;
+  cancelText?: string;
+  closeOnOutsideClick?: boolean;
+  onConfirm?: (input?: string) => Promise<void> | void;
+  onCancel?: () => void;
+}
+
+export interface Dialog {
+  id: number;
+  color: 'info' | 'success' | 'danger' | 'warning';
+  title: string;
+  message: string;
+  errorMessage: string | null | undefined;
+  html: boolean;
+  input: InputConfigProps | false;
+  confirmText: string;
+  cancelText: string;
+  closeOnOutsideClick: boolean;
+  onConfirm: (input?: string) => void;
+  onCancel: () => void;
+}
+
+/**
+ * Snackbar
+ */
+
+export interface SnackbarOptions {
+  title: string;
+  text: string;
+  color?: 'info' | 'success' | 'danger' | 'warning';
+  duration?: number;
+}
+
+export interface Snackbar {
+  id: number;
+  title: string;
+  text: string;
+  color: 'info' | 'success' | 'danger' | 'warning';
+  duration: number;
+}
+
+/**
+ * Notification
+ */
+
+export interface NotificationsConfig {
+  count: number;
+  items: Notification[];
+  footerLabel?: string;
+  footerTo?: RouteLocationRaw;
+}
+
+export type { Notification };
+
+export interface SelectConfigurationOption {
+  value: OptionValue;
+  label: string;
+  [key: string]: any;
+}
+
+export interface SelectConfiguration {
+  option?: SelectConfigurationOption;
+  options: SelectConfigurationOption[];
+  onChange?: (option: SelectConfigurationOption | null) => void;
+}
+
+export interface DataIteratorSection {
+  name: string;
+  title: string;
+  closeText: string;
+  icon: string;
+  count?: number;
+  opened?: boolean;
+}
+
+export interface RowAction {
+  label: string;
+  icon: string;
+  action?: (row: CollectionItem) => Promise<void> | void;
+  to?: (row: CollectionItem) => RouteLocationRaw;
+  href?: (row: CollectionItem) => string;
+  disabled?: (row: CollectionItem) => boolean;
+}
+
+export interface CropperConfig {
+  height?: number;
+  width?: number;
+  viewport?: {
+    type?: CropType;
+    width: number;
+    height: number;
+  };
+  boundary?: {
+    width: number;
+    height: number;
+  };
+  enableResize?: boolean;
+  enableZoom?: boolean;
+  enableOrientation?: boolean;
+  showZoomer?: boolean;
+  initialResize?: number;
+  maxWidth?: number;
+}
+
+export type CropperPreset = 'avatar' | 'cover';
+
+export interface BaseCropperConfig {
+  source: string;
+  config?: CropperConfig;
+  preset?: CropperPreset;
+  presetOptions?: Record<string, any>;
+  saveOptions?: ResultOptions;
+}
+
+export interface TimelineItem {
+  title: string;
+  icon: string;
+  description?: null | string;
+  date?: string | null;
+  color?: string | null;
+  onEdit?: () => void | Promise<void>;
+  onDelete?: () => void | Promise<void>;
+}
+
+export type JsonDataItem = string | number | null | undefined | JsonData[] | JsonData;
+
+export interface JsonData {
+  [key: string]: JsonDataItem;
+}
+
+export interface InputConfigProps {
+  label?: string;
+  placeholder?: string;
+  name?: string;
+  type?: string;
+  size?: Size;
+  required?: boolean;
+  disabled?: boolean;
+}
+
+export type { GanttItem, GanttRow };
+
 export type { ToolbarOption };

package/src/utils/blob.ts

@@ -1,30 +1,30 @@
-export function blobToBase64(file: Blob): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => resolve(reader.result as string);
-    reader.onerror = (error) => reject(error);
-  });
-}
-
-export function validateBase64(
-  base64: string,
-  prefix = 'data:application/octet-stream'
-): string {
-  if (!base64.match(/^data:.*\/.*;base64,/)) {
-    base64 = `${prefix};base64,${base64}`;
-  }
-
-  return base64;
-}
-
-export async function base64ToBlob(
-  base64: string,
-  prefix = 'data:application/octet-stream'
-): Promise<Blob> {
-  base64 = validateBase64(base64, prefix);
-
-  const response = await fetch(base64);
-
-  return response.blob();
-}
+export function blobToBase64(file: Blob): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result as string);
+    reader.onerror = (error) => reject(error);
+  });
+}
+
+export function validateBase64(
+  base64: string,
+  prefix = 'data:application/octet-stream'
+): string {
+  if (!base64.match(/^data:.*\/.*;base64,/)) {
+    base64 = `${prefix};base64,${base64}`;
+  }
+
+  return base64;
+}
+
+export async function base64ToBlob(
+  base64: string,
+  prefix = 'data:application/octet-stream'
+): Promise<Blob> {
+  base64 = validateBase64(base64, prefix);
+
+  const response = await fetch(base64);
+
+  return response.blob();
+}