@seed-design/lynx-react 0.3.1 → 0.4.1

package/lib/components/ProgressCircle/ProgressCircle.jsx

@@ -18,6 +18,34 @@ function computeRingGeometry(numSize) {
 		capSize: halfSize - innerR
 	};
 }
+function bgCubicBezier(rawT, x1, y1, x2, y2) {
+	const t = Math.max(0, Math.min(1, rawT));
+	const cx = 3 * x1;
+	const bx = 3 * (x2 - x1) - cx;
+	const ax = 1 - cx - bx;
+	let currentT = t;
+	for (let i = 0; i < 8; i++) {
+		const currentX = ((ax * currentT + bx) * currentT + cx) * currentT - t;
+		const currentDx = (3 * ax * currentT + 2 * bx) * currentT + cx;
+		if (Math.abs(currentDx) < 1e-6) break;
+		currentT = currentT - currentX / currentDx;
+	}
+	const cy = 3 * y1;
+	const by = 3 * (y2 - y1) - cy;
+	return (((1 - cy - by) * currentT + by) * currentT + cy) * currentT;
+}
+function bgSampleIndeterminate(t) {
+	const containerEased = bgCubicBezier(t, .35, .25, .65, .75);
+	const headEased = bgCubicBezier(t, .35, 0, .65, 1);
+	const tailEased = bgCubicBezier(t, .35, 0, .65, .6);
+	const headLength = headEased <= .75 ? headEased / .75 * 360 : 360;
+	const tailOffset = tailEased <= 1 / 3 ? 0 : (tailEased - 1 / 3) / (2 / 3) * 360;
+	const arcLength = Math.max(0, headLength - tailOffset);
+	return {
+		containerDeg: containerEased * 360 + tailOffset,
+		arcLength
+	};
+}
 function bgPieClipPath(size, angleDeg) {
 	if (angleDeg >= 360) return void 0;
 	if (angleDeg <= 0) return "path(\"M 0 0 Z\")";
@@ -72,6 +100,7 @@ function sampleIndeterminate(t) {
 	};
 }
 var INDETERMINATE_DURATION = 1200;
+var INDETERMINATE_INITIAL_PHASE = 1 / 6;
 var TRANSITION_DURATION = 300;
 /**
 * Lynx에서 SVG를 사용할 수 없어 CSS clip-path 기반 pie sector로 구현.
@@ -220,7 +249,7 @@ function IndeterminateRange({ numSize, classes }) {
 		let startTs = 0;
 		function tick(ts) {
 			if (!startTs) startTs = Number(ts);
-			const state = sampleIndeterminate((ts - startTs) % INDETERMINATE_DURATION / INDETERMINATE_DURATION);
+			const state = sampleIndeterminate((ts - startTs + INDETERMINATE_DURATION * INDETERMINATE_INITIAL_PHASE) % INDETERMINATE_DURATION / INDETERMINATE_DURATION);
 			containerEl?.setStyleProperty("transform", `rotate(${state.containerDeg}deg)`);
 			const clipPath = pieClipPath(numSize, state.arcLength);
 			if (clipPath) rangeEl?.setStyleProperty("clip-path", clipPath);
@@ -247,12 +276,14 @@ function IndeterminateRange({ numSize, classes }) {
 			runOnMainThread(stopLoop)();
 		};
 	}, [numSize]);
-	const initialClipPath = "path(\"M 0 0 Z\")";
+	const initialState = bgSampleIndeterminate(INDETERMINATE_INITIAL_PHASE);
+	const initialClipPath = bgPieClipPath(numSize, initialState.arcLength);
+	const initialHeadRad = initialState.arcLength * Math.PI / 180;
 	return <view main-thread:ref={containerRef} style={{
 		position: "absolute",
 		width: `${numSize}px`,
 		height: `${numSize}px`,
-		transform: "rotate(0deg)"
+		transform: `rotate(${initialState.containerDeg}deg)`
 	}}>
       <view main-thread:ref={rangeRef} className={classes.range} style={{
 		position: "absolute",
@@ -270,8 +301,8 @@ function IndeterminateRange({ numSize, classes }) {
       <view main-thread:ref={headCapRef} className={classes.cap} style={{
 		width: `${capSize}px`,
 		height: `${capSize}px`,
-		left: `${halfSize - capSize / 2}px`,
-		top: `${halfSize - ringCenterR - capSize / 2}px`
+		left: `${halfSize + ringCenterR * Math.sin(initialHeadRad) - capSize / 2}px`,
+		top: `${halfSize - ringCenterR * Math.cos(initialHeadRad) - capSize / 2}px`
 	}} />
     </view>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEpE,KAAK,eAAe,GAChB,SAAS,GACT,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,CAAC;AAEjB,UAAU,cAAe,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACrF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAElD,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AA0ClD,eAAO,MAAM,MAAM,6EAIjB,CAAC;AAIH,eAAO,MAAM,MAAM,6EAIjB,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAe,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEpE,KAAK,eAAe,GAChB,SAAS,GACT,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,CAAC;AAEjB,UAAU,cAAe,SAAQ,UAAU,EAAE,sBAAsB,EAAE,kBAAkB;IACrF,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC;IACvE,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAElD,MAAM,WAAW,WAAY,SAAQ,UAAU;CAAG;AAwDlD,eAAO,MAAM,MAAM,6EAIjB,CAAC;AAIH,eAAO,MAAM,MAAM,6EAIjB,CAAC"}

package/lib/components/Stack/Stack.jsx

@@ -14,11 +14,20 @@ function getStackProps(props) {
 	};
 }
 function useStackStyleProps(props, flexDirection) {
-	return useStyleProps({
+	const stackStyleProps = useStyleProps({
 		display: "flex",
 		flexDirection,
 		...getStackProps(props)
 	});
+	const { gap, ...style } = stackStyleProps.style;
+	if (gap == null) return stackStyleProps;
+	return {
+		...stackStyleProps,
+		style: {
+			[flexDirection === "column" ? "rowGap" : "columnGap"]: gap,
+			...style
+		}
+	};
 }
 function renderStackView(stackStyleProps, ref) {
 	const { style, restProps } = stackStyleProps;

package/lib/components/TagGroup/TagGroup.d.ts

@@ -14,7 +14,8 @@ import * as React from "@lynx-js/react";
  */
 export interface TagGroupRootProps extends TagGroupVariantProps, TagGroupItemVariantProps, LynxStyledElementProps {
     /**
-     * children 사이에 삽입되는 구분자. 기본값 `" · "`.
+     * children 사이에 삽입되는 구분자. 기본값 `"·"`.
+     * 문자열을 전달하면 앞뒤 공백을 제거합니다.
      */
     separator?: React.ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAA4B,MAAM,aAAa,CAAC;AAIpF,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOpE;;;;;;;;GAQG;AACH,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,wBAAwB,EACxB,sBAAsB;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,mFAiCvB,CAAC;AAKH;;;;;GAKG;AACH,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,sBAAsB;CAAG;AAE7B,eAAO,MAAM,YAAY,mFAmBvB,CAAC;AAKH,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;CAAG;AAEzE,eAAO,MAAM,iBAAiB,wFAY5B,CAAC"}
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAA4B,MAAM,aAAa,CAAC;AAIpF,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOpE;;;;;;;;GAQG;AACH,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,wBAAwB,EACxB,sBAAsB;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,mFAkCvB,CAAC;AAKH;;;;;GAKG;AACH,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAC9B,sBAAsB;CAAG;AAE7B,eAAO,MAAM,YAAY,mFAmBvB,CAAC;AAKH,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;CAAG;AAEzE,eAAO,MAAM,iBAAiB,wFAY5B,CAAC"}

package/lib/components/TagGroup/TagGroup.jsx

@@ -15,13 +15,14 @@ var TagGroupRoot = React.forwardRef((props, ref) => {
 	});
 	const { children, className, separator = " · ", ...nativeProps } = otherProps;
 	const classes = tagGroup(tagGroupVariantProps);
+	const normalizedSeparator = typeof separator === "string" ? separator.trim() : separator;
 	const visibleChildren = toArray(children);
 	return <PropsProvider value={tagGroupItemVariantProps}>
       <view {...ref ? { ref } : {}} className={clsx(classes.root, className)} {...nativeProps}>
         {visibleChildren.map((child, index) => {
 		if (index === 0) return child;
 		return <view key={child.key ?? index} className={classes.separatorWrapper}>
-              <text className={classes.separator}>{separator}</text>
+              <text className={classes.separator}>{normalizedSeparator}</text>
               {child}
             </view>;
 	})}

package/lib/components/TextField/TextField.d.ts

@@ -0,0 +1,131 @@
+import { IntrinsicElements, NodesRef } from '@lynx-js/types';
+import { TextInputVariantProps } from '@seed-design/lynx-css/recipes/text-input';
+import { LynxAccessibilityProps, LynxStyledElementProps } from '../../types';
+import { InternalIconProps } from '../Icon/Icon';
+import * as React from "@lynx-js/react";
+/**
+ * @platform Lynx
+ *
+ * native `<input>`과 `<textarea>`의 값 상태를 소유한다.
+ * Lynx native 입력은 value attribute를 제공하지 않으므로 하위 입력 슬롯이
+ * `setValue` UI method로 controlled value를 동기화한다.
+ */
+export interface TextFieldRootProps extends Omit<TextInputVariantProps, "focused">, LynxStyledElementProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** @internal `useTextFieldWithGraphemes`가 전달하는 네이티브 입력 사전 제한 값. */
+    nativeInsertionMaxLength?: number;
+    required?: boolean;
+    name?: string;
+}
+export declare const TextFieldRoot: React.ForwardRefExoticComponent<TextFieldRootProps & React.RefAttributes<NodesRef>>;
+type NativeInputProps = IntrinsicElements["input"];
+type NativeTextareaProps = IntrinsicElements["textarea"];
+interface NativeTextControlProps extends Omit<LynxStyledElementProps, "children">, LynxAccessibilityProps {
+    id?: NativeInputProps["id"];
+    name?: NativeInputProps["name"];
+    hidden?: NativeInputProps["hidden"];
+    flatten?: NativeInputProps["flatten"];
+    focusable?: NativeInputProps["focusable"];
+    bindlayoutchange?: NativeInputProps["bindlayoutchange"];
+    "main-thread:bindlayoutchange"?: NativeInputProps["main-thread:bindlayoutchange"];
+}
+type AndroidSetSoftInputMode = "unspecified" | "nothing" | "pan" | "resize";
+/**
+ * @platform Lynx
+ *
+ * `readOnly` 상태에서는 native focus·selection·편집 메뉴를 제거하기 위해 `<text>`로 렌더링한다.
+ * 이때 ref는 `<text>`를 가리키며 input 전용 UI method와 이벤트는 사용할 수 없다.
+ */
+export interface TextFieldInputProps extends NativeTextControlProps {
+    placeholder?: NativeInputProps["placeholder"];
+    "confirm-type"?: NativeInputProps["confirm-type"];
+    maxlength?: NativeInputProps["maxlength"];
+    readonly?: NativeInputProps["readonly"];
+    disabled?: NativeInputProps["disabled"];
+    /**
+     * 포커스할 때 시스템 키보드를 표시한다.
+     * `undefined`가 native attribute로 전달되지 않도록 `true`를 명시적으로 적용한다.
+     * @defaultValue true
+     */
+    "show-soft-input-on-focus"?: NativeInputProps["show-soft-input-on-focus"];
+    "input-filter"?: NativeInputProps["input-filter"];
+    type?: NativeInputProps["type"];
+    "ios-auto-correct"?: NativeInputProps["ios-auto-correct"];
+    "ios-spell-check"?: NativeInputProps["ios-spell-check"];
+    "android-fullscreen-mode"?: NativeInputProps["android-fullscreen-mode"];
+    /**
+     * Android host window의 soft input mode를 지정한다.
+     * `undefined`가 native attribute로 전달되지 않도록 `"unspecified"`를 명시적으로 적용한다.
+     * @defaultValue "unspecified"
+     */
+    "android-set-soft-input-mode"?: AndroidSetSoftInputMode;
+    bindfocus?: NativeInputProps["bindfocus"];
+    bindblur?: NativeInputProps["bindblur"];
+    bindconfirm?: NativeInputProps["bindconfirm"];
+    bindinput?: NativeInputProps["bindinput"];
+    bindselection?: NativeInputProps["bindselection"];
+}
+export declare const TextFieldInput: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<NodesRef>>;
+/**
+ * @platform Lynx
+ *
+ * `readOnly` 상태에서는 native focus·selection·편집 메뉴를 제거하기 위해 `<text>`로 렌더링한다.
+ * 이때 ref는 `<text>`를 가리키며 textarea 전용 UI method와 이벤트는 사용할 수 없다.
+ */
+export interface TextFieldTextareaProps extends NativeTextControlProps {
+    /** 내용에 맞춰 높이를 자동으로 조절한다. @defaultValue true */
+    autoresize?: boolean;
+    placeholder?: NativeTextareaProps["placeholder"];
+    "confirm-type"?: NativeTextareaProps["confirm-type"];
+    maxlength?: NativeTextareaProps["maxlength"];
+    maxlines?: NativeTextareaProps["maxlines"];
+    bounces?: NativeTextareaProps["bounces"];
+    /**
+     * native 줄 간격을 지정한다. 생략하면 Android에서 SEED 기본 typography를 맞추기 위해
+     * `3.2px`를 적용하고 iOS에는 전달하지 않는다. Android 기본 보정은 `0`으로 해제할 수 있다.
+     */
+    "line-spacing"?: NativeTextareaProps["line-spacing"];
+    readonly?: NativeTextareaProps["readonly"];
+    disabled?: NativeTextareaProps["disabled"];
+    /**
+     * 포커스할 때 시스템 키보드를 표시한다.
+     * `undefined`가 native attribute로 전달되지 않도록 `true`를 명시적으로 적용한다.
+     * @defaultValue true
+     */
+    "show-soft-input-on-focus"?: NativeTextareaProps["show-soft-input-on-focus"];
+    "input-filter"?: NativeTextareaProps["input-filter"];
+    "enable-scroll-bar"?: NativeTextareaProps["enable-scroll-bar"];
+    type?: NativeTextareaProps["type"];
+    "ios-auto-correct"?: NativeTextareaProps["ios-auto-correct"];
+    "ios-spell-check"?: NativeTextareaProps["ios-spell-check"];
+    /** Android의 fullscreen extract input을 활성화한다. @defaultValue false */
+    "android-fullscreen-mode"?: NativeTextareaProps["android-fullscreen-mode"];
+    /**
+     * Android host window의 soft input mode를 지정한다.
+     * `undefined`가 native attribute로 전달되지 않도록 `"unspecified"`를 명시적으로 적용한다.
+     * @defaultValue "unspecified"
+     */
+    "android-set-soft-input-mode"?: AndroidSetSoftInputMode;
+    bindfocus?: NativeTextareaProps["bindfocus"];
+    bindblur?: NativeTextareaProps["bindblur"];
+    bindconfirm?: NativeTextareaProps["bindconfirm"];
+    bindinput?: NativeTextareaProps["bindinput"];
+    bindselection?: NativeTextareaProps["bindselection"];
+}
+export declare const TextFieldTextarea: React.ForwardRefExoticComponent<TextFieldTextareaProps & React.RefAttributes<NodesRef>>;
+export interface TextFieldPrefixIconProps extends InternalIconProps {
+}
+export declare const TextFieldPrefixIcon: React.ForwardRefExoticComponent<TextFieldPrefixIconProps & React.RefAttributes<unknown>>;
+export interface TextFieldPrefixTextProps extends LynxStyledElementProps {
+}
+export declare const TextFieldPrefixText: React.ForwardRefExoticComponent<TextFieldPrefixTextProps & React.RefAttributes<unknown>>;
+export interface TextFieldSuffixIconProps extends InternalIconProps {
+}
+export declare const TextFieldSuffixIcon: React.ForwardRefExoticComponent<TextFieldSuffixIconProps & React.RefAttributes<unknown>>;
+export interface TextFieldSuffixTextProps extends LynxStyledElementProps {
+}
+export declare const TextFieldSuffixText: React.ForwardRefExoticComponent<TextFieldSuffixTextProps & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"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"}