@pega/lists-react 9.0.0-build.11.5 → 9.0.0-build.12.0

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/Radio.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { RadioButton, RadioCheckGroup } from '@pega/cosmos-react-core';
-import { FieldType } from 'pega-repeating-structures-core';
-const StyledRadioGroup = styled.div ``;
-function RadioGroup(props) {
-    const { getField, getValue, getFormatter, renderFactory, resolveCellComponent } = props;
-    const field = getField();
-    const { id } = field;
-    const oldValue = getValue();
-    const translatedValue = oldValue === 'null' || oldValue === '' || oldValue === null || typeof oldValue === 'undefined'
-        ? 'Empty'
-        : oldValue;
-    const [value, setValue] = useState(translatedValue);
-    const radioOptions = field.type === FieldType.BOOLEAN ? [true, false, 'Empty'] : field.filterPickListOptions;
-    const onChange = event => {
-        setValue(event.target.id);
-        let newValue = event.target.id;
-        if (field.type === FieldType.BOOLEAN) {
-            if (event.target.id === 'Empty')
-                newValue = null;
-            else
-                newValue = event.target.id === 'true';
-        }
-        props.onSubmit({ oldValue, newValue });
-    };
-    return (_jsx(StyledRadioGroup, { children: _jsx(RadioCheckGroup, { name: id, children: radioOptions.map(item => {
-                const checkedProp = {};
-                if (item === value)
-                    checkedProp.defaultChecked = true;
-                return (_jsx(RadioButton, { id: `${item}`, name: `${item}`, onClick: onChange, label: resolveCellComponent('cellRenderer', renderFactory, {
-                        ...props,
-                        getValue: () => item.toString(),
-                        getFormattedValue: () => getFormatter?.()?.(item) || item.toString()
-                    }), ...checkedProp }, `${item}`));
-            }) }) }));
-}
-RadioGroup.propTypes = {
-    onCancel: PropTypes.func.isRequired,
-    onSubmit: PropTypes.func.isRequired,
-    getField: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired,
-    getFormatter: PropTypes.func.isRequired,
-    renderFactory: PropTypes.func.isRequired,
-    resolveCellComponent: PropTypes.func.isRequired
-};
-export default RadioGroup;
-//# sourceMappingURL=Radio.js.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/Radio.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport { RadioButton, RadioCheckGroup } from '@pega/cosmos-react-core';\nimport { FieldType } from 'pega-repeating-structures-core';\n\nconst StyledRadioGroup = styled.div``;\n\nfunction RadioGroup(props) {\n  const { getField, getValue, getFormatter, renderFactory, resolveCellComponent } = props;\n  const field = getField();\n  const { id } = field;\n  const oldValue = getValue();\n  const translatedValue =\n    oldValue === 'null' || oldValue === '' || oldValue === null || typeof oldValue === 'undefined'\n      ? 'Empty'\n      : oldValue;\n  const [value, setValue] = useState(translatedValue);\n  const radioOptions =\n    field.type === FieldType.BOOLEAN ? [true, false, 'Empty'] : field.filterPickListOptions;\n  const onChange = event => {\n    setValue(event.target.id);\n    let newValue = event.target.id;\n    if (field.type === FieldType.BOOLEAN) {\n      if (event.target.id === 'Empty') newValue = null;\n      else newValue = event.target.id === 'true';\n    }\n    props.onSubmit({ oldValue, newValue });\n  };\n\n  return (\n    <StyledRadioGroup>\n      <RadioCheckGroup name={id}>\n        {radioOptions.map(item => {\n          const checkedProp = {};\n          if (item === value) checkedProp.defaultChecked = true;\n\n          return (\n            <RadioButton\n              key={`${item}`}\n              id={`${item}`}\n              name={`${item}`}\n              onClick={onChange}\n              label={resolveCellComponent('cellRenderer', renderFactory, {\n                ...props,\n                getValue: () => item.toString(),\n                getFormattedValue: () => getFormatter?.()?.(item) || item.toString()\n              })}\n              {...checkedProp}\n            />\n          );\n        })}\n      </RadioCheckGroup>\n    </StyledRadioGroup>\n  );\n}\n\nRadioGroup.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  getField: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired,\n  getFormatter: PropTypes.func.isRequired,\n  renderFactory: PropTypes.func.isRequired,\n  resolveCellComponent: PropTypes.func.isRequired\n};\n\nexport default RadioGroup;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.d.ts

@@ -1,12 +0,0 @@
-export default TextInput;
-declare function TextInput(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace TextInput {
-    namespace propTypes {
-        let onCancel: PropTypes.Validator<(...args: any[]) => any>;
-        let onSubmit: PropTypes.Validator<(...args: any[]) => any>;
-        let getField: PropTypes.Validator<(...args: any[]) => any>;
-        let getValue: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-//# sourceMappingURL=TextInput.d.ts.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.jsx"],"names":[],"mappings":";AASA,gFA2CC;;;;;;;;;sBAnDqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Input } from '@pega/cosmos-react-core';
-const styles = {
-    input: { width: '100%', outline: 'none', border: 'none', boxShadow: 'none' }
-};
-function TextInput(props) {
-    const { getField, getValue } = props;
-    const { type } = getField();
-    const oldValue = getValue();
-    const [value, setValue] = useState(oldValue);
-    const inputRef = useRef(null);
-    const onChange = event => {
-        let { value: val } = event.target;
-        if (type?.toLowerCase() === 'number') {
-            val = parseInt(val, 10);
-        }
-        setValue(val);
-    };
-    const onKeyDown = event => {
-        if (event.key === 'Enter') {
-            props.onSubmit({ oldValue, newValue: value });
-        }
-        else if (event.key === 'Escape') {
-            props.onCancel();
-        }
-    };
-    const onBlur = () => props.onSubmit({ oldValue, newValue: value });
-    useEffect(() => {
-        inputRef.current?.focus();
-    }, [inputRef]);
-    return (_jsx(Input, { ...props, value: value, type: type, style: styles.input, ref: ref => {
-            inputRef.current = ref;
-        }, onChange: onChange, onBlur: onBlur, onKeyDown: onKeyDown }));
-}
-TextInput.propTypes = {
-    onCancel: PropTypes.func.isRequired,
-    onSubmit: PropTypes.func.isRequired,
-    getField: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired
-};
-export default TextInput;
-//# sourceMappingURL=TextInput.js.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;CAC7E,CAAC;AAEF,SAAS,SAAS,CAAC,KAAK;IACtB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAClC,IAAI,IAAI,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,CAAC;YACrC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC1B,CAAC;QACD,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,GAAG,CAAC,EAAE;YACT,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Input } from '@pega/cosmos-react-core';\n\nconst styles = {\n  input: { width: '100%', outline: 'none', border: 'none', boxShadow: 'none' }\n};\n\nfunction TextInput(props) {\n  const { getField, getValue } = props;\n  const { type } = getField();\n  const oldValue = getValue();\n  const [value, setValue] = useState(oldValue);\n  const inputRef = useRef(null);\n\n  const onChange = event => {\n    let { value: val } = event.target;\n    if (type?.toLowerCase() === 'number') {\n      val = parseInt(val, 10);\n    }\n    setValue(val);\n  };\n\n  const onKeyDown = event => {\n    if (event.key === 'Enter') {\n      props.onSubmit({ oldValue, newValue: value });\n    } else if (event.key === 'Escape') {\n      props.onCancel();\n    }\n  };\n\n  const onBlur = () => props.onSubmit({ oldValue, newValue: value });\n\n  useEffect(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  return (\n    <Input\n      {...props}\n      value={value}\n      type={type}\n      style={styles.input}\n      ref={ref => {\n        inputRef.current = ref;\n      }}\n      onChange={onChange}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n\nTextInput.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  getField: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired\n};\n\nexport default TextInput;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/index.d.ts

@@ -1,16 +0,0 @@
-export default Editor;
-declare function Editor(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Editor {
-    namespace propTypes {
-        let getField: PropTypes.Validator<(...args: any[]) => any>;
-        let onCancel: PropTypes.Validator<(...args: any[]) => any>;
-        let getElement: PropTypes.Validator<(...args: any[]) => any>;
-        let setEditContext: PropTypes.Validator<(...args: any[]) => any>;
-        let getFormatter: PropTypes.Validator<(...args: any[]) => any>;
-        let getValue: PropTypes.Validator<(...args: any[]) => any>;
-        let renderFactory: PropTypes.Validator<(...args: any[]) => any>;
-        let resolveCellComponent: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-//# sourceMappingURL=index.d.ts.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/index.jsx"],"names":[],"mappings":";AAcA,6EA8DC;;;;;;;;;;;;;sBA5EqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/index.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Popover, useElement, useOuterEvent } from '@pega/cosmos-react-core';
-import { FieldType } from 'pega-repeating-structures-core';
-import TextInput from './TextInput';
-import DateTime from './DateTime';
-import Radio from './Radio';
-const StyledPopover = styled.div `
-  padding: 1rem;
-  min-width: 7rem;
-`;
-function Editor(props) {
-    const { getField, onCancel, getElement, setEditContext, getFormatter, getValue, renderFactory, resolveCellComponent } = props;
-    setEditContext();
-    const { type, filterPickList, filterPickListOptions } = getField();
-    const showInPopOver = type === FieldType.BOOLEAN || (filterPickList && filterPickListOptions);
-    const [popperRef, setPopperRef] = useElement();
-    const [popperTarget, setPopperTarget] = useElement(getElement());
-    useOuterEvent('mousedown', [popperRef], () => {
-        setPopperTarget(null);
-        if (showInPopOver)
-            onCancel();
-    });
-    let Component = null;
-    switch (type) {
-        case FieldType.TEXT:
-        case FieldType.NUMBER:
-            Component = TextInput;
-            break;
-        case FieldType.DATE:
-        case FieldType.DATE_TIME:
-            Component = DateTime;
-            break;
-        case FieldType.BOOLEAN:
-            Component = Radio;
-            break;
-        default:
-            Component = TextInput;
-            break;
-    }
-    if (filterPickList && filterPickListOptions) {
-        Component = Radio;
-    }
-    if (!showInPopOver)
-        return _jsx(Component, { ...props });
-    const value = getValue();
-    return (_jsxs(_Fragment, { children: [resolveCellComponent('cellRenderer', renderFactory, {
-                ...props,
-                getFormattedValue: () => getFormatter?.()?.(value) || value
-            }), showInPopOver && (_jsx(Popover, { ref: setPopperRef, className: 'editpopper', target: popperTarget, children: _jsx(StyledPopover, { children: _jsx(Component, { ...props }) }) }))] }));
-}
-Editor.propTypes = {
-    getField: PropTypes.func.isRequired,
-    onCancel: PropTypes.func.isRequired,
-    getElement: PropTypes.func.isRequired,
-    setEditContext: PropTypes.func.isRequired,
-    getFormatter: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired,
-    renderFactory: PropTypes.func.isRequired,
-    resolveCellComponent: PropTypes.func.isRequired
-};
-export default Editor;
-//# sourceMappingURL=index.js.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport { Popover, useElement, useOuterEvent } from '@pega/cosmos-react-core';\nimport { FieldType } from 'pega-repeating-structures-core';\n\nimport TextInput from './TextInput';\nimport DateTime from './DateTime';\nimport Radio from './Radio';\n\nconst StyledPopover = styled.div`\n  padding: 1rem;\n  min-width: 7rem;\n`;\nfunction Editor(props) {\n  const {\n    getField,\n    onCancel,\n    getElement,\n    setEditContext,\n    getFormatter,\n    getValue,\n    renderFactory,\n    resolveCellComponent\n  } = props;\n  setEditContext();\n\n  const { type, filterPickList, filterPickListOptions } = getField();\n  const showInPopOver = type === FieldType.BOOLEAN || (filterPickList && filterPickListOptions);\n  const [popperRef, setPopperRef] = useElement();\n  const [popperTarget, setPopperTarget] = useElement(getElement());\n\n  useOuterEvent('mousedown', [popperRef], () => {\n    setPopperTarget(null);\n    if (showInPopOver) onCancel();\n  });\n  let Component = null;\n  switch (type) {\n    case FieldType.TEXT:\n    case FieldType.NUMBER:\n      Component = TextInput;\n      break;\n    case FieldType.DATE:\n    case FieldType.DATE_TIME:\n      Component = DateTime;\n      break;\n    case FieldType.BOOLEAN:\n      Component = Radio;\n      break;\n\n    default:\n      Component = TextInput;\n      break;\n  }\n  if (filterPickList && filterPickListOptions) {\n    Component = Radio;\n  }\n\n  if (!showInPopOver) return <Component {...props} />;\n  const value = getValue();\n  return (\n    <>\n      {resolveCellComponent('cellRenderer', renderFactory, {\n        ...props,\n        getFormattedValue: () => getFormatter?.()?.(value) || value\n      })}\n\n      {showInPopOver && (\n        <Popover ref={setPopperRef} className='editpopper' target={popperTarget}>\n          <StyledPopover>\n            <Component {...props} />\n          </StyledPopover>\n        </Popover>\n      )}\n    </>\n  );\n}\n\nEditor.propTypes = {\n  getField: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  getElement: PropTypes.func.isRequired,\n  setEditContext: PropTypes.func.isRequired,\n  getFormatter: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired,\n  renderFactory: PropTypes.func.isRequired,\n  resolveCellComponent: PropTypes.func.isRequired\n};\n\nexport default Editor;\n"]}