@openmfp/webcomponents 0.6.1 → 0.6.8

package/projects/ngx/declarative-ui/table/utils/resource-field-by-path.spec.ts

@@ -1,372 +0,0 @@
-import { GenericResource, PropertyField, TransformType } from '../../models';
-import {
-  decodeBase64,
-  encodeBase64,
-  getResourceValueByJsonPath,
-} from './resource-field-by-path';
-
-const mockResource = {
-  id: 'mock-1',
-  metadata: { name: 'test-resource' },
-  spec: { value: 'test-value', nested: { field: 'nested-value' } },
-} satisfies GenericResource;
-
-describe('getResourceValueByJsonPath', () => {
-  it('should return undefined when no property or jsonPathExpression is provided', () => {
-    const result = getResourceValueByJsonPath(mockResource, {});
-    expect(result).toBeUndefined();
-  });
-
-  it('should return undefined and log error when property is an array', () => {
-    const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {
-      /* noop */
-    });
-    const result = getResourceValueByJsonPath(mockResource, {
-      property: ['path1', 'path2'],
-    });
-
-    expect(result).toBeUndefined();
-    expect(consoleSpy).toHaveBeenCalledWith(
-      expect.stringContaining('Property defined as an array'),
-    );
-    consoleSpy.mockRestore();
-  });
-
-  it('should query resource using jsonPathExpression', () => {
-    const result = getResourceValueByJsonPath(mockResource, {
-      jsonPathExpression: 'spec.value',
-    });
-
-    expect(result).toBe('test-value');
-  });
-
-  it('should query resource using jsonPathExpression when "$." is already provided', () => {
-    const result = getResourceValueByJsonPath(mockResource, {
-      jsonPathExpression: '$.spec.value',
-    });
-
-    expect(result).toBe('test-value');
-  });
-
-  it('should query resource using property', () => {
-    const result = getResourceValueByJsonPath(mockResource, {
-      property: 'metadata.name',
-    });
-
-    expect(result).toBe('test-resource');
-  });
-
-  it('should return undefined when query result is empty', () => {
-    const result = getResourceValueByJsonPath(mockResource, {
-      property: 'nonexistent',
-    });
-
-    expect(result).toBeUndefined();
-  });
-
-  it('should apply propertyField transform when provided', () => {
-    const resource = {
-      spec: { data: { key1: 'value1', key2: 'value2' } },
-    } as unknown as GenericResource;
-
-    const propertyField: PropertyField = {
-      key: 'key1',
-      transform: ['uppercase'],
-    };
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField,
-    });
-
-    expect(result).toBe('VALUE1');
-  });
-
-  it('should handle none existing transform', () => {
-    const resource = {
-      spec: { data: { text: 'hello world' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['notknown' as TransformType] },
-    });
-
-    expect(result).toBe('hello world');
-  });
-
-  it('should handle uppercase transform', () => {
-    const resource = {
-      spec: { data: { text: 'hello world' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['uppercase'] },
-    });
-
-    expect(result).toBe('HELLO WORLD');
-  });
-
-  it('should handle lowercase transform', () => {
-    const resource = {
-      spec: { data: { text: 'HELLO WORLD' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['lowercase'] },
-    });
-
-    expect(result).toBe('hello world');
-  });
-
-  it('should handle capitalize transform', () => {
-    const resource = {
-      spec: { data: { text: 'hello' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['capitalize'] },
-    });
-
-    expect(result).toBe('Hello');
-  });
-
-  it('should handle multiple transforms', () => {
-    const resource = {
-      spec: { data: { text: 'HELLO WORLD' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['lowercase', 'capitalize'] },
-    });
-
-    expect(result).toBe('Hello world');
-  });
-
-  it('should handle encode transform', () => {
-    const resource = {
-      spec: { data: { text: 'test' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['encode'] },
-    });
-
-    expect(result).toBe(encodeBase64('test'));
-  });
-
-  it('should return original value when encode transform fails', () => {
-    vi.spyOn(globalThis, 'btoa').mockImplementation(() => {
-      throw new Error('btoa error');
-    });
-    vi.spyOn(console, 'error').mockImplementation(() => {
-      /* noop */
-    });
-
-    const resource = {
-      spec: { data: { text: 'test-value' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['encode'] },
-    });
-
-    expect(result).toBe('test-value');
-    vi.restoreAllMocks();
-  });
-
-  it('should handle decode transform', () => {
-    const encoded = encodeBase64('test');
-    const resource = {
-      spec: { data: { text: encoded } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['decode'] },
-    });
-
-    expect(result).toBe('test');
-  });
-
-  it('should return original value when transform fails', () => {
-    const resource = {
-      spec: { data: { text: 'invalid-base64!!!' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['decode'] },
-    });
-
-    expect(result).toBe('invalid-base64!!!');
-  });
-
-  it('should handle null value in transform', () => {
-    const resource = {
-      spec: { data: { text: null } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['uppercase'] },
-    });
-
-    expect(result).toBeNull();
-  });
-
-  it('should handle undefined value in transform', () => {
-    const resource = {
-      spec: { data: { text: undefined } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: ['uppercase'] },
-    });
-
-    expect(result).toBeUndefined();
-  });
-
-  it('should return value when no transform is provided', () => {
-    const resource = {
-      spec: { data: { text: 'no-transform' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text' },
-    });
-
-    expect(result).toBe('no-transform');
-  });
-
-  it('should return value when transform is empty array', () => {
-    const resource = {
-      spec: { data: { text: 'empty-transform' } },
-    } as unknown as GenericResource;
-
-    const result = getResourceValueByJsonPath(resource, {
-      property: 'spec.data',
-      propertyField: { key: 'text', transform: [] },
-    });
-
-    expect(result).toBe('empty-transform');
-  });
-});
-
-describe('encodeBase64', () => {
-  it('should encode simple ASCII string', () => {
-    const result = encodeBase64('hello');
-    expect(result).toBe('aGVsbG8=');
-  });
-
-  it('should encode UTF-8 string with special characters', () => {
-    const result = encodeBase64('Hello, 世界');
-    expect(decodeBase64(result)).toBe('Hello, 世界');
-  });
-
-  it('should encode emojis', () => {
-    const result = encodeBase64('👍🎉');
-    expect(decodeBase64(result)).toBe('👍🎉');
-  });
-
-  it('should encode empty string', () => {
-    const result = encodeBase64('');
-    expect(result).toBe('');
-  });
-
-  it('should throw error when encoding fails', () => {
-    vi.spyOn(globalThis, 'btoa').mockImplementation(() => {
-      throw new Error('btoa error');
-    });
-
-    expect(() => encodeBase64('test')).toThrow(
-      'Failed to encode string to Base64',
-    );
-    vi.restoreAllMocks();
-  });
-
-  it('should log error when encoding fails', () => {
-    const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {
-      /* noop */
-    });
-    vi.spyOn(globalThis, 'btoa').mockImplementation(() => {
-      throw new Error('btoa error');
-    });
-
-    try {
-      encodeBase64('test');
-    } catch {
-      /* expected to throw */
-    }
-
-    expect(consoleSpy).toHaveBeenCalledWith(
-      'Base64 encoding failed:',
-      expect.any(Error),
-    );
-    vi.restoreAllMocks();
-  });
-});
-
-describe('decodeBase64', () => {
-  it('should decode simple ASCII string', () => {
-    const result = decodeBase64('aGVsbG8=');
-    expect(result).toBe('hello');
-  });
-
-  it('should decode UTF-8 string with special characters', () => {
-    const encoded = encodeBase64('Hello, 世界');
-    const result = decodeBase64(encoded);
-    expect(result).toBe('Hello, 世界');
-  });
-
-  it('should decode emojis', () => {
-    const encoded = encodeBase64('👍🎉');
-    const result = decodeBase64(encoded);
-    expect(result).toBe('👍🎉');
-  });
-
-  it('should decode empty string', () => {
-    const result = decodeBase64('');
-    expect(result).toBe('');
-  });
-
-  it('should throw error for invalid base64', () => {
-    expect(() => decodeBase64('invalid!!!')).toThrow(
-      'Failed to decode Base64 string',
-    );
-  });
-
-  it('should log error when decoding fails', () => {
-    const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {
-      /* noop */
-    });
-
-    try {
-      decodeBase64('invalid!!!');
-    } catch {
-      /* expected to throw */
-    }
-
-    expect(consoleSpy).toHaveBeenCalledWith(
-      'Base64 decoding failed:',
-      expect.any(Error),
-    );
-
-    consoleSpy.mockRestore();
-  });
-
-  it('should handle round-trip encoding and decoding', () => {
-    const original = 'Test string with 特殊字符 and emojis 🚀';
-    const encoded = encodeBase64(original);
-    const decoded = decodeBase64(encoded);
-    expect(decoded).toBe(original);
-  });
-});

package/projects/ngx/declarative-ui/table/utils/resource-field-by-path.ts

@@ -1,98 +0,0 @@
-import { PropertyField, TransformType } from '../../models';
-import jsonpath from 'jsonpath';
-
-export const getResourceValueByJsonPath = <T>(
-  resource: T,
-  field: {
-    jsonPathExpression?: string;
-    property?: string | string[];
-    propertyField?: PropertyField;
-  },
-) => {
-  const property = field.jsonPathExpression || field.property;
-  if (!property) {
-    return undefined;
-  }
-
-  if (property instanceof Array) {
-    console.error(
-      `Property defined as an array: ${JSON.stringify(property)}, provide "jsonPathExpression" field to properly ready resource value`,
-    );
-    return undefined;
-  }
-
-  const prefix = property.startsWith('$.') ? '' : '$.';
-  const queryResult = jsonpath.query(resource, `${prefix}${property}`);
-  const value = queryResult.length ? queryResult[0] : undefined;
-
-  if (value && field.propertyField) {
-    return executeTransform(
-      value[field.propertyField.key],
-      field.propertyField.transform,
-    );
-  }
-
-  return value;
-};
-
-const executeTransform = (
-  value: string | undefined,
-  transform: TransformType[] | undefined,
-): string | undefined => {
-  if (value == null || transform == null || !transform.length) return value;
-
-  return transform.reduce((acc, t) => {
-    if (acc == null) return acc;
-
-    switch (t) {
-      case 'uppercase':
-        return acc.toUpperCase();
-      case 'lowercase':
-        return acc.toLowerCase();
-      case 'capitalize': {
-        const str = String(acc);
-        return str.length ? str.charAt(0).toUpperCase() + str.slice(1) : str;
-      }
-      case 'decode': {
-        try {
-          return decodeBase64(acc);
-        } catch {
-          return acc;
-        }
-      }
-      case 'encode': {
-        try {
-          return encodeBase64(acc);
-        } catch {
-          return acc;
-        }
-      }
-      default:
-        return acc;
-    }
-  }, value);
-};
-
-export const encodeBase64 = (str: string): string => {
-  try {
-    const utf8Bytes = new TextEncoder().encode(str);
-    const binaryString = Array.from(utf8Bytes, (byte) =>
-      String.fromCharCode(byte),
-    ).join('');
-    return btoa(binaryString);
-  } catch (error) {
-    console.error('Base64 encoding failed:', error);
-    throw new Error('Failed to encode string to Base64');
-  }
-};
-
-export const decodeBase64 = (base64: string): string => {
-  try {
-    const binaryString = atob(base64);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    return new TextDecoder().decode(bytes);
-  } catch (error) {
-    console.error('Base64 decoding failed:', error);
-    throw new Error('Failed to decode Base64 string');
-  }
-};

package/projects/ngx/declarative-ui/table/value-cell/boolean-value/boolean-cell.constants.ts

@@ -1,5 +0,0 @@
-export const ICON_DESIGN_POSITIVE = 'Positive';
-export const ICON_DESIGN_NEGATIVE = 'Negative';
-
-export const ICON_NAME_POSITIVE = 'accept';
-export const ICON_NAME_NEGATIVE = 'decline';

package/projects/ngx/declarative-ui/table/value-cell/boolean-value/boolean-value.component.html

@@ -1 +0,0 @@
-<ui5-icon [attr.test-id]="testId()" [design]="iconDesign()" [name]="iconName()" />

package/projects/ngx/declarative-ui/table/value-cell/boolean-value/boolean-value.component.spec.ts

@@ -1,119 +0,0 @@
-import {
-  ICON_DESIGN_NEGATIVE,
-  ICON_DESIGN_POSITIVE,
-  ICON_NAME_NEGATIVE,
-  ICON_NAME_POSITIVE,
-} from './boolean-cell.constants';
-import { BooleanValue } from './boolean-value.component';
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-describe('BooleanValueComponent', () => {
-  let component: BooleanValue;
-  let fixture: ComponentFixture<BooleanValue>;
-
-  const makeComponent = (boolValue: boolean) => {
-    fixture = TestBed.createComponent(BooleanValue);
-    component = fixture.componentInstance;
-
-    fixture.componentRef.setInput('boolValue', boolValue);
-
-    fixture.detectChanges();
-
-    return { component, fixture };
-  };
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [BooleanValue],
-    }).overrideComponent(BooleanValue, {
-      set: {
-        imports: [],
-        schemas: [CUSTOM_ELEMENTS_SCHEMA],
-      },
-    });
-  });
-
-  it('should create', () => {
-    const { component } = makeComponent(true);
-    expect(component).toBeTruthy();
-  });
-
-  it('should set positive icon design and name for true value', () => {
-    const { component } = makeComponent(true);
-
-    expect(component.iconDesign()).toBe(ICON_DESIGN_POSITIVE);
-    expect(component.iconName()).toBe(ICON_NAME_POSITIVE);
-  });
-
-  it('should set negative icon design and name for false value', () => {
-    const { component } = makeComponent(false);
-
-    expect(component.iconDesign()).toBe(ICON_DESIGN_NEGATIVE);
-    expect(component.iconName()).toBe(ICON_NAME_NEGATIVE);
-  });
-
-  it('should render ui5-icon for true value', () => {
-    const { fixture } = makeComponent(true);
-    const compiled = fixture.nativeElement;
-    const iconElement = compiled.querySelector('ui5-icon');
-
-    expect(iconElement).toBeTruthy();
-  });
-
-  it('should render ui5-icon for false value', () => {
-    const { fixture } = makeComponent(false);
-    const compiled = fixture.nativeElement;
-    const iconElement = compiled.querySelector('ui5-icon');
-
-    expect(iconElement).toBeTruthy();
-  });
-
-  it('should update icon when boolValue changes from true to false', () => {
-    const { component, fixture } = makeComponent(true);
-
-    expect(component.iconDesign()).toBe(ICON_DESIGN_POSITIVE);
-    expect(component.iconName()).toBe(ICON_NAME_POSITIVE);
-
-    fixture.componentRef.setInput('boolValue', false);
-    fixture.detectChanges();
-
-    expect(component.iconDesign()).toBe(ICON_DESIGN_NEGATIVE);
-    expect(component.iconName()).toBe(ICON_NAME_NEGATIVE);
-  });
-
-  it('should update icon when boolValue changes from false to true', () => {
-    const { component, fixture } = makeComponent(false);
-
-    expect(component.iconDesign()).toBe(ICON_DESIGN_NEGATIVE);
-    expect(component.iconName()).toBe(ICON_NAME_NEGATIVE);
-
-    fixture.componentRef.setInput('boolValue', true);
-    fixture.detectChanges();
-
-    expect(component.iconDesign()).toBe(ICON_DESIGN_POSITIVE);
-    expect(component.iconName()).toBe(ICON_NAME_POSITIVE);
-  });
-
-  it('should have required boolValue input', () => {
-    const { component } = makeComponent(true);
-    expect(component.boolValue()).toBe(true);
-  });
-
-  it('should have default testId', () => {
-    const { component } = makeComponent(true);
-    expect(component.testId()).toBe('boolean-value-icon');
-  });
-
-  it('should accept custom testId', () => {
-    fixture = TestBed.createComponent(BooleanValue);
-    component = fixture.componentInstance;
-
-    fixture.componentRef.setInput('boolValue', true);
-    fixture.componentRef.setInput('testId', 'custom-test-id');
-
-    fixture.detectChanges();
-
-    expect(component.testId()).toBe('custom-test-id');
-  });
-});

package/projects/ngx/declarative-ui/table/value-cell/boolean-value/boolean-value.component.ts

@@ -1,35 +0,0 @@
-import {
-  ICON_DESIGN_NEGATIVE,
-  ICON_DESIGN_POSITIVE,
-  ICON_NAME_NEGATIVE,
-  ICON_NAME_POSITIVE,
-} from './boolean-cell.constants';
-import {
-  CUSTOM_ELEMENTS_SCHEMA,
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  input,
-} from '@angular/core';
-import { Icon } from '@fundamental-ngx/ui5-webcomponents/icon';
-
-export type IconDesignType = typeof ICON_DESIGN_POSITIVE | typeof ICON_DESIGN_NEGATIVE;
-
-@Component({
-  selector: 'mfp-boolean-value',
-  imports: [Icon],
-  templateUrl: './boolean-value.component.html',
-  styleUrl: './boolean-value.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class BooleanValue {
-  boolValue = input.required<boolean>();
-  testId = input<string>('boolean-value-icon');
-  iconDesign = computed<IconDesignType>(() => {
-    return this.boolValue() ? ICON_DESIGN_POSITIVE : ICON_DESIGN_NEGATIVE;
-  });
-  iconName = computed<string>(() => {
-    return this.boolValue() ? ICON_NAME_POSITIVE : ICON_NAME_NEGATIVE;
-  });
-}

package/projects/ngx/declarative-ui/table/value-cell/link-value/link-value.component.html

@@ -1,7 +0,0 @@
-<ui5-link
-  target="_blank"
-  [attr.test-id]="testId()"
-  [href]="urlValue()"
-  [tooltip]="urlValue()"
-  (click)="stopPropagation($event)"
->Link</ui5-link>