@medway-ui/native 1.7.2 → 1.8.0

package/lib/commonjs/components/SegmentControl.js

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SegmentControl = SegmentControl;
+exports.SegmentControlContent = SegmentControlContent;
+exports.SegmentControlList = SegmentControlList;
+exports.SegmentControlTrigger = SegmentControlTrigger;
+exports.segmentControlTriggerVariants = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var TabsPrimitive = _interopRequireWildcard(require("@rn-primitives/tabs"));
+var _classVarianceAuthority = require("class-variance-authority");
+var _Badge = require("@/components/Badge");
+var _Text = require("@/components/Text");
+var _raisedSurface = require("@/lib/raised-surface");
+var _utils = require("@/lib/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SegmentControlContext = /*#__PURE__*/(0, _react.createContext)({
+  size: "md"
+});
+
+// `min-h` instead of the web's `max-h`: a larger system font grows the segment instead of clipping it.
+const segmentControlTriggerVariants = exports.segmentControlTriggerVariants = (0, _classVarianceAuthority.cva)("shrink flex-row items-center justify-center", {
+  variants: {
+    size: {
+      sm: "min-h-7 gap-2 px-3 py-1.5",
+      md: "min-h-9 gap-2.5 px-3.5 py-2",
+      lg: "min-h-11 gap-3 px-4 py-2.5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// Up to the package's 44pt touch target (`MIN_TOUCH_TARGET`), vertically only: segments sit 2px apart.
+const TRIGGER_HIT_SLOP = {
+  sm: {
+    top: 8,
+    bottom: 8
+  },
+  md: {
+    top: 4,
+    bottom: 4
+  },
+  lg: undefined
+};
+const segmentControlTextVariants = (0, _classVarianceAuthority.cva)("text-center", {
+  variants: {
+    size: {
+      sm: "text-xs leading-xs",
+      md: "text-sm leading-sm",
+      lg: "text-md leading-md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function SegmentControl({
+  value: valueProp,
+  defaultValue = "",
+  onValueChange,
+  size = "md",
+  className,
+  children,
+  ...props
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = (0, _react.useState)(defaultValue);
+  const value = valueProp ?? uncontrolledValue;
+  const context = (0, _react.useMemo)(() => ({
+    size
+  }), [size]);
+  const handleValueChange = next => {
+    if (next === value) return;
+    if (valueProp === undefined) setUncontrolledValue(next);
+    onValueChange?.(next);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SegmentControlContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.Root, {
+      asChild: true,
+      value: value,
+      onValueChange: handleValueChange,
+      ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: (0, _utils.cn)("gap-2", className),
+        children: children
+      })
+    })
+  });
+}
+function SegmentControlList({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.List, {
+    asChild: true,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)("flex-row items-center gap-0.5 self-start rounded-md bg-gray-background-soft p-0.5", className),
+      children: children
+    })
+  });
+}
+function shouldShowBadge(badge, disabled) {
+  return badge != null && badge !== 0 && badge !== "" && badge !== "0" && !disabled;
+}
+
+// Strings and numbers, as in `Aulas {count}`, join into one label; anything else renders as is.
+function toLabel(children) {
+  const parts = _react.Children.toArray(children);
+  return parts.length > 0 && parts.every(part => typeof part === "string" || typeof part === "number") ? parts.join("") : null;
+}
+function SegmentControlTrigger({
+  className,
+  children,
+  icon,
+  badge,
+  badgeVariant,
+  value,
+  disabled,
+  accessibilityLabel,
+  ...props
+}) {
+  const {
+    size
+  } = (0, _react.useContext)(SegmentControlContext);
+  const {
+    value: activeValue
+  } = TabsPrimitive.useRootContext();
+  const isActive = activeValue === value;
+  const isDisabled = !!disabled;
+  const showBadge = shouldShowBadge(badge, isDisabled);
+  const label = toLabel(children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.Trigger, {
+    asChild: true,
+    value: value,
+    disabled: disabled,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      accessibilityLabel: accessibilityLabel ?? (label != null ? showBadge ? `${label}, ${badge}` : label : undefined),
+      hitSlop: TRIGGER_HIT_SLOP[size],
+      className: (0, _utils.cn)(segmentControlTriggerVariants({
+        size
+      }), className),
+      children: ({
+        pressed
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [isActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_raisedSurface.RaisedSurface, {}) : null, icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          className: "shrink-0",
+          children: icon
+        }) : null, label != null ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          className: "min-w-0 shrink",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+            numberOfLines: 1,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            className: (0, _utils.cn)(segmentControlTextVariants({
+              size
+            }), "font-semibold opacity-0"),
+            children: label
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+            numberOfLines: 1,
+            className: (0, _utils.cn)(segmentControlTextVariants({
+              size
+            }), "absolute inset-0", isActive ? "font-semibold" : "font-medium", isDisabled ? "text-gray-foreground-muted" : isActive ? pressed ? "text-primary-foreground-emphasis" : "text-primary-foreground" : pressed ? "text-gray-foreground-emphasis" : "text-gray-foreground"),
+            children: label
+          })]
+        }) : children, showBadge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.Badge, {
+          size: size,
+          variant: badgeVariant,
+          children: String(badge)
+        }) : null]
+      })
+    })
+  });
+}
+function SegmentControlContent({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.Content, {
+    asChild: true,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)("flex-1", className),
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=SegmentControl.js.map

package/lib/commonjs/components/SegmentControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","TabsPrimitive","_interopRequireWildcard","_classVarianceAuthority","_Badge","_Text","_raisedSurface","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SegmentControlContext","createContext","size","segmentControlTriggerVariants","exports","cva","variants","sm","md","lg","defaultVariants","TRIGGER_HIT_SLOP","top","bottom","undefined","segmentControlTextVariants","SegmentControl","value","valueProp","defaultValue","onValueChange","className","children","props","uncontrolledValue","setUncontrolledValue","useState","context","useMemo","handleValueChange","next","jsx","Provider","Root","asChild","View","cn","SegmentControlList","List","shouldShowBadge","badge","disabled","toLabel","parts","Children","toArray","length","every","part","join","SegmentControlTrigger","icon","badgeVariant","accessibilityLabel","useContext","activeValue","useRootContext","isActive","isDisabled","showBadge","label","Trigger","Pressable","hitSlop","pressed","jsxs","Fragment","RaisedSurface","Text","numberOfLines","accessibilityElementsHidden","importantForAccessibility","Badge","variant","String","SegmentControlContent","Content"],"sourceRoot":"../../../src","sources":["components/SegmentControl.tsx"],"mappings":"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","ignoreList":[]}