mig-schema-table 4.0.4 → 4.0.6

package/dist/inc/constant.d.ts

@@ -1,9 +0,0 @@
-export declare const DEFAULT_DATE_FORMAT = "dd MMM yyyy";
-export declare const DEFAULT_DATE_TIME_FORMAT = "dd MMM yyyy HH:mm";
-export declare const MINIMUM_COLUMN_WIDTH = 25;
-export declare const COLUMN_WIDTH = 3;
-export declare enum ENumberColumnFilterOperation {
-    "GT" = "GT",
-    "LT" = "LT",
-    "EQ" = "EQ"
-}

package/dist/inc/constant.js

@@ -1,10 +0,0 @@
-export const DEFAULT_DATE_FORMAT = "dd MMM yyyy";
-export const DEFAULT_DATE_TIME_FORMAT = "dd MMM yyyy HH:mm";
-export const MINIMUM_COLUMN_WIDTH = 25;
-export const COLUMN_WIDTH = 3;
-export var ENumberColumnFilterOperation;
-(function (ENumberColumnFilterOperation) {
-    ENumberColumnFilterOperation["GT"] = "GT";
-    ENumberColumnFilterOperation["LT"] = "LT";
-    ENumberColumnFilterOperation["EQ"] = "EQ";
-})(ENumberColumnFilterOperation || (ENumberColumnFilterOperation = {}));

package/dist/inc/data.d.ts

@@ -1,2 +0,0 @@
-export declare const parseLocationHash: <T extends {}>(search: string) => T | null;
-export declare const serializeLocationHash: (params: {}) => string;

package/dist/inc/data.js

@@ -1,50 +0,0 @@
-const unserializeDates = (serializedObject) => {
-    if (serializedObject instanceof Object) {
-        if (serializedObject.$Date) {
-            return new Date(serializedObject.$Date);
-        }
-        return Object.entries(serializedObject).reduce((prev, [prop, value]) => {
-            prev[prop] = unserializeDates(value);
-            return prev;
-        }, {});
-    }
-    return serializedObject;
-};
-export const parseLocationHash = (search) => {
-    if (!search.length) {
-        return null;
-    }
-    const result = {};
-    search
-        .substring(1)
-        .split("&")
-        .forEach((pair) => {
-        if (!pair) {
-            return;
-        }
-        const splitPair = pair.split("=");
-        if (splitPair.length !== 2) {
-            return;
-        }
-        // @ts-ignore
-        result[decodeURIComponent(splitPair[0])] = unserializeDates(JSON.parse(decodeURIComponent(splitPair[1])));
-    });
-    return result;
-};
-const serializeDates = (object) => {
-    if (!(object instanceof Object)) {
-        return object;
-    }
-    if (object instanceof Date) {
-        return {
-            $Date: object.toISOString(),
-        };
-    }
-    return Object.entries(object).reduce((prev, [prop, value]) => {
-        prev[prop] = serializeDates(value);
-        return prev;
-    }, {});
-};
-export const serializeLocationHash = (params) => `${Object.entries(params)
-    .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(JSON.stringify(serializeDates(value)))}`)
-    .join("&")}`;

package/dist/inc/date.d.ts

@@ -1,3 +0,0 @@
-export declare const localeFormat: (date: Date | number, dateFormat: string) => string;
-export declare const localeFormatInTimeZone: (date: Date | number, timezone: string, dateFormat: string) => string;
-export declare const timeZone: string;

package/dist/inc/date.js

@@ -1,7 +0,0 @@
-import { format } from "date-fns";
-import { formatInTimeZone } from "date-fns-tz";
-import nl from "date-fns/locale/nl";
-export const localeFormat = (date, dateFormat) => format(date, dateFormat, { locale: nl });
-export const localeFormatInTimeZone = (date, timezone, dateFormat) => formatInTimeZone(date, timezone, dateFormat, { locale: nl });
-// E.g. Europe/Amsterdam, Europe/Berlin, Asia/Jakarta, Asia/Bangkok...
-export const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;

package/dist/inc/schema.d.ts

@@ -1,2 +0,0 @@
-import { SchemaObject } from "openapi3-ts/oas31";
-export declare function getEmptyObject<T>(schema: SchemaObject): T;

package/dist/inc/schema.js

@@ -1,32 +0,0 @@
-export function getEmptyObject(schema) {
-    const { properties = {} } = schema;
-    return Object.keys(properties).reduce((prev, propName) => {
-        const prop = properties[propName];
-        let propValue;
-        switch (prop.type) {
-            case "string":
-                propValue = prop.enum ? prop.enum[0] : prop.default || "";
-                break;
-            case "array":
-                propValue = prop.default || [];
-                break;
-            case "number":
-            case "integer":
-                propValue = prop.default || 0;
-                break;
-            case "boolean":
-                propValue = prop.default || false;
-                break;
-            case "object":
-                propValue = prop.default || getEmptyObject(prop);
-                break;
-            // eslint-disable-next-line no-fallthrough
-            default:
-                console.log(prop);
-                throw new Error("Unsupported property");
-        }
-        // @ts-ignore
-        prev[propName] = propValue;
-        return prev;
-    }, {});
-}

package/dist/inc/string.d.ts

@@ -1,2 +0,0 @@
-export declare function uncamel(camel: string): string;
-export declare function defaultTranslate(key: string, ...args: any[]): string;

package/dist/inc/string.js

@@ -1,31 +0,0 @@
-import { upperFirst } from "lodash";
-function isUpperCase(letter) {
-    return !!letter.match(/[A-Z]/);
-}
-export function uncamel(camel) {
-    return upperFirst(camel.replaceAll(/[A-Z]/g, (letter, position) => {
-        const prevLetter = camel[position - 1];
-        const prevIsUppercase = prevLetter ? isUpperCase(prevLetter) : false;
-        const nextLetter = camel[position + 1];
-        const nextIsUppercase = nextLetter ? isUpperCase(nextLetter) : false;
-        if (position === 0 ||
-            (prevIsUppercase && (!nextLetter || nextIsUppercase))) {
-            return letter;
-        }
-        return ` ${nextIsUppercase ? letter : letter.toLowerCase()}`;
-    }));
-}
-const db = {
-    "Europe/Amsterdam": "AMS",
-    "Europe/Berlin": "AMS",
-    "Asia/Jakarta": "JKT",
-    "Asia/Bangkok": "JKT",
-    showingFilteredCountOfTotalCount: "Showing {0} of {1}",
-};
-export function defaultTranslate(key, ...args) {
-    let string = db[key] || uncamel(key);
-    args.forEach((arg, index) => {
-        string = string.replace(`{${index}}`, arg);
-    });
-    return string;
-}

package/dist/index.css

@@ -1,208 +0,0 @@
-.mig-schema-table,
-.mig-schema-table * {
-  box-sizing: border-box;
-}
-.mig-schema-table button {
-  border: 1px solid #e4e4e4;
-  padding: 8px;
-}
-.mig-schema-table button:enabled {
-  background-color: #f6f6f6;
-  color: #404040;
-}
-.mig-schema-table button:enabled:hover {
-  border-color: #dbdbdb;
-  background-color: #ececec;
-}
-.mig-schema-table input {
-  padding: 8px;
-  border: 1px solid #888;
-}
-.mig-schema-table input:hover {
-  border-color: lightblue;
-}
-.mig-schema-table select {
-  height: 33px;
-}
-.mig-schema-table__custom_element_placeholder {
-  flex: 1;
-}
-.mig-schema-table__tbody {
-  overflow-x: hidden !important;
-  border-collapse: collapse;
-  width: 100%;
-}
-.mig-schema-table__th-row {
-  overflow: hidden !important;
-}
-.mig-schema-table--clickable-rows .mig-schema-table__td {
-  cursor: pointer;
-}
-.mig-schema-table__action-container {
-  display: flex;
-  flex-direction: row;
-  padding: 0.5rem;
-  align-items: center;
-}
-.mig-schema-table__row_counter {
-  margin-left: 8px;
-  font-size: 0.835rem;
-}
-.mig-schema-table__column_resize_container {
-  position: relative;
-}
-
-.mig-schema-table__th {
-  background-color: #fcfcfc;
-  border-right: 1px solid #ddd;
-  border-top: 1px solid #ddd;
-  border-bottom: 1px solid #ddd;
-  color: #666;
-  display: flex;
-  align-items: center;
-  padding-left: 8px;
-  padding-right: 8px;
-  user-select: none;
-}
-.mig-schema-table__th:first-child {
-  border-left: 1px solid #ddd;
-}
-.mig-schema-table__th div {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mig-schema-table__th--sorted {
-  background-color: #eff6fb;
-}
-.mig-schema-table__th--dragging {
-  opacity: 0.5;
-}
-.mig-schema-table__th--dragging .mig-schema-table__th__trigger-el {
-  display: none !important;
-}
-.mig-schema-table__th--drop-target {
-  border-right: 3px dashed green;
-}
-.mig-schema-table__th--drop-target .mig-schema-table__th__trigger-el {
-  display: none !important;
-}
-.mig-schema-table__th--filter-ACTIVE .mig-schema-table__th__label-body-text {
-  text-decoration: underline;
-  font-style: italic;
-}
-.mig-schema-table__th__label-body {
-  display: flex;
-  flex: 1;
-  font-size: 14px;
-  align-items: center;
-}
-.mig-schema-table__th__label-body-text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mig-schema-table__th__trigger-el {
-  display: none;
-  position: absolute;
-  border: 1px solid #ddd;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 24px;
-  cursor: pointer;
-  background-color: #eff6fb;
-  color: #666;
-  font-size: 28px;
-  text-align: center;
-  padding: 5px 0 0 !important;
-}
-.mig-schema-table__th__sort-icon {
-  font-size: 24px;
-  width: 32px;
-  display: block;
-  text-align: center;
-}
-.mig-schema-table__th:hover {
-  background-color: #eff6fb;
-}
-.mig-schema-table__th:hover .mig-schema-table__th__trigger-el {
-  display: block !important;
-}
-.mig-schema-table__th svg {
-  vertical-align: baseline;
-}
-
-.mig-schema-table__th-menu {
-  background-color: white;
-  z-index: 99999;
-}
-.mig-schema-table__th-menu label {
-  flex: 1;
-}
-.mig-schema-table__th-menu .mig-schema-table__th-menu__sub-menu-indicator {
-  padding-left: 8px;
-  margin-left: 8px;
-}
-.mig-schema-table__th-menu__icon {
-  display: block;
-  width: 24px;
-  overflow: hidden;
-  text-align: center;
-}
-
-.mig-schema-table__th-menu__sub-menu {
-  background-color: white;
-  border: 1px solid #ddd;
-  z-index: 99999;
-}
-
-.mig-schema-table-menu {
-  font-size: 14px;
-  list-style: none outside;
-  padding: 0;
-  margin: 0;
-}
-.mig-schema-table-menu li {
-  display: flex;
-  border: 1px solid #ddd;
-  align-items: center;
-  cursor: pointer;
-}
-.mig-schema-table-menu li .react-datepicker {
-  width: 20.5rem;
-}
-.mig-schema-table-menu li:hover {
-  background-color: #eff6fb;
-}
-
-.mig-schema-table__td {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding-left: 8px;
-  padding-right: 8px;
-  align-content: center;
-}
-.mig-schema-table__td--odd {
-  background-color: var(--bs-gray-100, #f8f9fa);
-}
-.mig-schema-table__td--even {
-  background-color: var(--bs-white, #fff);
-}
-.mig-schema-table__td--selected {
-  background-color: var(--bs-gray-300, #dee2e6);
-}
-
-.mig-schema-table__column_resizer {
-  position: absolute;
-  top: 0;
-  user-select: none;
-  background-color: transparent;
-  cursor: e-resize;
-  width: 3px;
-}
-.mig-schema-table__column_resizer--dragged, .mig-schema-table__column_resizer:hover {
-  background-color: #bbb;
-  bottom: 0 !important;
-}

package/dist/index.js

@@ -1,2 +0,0 @@
-import SchemaTable from "./SchemaTable";
-export { SchemaTable };

package/dist/types.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { TColumnFilterValue } from "./SchemaTable";
-import { IFilterMenuComponentProps } from "./SchemaTable/ThMenu/FilterMenuComponent";
-export interface ITdBodyProps<T = any> {
-    rowData: T;
-    dataIndex: number;
-    rowIndex: number;
-}
-export interface IColumnConfig<T> {
-    FilterMenu?: React.ComponentType<IFilterMenuComponentProps>;
-    align?: "start" | "center" | "end";
-    dateFormat?: string;
-    defaultSortDesc?: boolean;
-    filter?: (rowData: T, columnFilterValue: TColumnFilterValue) => boolean;
-    hidden?: boolean;
-    hoverTitle?: string;
-    isFilterable?: boolean;
-    order?: number;
-    TdBody?: React.ComponentType<ITdBodyProps<T>>;
-    renderData?: (rowData: T, dataIndex: number) => string;
-    showTimezones?: false;
-    sort?: (a: T, b: T, sortAsc: boolean) => number;
-    sortByValue?: boolean;
-    isSortable?: boolean;
-    title?: string | React.ReactElement;
-    width?: number;
-}
-export interface IRenderData {
-    _index: number;
-    [key: string]: string | any;
-}

package/dist/types.js

@@ -1 +0,0 @@
-export {};