@pega/custom-dx-components 0.23.21 → 0.23.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.23.21",
+  "version": "0.23.23",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -53,7 +53,7 @@
     "sass-loader": "^13.3.3",
     "terser-webpack-plugin": "5.3.10",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.3.3",
+    "typescript": "^4.9.5",
     "url-loader": "4.1.1",
     "webpack": "5.89.0"
   },

package/src/tasks/create/templates/Constellation/Field/Boolean/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,6 +1,6 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
@@ -15,7 +15,7 @@ export default {
 };
 
 export const Base{{COMPONENT_CLASS_NAME}} = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   const [value, setValue] = useState(configProps.value);
 
   const props = {

package/{tests/assets/components/createAll/Constellation/Pega_DXIL_MyBoolean/mock.js → src/tasks/create/templates/Constellation/Field/Boolean/mock.ts.mustache}

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+// @ts-nocheck
 export const configProps = {
   value: true,
   label: 'Boolean label',

package/src/tasks/create/templates/Constellation/Field/Date/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, stateProps } from './mock';
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -17,6 +17,9 @@ if (!window.PCore) {
 
 window.PCore.getEnvironmentInfo = () => {
   return {
+    getTimeZone: () => {
+      return '';
+    },
     getLocale: () => {
       return 'en-GB';
     }

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDate/mock.js → src/tasks/create/templates/Constellation/Field/Date/mock.ts.mustache}

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
 export const configProps = {
   value: '2023-01-31T12:23:00.000Z',
   validatemessage: '',

package/src/tasks/create/templates/Constellation/Field/DateTime/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, stateProps } from './mock';
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -19,6 +19,9 @@ window.PCore.getEnvironmentInfo = () => {
   return {
     getTimeZone: () => {
       return '';
+    },
+    getLocale: () => {
+      return 'en-GB';
     }
   };
 };

package/src/tasks/create/templates/Constellation/Field/DateTime/{mock.js.mustache → mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '2023-01-24T16:45:00.000Z',
   validatemessage: '',

package/src/tasks/create/templates/Constellation/Field/Decimal/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,11 +1,11 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { configProps, fieldMetadata, stateProps } from './mock.js';
+import { configProps, fieldMetadata, stateProps } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDecimal/mock.js → src/tasks/create/templates/Constellation/Field/Decimal/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Decimal Sample',

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,11 +1,11 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { configProps, fieldMetadata, stateProps } from './mock.js';
+import { configProps, fieldMetadata, stateProps } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyCurrency/mock.js → src/tasks/create/templates/Constellation/Field/Decimal-Currency/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Currency Sample',

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,11 +1,11 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { configProps, stateProps, fieldMetadata } from './mock.js';
+import { configProps, stateProps, fieldMetadata } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/{mock.js.mustache → mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Percentage Sample',

package/src/tasks/create/templates/Constellation/Field/Integer/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,11 +1,10 @@
-
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
 import { stateProps, configProps, fieldMetadata } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/{tests/assets/components/createAll/Constellation/Pega_DXIL_MyInteger/mock.js → src/tasks/create/templates/Constellation/Field/Integer/mock.ts.mustache}

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Integer Sample',

package/src/tasks/create/templates/Constellation/Field/Picklist/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,12 +1,12 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock.js';
+import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -15,7 +15,7 @@ export default {
 };
 
 export const Base{{COMPONENT_CLASS_NAME}} = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   const [value, setValue] = useState(configProps.value);
 
   const props = {

package/src/tasks/create/templates/Constellation/Field/Picklist/index.tsx.mustache

@@ -1,4 +1,5 @@
 /* eslint-disable react-hooks/exhaustive-deps */
+// @ts-nocheck
 import { useState, useEffect, useRef } from 'react';
 import { Select, Option, FieldValueList, Text } from '@pega/cosmos-react-core';
 import PropTypes from 'prop-types';

package/src/tasks/create/templates/Constellation/Field/{Picklist-RadioButtons/mock.js.mustache → Picklist/mock.ts.mustache}

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Picklist Sample',

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,12 +1,12 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock.js';
+import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -15,7 +15,7 @@ export default {
 };
 
 export const Base{{COMPONENT_CLASS_NAME}} = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   const [value, setValue] = useState(configProps.value);
   const datasourceMetadata = fieldMetadata;
 

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/index.tsx.mustache

@@ -1,3 +1,4 @@
+
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect, useRef, useState, memo, useMemo, MutableRefObject, SetStateAction } from 'react';
 import { ComboBox, menuHelpers, debounce, throttle, Button, Icon, MenuGroupProps, MenuItemProps } from '@pega/cosmos-react-core';

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/{mock.js.mustache → mock.ts.mustache}

@@ -1,5 +1,4 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Picklist Sample',

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,12 +1,12 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock.js';
+import { configProps, rawMetadata, fieldMetadata, stateProps } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -15,7 +15,7 @@ export default {
 };
 
 export const Base{{COMPONENT_CLASS_NAME}} = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   const [value, setValue] = useState(configProps.value);
 
   const props = {

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/index.tsx.mustache

@@ -53,7 +53,7 @@ const getDisplayValue = (dataSource: any, value: any, isDatapage: boolean) => {
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
 // any default values in config.pros should be set in defaultProps at bottom of this file
-export function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
+export default function {{COMPONENT_CLASS_NAME}}(props: {{COMPONENT_CLASS_NAME}}Props) {
   const {
     getPConnect,
     value,

package/src/tasks/create/templates/Constellation/Field/{Picklist/mock.js.mustache → Picklist-RadioButtons/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Picklist Sample',

package/src/tasks/create/templates/Constellation/Field/Text/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,12 +1,12 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
 import { stateProps, configProps } from './mock';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',
@@ -15,7 +15,7 @@ export default {
 };
 
 export const Base{{COMPONENT_CLASS_NAME}} = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   const [value, setValue] = useState(configProps.value);
 
   const props = {

package/{tests/assets/components/create/Pega_DXIL_MyTestText/mock.js → src/tasks/create/templates/Constellation/Field/Text/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Text Sample',

package/src/tasks/create/templates/Constellation/Field/{Text-Paragraph/demo.stories.jsx.mustache → Text-Email/demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 import { stateProps, configProps, fieldMetadata } from './mock';
 
@@ -17,8 +17,8 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
 
   const props = {
     value: configProps.value,
-    placeholder: configProps.placeholder,
     label: configProps.label,
+    placeholder: configProps.placeholder,
     helperText: configProps.helperText,
     testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyEmail/mock.js → src/tasks/create/templates/Constellation/Field/Text-Email/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Email Sample',

package/src/tasks/create/templates/Constellation/Field/Text-Input/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 import { stateProps, fieldMetadata, configProps } from './mock';
 

package/src/tasks/create/templates/Constellation/Field/Text-Input/{mock.js.mustache → mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'TextInput Sample',

package/src/tasks/create/templates/Constellation/Field/{Text-Email/demo.stories.jsx.mustache → Text-Paragraph/demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 import { stateProps, configProps, fieldMetadata } from './mock';
 
@@ -17,8 +17,8 @@ export const Base{{COMPONENT_CLASS_NAME}} = () => {
 
   const props = {
     value: configProps.value,
-    label: configProps.label,
     placeholder: configProps.placeholder,
+    label: configProps.label,
     helperText: configProps.helperText,
     testId: configProps.testId,
     hasSuggestions: configProps.hasSuggestions,

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyParagraph/mock.js → src/tasks/create/templates/Constellation/Field/Text-Paragraph/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Paragraph Sample',

package/src/tasks/create/templates/Constellation/Field/Text-Phone/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 import { stateProps, configProps } from './mock';
 
 export default {

package/src/tasks/create/templates/Constellation/Field/Text-Phone/{mock.js.mustache → mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'Phone Sample',

package/src/tasks/create/templates/Constellation/Field/Text-URL/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 import { stateProps, configProps } from './mock';
 
 export default {

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyURL/mock.js → src/tasks/create/templates/Constellation/Field/Text-URL/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '',
   label: 'URL Sample',

package/src/tasks/create/templates/Constellation/Field/TimeOfDay/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,9 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { withKnobs } from '@storybook/addon-knobs';
 import { configProps, stateProps } from './mock';
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/mock.js → src/tasks/create/templates/Constellation/Field/TimeOfDay/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const configProps = {
   value: '13:30',
   validatemessage: '',

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/demo.stories.jsx → src/tasks/create/templates/Constellation/Template/DETAILS/demo.stories.tsx.mustache}

@@ -1,10 +1,10 @@
+
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/cosmos-react-core';
-
-import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock';
-import StatusWorkRenderer from './StatusWork.jsx';
-
 import PegaDxilMyDetails from './index';
+import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock';
+import StatusWorkRenderer from './StatusWork';
 
 export default {
   title: 'PegaDxilMyDetails',

package/src/tasks/create/templates/Constellation/Template/DETAILS/{mock.js.mustache → mock.ts.mustache}

@@ -1,6 +1,6 @@
 
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const pyReviewRaw = {
   name: 'pyReview',
   type: 'View',

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,9 +1,10 @@
 
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 import { Text, FieldValueList, Button, DateTimeDisplay, useTheme } from '@pega/cosmos-react-core';
 import {{COMPONENT_CLASS_NAME}} from './index';
 import { pyReviewRaw, pyReviewResolved, regionChildrenResolved } from './mock';
-import StatusWorkRenderer from './StatusWork.jsx';
+import StatusWorkRenderer from './StatusWork';
 
 export default {
   title: '{{COMPONENT_CLASS_NAME}}',

package/{tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/mock.js → src/tasks/create/templates/Constellation/Template/DETAILS-region/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const pyReviewRaw = {
   name: 'pyReview',
   type: 'View',

package/src/tasks/create/templates/Constellation/Template/FORM/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,11 +1,10 @@
 
-/* eslint-disable react-hooks/rules-of-hooks */
-/* eslint-disable storybook/prefer-pascal-case */
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 import { DateInput, Input, FieldValueList, Text } from '@pega/cosmos-react-core';
 import { PhoneInput as CosmosPhone } from '@pega/cosmos-react-core';
 import { pyReviewRaw, regionChildrenResolved } from './mock';
@@ -19,7 +18,9 @@ export default {
 const renderField = resolvedProps => {
   const { displayMode, value = '', label = '', key } = resolvedProps;
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [inputValue, setInputValue] = useState(value);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [phoneValue, setPhoneValue] = useState('+16397975093');
 
   const variant = displayMode === 'LABELS_LEFT' ? 'inline' : 'stacked';

package/{tests/assets/components/createAll/Constellation/Pega_DXIL_MyForm/mock.js → src/tasks/create/templates/Constellation/Template/FORM/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const pyReviewRaw = {
   name: 'CollectInformation',
   type: 'View',

package/src/tasks/create/templates/Constellation/Template/FORM-region/{demo.stories.jsx.mustache → demo.stories.tsx.mustache}

@@ -1,10 +1,10 @@
 
-/* eslint-disable react-hooks/rules-of-hooks */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 import { useState } from 'react';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import {{COMPONENT_CLASS_NAME}} from './index.jsx';
+import {{COMPONENT_CLASS_NAME}} from './index';
 import { DateInput, Input, FieldValueList, Text } from '@pega/cosmos-react-core';
 import { PhoneInput as CosmosPhone } from '@pega/cosmos-react-core';
 import { pyReviewRaw, regionChildrenResolved } from './mock';
@@ -18,7 +18,9 @@ export default {
 const renderField = resolvedProps => {
   const { displayMode, value = '', label = '', key } = resolvedProps;
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [inputValue, setInputValue] = useState(value);
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [phoneValue, setPhoneValue] = useState('+16397975093');
 
 

package/{tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnForm/mock.js → src/tasks/create/templates/Constellation/Template/FORM-region/mock.ts.mustache}

@@ -1,5 +1,5 @@
-/* eslint-disable storybook/default-exports */
-/* eslint-disable storybook/prefer-pascal-case */
+
+// @ts-nocheck
 export const pyReviewRaw = {
   name: 'CollectInformation',
   type: 'View',