@controleonline/ui-default 1.0.263 → 1.0.264

package/src/react/components/table/DefaultTable.styles.js

@@ -12,29 +12,25 @@ const shadow = Platform.select({
 });
 
 const styles = StyleSheet.create({
-  wrap: {
-    flex: 1,
-    width: '100%',
-    minHeight: 0,
-    borderWidth: 1,
-    borderColor: '#E2E8F0',
-    borderRadius: 10,
-    backgroundColor: '#FFFFFF',
-    overflow: 'visible',
-    position: 'relative',
-  },
+  wrap: {
+    flex: 1,
+    width: '100%',
+    minHeight: 0,
+    borderWidth: 1,
+    borderRadius: 10,
+    overflow: 'visible',
+    position: 'relative',
+  },
   toolbar: {
     minHeight: 36,
     paddingHorizontal: 8,
     paddingVertical: 4,
     borderBottomWidth: 1,
-    borderBottomColor: '#E2E8F0',
     flexDirection: 'row',
     flexWrap: 'wrap',
     alignItems: 'center',
     justifyContent: 'flex-end',
     gap: 6,
-    backgroundColor: '#FFFFFF',
     zIndex: 10,
   },
   toolbarLeft: {
@@ -85,38 +81,33 @@ const styles = StyleSheet.create({
     maxWidth: '100%',
     minWidth: 104,
   },
-  toolbarCountPill: {
-    minWidth: 0,
-    maxWidth: 112,
-    height: 28,
-    borderRadius: 999,
-    backgroundColor: '#EFF6FF',
-    paddingHorizontal: 10,
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexShrink: 1,
+  toolbarCountPill: {
+    minWidth: 0,
+    maxWidth: 112,
+    height: 28,
+    borderRadius: 999,
+    paddingHorizontal: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 1,
   },
   toolbarCountText: {
     fontSize: 9,
     fontWeight: '900',
   },
-  toolbarButton: {
-    minWidth: 28,
-    height: 28,
-    borderRadius: 14,
-    paddingHorizontal: 7,
-    borderWidth: 1,
-    borderColor: '#E2E8F0',
-    backgroundColor: '#FFFFFF',
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 4,
-  },
-  toolbarButtonActive: {
-    backgroundColor: '#F8FAFC',
-    borderColor: '#CBD5E1',
+  toolbarButton: {
+    minWidth: 28,
+    height: 28,
+    borderRadius: 14,
+    paddingHorizontal: 7,
+    borderWidth: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 4,
   },
+  toolbarButtonActive: {
+  },
   toolbarAddButton: {
     minWidth: 30,
     width: 30,

package/src/react/index.js

@@ -1,10 +1,10 @@
-// React entrypoint kept after Vue removal.
-import DefaultFile from './components/files/DefaultFile';
-
-const moduleEntry = {
-  DefaultFile,
-};
-
-export {DefaultFile};
-
-export default moduleEntry;
+// React entrypoint kept after Vue removal.
+import DefaultFile from './components/files/DefaultFile';
+
+const moduleEntry = {
+  DefaultFile,
+};
+
+export {DefaultFile};
+
+export default moduleEntry;

package/src/tests/react/components/errors/DefaultErrors.test.js

@@ -1,162 +1,162 @@
-const React = require('react');
-const renderer = require('react-test-renderer');
-const {jest} = require('@jest/globals');
-
-const {afterEach, beforeEach, describe, expect, it} = global;
-
-global.IS_REACT_ACT_ENVIRONMENT = true;
-
-let mockStores = {};
-let consoleErrorSpy = null;
-
-jest.mock('@store', () => ({
-  useStore: jest.fn(name => {
-    if (name === 'theme') {
-      return {
-        getters: {
-          colors: {
-            inputErrorBackground: '#FEF2F2',
-            inputErrorBorder: '#DC2626',
-            inputErrorText: '#B91C1C',
-            modalBackground: '#FFFFFF',
-            modalBorder: '#DC2626',
-            modalCloseIcon: '#B91C1C',
-            modalOverlay: 'rgba(15, 23, 42, 0.55)',
-            modalText: '#334155',
-            primary: '#0EA5E9',
-            textDanger: '#DC2626',
-          },
-        },
-      };
-    }
-
-    return mockStores[name] || {actions: {}, getters: {}};
-  }),
-  useStores: jest.fn(selector =>
-    (typeof selector === 'function' ? selector(mockStores) : mockStores),
-  ),
-}));
-
-jest.mock('react-native', () => {
-  const React = require('react');
-  const createComponent = name => props =>
-    React.createElement(name, props, props.children);
-
-  return {
-    Modal: props => React.createElement('modal', props, props.children),
-    Pressable: props => React.createElement('pressable', props, props.children),
-    StyleSheet: {
-      create: styles => styles,
-    },
-    Text: createComponent('text'),
-    TouchableOpacity: createComponent('touchable-opacity'),
-    View: createComponent('view'),
-  };
-});
-
-const DefaultErrors =
-  require('../../../../react/components/errors/DefaultErrors').default;
-
-const getTextNodes = tree =>
-  tree.root
-    .findAllByType('text')
-    .map(node => (Array.isArray(node.children) ? node.children.join('') : ''))
-    .filter(Boolean);
-
-describe('DefaultErrors', () => {
-  beforeEach(() => {
-    jest.useFakeTimers();
-    consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
-    mockStores = {
-      orders: {
-        actions: {
-          setError: jest.fn(),
-        },
-        getters: {
-          error: 'Falha ao salvar.',
-        },
-      },
-    };
-  });
-
-  afterEach(() => {
-    if (consoleErrorSpy) {
-      consoleErrorSpy.mockRestore();
-      consoleErrorSpy = null;
-    }
-
-    jest.clearAllTimers();
-    jest.useRealTimers();
-  });
-
-  it('renders the store error in a popup and clears the store when closed', () => {
-    let tree;
-
-    renderer.act(() => {
-      tree = renderer.create(
-        React.createElement(DefaultErrors, {
-          store: 'orders',
-          title: 'Nao foi possivel concluir',
-        }),
-      );
-    });
-
-    expect(tree.root.findByType('modal').props.visible).toBe(true);
-    expect(getTextNodes(tree)).toEqual(
-      expect.arrayContaining([
-        'Nao foi possivel concluir',
-        'Falha ao salvar.',
-        '×',
-      ]),
-    );
-
-    const closeButton = tree.root.findByProps({testID: 'default-errors-close'});
-
-    renderer.act(() => {
-      closeButton.props.onPress();
-    });
-
-    expect(mockStores.orders.actions.setError).toHaveBeenCalledWith('');
-    expect(tree.toJSON()).toBeNull();
-  });
-
-  it('renders an explicit popup even without a store binding', () => {
-    let tree;
-
-    renderer.act(() => {
-      tree = renderer.create(
-        React.createElement(DefaultErrors, {
-          title: 'Pedido nao informado.',
-        }),
-      );
-    });
-
-    expect(tree.root.findByType('modal').props.visible).toBe(true);
-    expect(getTextNodes(tree)).toEqual(
-      expect.arrayContaining([
-        'Pedido nao informado.',
-        '×',
-      ]),
-    );
-  });
-
-  it('auto closes after five seconds and clears the store error', () => {
-    let tree;
-
-    renderer.act(() => {
-      tree = renderer.create(
-        React.createElement(DefaultErrors, {
-          store: 'orders',
-          title: 'Nao foi possivel concluir',
-        }),
-      );
-    });
-
-    renderer.act(() => {
-      jest.advanceTimersByTime(5000);
-    });
-
-    expect(mockStores.orders.actions.setError).toHaveBeenCalledWith('');
-    expect(tree.toJSON()).toBeNull();
-  });
-});
+const React = require('react');
+const renderer = require('react-test-renderer');
+const {jest} = require('@jest/globals');
+
+const {afterEach, beforeEach, describe, expect, it} = global;
+
+global.IS_REACT_ACT_ENVIRONMENT = true;
+
+let mockStores = {};
+let consoleErrorSpy = null;
+
+jest.mock('@store', () => ({
+  useStore: jest.fn(name => {
+    if (name === 'theme') {
+      return {
+        getters: {
+          colors: {
+            inputErrorBackground: '#FEF2F2',
+            inputErrorBorder: '#DC2626',
+            inputErrorText: '#B91C1C',
+            modalBackground: '#FFFFFF',
+            modalBorder: '#DC2626',
+            modalCloseIcon: '#B91C1C',
+            modalOverlay: 'rgba(15, 23, 42, 0.55)',
+            modalText: '#334155',
+            primary: '#0EA5E9',
+            textDanger: '#DC2626',
+          },
+        },
+      };
+    }
+
+    return mockStores[name] || {actions: {}, getters: {}};
+  }),
+  useStores: jest.fn(selector =>
+    (typeof selector === 'function' ? selector(mockStores) : mockStores),
+  ),
+}));
+
+jest.mock('react-native', () => {
+  const React = require('react');
+  const createComponent = name => props =>
+    React.createElement(name, props, props.children);
+
+  return {
+    Modal: props => React.createElement('modal', props, props.children),
+    Pressable: props => React.createElement('pressable', props, props.children),
+    StyleSheet: {
+      create: styles => styles,
+    },
+    Text: createComponent('text'),
+    TouchableOpacity: createComponent('touchable-opacity'),
+    View: createComponent('view'),
+  };
+});
+
+const DefaultErrors =
+  require('../../../../react/components/errors/DefaultErrors').default;
+
+const getTextNodes = tree =>
+  tree.root
+    .findAllByType('text')
+    .map(node => (Array.isArray(node.children) ? node.children.join('') : ''))
+    .filter(Boolean);
+
+describe('DefaultErrors', () => {
+  beforeEach(() => {
+    jest.useFakeTimers();
+    consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    mockStores = {
+      orders: {
+        actions: {
+          setError: jest.fn(),
+        },
+        getters: {
+          error: 'Falha ao salvar.',
+        },
+      },
+    };
+  });
+
+  afterEach(() => {
+    if (consoleErrorSpy) {
+      consoleErrorSpy.mockRestore();
+      consoleErrorSpy = null;
+    }
+
+    jest.clearAllTimers();
+    jest.useRealTimers();
+  });
+
+  it('renders the store error in a popup and clears the store when closed', () => {
+    let tree;
+
+    renderer.act(() => {
+      tree = renderer.create(
+        React.createElement(DefaultErrors, {
+          store: 'orders',
+          title: 'Nao foi possivel concluir',
+        }),
+      );
+    });
+
+    expect(tree.root.findByType('modal').props.visible).toBe(true);
+    expect(getTextNodes(tree)).toEqual(
+      expect.arrayContaining([
+        'Nao foi possivel concluir',
+        'Falha ao salvar.',
+        '×',
+      ]),
+    );
+
+    const closeButton = tree.root.findByProps({testID: 'default-errors-close'});
+
+    renderer.act(() => {
+      closeButton.props.onPress();
+    });
+
+    expect(mockStores.orders.actions.setError).toHaveBeenCalledWith('');
+    expect(tree.toJSON()).toBeNull();
+  });
+
+  it('renders an explicit popup even without a store binding', () => {
+    let tree;
+
+    renderer.act(() => {
+      tree = renderer.create(
+        React.createElement(DefaultErrors, {
+          title: 'Pedido nao informado.',
+        }),
+      );
+    });
+
+    expect(tree.root.findByType('modal').props.visible).toBe(true);
+    expect(getTextNodes(tree)).toEqual(
+      expect.arrayContaining([
+        'Pedido nao informado.',
+        '×',
+      ]),
+    );
+  });
+
+  it('auto closes after five seconds and clears the store error', () => {
+    let tree;
+
+    renderer.act(() => {
+      tree = renderer.create(
+        React.createElement(DefaultErrors, {
+          store: 'orders',
+          title: 'Nao foi possivel concluir',
+        }),
+      );
+    });
+
+    renderer.act(() => {
+      jest.advanceTimersByTime(5000);
+    });
+
+    expect(mockStores.orders.actions.setError).toHaveBeenCalledWith('');
+    expect(tree.toJSON()).toBeNull();
+  });
+});

package/src/tests/react/components/files/DefaultFile.test.js

@@ -1,80 +1,80 @@
-const React = require('react');
-const renderer = require('react-test-renderer');
-const {jest} = require('@jest/globals');
-
-const {afterEach, beforeEach, describe, expect, it} = global;
-
-global.IS_REACT_ACT_ENVIRONMENT = true;
-
-jest.mock('@env', () => ({
-  env: {
-    API_ENTRYPOINT: 'https://api.controleonline.com',
-    DOMAIN: 'manager.controleonline.com',
-  },
-}));
-
-jest.mock('@store', () => ({
-  useStore: jest.fn(() => ({
-    getters: {},
-  })),
-}));
-
-jest.mock('react-native', () => ({
-  Image: props => React.createElement('image', props, props.children),
-}));
-
-const DefaultFile =
-  require('../../../../react/components/files/DefaultFile').default;
-
-describe('DefaultFile', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  afterEach(() => {
-    jest.clearAllTimers();
-  });
-
-  it('renders backend download files with app-domain query and headers', () => {
-    let tree;
-
-    renderer.act(() => {
-      tree = renderer.create(
-        React.createElement(DefaultFile, {
-          file: {
-            id: 3,
-            url: '/files/3/download',
-          },
-          company: {
-            domain: 'maincompany.controleonline.com',
-          },
-          headers: {
-            Authorization: 'Bearer token',
-          },
-          resizeMode: 'contain',
-        }),
-      );
-    });
-
-    const image = tree.root.findByType('image');
-
-    expect(image.props.source).toEqual({
-      uri: 'https://api.controleonline.com/files/3/download?app-domain=maincompany.controleonline.com',
-      headers: {
-        Authorization: 'Bearer token',
-        'app-domain': 'maincompany.controleonline.com',
-      },
-    });
-    expect(image.props.resizeMode).toBe('contain');
-  });
-
-  it('returns null when there is no file source', () => {
-    let tree;
-
-    renderer.act(() => {
-      tree = renderer.create(React.createElement(DefaultFile, null));
-    });
-
-    expect(tree.toJSON()).toBeNull();
-  });
-});
+const React = require('react');
+const renderer = require('react-test-renderer');
+const {jest} = require('@jest/globals');
+
+const {afterEach, beforeEach, describe, expect, it} = global;
+
+global.IS_REACT_ACT_ENVIRONMENT = true;
+
+jest.mock('@env', () => ({
+  env: {
+    API_ENTRYPOINT: 'https://api.controleonline.com',
+    DOMAIN: 'manager.controleonline.com',
+  },
+}));
+
+jest.mock('@store', () => ({
+  useStore: jest.fn(() => ({
+    getters: {},
+  })),
+}));
+
+jest.mock('react-native', () => ({
+  Image: props => React.createElement('image', props, props.children),
+}));
+
+const DefaultFile =
+  require('../../../../react/components/files/DefaultFile').default;
+
+describe('DefaultFile', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  afterEach(() => {
+    jest.clearAllTimers();
+  });
+
+  it('renders backend download files with app-domain query and headers', () => {
+    let tree;
+
+    renderer.act(() => {
+      tree = renderer.create(
+        React.createElement(DefaultFile, {
+          file: {
+            id: 3,
+            url: '/files/3/download',
+          },
+          company: {
+            domain: 'maincompany.controleonline.com',
+          },
+          headers: {
+            Authorization: 'Bearer token',
+          },
+          resizeMode: 'contain',
+        }),
+      );
+    });
+
+    const image = tree.root.findByType('image');
+
+    expect(image.props.source).toEqual({
+      uri: 'https://api.controleonline.com/files/3/download?app-domain=maincompany.controleonline.com',
+      headers: {
+        Authorization: 'Bearer token',
+        'app-domain': 'maincompany.controleonline.com',
+      },
+    });
+    expect(image.props.resizeMode).toBe('contain');
+  });
+
+  it('returns null when there is no file source', () => {
+    let tree;
+
+    renderer.act(() => {
+      tree = renderer.create(React.createElement(DefaultFile, null));
+    });
+
+    expect(tree.toJSON()).toBeNull();
+  });
+});