@dnb/eufemia 10.47.0 → 10.48.0

package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js

@@ -1,114 +0,0 @@
-"use client";
-
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { Button, Flex, FormStatus } from '../../../../components';
-import useTranslation from '../../hooks/useTranslation';
-import IterateItemContext from '../IterateItemContext';
-import { check, close } from '../../../../icons';
-import RemoveButton from '../RemoveButton';
-import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
-import PushContainerContext from '../PushContainer/PushContainerContext';
-export default function EditToolbarTools() {
-  const {
-    restoreOriginalValue,
-    switchContainerMode,
-    containerMode,
-    arrayValue,
-    index,
-    isNew
-  } = useContext(IterateItemContext) || {};
-  const {
-    hasError,
-    hasVisibleError,
-    setShowBoundaryErrors
-  } = useContext(FieldBoundaryContext) || {};
-  const {
-    entries,
-    commitHandleRef
-  } = useContext(PushContainerContext) || {};
-  const {
-    doneButton,
-    cancelButton,
-    removeButton,
-    errorInSection
-  } = useTranslation().IterateEditContainer;
-  const {
-    createButton
-  } = useTranslation().IteratePushContainer;
-  const valueBackupRef = useRef();
-  const wasNew = useWasNew({
-    isNew,
-    containerMode
-  });
-  const [showError, setShowError] = useState(false);
-  useEffect(() => {
-    if (containerMode === 'edit' && !valueBackupRef.current) {
-      valueBackupRef.current = arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue[index];
-    }
-    if (containerMode === 'view') {
-      valueBackupRef.current = null;
-    }
-  }, [arrayValue, containerMode, index]);
-  const cancelHandler = useCallback(() => {
-    if (valueBackupRef.current) {
-      restoreOriginalValue === null || restoreOriginalValue === void 0 ? void 0 : restoreOriginalValue(valueBackupRef.current);
-    }
-    setShowError(false);
-    setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
-    switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
-  }, [restoreOriginalValue, setShowBoundaryErrors, switchContainerMode]);
-  const doneHandler = useCallback(() => {
-    if (hasError) {
-      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
-      if (hasVisibleError) {
-        setShowError(true);
-      }
-    } else {
-      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
-      setShowError(false);
-      if (commitHandleRef) {
-        var _commitHandleRef$curr;
-        (_commitHandleRef$curr = commitHandleRef.current) === null || _commitHandleRef$curr === void 0 ? void 0 : _commitHandleRef$curr.call(commitHandleRef);
-      } else {
-        switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
-      }
-    }
-  }, [commitHandleRef, hasError, hasVisibleError, setShowBoundaryErrors, switchContainerMode]);
-  return React.createElement(React.Fragment, null, React.createElement(FormStatus, {
-    show: showError && hasVisibleError,
-    no_animation: false
-  }, errorInSection), React.createElement(Flex.Horizontal, {
-    gap: "large"
-  }, commitHandleRef ? React.createElement(Button, {
-    variant: "tertiary",
-    icon: check,
-    icon_position: "left",
-    on_click: doneHandler
-  }, createButton) : React.createElement(Button, {
-    variant: "tertiary",
-    icon: check,
-    icon_position: "left",
-    on_click: doneHandler
-  }, doneButton), (!entries || (entries === null || entries === void 0 ? void 0 : entries.length) > 0 && containerMode === 'edit') && (wasNew ? React.createElement(RemoveButton, {
-    text: removeButton
-  }) : React.createElement(Button, {
-    variant: "tertiary",
-    icon: close,
-    icon_position: "left",
-    on_click: cancelHandler
-  }, cancelButton))));
-}
-export function useWasNew(_ref) {
-  let {
-    isNew,
-    containerMode
-  } = _ref;
-  const wasNewRef = useRef(isNew);
-  useEffect(() => {
-    if (containerMode === 'view') {
-      wasNewRef.current = false;
-    }
-  }, [isNew, containerMode]);
-  return wasNewRef.current;
-}
-//# sourceMappingURL=EditToolbarTools.js.map

package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditToolbarTools.js","names":["React","useCallback","useContext","useEffect","useRef","useState","Button","Flex","FormStatus","useTranslation","IterateItemContext","check","close","RemoveButton","FieldBoundaryContext","PushContainerContext","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","hasError","hasVisibleError","setShowBoundaryErrors","entries","commitHandleRef","doneButton","cancelButton","removeButton","errorInSection","IterateEditContainer","createButton","IteratePushContainer","valueBackupRef","wasNew","useWasNew","showError","setShowError","current","cancelHandler","doneHandler","_commitHandleRef$curr","call","createElement","Fragment","show","no_animation","Horizontal","gap","variant","icon","icon_position","on_click","length","text","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { Button, Flex, FormStatus } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport PushContainerContext from '../PushContainer/PushContainerContext'\n\nexport default function EditToolbarTools() {\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    index,\n    isNew,\n  } = useContext(IterateItemContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n  const { entries, commitHandleRef } =\n    useContext(PushContainerContext) || {}\n\n  const { doneButton, cancelButton, removeButton, errorInSection } =\n    useTranslation().IterateEditContainer\n  const { createButton } = useTranslation().IteratePushContainer\n  const valueBackupRef = useRef<unknown>()\n  const wasNew = useWasNew({ isNew, containerMode })\n  const [showError, setShowError] = useState(false)\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const cancelHandler = useCallback(() => {\n    if (valueBackupRef.current) {\n      restoreOriginalValue?.(valueBackupRef.current)\n    }\n    setShowError(false)\n    setShowBoundaryErrors?.(false)\n    switchContainerMode?.('view')\n  }, [restoreOriginalValue, setShowBoundaryErrors, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowBoundaryErrors?.(false)\n      setShowError(false)\n      if (commitHandleRef) {\n        commitHandleRef.current?.()\n      } else {\n        switchContainerMode?.('view')\n      }\n    }\n  }, [\n    commitHandleRef,\n    hasError,\n    hasVisibleError,\n    setShowBoundaryErrors,\n    switchContainerMode,\n  ])\n\n  return (\n    <>\n      <FormStatus show={showError && hasVisibleError} no_animation={false}>\n        {errorInSection}\n      </FormStatus>\n      <Flex.Horizontal gap=\"large\">\n        {commitHandleRef ? (\n          <Button\n            variant=\"tertiary\"\n            icon={check}\n            icon_position=\"left\"\n            on_click={doneHandler}\n          >\n            {createButton}\n          </Button>\n        ) : (\n          <Button\n            variant=\"tertiary\"\n            icon={check}\n            icon_position=\"left\"\n            on_click={doneHandler}\n          >\n            {doneButton}\n          </Button>\n        )}\n\n        {(!entries || (entries?.length > 0 && containerMode === 'edit')) &&\n          (wasNew ? (\n            <RemoveButton text={removeButton} />\n          ) : (\n            <Button\n              variant=\"tertiary\"\n              icon={close}\n              icon_position=\"left\"\n              on_click={cancelHandler}\n            >\n              {cancelButton}\n            </Button>\n          ))}\n      </Flex.Horizontal>\n    </>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":"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"}

package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.d.ts

@@ -1 +0,0 @@
-export default function ViewToolbarTools(): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewToolbarTools.js","names":["React","useCallback","useContext","Button","Flex","RemoveButton","useTranslation","IterateItemContext","edit","ViewToolbarTools","iterateItemContext","switchContainerMode","translation","IterateViewContainer","editHandler","createElement","Horizontal","gap","variant","icon","icon_position","on_click","editButton","text","removeButton"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewToolbarTools() {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { switchContainerMode } = iterateItemContext ?? {}\n\n  const translation = useTranslation().IterateViewContainer\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal gap=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={edit}\n        icon_position=\"left\"\n        on_click={editHandler}\n      >\n        {translation.editButton}\n      </Button>\n\n      <RemoveButton text={translation.removeButton} />\n    </Flex.Horizontal>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,MAAM,EAAEC,IAAI,QAAQ,wBAAwB;AACrD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,IAAI,QAAQ,mBAAmB;AAExC,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,kBAAkB,GAAGR,UAAU,CAACK,kBAAkB,CAAC;EACzD,MAAM;IAAEI;EAAoB,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAExD,MAAME,WAAW,GAAGN,cAAc,CAAC,CAAC,CAACO,oBAAoB;EAEzD,MAAMC,WAAW,GAAGb,WAAW,CAAC,MAAM;IACpCU,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACEX,KAAA,CAAAe,aAAA,CAACX,IAAI,CAACY,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1BjB,KAAA,CAAAe,aAAA,CAACZ,MAAM;IACLe,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEX,IAAK;IACXY,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEP;EAAY,GAErBF,WAAW,CAACU,UACP,CAAC,EAETtB,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACkB,IAAI,EAAEX,WAAW,CAACY;EAAa,CAAE,CAChC,CAAC;AAEtB"}