@controleonline/ui-default 1.0.263

package/src/tests/react/filters/dateFilterSelection.test.js

@@ -0,0 +1,46 @@
+const {
+  resolveNextDateFilterValue,
+} = require('../../../react/components/filters/dateFilterSelection');
+
+const { describe, expect, it } = global;
+
+describe('dateFilterSelection', () => {
+  it('clears the filter when all is selected', () => {
+    expect(
+      resolveNextDateFilterValue(
+        {
+          shortcut: 'custom',
+          customRange: { from: '2026-06-01', to: '2026-06-28' },
+        },
+        'all',
+      ),
+    ).toBeNull();
+  });
+
+  it('preserves the custom range when the custom option is confirmed', () => {
+    const currentValue = {
+      shortcut: 'custom',
+      customRange: { from: '2026-06-01', to: '2026-06-28' },
+    };
+
+    expect(
+      resolveNextDateFilterValue(currentValue, 'custom'),
+    ).toEqual(currentValue);
+  });
+
+  it('keeps the current custom range when switching to a shortcut', () => {
+    expect(
+      resolveNextDateFilterValue(
+        {
+          shortcut: 'custom',
+          customRange: { from: '2026-06-10', to: '2026-06-12' },
+        },
+        '30d',
+      ),
+    ).toEqual({
+      shortcut: '30d',
+      customRange: { from: '2026-06-10', to: '2026-06-12' },
+    });
+  });
+});
+

package/src/tests/react/inputs/defaultInputUtils.test.js

@@ -0,0 +1,45 @@
+const {describe, expect, it, jest} = require('@jest/globals');
+
+jest.mock('@store', () => ({
+  getAllStores: () => ({}),
+}));
+
+jest.mock('@controleonline/ui-common/src/utils/formatter.js', () => ({}));
+
+jest.mock('@controleonline/ui-common/src/react/utils/storeColumns', () => ({
+  formatStoreColumnValue: ({value}) => value,
+}));
+
+const {mapOptions} = require('../../../react/components/inputs/defaultInputUtils');
+
+describe('defaultInputUtils', () => {
+  it('deduplicates list options by normalized key', () => {
+    const column = {
+      formatList(item) {
+        return {
+          value: item.id,
+          label: item.wallet,
+        };
+      },
+    };
+
+    const options = mapOptions(column, [
+      {id: 4584, wallet: 'Cielo'},
+      {id: 4584, wallet: 'Cielo'},
+      {id: 4579, wallet: 'Cielo'},
+    ]);
+
+    expect(options).toEqual([
+      {
+        key: '4584',
+        label: 'Cielo',
+        raw: {id: 4584, wallet: 'Cielo'},
+      },
+      {
+        key: '4579',
+        label: 'Cielo',
+        raw: {id: 4579, wallet: 'Cielo'},
+      },
+    ]);
+  });
+});

package/src/tests/react/store/defaultActions.test.js

@@ -0,0 +1,112 @@
+/* global describe, expect, it */
+
+global.localStorage = {
+  getItem: jest.fn(() => null),
+  setItem: jest.fn(),
+  removeItem: jest.fn(),
+}
+
+jest.mock('@controleonline/ui-common/src/api', () => ({
+  api: {
+    fetch: jest.fn(),
+  },
+}))
+
+const {api} = require('@controleonline/ui-common/src/api')
+const types = require('../../../store/default/mutation_types')
+const {
+  STORE_ACTION_META_KEY,
+  splitStoreActionPayload,
+  buildStoreErrorCommitOptions,
+  get,
+} = require('../../../store/default/actions')
+
+describe('default store action controls', () => {
+  beforeEach(() => {
+    api.fetch.mockReset()
+  })
+
+  it('separates local store metadata from the request payload', () => {
+    const input = {
+      id: '15',
+      phone: 925578229,
+      [STORE_ACTION_META_KEY]: {
+        skipSystemError: true,
+        dedupeKey: 'phone-save',
+      },
+    }
+
+    const result = splitStoreActionPayload(input)
+
+    expect(result).toEqual({
+      payload: {
+        id: '15',
+        phone: 925578229,
+      },
+      storeMeta: {
+        skipSystemError: true,
+        dedupeKey: 'phone-save',
+      },
+    })
+    expect(input[STORE_ACTION_META_KEY]).toEqual({
+      skipSystemError: true,
+      dedupeKey: 'phone-save',
+    })
+  })
+
+  it('builds commit options only from supported metadata', () => {
+    expect(
+      buildStoreErrorCommitOptions({
+        skipSystemError: true,
+        dedupeKey: 'contact-save',
+        providerKey: 'modal',
+      position: 'top',
+      ignored: true,
+    }),
+    ).toEqual({
+      skipSystemError: true,
+      dedupeKey: 'contact-save',
+      providerKey: 'modal',
+      position: 'top',
+    })
+  })
+
+  it('keeps the current item mounted while reloading when preserveItem is requested', async () => {
+    api.fetch.mockResolvedValue({
+      '@id': '/orders/15',
+      id: 15,
+      name: 'Pedido atualizado',
+    })
+
+    const commit = jest.fn()
+    const getters = {
+      resourceEndpoint: 'orders',
+      item: {
+        '@id': '/orders/15',
+        id: 15,
+        name: 'Pedido antigo',
+      },
+    }
+
+    await get(
+      {commit, getters},
+      {
+        id: '15',
+        [STORE_ACTION_META_KEY]: {
+          preserveItem: true,
+        },
+      },
+    )
+
+    expect(api.fetch).toHaveBeenCalledWith('orders/15', {})
+    expect(commit).toHaveBeenCalledWith(types.SET_ISLOADING, true)
+    expect(commit).toHaveBeenCalledWith(types.SET_ERROR, null)
+    expect(commit).not.toHaveBeenCalledWith(types.SET_ITEM, {})
+    expect(commit).toHaveBeenCalledWith(types.SET_ITEM, {
+      '@id': '/orders/15',
+      id: 15,
+      name: 'Pedido atualizado',
+    })
+    expect(commit).toHaveBeenCalledWith(types.SET_ISLOADING, false)
+  })
+})

package/src/tests/react/utils/tableVisibleColumnsPreferences.test.js

@@ -0,0 +1,223 @@
+const {
+  DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
+  TABLE_SORT_DIRECTION_PREFERENCES_KEY,
+  TABLE_SORT_FIELD_PREFERENCES_KEY,
+  TABLE_SORT_PREFERENCES_KEY,
+  TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY,
+  TABLE_VIEW_MODE_PREFERENCES_KEY,
+  buildDefaultVisibleColumns,
+  persistTableSortPreference,
+  persistTableViewModePreference,
+  persistVisibleColumnsPreference,
+  resolveStoredTableSortPreference,
+  resolveStoredTableViewModePreference,
+  resolveStoredVisibleColumnsPreference,
+  sanitizeVisibleColumnsPreference,
+} = require('../../../react/utils/tableVisibleColumnsPreferences');
+
+const { beforeEach, describe, expect, it } = global;
+
+const createLocalStorageMock = () => {
+  let storage = {};
+
+  return {
+    clear: () => {
+      storage = {};
+    },
+    getItem: key => (key in storage ? storage[key] : null),
+    removeItem: key => {
+      delete storage[key];
+    },
+    setItem: (key, value) => {
+      storage[key] = String(value);
+    },
+  };
+};
+
+describe('tableVisibleColumnsPreferences', () => {
+  const columns = [
+    { name: 'id' },
+    { name: 'status' },
+    { name: 'price', visible: false },
+  ];
+
+  beforeEach(() => {
+    global.localStorage = createLocalStorageMock();
+  });
+
+  it('builds the default visibility map from store columns', () => {
+    expect(buildDefaultVisibleColumns(columns)).toEqual({
+      id: true,
+      status: true,
+      price: false,
+    });
+  });
+
+  it('sanitizes stored preferences against the current columns', () => {
+    expect(
+      sanitizeVisibleColumnsPreference({
+        columns,
+        visibleColumns: {
+          id: false,
+          unknown: true,
+        },
+      }),
+    ).toEqual({
+      id: false,
+      status: true,
+      price: false,
+    });
+  });
+
+  it('reads and writes visible columns preferences under the per-page bucket', () => {
+    global.localStorage.setItem(
+      DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
+      JSON.stringify({
+        theme: 'light',
+        [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
+          'financialEntries:receivables': {
+            id: false,
+          },
+        },
+      }),
+    );
+
+    expect(
+      resolveStoredVisibleColumnsPreference('financialEntries:receivables'),
+    ).toEqual({
+      id: false,
+    });
+
+    persistVisibleColumnsPreference('financialEntries:payables', {
+      id: true,
+      status: false,
+    });
+
+    expect(
+      JSON.parse(
+        global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY),
+      ),
+    ).toEqual({
+      theme: 'light',
+      [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
+        'financialEntries:receivables': {
+          id: false,
+        },
+        'financialEntries:payables': {
+          id: true,
+          status: false,
+        },
+      },
+    });
+  });
+
+  it('reads and writes the preferred table view mode by page', () => {
+    global.localStorage.setItem(
+      DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
+      JSON.stringify({
+        [TABLE_VIEW_MODE_PREFERENCES_KEY]: {
+          'financialEntries:payables': 'cards',
+        },
+      }),
+    );
+
+    expect(
+      resolveStoredTableViewModePreference(
+        'financialEntries:payables',
+        'table',
+      ),
+    ).toBe('cards');
+
+    expect(
+      resolveStoredTableViewModePreference(
+        'financialEntries:receivables',
+        'table',
+      ),
+    ).toBe('table');
+
+    persistTableViewModePreference('financialEntries:receivables', 'table');
+
+    expect(
+      JSON.parse(
+        global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY),
+      ),
+    ).toEqual({
+      [TABLE_VIEW_MODE_PREFERENCES_KEY]: {
+        'financialEntries:payables': 'cards',
+        'financialEntries:receivables': 'table',
+      },
+    });
+  });
+
+  it('reads and writes the preferred sort by page', () => {
+    global.localStorage.setItem(
+      DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
+      JSON.stringify({
+        [TABLE_SORT_FIELD_PREFERENCES_KEY]: {
+          'financialEntries:payables': 'price',
+        },
+        [TABLE_SORT_DIRECTION_PREFERENCES_KEY]: {
+          'financialEntries:payables': 'asc',
+        },
+      }),
+    );
+
+    expect(
+      resolveStoredTableSortPreference('financialEntries:payables'),
+    ).toEqual({
+      direction: 'asc',
+      field: 'price',
+    });
+
+    expect(
+      resolveStoredTableSortPreference('financialEntries:receivables'),
+    ).toBeNull();
+
+    persistTableSortPreference('financialEntries:receivables', {
+      direction: 'desc',
+      field: 'dueDate',
+    });
+
+    expect(
+      JSON.parse(
+        global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY),
+      ),
+    ).toEqual({
+      [TABLE_SORT_FIELD_PREFERENCES_KEY]: {
+        'financialEntries:payables': 'price',
+        'financialEntries:receivables': 'dueDate',
+      },
+      [TABLE_SORT_DIRECTION_PREFERENCES_KEY]: {
+        'financialEntries:payables': 'asc',
+        'financialEntries:receivables': 'desc',
+      },
+      [TABLE_SORT_PREFERENCES_KEY]: {
+        'financialEntries:receivables': {
+          direction: 'desc',
+          field: 'dueDate',
+        },
+      },
+    });
+  });
+
+  it('keeps reading the legacy combined sort format when needed', () => {
+    global.localStorage.setItem(
+      DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
+      JSON.stringify({
+        [TABLE_SORT_PREFERENCES_KEY]: {
+          'financialEntries:ownTransfers': {
+            direction: 'asc',
+            field: 'createdAt',
+          },
+        },
+      }),
+    );
+
+    expect(
+      resolveStoredTableSortPreference('financialEntries:ownTransfers'),
+    ).toEqual({
+      direction: 'asc',
+      field: 'createdAt',
+    });
+  });
+});

package/src/utils/filters.js

@@ -0,0 +1,56 @@
+export default class Filters {
+  constructor(route, store) {
+    this.route = route;
+    this.store = store;
+  }
+
+  getFilters() {
+    if (!this.getRoute() || !this.store) return {};
+    const storedUser = this.getAllFilters();
+    return storedUser && storedUser[this.getRoute()]
+      ? storedUser[this.getRoute()][this.store] || {}
+      : {};
+  }
+
+  setFilters(data) {
+    if (!this.getRoute() || !this.store) return;
+    const storedUser = this.getAllFilters();
+    if (!storedUser[this.getRoute()]) {
+      storedUser[this.getRoute()] = {};
+    }
+    storedUser[this.getRoute()][this.store] = data;
+    localStorage.setItem('DefaultFilters', JSON.stringify(storedUser));
+  }
+
+  getVisibleColumns() {
+    if (!this.getRoute() || !this.store) return {};
+    const storedUser = this.getAllVisibleColumns();
+    return storedUser && storedUser[this.getRoute()]
+      ? storedUser[this.getRoute()][this.store] || {}
+      : {};
+  }
+
+  setVisibleColumns(visibleColumns) {
+    if (!this.getRoute() || !this.store) return;
+    const storedUser = this.getAllVisibleColumns();
+    if (!storedUser[this.getRoute()]) {
+      storedUser[this.getRoute()] = {};
+    }
+    storedUser[this.getRoute()][this.store] = visibleColumns;
+    localStorage.setItem('DefaultVisibleColumns', JSON.stringify(storedUser));
+  }
+
+  getAllFilters() {
+    const data = localStorage.getItem('DefaultFilters');
+    return data ? JSON.parse(data) : {};
+  }
+
+  getRoute() {
+    return this.route;
+  }
+
+  getAllVisibleColumns() {
+    const data = localStorage.getItem('DefaultVisibleColumns');
+    return data ? JSON.parse(data) : {};
+  }
+}