@seed-design/lynx-react 0.7.1 → 0.9.0

package/lib/components/FloatingActionButton/FloatingActionButton.jsx

@@ -0,0 +1,76 @@
+import { usePressTap } from "../../packages/lynx-react-headless/use-press-tap/lib/index.js";
+import { useScaleFeedback } from "../../hooks/useScaleFeedback.js";
+import { mergeProps } from "../../utils/merge-props.js";
+import { createSlotRecipeContext } from "../../utils/create-slot-recipe-context.jsx";
+import { InternalIcon } from "../Icon/Icon.jsx";
+import * as React from "@lynx-js/react";
+import clsx from "clsx";
+import { floatingActionButton } from "@seed-design/lynx-css/recipes/floating-action-button";
+//#region src/components/FloatingActionButton/FloatingActionButton.tsx
+var { ClassNamesProvider, PropsProvider, useClassNames, useProps, withContext } = createSlotRecipeContext(floatingActionButton);
+var LabelWidthContext = React.createContext(null);
+var FloatingActionButtonRootView = React.forwardRef((props, ref) => {
+	const [variantProps, otherProps] = floatingActionButton.splitVariantProps(props);
+	const { children, className, style, ...nativeProps } = otherProps;
+	const initiallyExtended = React.useRef(variantProps.extended !== false);
+	const [labelWidth, setLabelWidth] = React.useState();
+	const classNames = floatingActionButton({
+		...variantProps,
+		transitionEnabled: labelWidth !== void 0 || !initiallyExtended.current
+	});
+	return <ClassNamesProvider value={classNames}>
+        <PropsProvider value={variantProps}>
+          <LabelWidthContext.Provider value={setLabelWidth}>
+            <view {...mergeProps(ref ? { ref } : {}, nativeProps)} className={clsx(classNames.root, className)} style={{
+		"--fab-label-width": `${labelWidth ?? 0}px`,
+		...style
+	}}>
+              {children}
+            </view>
+          </LabelWidthContext.Provider>
+        </PropsProvider>
+      </ClassNamesProvider>;
+});
+FloatingActionButtonRootView.displayName = "FloatingActionButtonRootView";
+var FloatingActionButtonRoot = React.forwardRef((props, ref) => {
+	const { bindtap, "main-thread:bindtap": mainThreadBindtap, disabled = false, "accessibility-element": accessibilityElement = true, "accessibility-role-description": accessibilityRoleDescription = "button", "accessibility-traits": accessibilityTraits, ...otherProps } = props;
+	const { pressed, bindtouchstart, bindtouchend, bindtouchcancel, ...pressTapHandlers } = usePressTap({
+		disabled,
+		onTap: bindtap,
+		mainThreadOnTap: mainThreadBindtap
+	});
+	const { scaleFeedbackTriggerProps, scaleFeedbackTargetProps } = useScaleFeedback({
+		disabled,
+		onTouchStart: bindtouchstart,
+		onTouchEnd: bindtouchend,
+		onTouchCancel: bindtouchcancel
+	});
+	return <FloatingActionButtonRootView {...mergeProps(ref ? { ref } : {}, disabled ? {} : scaleFeedbackTargetProps, disabled ? {} : scaleFeedbackTriggerProps, disabled ? {} : pressTapHandlers, otherProps)} disabled={disabled} pressed={pressed} accessibility-element={accessibilityElement} accessibility-role-description={accessibilityRoleDescription} accessibility-traits={accessibilityTraits ?? (disabled ? "disabled" : void 0)} flatten={false} />;
+});
+FloatingActionButtonRoot.displayName = "FloatingActionButtonRoot";
+var StyledIcon = withContext(InternalIcon, "icon");
+var FloatingActionButtonIcon = React.forwardRef((props, ref) => {
+	const { className, ...iconProps } = props;
+	const classNames = useClassNames();
+	return <StyledIcon {...mergeProps(ref ? { ref } : {}, iconProps)} className={className} deps={[classNames.icon]} disableDefaultResize={true} accessibility-elements-hidden={true} />;
+});
+FloatingActionButtonIcon.displayName = "FloatingActionButtonIcon";
+var FloatingActionButtonLabel = React.forwardRef((props, ref) => {
+	const { children, className, ...nativeProps } = props;
+	const classNames = useClassNames();
+	const variantProps = useProps();
+	const setLabelWidth = React.useContext(LabelWidthContext);
+	if (!setLabelWidth) throw new Error("FloatingActionButtonLabel must be used within FloatingActionButtonRoot.");
+	const handleLayoutChange = React.useCallback((event) => {
+		"background only";
+		const width = event.detail.width;
+		if (Number.isFinite(width) && width >= 0) setLabelWidth(width);
+	}, [setLabelWidth]);
+	if (variantProps?.extended === false) return null;
+	return <text {...mergeProps(ref ? { ref } : {}, { bindlayoutchange: handleLayoutChange }, nativeProps)} className={clsx(classNames.label, className)} accessibility-elements-hidden={true}>
+        {children}
+      </text>;
+});
+FloatingActionButtonLabel.displayName = "FloatingActionButtonLabel";
+//#endregion
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot };

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.d.ts

@@ -0,0 +1,2 @@
+export { FloatingActionButtonIcon as Icon, FloatingActionButtonLabel as Label, FloatingActionButtonRoot as Root, type FloatingActionButtonIconProps as IconProps, type FloatingActionButtonLabelProps as LabelProps, type FloatingActionButtonRootProps as RootProps, } from './FloatingActionButton';
+//# sourceMappingURL=FloatingActionButton.namespace.d.ts.map

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingActionButton.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/FloatingActionButton.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,IAAI,IAAI,EAChC,yBAAyB,IAAI,KAAK,EAClC,wBAAwB,IAAI,IAAI,EAChC,KAAK,6BAA6B,IAAI,SAAS,EAC/C,KAAK,8BAA8B,IAAI,UAAU,EACjD,KAAK,6BAA6B,IAAI,SAAS,GAChD,MAAM,wBAAwB,CAAC"}

package/lib/components/FloatingActionButton/FloatingActionButton.namespace.js

@@ -0,0 +1,10 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from "./FloatingActionButton.jsx";
+//#region src/components/FloatingActionButton/FloatingActionButton.namespace.ts
+var FloatingActionButton_namespace_exports = /* @__PURE__ */ __exportAll({
+	Icon: () => FloatingActionButtonIcon,
+	Label: () => FloatingActionButtonLabel,
+	Root: () => FloatingActionButtonRoot
+});
+//#endregion
+export { FloatingActionButton_namespace_exports };

package/lib/components/FloatingActionButton/index.d.ts

@@ -0,0 +1,3 @@
+export { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, type FloatingActionButtonIconProps, type FloatingActionButtonLabelProps, type FloatingActionButtonRootProps, } from './FloatingActionButton';
+export * as FloatingActionButton from './FloatingActionButton.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/FloatingActionButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,KAAK,8BAA8B,EACnC,KAAK,6BAA6B,GACnC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,oBAAoB,MAAM,kCAAkC,CAAC"}

package/lib/components/HelpBubble/HelpBubble.d.ts

@@ -0,0 +1,67 @@
+import { HelpBubbleVariantProps } from '@seed-design/lynx-css/recipes/help-bubble';
+import { LynxAccessibilityProps, LynxPressableProps, LynxStyledElementProps, LynxViewProps } from '../../types';
+import { StyleProps } from '../../utils/styled';
+import { Placement } from '../private/Positioning';
+import * as React from "@lynx-js/react";
+type HelpBubblePublicVariantProps = Omit<HelpBubbleVariantProps, "open" | "positioned" | "side" | "pressed">;
+export interface HelpBubbleRootProps extends HelpBubblePublicVariantProps, LynxStyledElementProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** @default "top" */
+    placement?: Placement;
+    /** @default 4 */
+    gutter?: number;
+    /** @default 16 */
+    overflowPadding?: number;
+    /** @default 14 */
+    arrowPadding?: number;
+    /** @default true */
+    flip?: boolean | {
+        fallbackStrategy?: "bestFit" | "initialPlacement";
+        fallbackPlacements?: Placement[];
+    };
+    /** @default true */
+    closeOnInteractOutside?: boolean;
+}
+/**
+ * @platform Lynx
+ *
+ * The native implementation uses fixed positioned views rather than DOM portals.
+ * `closeOnInteractOutside={false}` has no full-screen hit surface, so other native
+ * controls and independently-open HelpBubbles remain interactive.
+ */
+export declare const HelpBubbleRoot: React.ForwardRefExoticComponent<HelpBubbleRootProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleAnchorProps extends LynxStyledElementProps, Pick<LynxViewProps, "bindlayoutchange"> {
+}
+export declare const HelpBubbleAnchor: React.ForwardRefExoticComponent<HelpBubbleAnchorProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleTriggerProps extends LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps, Pick<LynxViewProps, "bindlayoutchange"> {
+}
+export declare const HelpBubbleTrigger: React.ForwardRefExoticComponent<HelpBubbleTriggerProps & React.RefAttributes<unknown>>;
+export interface HelpBubblePositionerProps extends LynxStyledElementProps {
+    zIndexOffset?: number;
+}
+export declare const HelpBubblePositioner: React.ForwardRefExoticComponent<HelpBubblePositionerProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleContentProps extends Pick<StyleProps, "maxWidth">, LynxStyledElementProps {
+}
+export declare const HelpBubbleContent: React.ForwardRefExoticComponent<HelpBubbleContentProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleArrowProps extends LynxStyledElementProps {
+}
+export declare const HelpBubbleArrow: React.ForwardRefExoticComponent<HelpBubbleArrowProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleArrowTipProps extends LynxStyledElementProps {
+}
+export declare const HelpBubbleArrowTip: React.ForwardRefExoticComponent<HelpBubbleArrowTipProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleBodyProps extends LynxStyledElementProps {
+}
+export declare const HelpBubbleBody: React.ForwardRefExoticComponent<HelpBubbleBodyProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleTitleProps extends LynxStyledElementProps, LynxAccessibilityProps {
+}
+export declare const HelpBubbleTitle: React.ForwardRefExoticComponent<HelpBubbleTitleProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleDescriptionProps extends LynxStyledElementProps, LynxAccessibilityProps {
+}
+export declare const HelpBubbleDescription: React.ForwardRefExoticComponent<HelpBubbleDescriptionProps & React.RefAttributes<unknown>>;
+export interface HelpBubbleCloseButtonProps extends LynxStyledElementProps, LynxPressableProps, LynxAccessibilityProps {
+}
+export declare const HelpBubbleCloseButton: React.ForwardRefExoticComponent<HelpBubbleCloseButtonProps & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=HelpBubble.d.ts.map

package/lib/components/HelpBubble/HelpBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAGpG,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAKxC,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EAEtB,aAAa,EAEd,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,wBAAwB,CAAC;AAIhC,KAAK,4BAA4B,GAAG,IAAI,CACtC,sBAAsB,EACtB,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAC3C,CAAC;AAoFF,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B,EAAE,sBAAsB;IAC/F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qBAAqB;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB;IACpB,IAAI,CAAC,EACD,OAAO,GACP;QACE,gBAAgB,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;QAClD,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;KAClC,CAAC;IACN,oBAAoB;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,qFAsLzB,CAAC;AAKH,MAAM,WAAW,qBACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;CAAG;AAE9C,eAAO,MAAM,gBAAgB,uFA8B3B,CAAC;AAKH,MAAM,WAAW,sBACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB,EACtB,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;CAAG;AAE9C,eAAO,MAAM,iBAAiB,wFAgE5B,CAAC;AAKH,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8DD,eAAO,MAAM,oBAAoB,2FA+BhC,CAAC;AAKF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAClC,sBAAsB;CAAG;AAE7B,eAAO,MAAM,iBAAiB,wFAyR5B,CAAC;AAKH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;CAAG;AAEvE,eAAO,MAAM,eAAe,sFAuB1B,CAAC;AAGH,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;CAAG;AAE1E,eAAO,MAAM,kBAAkB,yFAc9B,CAAC;AAKF,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;CAAG;AAEtE,eAAO,MAAM,cAAc,qFAWzB,CAAC;AAGH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB,EAAE,sBAAsB;CAAG;AAE/F,eAAO,MAAM,eAAe,sFAW1B,CAAC;AAGH,MAAM,WAAW,0BACf,SAAQ,sBAAsB,EAC5B,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FAajC,CAAC;AAKF,MAAM,WAAW,0BACf,SAAQ,sBAAsB,EAC5B,kBAAkB,EAClB,sBAAsB;CAAG;AAE7B,eAAO,MAAM,qBAAqB,4FAmDjC,CAAC"}