@stackmeister/react-define-component - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

cjs/defineComponent.d.ts

+import type { FC } from 'react';
+export declare type ComponentHook<Props> = (params: never) => readonly [
+    props: {
+        readonly [PropKey in keyof Props]?: Props[PropKey];
+    },
+    handles: unknown
+];
+declare const defineComponent: <Props>(component: FC<Props>) => <Hook extends ComponentHook<Props>>(hook: Hook) => readonly [component: FC<Props>, hook: Hook];
+export default defineComponent;

cjs/defineComponent.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var defineComponent = function defineComponent(component) {
+  return function (hook) {
+    return [component, hook];
+  };
+};
+var _default = defineComponent;
+exports.default = _default;

cjs/index.d.ts

+export { default, type ComponentHook } from './defineComponent';

cjs/index.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _defineComponent.default;
+  }
+});
+var _defineComponent = _interopRequireDefault(require("./defineComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

cjs/OverlayPortal.d.ts

+import type { PropsWithChildren } from 'react';
+import type { OverlayContainerOptions } from './useOverlayContainer';
+export declare type OverlayPortalProps = {
+    readonly containerOptions?: OverlayContainerOptions;
+};
+declare const _default: ({ containerOptions, children }: PropsWithChildren<OverlayPortalProps>) => import("react").ReactPortal;
+export default _default;

cjs/OverlayPortal.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactDom = require("react-dom");
+var _useOverlayContainer = _interopRequireDefault(require("./useOverlayContainer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = function _default(_ref) {
+  var containerOptions = _ref.containerOptions,
+    children = _ref.children;
+  var containerElement = (0, _useOverlayContainer.default)(containerOptions);
+  // Create the actual portal
+  return /*#__PURE__*/(0, _reactDom.createPortal)(children, containerElement);
+};
+exports.default = _default;

cjs/useOverlayContainer.d.ts

+export declare type OverlayContainerOptions = {
+    element?: 'div';
+    attributes?: {
+        [key: string]: string;
+    };
+};
+declare const useOverlayContainer: ({ element, attributes, }?: OverlayContainerOptions) => HTMLDivElement;
+export default useOverlayContainer;

cjs/useOverlayContainer.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var defaultAttributes = {};
+var useOverlayContainer = function useOverlayContainer() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$element = _ref.element,
+    element = _ref$element === void 0 ? 'div' : _ref$element,
+    _ref$attributes = _ref.attributes,
+    attributes = _ref$attributes === void 0 ? defaultAttributes : _ref$attributes;
+  var containerElement = (0, _react.useMemo)(function () {
+    var el = document.createElement(element);
+    Object.entries(attributes).forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+      return el.setAttribute(key, value);
+    });
+    return el;
+  }, [attributes]);
+  (0, _react.useEffect)(function () {
+    if (!('document' in globalThis)) {
+      return;
+    }
+    document.body.appendChild(containerElement);
+    return function () {
+      var _containerElement$par;
+      (_containerElement$par = containerElement.parentNode) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.removeChild(containerElement);
+    };
+  }, [containerElement]);
+  return containerElement;
+};
+var _default = useOverlayContainer;
+exports.default = _default;

package.json

 {
   "name": "@stackmeister/react-define-component",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "license": "MIT",
@@ -45,3 +45,3 @@ "main": "cjs/index.js",
   },
-  "gitHead": "10afb42327a036a31985be857f0a68c765e99a66"
+  "gitHead": "7cda2f247123d83cf1a4c697dc6748885d336561"
 }

Fixed alerts

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9030

145.65%

Number of package files

11

266.67%

Lines of code

106

Infinity%

Number of medium supply chain risk alerts

0

-100%

No dependency changes