sprintify-ui 0.1.17 → 0.2.0

package/src/types/index.ts

@@ -1,267 +1,267 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { RouteLocationRaw } from 'vue-router';
-import { UploadedFile } from './UploadedFile';
-import { Notification as AppNotification } from './Notification';
-import { CropType, ResultOptions } from 'croppie';
-import { Media } from './Media';
-
-export type Locales = { [locale: string]: string };
-
-export enum Method {
-  post = 'post',
-  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 Option = Record<string, any>;
-
-export type NormalizedOption = {
-  option: Option;
-  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 MenuItemInterface {
-  label?: string;
-  href?: string;
-  to?: RouteLocationRaw;
-  action?: () => Promise<void> | void;
-  icon?: string;
-  count?: number;
-  color?: ActionColors;
-  line?: boolean;
-}
-
-export interface ActionItem {
-  label: string;
-  href?: string;
-  to?: RouteLocationRaw;
-  action?: () => Promise<void> | void;
-  icon?: string;
-  count?: number;
-  color?: ActionColors;
-  disabled?: boolean;
-  meta?: Record<string, any>;
-  actions?: ActionItem[];
-}
-
-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;
-  clickable: boolean;
-  toggle: boolean;
-  toggleDefault: 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>;
-}
-
-/**
- * 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;
-  confirmText?: string;
-  cancelText?: string;
-  closeOnOutsideClick?: boolean;
-  onConfirm?: () => void;
-  onCancel?: () => void;
-}
-
-export interface Dialog {
-  id: number;
-  color: 'info' | 'success' | 'danger' | 'warning';
-  title: string;
-  message: string;
-  confirmText: string;
-  cancelText: string;
-  closeOnOutsideClick: boolean;
-  onConfirm: () => void;
-  onCancel: () => void;
-}
-
-/**
- * Notification
- */
-
-export interface NotificationOptions {
-  title: string;
-  text: string;
-  color?: 'info' | 'success' | 'danger' | 'warning';
-  duration?: number;
-}
-
-export interface Notification {
-  id: number;
-  title: string;
-  text: string;
-  color: 'info' | 'success' | 'danger' | 'warning';
-  duration: number;
-}
-
-/**
- * App Notification
- */
-
-export interface NotificationsConfig {
-  items: AppNotification[];
-  footerLabel?: string;
-  footerTo?: RouteLocationRaw;
-}
-
-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;
-  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;
-}
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { RouteLocationRaw } from 'vue-router';
+import { UploadedFile } from './UploadedFile';
+import { Notification as AppNotification } from './Notification';
+import { CropType, ResultOptions } from 'croppie';
+import { Media } from './Media';
+
+export type Locales = { [locale: string]: string };
+
+export enum Method {
+  post = 'post',
+  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 Option = Record<string, any>;
+
+export type NormalizedOption = {
+  option: Option;
+  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 MenuItemInterface {
+  label?: string;
+  href?: string;
+  to?: RouteLocationRaw;
+  action?: () => Promise<void> | void;
+  icon?: string;
+  count?: number;
+  color?: ActionColors;
+  line?: boolean;
+}
+
+export interface ActionItem {
+  label: string;
+  href?: string;
+  to?: RouteLocationRaw;
+  action?: () => Promise<void> | void;
+  icon?: string;
+  count?: number;
+  color?: ActionColors;
+  disabled?: boolean;
+  meta?: Record<string, any>;
+  actions?: ActionItem[];
+}
+
+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;
+  clickable: boolean;
+  toggle: boolean;
+  toggleDefault: 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>;
+}
+
+/**
+ * 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;
+  confirmText?: string;
+  cancelText?: string;
+  closeOnOutsideClick?: boolean;
+  onConfirm?: () => void;
+  onCancel?: () => void;
+}
+
+export interface Dialog {
+  id: number;
+  color: 'info' | 'success' | 'danger' | 'warning';
+  title: string;
+  message: string;
+  confirmText: string;
+  cancelText: string;
+  closeOnOutsideClick: boolean;
+  onConfirm: () => void;
+  onCancel: () => void;
+}
+
+/**
+ * Notification
+ */
+
+export interface NotificationOptions {
+  title: string;
+  text: string;
+  color?: 'info' | 'success' | 'danger' | 'warning';
+  duration?: number;
+}
+
+export interface Notification {
+  id: number;
+  title: string;
+  text: string;
+  color: 'info' | 'success' | 'danger' | 'warning';
+  duration: number;
+}
+
+/**
+ * App Notification
+ */
+
+export interface NotificationsConfig {
+  items: AppNotification[];
+  footerLabel?: string;
+  footerTo?: RouteLocationRaw;
+}
+
+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;
+  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;
+}

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();
+}