lupine.components 1.1.13 → 1.1.15

package/src/lib/upload-file.ts

@@ -1,101 +1,101 @@
-import { getRenderPageProps } from 'lupine.web';
-import { NotificationColor, NotificationMessage } from '../components';
-
-const _saveChunkSize = {
-  size: 1024 * 200,
-};
-export const setUploadChunkSize = (chunkSize: number) => {
-  _saveChunkSize.size = chunkSize;
-};
-export const getUploadChunkSize = () => {
-  return _saveChunkSize.size;
-};
-export const checkUploadedFileSize = async (uploadUrl: string) => {
-  let url = uploadUrl + (uploadUrl.indexOf('?') === -1 ? '?' : '') + '&check-size=1';
-  const json = await getRenderPageProps().renderPageFunctions.fetchData(url);
-  return json && json.json.size ? json.json.size : 0;
-};
-
-// should return { chunkNumber: number }
-export const uploadFileChunk = async (
-  chunk: any,
-  chunkNumber: number,
-  totalChunks: number,
-  uploadUrl: string,
-  key: string,
-  retryCount = 3,
-  retryMessage = '' // can have ${tryCount}
-) => {
-  let url = uploadUrl + (uploadUrl.indexOf('?') === -1 ? '?' : '');
-  url += `&chunkNumber=${chunkNumber.toString()}`;
-  url += `&totalChunks=${totalChunks.toString()}`;
-  if (key) {
-    url += `&key=${key}`;
-  }
-  let tryCount = 0;
-  let json;
-  while (tryCount < retryCount) {
-    try {
-      json = await getRenderPageProps().renderPageFunctions.fetchData(url, chunk);
-      if (json && json.json) {
-        json = json.json;
-      }
-      if (json && json.status) {
-        // ok or error
-        break;
-      }
-    } catch (error) {
-      console.log(`uploadFileChunk error, try: ${tryCount}`, error);
-    }
-    tryCount++;
-    if (retryMessage) {
-      NotificationMessage.sendMessage(
-        retryMessage.replace('${tryCount}', tryCount.toString()),
-        NotificationColor.Warning
-      );
-    }
-  }
-  return json;
-};
-
-export const uploadFile = async (
-  file: File | string,
-  uploadUrl: string,
-  progressFn?: (percentage: number, chunkNumber: number, totalChunks: number) => void,
-  chunkSize = 0,
-  retryCount = 3,
-  retryMessage = '' // can have ${tryCount}
-) => {
-  // const uploadedSize = await checkUploadedFileSize(uploadUrl);
-  let key = '';
-  const len = file instanceof File ? file.size : file.length;
-  if (!chunkSize) {
-    chunkSize = _saveChunkSize.size;
-  }
-  if (len <= chunkSize) {
-    const result = await uploadFileChunk(file, 0, 1, uploadUrl, key, retryCount, retryMessage);
-    if (!result || result.status !== 'ok') {
-      return result;
-    }
-    if (progressFn) {
-      progressFn(1, 0, len);
-    }
-    return true;
-  }
-
-  const totalChunks = Math.ceil(len / chunkSize);
-  for (let i = 0; i < totalChunks; i++) {
-    const start = i * chunkSize;
-    const end = Math.min((i + 1) * chunkSize, len);
-    const chunk = file.slice(start, end);
-    const result = await uploadFileChunk(chunk, i, totalChunks, uploadUrl, key, retryCount, retryMessage);
-    if (!result || result.status !== 'ok') {
-      return result;
-    }
-    key = result.key;
-    if (progressFn) {
-      progressFn(Math.round(((i + 1) / totalChunks) * 100) / 100, i, totalChunks);
-    }
-  }
-  return true;
-};
+import { getRenderPageProps } from 'lupine.web';
+import { NotificationColor, NotificationMessage } from '../components';
+
+const _saveChunkSize = {
+  size: 1024 * 200,
+};
+export const setUploadChunkSize = (chunkSize: number) => {
+  _saveChunkSize.size = chunkSize;
+};
+export const getUploadChunkSize = () => {
+  return _saveChunkSize.size;
+};
+export const checkUploadedFileSize = async (uploadUrl: string) => {
+  let url = uploadUrl + (uploadUrl.indexOf('?') === -1 ? '?' : '') + '&check-size=1';
+  const json = await getRenderPageProps().renderPageFunctions.fetchData(url);
+  return json && json.json.size ? json.json.size : 0;
+};
+
+// should return { chunkNumber: number }
+export const uploadFileChunk = async (
+  chunk: any,
+  chunkNumber: number,
+  totalChunks: number,
+  uploadUrl: string,
+  key: string,
+  retryCount = 3,
+  retryMessage = '' // can have ${tryCount}
+) => {
+  let url = uploadUrl + (uploadUrl.indexOf('?') === -1 ? '?' : '');
+  url += `&chunkNumber=${chunkNumber.toString()}`;
+  url += `&totalChunks=${totalChunks.toString()}`;
+  if (key) {
+    url += `&key=${key}`;
+  }
+  let tryCount = 0;
+  let json;
+  while (tryCount < retryCount) {
+    try {
+      json = await getRenderPageProps().renderPageFunctions.fetchData(url, chunk);
+      if (json && json.json) {
+        json = json.json;
+      }
+      if (json && json.status) {
+        // ok or error
+        break;
+      }
+    } catch (error) {
+      console.log(`uploadFileChunk error, try: ${tryCount}`, error);
+    }
+    tryCount++;
+    if (retryMessage) {
+      NotificationMessage.sendMessage(
+        retryMessage.replace('${tryCount}', tryCount.toString()),
+        NotificationColor.Warning
+      );
+    }
+  }
+  return json;
+};
+
+export const uploadFile = async (
+  file: File | string,
+  uploadUrl: string,
+  progressFn?: (percentage: number, chunkNumber: number, totalChunks: number) => void,
+  chunkSize = 0,
+  retryCount = 3,
+  retryMessage = '' // can have ${tryCount}
+) => {
+  // const uploadedSize = await checkUploadedFileSize(uploadUrl);
+  let key = '';
+  const len = file instanceof File ? file.size : file.length;
+  if (!chunkSize) {
+    chunkSize = _saveChunkSize.size;
+  }
+  if (len <= chunkSize) {
+    const result = await uploadFileChunk(file, 0, 1, uploadUrl, key, retryCount, retryMessage);
+    if (!result || result.status !== 'ok') {
+      return result;
+    }
+    if (progressFn) {
+      progressFn(1, 0, len);
+    }
+    return true;
+  }
+
+  const totalChunks = Math.ceil(len / chunkSize);
+  for (let i = 0; i < totalChunks; i++) {
+    const start = i * chunkSize;
+    const end = Math.min((i + 1) * chunkSize, len);
+    const chunk = file.slice(start, end);
+    const result = await uploadFileChunk(chunk, i, totalChunks, uploadUrl, key, retryCount, retryMessage);
+    if (!result || result.status !== 'ok') {
+      return result;
+    }
+    key = result.key;
+    if (progressFn) {
+      progressFn(Math.round(((i + 1) / totalChunks) * 100) / 100, i, totalChunks);
+    }
+  }
+  return true;
+};

package/src/styles/base-themes.ts

@@ -1,17 +1,17 @@
-import { ThemesProps } from 'lupine.web';
-import { darkThemes } from './dark-themes';
-import { lightThemes } from './light-themes';
-
-export const baseThemes: ThemesProps = {
-  light: lightThemes,
-  dark: darkThemes,
-  lightGreen: {
-    ...lightThemes,
-    '--background-primary': '#d8ffe3', //	Primary background
-    '--color-primary': '#303030', //	Primary text color
-    backgroundPrimary: '', //	Primary background
-    backgroundOnPrimary: '', //	Background for surfaces on top of primary background
-    backgroundSecondary: '#f5f5f7', //	Secondary background
-    backgroundOnSecondary: '#e5e5e7', //	Background for surfaces on top of secondary background
-  },
-};
+import { ThemesProps } from 'lupine.web';
+import { darkThemes } from './dark-themes';
+import { lightThemes } from './light-themes';
+
+export const baseThemes: ThemesProps = {
+  light: lightThemes,
+  dark: darkThemes,
+  lightGreen: {
+    ...lightThemes,
+    '--background-primary': '#d8ffe3', //	Primary background
+    '--color-primary': '#303030', //	Primary text color
+    backgroundPrimary: '', //	Primary background
+    backgroundOnPrimary: '', //	Background for surfaces on top of primary background
+    backgroundSecondary: '#f5f5f7', //	Secondary background
+    backgroundOnSecondary: '#e5e5e7', //	Background for surfaces on top of secondary background
+  },
+};

package/src/styles/dark-themes.ts

@@ -1,99 +1,99 @@
-import { ThemeProps } from 'lupine.web';
-import { sharedThemes } from './shared-themes';
-
-export const darkThemes: ThemeProps = {
-  ...sharedThemes,
-  '--theme-name': 'dark',
-
-  '--scrollbar-bg': '#1c1c1c',
-  '--scrollbar-thumb-bg': '#373636',
-  '--scrollbar-active-thumb-bg': '#5b5b5b',
-
-  '--primary-color': '#d8d8d8',
-  '--primary-color-disabled': '#7d7d7d',
-  '--primary-bg-color': '#000000',
-  '--primary-border-color': '#aeaeae',
-  '--primary-border': '1px solid var(--primary-border-color)',
-  '--primary-opacity': '0.5', // used for dark theme
-  '--primary-disabled-opacity': '0.7', // used for dark theme
-  '--primary-accent-color': '#1a588a', // used for radio and checkbox's background color
-
-  '--secondary-color': '#747474',
-  '--secondary-bg-color': '#1c1c1c',
-  '--secondary-border-color': '#494949',
-  '--secondary-border': '1px solid var(--secondary-border-color)',
-
-  // including menus, tabs
-  '--activatable-color-normal': 'var(--primary-color)',
-  '--activatable-bg-color-normal': 'var(--primary-bg-color)',
-  '--activatable-color-hover': '#e2e2e2',
-  '--activatable-bg-color-hover': '#6d6d6d',
-  '--activatable-color-selected': '#c2c2c2',
-  '--activatable-bg-color-selected': '#5d5d5d',
-  // '--menu-color-hover': '#303030',
-  // '--menu-color': 'var(--primary-color)',  //'#2a2a2a',
-  // '--menu-bg-color': 'var(--primary-bg-color)',  //'#2a2a2a',
-  // '--menu-bg-color-hover': '#a0a0a0',
-  '--menu-font-size': '1rem',
-  '--menubar-color': '#eeeeee',
-  '--menubar-bg-color': '#000000',
-  '--menubar-sub-bg-color': '#f9f9f9',
-  '--sidebar-color': 'var(--primary-color)',
-  '--sidebar-bg-color': '#000000',
-  // '--sidebar-sub-color': 'var(--sidebar-color)',
-  // '--sidebar-sub-bg-color': '#000000',
-  '--sidebar-border': '1px solid #303030',
-  // '--sidebar-hover-color': 'var(--sidebar-color)',
-  // '--sidebar-hover-bg-color': '#000000',
-
-  '--row-1-bg-color': '#212121',
-  '--row-2-bg-color': '#303030',
-  '--row-hover-bg-color': '#383838',
-
-  '--success-color': '#04AA6D',
-  '--info-color': '#2196F3',
-  '--warning-color': '#ff9800',
-  '--error-color': '#f44336',
-  '--success-bg-color': '#10553b',
-  '--info-bg-color': '#1a588a',
-  '--warning-bg-color': '#a36305',
-  '--error-bg-color': '#882c25',
-  '--notice-color-with-bg': '#ececec',
-
-  '--cover-mask-bg-color': '#878a9460',
-  '--cover-bg-color': '#202020',
-  // for dropdown-menu
-  '--cover-box-shadow': '1px 1px 4px #c6c6c6',
-  // for big block, deeper shadow arround, good for dark theme
-  '--cover-box-shadow-around': '#ffffff 0 0 6px 1px',
-
-  '--input-color': '#bdbdbd',
-  '--input-bg-color': '#000000',
-  '--input-box-shadow': '0px 0px 0px #000000, 1px 1px 0px 0px #50505045',
-  '--input-border-focus': '1px solid #0074d9',
-
-  '--button-color': '#bdbdbd',
-  '--button-bg': '-webkit-linear-gradient(top, #282828 0%, #212223 74%, #1a1a1a 100%)', // darker
-  '--button-bg-hover': '-webkit-linear-gradient(top, #282828 0%, #313233 74%, #252525 100%)', // darker
-  // '--button-bg': '-webkit-linear-gradient(top, #414141 0%, #373e48 74%, #434242 100%)',
-  '--button-border': '1px solid #373e48',
-  '--button-box-shadow': 'unset',
-
-  '--header-color': '#000080',
-  '--header-bg-color': '#000000',
-
-  // for setting-section
-  '--ss-group-color': 'var(--primary-color)',
-  '--ss-group-bg-color': '#232323',
-  '--ss-row-btn-color': '#eee',
-  '--ss-row-btn-bg-color': '#262626',
-  '--ss-row-btn-warn-color': 'red',
-  '--mobile-header-shadow': '0px -1px 4px 1px #848484',
-
-  // '--background-primary': '#353536', //	Primary background
-  // '--color-primary': '#e0e0e0', //	Primary text color
-  // backgroundPrimary: '', //	Primary background
-  // backgroundOnPrimary: '', //	Background for surfaces on top of primary background
-  // backgroundSecondary: '#f5f5f6', //	Secondary background
-  // backgroundOnSecondary: '#e5e5e6', //	Background for surfaces on top of secondary background
-};
+import { ThemeProps } from 'lupine.web';
+import { sharedThemes } from './shared-themes';
+
+export const darkThemes: ThemeProps = {
+  ...sharedThemes,
+  '--theme-name': 'dark',
+
+  '--scrollbar-bg': '#1c1c1c',
+  '--scrollbar-thumb-bg': '#373636',
+  '--scrollbar-active-thumb-bg': '#5b5b5b',
+
+  '--primary-color': '#d8d8d8',
+  '--primary-color-disabled': '#7d7d7d',
+  '--primary-bg-color': '#000000',
+  '--primary-border-color': '#aeaeae',
+  '--primary-border': '1px solid var(--primary-border-color)',
+  '--primary-opacity': '0.5', // used for dark theme
+  '--primary-disabled-opacity': '0.7', // used for dark theme
+  '--primary-accent-color': '#1a588a', // used for radio and checkbox's background color
+
+  '--secondary-color': '#747474',
+  '--secondary-bg-color': '#1c1c1c',
+  '--secondary-border-color': '#494949',
+  '--secondary-border': '1px solid var(--secondary-border-color)',
+
+  // including menus, tabs
+  '--activatable-color-normal': 'var(--primary-color)',
+  '--activatable-bg-color-normal': 'var(--primary-bg-color)',
+  '--activatable-color-hover': '#e2e2e2',
+  '--activatable-bg-color-hover': '#6d6d6d',
+  '--activatable-color-selected': '#c2c2c2',
+  '--activatable-bg-color-selected': '#5d5d5d',
+  // '--menu-color-hover': '#303030',
+  // '--menu-color': 'var(--primary-color)',  //'#2a2a2a',
+  // '--menu-bg-color': 'var(--primary-bg-color)',  //'#2a2a2a',
+  // '--menu-bg-color-hover': '#a0a0a0',
+  '--menu-font-size': '1rem',
+  '--menubar-color': '#eeeeee',
+  '--menubar-bg-color': '#000000',
+  '--menubar-sub-bg-color': '#f9f9f9',
+  '--sidebar-color': 'var(--primary-color)',
+  '--sidebar-bg-color': '#000000',
+  // '--sidebar-sub-color': 'var(--sidebar-color)',
+  // '--sidebar-sub-bg-color': '#000000',
+  '--sidebar-border': '1px solid #303030',
+  // '--sidebar-hover-color': 'var(--sidebar-color)',
+  // '--sidebar-hover-bg-color': '#000000',
+
+  '--row-1-bg-color': '#212121',
+  '--row-2-bg-color': '#303030',
+  '--row-hover-bg-color': '#383838',
+
+  '--success-color': '#04AA6D',
+  '--info-color': '#2196F3',
+  '--warning-color': '#ff9800',
+  '--error-color': '#f44336',
+  '--success-bg-color': '#10553b',
+  '--info-bg-color': '#1a588a',
+  '--warning-bg-color': '#a36305',
+  '--error-bg-color': '#882c25',
+  '--notice-color-with-bg': '#ececec',
+
+  '--cover-mask-bg-color': '#878a9460',
+  '--cover-bg-color': '#202020',
+  // for dropdown-menu
+  '--cover-box-shadow': '1px 1px 4px #c6c6c6',
+  // for big block, deeper shadow arround, good for dark theme
+  '--cover-box-shadow-around': '#ffffff 0 0 6px 1px',
+
+  '--input-color': '#bdbdbd',
+  '--input-bg-color': '#000000',
+  '--input-box-shadow': '0px 0px 0px #000000, 1px 1px 0px 0px #50505045',
+  '--input-border-focus': '1px solid #0074d9',
+
+  '--button-color': '#bdbdbd',
+  '--button-bg': '-webkit-linear-gradient(top, #282828 0%, #212223 74%, #1a1a1a 100%)', // darker
+  '--button-bg-hover': '-webkit-linear-gradient(top, #282828 0%, #313233 74%, #252525 100%)', // darker
+  // '--button-bg': '-webkit-linear-gradient(top, #414141 0%, #373e48 74%, #434242 100%)',
+  '--button-border': '1px solid #373e48',
+  '--button-box-shadow': 'unset',
+
+  '--header-color': '#000080',
+  '--header-bg-color': '#000000',
+
+  // for setting-section
+  '--ss-group-color': 'var(--primary-color)',
+  '--ss-group-bg-color': '#232323',
+  '--ss-row-btn-color': '#eee',
+  '--ss-row-btn-bg-color': '#262626',
+  '--ss-row-btn-warn-color': 'red',
+  '--mobile-header-shadow': '0px -1px 4px 1px #848484',
+
+  // '--background-primary': '#353536', //	Primary background
+  // '--color-primary': '#e0e0e0', //	Primary text color
+  // backgroundPrimary: '', //	Primary background
+  // backgroundOnPrimary: '', //	Background for surfaces on top of primary background
+  // backgroundSecondary: '#f5f5f6', //	Secondary background
+  // backgroundOnSecondary: '#e5e5e6', //	Background for surfaces on top of secondary background
+};

package/src/styles/index.ts

@@ -1,5 +1,5 @@
-export * from './media-query';
-export * from './shared-themes';
-export * from './dark-themes';
-export * from './light-themes';
-export * from './base-themes';
+export * from './media-query';
+export * from './shared-themes';
+export * from './dark-themes';
+export * from './light-themes';
+export * from './base-themes';