@vnejs/uis.react.text-controls 0.1.6 → 0.1.7

package/dist/TextControls.d.ts

@@ -1,25 +1,3 @@
-export declare const TextControls: ({ texts, selectedIndex, textProps, flexProps, textSize, textWidth, textAlign, textMarginTop, flexGap, flexGapVertical, flexGapHorizontal, flexDirection, flexAlign, flexJustify, flexWithWrap, wrapWidth, wrapHeight, wrapClassName, withScrollbar, scrollbarWrapRef, onClick, value, }: {
-    texts?: any[];
-    selectedIndex?: number;
-    textProps?: {};
-    flexProps?: {};
-    textSize?: number;
-    textWidth?: any;
-    textAlign?: any;
-    textMarginTop?: any;
-    flexGap?: number;
-    flexGapVertical?: number;
-    flexGapHorizontal?: number;
-    flexDirection?: any;
-    flexAlign?: any;
-    flexJustify?: any;
-    flexWithWrap?: any;
-    wrapWidth?: any;
-    wrapHeight?: any;
-    wrapClassName: any;
-    withScrollbar?: boolean;
-    scrollbarWrapRef?: any;
-    onClick: any;
-    value: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { type TextControlsProps } from "./TextControls.types.js";
+export declare const TextControls: ({ texts, selectedIndex, textProps, flexProps, textSize, textWidth, textAlign, textMarginTop, flexGap, flexGapVertical, flexGapHorizontal, flexDirection, flexAlign, flexJustify, flexWithWrap, wrapWidth, wrapHeight, wrapClassName, withScrollbar, scrollbarWrapRef, onClick, value, }: TextControlsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextControls.d.ts.map

package/dist/TextControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextControls.d.ts","sourceRoot":"","sources":["../src/TextControls.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI;;;;;;;;;;;;;;;;;;;;;;;CAuB5B,4CAgDA,CAAC"}
+{"version":3,"file":"TextControls.d.ts","sourceRoot":"","sources":["../src/TextControls.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,eAAO,MAAM,YAAY,GAAI,yRAuB1B,iBAAiB,4CAgDnB,CAAC"}

package/dist/TextControls.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Text, Flex, Scrollbar } from "@vnejs/uis.react";
 export const TextControls = ({ texts = [], selectedIndex = -1, textProps = {}, flexProps = {}, textSize = 60, textWidth = null, textAlign = null, textMarginTop = null, flexGap = 60, flexGapVertical = 0, flexGapHorizontal = 0, flexDirection = Flex.DIRECTION.ROW, flexAlign = null, flexJustify = null, flexWithWrap = null, wrapWidth = null, wrapHeight = null, wrapClassName, withScrollbar = false, scrollbarWrapRef = null, onClick, value, }) => {
-    const renderTexts = useCallback(() => texts.map((textInfo, i) => (_jsx(Text, { size: textSize, width: textWidth, align: textAlign, onClick: onClick, isSelected: selectedIndex === i, isCurrent: value !== undefined && value === textInfo?.value, isHoverable: true, marginTop: i === 0 ? null : textMarginTop, ...textProps, ...textInfo }, i))), [texts, textProps, selectedIndex, onClick, value]);
+    const renderTexts = useCallback(() => texts.map((textInfo, i) => (_jsx(Text, { size: textSize, width: textWidth, align: textAlign, onClick: onClick, isSelected: selectedIndex === i, isCurrent: value !== undefined && value === textInfo?.value, isHoverable: true, marginTop: i === 0 ? null : textMarginTop, ...textProps, ...textInfo }, i))), [texts, textProps, selectedIndex, onClick, value, textSize, textWidth, textAlign, textMarginTop]);
     return withScrollbar ? (_jsx(Scrollbar, { className: wrapClassName, width: wrapWidth, height: wrapHeight, scrollTo: selectedIndex, wrapRef: scrollbarWrapRef, children: renderTexts() })) : (_jsx(Flex, { className: wrapClassName, gap: flexGap, gapHorizontal: flexGapHorizontal, gapVertical: flexGapVertical, align: flexAlign, justify: flexJustify, direction: flexDirection, withWrap: flexWithWrap, width: wrapWidth, height: wrapHeight, ...flexProps, children: renderTexts() }));
 };
 //# sourceMappingURL=TextControls.js.map

package/dist/TextControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextControls.js","sourceRoot":"","sources":["../src/TextControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,CAAC,CAAC,EAClB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,aAAa,GAAG,IAAI,EACpB,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EACnB,iBAAiB,GAAG,CAAC,EACrB,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAClC,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,IAAI,EACjB,aAAa,EACb,aAAa,GAAG,KAAK,EACrB,gBAAgB,GAAG,IAAI,EACvB,OAAO,EACP,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IAEH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,aAAa,KAAK,CAAC,EAC/B,SAAS,EAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,EAAE,KAAK,EAC3D,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,KACrC,SAAS,KACT,QAAQ,IAVP,CAAC,CAWN,CACH,CAAC,EACJ,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAClD,CAAC;IAEF,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,SAAS,IACR,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,gBAAgB,YAExB,WAAW,EAAE,GACJ,CACb,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,OAAO,EACZ,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,KACd,SAAS,YAEZ,WAAW,EAAE,GACT,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"TextControls.js","sourceRoot":"","sources":["../src/TextControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIzD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,CAAC,CAAC,EAClB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI,EAChB,aAAa,GAAG,IAAI,EACpB,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EACnB,iBAAiB,GAAG,CAAC,EACrB,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAClC,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,IAAI,EACjB,aAAa,EACb,aAAa,GAAG,KAAK,EACrB,gBAAgB,GAAG,IAAI,EACvB,OAAO,EACP,KAAK,GACa,EAAE,EAAE;IACtB,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IAEH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,aAAa,KAAK,CAAC,EAC/B,SAAS,EAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,EAAE,KAAK,EAC3D,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,KACrC,SAAS,KACT,QAAQ,IAVP,CAAC,CAWN,CACH,CAAC,EACJ,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,CAAC,CACjG,CAAC;IAEF,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,SAAS,IACR,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,gBAAgB,YAExB,WAAW,EAAE,GACJ,CACb,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,OAAO,EACZ,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,KACd,SAAS,YAEZ,WAAW,EAAE,GACT,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/TextControls.types.d.ts

@@ -0,0 +1,33 @@
+import type { MutableRefObject } from "react";
+export type TextControlItem = {
+    text?: string;
+    value?: unknown;
+    isNotRender?: boolean;
+} & Record<string, unknown>;
+export type TextControlsProps<T = unknown> = {
+    texts?: TextControlItem[];
+    selectedIndex?: number;
+    textProps?: Record<string, unknown>;
+    flexProps?: Record<string, unknown>;
+    textSize?: number;
+    textWidth?: number | null;
+    textAlign?: string | null;
+    textMarginTop?: number | null;
+    flexGap?: number;
+    flexGapVertical?: number;
+    flexGapHorizontal?: number;
+    flexDirection?: string;
+    flexAlign?: string | null;
+    flexJustify?: string | null;
+    flexWithWrap?: boolean | null;
+    wrapWidth?: number | null;
+    wrapHeight?: number | null;
+    wrapClassName?: string;
+    withScrollbar?: boolean;
+    scrollbarWrapRef?: MutableRefObject<HTMLDivElement | null> | null;
+    scrollbarProps?: Record<string, unknown>;
+    activeIndex?: number;
+    onClick?: (value?: T) => void;
+    value?: T;
+};
+//# sourceMappingURL=TextControls.types.d.ts.map

package/dist/TextControls.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextControls.types.d.ts","sourceRoot":"","sources":["../src/TextControls.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5B,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC3C,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC"}

package/dist/TextControls.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TextControls.types.js.map

package/dist/TextControls.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextControls.types.js","sourceRoot":"","sources":["../src/TextControls.types.tsx"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./TextControls";
+export * from "./TextControls.types.js";
+export * from "./TextControls.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./TextControls";
+export * from "./TextControls.types.js";
+export * from "./TextControls.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.text-controls",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/TextControls.tsx

@@ -2,6 +2,8 @@ import { useCallback } from "react";
 
 import { Text, Flex, Scrollbar } from "@vnejs/uis.react";
 
+import { type TextControlsProps } from "./TextControls.types.js";
+
 export const TextControls = ({
   texts = [],
   selectedIndex = -1,
@@ -25,7 +27,7 @@ export const TextControls = ({
   scrollbarWrapRef = null,
   onClick,
   value,
-}) => {
+}: TextControlsProps) => {
   const renderTexts = useCallback(
     () =>
       texts.map((textInfo, i) => (
@@ -43,7 +45,7 @@ export const TextControls = ({
           {...textInfo}
         />
       )),
-    [texts, textProps, selectedIndex, onClick, value],
+    [texts, textProps, selectedIndex, onClick, value, textSize, textWidth, textAlign, textMarginTop],
   );
 
   return withScrollbar ? (

package/src/TextControls.types.tsx

@@ -0,0 +1,34 @@
+import type { MutableRefObject, ReactNode } from "react";
+
+export type TextControlItem = {
+  text?: string;
+  value?: unknown;
+  isNotRender?: boolean;
+} & Record<string, unknown>;
+
+export type TextControlsProps<T = unknown> = {
+  texts?: TextControlItem[];
+  selectedIndex?: number;
+  textProps?: Record<string, unknown>;
+  flexProps?: Record<string, unknown>;
+  textSize?: number;
+  textWidth?: number | null;
+  textAlign?: string | null;
+  textMarginTop?: number | null;
+  flexGap?: number;
+  flexGapVertical?: number;
+  flexGapHorizontal?: number;
+  flexDirection?: string;
+  flexAlign?: string | null;
+  flexJustify?: string | null;
+  flexWithWrap?: boolean | null;
+  wrapWidth?: number | null;
+  wrapHeight?: number | null;
+  wrapClassName?: string;
+  withScrollbar?: boolean;
+  scrollbarWrapRef?: MutableRefObject<HTMLDivElement | null> | null;
+  scrollbarProps?: Record<string, unknown>;
+  activeIndex?: number;
+  onClick?: (value?: T) => void;
+  value?: T;
+};

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./TextControls";
+export * from "./TextControls.types.js";
+export * from "./TextControls.js";

package/tsconfig.json

@@ -8,7 +8,6 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "../../../globals.d.ts",
-    "../../peer-modules.d.ts"
   ],
   "exclude": [
     "dist",