@korsolutions/ui 0.0.57 → 0.0.58

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 (10) hide show
  1. package/dist/module/components/touchable/touchable.js +1 -1
  2. package/dist/module/components/touchable/touchable.js.map +1 -1
  3. package/dist/module/components/touchable/variants/default.js +4 -2
  4. package/dist/module/components/touchable/variants/default.js.map +1 -1
  5. package/dist/typescript/src/components/touchable/touchable.d.ts +2 -3
  6. package/dist/typescript/src/components/touchable/touchable.d.ts.map +1 -1
  7. package/dist/typescript/src/components/touchable/variants/default.d.ts.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/touchable/touchable.tsx +3 -9
  10. package/src/components/touchable/variants/default.tsx +2 -0
package/dist/module/components/touchable/touchable.js CHANGED
@@ -38,7 +38,7 @@ export function Touchable(props) {
38
38
  disabled: isDisabled,
39
39
  style: styleState => {
40
40
  const currentState = calculateState(props, styleState.pressed, isHovered);
41
- return [variantStyles?.default, variantStyles?.[currentState], style ? style(styleState) : null];
41
+ return [variantStyles?.default, variantStyles?.[currentState], typeof style === "function" ? style(styleState) : style];
42
42
  },
43
43
  children: children
44
44
  });
package/dist/module/components/touchable/touchable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Pressable","PressableVariants","jsx","_jsx","calculateState","props","isPressed","isHovered","isDisabled","Touchable","variant","style","children","rest","variantStyles","setIsHovered","handlePress","event","onPress","onHoverIn","e","onHoverOut","disabled","styleState","currentState","pressed","default"],"sourceRoot":"../../../../src","sources":["components/touchable/touchable.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,QAIJ,cAAc;AAErB,SAASC,iBAAiB,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW/C,MAAMC,cAAc,GAAGA,CACrBC,KAAqB,EACrBC,SAAkB,EAClBC,SAAkB,KACC;EACnB,IAAIF,KAAK,CAACG,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,IAAIC,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,SAASA,CAACJ,KAAqB,EAAE;EAC/C,MAAM;IAAEK,OAAO,GAAG,SAAS;IAAEF,UAAU;IAAEG,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGR,KAAK;EAC3E,MAAMS,aAAa,GAAGb,iBAAiB,CAACS,OAAO,CAAC,CAAC,CAAC;EAClD,MAAM,CAACH,SAAS,EAAEQ,YAAY,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMiB,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIT,UAAU,EAAE;IAChBK,IAAI,CAACK,OAAO,GAAGD,KAAK,CAAC;EACvB,CAAC;EAED,oBACEd,IAAA,CAACH,SAAS;IAAA,GACJa,IAAI;IACRK,OAAO,EAAEF,WAAY;IACrBG,SAAS,EAAGC,CAAC,IAAK;MAChBL,YAAY,CAAC,IAAI,CAAC;MAClBF,IAAI,CAACM,SAAS,GAAGC,CAAC,CAAC;IACrB,CAAE;IACFC,UAAU,EAAGD,CAAC,IAAK;MACjBL,YAAY,CAAC,KAAK,CAAC;MACnBF,IAAI,CAACQ,UAAU,GAAGD,CAAC,CAAC;IACtB,CAAE;IACFE,QAAQ,EAAEd,UAAW;IACrBG,KAAK,EAAGY,UAAU,IAAK;MACrB,MAAMC,YAAY,GAAGpB,cAAc,CACjCC,KAAK,EACLkB,UAAU,CAACE,OAAO,EAClBlB,SACF,CAAC;MAED,OAAO,CACLO,aAAa,EAAEY,OAAO,EACtBZ,aAAa,GAAGU,YAAY,CAAC,EAC7Bb,KAAK,GAAGA,KAAK,CAACY,UAAU,CAAC,GAAG,IAAI,CACjC;IACH,CAAE;IAAAX,QAAA,EAEDA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","Pressable","PressableVariants","jsx","_jsx","calculateState","props","isPressed","isHovered","isDisabled","Touchable","variant","style","children","rest","variantStyles","setIsHovered","handlePress","event","onPress","onHoverIn","e","onHoverOut","disabled","styleState","currentState","pressed","default"],"sourceRoot":"../../../../src","sources":["components/touchable/touchable.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA6B,cAAc;AAE7D,SAASC,iBAAiB,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU/C,MAAMC,cAAc,GAAGA,CACrBC,KAAqB,EACrBC,SAAkB,EAClBC,SAAkB,KACC;EACnB,IAAIF,KAAK,CAACG,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,IAAIC,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,SAASA,CAACJ,KAAqB,EAAE;EAC/C,MAAM;IAAEK,OAAO,GAAG,SAAS;IAAEF,UAAU;IAAEG,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGR,KAAK;EAC3E,MAAMS,aAAa,GAAGb,iBAAiB,CAACS,OAAO,CAAC,CAAC,CAAC;EAClD,MAAM,CAACH,SAAS,EAAEQ,YAAY,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMiB,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIT,UAAU,EAAE;IAChBK,IAAI,CAACK,OAAO,GAAGD,KAAK,CAAC;EACvB,CAAC;EAED,oBACEd,IAAA,CAACH,SAAS;IAAA,GACJa,IAAI;IACRK,OAAO,EAAEF,WAAY;IACrBG,SAAS,EAAGC,CAAC,IAAK;MAChBL,YAAY,CAAC,IAAI,CAAC;MAClBF,IAAI,CAACM,SAAS,GAAGC,CAAC,CAAC;IACrB,CAAE;IACFC,UAAU,EAAGD,CAAC,IAAK;MACjBL,YAAY,CAAC,KAAK,CAAC;MACnBF,IAAI,CAACQ,UAAU,GAAGD,CAAC,CAAC;IACtB,CAAE;IACFE,QAAQ,EAAEd,UAAW;IACrBG,KAAK,EAAGY,UAAU,IAAK;MACrB,MAAMC,YAAY,GAAGpB,cAAc,CACjCC,KAAK,EACLkB,UAAU,CAACE,OAAO,EAClBlB,SACF,CAAC;MAED,OAAO,CACLO,aAAa,EAAEY,OAAO,EACtBZ,aAAa,GAAGU,YAAY,CAAC,EAC7B,OAAOb,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACY,UAAU,CAAC,GAAGZ,KAAK,CACxD;IACH,CAAE;IAAAC,QAAA,EAEDA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
package/dist/module/components/touchable/variants/default.js CHANGED
@@ -3,7 +3,8 @@
3
3
  export const usePressableVariantDefault = () => {
4
4
  return {
5
5
  default: {
6
- cursor: "pointer"
6
+ cursor: "pointer",
7
+ pointerEvents: "box-only"
7
8
  },
8
9
  pressed: {
9
10
  opacity: 0.8,
@@ -15,7 +16,8 @@ export const usePressableVariantDefault = () => {
15
16
  opacity: 0.9
16
17
  },
17
18
  disabled: {
18
- cursor: "not-allowed"
19
+ cursor: "not-allowed",
20
+ pointerEvents: "none"
19
21
  }
20
22
  };
21
23
  };
package/dist/module/components/touchable/variants/default.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["usePressableVariantDefault","default","cursor","pressed","opacity","transform","scale","hovered","disabled"],"sourceRoot":"../../../../../src","sources":["components/touchable/variants/default.tsx"],"mappings":";;AAEA,OAAO,MAAMA,0BAA0B,GAAGA,CAAA,KAAuB;EAC/D,OAAO;IACLC,OAAO,EAAE;MACPC,MAAM,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,GAAG;MACZC,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAK,CAAC;IAC7B,CAAC;IACDC,OAAO,EAAE;MACPH,OAAO,EAAE;IACX,CAAC;IACDI,QAAQ,EAAE;MACRN,MAAM,EAAE;IACV;EACF,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["usePressableVariantDefault","default","cursor","pointerEvents","pressed","opacity","transform","scale","hovered","disabled"],"sourceRoot":"../../../../../src","sources":["components/touchable/variants/default.tsx"],"mappings":";;AAEA,OAAO,MAAMA,0BAA0B,GAAGA,CAAA,KAAuB;EAC/D,OAAO;IACLC,OAAO,EAAE;MACPC,MAAM,EAAE,SAAS;MACjBC,aAAa,EAAE;IACjB,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,GAAG;MACZC,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAK,CAAC;IAC7B,CAAC;IACDC,OAAO,EAAE;MACPH,OAAO,EAAE;IACX,CAAC;IACDI,QAAQ,EAAE;MACRP,MAAM,EAAE,aAAoB;MAC5BC,aAAa,EAAE;IACjB;EACF,CAAC;AACH,CAAC","ignoreList":[]}
package/dist/typescript/src/components/touchable/touchable.d.ts CHANGED
@@ -1,12 +1,11 @@
1
1
  import React from "react";
2
- import { type PressableProps, type PressableStateCallbackType, type ViewStyle } from "react-native";
2
+ import { type PressableProps } from "react-native";
3
3
  import { PressableVariants } from "./variants";
4
- type ExtendablePressableProps = Omit<PressableProps, "style" | "disabled">;
4
+ type ExtendablePressableProps = Omit<PressableProps, "disabled">;
5
5
  export interface TouchableProps extends ExtendablePressableProps {
6
6
  variant?: keyof typeof PressableVariants;
7
7
  children?: React.ReactNode;
8
8
  isDisabled?: boolean;
9
- style?: (state: PressableStateCallbackType) => ViewStyle;
10
9
  }
11
10
  export declare function Touchable(props: TouchableProps): React.JSX.Element;
12
11
  export {};
package/dist/typescript/src/components/touchable/touchable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"touchable.d.ts","sourceRoot":"","sources":["../../../../../src/components/touchable/touchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,0BAA0B,EAC/B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,wBAAwB;IAC9D,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;CAC1D;AAaD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAwC9C"}
1
+ {"version":3,"file":"touchable.d.ts","sourceRoot":"","sources":["../../../../../src/components/touchable/touchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEjE,MAAM,WAAW,cAAe,SAAQ,wBAAwB;IAC9D,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAwC9C"}
package/dist/typescript/src/components/touchable/variants/default.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/touchable/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,0BAA0B,QAAO,eAgB7C,CAAC"}
1
+ {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/touchable/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,0BAA0B,QAAO,eAkB7C,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@korsolutions/ui",
3
- "version": "0.0.57",
3
+ "version": "0.0.58",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
package/src/components/touchable/touchable.tsx CHANGED
@@ -1,20 +1,14 @@
1
1
  import React, { useState } from "react";
2
- import {
3
- Pressable,
4
- type PressableProps,
5
- type PressableStateCallbackType,
6
- type ViewStyle,
7
- } from "react-native";
2
+ import { Pressable, type PressableProps } from "react-native";
8
3
  import type { PressableState } from "./types";
9
4
  import { PressableVariants } from "./variants";
10
5
 
11
- type ExtendablePressableProps = Omit<PressableProps, "style" | "disabled">;
6
+ type ExtendablePressableProps = Omit<PressableProps, "disabled">;
12
7
 
13
8
  export interface TouchableProps extends ExtendablePressableProps {
14
9
  variant?: keyof typeof PressableVariants;
15
10
  children?: React.ReactNode;
16
11
  isDisabled?: boolean;
17
- style?: (state: PressableStateCallbackType) => ViewStyle;
18
12
  }
19
13
 
20
14
  const calculateState = (
@@ -61,7 +55,7 @@ export function Touchable(props: TouchableProps) {
61
55
  return [
62
56
  variantStyles?.default,
63
57
  variantStyles?.[currentState],
64
- style ? style(styleState) : null,
58
+ typeof style === "function" ? style(styleState) : style,
65
59
  ];
66
60
  }}
67
61
  >
package/src/components/touchable/variants/default.tsx CHANGED
@@ -4,6 +4,7 @@ export const usePressableVariantDefault = (): PressableStyles => {
4
4
  return {
5
5
  default: {
6
6
  cursor: "pointer",
7
+ pointerEvents: "box-only",
7
8
  },
8
9
  pressed: {
9
10
  opacity: 0.8,
@@ -14,6 +15,7 @@ export const usePressableVariantDefault = (): PressableStyles => {
14
15
  },
15
16
  disabled: {
16
17
  cursor: "not-allowed" as any,
18
+ pointerEvents: "none",
17
19
  },
18
20
  };
19
21
  };