@pega/cosmos-react-demos 5.0.0-dev.4.6 → 5.0.0-dev.4.8

package/jsx/core/MultiStepForm/MultiStepForm.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiStepForm.stories.jsx","sourceRoot":"","sources":["../../../src/core/MultiStepForm/MultiStepForm.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, StoryFn } from '@storybook/react';\nimport { useReducer, useMemo, useState, useEffect, useRef } from 'react';\nimport type { ReactNode, Reducer, MouseEvent } from 'react';\n\nimport {\n  Button,\n  Banner,\n  BannerHandleValue,\n  Flex,\n  MultiStepForm,\n  Text,\n  useModalManager\n} from '@pega/cosmos-react-core';\nimport { Step } from '@pega/cosmos-react-core/lib/components/MultiStepForm/MultiStepForm.types';\n\nimport { loadingTimeoutMS } from '../Progress/Progress.mocks';\n\nimport {\n  ApplicantDetailsFields,\n  initialState,\n  InterviewNotesFields,\n  MultiStepModal,\n  NextInterviewFields,\n  RecommendationsFields,\n  reducer,\n  stepFields\n} from './MultiStepForm.mocks';\nimport type {\n  DemoMultiStepState,\n  MultiStepFormDemoProps,\n  ReducerAction\n} from './MultiStepForm.mocks';\n\nexport default {\n  title: 'Core/MultiStepForm',\n  component: MultiStepForm,\n  args: {\n    heading: 'HR Screening',\n    stepIndicator: 'horizontal'\n  },\n  argTypes: {\n    heading: { control: { type: 'text' } },\n    stepIndicator: { options: ['horizontal', 'vertical', 'none'], control: { type: 'select' } }\n  }\n} as Meta;\n\nexport const MultiStepFormDemo: StoryFn<MultiStepFormDemoProps> = (\n  args: MultiStepFormDemoProps\n) => {\n  const [loading, setLoading] = useState(false);\n  const [banners, setBanners] = useState<ReactNode | undefined>();\n  const bannerHandleRef = useRef<BannerHandleValue>(null);\n\n  const [state, dispatch] = useReducer<Reducer<DemoMultiStepState, ReducerAction>>(\n    reducer,\n    initialState\n  );\n\n  const submitStep = () => {\n    setLoading(true);\n    setTimeout(() => {\n      dispatch({ type: 'submitCurrentStep' });\n      setLoading(false);\n    }, loadingTimeoutMS);\n  };\n\n  useEffect(() => {\n    if (banners && bannerHandleRef.current) bannerHandleRef.current.focus();\n  }, [banners]);\n\n  useEffect(() => {\n    // Need to adjust which set of fields is represented by the 3rd index depending on the conditional step being shown or not.\n    const fieldIndex =\n      state.numSteps === 3 && state.currentStepIndex === 2 ? 3 : state.currentStepIndex;\n\n    const bannerErrors = Object.keys(state.formErrors)\n      .filter(errorField => {\n        return stepFields[fieldIndex].find(field => field.name === errorField);\n      })\n      .map(errorField => state.formErrors[errorField]);\n\n    if (bannerErrors.length) {\n      setBanners(<Banner messages={bannerErrors} variant='urgent' handle={bannerHandleRef} />);\n    } else {\n      setBanners(undefined);\n    }\n  }, [state.currentStepIndex, state.formErrors, state.numSteps]);\n\n  const stepData: Step[] = useMemo(() => {\n    const stepActions: ReactNode = (\n      <>\n        <Button\n          onClick={() => {\n            dispatch({ type: 'cancel' });\n          }}\n          disabled={loading}\n        >\n          Cancel\n        </Button>\n        <div>\n          {state.currentStepIndex > 0 && (\n            <Button\n              onClick={() => dispatch({ type: 'setStep', payload: state.currentStepIndex - 1 })}\n              disabled={loading}\n            >\n              Previous\n            </Button>\n          )}\n          {state.currentStepIndex !== state.numSteps - 1 && (\n            <Button variant='primary' onClick={submitStep} disabled={loading}>\n              Next\n            </Button>\n          )}\n          {state.currentStepIndex === state.numSteps - 1 && (\n            <Button\n              type='submit'\n              variant='primary'\n              onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                e.preventDefault();\n                submitStep();\n              }}\n              disabled={loading}\n            >\n              Finish\n            </Button>\n          )}\n        </div>\n      </>\n    );\n\n    const steps = [\n      {\n        id: 'applicant_details',\n        name: 'Applicant details - personal information',\n        description:\n          'This applicant has passed initial screening and has been cleared to have an interview scheduled. ' +\n          'Please confirm their details and have a discussion regarding the open position and the company.',\n        banners,\n        content: (\n          <ApplicantDetailsFields\n            formData={state.formData}\n            formErrors={state.formErrors}\n            dispatch={dispatch}\n          />\n        ),\n        actions: stepActions\n      },\n      {\n        id: 'interview_notes',\n        name: 'Interview notes',\n        banners,\n        content: (\n          <InterviewNotesFields\n            formData={state.formData}\n            formErrors={state.formErrors}\n            dispatch={dispatch}\n          />\n        ),\n        actions: stepActions\n      },\n      {\n        id: 'recommendations',\n        name: 'Final recommendations',\n        description:\n          'Based on your screening call with the applicant please submit your recomendations.',\n        banners,\n        content: (\n          <RecommendationsFields\n            formData={state.formData}\n            formErrors={state.formErrors}\n            dispatch={dispatch}\n          />\n        ),\n        actions: stepActions\n      }\n    ];\n\n    if (state.numSteps === 4) {\n      steps.splice(2, 0, {\n        id: 'next_interview',\n        name: 'Next interview',\n        description: 'Please select an individual to conduct the next interview.',\n        banners,\n        content: (\n          <NextInterviewFields\n            formData={state.formData}\n            formErrors={state.formErrors}\n            dispatch={dispatch}\n          />\n        ),\n        actions: stepActions\n      });\n    }\n\n    return steps;\n  }, [state.formData, state.formErrors, state.currentStepIndex, banners, loading]);\n\n  return (\n    <>\n      {(state.cancelled || state.finished) && (\n        <Flex container={{ gap: 2, alignItems: 'center' }}>\n          <Text variant='h1'>HR screening {state.cancelled ? 'cancelled' : 'finished'}</Text>\n          <Button\n            onClick={() => {\n              dispatch({ type: 'restart' });\n            }}\n          >\n            Restart\n          </Button>\n        </Flex>\n      )}\n\n      {!state.cancelled && !state.finished && (\n        <MultiStepForm\n          heading={args.heading}\n          steps={stepData}\n          currentStepId={stepData[state.currentStepIndex].id}\n          stepIndicator={args.stepIndicator}\n          progress={\n            loading\n              ? `Submitting ${stepData[state.currentStepIndex].name.toLowerCase()}...`\n              : undefined\n          }\n        />\n      )}\n    </>\n  );\n};\n\nexport const MultiStepFormInModalDemo: StoryFn<MultiStepFormDemoProps> = (\n  args: MultiStepFormDemoProps\n) => {\n  const { create } = useModalManager();\n\n  useEffect(() => {\n    create(MultiStepModal, args);\n  }, []);\n\n  return (\n    <Button\n      onClick={() => {\n        create(MultiStepModal, args);\n      }}\n    >\n      Open Modal\n    </Button>\n  );\n};\n"]}

package/jsx/core/NoValue/NoValue.stories.d.ts

@@ -1,6 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Base: StoryFn;
-export declare const InFVL: StoryFn;
-//# sourceMappingURL=NoValue.stories.d.ts.map

package/jsx/core/NoValue/NoValue.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoValue.stories.d.ts","sourceRoot":"","sources":["../../../src/core/NoValue/NoValue.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;;AAItD,wBAGU;AAEV,eAAO,MAAM,IAAI,EAAE,OAElB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,OA0BnB,CAAC"}

package/jsx/core/NoValue/NoValue.stories.jsx

@@ -1,30 +0,0 @@
-import { FieldValueList, NoValue, Status, Text } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/NoValue',
-    component: NoValue
-};
-export const Base = () => {
-    return <NoValue />;
-};
-export const InFVL = () => {
-    return (<FieldValueList fields={[
-            {
-                id: 'dynamic',
-                name: 'Name',
-                value: <NoValue />
-            },
-            {
-                id: 'id',
-                name: 'ID',
-                value: (<Text variant='h1' as='span'>
-              C-1234
-            </Text>)
-            },
-            {
-                id: 'status',
-                name: 'Status',
-                value: <Status variant='pending'>pending</Status>
-            }
-        ]}/>);
-};
-//# sourceMappingURL=NoValue.stories.jsx.map

package/jsx/core/NoValue/NoValue.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoValue.stories.jsx","sourceRoot":"","sources":["../../../src/core/NoValue/NoValue.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEhF,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;CACX,CAAC;AAEV,MAAM,CAAC,MAAM,IAAI,GAAY,GAAG,EAAE;IAChC,OAAO,CAAC,OAAO,CAAC,AAAD,EAAG,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAY,GAAG,EAAE;IACjC,OAAO,CACL,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;YACN;gBACE,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,CAAC,OAAO,CAAC,AAAD,EAAG;aACnB;YACD;gBACE,EAAE,EAAE,IAAI;gBACR,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAC1B;;YACF,EAAE,IAAI,CAAC,CACR;aACF;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;aAClD;SACF,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { FieldValueList, NoValue, Status, Text } from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/NoValue',\n  component: NoValue\n} as Meta;\n\nexport const Base: StoryFn = () => {\n  return <NoValue />;\n};\n\nexport const InFVL: StoryFn = () => {\n  return (\n    <FieldValueList\n      fields={[\n        {\n          id: 'dynamic',\n          name: 'Name',\n          value: <NoValue />\n        },\n        {\n          id: 'id',\n          name: 'ID',\n          value: (\n            <Text variant='h1' as='span'>\n              C-1234\n            </Text>\n          )\n        },\n        {\n          id: 'status',\n          name: 'Status',\n          value: <Status variant='pending'>pending</Status>\n        }\n      ]}\n    />\n  );\n};\n"]}

package/jsx/core/Number/Number.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { NumberDisplayProps, NumberInputProps, NumberRangeInputProps, OmitStrict } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export type NumberInputStory = OmitStrict<NumberInputProps, 'value' | 'onChange'> & {
-    value?: number;
-    onChange?: (value: string) => void;
-    showAdditionalInfo?: boolean;
-};
-export declare const NumberInputDemo: StoryFn<NumberInputStory>;
-export declare const NumberRangeInputDemo: StoryFn<NumberRangeInputProps>;
-export declare const StepperDemo: StoryFn<NumberInputStory>;
-interface NumberDisplayStoryProps extends NumberDisplayProps {
-    fractionDigits: number;
-    groupSeparators: boolean;
-    notation: 'standard' | 'compact';
-}
-export declare const NumberDisplayDemo: StoryFn<NumberDisplayStoryProps>;
-//# sourceMappingURL=Number.stories.d.ts.map

package/jsx/core/Number/Number.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Number.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Number/Number.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAItD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,UAAU,EACX,MAAM,yBAAyB,CAAC;;AAEjC,wBAGU;AAEV,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,gBAAgB,CA2CrD,CAAC;AA2EF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,qBAAqB,CA6C/D,CAAC;AA2EF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,CA4CjD,CAAC;AAqCF,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,uBAAuB,CAc9D,CAAC"}

package/jsx/core/Number/Number.stories.jsx

@@ -1,299 +0,0 @@
-import { useEffect, useState } from 'react';
-import { NumberDisplay, NumberInput, NumberRangeInput, usePrevious } from '@pega/cosmos-react-core';
-export default {
-    title: 'Core/Number',
-    component: NumberInput
-};
-export const NumberInputDemo = (args) => {
-    const [value, setValue] = useState(args.value === undefined ? undefined : `${args.value}`);
-    const prev = usePrevious(args.value);
-    useEffect(() => {
-        if (prev !== args.value)
-            setValue(args.value === undefined ? undefined : `${args.value}`);
-    }, [prev, args.value]);
-    return (<NumberInput {...args} value={value} onChange={inputValue => {
-            setValue(inputValue);
-            args.onChange?.(inputValue);
-        }} onBlur={inputValue => {
-            args.onBlur?.(inputValue);
-        }} onFocus={inputValue => {
-            args.onFocus?.(inputValue);
-        }} numberOfDecimals={args.numberOfDecimals} showDecimal={args.showDecimal} showGroupSeparators={args.showGroupSeparators} step={args.step} unit={args.unit} label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} additionalInfo={args.showAdditionalInfo
-            ? { heading: 'Additional Info', content: 'Input a number' }
-            : undefined}/>);
-};
-NumberInputDemo.args = {
-    value: undefined,
-    numberOfDecimals: 20,
-    showDecimal: true,
-    showGroupSeparators: true,
-    step: 1,
-    unit: undefined,
-    label: 'Number input',
-    labelHidden: false,
-    info: 'Enter a numerical value',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false
-};
-NumberInputDemo.argTypes = {
-    value: { control: { type: 'number' } },
-    numberOfDecimals: { control: { type: 'number' } },
-    showDecimal: { control: { type: 'boolean' } },
-    showGroupSeparators: { control: { type: 'boolean' } },
-    step: { control: { type: 'number' } },
-    unit: {
-        options: [
-            undefined,
-            'acre',
-            'byte',
-            'celsius',
-            'centimeter',
-            'day',
-            'degree',
-            'fahrenheit',
-            'foot',
-            'gigabyte',
-            'gram',
-            'hectare',
-            'hour',
-            'inch',
-            'kilobyte',
-            'kilogram',
-            'kilometer',
-            'kilometer-per-hour',
-            'liter',
-            'liter-per-meter',
-            'megabyte',
-            'meter',
-            'meter-per-second',
-            'mile',
-            'millimeter',
-            'millisecond',
-            'minute',
-            'month',
-            'percent',
-            'pound',
-            'second',
-            'terabyte',
-            'week',
-            'year',
-            'token'
-        ],
-        control: { type: 'select' }
-    },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-export const NumberRangeInputDemo = (args) => {
-    const [value, setValue] = useState(args.value);
-    const prevValue = usePrevious(args.value);
-    useEffect(() => {
-        if (prevValue?.start !== args.value?.start || prevValue?.end !== args.value?.end) {
-            setValue(args.value);
-        }
-    }, [prevValue?.start, prevValue?.end, args.value?.start, args.value?.end]);
-    return (<NumberRangeInput {...args} value={value} onChange={newValue => {
-            setValue(newValue);
-            args.onChange?.(newValue);
-        }} onBlur={newValue => {
-            setValue(newValue);
-            args.onBlur?.(newValue);
-        }} onFocus={newValue => {
-            setValue(newValue);
-            args.onFocus?.(newValue);
-        }} numberOfDecimals={args.numberOfDecimals} showDecimal={args.showDecimal} showGroupSeparators={args.showGroupSeparators} step={args.step} unit={args.unit} label={args.label} fromLabel={args.fromLabel} toLabel={args.toLabel} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly}/>);
-};
-NumberRangeInputDemo.args = {
-    numberOfDecimals: 20,
-    showDecimal: true,
-    showGroupSeparators: true,
-    step: 1,
-    unit: undefined,
-    fromLabel: 'Min value',
-    toLabel: 'Max value',
-    labelHidden: false,
-    info: 'Enter a numerical value',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    label: 'Numeric value'
-};
-NumberRangeInputDemo.argTypes = {
-    numberOfDecimals: { control: { type: 'number' } },
-    showDecimal: { control: { type: 'boolean' } },
-    showGroupSeparators: { control: { type: 'boolean' } },
-    step: { control: { type: 'number' } },
-    unit: {
-        options: [
-            undefined,
-            'acre',
-            'byte',
-            'celsius',
-            'centimeter',
-            'day',
-            'degree',
-            'fahrenheit',
-            'foot',
-            'gigabyte',
-            'gram',
-            'hectare',
-            'hour',
-            'inch',
-            'kilobyte',
-            'kilogram',
-            'kilometer',
-            'kilometer-per-hour',
-            'liter',
-            'liter-per-meter',
-            'megabyte',
-            'meter',
-            'meter-per-second',
-            'mile',
-            'millimeter',
-            'millisecond',
-            'minute',
-            'month',
-            'percent',
-            'pound',
-            'second',
-            'terabyte',
-            'week',
-            'year',
-            'token'
-        ],
-        control: { type: 'select' }
-    },
-    label: { control: { type: 'text' } },
-    fromLabel: { control: { type: 'text' } },
-    toLabel: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } }
-};
-export const StepperDemo = (args) => {
-    const [value, setValue] = useState(args.value === undefined ? undefined : `${args.value}`);
-    const prev = usePrevious(args.value);
-    useEffect(() => {
-        if (prev !== args.value)
-            setValue(args.value === undefined ? undefined : `${args.value}`);
-    }, [prev, args.value]);
-    return (<NumberInput {...args} variant='stepper' value={value} onChange={inputValue => {
-            setValue(inputValue);
-            args.onChange?.(inputValue);
-        }} onBlur={inputValue => {
-            args.onBlur?.(inputValue);
-        }} onFocus={inputValue => {
-            args.onFocus?.(inputValue);
-        }} numberOfDecimals={args.numberOfDecimals} showDecimal={args.showDecimal} showGroupSeparators={args.showGroupSeparators} step={args.step} unit={args.unit} label={args.label} labelHidden={args.labelHidden} info={args.info} status={args.status} required={args.required} disabled={args.disabled} readOnly={args.readOnly} additionalInfo={args.showAdditionalInfo
-            ? { heading: 'Additional Info', content: 'Input a stepper value' }
-            : undefined}/>);
-};
-StepperDemo.args = {
-    value: undefined,
-    numberOfDecimals: 20,
-    showDecimal: true,
-    showGroupSeparators: true,
-    step: 1,
-    unit: undefined,
-    label: 'Stepper input',
-    labelHidden: false,
-    info: 'Enter a numerical value',
-    status: undefined,
-    required: false,
-    disabled: false,
-    readOnly: false,
-    showAdditionalInfo: false
-};
-StepperDemo.argTypes = {
-    value: { control: { type: 'number' } },
-    numberOfDecimals: { control: { type: 'number' } },
-    showDecimal: { control: { type: 'boolean' } },
-    showGroupSeparators: { control: { type: 'boolean' } },
-    step: { control: { type: 'number' } },
-    unit: { control: { type: 'text' } },
-    label: { control: { type: 'text' } },
-    labelHidden: { control: { type: 'boolean' } },
-    info: { control: { type: 'text', label: 'Helper text' } },
-    status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },
-    required: { control: { type: 'boolean' } },
-    disabled: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } },
-    showAdditionalInfo: { control: { type: 'boolean' } }
-};
-export const NumberDisplayDemo = (args) => {
-    return (<NumberDisplay value={args.value} unit={args.unit} formattingOptions={{
-            fractionDigits: args.fractionDigits,
-            groupSeparators: args.groupSeparators,
-            notation: args.notation
-        }}/>);
-};
-NumberDisplayDemo.args = {
-    value: undefined,
-    unit: undefined,
-    fractionDigits: undefined,
-    notation: 'standard',
-    groupSeparators: true
-};
-NumberDisplayDemo.argTypes = {
-    value: { control: { type: 'number' } },
-    unit: {
-        options: [
-            undefined,
-            'acre',
-            'byte',
-            'celsius',
-            'centimeter',
-            'day',
-            'degree',
-            'fahrenheit',
-            'foot',
-            'gigabyte',
-            'gram',
-            'hectare',
-            'hour',
-            'inch',
-            'kilobyte',
-            'kilogram',
-            'kilometer',
-            'kilometer-per-hour',
-            'liter',
-            'liter-per-meter',
-            'megabyte',
-            'meter',
-            'meter-per-second',
-            'mile',
-            'millimeter',
-            'millisecond',
-            'minute',
-            'month',
-            'percent',
-            'pound',
-            'second',
-            'terabyte',
-            'week',
-            'year',
-            'token'
-        ],
-        control: { type: 'select' }
-    },
-    fractionDigits: { control: { type: 'number', min: 0, max: 20, step: 1 } },
-    groupSeparators: { control: { type: 'boolean' } },
-    notation: {
-        control: { type: 'inline-radio' },
-        options: ['standard', 'compact']
-    }
-};
-//# sourceMappingURL=Number.stories.jsx.map

package/jsx/core/Number/Number.stories.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"Number.stories.jsx","sourceRoot":"","sources":["../../../src/core/Number/Number.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport { useEffect, useState } from 'react';\n\nimport { NumberDisplay, NumberInput, NumberRangeInput, usePrevious } from '@pega/cosmos-react-core';\nimport type {\n  NumberDisplayProps,\n  NumberInputProps,\n  NumberRangeInputProps,\n  OmitStrict\n} from '@pega/cosmos-react-core';\n\nexport default {\n  title: 'Core/Number',\n  component: NumberInput\n} as Meta;\n\nexport type NumberInputStory = OmitStrict<NumberInputProps, 'value' | 'onChange'> & {\n  value?: number;\n  onChange?: (value: string) => void;\n  showAdditionalInfo?: boolean;\n};\n\nexport const NumberInputDemo: StoryFn<NumberInputStory> = (args: NumberInputStory) => {\n  const [value, setValue] = useState<string | undefined>(\n    args.value === undefined ? undefined : `${args.value}`\n  );\n\n  const prev = usePrevious(args.value);\n  useEffect(() => {\n    if (prev !== args.value) setValue(args.value === undefined ? undefined : `${args.value}`);\n  }, [prev, args.value]);\n\n  return (\n    <NumberInput\n      {...args}\n      value={value}\n      onChange={inputValue => {\n        setValue(inputValue);\n        args.onChange?.(inputValue);\n      }}\n      onBlur={inputValue => {\n        args.onBlur?.(inputValue);\n      }}\n      onFocus={inputValue => {\n        args.onFocus?.(inputValue);\n      }}\n      numberOfDecimals={args.numberOfDecimals}\n      showDecimal={args.showDecimal}\n      showGroupSeparators={args.showGroupSeparators}\n      step={args.step}\n      unit={args.unit}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      additionalInfo={\n        args.showAdditionalInfo\n          ? { heading: 'Additional Info', content: 'Input a number' }\n          : undefined\n      }\n    />\n  );\n};\n\nNumberInputDemo.args = {\n  value: undefined,\n  numberOfDecimals: 20,\n  showDecimal: true,\n  showGroupSeparators: true,\n  step: 1,\n  unit: undefined,\n  label: 'Number input',\n  labelHidden: false,\n  info: 'Enter a numerical value',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\n};\n\nNumberInputDemo.argTypes = {\n  value: { control: { type: 'number' } },\n  numberOfDecimals: { control: { type: 'number' } },\n  showDecimal: { control: { type: 'boolean' } },\n  showGroupSeparators: { control: { type: 'boolean' } },\n  step: { control: { type: 'number' } },\n  unit: {\n    options: [\n      undefined,\n      'acre',\n      'byte',\n      'celsius',\n      'centimeter',\n      'day',\n      'degree',\n      'fahrenheit',\n      'foot',\n      'gigabyte',\n      'gram',\n      'hectare',\n      'hour',\n      'inch',\n      'kilobyte',\n      'kilogram',\n      'kilometer',\n      'kilometer-per-hour',\n      'liter',\n      'liter-per-meter',\n      'megabyte',\n      'meter',\n      'meter-per-second',\n      'mile',\n      'millimeter',\n      'millisecond',\n      'minute',\n      'month',\n      'percent',\n      'pound',\n      'second',\n      'terabyte',\n      'week',\n      'year',\n      'token'\n    ],\n    control: { type: 'select' }\n  },\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\nexport const NumberRangeInputDemo: StoryFn<NumberRangeInputProps> = (\n  args: NumberRangeInputProps\n) => {\n  const [value, setValue] = useState(args.value);\n\n  const prevValue = usePrevious(args.value);\n\n  useEffect(() => {\n    if (prevValue?.start !== args.value?.start || prevValue?.end !== args.value?.end) {\n      setValue(args.value);\n    }\n  }, [prevValue?.start, prevValue?.end, args.value?.start, args.value?.end]);\n\n  return (\n    <NumberRangeInput\n      {...args}\n      value={value}\n      onChange={newValue => {\n        setValue(newValue);\n        args.onChange?.(newValue);\n      }}\n      onBlur={newValue => {\n        setValue(newValue);\n        args.onBlur?.(newValue);\n      }}\n      onFocus={newValue => {\n        setValue(newValue);\n        args.onFocus?.(newValue);\n      }}\n      numberOfDecimals={args.numberOfDecimals}\n      showDecimal={args.showDecimal}\n      showGroupSeparators={args.showGroupSeparators}\n      step={args.step}\n      unit={args.unit}\n      label={args.label}\n      fromLabel={args.fromLabel}\n      toLabel={args.toLabel}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n    />\n  );\n};\n\nNumberRangeInputDemo.args = {\n  numberOfDecimals: 20,\n  showDecimal: true,\n  showGroupSeparators: true,\n  step: 1,\n  unit: undefined,\n  fromLabel: 'Min value',\n  toLabel: 'Max value',\n  labelHidden: false,\n  info: 'Enter a numerical value',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  label: 'Numeric value'\n};\n\nNumberRangeInputDemo.argTypes = {\n  numberOfDecimals: { control: { type: 'number' } },\n  showDecimal: { control: { type: 'boolean' } },\n  showGroupSeparators: { control: { type: 'boolean' } },\n  step: { control: { type: 'number' } },\n  unit: {\n    options: [\n      undefined,\n      'acre',\n      'byte',\n      'celsius',\n      'centimeter',\n      'day',\n      'degree',\n      'fahrenheit',\n      'foot',\n      'gigabyte',\n      'gram',\n      'hectare',\n      'hour',\n      'inch',\n      'kilobyte',\n      'kilogram',\n      'kilometer',\n      'kilometer-per-hour',\n      'liter',\n      'liter-per-meter',\n      'megabyte',\n      'meter',\n      'meter-per-second',\n      'mile',\n      'millimeter',\n      'millisecond',\n      'minute',\n      'month',\n      'percent',\n      'pound',\n      'second',\n      'terabyte',\n      'week',\n      'year',\n      'token'\n    ],\n    control: { type: 'select' }\n  },\n  label: { control: { type: 'text' } },\n  fromLabel: { control: { type: 'text' } },\n  toLabel: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n\nexport const StepperDemo: StoryFn<NumberInputStory> = (args: NumberInputStory) => {\n  const [value, setValue] = useState<string | undefined>(\n    args.value === undefined ? undefined : `${args.value}`\n  );\n\n  const prev = usePrevious(args.value);\n  useEffect(() => {\n    if (prev !== args.value) setValue(args.value === undefined ? undefined : `${args.value}`);\n  }, [prev, args.value]);\n\n  return (\n    <NumberInput\n      {...args}\n      variant='stepper'\n      value={value}\n      onChange={inputValue => {\n        setValue(inputValue);\n        args.onChange?.(inputValue);\n      }}\n      onBlur={inputValue => {\n        args.onBlur?.(inputValue);\n      }}\n      onFocus={inputValue => {\n        args.onFocus?.(inputValue);\n      }}\n      numberOfDecimals={args.numberOfDecimals}\n      showDecimal={args.showDecimal}\n      showGroupSeparators={args.showGroupSeparators}\n      step={args.step}\n      unit={args.unit}\n      label={args.label}\n      labelHidden={args.labelHidden}\n      info={args.info}\n      status={args.status}\n      required={args.required}\n      disabled={args.disabled}\n      readOnly={args.readOnly}\n      additionalInfo={\n        args.showAdditionalInfo\n          ? { heading: 'Additional Info', content: 'Input a stepper value' }\n          : undefined\n      }\n    />\n  );\n};\n\nStepperDemo.args = {\n  value: undefined,\n  numberOfDecimals: 20,\n  showDecimal: true,\n  showGroupSeparators: true,\n  step: 1,\n  unit: undefined,\n  label: 'Stepper input',\n  labelHidden: false,\n  info: 'Enter a numerical value',\n  status: undefined,\n  required: false,\n  disabled: false,\n  readOnly: false,\n  showAdditionalInfo: false\n};\n\nStepperDemo.argTypes = {\n  value: { control: { type: 'number' } },\n  numberOfDecimals: { control: { type: 'number' } },\n  showDecimal: { control: { type: 'boolean' } },\n  showGroupSeparators: { control: { type: 'boolean' } },\n  step: { control: { type: 'number' } },\n  unit: { control: { type: 'text' } },\n\n  label: { control: { type: 'text' } },\n  labelHidden: { control: { type: 'boolean' } },\n  info: { control: { type: 'text', label: 'Helper text' } },\n  status: { options: [undefined, 'success', 'warning', 'error'], control: { type: 'select' } },\n  required: { control: { type: 'boolean' } },\n  disabled: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } },\n  showAdditionalInfo: { control: { type: 'boolean' } }\n};\n\ninterface NumberDisplayStoryProps extends NumberDisplayProps {\n  fractionDigits: number;\n  groupSeparators: boolean;\n  notation: 'standard' | 'compact';\n}\n\nexport const NumberDisplayDemo: StoryFn<NumberDisplayStoryProps> = (\n  args: NumberDisplayStoryProps\n) => {\n  return (\n    <NumberDisplay\n      value={args.value}\n      unit={args.unit}\n      formattingOptions={{\n        fractionDigits: args.fractionDigits,\n        groupSeparators: args.groupSeparators,\n        notation: args.notation\n      }}\n    />\n  );\n};\n\nNumberDisplayDemo.args = {\n  value: undefined,\n  unit: undefined,\n  fractionDigits: undefined,\n  notation: 'standard',\n  groupSeparators: true\n};\n\nNumberDisplayDemo.argTypes = {\n  value: { control: { type: 'number' } },\n  unit: {\n    options: [\n      undefined,\n      'acre',\n      'byte',\n      'celsius',\n      'centimeter',\n      'day',\n      'degree',\n      'fahrenheit',\n      'foot',\n      'gigabyte',\n      'gram',\n      'hectare',\n      'hour',\n      'inch',\n      'kilobyte',\n      'kilogram',\n      'kilometer',\n      'kilometer-per-hour',\n      'liter',\n      'liter-per-meter',\n      'megabyte',\n      'meter',\n      'meter-per-second',\n      'mile',\n      'millimeter',\n      'millisecond',\n      'minute',\n      'month',\n      'percent',\n      'pound',\n      'second',\n      'terabyte',\n      'week',\n      'year',\n      'token'\n    ],\n    control: { type: 'select' }\n  },\n  fractionDigits: { control: { type: 'number', min: 0, max: 20, step: 1 } },\n  groupSeparators: { control: { type: 'boolean' } },\n  notation: {\n    control: { type: 'inline-radio' },\n    options: ['standard', 'compact']\n  }\n};\n"]}

package/jsx/core/PageTemplates/PageTemplates.mocks.d.ts

@@ -1,3 +0,0 @@
-import { PageTemplateProps } from '@pega/cosmos-react-core';
-export declare const getPath: (showBreadcrumbs?: boolean, pathData?: string) => PageTemplateProps['path'];
-//# sourceMappingURL=PageTemplates.mocks.d.ts.map

package/jsx/core/PageTemplates/PageTemplates.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.mocks.d.ts","sourceRoot":"","sources":["../../../src/core/PageTemplates/PageTemplates.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,eAAO,MAAM,OAAO,qBACA,OAAO,aACd,MAAM,KAChB,iBAAiB,CAAC,MAAM,CAQ1B,CAAC"}

package/jsx/core/PageTemplates/PageTemplates.mocks.js

@@ -1,10 +0,0 @@
-export const getPath = (showBreadcrumbs, pathData) => {
-    if (showBreadcrumbs) {
-        return pathData
-            ? pathData.split(',').map((item) => {
-                return { id: item, primary: item, href: `#${item.replaceAll(' ', '-')}` };
-            })
-            : [];
-    }
-};
-//# sourceMappingURL=PageTemplates.mocks.js.map

package/jsx/core/PageTemplates/PageTemplates.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.mocks.js","sourceRoot":"","sources":["../../../src/core/PageTemplates/PageTemplates.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,eAAyB,EACzB,QAAiB,EACU,EAAE;IAC7B,IAAI,eAAe,EAAE;QACnB,OAAO,QAAQ;YACb,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;gBACpC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC;YAC5E,CAAC,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC;KACR;AACH,CAAC,CAAC","sourcesContent":["import { PageTemplateProps } from '@pega/cosmos-react-core';\n\nexport const getPath = (\n  showBreadcrumbs?: boolean,\n  pathData?: string\n): PageTemplateProps['path'] => {\n  if (showBreadcrumbs) {\n    return pathData\n      ? pathData.split(',').map((item: any) => {\n          return { id: item, primary: item, href: `#${item.replaceAll(' ', '-')}` };\n        })\n      : [];\n  }\n};\n"]}

package/jsx/core/PageTemplates/PageTemplates.stories.d.ts

@@ -1,33 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { DashboardPageLayoutProps, PageTemplateProps, TemplateProps, OmitStrict } from '@pega/cosmos-react-core';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-interface PageTemplatesStoryProps {
-    template?: 'demo page' | 'one column' | 'two column' | 'three column' | 'four column' | 'wide narrow' | 'narrow wide' | 'wide wide narrow' | 'narrow wide wide' | 'narrow wide narrow';
-    title?: PageTemplateProps['title'];
-    icon?: PageTemplateProps['icon'];
-    scrollContent?: PageTemplateProps['scrollContent'];
-    showIcon?: boolean;
-    showBreadcrumbs?: boolean;
-    pathData?: string;
-    showActions?: boolean;
-    showBanners?: boolean;
-}
-export declare const ColumnPageDemo: StoryFn<PageTemplatesStoryProps>;
-interface DashboardPageStoryProps {
-    title?: DashboardPageLayoutProps['title'];
-    filterPosition?: DashboardPageLayoutProps['filterPosition'];
-    numberOfFilters?: number;
-}
-export declare const DashboardPageDemo: StoryFn<DashboardPageStoryProps>;
-interface CategorySubPageStoryProps {
-    category?: TemplateProps['category'];
-    categoryIcon?: TemplateProps['categoryIcon'];
-    showIcon?: boolean;
-    viewLoading?: TemplateProps['viewLoading'];
-    maxActions?: TemplateProps['maxActions'];
-}
-export declare const CategorySubPageDemo: StoryFn<CategorySubPageStoryProps>;
-type TabbedPageStoryProps = OmitStrict<PageTemplatesStoryProps, 'template'>;
-export declare const TabbedPageDemo: StoryFn<TabbedPageStoryProps>;
-//# sourceMappingURL=PageTemplates.stories.d.ts.map

package/jsx/core/PageTemplates/PageTemplates.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTemplates.stories.d.ts","sourceRoot":"","sources":["../../../src/core/PageTemplates/PageTemplates.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AA2BtD,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EAGjB,aAAa,EAEb,UAAU,EACX,MAAM,yBAAyB,CAAC;;AAWjC,wBAKU;AAEV,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EACL,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,aAAa,GACb,aAAa,GACb,aAAa,GACb,kBAAkB,GAClB,kBAAkB,GAClB,oBAAoB,CAAC;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,uBAAuB,CAsE3D,CAAC;AAyCF,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,uBAAuB,CAoE9D,CAAC;AAiBF,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,yBAAyB,CAkFlE,CAAC;AAkBF,KAAK,oBAAoB,GAAG,UAAU,CAAC,uBAAuB,EAAE,UAAU,CAAC,CAAC;AAE5E,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,oBAAoB,CA2ExD,CAAC"}