@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/cjs/actions/ActionBar.cjs

@@ -0,0 +1,148 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ActionBar_exports = {};
+__export(ActionBar_exports, {
+  ActionBar: () => ActionBar
+});
+module.exports = __toCommonJS(ActionBar_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_actionScan = require("../shared/actionScan.cjs");
+var import_surfaces = require("../surfaces.cjs");
+var import_devWarn = require("./devWarn.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ALIGN_JUSTIFY = {
+  start: "flex-start",
+  end: "flex-end",
+  between: "space-between"
+};
+function asArray(node) {
+  if (node == null || node === false) return [];
+  return Array.isArray(node) ? node : [node];
+}
+function elementLooksPrimary(node) {
+  if (!(0, import_react.isValidElement)(node)) return false;
+  const props = node.props;
+  if (props["data-mp-action-role"] === "primary") return true;
+  if (props.actionRole === "primary") return true;
+  if (props.accent === true) return true;
+  return false;
+}
+function countPrimariesInTree(nodes) {
+  let count = 0;
+  import_react.Children.forEach(nodes, child => {
+    if (elementLooksPrimary(child)) count += 1;
+    if ((0, import_react.isValidElement)(child)) {
+      const kids = child.props.children;
+      if (kids != null) count += countPrimariesInTree(kids);
+    }
+  });
+  return count;
+}
+function nodeRendersDisabled(node) {
+  if (!(0, import_react.isValidElement)(node)) return false;
+  const props = node.props;
+  return props.disabled === true || props["aria-disabled"] === true || props["aria-disabled"] === "true";
+}
+function ActionBar({
+  primary,
+  secondary,
+  cancel,
+  children,
+  align = "end",
+  allowManyActions = false,
+  id: idProp,
+  gap = "$2",
+  ...stackProps
+}) {
+  const reactId = (0, import_react.useId)();
+  const regionId = idProp ?? reactId;
+  const rootRef = (0, import_react.useRef)(null);
+  const inDialogRegion = (0, import_surfaces.useIsInDialogRegion)();
+  const secondaryItems = asArray(secondary);
+  const hasSlots = primary != null || secondaryItems.length > 0 || cancel != null;
+  let cancelDisabledStripped = false;
+  const cancelItems = cancel == null || cancel === false ? null : import_react.Children.map(cancel, node => {
+    if (!nodeRendersDisabled(node)) return node;
+    cancelDisabledStripped = true;
+    return (0, import_react.cloneElement)(node, {
+      disabled: void 0,
+      "aria-disabled": void 0,
+      "data-mp-cancel-disabled-ignored": "true"
+    });
+  });
+  (0, import_react.useEffect)(() => {
+    let total = 0;
+    if (primary != null) total += 1;
+    total += countPrimariesInTree(children);
+    total += countPrimariesInTree(secondary);
+    total += countPrimariesInTree(cancel);
+    if (total > 1) {
+      (0, import_devWarn.actionDevWarn)("two-primaries", {
+        component: "ActionBar",
+        id: regionId,
+        count: total
+      });
+    }
+    if (cancelDisabledStripped) {
+      (0, import_devWarn.warnCancelDisabled)({
+        disabled: true,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    if (inDialogRegion) {
+      const actionTotal = (primary != null ? 1 : 0) + secondaryItems.filter(node => node != null && node !== false).length + (cancel != null && cancel !== false ? 1 : 0) + (0, import_actionScan.countActionsInTree)(children);
+      (0, import_devWarn.warnDialogTooManyActions)({
+        count: actionTotal,
+        allowManyActions,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    const el = rootRef.current;
+    if (el && typeof el.querySelectorAll === "function") {
+      const domCount = el.querySelectorAll('[data-mp-action-role="primary"]').length;
+      if (domCount > 1) {
+        (0, import_devWarn.actionDevWarn)("two-primaries", {
+          component: "ActionBar",
+          id: `${regionId}:dom`,
+          count: domCount
+        });
+      }
+    }
+  }, [allowManyActions, cancel, cancelDisabledStripped, children, inDialogRegion, primary, regionId, secondary]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    ref: rootRef,
+    "data-mp-action-bar": regionId,
+    gap,
+    flexWrap: "wrap",
+    alignItems: "center",
+    justifyContent: ALIGN_JUSTIFY[align],
+    width: "100%",
+    ...stackProps,
+    children: [hasSlots ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [cancelItems, secondaryItems, primary]
+    }) : null, children]
+  });
+}

package/dist/cjs/actions/ActionBar.native.js

@@ -0,0 +1,154 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ActionBar_exports = {};
+__export(ActionBar_exports, {
+  ActionBar: () => ActionBar
+});
+module.exports = __toCommonJS(ActionBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_actionScan = require("../shared/actionScan.native.js");
+var import_surfaces = require("../surfaces.native.js");
+var import_devWarn = require("./devWarn.native.js");
+var ALIGN_JUSTIFY = {
+  start: "flex-start",
+  end: "flex-end",
+  between: "space-between"
+};
+function asArray(node) {
+  if (node == null || node === false) return [];
+  return Array.isArray(node) ? node : [node];
+}
+function elementLooksPrimary(node) {
+  if (! /* @__PURE__ */(0, import_react.isValidElement)(node)) return false;
+  var props = node.props;
+  if (props["data-mp-action-role"] === "primary") return true;
+  if (props.actionRole === "primary") return true;
+  if (props.accent === true) return true;
+  return false;
+}
+function countPrimariesInTree(nodes) {
+  var count = 0;
+  import_react.Children.forEach(nodes, function (child) {
+    if (elementLooksPrimary(child)) count += 1;
+    if (/* @__PURE__ */(0, import_react.isValidElement)(child)) {
+      var kids = child.props.children;
+      if (kids != null) count += countPrimariesInTree(kids);
+    }
+  });
+  return count;
+}
+function nodeRendersDisabled(node) {
+  if (! /* @__PURE__ */(0, import_react.isValidElement)(node)) return false;
+  var props = node.props;
+  return props.disabled === true || props["aria-disabled"] === true || props["aria-disabled"] === "true";
+}
+function ActionBar(param) {
+  var {
+    primary,
+    secondary,
+    cancel,
+    children,
+    align = "end",
+    allowManyActions = false,
+    id: idProp,
+    gap = "$2",
+    ...stackProps
+  } = param;
+  var reactId = (0, import_react.useId)();
+  var regionId = idProp !== null && idProp !== void 0 ? idProp : reactId;
+  var rootRef = (0, import_react.useRef)(null);
+  var inDialogRegion = (0, import_surfaces.useIsInDialogRegion)();
+  var secondaryItems = asArray(secondary);
+  var hasSlots = primary != null || secondaryItems.length > 0 || cancel != null;
+  var cancelDisabledStripped = false;
+  var cancelItems = cancel == null || cancel === false ? null : import_react.Children.map(cancel, function (node) {
+    if (!nodeRendersDisabled(node)) return node;
+    cancelDisabledStripped = true;
+    return /* @__PURE__ */(0, import_react.cloneElement)(node, {
+      disabled: void 0,
+      "aria-disabled": void 0,
+      "data-mp-cancel-disabled-ignored": "true"
+    });
+  });
+  (0, import_react.useEffect)(function () {
+    var total = 0;
+    if (primary != null) total += 1;
+    total += countPrimariesInTree(children);
+    total += countPrimariesInTree(secondary);
+    total += countPrimariesInTree(cancel);
+    if (total > 1) {
+      (0, import_devWarn.actionDevWarn)("two-primaries", {
+        component: "ActionBar",
+        id: regionId,
+        count: total
+      });
+    }
+    if (cancelDisabledStripped) {
+      (0, import_devWarn.warnCancelDisabled)({
+        disabled: true,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    if (inDialogRegion) {
+      var actionTotal = (primary != null ? 1 : 0) + secondaryItems.filter(function (node) {
+        return node != null && node !== false;
+      }).length + (cancel != null && cancel !== false ? 1 : 0) + (0, import_actionScan.countActionsInTree)(children);
+      (0, import_devWarn.warnDialogTooManyActions)({
+        count: actionTotal,
+        allowManyActions,
+        component: "ActionBar",
+        id: regionId
+      });
+    }
+    var el = rootRef.current;
+    if (el && typeof el.querySelectorAll === "function") {
+      var domCount = el.querySelectorAll('[data-mp-action-role="primary"]').length;
+      if (domCount > 1) {
+        (0, import_devWarn.actionDevWarn)("two-primaries", {
+          component: "ActionBar",
+          id: `${regionId}:dom`,
+          count: domCount
+        });
+      }
+    }
+  }, [allowManyActions, cancel, cancelDisabledStripped, children, inDialogRegion, primary, regionId, secondary]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    ref: rootRef,
+    "data-mp-action-bar": regionId,
+    gap,
+    flexWrap: "wrap",
+    alignItems: "center",
+    justifyContent: ALIGN_JUSTIFY[align],
+    width: "100%",
+    ...stackProps,
+    children: [hasSlots ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [cancelItems, secondaryItems, primary]
+    }) : null, children]
+  });
+}
+//# sourceMappingURL=ActionBar.native.js.map

package/dist/cjs/actions/ActionBar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ActionBar_exports","__export","ActionBar","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_actionScan","import_surfaces","import_devWarn","ALIGN_JUSTIFY","start","end","between","asArray","node","Array","isArray","elementLooksPrimary","isValidElement","props","actionRole","accent","countPrimariesInTree","nodes","count","Children","forEach","child","kids","children","nodeRendersDisabled","disabled","param","primary","secondary","cancel","align","allowManyActions","id","idProp","gap","stackProps","reactId","useId","regionId","rootRef","useRef","inDialogRegion","useIsInDialogRegion","secondaryItems","hasSlots","length","cancelDisabledStripped","cancelItems","map","cloneElement","useEffect","total","actionDevWarn","component","warnCancelDisabled","actionTotal","filter","countActionsInTree","warnDialogTooManyActions","el","current","querySelectorAll","domCount","jsxs","XStack","ref","flexWrap","alignItems","justifyContent","width","Fragment"],"sources":["../../../src/actions/ActionBar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/actions/DestructiveAction.cjs

@@ -0,0 +1,216 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DestructiveAction_exports = {};
+__export(DestructiveAction_exports, {
+  DestructiveAction: () => DestructiveAction
+});
+module.exports = __toCommonJS(DestructiveAction_exports);
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_ConfirmDialog = require("../feedback/ConfirmDialog.cjs");
+var import_t = require("../shared/t.cjs");
+var import_severity = require("./severity.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function buildConfirmContext(props) {
+  const actionLabel = (0, import_forms.formatActionLabel)({
+    verb: props.verb,
+    noun: props.noun
+  });
+  const confirmLabel = (0, import_forms.formatActionLabel)({
+    verb: props.verb
+  });
+  const expectedText = props.severity === "high" ? (props.confirmationText ?? props.noun ?? props.verb).trim() : void 0;
+  return {
+    verb: props.verb,
+    noun: props.noun,
+    confirmLabel,
+    actionLabel,
+    severity: props.severity,
+    consequence: props.consequence,
+    expectedText,
+    confirmationText: props.confirmationText
+  };
+}
+function DestructiveAction({
+  verb,
+  noun,
+  severity: severityProp,
+  bulk,
+  irreversible,
+  cascades,
+  consequence,
+  confirmationText,
+  confirm,
+  onAction,
+  children,
+  disabled,
+  disabledReason,
+  loading,
+  ...buttonProps
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const severity = (0, import_severity.resolveDestructiveSeverity)({
+    severity: severityProp,
+    bulk,
+    irreversible,
+    cascades
+  });
+  const needsConfirm = (0, import_severity.severityRequiresConfirm)(severity);
+  const useDanger = (0, import_severity.severityUsesDangerTone)(severity);
+  const label = children ?? (0, import_forms.formatActionLabel)({
+    verb,
+    noun
+  });
+  const [pending, setPending] = (0, import_react.useState)(false);
+  const [dialogOpen, setDialogOpen] = (0, import_react.useState)(false);
+  const [typedText, setTypedText] = (0, import_react.useState)("");
+  const dialogCtx = buildConfirmContext({
+    verb,
+    noun,
+    severity,
+    consequence,
+    confirmationText
+  });
+  const useCustomConfirm = Boolean(confirm);
+  const typedMatch = !dialogCtx.expectedText || typedText.trim() === dialogCtx.expectedText;
+  const runAction = (0, import_react.useCallback)(async () => {
+    setPending(true);
+    try {
+      await onAction();
+    } finally {
+      setPending(false);
+    }
+  }, [onAction]);
+  const closeDialog = (0, import_react.useCallback)(() => {
+    setDialogOpen(false);
+    setTypedText("");
+  }, []);
+  const handlePress = (0, import_react.useCallback)(async () => {
+    if (disabled || disabledReason || pending) return;
+    const ctx = buildConfirmContext({
+      verb,
+      noun,
+      severity,
+      consequence,
+      confirmationText
+    });
+    if (needsConfirm) {
+      if (confirm) {
+        setPending(true);
+        try {
+          const ok = await confirm(ctx);
+          if (!ok) return;
+          await onAction();
+        } finally {
+          setPending(false);
+        }
+        return;
+      }
+      setTypedText("");
+      setDialogOpen(true);
+      return;
+    }
+    await runAction();
+  }, [confirm, confirmationText, consequence, disabled, disabledReason, needsConfirm, noun, onAction, pending, runAction, severity, verb]);
+  const handleDialogConfirm = (0, import_react.useCallback)(async () => {
+    if (dialogCtx.expectedText && typedText.trim() !== dialogCtx.expectedText) {
+      return;
+    }
+    closeDialog();
+    await runAction();
+  }, [closeDialog, dialogCtx.expectedText, runAction, typedText]);
+  const markers = {
+    "data-mp-destructive": "true",
+    "data-mp-destructive-severity": severity,
+    ...(needsConfirm && useCustomConfirm ? {
+      "data-mp-confirmed-upstream": "true"
+    } : {}),
+    ...(needsConfirm && !useCustomConfirm ? {
+      "data-mp-confirm-dialog": "true"
+    } : {})
+  };
+  const typedPrompt = dialogCtx.expectedText != null ? (0, import_t.withInterp)(t('Type "{{text}}" to confirm.'), {
+    text: dialogCtx.expectedText
+  }) : null;
+  const dialogBody = dialogCtx.expectedText != null ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$3",
+    children: [consequence ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      size: "$3",
+      children: consequence
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+      "data-mp-confirm-prompt": "",
+      children: typedPrompt
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+      value: typedText,
+      onChange: e => setTypedText(e.target.value),
+      placeholder: dialogCtx.expectedText,
+      autoCapitalize: "none",
+      autoCorrect: "off",
+      spellCheck: false,
+      "data-mp-confirm-expected": "",
+      style: {
+        width: "100%",
+        padding: "8px 12px",
+        borderRadius: 8,
+        border: "1px solid var(--borderColor, #ccc)",
+        background: "var(--background, transparent)",
+        color: "inherit",
+        font: "inherit"
+      }
+    })]
+  }) : consequence;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      ...buttonProps,
+      ...markers,
+      verb,
+      noun,
+      error: useDanger || void 0,
+      disabled: disabled || Boolean(disabledReason) || void 0,
+      disabledReason,
+      loading: loading || pending,
+      onPress: handlePress,
+      children: label
+    }), needsConfirm && !useCustomConfirm ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConfirmDialog.ConfirmDialog, {
+      open: dialogOpen,
+      title: `${dialogCtx.actionLabel}?`,
+      body: dialogBody,
+      confirmLabel: dialogCtx.confirmLabel,
+      cancelLabel: t("Cancel"),
+      destructive: true,
+      confirmDisabled: Boolean(dialogCtx.expectedText) && !typedMatch,
+      confirmDisabledReason: typedPrompt ?? void 0,
+      onConfirm: () => {
+        void handleDialogConfirm();
+      },
+      onCancel: closeDialog,
+      onOpenChange: next => {
+        if (!next) closeDialog();else setDialogOpen(true);
+      }
+    }) : null]
+  });
+}