@dnb/eufemia/cjs/extensions/forms/Iterate/RemoveButton/RemoveButton.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _clsx = _interopRequireDefault(require("clsx"));
var _index = require("../../../../components/index.js");
var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext.js"));
var _index2 = require("../ItemNo/index.js");
var _index3 = require("../../hooks/index.js");
var _ArrayItemAreaContext = _interopRequireDefault(require("../Array/ArrayItemAreaContext.js"));
var _types = require("../../types.js");
var _index4 = require("../../../../icons/index.js");
var _withComponentMarkers = _interopRequireDefault(require("../../../../shared/helpers/withComponentMarkers.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function RemoveButton(props) {
  const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
  const {
    handleRemove,
    itemPath,
    index
  } = iterateItemContext || {};
  if (!iterateItemContext) {
    throw new Error('RemoveButton must be inside an Iterate.Array');
  }
  const {
    text,
    children,
    className,
    showConfirmDialog,
    ...restProps
  } = props;
  const buttonProps = (0, _types.omitDataValueReadWriteProps)(restProps);
  const translation = (0, _index3.useTranslation)().RemoveButton;
  const textContent = text || children || translation.text;
  const arrayItemAreaContext = (0, _react.useContext)(_ArrayItemAreaContext.default);
  const {
    handleRemoveItem
  } = arrayItemAreaContext || {};
  const handleClick = (0, _react.useCallback)(({
    close
  }) => {
    close === null || close === void 0 || close();
    if (handleRemoveItem && !itemPath) {
      handleRemoveItem();
    } else {
      handleRemove === null || handleRemove === void 0 || handleRemove();
    }
  }, [handleRemove, handleRemoveItem, itemPath]);
  const triggerAttributes = {
    className: (0, _clsx.default)('dnb-forms-iterate-remove-element-button', className),
    text: (0, _index2.replaceItemNo)(textContent, index),
    variant: textContent ? 'tertiary' : 'secondary',
    icon: _index4.trash,
    iconPosition: 'left',
    ...buttonProps
  };
  if (showConfirmDialog) {
    return (0, _jsxRuntime.jsx)(_index.Dialog, {
      variant: "confirmation",
      title: translation.confirmRemoveText,
      triggerAttributes: triggerAttributes,
      onConfirm: handleClick
    });
  }
  return (0, _jsxRuntime.jsx)(_index.Button, {
    ...triggerAttributes,
    onClick: args => handleClick(args),
    ...buttonProps
  });
}
(0, _withComponentMarkers.default)(RemoveButton, {
  _supportsSpacingProps: true
});
var _default = exports.default = RemoveButton;
//# sourceMappingURL=RemoveButton.js.map