@orchestrator-ui/orchestrator-ui-components 8.9.1 → 8.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orchestrator-ui/orchestrator-ui-components",
-  "version": "8.9.1",
+  "version": "8.9.2",
   "license": "Apache-2.0",
   "description": "Library of UI Components used to display the workflow orchestrator frontend",
   "author": {

package/src/components/WfoSearchPage/utils.ts

@@ -94,6 +94,7 @@ const OPERATOR_MAP: Record<string, OperatorDisplay> = {
   has_component: { symbol: '✓', description: 'has component' },
   not_has_component: { symbol: '✗', description: 'does not have component' },
   like: { symbol: '∋', description: 'contains' },
+  not_regexp: { symbol: '∌', description: 'does not contain' },
 };
 
 const BOOLEAN_OPERATOR_MAP: Record<string, OperatorDisplay> = {

package/src/components/WfoTable/WfoStructuredSearchTable/WfoFilterBuilder.tsx

@@ -42,6 +42,7 @@ const SEARCH_OPERATOR_TO_RQB_OPERATOR_MAP: Record<string, string> = {
   gte: '>=',
   between: 'between',
   like: 'contains',
+  not_regexp: 'doesNotContain',
   has_component: 'notNull',
   not_has_component: 'null',
 };
@@ -60,6 +61,7 @@ const OPERATOR_MAP: Record<string, OperatorDisplay> = {
   has_component: { symbol: '✓', description: 'has component' },
   not_has_component: { symbol: '✗', description: 'does not have component' },
   like: { symbol: '∋', description: 'contains' },
+  not_regexp: { symbol: '∌', description: 'does not contain' },
 };
 
 interface WfoFilterBuilderProps {

package/src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx

@@ -37,7 +37,8 @@ export const TableSettingsModal = <T,>({
   extraSettings,
 }: TableSettingsModalProps<T>) => {
   const t = useTranslations('main');
-  const { formRowStyle, columnsListStyle, selectFieldStyle } = useWithOrchestratorTheme(getWfoTableSettingsModalStyles);
+  const { formStyle, formRowStyle, columnsListStyle, selectFieldStyle } =
+    useWithOrchestratorTheme(getWfoTableSettingsModalStyles);
   const scrollBarStyle = useEuiScrollBar();
 
   const [columns, setColumns] = useState(tableConfig.columns);
@@ -72,7 +73,7 @@ export const TableSettingsModal = <T,>({
         })
       }
     >
-      <EuiForm>
+      <EuiForm css={formStyle}>
         <div css={[columnsListStyle, scrollBarStyle]}>
           {columns.map(({ field, name, isVisible }) => (
             <div key={field.toString()}>

package/src/components/WfoTable/WfoTableSettingsModal/styles.ts

@@ -14,6 +14,15 @@ export const getWfoTableSettingsModalStyles = (wfoThemeHelpers: WfoThemeHelpers)
     },
   });
 
+  const formStyle = css({
+    '.euiFormRow .euiFormRow__labelWrapper': {
+      flexBasis: '50%',
+    },
+    '.euiFormRow .euiFormRow__fieldWrapper': {
+      flexBasis: '50%',
+    },
+  });
+
   const { theme } = wfoThemeHelpers;
 
   const columnsListStyle = css({
@@ -30,6 +39,7 @@ export const getWfoTableSettingsModalStyles = (wfoThemeHelpers: WfoThemeHelpers)
   });
 
   return {
+    formStyle,
     formRowStyle,
     columnsListStyle,
     selectFieldStyle: formFieldBaseStyle,

package/src/configuration/version.ts

@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.9.1';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.9.2';

package/src/hooks/useGetPydanticFormsConfig.tsx

@@ -208,7 +208,8 @@ const useGetComponentMatcherExtender = (): ComponentMatcherExtender => {
         ...currentMatchers
           .filter((matcher) => matcher.id !== 'text')
           .filter((matcher) => matcher.id !== 'array')
-          .filter((matcher) => matcher.id !== 'object'),
+          .filter((matcher) => matcher.id !== 'object')
+          .filter((matcher) => matcher.id !== 'list'),
         {
           id: 'object',
           ElementMatch: {

package/src/pages/WfoSearchPocPage.tsx

@@ -129,17 +129,17 @@ const resultColumToPropertyMap: ResultColumToPropertyMap<SubscriptionListItem> =
 
 /* These options will be added as the first options in the field dropdown in the FieldSelector */
 const prefilledFieldOptions: FieldToOperatorMap = new Map([
-  ['subscription.subscription_id', ['eq', 'neq', 'like']],
-  ['subscription.description', ['eq', 'neq', 'like']],
-  ['subscription.status', ['eq', 'neq', 'like']],
+  ['subscription.subscription_id', ['eq', 'neq', 'like', 'not_regexp']],
+  ['subscription.description', ['eq', 'neq', 'like', 'not_regexp']],
+  ['subscription.status', ['eq', 'neq', 'like', 'not_regexp']],
   ['subscription.insync', ['eq', 'neq']],
-  ['subscription.product.name', ['eq', 'neq', 'like']],
-  ['subscription.product.tag', ['eq', 'neq', 'like']],
-  ['subscription.customer_name', ['eq', 'neq', 'like']],
-  ['subscription.customer_abbreviation', ['eq', 'neq', 'like']],
+  ['subscription.product.name', ['eq', 'neq', 'like', 'not_regexp']],
+  ['subscription.product.tag', ['eq', 'neq', 'like', 'not_regexp']],
+  ['subscription.customer_name', ['eq', 'neq', 'like', 'not_regexp']],
+  ['subscription.customer_abbreviation', ['eq', 'neq', 'like', 'not_regexp']],
   ['subscription.start_date', ['eq', 'neq', 'lt', 'lte', 'gt', 'gte', 'between']],
   ['subscription.end_date', ['eq', 'neq', 'lt', 'lte', 'gt', 'gte', 'between']],
-  ['subscription.note', ['eq', 'neq', 'like']],
+  ['subscription.note', ['eq', 'neq', 'like', 'not_regexp']],
 ]);
 
 export const WfoSearchPocPage = () => {