@pinuts/bsr-uikit-relaunch 0.0.3

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,32 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/items/ArrayFieldset/ArrayFieldset.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _reactI18next = require("react-i18next");
+var _Button = _interopRequireDefault(require("../Button/Button.jsx"));
+var _Icon = _interopRequireDefault(require("../Icon/Icon.jsx"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // FormBuilder
+const {
+  useFormikContext,
+  FieldArray
+} = _formBuilder.formik;
+
+// ArrayFieldset Conventions
+// obligatory:
+// * defaultValue of empty Array
+// * children des ArrayFieldsets müssen einen key beginnend mit 'fidx.' haben
+// example:
+// {
+//     "component": "ArrayFieldset",
+//     "config": {
+//         "key": "nameData", -> WICHTIG: der key muss mit dem prefix der componenten keys übereinstimmen -> nameData.afidx.firstName
+//         "defaultValue": [],
+//         "label": "Kindernamen",
+//         "showItemTitle": true,
+//         "singularItemForList": "Kind",
+//         "addButtonLabel": "Kind hinzufügen",
+//         "addAnotherButtonLabel": "Weiteres Kind hinzufügen",
+//         "removeButtonLabel": "Kindereintrag entfernen",
+//         "helpText": "Hier ist der HelpText der erklärt, dass Sie hier weitere Felder ein und aus blenden bzw hinzufügen und entfernen können.",
+//         "minElements": 1,
+//         "maxElements": 3
+//     },
+//     "components": [
+//         {
+//             "component": "TextInputField",
+//             "wrapperComponent": "FormFieldWrapper",
+//             "config": {
+//                 "key": "nameData.afidx.firstName" -> WICHTIG: Prefix "nameData" muss mit dem key des ArrayFieldsets übereinstimmen
+//                 "label": "Vorname",
+//                 "helpText": "Vorname bitte hier eingeben",
+//                 "validation": ["required"]
+//             }
+//         },   <---
+// ...
+
+// FIXME required logik - bzw ungültig machen wenn required und mindestanzahl nicht erfüllt
+
+const ArrayFieldset = _ref => {
+  let {
+    config,
+    components
+  } = _ref;
+  const {
+    values
+  } = useFormikContext();
+  const [arrayValues, valuesWereFilled] = (0, _react.useMemo)(() => {
+    const valueFromForm = values[config.key];
+    if (valueFromForm?.length < config.minElements) {
+      return [[...valueFromForm, ...Array(config.minElements - (valueFromForm?.length || 0)).fill({})], true];
+    }
+    return [valueFromForm || [], false];
+  }, [values, config.key, config.minElements]);
+  const arrayLength = arrayValues.length;
+  const stringifiedComponents = (0, _react.useMemo)(() => JSON.stringify(components) || [], [components]);
+  const showDeleteButton = (0, _react.useMemo)(() => arrayLength > (config.minElements || 0), [arrayLength, config.minElements]);
+  const showAddButton = (!config.maxElements || arrayLength < config.maxElements) && !valuesWereFilled;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const usedAddButtonLabel = config.addButtonLabel ?? t('bsrItems.arrayFieldset.addButtonLabel');
+  const usedAddAnotherButtonLabel = config.addAnotherButtonLabel ?? t('bsrItems.arrayFieldset.addAnotherButtonLabel');
+  const usedRemoveButtonLabel = config.removeButtonLabel ?? t('bsrItems.arrayFieldset.removeButtonLabel');
+  const usedSingularItemForList = config.singularItemForList ?? t('bsrItems.arrayFieldset.singularItemForList');
+  const labelTemplate = config.labelTemplate;
+  const AddElementButton = (0, _react.useCallback)(_ref2 => {
+    let {
+      arrayHelpers
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: "d-flex justify-content-end"
+    }, arrayLength > 0 && /*#__PURE__*/_react.default.createElement("hr", {
+      className: "tuerkis-20"
+    }), /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+      onClick: () => arrayHelpers.push({}),
+      ariaLabel: arrayLength === 0 ? usedAddButtonLabel : usedAddAnotherButtonLabel,
+      rounded: true,
+      color: "tuerkis-20"
+    }, config.addButtonProps || {}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: "circlePlus",
+      className: "me-2"
+    }), arrayLength === 0 ? usedAddButtonLabel : usedAddAnotherButtonLabel));
+  }, [arrayLength, usedAddButtonLabel, usedAddAnotherButtonLabel, config.addButtonProps]);
+  const renderFields = arrayHelpers => arrayValues.map((item, index) => {
+    const componentsAsString = stringifiedComponents.replace(/afidx/g, index.toString());
+    const modifiedComponents = JSON.parse(componentsAsString).map(element => ({
+      ...element,
+      config: {
+        ...element.config,
+        parentKey: config.key,
+        readOnly: config.readOnly || config.disabled,
+        disabled: config.readOnly || config.disabled
+      }
+    }));
+    const itemTitleId = `${config.key}-${index}-heading`;
+    const ariaLablelledbyAttr = config.showItemTitle ? {
+      'aria-labelledby': itemTitleId
+    } : {};
+    const itemTitleFromLabelTemplate = labelTemplate?.replace(/(?:{)(.*?)(?:})/g, (_, key) => item[key] || '');
+    const itemTitle = labelTemplate && itemTitleFromLabelTemplate.trim() ? itemTitleFromLabelTemplate : `${index + 1}. ${usedSingularItemForList}`;
+    return /*#__PURE__*/_react.default.createElement("li", _extends({
+      key: itemTitleId
+    }, ariaLablelledbyAttr, {
+      className: "p-4"
+    }), config.showItemTitle && itemTitle && /*#__PURE__*/_react.default.createElement("h4", {
+      className: "h5",
+      id: itemTitleId
+    }, itemTitle), /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+      formId: `${config.key}-${index}-array-fieldset-formId`,
+      components: modifiedComponents
+    }), showDeleteButton && /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+      onClick: () => arrayHelpers.remove(index),
+      ariaLabel: usedRemoveButtonLabel,
+      rounded: true,
+      color: "tuerkis-20"
+    }, config.removeButtonProps || {}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: "trash",
+      className: "me-2"
+    }), usedRemoveButtonLabel));
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "arrayFieldSet"
+  }, /*#__PURE__*/_react.default.createElement("fieldset", {
+    className: ""
+  }, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "h5"
+  }, config.label)), config.helpText && /*#__PURE__*/_react.default.createElement("p", {
+    className: "helper-text"
+  }, config.helpText), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "list-unstyled"
+  }, /*#__PURE__*/_react.default.createElement(FieldArray, {
+    name: config.key,
+    render: arrayHelpers => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderFields(arrayHelpers), showAddButton && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AddElementButton, {
+      key: "add-button",
+      arrayHelpers: arrayHelpers
+    })))
+  }))));
+};
+ArrayFieldset.propTypes = {
+  components: _propTypes.default.instanceOf(Array).isRequired,
+  config: _propTypes.default.shape({
+    key: _propTypes.default.string,
+    minElements: _propTypes.default.number,
+    maxElements: _propTypes.default.number,
+    addButtonLabel: _propTypes.default.string,
+    addAnotherButtonLabel: _propTypes.default.string,
+    addButtonAria: _propTypes.default.string,
+    addButtonProps: _propTypes.default.object,
+    removeButtonLabel: _propTypes.default.string,
+    removeButtonAria: _propTypes.default.string,
+    removeButtonProps: _propTypes.default.object,
+    singularItemForList: _propTypes.default.string,
+    labelTemplate: _propTypes.default.string,
+    showItemTitle: _propTypes.default.bool,
+    label: _propTypes.default.string,
+    helpText: _propTypes.default.string,
+    readOnly: _propTypes.default.bool,
+    disabled: _propTypes.default.bool
+  }).isRequired
+};
+(0, _formBuilder.registerComponent)('ArrayFieldset', ArrayFieldset);
+var _default = exports.default = ArrayFieldset;

package/dist/items/BSRAddressSelector/BSRAddressContext.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BSRAddressContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultControllerPath = 'de.bsr.adressen.app/';
+const {
+  useFormikContext
+} = _formBuilder.formik;
+const defaultAdContext = {
+  groupKey: 'addressSelector',
+  restUrl: '',
+  controllerPath: defaultControllerPath
+};
+const BSRAddressContext = exports.BSRAddressContext = /*#__PURE__*/(0, _react.createContext)();
+const BSRAddressContextProvider = _ref => {
+  let {
+    initAddressContext,
+    children
+  } = _ref;
+  const {
+    setFieldValue
+  } = useFormikContext();
+  const [addressContext, setAddressContext] = (0, _react.useState)({
+    ...defaultAdContext,
+    ...initAddressContext
+  });
+  const getControllerPath = (0, _react.useCallback)(() => {
+    return addressContext.restUrl + addressContext.controllerPath;
+  }, [addressContext]);
+  const setAdContext = (0, _react.useCallback)(newAdContext => {
+    setAddressContext(oldAdContext => {
+      return {
+        ...oldAdContext,
+        ...newAdContext
+      };
+    });
+  }, [setAddressContext]);
+
+  //used in autocomplete
+  const [selectedOptionId, setSelectedOptionId] = (0, _react.useState)('');
+  const [prevSelection, setPrevSelection] = (0, _react.useState)({});
+  const [triggerCancelCombox, setTriggerCancelCombox] = (0, _react.useState)(false);
+  const groupKey = addressContext.groupKey;
+  const resetContextValues = (0, _react.useCallback)(() => {
+    const labelKey = `${groupKey}Label`;
+    const streetFieldKey = `${groupKey}-streetSelector`;
+    const houseNumberFieldKey = `${groupKey}-houseNumber`;
+    setFieldValue(labelKey, undefined);
+    setFieldValue(streetFieldKey, '');
+    setFieldValue(houseNumberFieldKey, '');
+
+    // rest autocomplete input
+    setSelectedOptionId(' ');
+    setPrevSelection({});
+    setTriggerCancelCombox(true);
+  }, [groupKey, setFieldValue, setTriggerCancelCombox]);
+
+  // AdressePrüfenBtn anzeigen, wenn Straße und Hausnummer gesetzt sind
+  // const showNextBtn = true;
+
+  const paththroughValues = (0, _react.useMemo)(() => {
+    return {
+      addressContext,
+      setAdContext,
+      resetContextValues,
+      selectedOptionId,
+      setSelectedOptionId,
+      prevSelection,
+      setPrevSelection,
+      triggerCancelCombox,
+      setTriggerCancelCombox,
+      getControllerPath
+    };
+  }, [addressContext, setAdContext, resetContextValues, selectedOptionId, setSelectedOptionId, prevSelection, setPrevSelection, triggerCancelCombox, setTriggerCancelCombox, getControllerPath]);
+  return /*#__PURE__*/_react.default.createElement(BSRAddressContext.Provider, {
+    value: paththroughValues
+  }, children);
+};
+BSRAddressContextProvider.propTypes = {
+  initAddressContext: _propTypes.default.shape({
+    groupKey: _propTypes.default.string,
+    restUrl: _propTypes.default.string,
+    controllerPath: _propTypes.default.string
+  }),
+  children: _propTypes.default.node.isRequired
+};
+var _default = exports.default = BSRAddressContextProvider;

package/dist/items/BSRAddressSelector/BSRAddressResetButton.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _Button = _interopRequireDefault(require("../Button/Button.jsx"));
+var _BSRAddressContext = require("./BSRAddressContext.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const BSRAddressResetButton = _ref => {
+  let {
+    inputProps = {},
+    config = {},
+    ...otherProps
+  } = _ref;
+  const {
+    resetContextValues
+  } = (0, _react.useContext)(_BSRAddressContext.BSRAddressContext);
+  const c = {
+    ...config
+  };
+  delete c.key;
+  const onClick = () => {
+    resetContextValues();
+  };
+  return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+    key: config.key
+  }, c, otherProps, {
+    onClick: onClick,
+    inputProps: {
+      ...inputProps,
+      type: 'button'
+    }
+  }));
+};
+BSRAddressResetButton.propTypes = {
+  config: _propTypes.default.object,
+  inputProps: _propTypes.default.object
+};
+const FormBuilderAddressResetButton = _ref2 => {
+  let {
+    config = {},
+    ...otherProps
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(BSRAddressResetButton, _extends({}, otherProps, {
+    config: config
+  }));
+};
+FormBuilderAddressResetButton.propTypes = {
+  config: _propTypes.default.shape(BSRAddressResetButton.propTypes)
+};
+(0, _formBuilder.registerComponent)('BSRAddressResetButton', FormBuilderAddressResetButton);
+var _default = exports.default = BSRAddressResetButton;

package/dist/items/BSRAddressSelector/BSRAddressSelector.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _reactI18next = require("react-i18next");
+var _Button = _interopRequireDefault(require("../Button/Button.jsx"));
+var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
+var _BSRAddressContext = _interopRequireDefault(require("./BSRAddressContext.js"));
+require("./BSRAutocompleteField.jsx");
+require("./BSRAddressResetButton.jsx");
+require("./BSRStreetPlzSelector.jsx");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// import { useTranslation } from 'react-i18next';
+
+// form-builder
+
+// init sub components
+
+const subFormConfigStr = JSON.stringify(require('./BSRAddressSubForm.json'));
+const {
+  useFormikContext
+} = _formBuilder.formik;
+const BSRAddressSelector = _ref => {
+  let {
+    config
+  } = _ref;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const {
+    controllerPath,
+    restUrl
+  } = config;
+  const {
+    values,
+    setFieldValue
+  } = useFormikContext();
+  const groupKey = config.key;
+  const subFormConfig = JSON.parse(subFormConfigStr.replaceAll('{SELID}', groupKey));
+  const streetFieldKey = `${groupKey}-streetSelector`;
+  const houseNumberFieldKey = `${groupKey}-houseNumber`;
+  const selectedStreedAndNumberKey = `${groupKey}-streedAndNumber`;
+  const [selectedStreetName, setSelectedStreetName] = (0, _react.useState)(null);
+  const [houseNumber, setHouseNumber] = (0, _react.useState)(null);
+  const initAddressContext = (0, _react.useMemo)(() => {
+    const ad = {
+      groupKey,
+      restUrl
+    };
+    if (controllerPath) {
+      ad.controllerPath = controllerPath;
+    }
+    return ad;
+  }, [groupKey, controllerPath, restUrl]);
+  (0, _react.useEffect)(() => {
+    const newSelectedStreetName = values[streetFieldKey] || '';
+    const newHouseNumber = values[houseNumberFieldKey] || '';
+    if (newSelectedStreetName && newHouseNumber) {
+      if (values[streetFieldKey] !== selectedStreetName) {
+        setSelectedStreetName((values[streetFieldKey] || '').trim());
+      }
+      if (values[houseNumberFieldKey] !== houseNumberFieldKey) {
+        setHouseNumber((values[houseNumberFieldKey] || '').trim());
+      }
+    } else if (values[selectedStreedAndNumberKey]) {
+      setFieldValue(selectedStreedAndNumberKey, '');
+      setFieldValue(groupKey, '');
+    }
+
+    //cleanup
+    return () => {
+      setHouseNumber(null);
+    };
+  }, [streetFieldKey, houseNumberFieldKey, values, selectedStreedAndNumberKey, selectedStreetName, setFieldValue, groupKey]);
+  const onClickNextBtn = () => {
+    const streetOrHouseNumber = selectedStreetName && houseNumber ? `${selectedStreetName}:::${houseNumber}` : null;
+    setFieldValue(selectedStreedAndNumberKey, streetOrHouseNumber);
+  };
+  const showNextBtn = selectedStreetName && houseNumber;
+  return /*#__PURE__*/_react.default.createElement(_BSRAddressContext.default, {
+    initAddressContext: initAddressContext
+  }, /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+    formId: `${groupKey}-adselctor-wrapper`,
+    components: subFormConfig.components
+  }), showNextBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: onClickNextBtn
+  }, t('bsrAddressSelector.checkAddress')));
+};
+BSRAddressSelector.propTypes = {
+  ..._FormFieldChildPropTypes.default,
+  restUrl: _propTypes.default.string,
+  controllerPath: _propTypes.default.string
+};
+(0, _formBuilder.registerComponent)('BSRAddressSelector', BSRAddressSelector);
+var _default = exports.default = BSRAddressSelector;