npm - @pega/dx-component-builder-sdk - Versions diffs - 24.2.11 → 24.2.13 - Mend

@pega/dx-component-builder-sdk 24.2.11 → 24.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (428) hide show

package/tests/assets/sdk-a/components/create/override-sdk/widget/todo/todo.component.html CHANGED Viewed

@@ -1,10 +1,9 @@
 <div class="psdk-todo">
-  <div class="psdk-todo-header">
-    <div *ngIf="showTodoList$" class="psdk-avatar">{{ this.currentUserInitials$ }}</div>
+  <div *ngIf="showTodoList$" class="psdk-todo-header">
+    <div class="psdk-avatar">{{ this.currentUserInitials$ }}</div>
     <div id="worklist" class="psdk-todo-text">{{ headerText$ }}</div>
-    <div *ngIf="showTodoList$" class="psdk-assignment-count">{{ count }}</div>
+    <div class="psdk-assignment-count">{{ count }}</div>
   </div>
-  <br /><br />
   <div *ngIf="showTodoList$" class="psdk-display-divider"></div>
   <div class="psdk-todo-assignments">
@@ -27,7 +26,7 @@
             </div>
           </div>
         </div>
-        <div class="psdk-todo-assignment-action" *ngIf="!isConfirm || canPerform">
+        <div *ngIf="!isConfirm || canPerform" class="psdk-todo-assignment-action">
           <button mat-flat-button color="primary" (click)="clickGo(assignment)">{{ localizedVal('Go', localeCategory) }}</button>
         </div>
       </div>

package/tests/assets/sdk-a/components/create/override-sdk/widget/todo/todo.component.scss CHANGED Viewed

@@ -1,5 +1,12 @@
+.psdk-todo-assignments > *:last-child {
+  .psdk-display-divider {
+    display: none;
+  }
+}
 .psdk-display-divider {
   border-bottom: 0.0625rem solid var(--app-neutral-light-color);
+  margin-block: 0.5rem;
 }
 .psdk-todo {
@@ -12,6 +19,7 @@
 .psdk-todo-header {
   display: inline-flex;
+  margin-bottom: 1rem;
 }
 .psdk-todo-text {
@@ -58,6 +66,7 @@
   display: inline-flex;
   width: 100%;
   padding: 0.625rem 0rem;
+  align-items: center;
 }
 .psdk-todo-assignment-data {

package/tests/assets/sdk-a/components/create/override-sdk/widget/todo/todo.component.ts CHANGED Viewed

@@ -91,7 +91,6 @@ export class TodoComponent implements OnInit, OnDestroy {
   localeCategory = 'Todo';
   showlessLocalizedValue = this.localizedVal('show_less', 'CosmosFields');
   showMoreLocalizedValue = this.localizedVal('show_more', 'CosmosFields');
-  canPerform: boolean;
   count: number;
   constructor(
@@ -119,6 +118,10 @@ export class TodoComponent implements OnInit, OnDestroy {
     PCore.getPubSubUtils().unsubscribe(CREATE_STAGE_DELETED, CREATE_STAGE_DELETED);
   }
+  get canPerform() {
+    return this.assignmentsSource$?.[0]?.canPerform === 'true' || this.assignmentsSource$?.[0]?.canPerform === true;
+  }
   updateList() {
     const {
       WORK_BASKET: {
@@ -156,8 +159,6 @@ export class TodoComponent implements OnInit, OnDestroy {
       }
     }
-    this.canPerform = this.arAssignments$?.[0]?.canPerform === 'true' || this.arAssignments$?.[0]?.canPerform === true;
     this.currentUser$ = PCore.getEnvironmentInfo().getOperatorName();
     this.currentUserInitials$ = this.utils.getInitials(this.currentUser$ ?? '');
   }

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyCurrency/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, fieldMetadata, stateProps } from './mock';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyDate/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps } from './mock';
 import PegaDxilMyDate from './index';
@@ -14,21 +13,6 @@ const meta: Meta<typeof PegaDxilMyDate> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDate>;
-if (!window.PCore) {
-  window.PCore = {};
-}
-window.PCore.getEnvironmentInfo = () => {
-  return {
-    getTimeZone: () => {
-      return '';
-    },
-    getLocale: () => {
-      return 'en-GB';
-    }
-  };
-};
 export const BasePegaDxilMyDate: Story = args => {
   const props = {
     value: configProps.value,

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyDateTime/demo.stories.tsx CHANGED Viewed

@@ -1,5 +1,4 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps } from './mock';
 import PegaDxilMyDateTime from './index';
@@ -13,22 +12,6 @@ const meta: Meta<typeof PegaDxilMyDateTime> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyDateTime>;
-if (!window.PCore) {
-  window.PCore = {};
-}
-window.PCore.getEnvironmentInfo = () => {
-  return {
-    getTimeZone: () => {
-      return '';
-    },
-    getLocale: () => {
-      return 'en-GB';
-    }
-  };
-};
 export const BasePegaDxilMyDateTime: Story = args => {
   const props = {
     value: configProps.value,

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyDecimal/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, fieldMetadata, stateProps } from './mock';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyEmail/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyEmail from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyEmail/mock.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export const configProps = {
   readOnly: false,
   required: false,
   disabled: false,
+  variant: '',
   status: '',
   validatemessage: ''
 };

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyIconButtonURL/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyIconButtonUrl from './index';
@@ -15,10 +14,6 @@ const meta: Meta<typeof PegaDxilMyIconButtonUrl> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyIconButtonUrl>;
-if (!window.PCore) {
-  window.PCore = {};
-}
 const statelistData = {
   data: [
     {
@@ -36,23 +31,17 @@ const statelistData = {
   ]
 };
-export const BasePegaDxilMyIconButtonUrl: Story = args => {
-  window.PCore.getDataPageUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(statelistData);
-        });
-      },
-      getDataAsync: () => {
-        return new Promise(resolve => {
-          resolve(statelistData);
-        });
-      }
-    };
+window.PCore.getDataPageUtils = (): any => {
+  return {
+    getDataAsync: () => {
+      return new Promise(resolve => {
+        resolve(statelistData);
+      });
+    }
   };
+};
+export const BasePegaDxilMyIconButtonUrl: Story = args => {
   const props = {
     countryCode: configProps.countryCode,
     getPConnect: () => {

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyParagraph/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyParagraph from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyPercentage/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps, fieldMetadata } from './mock';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyPercentage/mock.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export const configProps = {
   value: '',
   label: 'Percentage Sample',
   showGroupSeparators: true,
+  placeholder: '',
   helperText: 'Percentage Helper Text',
   testId: 'percentage-12345678',
   hasSuggestions: false,

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyPhone/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyPhone from './index';
@@ -47,7 +46,7 @@ export const BasePegaDxilMyPhone: Story = args => {
 };
 BasePegaDxilMyPhone.args = {
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
   label: configProps.label,
   helperText: configProps.helperText,
   placeholder: configProps.placeholder,

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyPicklist/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyRadioButtons/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyRadioButtons/index.tsx CHANGED Viewed

@@ -77,9 +77,7 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
   const propName: string = stateProps.value;
   const configProps = pConn.getConfigProps();
   const className = pConn.getCaseInfo().getClassName();
-  // @ts-ignore
-  const { getLocaleRuleNameFromKeys, getLocalizedValue } = pConn;
   // @ts-ignore
   let configProperty = pConn.getRawMetadata()?.config?.value || '';
   configProperty = configProperty.startsWith('@P') ? configProperty.substring(3) : configProperty;
@@ -141,10 +139,10 @@ function PegaDxilMyRadiobuttons(props: PegaDxilMyRadiobuttonsProps) {
         id={`${fullReference}.${item.key}`}
         value={item.key}
         key={`${fullReference}.${item.key}`}
-        label={getLocalizedValue(
+        label={pConn.getLocalizedValue(
           isDatapage ? item.text : item.value,
           localePath,
-          getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
+          pConn.getLocaleRuleNameFromKeys(localeClass, localeContext, localeName)
         )}
         name={fullReference}
       />

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MySearchbox/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyText/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyTextInput/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyTextInput from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyTimeOfDay/demo.stories.tsx CHANGED Viewed

@@ -1,5 +1,4 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps } from './mock';
 import PegaDxilMyTimeOfDay from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyURL/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyUrl from './index';

package/tests/assets/sdk-a/components/createAll/custom-constellation/template/Pega_DXIL_MyDetails/demo.stories.tsx CHANGED Viewed

@@ -8,6 +8,16 @@ import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails,
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
   component: PegaDxilMyDetails,

package/tests/assets/sdk-a/components/createAll/custom-constellation/template/Pega_DXIL_MyPage/demo.stories.tsx CHANGED Viewed

@@ -1,7 +1,6 @@
 /* eslint-disable react/jsx-no-useless-fragment */
 /* eslint-disable react/no-unstable-nested-components */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
@@ -19,18 +18,6 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPage>;
 export const BasePegaDxilMyPage: Story = args => {
-  if (!window.PCore) {
-    window.PCore = {};
-  }
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: val => {
-        return val;
-      }
-    };
-  };
   const configProps = pyHome1Resolved.children[0].children[0].config;
   const props = {
@@ -86,6 +73,7 @@ export const BasePegaDxilMyPage: Story = args => {
               />
             );
           }
+          return <></>;
         },
         ignoreSuggestion: () => {/* nothing */},
         acceptSuggestion: () => {/* nothing */},

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/demo.stories.tsx CHANGED Viewed

@@ -1,12 +1,21 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyCaseWidget from './index';
 import historyData from './mock';
+ window.PCore.getDataApiUtils = (): any => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(historyData);
+        });
+      }
+    };
+  };
 const meta: Meta<typeof PegaDxilMyCaseWidget> = {
   title: 'PegaDxilMyCaseWidget',
   component: PegaDxilMyCaseWidget,
@@ -16,38 +25,7 @@ const meta: Meta<typeof PegaDxilMyCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyCaseWidget>;
-if (!window.PCore) {
-  window.PCore = {};
-}
 export const BasePegaDxilMyCaseWidget: Story = args => {
-  window.PCore.getConstants = () => {
-    return {
-      CASE_INFO: {
-        CASE_INFO_ID: 'caseInfo.ID'
-      }
-    };
-  };
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  };
-  window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(historyData);
-        });
-      }
-    };
-  };
   const props = {
     getPConnect: () => {

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/index.tsx CHANGED Viewed

@@ -48,8 +48,8 @@ function PegaDxilMyCaseWidget(props: PegaDxilMyCaseWidgetProps) {
                 description: <Text style={{ wordBreak: 'break-word' }}>{entry.pyMessageKey}</Text>,
                 user: entry.pyPerformer,
                 id: index
-              };
-            })
+              } as any;
+            }) as any
           );
         } else {
           setHistory([]);

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx CHANGED Viewed

@@ -1,11 +1,20 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyPageCaseWidget from './index';
 import { configProps, operatorDetails } from './mock';
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
 const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
   title: 'PegaDxilMyPageCaseWidget',
   component: PegaDxilMyPageCaseWidget,
@@ -15,27 +24,6 @@ const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageCaseWidget>;
-if (!window.PCore) {
-  window.PCore = {};
-}
-window.PCore.getLocaleUtils = () => {
-  return {
-    getLocaleValue: value => {
-      return value;
-    }
-  };
-};
-window.PCore.getUserApi = () => {
-  return {
-    getOperatorDetails: () => {
-      return new Promise(resolve => {
-        resolve(operatorDetails);
-      });
-    }
-  };
-};
 export const BasePegaDxilMyPageCaseWidget: Story = args => {

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageWidget/demo.stories.tsx CHANGED Viewed

@@ -1,6 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import PegaDxilMyPageWidget from './index';
@@ -17,10 +16,6 @@ const meta: Meta<typeof PegaDxilMyPageWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageWidget>;
-if (!window.PCore) {
-  window.PCore = {};
-}
 const worklistData = {
   data: {
     data: [
@@ -46,23 +41,17 @@ const worklistData = {
   }
 };
-export const BasePegaDxilMyPageWidget: Story = args => {
- window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      },
-      getDataAsync: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      }
-    };
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    }
   };
+};
+export const BasePegaDxilMyPageWidget: Story = args => {
   const props = {
     ...configProps,
     getPConnect: () => {
@@ -113,5 +102,5 @@ BasePegaDxilMyPageWidget.args = {
   header: configProps.header,
   description: configProps.description,
   whatsnewlink: configProps.whatsnewlink,
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
 };

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-boolean/demo.stories.tsx CHANGED Viewed

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyBooleanComponent> = {
   title: 'PegaDxilMyBoolean',
   component: PegaDxilMyBooleanComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyBooleanComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-boolean/pega-dxil-my-boolean.component.html CHANGED Viewed

@@ -18,6 +18,8 @@
           <mat-checkbox
             [labelPosition]="'after'"
             [checked]="item.selected"
+            [disabled]="bDisabled$ || bReadonly$"
+            [required]="bRequired$"
             [attr.data-test-id]="testId + ':' + item.value"
             (change)="handleChangeMultiMode($event, item)"
             (blur)="fieldOnBlur($event)"
@@ -29,6 +31,8 @@
         <mat-checkbox
           [labelPosition]="'after'"
           [checked]="isChecked$"
+          [disabled]="bDisabled$ || bReadonly$"
+          [required]="bRequired$"
           [attr.data-test-id]="testId"
           [formControl]="fieldControl"
           (change)="fieldOnChange($event)"

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-boolean/pega-dxil-my-boolean.component.ts CHANGED Viewed

@@ -225,7 +225,6 @@ export class PegaDxilMyBooleanComponent implements OnInit, OnDestroy {
   fieldOnChange(event: any) {
     event.value = event.checked;
     handleEvent(this.actionsApi, 'changeNblur', this.propName, event.checked);
     this.pConn$.clearErrorMessages({
       property: this.propName

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-currency/demo.stories.tsx CHANGED Viewed

@@ -5,25 +5,11 @@ import { configProps, stateProps } from './mock';
 import { PegaDxilMyCurrencyComponent } from './pega-dxil-my-currency.component';
-window.PCore = {
-  ...window.PCore,
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
-};
 const meta: Meta<PegaDxilMyCurrencyComponent> = {
   title: 'PegaDxilMyCurrency',
   component: PegaDxilMyCurrencyComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyCurrencyComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {
@@ -60,7 +46,6 @@ export const PegaDxilMyCurrency: Story = {
     helperText: configProps.helperText,
     testId: configProps.testId,
     bReadonly$: configProps.readOnly,
-    bDisabled$: configProps.disabled,
     bRequired$: configProps.required,
     displayMode$: configProps.displayMode
   }