@pega/cosmos-react-condition-builder 8.8.0 → 9.0.0-build.10.0

package/lib/components/ConditionBuilder/RhsControls/NumericRangeInput.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useState } from 'react';
-import { NumberRangeInput, useAfterInitialEffect, useI18n } from '@pega/cosmos-react-core';
-export const NumericRangeInput = forwardRef(({ rhs, onChange, status, allowDecimal = true, unit, ...props }, ref) => {
-    const t = useI18n();
-    // Formats a value as a percentage and fixes floating point rounding errors in input box
-    const convertPercentToDisplayValue = (value) => {
-        if (unit === 'percent_1') {
-            const num = typeof value === 'number' ? value : Number(value);
-            // Number value of empty string is 0, which we don't want, so we return just value instead
-            if (!Number.isNaN(num) && value !== '') {
-                return parseFloat((num * 100).toFixed(2));
-            }
-        }
-        return value;
-    };
-    const [internalValue, setInternalValue] = useState({
-        start: convertPercentToDisplayValue(rhs?.start)?.toString(),
-        end: convertPercentToDisplayValue(rhs?.end)?.toString()
-    });
-    useAfterInitialEffect(() => {
-        setInternalValue({
-            start: convertPercentToDisplayValue(rhs?.start)?.toString(),
-            end: convertPercentToDisplayValue(rhs?.end)?.toString()
-        });
-    }, [rhs?.start, rhs?.end]);
-    const handleChange = (newValue) => {
-        setInternalValue(newValue);
-    };
-    const handleBlur = (newValue) => {
-        let outStartValue;
-        let outEndValue;
-        if (newValue.start) {
-            const valueAsNumber = Number(newValue.start);
-            if (!Number.isNaN(valueAsNumber)) {
-                outStartValue = unit === 'percent_1' ? valueAsNumber / 100 : valueAsNumber;
-            }
-        }
-        if (newValue.end) {
-            const valueAsNumber = Number(newValue.end);
-            if (!Number.isNaN(valueAsNumber)) {
-                outEndValue = unit === 'percent_1' ? valueAsNumber / 100 : valueAsNumber;
-            }
-        }
-        onChange({
-            start: outStartValue,
-            end: outEndValue
-        });
-    };
-    return (_jsx(NumberRangeInput, { ...props, ref: ref, value: internalValue, onChange: handleChange, onBlur: handleBlur, status: status, info: status === 'error' ? t('condition_builder_invalid_number_range') : undefined, numberOfDecimals: allowDecimal ? undefined : 0, unit: unit === 'percent_1' || unit === 'percent_100' ? 'percent' : undefined }));
-});
-//# sourceMappingURL=NumericRangeInput.js.map

package/lib/components/ConditionBuilder/RhsControls/NumericRangeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumericRangeInput.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useState } from 'react';\nimport type { Ref } from 'react';\n\nimport { NumberRangeInput, useAfterInitialEffect, useI18n } from '@pega/cosmos-react-core';\nimport type { BaseProps, FormControlProps, NoChildrenProp } from '@pega/cosmos-react-core';\n\nexport interface NumericRangeInputProps extends BaseProps, NoChildrenProp {\n  /** Label for the range input. */\n  label: FormControlProps['label'];\n  /** Determines whether the label is hidden. */\n  labelHidden?: FormControlProps['labelHidden'];\n  /** Rhs for the condition. */\n  rhs?: { start: string | number; end: string | number };\n  /** Callback for any modifications to the Rhs. */\n  onChange: (rhs: { start: number | undefined; end: number | undefined }) => void;\n  /** Used to indicate any errors on the control. */\n  status?: 'error';\n  /**\n   * Determines whether decimals can be entered.\n   * @default true\n   */\n  allowDecimal?: boolean;\n  /** Determines whether value is stored in the database in the range of 0 to 1 or 0 to 100. */\n  unit?: 'percent_1' | 'percent_100';\n  /** Ref to the component. */\n  ref?: Ref<HTMLFieldSetElement>;\n}\n\nexport const NumericRangeInput = forwardRef<HTMLFieldSetElement, NumericRangeInputProps>(\n  ({ rhs, onChange, status, allowDecimal = true, unit, ...props }, ref) => {\n    const t = useI18n();\n    // Formats a value as a percentage and fixes floating point rounding errors in input box\n    const convertPercentToDisplayValue = (value: string | number | undefined) => {\n      if (unit === 'percent_1') {\n        const num = typeof value === 'number' ? value : Number(value);\n        // Number value of empty string is 0, which we don't want, so we return just value instead\n        if (!Number.isNaN(num) && value !== '') {\n          return parseFloat((num * 100).toFixed(2));\n        }\n      }\n      return value;\n    };\n\n    const [internalValue, setInternalValue] = useState<{\n      start: string | undefined;\n      end: string | undefined;\n    }>({\n      start: convertPercentToDisplayValue(rhs?.start)?.toString(),\n      end: convertPercentToDisplayValue(rhs?.end)?.toString()\n    });\n\n    useAfterInitialEffect(() => {\n      setInternalValue({\n        start: convertPercentToDisplayValue(rhs?.start)?.toString(),\n        end: convertPercentToDisplayValue(rhs?.end)?.toString()\n      });\n    }, [rhs?.start, rhs?.end]);\n\n    const handleChange = (newValue: { start: string; end: string }) => {\n      setInternalValue(newValue);\n    };\n\n    const handleBlur = (newValue: { start: string; end: string }) => {\n      let outStartValue: number | undefined;\n      let outEndValue: number | undefined;\n      if (newValue.start) {\n        const valueAsNumber = Number(newValue.start);\n        if (!Number.isNaN(valueAsNumber)) {\n          outStartValue = unit === 'percent_1' ? valueAsNumber / 100 : valueAsNumber;\n        }\n      }\n      if (newValue.end) {\n        const valueAsNumber = Number(newValue.end);\n        if (!Number.isNaN(valueAsNumber)) {\n          outEndValue = unit === 'percent_1' ? valueAsNumber / 100 : valueAsNumber;\n        }\n      }\n      onChange({\n        start: outStartValue,\n        end: outEndValue\n      });\n    };\n\n    return (\n      <NumberRangeInput\n        {...props}\n        ref={ref}\n        value={internalValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        status={status}\n        info={status === 'error' ? t('condition_builder_invalid_number_range') : undefined}\n        numberOfDecimals={allowDecimal ? undefined : 0}\n        unit={unit === 'percent_1' || unit === 'percent_100' ? 'percent' : undefined}\n      />\n    );\n  }\n);\n"]}