@dnb/eufemia/cjs/extensions/forms/Form/Visibility/Visibility.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

require("core-js/modules/web.dom-collections.iterator.js");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _helpers = require("../../../../shared/helpers");
var _useMountEffect = _interopRequireDefault(require("../../../../shared/helpers/useMountEffect"));
var _useMounted = _interopRequireDefault(require("../../../../shared/helpers/useMounted"));
var _HeightAnimation = _interopRequireDefault(require("../../../../components/HeightAnimation"));
var _Provider = _interopRequireDefault(require("../../Field/Provider"));
var _useVisibility = _interopRequireDefault(require("./useVisibility"));
var _VisibilityContext = _interopRequireDefault(require("./VisibilityContext"));
var _SummaryListContext = _interopRequireDefault(require("../../Value/SummaryList/SummaryListContext"));
const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "visibleWhen", "visibleWhenNot", "inferData", "filterData", "onVisible", "onAnimationEnd", "animate", "keepInDOM", "compensateForGap", "fieldPropsWhenHidden", "withinIterate", "children"];
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); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
function Visibility(props) {
  const {
      visible,
      pathDefined,
      pathUndefined,
      pathTruthy,
      pathFalsy,
      pathTrue,
      pathFalse,
      pathValue,
      whenValue,
      visibleWhen,
      visibleWhenNot,
      inferData,
      filterData,
      onVisible,
      onAnimationEnd,
      animate,
      keepInDOM,
      compensateForGap,
      fieldPropsWhenHidden,
      withinIterate,
      children
    } = props,
    rest = _objectWithoutProperties(props, _excluded);
  (0, _useMountEffect.default)(() => {
    if (fieldPropsWhenHidden && !keepInDOM) {
      (0, _helpers.warn)('Using "fieldPropsWhenHidden" requires "keepInDOM" to be true.');
    }
  });
  const {
    check
  } = (0, _useVisibility.default)({
    visible,
    withinIterate,
    pathDefined,
    pathUndefined,
    pathTruthy,
    pathFalsy,
    pathTrue,
    pathFalse,
    pathValue,
    whenValue,
    visibleWhen,
    visibleWhenNot,
    inferData,
    filterData
  });
  const open = check();
  const content = _react.default.createElement(_VisibilityContext.default.Provider, {
    value: {
      isVisible: open,
      keepInDOM,
      props
    }
  }, children);
  const mountedRef = (0, _useMounted.default)();
  const onOpen = (0, _react.useCallback)(state => {
    if (mountedRef.current) {
      onVisible === null || onVisible === void 0 ? void 0 : onVisible(state);
    }
  }, [mountedRef, onVisible]);
  const summaryListContext = (0, _react.useContext)(_SummaryListContext.default);
  const providerProps = !open ? fieldPropsWhenHidden : null;
  if ((animate || keepInDOM) && summaryListContext && !summaryListContext.isNested) {
    return _react.default.createElement(_Provider.default, providerProps, content);
  }
  if (animate) {
    return _react.default.createElement(_HeightAnimation.default, _extends({
      open: open,
      onAnimationEnd: onAnimationEnd,
      onOpen: onOpen,
      keepInDOM: Boolean(keepInDOM),
      className: "dnb-forms-visibility",
      compensateForGap: compensateForGap
    }, rest), _react.default.createElement(_Provider.default, providerProps, content));
  }
  if (mountedRef.current) {
    onVisible === null || onVisible === void 0 ? void 0 : onVisible(open);
  }
  if (keepInDOM) {
    return _react.default.createElement("span", {
      className: "dnb-forms-visibility",
      hidden: !open
    }, _react.default.createElement(_Provider.default, providerProps, content));
  }
  return _react.default.createElement(_react.default.Fragment, null, open ? content : null);
}
Visibility._supportsSpacingProps = 'children';
var _default = exports.default = Visibility;
//# sourceMappingURL=Visibility.js.map