@okam/next-component 0.1.1 → 0.2.0

package/index.esm.js

@@ -1,3 +1,6 @@
+import { useThemeContext } from '@okam/stack-ui';
+import Image from 'next/image';
+
 var jsxRuntime = {
     exports: {}
 };
@@ -3782,15 +3785,114 @@ if (process.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
-var styles = {};
-
-function NextComponent(props) {
-    return /*#__PURE__*/ jsxRuntimeExports.jsx("div", {
-        className: styles.container,
-        children: /*#__PURE__*/ jsxRuntimeExports.jsx("h1", {
-            children: "Hello Client Component!"
-        })
-    });
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
 }
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Img = function(props) {
+    var src = props.src, width = props.width, height = props.height, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? 'img' : _props_themeName, tokens = props.tokens, customTheme = props.customTheme, rest = _object_without_properties(props, [
+        "src",
+        "width",
+        "height",
+        "themeName",
+        "tokens",
+        "customTheme"
+    ]);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    if (typeof src === 'object') {
+        var blurWidth = src.blurWidth, blurHeight = src.blurHeight, srcWidth = src.width, srcHeight = src.height, withoutBlurDimensions = _object_without_properties(src, [
+            "blurWidth",
+            "blurHeight",
+            "width",
+            "height"
+        ]);
+        var blur = {
+            blurwidth: blurWidth,
+            blurheight: blurHeight
+        };
+        return /*#__PURE__*/ jsxRuntimeExports.jsx(Image, _object_spread_props(_object_spread({
+            className: theme
+        }, withoutBlurDimensions, rest, blur), {
+            width: srcWidth !== null && srcWidth !== void 0 ? srcWidth : width,
+            height: srcHeight !== null && srcHeight !== void 0 ? srcHeight : height
+        }));
+    }
+    return /*#__PURE__*/ jsxRuntimeExports.jsx(Image, _object_spread({
+        width: width,
+        height: height,
+        className: theme,
+        src: src
+    }, rest));
+};
 
-export { NextComponent };
+export { Img };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/next-component",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js"

package/src/index.d.ts

@@ -1 +1,2 @@
-export * from './lib/next-component';
+export { default as Img } from './components/Img';
+export type { default as TImgProps } from './components/Img/interface';

package/index.esm.css

@@ -1,7 +0,0 @@
-/*
- * Replace this with your own classes
- *
- * e.g.
- * .container {
- * }
-*/