@dnb/eufemia/cjs/components/step-indicator/StepIndicatorContext.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StepIndicatorProvider = StepIndicatorProvider;
exports.default = void 0;
require("core-js/modules/es.string.replace.js");
require("core-js/modules/web.dom-collections.iterator.js");
var _react = _interopRequireWildcard(require("react"));
var _Context = _interopRequireDefault(require("../../shared/Context"));
var _StepIndicatorProps = require("./StepIndicatorProps");
var _componentHelper = require("../../shared/component-helper");
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 filterAttributes = Object.keys(_StepIndicatorProps.stepIndicatorDefaultProps).filter(item => {
  return !['class', 'className'].includes(item);
}).concat(['internalId', 'mainTitle', 'stepsLabel', 'listOfReachedSteps', 'setActiveStep', 'activeStep', 'countSteps', 'openState', 'openHandler', 'closeHandler', 'innerRef', 'hasSkeletonData', 'filterAttributes']);
const StepIndicatorContext = _react.default.createContext(null);
var _default = exports.default = StepIndicatorContext;
function StepIndicatorProvider(props) {
  const data = (0, _react.useMemo)(() => {
    if (typeof props.data === 'string') {
      return props.data[0] === '[' ? JSON.parse(props.data) : [];
    }
    return props.data || [];
  }, [props]);
  const [openState, setOpenState] = (0, _react.useState)(props.expandedInitially);
  const openHandler = (0, _react.useCallback)(() => {
    setOpenState(true);
  }, []);
  const closeHandler = (0, _react.useCallback)(() => {
    setOpenState(false);
  }, []);
  const getActiveStepFromProps = (0, _react.useCallback)(() => {
    if (typeof data[0] === 'string') {
      return props.current_step;
    }
    const dataWithItems = data;
    const itemWithCurrentStep = dataWithItems.find(item => item.is_current);
    return itemWithCurrentStep ? dataWithItems.indexOf(itemWithCurrentStep) : props.current_step;
  }, [data, props.current_step]);
  const countSteps = data.length;
  const activeStepRef = (0, _react.useRef)(getActiveStepFromProps());
  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
  const setActiveStep = (0, _react.useCallback)(step => {
    activeStepRef.current = step;
    forceUpdate();
  }, []);
  const listOfReachedSteps = (0, _react.useRef)([activeStepRef.current].filter(Boolean)).current;
  const context = (0, _react.useContext)(_Context.default);
  const updateStepTitle = (0, _react.useCallback)(title => {
    return title === null || title === void 0 ? void 0 : title.replace('%step', String((activeStepRef.current || 0) + 1)).replace('%count', String((data === null || data === void 0 ? void 0 : data.length) || 1));
  }, [data === null || data === void 0 ? void 0 : data.length]);
  const makeContextValue = (0, _react.useCallback)(() => {
    const globalContext = (0, _componentHelper.extendPropsWithContext)(props, _StepIndicatorProps.stepIndicatorDefaultProps, {
      skeleton: context === null || context === void 0 ? void 0 : context.skeleton
    }, context.getTranslation(context).StepIndicator, context.StepIndicator);
    const value = extendSafe({
      filterAttributes
    }, globalContext, {
      defaultProps: _StepIndicatorProps.stepIndicatorDefaultProps,
      props
    }, {
      activeStep: activeStepRef.current,
      openState,
      listOfReachedSteps,
      data,
      countSteps,
      stepsLabel: updateStepTitle(globalContext.step_title)
    }, {
      setActiveStep,
      openHandler,
      closeHandler
    });
    return value;
  }, [closeHandler, context, countSteps, data, listOfReachedSteps, openHandler, openState, props, setActiveStep, updateStepTitle]);
  const contextValue = makeContextValue();
  (0, _react.useEffect)(() => {
    const currentStepFromProps = getActiveStepFromProps();
    if (currentStepFromProps !== activeStepRef.current) {
      setActiveStep(currentStepFromProps);
    }
  }, [props.current_step, data, getActiveStepFromProps, setActiveStep]);
  const activeStep = activeStepRef.current;
  (0, _react.useEffect)(() => {
    if (!listOfReachedSteps.includes(activeStep)) {
      listOfReachedSteps.push(activeStep);
    }
  }, [activeStep, listOfReachedSteps]);
  if (typeof window !== 'undefined' && window['IS_TEST']) {
    contextValue['no_animation'] = true;
  }
  Object.keys(contextValue).forEach(key => {
    if (key.startsWith('_')) {
      delete contextValue[key];
    }
  });
  return _react.default.createElement(StepIndicatorContext.Provider, {
    value: contextValue
  }, props.children);
}
function extendSafe() {
  const obj = {};
  for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
    objects[_key] = arguments[_key];
  }
  objects.forEach(itm => {
    if (itm.defaultProps && itm.props) {
      itm = Object.entries(itm.props).reduce((acc, _ref) => {
        let [k, v] = _ref;
        if (itm.defaultProps[k] !== v) {
          acc[k] = v;
        }
        return acc;
      }, {});
    }
    Object.entries(itm).forEach(_ref2 => {
      let [k, v] = _ref2;
      if (!obj[k] || obj[k] && v) {
        obj[k] = v;
      }
    });
  });
  return obj;
}
//# sourceMappingURL=StepIndicatorContext.js.map