ferns-ui 0.44.2 → 0.45.1

package/dist/TimezonePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimezonePicker.js","sourceRoot":"","sources":["../src/TimezonePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,qCAAqC;AACrC,MAAM,OAAO,GAAG;IACd,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC;IAC7C,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAC;IAC5C,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAC;IAC5C,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,qBAAqB,EAAC;IAChD,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAC;IAC7C,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAC;IAC5C,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,GAAG,GACS,EAAsB,EAAE;IAC5C,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,KAAK;YAClB,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU;gBACzB,oBAAC,UAAU,IACT,UAAU,QACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAC,SAAS,EAAE,EAAE,EAAC,EACtB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACR,CACP,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,KAAK;YAClB,oBAAC,UAAU,IACT,UAAU,QACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAC,SAAS,EAAE,EAAE,EAAC,EACtB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAC;IACJ,CAAC;AACH,CAAC,CAAC"}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from "./Common";
 export * from "./Constants";
 export * from "./DateTimeActionSheet";
 export * from "./DateTimeField";
+export * from "./DateUtilities";
 export * from "./DecimalRangeActionSheet";
 export * from "./ErrorBoundary";
 export * from "./ErrorPage";

package/dist/index.js

@@ -12,6 +12,7 @@ export * from "./Common";
 export * from "./Constants";
 export * from "./DateTimeActionSheet";
 export * from "./DateTimeField";
+export * from "./DateUtilities";
 export * from "./DecimalRangeActionSheet";
 export * from "./ErrorBoundary";
 export * from "./ErrorPage";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,aAAa,CAAC"}

package/dist/setupTests.js

@@ -0,0 +1,3 @@
+"use strict";
+process.env.TZ = "America/New_York";
+//# sourceMappingURL=setupTests.js.map

package/dist/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":";AAAA,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ferns-ui",
-  "version": "0.44.2",
+  "version": "0.45.1",
   "main": "dist/index.js",
   "license": "Apache-2.0",
   "scripts": {
@@ -9,13 +9,18 @@
     "lintfix": "eslint --fix \"src/**/*.ts*\"",
     "build": "tsc",
     "dev": "tsc -w",
-    "deps": "node checkDeps.js"
+    "deps": "node checkDeps.js",
+    "test": "TZ=America/New_York jest --watchAll",
+    "test:ci": "TZ=America/New_York jest --ci"
   },
   "babel": {
     "presets": [
       "react-app"
     ]
   },
+  "jest": {
+    "globalSetup": "./jest-setup.js"
+  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -46,66 +51,38 @@
       "project": "./tsconfig.json",
       "tsconfigRootDir": "./"
     },
+    "plugins": [
+      "ban"
+    ],
     "rules": {
-      "@typescript-eslint/explicit-function-return-type": "off"
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "ban/ban": [
+        "error",
+        {
+          "name": [
+            "dayjs",
+            "*"
+          ],
+          "message": "Use Luxon."
+        },
+        {
+          "name": [
+            "moment",
+            "*"
+          ],
+          "message": "Use Luxon"
+        }
+      ]
     }
   },
-  "jest": {
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
-    },
-    "modulePaths": [],
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "testEnvironment": "jest-environment-jsdom-fourteen",
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ]
-  },
   "files": [
     "dist/**/*",
     "src/**/*"
   ],
   "devDependencies": {
     "@expo/config-plugins": "~7.8.0",
+    "@types/jest": "^29.5.12",
+    "@types/luxon": "^3.4.2",
     "@types/mdurl": "^1.0.4",
     "@types/react": "~18.2.57",
     "@types/react-datetime-picker": "^5.0.0",
@@ -113,8 +90,11 @@
     "@types/react-time-picker": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^7.0.2",
     "@typescript-eslint/parser": "^7.0.2",
+    "babel-jest": "^29.7.0",
+    "babel-preset-react-app": "^10.0.1",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-ban": "^1.6.0",
     "eslint-plugin-comment-length": "^1.7.3",
     "eslint-plugin-ferns": "^0.3.0",
     "eslint-plugin-import": "^2.29.1",
@@ -125,6 +105,9 @@
     "eslint-plugin-react-native": "^4.1.0",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-unused-imports": "3.1.0",
+    "jest": "^29.7.0",
+    "jest-expo": "~50.0.0",
+    "jest-github-actions-reporter": "^1.0.3",
     "mdurl": "^2.0.0",
     "prettier": "^3.2.5",
     "react": "18.2.0",
@@ -145,7 +128,6 @@
     "@react-native-community/blur": "^4.4.0",
     "@react-native-community/datetimepicker": "7.6.1",
     "@react-native-picker/picker": "2.6.1",
-    "dayjs": "^1.11.10",
     "expo-clipboard": "~5.0.1",
     "expo-font": "~11.10.3",
     "expo-haptics": "~12.8.1",
@@ -154,6 +136,7 @@
     "expo-localization": "~14.8.3",
     "libphonenumber-js": "^1.10.56",
     "lodash": "^4.17.21",
+    "luxon": "^3.4.4",
     "react-app-polyfill": "^3.0.0",
     "react-date-picker": "^10.5.2",
     "react-datetime-picker": "^5.5.3",

package/src/Button.tsx

@@ -38,7 +38,6 @@ export const Button = ({
   disabled = false,
   type = "solid",
   loading: propsLoading,
-  children,
   text,
   inline = false,
   icon,
@@ -161,7 +160,6 @@ export const Button = ({
               />
             </Box>
           )}
-          {Boolean(children) && children}
           {Boolean(text) && (
             <Text
               align="center"

package/src/Common.ts

@@ -1908,6 +1908,14 @@ export interface DateTimeFieldProps extends FieldWithLabelsProps {
   onChange: (date: Date) => void;
   dateFormat?: string;
   pickerType?: "default" | "compact" | "inline" | "spinner";
+  showTimezone?: boolean; // defaults to true
+}
+
+export interface TimezonePickerProps {
+  timezone?: string;
+  onChange: (tz: string | undefined) => void | Promise<void>;
+  showLabel?: boolean; // defaults to true
+  width?: number | string; // defaults to 100
 }
 
 export interface TextFieldProps extends FieldWithLabelsProps {
@@ -1946,6 +1954,8 @@ export interface TextFieldProps extends FieldWithLabelsProps {
   // Required for type=numberRange
   min?: number;
   max?: number;
+  // Options to translate values
+  transformValue?: TransformValueOptions;
 }
 
 export type TextAreaProps = TextFieldProps;
@@ -2128,6 +2138,13 @@ export interface AddressInterface {
   countyCode?: string;
 }
 
+export interface TransformValueOptions {
+  func?: (value: string) => string;
+  options?: {
+    [key: string]: any;
+  };
+}
+
 // TODO: Tighten up type to exclude string, which is almost never an acceptable type for React
 // Native children (except Heading or Text for example.).
 export type ReactChild = ReactNode;
@@ -2628,7 +2645,6 @@ export interface BodyProps {
 
 export interface ButtonProps {
   alignSelf?: FlexStyle["alignSelf"];
-  children?: React.ReactElement;
   text: string;
   // TODO make this work for all colors
   color?: ButtonColor | Color;
@@ -2670,6 +2686,7 @@ export interface DateTimeActionSheetProps {
   actionSheetRef: React.RefObject<any>;
   visible: boolean;
   onDismiss: () => void;
+  transformValue?: TransformValueOptions;
 }
 
 export interface DecimalRangeActionSheetProps {
@@ -2726,6 +2743,7 @@ export interface FieldProps extends FieldWithLabelsProps {
   includeCounty?: boolean;
   googleMapsApiKey?: string;
   googlePlacesMobileStyles?: Styles;
+  transformValue?: TransformValueOptions;
 }
 
 export interface FormLineProps {