@vnejs/uis.react.toggle-with-text 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/ToggleWithText.d.ts.map +1 -1
  2. package/dist/ToggleWithText.js +3 -1
  3. package/dist/ToggleWithText.js.map +1 -1
  4. package/dist/ToggleWithText.types.d.ts +8 -7
  5. package/dist/ToggleWithText.types.d.ts.map +1 -1
  6. package/package.json +7 -5
  7. package/src/ToggleWithText.stories.tsx +2 -2
  8. package/src/ToggleWithText.tsx +4 -1
  9. package/src/ToggleWithText.types.tsx +9 -7
package/dist/ToggleWithText.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleWithText.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,cAAc,GAAI,uHAW5B,mBAAmB,4CAwBrB,CAAC"}
1
+ {"version":3,"file":"ToggleWithText.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,cAAc,GAAI,uHAW5B,mBAAmB,4CAwBrB,CAAC"}
package/dist/ToggleWithText.js CHANGED
@@ -1,4 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Text, Flex, Toggle } from "@vnejs/uis.react";
2
+ import { Text } from "@vnejs/uis.react.text";
3
+ import { Flex } from "@vnejs/uis.react.flex";
4
+ import { Toggle } from "@vnejs/uis.react.toggle";
3
5
  export const ToggleWithText = ({ transition = 300, titleToggled = "", titleUntoggled = "", isToggled = false, isSelected = false, gap = 120, textSize = 72, toggleSize = 120, titleWidth = 1200, onToggle, }) => (_jsxs(Flex, { align: Flex.ALIGN.CENTER, justify: Flex.JUSTIFY.CENTER, direction: Flex.DIRECTION.ROW_REVERSE, gap: gap, children: [_jsx(Toggle, { className: "TextHoverSibling", isToggled: isToggled, onToggle: onToggle, isSelected: isSelected, size: toggleSize, transition: transition }), _jsx(Text, { text: isToggled ? titleToggled : titleUntoggled, width: titleWidth, isSelected: isSelected, size: textSize, align: Text.ALIGNS.RIGHT, transition: transition })] }));
4
6
  //# sourceMappingURL=ToggleWithText.js.map
package/dist/ToggleWithText.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleWithText.js","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,GAAG,GAAG,EAChB,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,GAAG,EACT,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,IAAI,EACjB,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EACrC,GAAG,EAAE,GAAG,aAER,KAAC,MAAM,IACL,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,GACtB,EACF,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC/C,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,UAAU,EAAE,UAAU,GACtB,IACG,CACR,CAAC"}
1
+ {"version":3,"file":"ToggleWithText.js","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,GAAG,GAAG,EAChB,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,GAAG,EACT,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,IAAI,EACjB,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EACrC,GAAG,EAAE,GAAG,aAER,KAAC,MAAM,IACL,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,GACtB,EACF,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC/C,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,UAAU,EAAE,UAAU,GACtB,IACG,CACR,CAAC"}
package/dist/ToggleWithText.types.d.ts CHANGED
@@ -1,13 +1,14 @@
1
+ import type { CssInsertInnerText, CssInsertValueLength, CssInsertValueNumber } from "@vnejs/uis.utils";
1
2
  export type ToggleWithTextProps = {
2
- transition?: number;
3
- titleToggled?: string;
4
- titleUntoggled?: string;
3
+ transition?: CssInsertValueNumber;
4
+ titleToggled?: CssInsertInnerText;
5
+ titleUntoggled?: CssInsertInnerText;
5
6
  isToggled?: boolean;
6
7
  isSelected?: boolean;
7
- gap?: number;
8
- textSize?: number;
9
- toggleSize?: number;
10
- titleWidth?: number;
8
+ gap?: CssInsertValueLength;
9
+ textSize?: CssInsertValueLength;
10
+ toggleSize?: CssInsertValueLength;
11
+ titleWidth?: CssInsertValueLength;
11
12
  onToggle?: (isToggled: boolean) => void;
12
13
  };
13
14
  //# sourceMappingURL=ToggleWithText.types.d.ts.map
package/dist/ToggleWithText.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleWithText.types.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.types.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC"}
1
+ {"version":3,"file":"ToggleWithText.types.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEvG,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vnejs/uis.react.toggle-with-text",
3
- "version": "0.1.7",
3
+ "version": "0.1.9",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {
@@ -15,12 +15,14 @@
15
15
  "peerDependencies": {
16
16
  "@vnejs/uis.utils": "~0.1.0"
17
17
  },
18
- "devDependencies": {
19
- "@vnejs/uis.react": "~0.1.0"
20
- },
21
18
  "files": [
22
19
  "dist",
23
20
  "src",
24
21
  "tsconfig.json"
25
- ]
22
+ ],
23
+ "dependencies": {
24
+ "@vnejs/uis.react.flex": "~0.1.0",
25
+ "@vnejs/uis.react.text": "~0.1.0",
26
+ "@vnejs/uis.react.toggle": "~0.1.0"
27
+ }
26
28
  }
package/src/ToggleWithText.stories.tsx CHANGED
@@ -1,8 +1,8 @@
1
1
  import { useCallback, useMemo, useState } from "react";
2
2
 
3
- import { renderWithVneWrap, VneWrap } from "@vnejs/uis.react";
3
+ import { renderWithVneWrap, VneWrap } from "@vnejs/uis.react.vne-wrap";
4
4
 
5
- import { ToggleWithText } from "@vnejs/uis.react";
5
+ import { ToggleWithText } from "./ToggleWithText.js";
6
6
 
7
7
  export const Common = {
8
8
  args: {
package/src/ToggleWithText.tsx CHANGED
@@ -1,4 +1,7 @@
1
- import { Text, Flex, Toggle } from "@vnejs/uis.react";
1
+
2
+ import { Text } from "@vnejs/uis.react.text";
3
+ import { Flex } from "@vnejs/uis.react.flex";
4
+ import { Toggle } from "@vnejs/uis.react.toggle";
2
5
 
3
6
  import { type ToggleWithTextProps } from "./ToggleWithText.types.js";
4
7
 
package/src/ToggleWithText.types.tsx CHANGED
@@ -1,12 +1,14 @@
1
+ import type { CssInsertInnerText, CssInsertValueLength, CssInsertValueNumber } from "@vnejs/uis.utils";
2
+
1
3
  export type ToggleWithTextProps = {
2
- transition?: number;
3
- titleToggled?: string;
4
- titleUntoggled?: string;
4
+ transition?: CssInsertValueNumber;
5
+ titleToggled?: CssInsertInnerText;
6
+ titleUntoggled?: CssInsertInnerText;
5
7
  isToggled?: boolean;
6
8
  isSelected?: boolean;
7
- gap?: number;
8
- textSize?: number;
9
- toggleSize?: number;
10
- titleWidth?: number;
9
+ gap?: CssInsertValueLength;
10
+ textSize?: CssInsertValueLength;
11
+ toggleSize?: CssInsertValueLength;
12
+ titleWidth?: CssInsertValueLength;
11
13
  onToggle?: (isToggled: boolean) => void;
12
14
  };