@fluentui-react-native/experimental-shadow 0.7.0 → 0.7.3

package/lib/shadowStyle.js

@@ -10,37 +10,37 @@ const appleShadowBlurAdjustment = 0.5;
 const defaultShadowBlurAdjustment = 1;
 export const getShadowTokenStyleSet = memoize(getShadowTokenStyleSetWorker);
 function getShadowTokenStyleSetWorker(shadowToken) {
-  const keyShadow = shadowToken.key;
-  const ambientShadow = shadowToken.ambient;
-  const shadowBlurAdjustment = Platform.OS === 'macos' || Platform.OS === 'ios' ? appleShadowBlurAdjustment : defaultShadowBlurAdjustment;
-  return {
-    key: {
-      shadowColor: shadowColorFromRGBAColor(keyShadow.color),
-      shadowOpacity: shadowOpacityFromRGBAColor(keyShadow.color),
-      shadowRadius: keyShadow.blur * shadowBlurAdjustment,
-      shadowOffset: {
-        width: keyShadow.x,
-        height: keyShadow.y,
-      },
-    },
-    ambient: {
-      shadowColor: shadowColorFromRGBAColor(ambientShadow.color),
-      shadowOpacity: shadowOpacityFromRGBAColor(ambientShadow.color),
-      shadowRadius: ambientShadow.blur * shadowBlurAdjustment,
-      shadowOffset: {
-        width: ambientShadow.x,
-        height: ambientShadow.y,
-      },
-    },
-  };
+    const keyShadow = shadowToken.key;
+    const ambientShadow = shadowToken.ambient;
+    const shadowBlurAdjustment = Platform.OS === 'macos' || Platform.OS === 'ios' ? appleShadowBlurAdjustment : defaultShadowBlurAdjustment;
+    return {
+        key: {
+            shadowColor: shadowColorFromRGBAColor(keyShadow.color),
+            shadowOpacity: shadowOpacityFromRGBAColor(keyShadow.color),
+            shadowRadius: keyShadow.blur * shadowBlurAdjustment,
+            shadowOffset: {
+                width: keyShadow.x,
+                height: keyShadow.y,
+            },
+        },
+        ambient: {
+            shadowColor: shadowColorFromRGBAColor(ambientShadow.color),
+            shadowOpacity: shadowOpacityFromRGBAColor(ambientShadow.color),
+            shadowRadius: ambientShadow.blur * shadowBlurAdjustment,
+            shadowOffset: {
+                width: ambientShadow.x,
+                height: ambientShadow.y,
+            },
+        },
+    };
 }
 const shadowColorFromRGBAColor = (rgbaColor) => {
-  return rgbaColor.toString().substring(0, 7);
+    return rgbaColor.toString().substring(0, 7);
 };
 const shadowOpacityFromRGBAColor = (rgbaColor) => {
-  const opacityAsHex = '0x' + rgbaColor.toString().substring(7);
-  const opacityAsDecimal = Number(opacityAsHex) / 255.0;
-  // Round to two decimal places
-  return Math.round(opacityAsDecimal * 100) / 100;
+    const opacityAsHex = '0x' + rgbaColor.toString().substring(7);
+    const opacityAsDecimal = Number(opacityAsHex) / 255.0;
+    // Round to two decimal places
+    return Math.round(opacityAsDecimal * 100) / 100;
 };
-//# sourceMappingURL=shadowStyle.js.map
+//# sourceMappingURL=shadowStyle.js.map

package/lib-commonjs/Shadow.d.ts

@@ -1,4 +1,4 @@
 import type { ShadowProps } from './Shadow.types';
-export declare const Shadow: import('@fluentui-react-native/framework-base').FunctionComponent<ShadowProps>;
+export declare const Shadow: import("@fluentui-react-native/framework-base").FunctionComponent<ShadowProps>;
 export default Shadow;
-//# sourceMappingURL=Shadow.d.ts.map
+//# sourceMappingURL=Shadow.d.ts.map

package/lib-commonjs/Shadow.js

@@ -1,176 +1,123 @@
-'use strict';
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, 'default', { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o['default'] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  (function () {
-    var ownKeys = function (o) {
-      ownKeys =
-        Object.getOwnPropertyNames ||
-        function (o) {
-          var ar = [];
-          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-          return ar;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
         };
-      return ownKeys(o);
+        return ownKeys(o);
     };
     return function (mod) {
-      if (mod && mod.__esModule) return mod;
-      var result = {};
-      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
     };
-  })();
-Object.defineProperty(exports, '__esModule', { value: true });
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Shadow = void 0;
-const jsx_runtime_1 = require('react/jsx-runtime');
-const React = __importStar(require('react'));
-const react_native_1 = require('react-native');
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const Shadow_types_1 = require('./Shadow.types');
-const shadowStyle_1 = require('./shadowStyle');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const Shadow_types_1 = require("./Shadow.types");
+const shadowStyle_1 = require("./shadowStyle");
 exports.Shadow = (0, framework_base_1.phasedComponent)((props) => {
-  return (0, framework_base_1.directComponent)((final) => {
-    const { children, ...rest } = final;
-    if (!props.shadowToken) {
-      return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children });
-    }
-    const { style: childStyle, ...restOfChildProps } = children.props;
-    const shadowViewStyleProps = getStylePropsForShadowViews(childStyle, props.shadowToken);
-    const innerShadowViewProps = (0, framework_base_1.mergeProps)(restOfChildProps, shadowViewStyleProps.inner);
-    const outerShadowViewProps = (0, framework_base_1.mergeProps)(rest, shadowViewStyleProps.outer);
-    const childWithInnerShadow = React.cloneElement(children, innerShadowViewProps);
-    return jsx_runtime_1.jsx(react_native_1.View, { ...outerShadowViewProps, children: childWithInnerShadow });
-  });
+    return (0, framework_base_1.directComponent)((final) => {
+        const { children, ...rest } = final;
+        if (!props.shadowToken) {
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children });
+        }
+        const { style: childStyle, ...restOfChildProps } = children.props;
+        const shadowViewStyleProps = getStylePropsForShadowViews(childStyle, props.shadowToken);
+        const innerShadowViewProps = (0, framework_base_1.mergeProps)(restOfChildProps, shadowViewStyleProps.inner);
+        const outerShadowViewProps = (0, framework_base_1.mergeProps)(rest, shadowViewStyleProps.outer);
+        const childWithInnerShadow = React.cloneElement(children, innerShadowViewProps);
+        return jsx_runtime_1.jsx(react_native_1.View, { ...outerShadowViewProps, children: childWithInnerShadow });
+    });
 });
 const getStylePropsForShadowViews = (0, framework_base_1.memoize)(getStylePropsForShadowViewsWorker);
 function getStylePropsForShadowViewsWorker(childStyleProps = {}, shadowToken) {
-  const shadowTokenStyleSet = (0, shadowStyle_1.getShadowTokenStyleSet)(shadowToken);
-  if (__DEV__) {
-    if (!childStyleProps.backgroundColor) {
-      console.warn('The View that the Shadow is set on must have a background color set');
+    const shadowTokenStyleSet = (0, shadowStyle_1.getShadowTokenStyleSet)(shadowToken);
+    if (__DEV__) {
+        if (!childStyleProps.backgroundColor) {
+            console.warn('The View that the Shadow is set on must have a background color set');
+        }
     }
-  }
-  const {
-    borderBottomWidth,
-    borderEndWidth,
-    borderLeftWidth,
-    borderRightWidth,
-    borderStartWidth,
-    borderTopWidth,
-    borderWidth,
-    margin,
-    marginBottom,
-    marginEnd,
-    marginHorizontal,
-    marginLeft,
-    marginRight,
-    marginStart,
-    marginTop,
-    marginVertical,
-    padding,
-    paddingBottom,
-    paddingEnd,
-    paddingHorizontal,
-    paddingLeft,
-    paddingRight,
-    paddingStart,
-    paddingTop,
-    paddingVertical,
-    alignItems,
-    flexWrap,
-    flexDirection,
-    start,
-    end,
-    left,
-    right,
-    top,
-    bottom,
-    ...restOfChildStyleProps
-  } = childStyleProps;
-  // Remove undefined properties, otherwise every prop will be added and be set to
-  // undefined, which can cause unexpected behaviour with some of the styles
-  const innerStyle = removeUndefinedProperties({
-    borderBottomWidth,
-    borderEndWidth,
-    borderLeftWidth,
-    borderRightWidth,
-    borderStartWidth,
-    borderTopWidth,
-    borderWidth,
-    padding,
-    paddingBottom,
-    paddingEnd,
-    paddingHorizontal,
-    paddingLeft,
-    paddingRight,
-    paddingStart,
-    paddingTop,
-    paddingVertical,
-    alignItems,
-    flexWrap,
-    flexDirection,
-    ...shadowTokenStyleSet.key,
-    ...restOfChildStyleProps,
-  });
-  const outerStyle = removeUndefinedProperties({
-    margin,
-    marginBottom,
-    marginEnd,
-    marginHorizontal,
-    marginLeft,
-    marginRight,
-    marginStart,
-    marginTop,
-    marginVertical,
-    start,
-    end,
-    left,
-    right,
-    top,
-    bottom,
-    ...shadowTokenStyleSet.ambient,
-    ...restOfChildStyleProps,
-  });
-  return { inner: { style: innerStyle }, outer: { style: outerStyle } };
+    const { borderBottomWidth, borderEndWidth, borderLeftWidth, borderRightWidth, borderStartWidth, borderTopWidth, borderWidth, margin, marginBottom, marginEnd, marginHorizontal, marginLeft, marginRight, marginStart, marginTop, marginVertical, padding, paddingBottom, paddingEnd, paddingHorizontal, paddingLeft, paddingRight, paddingStart, paddingTop, paddingVertical, alignItems, flexWrap, flexDirection, start, end, left, right, top, bottom, ...restOfChildStyleProps } = childStyleProps;
+    // Remove undefined properties, otherwise every prop will be added and be set to
+    // undefined, which can cause unexpected behaviour with some of the styles
+    const innerStyle = removeUndefinedProperties({
+        borderBottomWidth,
+        borderEndWidth,
+        borderLeftWidth,
+        borderRightWidth,
+        borderStartWidth,
+        borderTopWidth,
+        borderWidth,
+        padding,
+        paddingBottom,
+        paddingEnd,
+        paddingHorizontal,
+        paddingLeft,
+        paddingRight,
+        paddingStart,
+        paddingTop,
+        paddingVertical,
+        alignItems,
+        flexWrap,
+        flexDirection,
+        ...shadowTokenStyleSet.key,
+        ...restOfChildStyleProps,
+    });
+    const outerStyle = removeUndefinedProperties({
+        margin,
+        marginBottom,
+        marginEnd,
+        marginHorizontal,
+        marginLeft,
+        marginRight,
+        marginStart,
+        marginTop,
+        marginVertical,
+        start,
+        end,
+        left,
+        right,
+        top,
+        bottom,
+        ...shadowTokenStyleSet.ambient,
+        ...restOfChildStyleProps,
+    });
+    return { inner: { style: innerStyle }, outer: { style: outerStyle } };
 }
 function withObjectAssign(object, [key, value]) {
-  if (value !== undefined) {
-    return Object.assign(object, { [key]: value });
-  }
-  return object;
+    if (value !== undefined) {
+        return Object.assign(object, { [key]: value });
+    }
+    return object;
 }
 const removeUndefinedProperties = (object) => {
-  return Object.entries(object).reduce(withObjectAssign, {});
+    return Object.entries(object).reduce(withObjectAssign, {});
 };
 exports.Shadow.displayName = Shadow_types_1.shadowName;
 exports.default = exports.Shadow;
-//# sourceMappingURL=Shadow.js.map
+//# sourceMappingURL=Shadow.js.map

package/lib-commonjs/Shadow.types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
 import type { ViewProps } from 'react-native';
 import type { ShadowToken } from '@fluentui-react-native/theme-types';
-export declare const shadowName = 'Shadow';
+export declare const shadowName = "Shadow";
 export interface ShadowProps extends ViewProps {
-  shadowToken?: ShadowToken;
-  /** Exactly one child */
-  children: React.ReactElement;
+    shadowToken?: ShadowToken;
+    /** Exactly one child */
+    children: React.ReactElement;
 }
-//# sourceMappingURL=Shadow.types.d.ts.map
+//# sourceMappingURL=Shadow.types.d.ts.map

package/lib-commonjs/Shadow.types.js

@@ -1,5 +1,5 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.shadowName = void 0;
 exports.shadowName = 'Shadow';
-//# sourceMappingURL=Shadow.types.js.map
+//# sourceMappingURL=Shadow.types.js.map

package/lib-commonjs/__tests__/Shadow.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Shadow.test.d.ts.map
+//# sourceMappingURL=Shadow.test.d.ts.map