onekijs-ui 0.9.2 → 0.15.2

package/src/styles/theme.ts

@@ -1,274 +0,0 @@
-import { get } from 'onekijs-core';
-import { deriveColor } from '../utils/color';
-import { Theme } from './typings';
-
-export const theme = (customTheme = {}): Theme => {
-  const theme: Theme = Object.assign(
-    {
-      dark: false,
-      breakpoints: {
-        sm: '640px',
-        md: '768px',
-        lg: '1024px',
-        xl: '1280px',
-      },
-      colors: {
-        transparent: 'transparent',
-        current: 'currentColor',
-        black: '#000',
-        white: '#fff',
-        'gray-100': '#f7fafc',
-        'gray-200': '#edf2f7',
-        'gray-300': '#e2e8f0',
-        'gray-400': '#cbd5e0',
-        'gray-500': '#a0aec0',
-        'gray-600': '#718096',
-        'gray-700': '#4a5568',
-        'gray-800': '#2d3748',
-        'gray-900': '#1a202c',
-        'red-100': '#fff5f5',
-        'red-200': '#fed7d7',
-        'red-300': '#feb2b2',
-        'red-400': '#fc8181',
-        'red-500': '#f56565',
-        'red-600': '#e53e3e',
-        'red-700': '#c53030',
-        'red-800': '#9b2c2c',
-        'red-900': '#742a2a',
-        'orange-100': '#fffaf0',
-        'orange-200': '#feebc8',
-        'orange-300': '#fbd38d',
-        'orange-400': '#f6ad55',
-        'orange-500': '#ed8936',
-        'orange-600': '#dd6b20',
-        'orange-700': '#c05621',
-        'orange-800': '#9c4221',
-        'orange-900': '#7b341e',
-        'yellow-100': '#fffff0',
-        'yellow-200': '#fefcbf',
-        'yellow-300': '#faf089',
-        'yellow-400': '#f6e05e',
-        'yellow-500': '#ecc94b',
-        'yellow-600': '#d69e2e',
-        'yellow-700': '#b7791f',
-        'yellow-800': '#975a16',
-        'yellow-900': '#744210',
-        'green-100': '#f0fff4',
-        'green-200': '#c6f6d5',
-        'green-300': '#9ae6b4',
-        'green-400': '#68d391',
-        'green-500': '#48bb78',
-        'green-600': '#38a169',
-        'green-700': '#2f855a',
-        'green-800': '#276749',
-        'green-900': '#22543d',
-        'teal-100': '#e6fffa',
-        'teal-200': '#b2f5ea',
-        'teal-300': '#81e6d9',
-        'teal-400': '#4fd1c5',
-        'teal-500': '#38b2ac',
-        'teal-600': '#319795',
-        'teal-700': '#2c7a7b',
-        'teal-800': '#285e61',
-        'teal-900': '#234e52',
-        'blue-100': '#ebf8ff',
-        'blue-200': '#bee3f8',
-        'blue-300': '#90cdf4',
-        'blue-400': '#63b3ed',
-        'blue-500': '#4299e1',
-        'blue-600': '#3182ce',
-        'blue-700': '#2b6cb0',
-        'blue-800': '#2c5282',
-        'blue-900': '#2a4365',
-        'indigo-100': '#ebf4ff',
-        'indigo-200': '#c3dafe',
-        'indigo-300': '#a3bffa',
-        'indigo-400': '#7f9cf5',
-        'indigo-500': '#667eea',
-        'indigo-600': '#5a67d8',
-        'indigo-700': '#4c51bf',
-        'indigo-800': '#434190',
-        'indigo-900': '#3c366b',
-        'purple-100': '#faf5ff',
-        'purple-200': '#e9d8fd',
-        'purple-300': '#d6bcfa',
-        'purple-400': '#b794f4',
-        'purple-500': '#9f7aea',
-        'purple-600': '#805ad5',
-        'purple-700': '#6b46c1',
-        'purple-800': '#553c9a',
-        'purple-900': '#44337a',
-        'pink-100': '#fff5f7',
-        'pink-200': '#fed7e2',
-        'pink-300': '#fbb6ce',
-        'pink-400': '#f687b3',
-        'pink-500': '#ed64a6',
-        'pink-600': '#d53f8c',
-        'pink-700': '#b83280',
-        'pink-800': '#97266d',
-        'pink-900': '#702459',
-      },
-      font: {
-        families: {
-          sans:
-            'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
-          serif: 'Georgia, Cambria, "Times New Roman", Times, serif',
-          mono: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-        },
-        lineHeights: {
-          none: 1,
-          tight: 1.25,
-          snug: 1.375,
-          normal: 1.5,
-          relaxed: 1.625,
-          loose: 2,
-          3: '.75rem',
-          4: '1rem',
-          5: '1.25rem',
-          6: '1.5rem',
-          7: '1.75rem',
-          8: '2rem',
-          9: '2.25rem',
-          10: '2.5rem',
-        },
-        sizes: {
-          xs: '.75rem',
-          sm: '.875rem',
-          base: '1rem',
-          lg: '1.125rem',
-          xl: '1.25rem',
-          '2xl': '1.5rem',
-          '3xl': '1.875rem',
-          '4xl': '2.25rem',
-          '5xl': '3rem',
-          '6xl': '4rem',
-        },
-        spacings: {
-          tighte: '-0.05em',
-          tight: '-0.025em',
-          normal: 0,
-          wide: '0.025em',
-          wider: '0.05em',
-          widest: '0.1em',
-        },
-        weights: {
-          hairline: 100,
-          thin: 200,
-          light: 300,
-          normal: 400,
-          medium: 500,
-          semibold: 600,
-          bold: 700,
-          extrabold: 800,
-          black: 900,
-        },
-      },
-      kind: {
-        primary: 'blue-500',
-        danger: 'red-500',
-        success: 'green-500',
-        warning: 'orange-500',
-        secondary: 'gray-500',
-      },
-      radius: {
-        none: '0',
-        sm: '0.125rem',
-        default: '0.25rem',
-        md: '0.375rem',
-        lg: '0.5rem',
-        full: '9999px',
-      },
-      shadow: {
-        xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',
-        sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-        default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-        md: ' 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-        lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
-        xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
-        '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
-        inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
-        outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
-        none: 'none',
-      },
-      spacings: {
-        0: '0',
-        1: '0.25rem',
-        2: '0.5rem',
-        3: '0.75rem',
-        4: '1rem',
-        5: '1.25rem',
-        6: '1.5rem',
-        8: '2rem',
-        10: '2.5rem',
-        12: '3rem',
-        16: '4rem',
-        20: '5rem',
-        24: '6rem',
-        32: '8rem',
-        40: '10rem',
-        48: '12rem',
-        56: '14rem',
-        64: '16rem',
-        px: '1px',
-      },
-      sizes: {
-        0: '0',
-        1: '0.25rem',
-        2: '0.5rem',
-        3: '0.75rem',
-        4: '1rem',
-        5: '1.25rem',
-        6: '1.5rem',
-        8: '2rem',
-        10: '2.5rem',
-        12: '3rem',
-        16: '4rem',
-        20: '5rem',
-        24: '6rem',
-        32: '8rem',
-        40: '10rem',
-        48: '12rem',
-        56: '14rem',
-        64: '16rem',
-        px: '1px',
-        xs: '20rem',
-        sm: '24rem',
-        md: '28rem',
-        lg: '32rem',
-        xl: '36rem',
-        '2xl': '42rem',
-        '3xl': '48rem',
-        '4xl': '56rem',
-        '5xl': '64rem',
-        '6xl': '72rem',
-        'screen-sm': '640px',
-        'screen-md': '768px',
-        'screen-lg': '1024px',
-        'screen-xl': '1280px',
-      },
-
-      button: {},
-    },
-    customTheme,
-  );
-
-  Object.keys(theme.kind).forEach((kind) => {
-    theme.button[kind] = {
-      backgroundColor: get(theme, `button.${kind}.backgroundColor`, theme.kind[kind]),
-      color: get(theme, `button.${kind}.color`, 'white'),
-      fontWeight: get(theme, `button.${kind}.fontWeight`, 'bold'),
-      paddingY: get(theme, `button.${kind}.paddingY`, 2),
-      paddingX: get(theme, `button.${kind}.paddingX`, 4),
-    };
-  });
-
-  Object.keys(theme.kind).forEach((kind) => {
-    theme.button[kind].hoverBackgroundColor = get(
-      theme,
-      `button.${kind}.hoverBackgroundColor`,
-      deriveColor(theme.button[kind].backgroundColor, 200, theme.dark),
-    );
-  });
-
-  return theme;
-};

package/src/utils/query.ts.old

@@ -1,148 +0,0 @@
-import { Primitive } from 'onekijs-core';
-import {
-  QueryFilter,
-  QueryFilterCriteria,
-  QueryFilterCriteriaValue,
-  QueryFilterOrCriteria,
-  QuerySerializer,
-  QuerySortBy,
-  QuerySortDir,
-  ItemMeta,
-  LoadingStatus,
-} from '../lib/typings';
-
-let filterUid = 0;
-export const rootFilterId = Symbol();
-
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-export const defaultComparator = (a: any, b: any) => {
-  if (a === b) return 0;
-  return a < b ? -1 : 1;
-};
-
-export const defaultSerializer: QuerySerializer = (query) => {
-  const result = {
-    filter: serializeFilter(query.filter),
-    sortBy: serializeSortBy(query.sortBy),
-    offset: serializeOffset(query.offset),
-    size: serializeSize(query.size),
-    fields: serializeFields(query.fields),
-    search: serializeSearch(query.search),
-    sort: serializeSort(query.sort),
-  };
-
-  return Object.fromEntries(Object.entries(result).filter(([_k, v]) => v !== undefined));
-};
-
-export const generateFilterId = (): number => {
-  return ++filterUid;
-};
-
-export const isLoading = (meta: ItemMeta): boolean => {
-  return !!(meta && meta.loadingStatus === LoadingStatus.Loading);
-};
-
-export const isDeprecated = (meta: ItemMeta): boolean => {
-  return !!(meta && (meta.loadingStatus === LoadingStatus.Loading || meta.loadingStatus === LoadingStatus.Deprecated));
-};
-
-export const isQueryFilter = (value: QueryFilterOrCriteria | QueryFilterOrCriteria[]): value is QueryFilter => {
-  return !Array.isArray(value) && Object.keys(value).includes('criterias');
-};
-
-export const isQueryFilterCriteria = (value: QueryFilterOrCriteria): value is QueryFilterCriteria => {
-  return !isQueryFilter(value);
-};
-
-export const serializeCriteria = (criteria: QueryFilterCriteria): string => {
-  const result = `${criteria.field} ${criteria.operator || 'eq'} ${serializeValue(criteria.value)}`;
-  if (criteria.not) {
-    return `not(${result})`;
-  }
-  return result;
-};
-
-export const serializeFields = (fields: string[] | undefined): string | void => {
-  if (fields && fields.length > 0) {
-    return `${encodeURIComponent(fields.join(','))}`;
-  }
-};
-
-export const serializeSearch = (search: Primitive | undefined): string | void => {
-  if (search !== undefined && String(search) !== '') {
-    return `${search}`;
-  }
-};
-
-export const serializeSort = (sort: QuerySortDir | undefined): string | void => {
-  if (sort !== undefined) {
-    return `${sort}`;
-  }
-};
-
-export const serializeSubFilter = (filter: QueryFilter): string => {
-  let result = filter.criterias.length > 1 ? `${filter.operator || 'and'}(` : '';
-  result = `${result}${filter.criterias
-    .map((filterOrCriteria) => {
-      if (isQueryFilter(filterOrCriteria)) {
-        return serializeSubFilter(filterOrCriteria);
-      } else {
-        return serializeCriteria(filterOrCriteria);
-      }
-    })
-    .join(';')}`;
-  if (filter.criterias.length > 1) {
-    result = `${result})`;
-  }
-  return result;
-};
-
-export const serializeFilter = (filter: QueryFilter | undefined): string | void => {
-  if (filter && filter.criterias.length > 0) {
-    return `${serializeSubFilter(filter)}`;
-  }
-};
-
-export const serializeOffset = (offset: number | undefined): string | void => {
-  if (offset && offset > 0) {
-    return `${offset}`;
-  }
-};
-
-export const serializeSize = (size: number | undefined): string | void => {
-  if (size && size > 0) {
-    return `${size}`;
-  }
-};
-
-export const serializeSortBy = (sortBy: QuerySortBy[] | undefined): string | void => {
-  if (sortBy && sortBy.length > 0) {
-    return `${sortBy.map((s) => `${s.field},${s.dir || 'asc'}`).join(';')}`;
-  }
-};
-
-export const serializeValue = (value: QueryFilterCriteriaValue | QueryFilterCriteriaValue[]): string => {
-  if (Array.isArray(value)) {
-    return `[${value.map((v) => serializePrimitiveValue(v)).join(',')}]`;
-  }
-  return serializePrimitiveValue(value);
-};
-
-export const serializePrimitiveValue = (value: QueryFilterCriteriaValue): string => {
-  if (typeof value === 'string') {
-    return `'${value.replace("'", "\\'")}'`;
-  }
-  return String(value);
-};
-
-export const visitFilter = (filter: QueryFilter, visitor: (filter: QueryFilter) => boolean | void): boolean | void => {
-  let stop = visitor(filter);
-  if (!stop) {
-    for (const filterOrCriteria of filter.criterias) {
-      if (isQueryFilter(filterOrCriteria) && !stop) {
-        stop = visitFilter(filterOrCriteria, visitor);
-      }
-    }
-  }
-  return stop;
-};

package/tailwind.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  purge: [],
-  theme: {
-    extend: {},
-  },
-  variants: {},
-  plugins: [],
-};

package/tsconfig.json

@@ -1,37 +0,0 @@
-{
-  "include": ["src", "typings", "types"],
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "module": "esnext",
-    "lib": ["dom", "esnext"],
-    "importHelpers": true,
-    "declaration": true,
-    "sourceMap": true,
-    "rootDir": "./src",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noImplicitAny": true,
-    "noFallthroughCasesInSwitch": true,
-    "moduleResolution": "node",
-    "baseUrl": "./",
-    "paths": {
-      "*": ["src/*", "node_modules/*"]
-    },
-    "jsx": "react",
-    "esModuleInterop": true,
-    "allowJs": true,
-    "target": "ES5",
-    "downlevelIteration": true,
-    "outDir": "./dist/"
-  },
-  "typedocOptions": {
-    "inputFiles": ["./src"],
-    "mode": "modules",
-    "out": "docs",
-    "excludeNotExported": true,
-    "theme": "docusaurus2"
-  }
-}