@headless-adminapp/app 0.0.8-0.0.9-alpha.1.0

package/dist/datagrid/column-filter/constants.js

@@ -0,0 +1,482 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.operatorOptions = exports.defaultOperatorStrings = void 0;
+exports.defaultOperatorStrings = {
+    equals: 'Equals',
+    doesNotEqual: 'Does not equal',
+    contains: 'Contains',
+    doesNotContain: 'Does not contain',
+    beginsWith: 'Begins with',
+    doesNotBeginWith: 'Does not begin with',
+    endsWith: 'Ends with',
+    doesNotEndWith: 'Does not end with',
+    containsData: 'Contains data',
+    doesNotContainData: 'Does not contain data',
+    greaterThan: 'Greater than',
+    greaterThanOrEquals: 'Greater than or equals',
+    lessThan: 'Less than',
+    lessThanOrEquals: 'Less than or equals',
+    between: 'Between',
+    on: 'On',
+    onOrAfter: 'On or after',
+    onOrBefore: 'On or before',
+    today: 'Today',
+    yesterday: 'Yesterday',
+    tomorrow: 'Tomorrow',
+    thisWeek: 'This week',
+    thisMonth: 'This month',
+    thisYear: 'This year',
+    thisFiscalYear: 'This fiscal year',
+    nextWeek: 'Next week',
+    nextSevenDays: 'Next 7 days',
+    nextMonth: 'Next month',
+    nextYear: 'Next year',
+    nextFiscalYear: 'Next fiscal year',
+    nextXHours: 'Next X hours',
+    nextXDays: 'Next X days',
+    nextXWeeks: 'Next X weeks',
+    nextXMonths: 'Next X months',
+    nextXYears: 'Next X years',
+    lastWeek: 'Last week',
+    lastSevenDays: 'Last 7 days',
+    lastMonth: 'Last month',
+    lastYear: 'Last year',
+    lastFiscalYear: 'Last fiscal year',
+    lastXHours: 'Last X hours',
+    lastXDays: 'Last X days',
+    lastXWeeks: 'Last X weeks',
+    lastXMonths: 'Last X months',
+    lastXYears: 'Last X years',
+    olderthanXHours: 'Older than X hours',
+    olderthanXDays: 'Older than X days',
+    olderthanXWeeks: 'Older than X weeks',
+    olderthanXMonths: 'Older than X months',
+    olderthanXYears: 'Older than X years',
+    inFiscalYear: 'In fiscal year',
+};
+const stringOperatorOptions = [
+    {
+        value: 'eq',
+        labelKey: 'equals',
+        controls: ['string'],
+    },
+    {
+        value: 'ne',
+        labelKey: 'doesNotEqual',
+        controls: ['string'],
+    },
+    {
+        value: 'like',
+        labelKey: 'contains',
+        controls: ['string'],
+    },
+    {
+        value: 'not-like',
+        labelKey: 'doesNotContain',
+        controls: ['string'],
+    },
+    {
+        value: 'begins-with',
+        labelKey: 'beginsWith',
+        controls: ['string'],
+    },
+    {
+        value: 'not-begin-with',
+        labelKey: 'doesNotBeginWith',
+        controls: ['string'],
+    },
+    {
+        value: 'ends-with',
+        labelKey: 'endsWith',
+        controls: ['string'],
+    },
+    {
+        value: 'not-end-with',
+        labelKey: 'doesNotEndWith',
+        controls: ['string'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const numberOperatorOptions = [
+    {
+        value: 'eq',
+        labelKey: 'equals',
+        controls: ['number'],
+    },
+    {
+        value: 'ne',
+        labelKey: 'doesNotEqual',
+        controls: ['number'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+    {
+        value: 'gt',
+        labelKey: 'greaterThan',
+        controls: ['number'],
+    },
+    {
+        value: 'gte',
+        labelKey: 'greaterThanOrEquals',
+        controls: ['number'],
+    },
+    {
+        value: 'lt',
+        labelKey: 'lessThan',
+        controls: ['number'],
+    },
+    {
+        value: 'lte',
+        labelKey: 'lessThanOrEquals',
+        controls: ['number'],
+    },
+    {
+        value: 'between',
+        labelKey: 'between',
+        controls: ['number', 'number'],
+    },
+];
+const moneyOperatorOptions = [
+    {
+        value: 'eq',
+        labelKey: 'equals',
+        controls: ['money'],
+    },
+    {
+        value: 'ne',
+        labelKey: 'doesNotEqual',
+        controls: ['money'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+    {
+        value: 'gt',
+        labelKey: 'greaterThan',
+        controls: ['money'],
+    },
+    {
+        value: 'gte',
+        labelKey: 'greaterThanOrEquals',
+        controls: ['money'],
+    },
+    {
+        value: 'lt',
+        labelKey: 'lessThan',
+        controls: ['money'],
+    },
+    {
+        value: 'lte',
+        labelKey: 'lessThanOrEquals',
+        controls: ['money'],
+    },
+    {
+        value: 'between',
+        labelKey: 'between',
+        controls: ['money', 'money'],
+    },
+];
+const dateOperatorOptions = [
+    {
+        value: 'on',
+        labelKey: 'on',
+        controls: ['date'],
+    },
+    {
+        value: 'on-or-after',
+        labelKey: 'onOrAfter',
+        controls: ['date'],
+    },
+    {
+        value: 'on-or-before',
+        labelKey: 'onOrBefore',
+        controls: ['date'],
+    },
+    {
+        value: 'today',
+        labelKey: 'today',
+        controls: [],
+    },
+    {
+        value: 'yesterday',
+        labelKey: 'yesterday',
+        controls: [],
+    },
+    {
+        value: 'tomorrow',
+        labelKey: 'tomorrow',
+        controls: [],
+    },
+    {
+        value: 'this-week',
+        labelKey: 'thisWeek',
+        controls: [],
+    },
+    {
+        value: 'this-month',
+        labelKey: 'thisMonth',
+        controls: [],
+    },
+    {
+        value: 'this-year',
+        labelKey: 'thisYear',
+        controls: [],
+    },
+    {
+        value: 'this-fiscal-year',
+        labelKey: 'thisFiscalYear',
+        controls: [],
+    },
+    {
+        value: 'next-week',
+        labelKey: 'nextWeek',
+        controls: [],
+    },
+    {
+        value: 'next-seven-days',
+        labelKey: 'nextSevenDays',
+        controls: [],
+    },
+    {
+        value: 'next-month',
+        labelKey: 'nextMonth',
+        controls: [],
+    },
+    {
+        value: 'next-year',
+        labelKey: 'nextYear',
+        controls: [],
+    },
+    {
+        value: 'next-fiscal-year',
+        labelKey: 'nextFiscalYear',
+        controls: [],
+    },
+    {
+        value: 'next-x-hours',
+        labelKey: 'nextXHours',
+        controls: [],
+    },
+    {
+        value: 'next-x-days',
+        labelKey: 'nextXDays',
+        controls: [],
+    },
+    {
+        value: 'next-x-weeks',
+        labelKey: 'nextXWeeks',
+        controls: [],
+    },
+    {
+        value: 'next-x-months',
+        labelKey: 'nextXMonths',
+        controls: [],
+    },
+    {
+        value: 'next-x-years',
+        labelKey: 'nextXYears',
+        controls: [],
+    },
+    {
+        value: 'last-week',
+        labelKey: 'lastWeek',
+        controls: [],
+    },
+    {
+        value: 'last-seven-days',
+        labelKey: 'lastSevenDays',
+        controls: [],
+    },
+    {
+        value: 'last-month',
+        labelKey: 'lastMonth',
+        controls: [],
+    },
+    {
+        value: 'last-year',
+        labelKey: 'lastYear',
+        controls: [],
+    },
+    {
+        value: 'last-fiscal-year',
+        labelKey: 'lastFiscalYear',
+        controls: [],
+    },
+    {
+        value: 'last-x-hours',
+        labelKey: 'lastXHours',
+        controls: ['number'],
+    },
+    {
+        value: 'last-x-days',
+        labelKey: 'lastXDays',
+        controls: ['number'],
+    },
+    {
+        value: 'last-x-weeks',
+        labelKey: 'lastXWeeks',
+        controls: ['number'],
+    },
+    {
+        value: 'last-x-months',
+        labelKey: 'lastXMonths',
+        controls: ['number'],
+    },
+    {
+        value: 'last-x-years',
+        labelKey: 'lastXYears',
+        controls: ['number'],
+    },
+    {
+        value: 'olderthan-x-hours',
+        labelKey: 'olderthanXHours',
+        controls: ['number'],
+    },
+    {
+        value: 'olderthan-x-days',
+        labelKey: 'olderthanXDays',
+        controls: ['number'],
+    },
+    {
+        value: 'olderthan-x-weeks',
+        labelKey: 'olderthanXWeeks',
+        controls: ['number'],
+    },
+    {
+        value: 'olderthan-x-months',
+        labelKey: 'olderthanXMonths',
+        controls: ['number'],
+    },
+    {
+        value: 'olderthan-x-years',
+        labelKey: 'olderthanXYears',
+        controls: ['number'],
+    },
+    {
+        value: 'in-fiscal-year',
+        labelKey: 'inFiscalYear',
+        controls: [],
+    },
+    {
+        value: 'between',
+        labelKey: 'between',
+        controls: ['date', 'date'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const choiceOperatorOptions = [
+    {
+        value: 'in',
+        labelKey: 'equals',
+        controls: ['choice'],
+    },
+    {
+        value: 'not-in',
+        labelKey: 'doesNotEqual',
+        controls: ['choice'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const lookupOperatorOptions = [
+    {
+        value: 'in',
+        labelKey: 'equals',
+        controls: ['lookup'],
+    },
+    {
+        value: 'not-in',
+        labelKey: 'doesNotEqual',
+        controls: ['lookup'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const booleanOperatorOptions = [
+    {
+        value: 'in',
+        labelKey: 'equals',
+        controls: ['boolean'],
+    },
+    {
+        value: 'not-in',
+        labelKey: 'doesNotEqual',
+        controls: ['boolean'],
+    },
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const idOperatorOptions = [];
+const attachmentOperatorOptions = [];
+exports.operatorOptions = {
+    id: idOperatorOptions,
+    boolean: booleanOperatorOptions,
+    choice: choiceOperatorOptions,
+    choices: choiceOperatorOptions,
+    date: dateOperatorOptions,
+    lookup: lookupOperatorOptions,
+    money: moneyOperatorOptions,
+    number: numberOperatorOptions,
+    string: stringOperatorOptions,
+    attachment: attachmentOperatorOptions,
+    mixed: [],
+    daterange: [],
+    lookups: [],
+};

package/dist/datagrid/column-filter/index.d.ts

@@ -0,0 +1,3 @@
+export { getLocalizedOperatorOptions } from './utils';
+export { defaultOperatorStrings } from './constants';
+export type { OperatorStrings } from './types';

package/dist/datagrid/column-filter/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultOperatorStrings = exports.getLocalizedOperatorOptions = void 0;
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getLocalizedOperatorOptions", { enumerable: true, get: function () { return utils_1.getLocalizedOperatorOptions; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "defaultOperatorStrings", { enumerable: true, get: function () { return constants_1.defaultOperatorStrings; } });

package/dist/datagrid/column-filter/types.d.ts

@@ -0,0 +1,65 @@
+import type { AttributeType } from '@headless-adminapp/core/attributes';
+import type { OperatorKey } from '@headless-adminapp/core/transport';
+export interface OperatorStrings {
+    equals: string;
+    doesNotEqual: string;
+    contains: string;
+    doesNotContain: string;
+    beginsWith: string;
+    doesNotBeginWith: string;
+    endsWith: string;
+    doesNotEndWith: string;
+    containsData: string;
+    doesNotContainData: string;
+    greaterThan: string;
+    greaterThanOrEquals: string;
+    lessThan: string;
+    lessThanOrEquals: string;
+    between: string;
+    on: string;
+    onOrAfter: string;
+    onOrBefore: string;
+    today: string;
+    yesterday: string;
+    tomorrow: string;
+    thisWeek: string;
+    thisMonth: string;
+    thisYear: string;
+    thisFiscalYear: string;
+    nextWeek: string;
+    nextSevenDays: string;
+    nextMonth: string;
+    nextYear: string;
+    nextFiscalYear: string;
+    nextXHours: string;
+    nextXDays: string;
+    nextXWeeks: string;
+    nextXMonths: string;
+    nextXYears: string;
+    lastWeek: string;
+    lastSevenDays: string;
+    lastMonth: string;
+    lastYear: string;
+    lastFiscalYear: string;
+    lastXHours: string;
+    lastXDays: string;
+    lastXWeeks: string;
+    lastXMonths: string;
+    lastXYears: string;
+    olderthanXHours: string;
+    olderthanXDays: string;
+    olderthanXWeeks: string;
+    olderthanXMonths: string;
+    olderthanXYears: string;
+    inFiscalYear: string;
+}
+export type OperatorOptionConfig = {
+    value: OperatorKey;
+    labelKey: keyof OperatorStrings;
+    controls: AttributeType[];
+};
+export type OperatorOption = {
+    value: OperatorKey;
+    label: string;
+    controls: AttributeType[];
+};

package/dist/datagrid/column-filter/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/datagrid/column-filter/utils.d.ts

@@ -0,0 +1,3 @@
+import type { AttributeType } from '@headless-adminapp/core/attributes';
+import { OperatorOption, OperatorStrings } from './types';
+export declare const getLocalizedOperatorOptions: (strings: OperatorStrings) => Record<AttributeType, OperatorOption[]>;

package/dist/datagrid/column-filter/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocalizedOperatorOptions = void 0;
+const constants_1 = require("./constants");
+const getLocalizedOperatorOptions = (strings) => {
+    return Object.entries(constants_1.operatorOptions).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [key]: value.map((option) => (Object.assign(Object.assign({}, option), { label: strings[option.labelKey] }))) })), {});
+};
+exports.getLocalizedOperatorOptions = getLocalizedOperatorOptions;

package/dist/datagrid/context.d.ts

@@ -0,0 +1,33 @@
+import { LocalizedDataLookup } from '@headless-adminapp/core/attributes';
+import { CommandItemExperience } from '@headless-adminapp/core/experience/command';
+import { ColumnCondition, EntityMainGridCommandContext, EntitySubGridCommandContext, SortingState, View, ViewColumn } from '@headless-adminapp/core/experience/view';
+import { InferredSchemaType, Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { Filter, RetriveRecordsResult } from '@headless-adminapp/core/transport';
+export interface TransformedViewColumn<S extends SchemaAttributes = SchemaAttributes> extends ViewColumn<S> {
+    id: string;
+    label: string;
+}
+export interface GridContextState<S extends SchemaAttributes = SchemaAttributes, CommandContext extends EntityMainGridCommandContext | EntitySubGridCommandContext = EntityMainGridCommandContext> {
+    schema: Schema<S>;
+    view: View<S>;
+    viewLookup: LocalizedDataLookup[];
+    onChangeView: (viewId: string) => void;
+    extraFilter?: Filter;
+    commands: CommandItemExperience<CommandContext>[][];
+    maxRecords?: number;
+    columns: TransformedViewColumn<S>[];
+    searchText: string;
+    columnFilters: Partial<Record<keyof S, ColumnCondition>>;
+    sorting: SortingState<S>;
+    selectedIds: string[];
+    data: RetriveRecordsResult<InferredSchemaType<S>> | null;
+    dataState: {
+        isFetching: boolean;
+        hasNextPage: boolean;
+        isFetchingNextPage: boolean;
+    };
+    fetchNextPage: () => void;
+    isSubGrid: boolean;
+    allowViewSelection: boolean;
+}
+export declare const GridContext: import("react").Context<import("../mutable/context").ContextValue<GridContextState<SchemaAttributes, EntityMainGridCommandContext>>>;

package/dist/datagrid/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridContext = void 0;
+const context_1 = require("../mutable/context");
+exports.GridContext = (0, context_1.createContext)();

package/dist/datagrid/hooks/index.d.ts

@@ -0,0 +1,19 @@
+export * from './useChangeView';
+export * from './useGridColumnFilter';
+export * from './useGridColumns';
+export * from './useGridCommands';
+export * from './useGridData';
+export * from './useGridDataState';
+export * from './useGridExtraFilter';
+export * from './useGridOptions';
+export * from './useGridPagination';
+export * from './useGridRefresh';
+export * from './useGridSchema';
+export * from './useGridSelection';
+export * from './useGridSorting';
+export * from './useGridViewLookupData';
+export * from './useMainGridCommands';
+export * from './useMaxRecords';
+export * from './useSearchText';
+export * from './useSelectedView';
+export * from './useSubGridCommands';

package/dist/datagrid/hooks/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useChangeView"), exports);
+__exportStar(require("./useGridColumnFilter"), exports);
+__exportStar(require("./useGridColumns"), exports);
+__exportStar(require("./useGridCommands"), exports);
+__exportStar(require("./useGridData"), exports);
+__exportStar(require("./useGridDataState"), exports);
+__exportStar(require("./useGridExtraFilter"), exports);
+__exportStar(require("./useGridOptions"), exports);
+__exportStar(require("./useGridPagination"), exports);
+__exportStar(require("./useGridRefresh"), exports);
+__exportStar(require("./useGridSchema"), exports);
+__exportStar(require("./useGridSelection"), exports);
+__exportStar(require("./useGridSorting"), exports);
+__exportStar(require("./useGridViewLookupData"), exports);
+__exportStar(require("./useMainGridCommands"), exports);
+__exportStar(require("./useMaxRecords"), exports);
+__exportStar(require("./useSearchText"), exports);
+__exportStar(require("./useSelectedView"), exports);
+__exportStar(require("./useSubGridCommands"), exports);

package/dist/datagrid/hooks/useChangeView.d.ts

@@ -0,0 +1 @@
+export declare function useChangeView(): (viewId: string) => void;

package/dist/datagrid/hooks/useChangeView.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChangeView = useChangeView;
+const react_1 = require("react");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useChangeView() {
+    const onChangeView = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.onChangeView);
+    return (0, react_1.useCallback)((viewId) => {
+        onChangeView(viewId);
+    }, [onChangeView]);
+}

package/dist/datagrid/hooks/useGridColumnFilter.d.ts

@@ -0,0 +1,2 @@
+import { ColumnCondition } from '@headless-adminapp/core/experience/view';
+export declare function useGridColumnFilter(): readonly [Partial<Record<string, ColumnCondition>>, (columnName: string, value: ColumnCondition | undefined) => void];