@knkcs/anker 2.6.4 → 2.8.0

package/dist/chunk-7KPPPE4U.js

@@ -0,0 +1,59 @@
+import { Dialog, Portal, ButtonGroup, Button } from '@chakra-ui/react';
+import { useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/primitives/leave-page-confirmation.tsx
+var LeavePageConfirmation = (props) => {
+  const {
+    blocked,
+    onConfirmLeave,
+    onCancelLeave,
+    title = "You have unsaved changes",
+    message = "Are you sure you want to leave this page? You have unsaved changes.",
+    confirmLabel = "Leave",
+    cancelLabel = "Stay"
+  } = props;
+  const cancelRef = useRef(null);
+  return /* @__PURE__ */ jsx(
+    Dialog.Root,
+    {
+      open: blocked,
+      initialFocusEl: () => cancelRef.current,
+      role: "alertdialog",
+      onOpenChange: (e) => {
+        if (!e.open) {
+          onCancelLeave();
+        }
+      },
+      children: /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Dialog.Backdrop, { children: /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { fontSize: "lg", fontWeight: "bold", children: title }),
+        /* @__PURE__ */ jsx(Dialog.Body, { children: message }),
+        /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "solid",
+              colorPalette: "primary",
+              onClick: onConfirmLeave,
+              children: confirmLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: onCancelLeave,
+              ref: cancelRef,
+              children: cancelLabel
+            }
+          )
+        ] }) })
+      ] }) }) }) })
+    }
+  );
+};
+LeavePageConfirmation.displayName = "LeavePageConfirmation";
+
+export { LeavePageConfirmation };
+//# sourceMappingURL=chunk-7KPPPE4U.js.map
+//# sourceMappingURL=chunk-7KPPPE4U.js.map

package/dist/chunk-7KPPPE4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/leave-page-confirmation.tsx"],"names":[],"mappings":";;;;;AAqBO,IAAM,qBAAA,GAA8D,CAC1E,KAAA,KACI;AACJ,EAAA,MAAM;AAAA,IACL,OAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA,GAAQ,0BAAA;AAAA,IACR,OAAA,GAAU,qEAAA;AAAA,IACV,YAAA,GAAe,OAAA;AAAA,IACf,WAAA,GAAc;AAAA,GACf,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,OAAiC,IAAI,CAAA;AAEvD,EAAA,uBACC,GAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACA,IAAA,EAAM,OAAA;AAAA,MACN,cAAA,EAAgB,MAAM,SAAA,CAAU,OAAA;AAAA,MAChC,IAAA,EAAK,aAAA;AAAA,MACL,YAAA,EAAc,CAAC,CAAA,KAAM;AACpB,QAAA,IAAI,CAAC,EAAE,IAAA,EAAM;AACZ,UAAA,aAAA,EAAc;AAAA,QACf;AAAA,MACD,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EACA,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,QAAA,EAAP,EACA,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,UAAA,EAAP,EACA,QAAA,kBAAA,IAAA,CAAC,MAAA,CAAO,SAAP,EACA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAO,MAAA,EAAP,EAAc,UAAS,IAAA,EAAK,UAAA,EAAW,QACtC,QAAA,EAAA,KAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,CAAO,IAAA,EAAP,EAAa,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,wBACtB,GAAA,CAAC,MAAA,CAAO,MAAA,EAAP,EACA,+BAAC,WAAA,EAAA,EACA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACA,OAAA,EAAQ,OAAA;AAAA,cACR,YAAA,EAAa,SAAA;AAAA,cACb,OAAA,EAAS,cAAA;AAAA,cAER,QAAA,EAAA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACA,OAAA,EAAQ,SAAA;AAAA,cACR,OAAA,EAAS,aAAA;AAAA,cACT,GAAA,EAAK,SAAA;AAAA,cAEJ,QAAA,EAAA;AAAA;AAAA;AACF,SAAA,EACD,CAAA,EACD;AAAA,OAAA,EACD,CAAA,EACD,GACD,CAAA,EACD;AAAA;AAAA,GACD;AAEF;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA","file":"chunk-7KPPPE4U.js","sourcesContent":["import { Button, ButtonGroup, Dialog, Portal } from \"@chakra-ui/react\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\n\nexport interface LeavePageConfirmationProps {\n\t/** Whether the dialog is currently open (i.e., navigation is blocked). */\n\tblocked: boolean;\n\t/** Called when the user confirms they want to leave. */\n\tonConfirmLeave: () => void;\n\t/** Called when the user cancels and wants to stay. */\n\tonCancelLeave: () => void;\n\t/** Dialog title. Defaults to \"You have unsaved changes\". */\n\ttitle?: string;\n\t/** Dialog message body. Defaults to a generic unsaved-changes prompt. */\n\tmessage?: string;\n\t/** Label for the confirm/leave button. Defaults to \"Leave\". */\n\tconfirmLabel?: string;\n\t/** Label for the cancel/stay button. Defaults to \"Stay\". */\n\tcancelLabel?: string;\n}\n\nexport const LeavePageConfirmation: React.FC<LeavePageConfirmationProps> = (\n\tprops,\n) => {\n\tconst {\n\t\tblocked,\n\t\tonConfirmLeave,\n\t\tonCancelLeave,\n\t\ttitle = \"You have unsaved changes\",\n\t\tmessage = \"Are you sure you want to leave this page? You have unsaved changes.\",\n\t\tconfirmLabel = \"Leave\",\n\t\tcancelLabel = \"Stay\",\n\t} = props;\n\n\tconst cancelRef = useRef<HTMLButtonElement | null>(null);\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={blocked}\n\t\t\tinitialFocusEl={() => cancelRef.current}\n\t\t\trole=\"alertdialog\"\n\t\t\tonOpenChange={(e) => {\n\t\t\t\tif (!e.open) {\n\t\t\t\t\tonCancelLeave();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop>\n\t\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t\t<Dialog.Content>\n\t\t\t\t\t\t\t<Dialog.Header fontSize=\"lg\" fontWeight=\"bold\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Dialog.Header>\n\t\t\t\t\t\t\t<Dialog.Body>{message}</Dialog.Body>\n\t\t\t\t\t\t\t<Dialog.Footer>\n\t\t\t\t\t\t\t\t<ButtonGroup>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"solid\"\n\t\t\t\t\t\t\t\t\t\tcolorPalette=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={onConfirmLeave}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{confirmLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\tonClick={onCancelLeave}\n\t\t\t\t\t\t\t\t\t\tref={cancelRef}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{cancelLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t\t\t</Dialog.Footer>\n\t\t\t\t\t\t</Dialog.Content>\n\t\t\t\t\t</Dialog.Positioner>\n\t\t\t\t</Dialog.Backdrop>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\nLeavePageConfirmation.displayName = \"LeavePageConfirmation\";\n"]}

package/dist/chunk-CWBQKGL4.js

@@ -0,0 +1,75 @@
+import { NumberInput, RadioGroup as RadioGroup$1, NativeSelect as NativeSelect$1 } from '@chakra-ui/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/primitives/native-select.tsx
+var NativeSelect = function NativeSelect2({
+  ref,
+  ...props
+}) {
+  const {
+    size,
+    variant,
+    disabled,
+    invalid,
+    unstyled,
+    placeholder,
+    children,
+    ...fieldProps
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    NativeSelect$1.Root,
+    {
+      size,
+      variant,
+      disabled,
+      invalid,
+      unstyled,
+      children: [
+        /* @__PURE__ */ jsxs(NativeSelect$1.Field, { ref, ...fieldProps, children: [
+          placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
+          children
+        ] }),
+        /* @__PURE__ */ jsx(NativeSelect$1.Indicator, {})
+      ]
+    }
+  );
+};
+NativeSelect.displayName = "NativeSelect";
+var NumberInputRoot = function NumberInput$1({
+  ref,
+  ...props
+}) {
+  const { children, showStepper = true, ...rest } = props;
+  return /* @__PURE__ */ jsxs(NumberInput.Root, { ref, variant: "outline", ...rest, children: [
+    children,
+    showStepper && /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
+      /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
+      /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
+    ] })
+  ] });
+};
+NumberInputRoot.displayName = "NumberInputRoot";
+var NumberInputField = NumberInput.Input;
+NumberInputField.displayName = "NumberInputField";
+var NumberInputScrubber = NumberInput.Scrubber;
+NumberInputScrubber.displayName = "NumberInputScrubber";
+var NumberInputLabel = NumberInput.Label;
+NumberInputLabel.displayName = "NumberInputLabel";
+var Radio = function Radio2({
+  ref,
+  ...props
+}) {
+  const { children, inputProps, rootRef, ...rest } = props;
+  return /* @__PURE__ */ jsxs(RadioGroup$1.Item, { ref: rootRef, ...rest, children: [
+    /* @__PURE__ */ jsx(RadioGroup$1.ItemHiddenInput, { ref, ...inputProps }),
+    /* @__PURE__ */ jsx(RadioGroup$1.ItemIndicator, {}),
+    children && /* @__PURE__ */ jsx(RadioGroup$1.ItemText, { children })
+  ] });
+};
+Radio.displayName = "Radio";
+var RadioGroup = RadioGroup$1.Root;
+RadioGroup.displayName = "RadioGroup";
+
+export { NativeSelect, NumberInputField, NumberInputLabel, NumberInputRoot, NumberInputScrubber, Radio, RadioGroup };
+//# sourceMappingURL=chunk-CWBQKGL4.js.map
+//# sourceMappingURL=chunk-CWBQKGL4.js.map

package/dist/chunk-CWBQKGL4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/native-select.tsx","../src/primitives/number-input.tsx","../src/primitives/radio.tsx"],"names":["NativeSelect","ChakraNativeSelect","NumberInput","jsxs","ChakraNumberInput","jsx","Radio","ChakraRadioGroup"],"mappings":"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","file":"chunk-CWBQKGL4.js","sourcesContent":["import {\n\tNativeSelect as ChakraNativeSelect,\n\ttype NativeSelectFieldProps,\n\ttype NativeSelectRootProps,\n} from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface NativeSelectProps\n\textends Omit<NativeSelectFieldProps, \"placeholder\"> {\n\t/** Props forwarded to the root wrapper. */\n\tsize?: NativeSelectRootProps[\"size\"];\n\tvariant?: NativeSelectRootProps[\"variant\"];\n\tdisabled?: NativeSelectRootProps[\"disabled\"];\n\tinvalid?: NativeSelectRootProps[\"invalid\"];\n\tunstyled?: NativeSelectRootProps[\"unstyled\"];\n\t/** Rendered as a disabled first <option> */\n\tplaceholder?: string;\n}\n\nexport const NativeSelect = function NativeSelect({\n\tref,\n\t...props\n}: NativeSelectProps & { ref?: React.Ref<HTMLSelectElement> }) {\n\tconst {\n\t\tsize,\n\t\tvariant,\n\t\tdisabled,\n\t\tinvalid,\n\t\tunstyled,\n\t\tplaceholder,\n\t\tchildren,\n\t\t...fieldProps\n\t} = props;\n\n\treturn (\n\t\t<ChakraNativeSelect.Root\n\t\t\tsize={size}\n\t\t\tvariant={variant}\n\t\t\tdisabled={disabled}\n\t\t\tinvalid={invalid}\n\t\t\tunstyled={unstyled}\n\t\t>\n\t\t\t<ChakraNativeSelect.Field ref={ref} {...fieldProps}>\n\t\t\t\t{placeholder && (\n\t\t\t\t\t<option value=\"\" disabled>\n\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t</option>\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</ChakraNativeSelect.Field>\n\t\t\t<ChakraNativeSelect.Indicator />\n\t\t</ChakraNativeSelect.Root>\n\t);\n};\nNativeSelect.displayName = \"NativeSelect\";\n","import { NumberInput as ChakraNumberInput } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface NumberInputProps extends ChakraNumberInput.RootProps {\n\tshowStepper?: boolean;\n}\n\nexport const NumberInputRoot = function NumberInput({\n\tref,\n\t...props\n}: NumberInputProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { children, showStepper = true, ...rest } = props;\n\treturn (\n\t\t<ChakraNumberInput.Root ref={ref} variant=\"outline\" {...rest}>\n\t\t\t{children}\n\t\t\t{showStepper && (\n\t\t\t\t<ChakraNumberInput.Control>\n\t\t\t\t\t<ChakraNumberInput.IncrementTrigger />\n\t\t\t\t\t<ChakraNumberInput.DecrementTrigger />\n\t\t\t\t</ChakraNumberInput.Control>\n\t\t\t)}\n\t\t</ChakraNumberInput.Root>\n\t);\n};\nNumberInputRoot.displayName = \"NumberInputRoot\";\n\nexport const NumberInputField = ChakraNumberInput.Input;\nNumberInputField.displayName = \"NumberInputField\";\nexport const NumberInputScrubber = ChakraNumberInput.Scrubber;\nNumberInputScrubber.displayName = \"NumberInputScrubber\";\nexport const NumberInputLabel = ChakraNumberInput.Label;\nNumberInputLabel.displayName = \"NumberInputLabel\";\n","import { RadioGroup as ChakraRadioGroup } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface RadioProps extends ChakraRadioGroup.ItemProps {\n\t/** Ref attached to the root element. */\n\trootRef?: React.RefObject<HTMLDivElement | null>;\n\t/** Additional props forwarded to the hidden input element. */\n\tinputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nexport const Radio = function Radio({\n\tref,\n\t...props\n}: RadioProps & { ref?: React.Ref<HTMLInputElement> }) {\n\tconst { children, inputProps, rootRef, ...rest } = props;\n\treturn (\n\t\t<ChakraRadioGroup.Item ref={rootRef} {...rest}>\n\t\t\t<ChakraRadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n\t\t\t<ChakraRadioGroup.ItemIndicator />\n\t\t\t{children && (\n\t\t\t\t<ChakraRadioGroup.ItemText>{children}</ChakraRadioGroup.ItemText>\n\t\t\t)}\n\t\t</ChakraRadioGroup.Item>\n\t);\n};\nRadio.displayName = \"Radio\";\n\nexport const RadioGroup = ChakraRadioGroup.Root;\nRadioGroup.displayName = \"RadioGroup\";\n"]}

package/dist/forms/index.d.ts

@@ -2,9 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { FieldValues, Path, ControllerRenderProps } from 'react-hook-form';
 import { ButtonProps, InputProps, RadioGroupRootProps, StackProps, NativeSelectFieldProps, TextareaProps } from '@chakra-ui/react';
+import { U as UnsavedChangesGuardProps } from '../unsaved-changes-guard-kwzxMb6r.js';
 import { b as NumberInputProps } from '../number-input-D2X0rWOg.js';
 export { S as SearchInput, a as SearchInputProps } from '../search-input-C_Cl2OEx.js';
 import { a as SwitchProps } from '../switch-B0o6G2XE.js';
+import 'react-router-dom';
 
 interface FormFieldProps<T extends FieldValues> {
     name: Path<T>;
@@ -137,16 +139,17 @@ declare namespace DirtyCounter {
     var displayName: string;
 }
 
-interface DirtyFormGuardProps {
-    /** Dialog title. @default "You have unsaved changes" */
-    title?: string;
-    /** Dialog message body. @default "Are you sure you want to leave this page? You have unsaved changes." */
-    message?: string;
-    /** Label for the confirm/leave button. @default "Leave" */
-    confirmLabel?: string;
-    /** Label for the cancel/stay button. @default "Stay" */
-    cancelLabel?: string;
+interface DirtyFormGuardProps extends Omit<UnsavedChangesGuardProps, "isDirty"> {
 }
+/**
+ * Form-aware shortcut for `<UnsavedChangesGuard/>`: sources `isDirty` from
+ * the surrounding `useFormContext()`. Must be mounted inside a
+ * `<FormProvider/>`. For non-form dirty sources (Monaco buffer, custom
+ * hook) use `<UnsavedChangesGuard isDirty={…}/>` directly.
+ *
+ * Pass `safePathPrefix` to exempt sibling tabs of the same detail page
+ * from the leave-confirmation modal.
+ */
 declare const DirtyFormGuard: React__default.FC<DirtyFormGuardProps>;
 
 type DropzoneOptions = {

package/dist/forms/index.js

@@ -1,15 +1,16 @@
-import { LeavePageConfirmation, NumberInputRoot, NumberInputField, RadioGroup, Radio, NativeSelect } from '../chunk-M5WNB4K6.js';
+import { NumberInputRoot, NumberInputField, RadioGroup, Radio, NativeSelect } from '../chunk-CWBQKGL4.js';
 import { Popover, PopoverTrigger, PopoverContent, PopoverBody, Switch } from '../chunk-MIEUXFSK.js';
 export { SearchInput } from '../chunk-E7KRPPCQ.js';
 import { Textarea } from '../chunk-NFZMG6ZL.js';
 import { text_input_default } from '../chunk-OU6H3KU4.js';
 import { Stack, Grid, GridItem, Text, Box, HStack, Flex } from '../chunk-G4QMIXLC.js';
+import { UnsavedChangesGuard } from '../chunk-77EOXDGW.js';
+import '../chunk-7KPPPE4U.js';
 import { Input, IconButton, ButtonGroup, Button, Field, Checkbox, Square, Editable, useEditableContext } from '@chakra-ui/react';
 import { Trash2, Plus, Upload, Pencil } from 'lucide-react';
 import React, { useId, useCallback, useEffect, useRef } from 'react';
 import { useFormContext, useFieldArray, Controller } from 'react-hook-form';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useBlocker } from 'react-router-dom';
 
 function FormField({
   name,
@@ -487,26 +488,9 @@ function DirtyCounter({
   ] });
 }
 DirtyCounter.displayName = "DirtyCounter";
-var DirtyFormGuard = ({
-  title,
-  message,
-  confirmLabel,
-  cancelLabel
-}) => {
+var DirtyFormGuard = (props) => {
   const { formState } = useFormContext();
-  const blocker = useBlocker(formState.isDirty);
-  return /* @__PURE__ */ jsx(
-    LeavePageConfirmation,
-    {
-      blocked: blocker.state === "blocked",
-      onConfirmLeave: () => blocker.proceed?.(),
-      onCancelLeave: () => blocker.reset?.(),
-      title,
-      message,
-      confirmLabel,
-      cancelLabel
-    }
-  );
+  return /* @__PURE__ */ jsx(UnsavedChangesGuard, { isDirty: formState.isDirty, ...props });
 };
 DirtyFormGuard.displayName = "DirtyFormGuard";
 function FileField(props) {