@draftbit/core 52.1.6 → 52.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "52.1.6",
+  "version": "52.1.8",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -40,7 +40,7 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "52.1.6",
+    "@draftbit/theme": "52.1.8",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
     "@expo/vector-icons": "^14.0.3",
@@ -118,5 +118,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "facfbb8089a1eaa518b0f8763bd9011151596c25"
+  "gitHead": "5d6288689652ab5af4d1bdab34987fb4da5e153e"
 }

package/src/components/DatePicker/DatePickerComponent.js

@@ -4,7 +4,7 @@ import DateTimePicker from "react-native-date-picker";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
 const DatePickerComponent = ({ value, onChange, mode, minimumDate, maximumDate, toggleVisibility, inline, }) => {
     if (inline) {
-        return (React.createElement(DateTimePicker, { date: value, mode: mode, onDateChange: onChange, minimumDate: minimumDate, maximumDate: maximumDate }));
+        return (React.createElement(DateTimePicker, { date: value, mode: mode, onDateChange: (date) => onChange(null, date), minimumDate: minimumDate, maximumDate: maximumDate }));
     }
     return (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", minimumDate: minimumDate, maximumDate: maximumDate, onCancel: () => {
             console.log("Picker cancelled before selecting anything.");

package/src/components/DatePicker/DatePickerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerComponent.js","sourceRoot":"","sources":["DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAGrE,MAAM,mBAAmB,GAA6C,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,MAAM,GACP,EAAE,EAAE;IACH,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,oBAAC,cAAc,IACb,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,QAAQ,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,mBAAmB,IAClB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,GAAG,EAAE;YACb,OAAO,CAAC,GAAG,CAAC,6CAA6C,CAAC,CAAC;YAC3D,gBAAgB,EAAE,CAAC;QACrB,CAAC,EACD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;YAClB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DatePickerComponent.js","sourceRoot":"","sources":["DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAGrE,MAAM,mBAAmB,GAA6C,CAAC,EACrE,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,MAAM,GACP,EAAE,EAAE;IACH,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,oBAAC,cAAc,IACb,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,EAC5C,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,mBAAmB,IAClB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,GAAG,EAAE;YACb,OAAO,CAAC,GAAG,CAAC,6CAA6C,CAAC,CAAC;YAC3D,gBAAgB,EAAE,CAAC;QACrB,CAAC,EACD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;YAClB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/src/components/DatePicker/DatePickerComponent.tsx

@@ -18,7 +18,7 @@ const DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({
       <DateTimePicker
         date={value}
         mode={mode}
-        onDateChange={onChange}
+        onDateChange={(date) => onChange(null, date)}
         minimumDate={minimumDate}
         maximumDate={maximumDate}
       />

package/src/components/ExpoImage.js

@@ -12,8 +12,22 @@ const resizeModeToContentFit = (resizeMode) => {
     };
     return (_a = mapping[resizeMode]) !== null && _a !== void 0 ? _a : "cover";
 };
-const ExpoImage = ({ source, resizeMode = "cover", style, transitionDuration = 300, transitionEffect = "cross-dissolve", transitionTiming = "ease-in-out", contentFit = "cover", contentPosition = "center", cachePolicy = "memory-disk", allowDownscaling = true, blurRadius, blurhash, ...props }) => {
-    const imageSource = source !== null && source !== void 0 ? source : Config.placeholderImageURL;
+const ExpoImage = ({ source, resizeMode = "cover", style, transitionDuration = 300, transitionEffect = "cross-dissolve", transitionTiming = "ease-in-out", contentFit = "cover", contentPosition = "center", cachePolicy = "memory-disk", allowDownscaling = true, blurRadius, blurhash, cacheKey, ...props }) => {
+    let imageSource = source !== null && source !== void 0 ? source : Config.placeholderImageURL;
+    if (cacheKey) {
+        if (typeof source === "object" && "uri" in source) {
+            imageSource = {
+                ...source,
+                cacheKey,
+            };
+        }
+        else if (typeof source === "string") {
+            imageSource = {
+                uri: source,
+                cacheKey,
+            };
+        }
+    }
     const finalContentFit = resizeMode
         ? resizeModeToContentFit(resizeMode)
         : contentFit;

package/src/components/ExpoImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["ExpoImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,GAIN,MAAM,YAAY,CAAC;AACpB,OAAO,MAAM,MAAM,UAAU,CAAC;AAqB9B,MAAM,sBAAsB,GAAG,CAC7B,UAAiE,EAChD,EAAE;;IACnB,MAAM,OAAO,GAA+C;QAC1D,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,YAAY;KACZ,CAAC;IACX,OAAO,MAAA,OAAO,CAAC,UAAU,CAAC,mCAAI,OAAO,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAiC,CAAC,EAC/C,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,kBAAkB,GAAG,GAAG,EACxB,gBAAgB,GAAG,gBAAgB,EACnC,gBAAgB,GAAG,aAAa,EAChC,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,QAAQ,EAC1B,WAAW,GAAG,aAAa,EAC3B,gBAAgB,GAAG,IAAI,EACvB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM,CAAC,mBAAmB,CAAC;IACzD,MAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,UAAU,CAAC;IAEf,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,gBAAgB;KACzB,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,OACA,KAAK,EACT,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE;YACX,QAAQ;SACT,EACD,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["ExpoImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,GAIN,MAAM,YAAY,CAAC;AACpB,OAAO,MAAM,MAAM,UAAU,CAAC;AAsB9B,MAAM,sBAAsB,GAAG,CAC7B,UAAiE,EAChD,EAAE;;IACnB,MAAM,OAAO,GAA+C;QAC1D,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,YAAY;KACZ,CAAC;IACX,OAAO,MAAA,OAAO,CAAC,UAAU,CAAC,mCAAI,OAAO,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAiC,CAAC,EAC/C,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,kBAAkB,GAAG,GAAG,EACxB,gBAAgB,GAAG,gBAAgB,EACnC,gBAAgB,GAAG,aAAa,EAChC,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,QAAQ,EAC1B,WAAW,GAAG,aAAa,EAC3B,gBAAgB,GAAG,IAAI,EACvB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,WAAW,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM,CAAC,mBAAmB,CAAC;IAEvD,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;YAClD,WAAW,GAAG;gBACZ,GAAG,MAAM;gBACT,QAAQ;aACT,CAAC;QACJ,CAAC;aAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YACtC,WAAW,GAAG;gBACZ,GAAG,EAAE,MAAM;gBACX,QAAQ;aACT,CAAC;QACJ,CAAC;IACH,CAAC;IAED,MAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,sBAAsB,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,UAAU,CAAC;IAEf,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE,gBAAgB;KACzB,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,OACA,KAAK,EACT,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE;YACX,QAAQ;SACT,EACD,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/components/ExpoImage.tsx

@@ -24,6 +24,7 @@ interface ExtendedImageProps extends ExpoImageProps {
   allowDownscaling?: boolean;
   blurRadius?: number;
   blurhash?: string;
+  cacheKey?: string;
 }
 
 const resizeModeToContentFit = (
@@ -52,9 +53,25 @@ const ExpoImage: React.FC<ExtendedImageProps> = ({
   allowDownscaling = true,
   blurRadius,
   blurhash,
+  cacheKey,
   ...props
 }) => {
-  const imageSource = source ?? Config.placeholderImageURL;
+  let imageSource = source ?? Config.placeholderImageURL;
+
+  if (cacheKey) {
+    if (typeof source === "object" && "uri" in source) {
+      imageSource = {
+        ...source,
+        cacheKey,
+      };
+    } else if (typeof source === "string") {
+      imageSource = {
+        uri: source,
+        cacheKey,
+      };
+    }
+  }
+
   const finalContentFit = resizeMode
     ? resizeModeToContentFit(resizeMode)
     : contentFit;