@telus-uds/components-base 2.0.0 → 2.0.2

package/lib/utils/containUniqueFields.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
 // Returns true if there are no duplicate values of the fields listed
 // in the `fields` array across the objects in the `items` array, false
 // otherwise.
@@ -16,19 +9,16 @@ const containUniqueFields = (items, fields) => {
     if (!map[field]) {
       map[field] = [];
     }
-
     if (!item[field]) {
       // We exclude empty values from comparison
       return false;
-    } // Duplicate found!
-
+    }
 
+    // Duplicate found!
     if (map[field][item[field]]) return true;
     map[field][item[field]] = true;
     return false;
   }));
   return !itemsHaveDuplicateFields;
 };
-
-var _default = containUniqueFields;
-exports.default = _default;
+export default containUniqueFields;

package/lib/utils/convertFromMegaByteToByte.js

@@ -0,0 +1,10 @@
+/**
+ * Converts a value from megabytes to bytes.
+ *
+ * @param {number} megaByte - The value in megabytes to be converted.
+ * @returns {number} The converted value in bytes.
+ */
+const BYTES_IN_A_MEGABYTE = 1024 * 1024;
+export default function convertFromMegaByteToByte(megaByte) {
+  return megaByte * BYTES_IN_A_MEGABYTE;
+}

package/lib/utils/floating-ui/index.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "arrow", {
-  enumerable: true,
-  get: function () {
-    return _reactDom.arrow;
-  }
-});
-Object.defineProperty(exports, "autoPlacement", {
-  enumerable: true,
-  get: function () {
-    return _reactDom.autoPlacement;
-  }
-});
-Object.defineProperty(exports, "flip", {
-  enumerable: true,
-  get: function () {
-    return _reactDom.flip;
-  }
-});
-Object.defineProperty(exports, "offset", {
-  enumerable: true,
-  get: function () {
-    return _reactDom.offset;
-  }
-});
-Object.defineProperty(exports, "shift", {
-  enumerable: true,
-  get: function () {
-    return _reactDom.shift;
-  }
-});
-Object.defineProperty(exports, "useFloating", {
-  enumerable: true,
-  get: function () {
-    return _reactDom.useFloating;
-  }
-});
-
-var _reactDom = require("@floating-ui/react-dom");
+export { useFloating, arrow, offset, shift, flip, autoPlacement } from '@floating-ui/react-dom';

package/lib/utils/floating-ui/index.native.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "arrow", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.arrow;
-  }
-});
-Object.defineProperty(exports, "autoPlacement", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.autoPlacement;
-  }
-});
-Object.defineProperty(exports, "flip", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.flip;
-  }
-});
-Object.defineProperty(exports, "offset", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.offset;
-  }
-});
-Object.defineProperty(exports, "shift", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.shift;
-  }
-});
-Object.defineProperty(exports, "useFloating", {
-  enumerable: true,
-  get: function () {
-    return _reactNative.useFloating;
-  }
-});
-
-var _reactNative = require("@floating-ui/react-native");
+export { useFloating, arrow, offset, shift, flip, autoPlacement } from '@floating-ui/react-native';

package/lib/utils/formatImageSource.js

@@ -0,0 +1,27 @@
+// react native source for Image and ImageBackground needs proper formatting to work
+// remote sources that start with 'http' and base64 encoded sources that start with 'data:' need be wrapped in uri when passing source prop for Image and ImageBackground ie. source={ uri: image }
+// local source for image can be passed normally without wrapping in uri ie. source={ image }
+
+/**
+ *  example code from react native docs: https://reactnative.dev/docs/imagebackground
+ *
+ *  const image = {uri: 'https://legacy.reactjs.org/logo-og.png'}
+ *
+ *  const App = () => (
+ *    <View style={styles.container}>
+ *      <ImageBackground source={image} resizeMode="cover" style={styles.image}>
+ *        <Text style={styles.text}>Inside</Text>
+ *      </ImageBackground>
+ *    </View>
+ *  )
+ */
+
+/**
+ * Formats the image source for React Native Image and ImageBackground components.
+ * @param {string|number} source - The image source, either a URI string or a number (when a local image source is bundled in IOS or Android app).
+ * @returns {object|string} - The formatted image source.
+ */
+const formatImageSource = source => typeof source === 'string' && (source.startsWith('http') || source.startsWith('data:')) ? {
+  uri: source
+} : source;
+export default formatImageSource;

package/lib/utils/hasOwnProperty.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = hasOwnProperty;
-
 /**
  * Linter disallows object instance prototype methods like someObject.hasOwnProperty(key),
  * but we can use this instead.
@@ -13,6 +6,6 @@ exports.default = hasOwnProperty;
  * @param {String} key
  * @returns {Boolean}
  */
-function hasOwnProperty(object, key) {
+export default function hasOwnProperty(object, key) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }

package/lib/utils/htmlAttrs.js

@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types';
+const htmlAttrTypes = {
+  dataSet: PropTypes.object,
+  id: PropTypes.string,
+  loading: PropTypes.oneOf(['eager', 'lazy']),
+  // @todo figure out if we need to enum all the possible roles or maybe use
+  // an npm package
+  role: PropTypes.string,
+  src: PropTypes.string,
+  tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  testID: PropTypes.string,
+  title: PropTypes.string
+};
+export default {
+  types: htmlAttrTypes,
+  select: props => Object.entries(props).reduce((items, _ref) => {
+    let [key, value] = _ref;
+    return Object.keys(htmlAttrTypes).includes(key) || /^(data|aria)-/.test(key) ? {
+      ...items,
+      [key]: value
+    } : items;
+  }, {})
+};

package/lib/utils/index.js

@@ -1,222 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  info: true,
-  useCopy: true,
-  useHash: true,
-  useSpacingScale: true,
-  useResponsiveProp: true,
-  useSafeLayoutEffect: true,
-  useScrollBlocking: true,
-  useUniqueId: true,
-  withLinkRouter: true,
-  containUniqueFields: true,
-  BaseView: true
-};
-Object.defineProperty(exports, "BaseView", {
-  enumerable: true,
-  get: function () {
-    return _BaseView.default;
-  }
-});
-Object.defineProperty(exports, "containUniqueFields", {
-  enumerable: true,
-  get: function () {
-    return _containUniqueFields.default;
-  }
-});
-Object.defineProperty(exports, "info", {
-  enumerable: true,
-  get: function () {
-    return _info.default;
-  }
-});
-Object.defineProperty(exports, "useCopy", {
-  enumerable: true,
-  get: function () {
-    return _useCopy.default;
-  }
-});
-Object.defineProperty(exports, "useHash", {
-  enumerable: true,
-  get: function () {
-    return _useHash.default;
-  }
-});
-Object.defineProperty(exports, "useResponsiveProp", {
-  enumerable: true,
-  get: function () {
-    return _useResponsiveProp.default;
-  }
-});
-Object.defineProperty(exports, "useSafeLayoutEffect", {
-  enumerable: true,
-  get: function () {
-    return _useSafeLayoutEffect.default;
-  }
-});
-Object.defineProperty(exports, "useScrollBlocking", {
-  enumerable: true,
-  get: function () {
-    return _useScrollBlocking.default;
-  }
-});
-Object.defineProperty(exports, "useSpacingScale", {
-  enumerable: true,
-  get: function () {
-    return _useSpacingScale.default;
-  }
-});
-Object.defineProperty(exports, "useUniqueId", {
-  enumerable: true,
-  get: function () {
-    return _useUniqueId.default;
-  }
-});
-Object.defineProperty(exports, "withLinkRouter", {
-  enumerable: true,
-  get: function () {
-    return _withLinkRouter.default;
-  }
-});
-
-var _a11y = require("./a11y");
-
-Object.keys(_a11y).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _a11y[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _a11y[key];
-    }
-  });
-});
-
-var _animation = require("./animation");
-
-Object.keys(_animation).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _animation[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _animation[key];
-    }
-  });
-});
-
-var _children = require("./children");
-
-Object.keys(_children).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _children[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _children[key];
-    }
-  });
-});
-
-var _input = require("./input");
-
-Object.keys(_input).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _input[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _input[key];
-    }
-  });
-});
-
-var _pressability = require("./pressability");
-
-Object.keys(_pressability).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _pressability[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _pressability[key];
-    }
-  });
-});
-
-var _props = require("./props");
-
-Object.keys(_props).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _props[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _props[key];
-    }
-  });
-});
-
-var _info = _interopRequireDefault(require("./info"));
-
-var _useCopy = _interopRequireDefault(require("./useCopy"));
-
-var _useHash = _interopRequireDefault(require("./useHash"));
-
-var _useSpacingScale = _interopRequireDefault(require("./useSpacingScale"));
-
-var _useResponsiveProp = _interopRequireWildcard(require("./useResponsiveProp"));
-
-Object.keys(_useResponsiveProp).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useResponsiveProp[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useResponsiveProp[key];
-    }
-  });
-});
-
-var _useSafeLayoutEffect = _interopRequireDefault(require("./useSafeLayoutEffect"));
-
-var _useScrollBlocking = _interopRequireDefault(require("./useScrollBlocking"));
-
-var _useUniqueId = _interopRequireDefault(require("./useUniqueId"));
-
-var _withLinkRouter = _interopRequireDefault(require("./withLinkRouter"));
-
-var _ssr = require("./ssr");
-
-Object.keys(_ssr).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ssr[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ssr[key];
-    }
-  });
-});
-
-var _containUniqueFields = _interopRequireDefault(require("./containUniqueFields"));
-
-var _BaseView = _interopRequireDefault(require("./BaseView"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export * from './a11y';
+export * from './animation';
+export * from './children';
+export * from './input';
+export * from './pressability';
+export * from './props';
+export * from './ssr-media-query';
+export { default as info } from './info';
+export { default as useCopy } from './useCopy';
+export { default as useHash } from './useHash';
+export { default as useSpacingScale } from './useSpacingScale';
+export { default as useResponsiveProp } from './useResponsiveProp';
+export { default as useOverlaidPosition } from './useOverlaidPosition';
+export { default as useSafeLayoutEffect } from './useSafeLayoutEffect';
+export { default as useScrollBlocking } from './useScrollBlocking';
+export * from './useResponsiveProp';
+export { default as useUniqueId } from './useUniqueId';
+export { default as withLinkRouter } from './withLinkRouter';
+export * from './ssr';
+export { default as containUniqueFields } from './containUniqueFields';
+export { default as BaseView } from './BaseView';
+export { default as htmlAttrs } from './htmlAttrs';
+export { transformGradient } from './transformGradient';
+export { default as convertFromMegaByteToByte } from './convertFromMegaByteToByte';
+export { default as formatImageSource } from './formatImageSource';

package/lib/utils/info/index.js

@@ -1,19 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _platform = _interopRequireDefault(require("./platform"));
-
-var _versions = _interopRequireDefault(require("./versions"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import platform from './platform';
+import versions from './versions';
 
 // export an object accessed like info.platform.OS, info.version.uds, etc
-var _default = {
-  platform: _platform.default,
-  versions: _versions.default
-};
-exports.default = _default;
+export default {
+  platform,
+  versions
+};

package/lib/utils/info/platform/index.js

@@ -1,23 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
-var _platform = _interopRequireDefault(require("./platform"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import Platform from "react-native-web/dist/exports/Platform";
+import fileSuffix from './platform';
 
 // Allows consuming libraries that might not have a direct dependency on
 // React Native to check what the current platform is.
+
 // Particularly useful for validating Jest config: it is possible for Jest to
 // get configured such that Platform.OS returns a different mocked value to the
 // OS being used to select files by platform suffix (e.g. .web, .native).
-var _default = {
-  OS: _Platform.default.OS,
-  fileSuffix: _platform.default
-};
-exports.default = _default;
+
+export default {
+  OS: Platform.OS,
+  fileSuffix
+};

package/lib/utils/info/platform/platform.android.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = '.android';
-exports.default = _default;
+export default '.android';

package/lib/utils/info/platform/platform.ios.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = '.ios';
-exports.default = _default;
+export default '.ios';

package/lib/utils/info/platform/platform.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = '.web (default)';
-exports.default = _default;
+export default '.web (default)';

package/lib/utils/info/platform/platform.native.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 // This shouldn't ever be chosen, as the more specific '.ios' and '.android' are available.
 // If this gets picked, either an unsupported React Native platform is being used somehow
 // (e.g. a native Windows app), or there's a serious config problem somewhere.
-var _default = '.native';
-exports.default = _default;
+export default '.native';

package/lib/utils/info/versions.js

@@ -1,16 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _package = _interopRequireDefault(require("../../../package.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import pkgJson from '../../../package.json';
 
 // Add more versions if they are useful e.g. theme schema version
-var _default = {
-  uds: _package.default.version
-};
-exports.default = _default;
+export default {
+  uds: pkgJson.version
+};