diginet-core-ui 1.4.39 → 1.4.40

package/theme/theme-provider.js

@@ -1,102 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { css, jsx } from '@emotion/core';
-import { ThemeProvider as ThemeProviderEmotion } from '@emotion/react';
-import { node, object, string } from 'prop-types';
-import { useMemo } from 'react';
-import deepmerge from "../utils/object/deepmerge";
-import { color } from "../styles/colors";
-import { font } from "../styles/font";
-import { useTheme } from "./index";
-import createTheme from "./createTheme";
-const {
-  fontFamily,
-  fontFamilyBold,
-  fontFamilyMedium,
-  fontFamilyLink,
-  fontFamilyBoldLink,
-  fontFamilyMediumLink,
-  fontFamilySecurity,
-  fontFamilySecurityCompatEOTLink,
-  fontFamilySecurityCompatWOFF2Link,
-  fontFamilySecurityCompatTTFLink,
-  fontFamilySecurityWOFF2Link
-} = font;
-const ThemeProviderRoot = css`
-    @font-face {
-        font-family: ${fontFamilyBold};
-        src: url('${fontFamilyBoldLink}') format('opentype');
-    }
-    @font-face {
-        font-family: ${fontFamilyMedium};
-        src: url('${fontFamilyMediumLink}') format('opentype');
-    }
-    @font-face {
-        font-family: ${fontFamily};
-        src: url('${fontFamilyLink}') format('opentype');
-    }
-    @font-face {
-        font-family: ${fontFamily};
-        font-weight: 400;
-        src: url('${fontFamilyLink}') format('opentype');
-    }
-    @font-face {
-        font-family: ${fontFamily};
-        font-weight: 500;
-        src: url('${fontFamilyMediumLink}') format('opentype');
-    }
-    @font-face {
-        font-family: ${fontFamily};
-        font-weight: 700;
-        src: url('${fontFamilyBoldLink}') format('opentype');
-    }
-    @font-face {
-        font-family: ${fontFamilySecurity};
-        src: url('${fontFamilySecurityCompatEOTLink}');
-        src: url('${fontFamilySecurityCompatWOFF2Link}') format('woff2'),
-            url('${fontFamilySecurityCompatTTFLink}') format('truetype');
-    }
-    @supports ((content-visibility: visible) or selector(:-moz-is-html)) and (not (-webkit-hyphens: none)) {
-        @font-face {
-            font-family: ${fontFamilySecurity};
-            src: url('${fontFamilySecurityWOFF2Link}') format('woff2'),
-                url('${fontFamilySecurityCompatTTFLink}') format('truetype');
-        }
-    }
-`;
-const ThemeProvider = props => {
-  // theme priority: `localTheme` > `outerTheme`
-  const {
-    theme: localThemeInput,
-    className,
-    children
-  } = props;
-  const outerTheme = useTheme();
-  const localTheme = createTheme(localThemeInput);
-  const mode = (localTheme === null || localTheme === void 0 ? void 0 : localTheme.mode) || (outerTheme === null || outerTheme === void 0 ? void 0 : outerTheme.mode);
-  const _outerTheme = {
-    ...outerTheme,
-    colors: {
-      ...outerTheme.colors,
-      ...(color === null || color === void 0 ? void 0 : color[`${mode}Mode`])
-    }
-  };
-  const theme = useMemo(() => {
-    return deepmerge(_outerTheme, localTheme);
-  }, [_outerTheme, localTheme]);
-  return jsx(ThemeProviderEmotion, {
-    theme: theme,
-    css: ThemeProviderRoot,
-    className: `DGN-UI-Theme ${className}`
-  }, children);
-};
-ThemeProvider.defaultProps = {
-  theme: {},
-  className: ''
-};
-ThemeProvider.propTypes = {
-  theme: object,
-  className: string,
-  children: node
-};
-export default ThemeProvider;

package/theme/theme.js

@@ -1,57 +0,0 @@
-// import * as colors from '../styles/colors';
-
-// export const theme = {
-//   palette: {
-//     primary: {
-//       light: colors.brand7,
-//       main: colors.dark,
-//     },
-//     success: {
-//       main: colors.success5,
-//     },
-//     warning: {
-//       main: colors.warning5,
-//     },
-//     danger: {
-//       main: colors.danger5,
-//     },
-//     info: {
-//       main: colors.info5,
-//     },
-//   },
-//   typography: {
-//     fontFamily: 'sans-serif',
-//     body1: {
-//       fontSize: 12,
-//     },
-//     body2: {
-//       fontSize: 14,
-//     },
-//     body3: {
-//       fontSize: 16,
-//     },
-//     body4: {
-//       fontSize: 20,
-//     },
-//   },
-//   shape: {
-//     borderRadius: 4,
-//   },
-//   border: {
-//     type1: {
-//       type: 'outline',
-//       size: '1px',
-//       defaultColor: colors.brand,
-//     },
-//     type2: {
-//       type: 'info',
-//       size: '2px',
-//       defaultColor: colors.info5,
-//     },
-//     type3: {
-//       type: 'danger',
-//       size: '1px',
-//       defaultColor: colors.danger5,
-//     },
-//   },
-// };

package/theme/use-classes.js

@@ -1,15 +0,0 @@
-import { useMemo } from 'react';
-import { css } from '@emotion/css';
-import { useTheme } from "./index";
-const useClasses = stylesElement => {
-  const theme = useTheme();
-  return useMemo(() => {
-    const rawClasses = typeof stylesElement === 'function' ? stylesElement(theme) : stylesElement;
-    const prepared = {};
-    Object.entries(rawClasses).forEach(([key, value = {}]) => {
-      prepared[key] = css(value);
-    });
-    return prepared;
-  }, [stylesElement, theme]);
-};
-export default useClasses;

package/theme/utils/getThemeProps.js

@@ -1,12 +0,0 @@
-import resolveProps from "./resolveProps";
-export default function getThemeProps(params) {
-  const {
-    theme,
-    name,
-    props
-  } = params;
-  if (!theme || !theme.components || !theme.components[name] || !theme.components[name].defaultProps) {
-    return props;
-  }
-  return resolveProps(theme.components[name].defaultProps, props);
-}

package/theme/utils/resolveProps.js

@@ -1,17 +0,0 @@
-/**
- * Add keys, values of `defaultProps` that does not exist in `props`
- * @param {object} defaultProps
- * @param {object} props
- * @returns {object} resolved props
- */
-export default function resolveProps(defaultProps, props) {
-  const output = {
-    ...props
-  };
-  Object.keys(defaultProps).forEach(propName => {
-    if (output[propName] === undefined) {
-      output[propName] = defaultProps[propName];
-    }
-  });
-  return output;
-}

package/theme/utils/useThemeProps.js

@@ -1,14 +0,0 @@
-import { useTheme } from "./..";
-import getThemeProps from "./getThemeProps";
-export default function useThemeProps({
-  props,
-  name
-}) {
-  const theme = useTheme();
-  const mergedProps = getThemeProps({
-    theme,
-    name,
-    props
-  });
-  return mergedProps;
-}

package/utils/array/array.js

@@ -1,169 +0,0 @@
-import { isDefined } from "../type";
-import { each } from "../iterator";
-import { orderEach } from "../object/object";
-
-/**
- *
- * @param {any} entity
- * @returns {Array} [entity]
- */
-export const wrapToArray = entity => Array.isArray(entity) ? entity : [entity];
-
-/**
- *
- * @param {*} value in object
- * @param {ArrayLike} object is a array-like object
- * @returns {Number} index of value, -1 if not found
- */
-export const inArray = (value, object) => {
-  if (!object) return -1;
-  const array = Array.isArray(object) ? object : Array.from(object);
-  return array.indexOf(value);
-};
-
-/**
- *
- * @param {Array} a
- * @param {Array} b
- * @returns {Array} intersection array of a and b
- */
-export const intersection = (a, b) => {
-  if (!Array.isArray(a) || a.length === 0 || !Array.isArray(b) || b.length === 0) return [];
-  const result = [];
-  each(a, (_, value) => {
-    const index = inArray(value, b);
-    if (index !== -1) {
-      result.push(value);
-    }
-  });
-  return result;
-};
-
-/**
- *
- * @param {Array} data
- * @returns {Array} array with unique values
- */
-export const uniqueValues = data => data.filter((item, position) => data.indexOf(item) === position);
-
-/**
- *
- * @param {Array} from
- * @param {Array} what
- * @returns {Array} without duplicate
- */
-export const removeDuplicates = function (from, what) {
-  if (!Array.isArray(from) || from.length === 0) {
-    return [];
-  }
-  if (!Array.isArray(what) || what.length === 0) {
-    return from.slice();
-  }
-  const result = [];
-  each(from, (_, value) => {
-    const index = inArray(value, what);
-    if (index === -1) {
-      result.push(value);
-    }
-  });
-  return result;
-};
-
-/**
- *
- * @param {Array} items
- * @param {*} indexParameterName
- * @param {*} currentItem
- * @param {Function} needIndexCallback
- * @returns
- */
-export const normalizeIndexes = function (items, indexParameterName, currentItem, needIndexCallback) {
-  const indexedItems = {};
-  let parameterIndex = 0;
-  /**
-   * useLegacyVisibleIndex will be process in future
-   */
-  const useLegacyVisibleIndex = false;
-  each(items, (index, item) => {
-    index = item[indexParameterName];
-    if (index >= 0) {
-      indexedItems[index] = indexedItems[index] || [];
-      if (item === currentItem) {
-        indexedItems[index].unshift(item);
-      } else {
-        indexedItems[index].push(item);
-      }
-    } else {
-      item[indexParameterName] = undefined;
-    }
-  });
-  if (!useLegacyVisibleIndex) {
-    each(items, function () {
-      if (!isDefined(this[indexParameterName]) && !!needIndexCallback && needIndexCallback(this)) {
-        while (indexedItems[parameterIndex]) {
-          parameterIndex++;
-        }
-        indexedItems[parameterIndex] = [this];
-        parameterIndex++;
-      }
-    });
-  }
-  parameterIndex = 0;
-  orderEach(indexedItems, function (index, items) {
-    each(items, function () {
-      if (index >= 0) {
-        this[indexParameterName] = parameterIndex++;
-      }
-    });
-  });
-
-  // if (useLegacyVisibleIndex) {
-  // 	each(items, function () {
-  // 		if (
-  // 			!isDefined(this[indexParameterName]) &&
-  // 			(!needIndexCallback || needIndexCallback(this))
-  // 		) {
-  // 			this[indexParameterName] = parameterIndex++;
-  // 		}
-  // 	});
-  // }
-
-  return parameterIndex;
-};
-export const merge = function (array1, array2) {
-  for (let i = 0; i < array2.length; i++) {
-    array1[array1.length] = array2[i];
-  }
-  return array1;
-};
-export const find = function (array, condition) {
-  for (let i = 0; i < array.length; i++) {
-    if (condition(array[i])) {
-      return array[i];
-    }
-  }
-};
-export const groupByFunc = (array, cb) => array.reduce((result, item) => ({
-  ...result,
-  [cb(item)]: [...(result[cb(item)] || []), item]
-}), {});
-export const groupByKey = (array, key) => array.reduce((result, item) => {
-  (result[item[key]] = result[item[key]] || []).push(item);
-  return result;
-}, {});
-export const isEqual = (currentArray, compareArray) => {
-  if (!currentArray || !compareArray) return false;
-  if (currentArray.length !== compareArray.length) return false;
-  for (let i = 0, j = currentArray.length; i < j; i++) {
-    if (currentArray[i] instanceof Array && compareArray[i] instanceof Array) {
-      if (!isEqual(currentArray[i], compareArray[i])) {
-        return false;
-      }
-    } else if (currentArray[i] !== compareArray[i]) {
-      return false;
-    }
-    // in future will update for object case
-    // else if (typeof currentArray[i] === 'object' && typeof compareArray[i] === 'object') {}
-  }
-  return true;
-};

package/utils/classNames/index.js

@@ -1,25 +0,0 @@
-const hasOwn = {}.hasOwnProperty;
-const classNames = (...args) => {
-  args = args.flat();
-  let classes = [];
-  for (let i = 0; i < args.length; i++) {
-    let arg = args[i];
-    if (!arg) continue;
-    let argType = typeof arg;
-    if (argType === 'string' || argType === 'number') {
-      classes.push(arg);
-    } else if (argType === 'object') {
-      if (arg.toString === Object.prototype.toString) {
-        for (let key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes.push(key);
-          }
-        }
-      } else {
-        classes.push(arg.toString());
-      }
-    }
-  }
-  return classes.join(' ');
-};
-export default classNames;

package/utils/console.js

@@ -1,27 +0,0 @@
-import { isFunction } from "./type";
-const noop = () => {};
-const getConsoleMethod = function (method) {
-  if (typeof console === 'undefined' || !isFunction(console[method])) {
-    return noop;
-  }
-  return console[method].bind(console);
-};
-export const logger = {
-  info: getConsoleMethod('info'),
-  warn: getConsoleMethod('warn'),
-  error: getConsoleMethod('error')
-};
-export const debug = (() => {
-  const assert = (condition, message) => {
-    if (!condition) {
-      throw new Error(message);
-    }
-  };
-  const assertParam = (parameter, message) => {
-    assert(parameter !== null && parameter !== undefined, message);
-  };
-  return {
-    assert: assert,
-    assertParam: assertParam
-  };
-})();