solid-popper
Advanced tools
| "use strict";var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var f=(n,e,t)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))l.call(e,t)&&f(n,t,e[t]);if(u)for(var t of u(e))y.call(e,t)&&f(n,t,e[t]);return n};var E=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},I=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!l.call(n,r)&&r!==t&&p(n,r,{get:()=>e[r],enumerable:!(o=T(e,r))||o.enumerable});return n};var O=n=>I(p({},"__esModule",{value:!0}),n);var b={};E(b,{default:()=>P});module.exports=O(b);var g=require("@popperjs/core"),a=require("solid-js");function P(n,e,t={}){let[o,r]=(0,a.createSignal)();return(0,a.createEffect)(()=>{r(void 0);let s=n(),i=e();if(s&&i){let c=(0,g.createPopper)(s,i,{});r(c),(0,a.onCleanup)(()=>{c.destroy()})}}),(0,a.createEffect)(()=>{var i,c,d;let s=o();s&&s.setOptions({onFirstUpdate:t.onFirstUpdate,placement:(i=t.placement)!=null?i:"bottom",modifiers:(c=t.modifiers)!=null?c:[],strategy:(d=t.strategy)!=null?d:"absolute"})}),()=>{let s=o();if(s)return m({},s)}} |
| "use strict"; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
| var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
| var __spreadValues = (a, b) => { | ||
| for (var prop in b || (b = {})) | ||
| if (__hasOwnProp.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| if (__getOwnPropSymbols) | ||
| for (var prop of __getOwnPropSymbols(b)) { | ||
| if (__propIsEnum.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| } | ||
| return a; | ||
| }; | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| // src/index.ts | ||
| var src_exports = {}; | ||
| __export(src_exports, { | ||
| default: () => usePopper | ||
| }); | ||
| module.exports = __toCommonJS(src_exports); | ||
| var import_core = require("@popperjs/core"); | ||
| var import_solid_js = require("solid-js"); | ||
| function usePopper(targetElement, popperElement, options = {}) { | ||
| const [current, setCurrent] = (0, import_solid_js.createSignal)(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| setCurrent(void 0); | ||
| const target = targetElement(); | ||
| const popper = popperElement(); | ||
| if (target && popper) { | ||
| const instance = (0, import_core.createPopper)(target, popper, {}); | ||
| setCurrent(instance); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| var _a, _b, _c; | ||
| const instance = current(); | ||
| if (instance) { | ||
| instance.setOptions({ | ||
| onFirstUpdate: options.onFirstUpdate, | ||
| placement: (_a = options.placement) != null ? _a : "bottom", | ||
| modifiers: (_b = options.modifiers) != null ? _b : [], | ||
| strategy: (_c = options.strategy) != null ? _c : "absolute" | ||
| }); | ||
| } | ||
| }); | ||
| return () => { | ||
| const instance = current(); | ||
| if (instance) { | ||
| return __spreadValues({}, instance); | ||
| } | ||
| return void 0; | ||
| }; | ||
| } | ||
| //# sourceMappingURL=index.cjs.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAIO;AACP,sBAIO;AAEQ,SAAR,UACL,eACA,eACA,UAA4B,CAAC,GACD;AAC5B,QAAM,CAAC,SAAS,UAAU,QAAI,8BAAuB;AAErD,oCAAa,MAAM;AACjB,eAAW,MAAS;AAEpB,UAAM,SAAS,cAAc;AAC7B,UAAM,SAAS,cAAc;AAE7B,QAAI,UAAU,QAAQ;AACpB,YAAM,eAAW,0BAAa,QAAQ,QAAQ,CAAC,CAAC;AAEhD,iBAAW,QAAQ;AAEnB,qCAAU,MAAM;AACd,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,oCAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW,QAAQ;AAEzB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,YAAW,aAAQ,cAAR,YAAqB;AAAA,QAChC,YAAW,aAAQ,cAAR,YAAqB,CAAC;AAAA,QACjC,WAAU,aAAQ,aAAR,YAAoB;AAAA,MAChC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,MAAM;AACX,UAAM,WAAW,QAAQ;AACzB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA,IAEP;AACA,WAAO;AAAA,EACT;AACF;", | ||
| "names": [] | ||
| } |
| "use strict";var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var f=(n,e,t)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))l.call(e,t)&&f(n,t,e[t]);if(u)for(var t of u(e))y.call(e,t)&&f(n,t,e[t]);return n};var E=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},I=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!l.call(n,r)&&r!==t&&p(n,r,{get:()=>e[r],enumerable:!(o=T(e,r))||o.enumerable});return n};var O=n=>I(p({},"__esModule",{value:!0}),n);var b={};E(b,{default:()=>P});module.exports=O(b);var g=require("@popperjs/core"),a=require("solid-js");function P(n,e,t={}){let[o,r]=(0,a.createSignal)();return(0,a.createEffect)(()=>{r(void 0);let s=n(),i=e();if(s&&i){let c=(0,g.createPopper)(s,i,{});r(c),(0,a.onCleanup)(()=>{c.destroy()})}}),(0,a.createEffect)(()=>{var i,c,d;let s=o();s&&s.setOptions({onFirstUpdate:t.onFirstUpdate,placement:(i=t.placement)!=null?i:"bottom",modifiers:(c=t.modifiers)!=null?c:[],strategy:(d=t.strategy)!=null?d:"absolute"})}),()=>{let s=o();if(s)return m({},s)}} |
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
| var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
| var __spreadValues = (a, b) => { | ||
| for (var prop in b || (b = {})) | ||
| if (__hasOwnProp.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| if (__getOwnPropSymbols) | ||
| for (var prop of __getOwnPropSymbols(b)) { | ||
| if (__propIsEnum.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| } | ||
| return a; | ||
| }; | ||
| // src/index.ts | ||
| import { | ||
| createPopper | ||
| } from "@popperjs/core"; | ||
| import { | ||
| createEffect, | ||
| createSignal, | ||
| onCleanup | ||
| } from "solid-js"; | ||
| function usePopper(targetElement, popperElement, options = {}) { | ||
| const [current, setCurrent] = createSignal(); | ||
| createEffect(() => { | ||
| setCurrent(void 0); | ||
| const target = targetElement(); | ||
| const popper = popperElement(); | ||
| if (target && popper) { | ||
| const instance = createPopper(target, popper, {}); | ||
| setCurrent(instance); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| createEffect(() => { | ||
| var _a, _b, _c; | ||
| const instance = current(); | ||
| if (instance) { | ||
| instance.setOptions({ | ||
| onFirstUpdate: options.onFirstUpdate, | ||
| placement: (_a = options.placement) != null ? _a : "bottom", | ||
| modifiers: (_b = options.modifiers) != null ? _b : [], | ||
| strategy: (_c = options.strategy) != null ? _c : "absolute" | ||
| }); | ||
| } | ||
| }); | ||
| return () => { | ||
| const instance = current(); | ||
| if (instance) { | ||
| return __spreadValues({}, instance); | ||
| } | ||
| return void 0; | ||
| }; | ||
| } | ||
| export { | ||
| usePopper as default | ||
| }; | ||
| //# sourceMappingURL=index.mjs.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEQ,SAAR,UACL,eACA,eACA,UAA4B,CAAC,GACD;AAC5B,QAAM,CAAC,SAAS,UAAU,IAAI,aAAuB;AAErD,eAAa,MAAM;AACjB,eAAW,MAAS;AAEpB,UAAM,SAAS,cAAc;AAC7B,UAAM,SAAS,cAAc;AAE7B,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,aAAa,QAAQ,QAAQ,CAAC,CAAC;AAEhD,iBAAW,QAAQ;AAEnB,gBAAU,MAAM;AACd,iBAAS,QAAQ;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,eAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW,QAAQ;AAEzB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,YAAW,aAAQ,cAAR,YAAqB;AAAA,QAChC,YAAW,aAAQ,cAAR,YAAqB,CAAC;AAAA,QACjC,WAAU,aAAQ,aAAR,YAAoB;AAAA,MAChC,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,MAAM;AACX,UAAM,WAAW,QAAQ;AACzB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA,IAEP;AACA,WAAO;AAAA,EACT;AACF;", | ||
| "names": [] | ||
| } |
| var l=Object.defineProperty;var p=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var d=(n,t,e)=>t in n?l(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,u=(n,t)=>{for(var e in t||(t={}))m.call(t,e)&&d(n,e,t[e]);if(p)for(var e of p(t))g.call(t,e)&&d(n,e,t[e]);return n};import{createPopper as P}from"@popperjs/core";import{createEffect as f,createSignal as T,onCleanup as x}from"solid-js";function y(n,t,e={}){let[o,i]=T();return f(()=>{i(void 0);let r=n(),s=t();if(r&&s){let a=P(r,s,{});i(a),x(()=>{a.destroy()})}}),f(()=>{var s,a,c;let r=o();r&&r.setOptions({onFirstUpdate:e.onFirstUpdate,placement:(s=e.placement)!=null?s:"bottom",modifiers:(a=e.modifiers)!=null?a:[],strategy:(c=e.strategy)!=null?c:"absolute"})}),()=>{let r=o();if(r)return u({},r)}}export{y as default}; |
+1
-1
| MIT License | ||
| Copyright (c) 2021 Alexis H. Munsayac | ||
| Copyright (c) 2023 Alexis H. Munsayac | ||
@@ -5,0 +5,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy |
+23
-40
| { | ||
| "version": "0.2.1", | ||
| "types": "dist/types/index.d.ts", | ||
| "main": "dist/cjs/production/index.js", | ||
| "module": "dist/esm/production/index.js", | ||
| "version": "0.3.0", | ||
| "type": "module", | ||
| "types": "./dist/types/index.d.ts", | ||
| "main": "./dist/cjs/production/index.cjs", | ||
| "module": "./dist/esm/production/index.mjs", | ||
| "exports": { | ||
| ".": { | ||
| "development": { | ||
| "require": "./dist/cjs/development/index.js", | ||
| "import": "./dist/esm/development/index.js" | ||
| "require": "./dist/cjs/development/index.cjs", | ||
| "import": "./dist/esm/development/index.mjs" | ||
| }, | ||
| "require": "./dist/cjs/production/index.js", | ||
| "import": "./dist/esm/production/index.js", | ||
| "require": "./dist/cjs/production/index.cjs", | ||
| "import": "./dist/esm/production/index.mjs", | ||
| "types": "./dist/types/index.d.ts" | ||
| }, | ||
| "./dev": { | ||
| "production": { | ||
| "require": "./dist/cjs/production/index.js", | ||
| "import": "./dist/esm/production/index.js" | ||
| }, | ||
| "require": "./dist/cjs/development/index.js", | ||
| "import": "./dist/esm/development/index.js", | ||
| "types": "./dist/types/index.d.ts" | ||
| }, | ||
| "./esm": { | ||
| "development": "./dist/esm/development/index.js", | ||
| "production": "./dist/esm/production/index.js", | ||
| "default": "./dist/esm/production/index.js", | ||
| "types": "./dist/types/index.d.ts" | ||
| }, | ||
| "./cjs": { | ||
| "development": "./dist/cjs/development/index.js", | ||
| "production": "./dist/cjs/production/index.js", | ||
| "default": "./dist/cjs/production/index.js", | ||
| "types": "./dist/types/index.d.ts" | ||
| } | ||
@@ -53,14 +33,14 @@ }, | ||
| "devDependencies": { | ||
| "@popperjs/core": "^2.10.2", | ||
| "@types/node": "^17.0.8", | ||
| "eslint": "^7.32.0", | ||
| "eslint-config-lxsmnsyc": "^0.3.0", | ||
| "pridepack": "^1.0.4", | ||
| "solid-js": "^1.2.6", | ||
| "tslib": "^2.3.1", | ||
| "typescript": "^4.5.4" | ||
| "@popperjs/core": "^2.11.6", | ||
| "@types/node": "^18.13.0", | ||
| "eslint": "^8.33.0", | ||
| "eslint-config-lxsmnsyc": "^0.4.8", | ||
| "pridepack": "^2.4.0", | ||
| "solid-js": "^1.6.10", | ||
| "tslib": "^2.5.0", | ||
| "typescript": "^4.9.5" | ||
| }, | ||
| "peerDependencies": { | ||
| "@popperjs/core": "^2.10.2", | ||
| "solid-js": "^1.2.0" | ||
| "@popperjs/core": "^2.11", | ||
| "solid-js": "^1.2" | ||
| }, | ||
@@ -90,3 +70,6 @@ "scripts": { | ||
| "private": false, | ||
| "gitHead": "01b994ea0d4c3c2294a4e38fe4add220acd5283b" | ||
| "typesVersions": { | ||
| "*": {} | ||
| }, | ||
| "gitHead": "42f9abb0ade3d195580b94c348a5b45d85af50dd" | ||
| } |
| "use strict"; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
| var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
| var __spreadValues = (a, b) => { | ||
| for (var prop in b || (b = {})) | ||
| if (__hasOwnProp.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| if (__getOwnPropSymbols) | ||
| for (var prop of __getOwnPropSymbols(b)) { | ||
| if (__propIsEnum.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| } | ||
| return a; | ||
| }; | ||
| var __markAsModule = (target) => __defProp(target, "__esModule", { value: true }); | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __reExport = (target, module2, copyDefault, desc) => { | ||
| if (module2 && typeof module2 === "object" || typeof module2 === "function") { | ||
| for (let key of __getOwnPropNames(module2)) | ||
| if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default")) | ||
| __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable }); | ||
| } | ||
| return target; | ||
| }; | ||
| var __toCommonJS = /* @__PURE__ */ ((cache) => { | ||
| return (module2, temp) => { | ||
| return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp); | ||
| }; | ||
| })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0); | ||
| // src/index.ts | ||
| var src_exports = {}; | ||
| __export(src_exports, { | ||
| default: () => usePopper | ||
| }); | ||
| var import_core = require("@popperjs/core"); | ||
| var import_solid_js = require("solid-js"); | ||
| function usePopper(targetElement, popperElement, options = {}) { | ||
| const [current, setCurrent] = (0, import_solid_js.createSignal)(); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| setCurrent(void 0); | ||
| const target = targetElement(); | ||
| const popper = popperElement(); | ||
| if (target && popper) { | ||
| const instance = (0, import_core.createPopper)(target, popper, {}); | ||
| setCurrent(instance); | ||
| (0, import_solid_js.onCleanup)(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| (0, import_solid_js.createEffect)(() => { | ||
| var _a, _b, _c; | ||
| const instance = current(); | ||
| if (instance) { | ||
| instance.setOptions({ | ||
| onFirstUpdate: options.onFirstUpdate, | ||
| placement: (_a = options.placement) != null ? _a : "bottom", | ||
| modifiers: (_b = options.modifiers) != null ? _b : [], | ||
| strategy: (_c = options.strategy) != null ? _c : "absolute" | ||
| }); | ||
| } | ||
| }); | ||
| return () => { | ||
| const instance = current(); | ||
| if (instance) { | ||
| return __spreadValues({}, instance); | ||
| } | ||
| return void 0; | ||
| }; | ||
| } | ||
| module.exports = __toCommonJS(src_exports); | ||
| // Annotate the CommonJS export names for ESM import in node: | ||
| 0 && (module.exports = {}); | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,kBAIO;AACP,sBAIO;AAEQ,mBACb,eACA,eACA,UAA4B,IACA;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,oCAAa,MAAM;AACjB,eAAW;AAEX,UAAM,SAAS;AACf,UAAM,SAAS;AAEf,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,8BAAa,QAAQ,QAAQ;AAE9C,iBAAW;AAEX,qCAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,oCAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW;AAEjB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,UAAU,cAAQ,aAAR,YAAoB;AAAA;AAAA;AAAA;AAKpC,SAAO,MAAM;AACX,UAAM,WAAW;AACjB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA;AAGP,WAAO;AAAA;AAAA;", | ||
| "names": [] | ||
| } |
| "use strict"; | ||
| var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var l=(n,e,t)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))f.call(e,t)&&l(n,t,e[t]);if(u)for(var t of u(e))y.call(e,t)&&l(n,t,e[t]);return n};var E=n=>p(n,"__esModule",{value:!0});var I=(n,e)=>{for(var t in e)p(n,t,{get:e[t],enumerable:!0})},O=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!f.call(n,r)&&(t||r!=="default")&&p(n,r,{get:()=>e[r],enumerable:!(o=T(e,r))||o.enumerable});return n};var b=(n=>(e,t)=>n&&n.get(e)||(t=O(E({}),e,1),n&&n.set(e,t),t))(typeof WeakMap!="undefined"?new WeakMap:0);var C={};I(C,{default:()=>P});var g=require("@popperjs/core"),a=require("solid-js");function P(n,e,t={}){let[o,r]=(0,a.createSignal)();return(0,a.createEffect)(()=>{r(void 0);let s=n(),i=e();if(s&&i){let c=(0,g.createPopper)(s,i,{});r(c),(0,a.onCleanup)(()=>{c.destroy()})}}),(0,a.createEffect)(()=>{var i,c,d;let s=o();s&&s.setOptions({onFirstUpdate:t.onFirstUpdate,placement:(i=t.placement)!=null?i:"bottom",modifiers:(c=t.modifiers)!=null?c:[],strategy:(d=t.strategy)!=null?d:"absolute"})}),()=>{let s=o();if(s)return m({},s)}}module.exports=b(C);0&&(module.exports={}); | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"], | ||
| "mappings": ";iyBAAA,oCAIO,0BACP,EAIO,oBAEQ,WACb,EACA,EACA,EAA4B,GACA,CAC5B,GAAM,CAAC,EAAS,GAAc,qBAE9B,yBAAa,IAAM,CACjB,EAAW,QAEX,GAAM,GAAS,IACT,EAAS,IAEf,GAAI,GAAU,EAAQ,CACpB,GAAM,GAAW,mBAAa,EAAQ,EAAQ,IAE9C,EAAW,GAEX,gBAAU,IAAM,CACd,EAAS,eAKf,mBAAa,IAAM,CAnCrB,UAoCI,GAAM,GAAW,IAEjB,AAAI,GACF,EAAS,WAAW,CAClB,cAAe,EAAQ,cACvB,UAAW,KAAQ,YAAR,OAAqB,SAChC,UAAW,KAAQ,YAAR,OAAqB,GAChC,SAAU,KAAQ,WAAR,OAAoB,eAK7B,IAAM,CACX,GAAM,GAAW,IACjB,GAAI,EACF,MAAO,MACF", | ||
| "names": [] | ||
| } |
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
| var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
| var __spreadValues = (a, b) => { | ||
| for (var prop in b || (b = {})) | ||
| if (__hasOwnProp.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| if (__getOwnPropSymbols) | ||
| for (var prop of __getOwnPropSymbols(b)) { | ||
| if (__propIsEnum.call(b, prop)) | ||
| __defNormalProp(a, prop, b[prop]); | ||
| } | ||
| return a; | ||
| }; | ||
| // src/index.ts | ||
| import { | ||
| createPopper | ||
| } from "@popperjs/core"; | ||
| import { | ||
| createEffect, | ||
| createSignal, | ||
| onCleanup | ||
| } from "solid-js"; | ||
| function usePopper(targetElement, popperElement, options = {}) { | ||
| const [current, setCurrent] = createSignal(); | ||
| createEffect(() => { | ||
| setCurrent(void 0); | ||
| const target = targetElement(); | ||
| const popper = popperElement(); | ||
| if (target && popper) { | ||
| const instance = createPopper(target, popper, {}); | ||
| setCurrent(instance); | ||
| onCleanup(() => { | ||
| instance.destroy(); | ||
| }); | ||
| } | ||
| }); | ||
| createEffect(() => { | ||
| var _a, _b, _c; | ||
| const instance = current(); | ||
| if (instance) { | ||
| instance.setOptions({ | ||
| onFirstUpdate: options.onFirstUpdate, | ||
| placement: (_a = options.placement) != null ? _a : "bottom", | ||
| modifiers: (_b = options.modifiers) != null ? _b : [], | ||
| strategy: (_c = options.strategy) != null ? _c : "absolute" | ||
| }); | ||
| } | ||
| }); | ||
| return () => { | ||
| const instance = current(); | ||
| if (instance) { | ||
| return __spreadValues({}, instance); | ||
| } | ||
| return void 0; | ||
| }; | ||
| } | ||
| export { | ||
| usePopper as default | ||
| }; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"], | ||
| "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAMe,mBACb,eACA,eACA,UAA4B,IACA;AAC5B,QAAM,CAAC,SAAS,cAAc;AAE9B,eAAa,MAAM;AACjB,eAAW;AAEX,UAAM,SAAS;AACf,UAAM,SAAS;AAEf,QAAI,UAAU,QAAQ;AACpB,YAAM,WAAW,aAAa,QAAQ,QAAQ;AAE9C,iBAAW;AAEX,gBAAU,MAAM;AACd,iBAAS;AAAA;AAAA;AAAA;AAKf,eAAa,MAAM;AAnCrB;AAoCI,UAAM,WAAW;AAEjB,QAAI,UAAU;AACZ,eAAS,WAAW;AAAA,QAClB,eAAe,QAAQ;AAAA,QACvB,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,WAAW,cAAQ,cAAR,YAAqB;AAAA,QAChC,UAAU,cAAQ,aAAR,YAAoB;AAAA;AAAA;AAAA;AAKpC,SAAO,MAAM;AACX,UAAM,WAAW;AACjB,QAAI,UAAU;AACZ,aAAO,mBACF;AAAA;AAGP,WAAO;AAAA;AAAA;", | ||
| "names": [] | ||
| } |
| var l=Object.defineProperty;var p=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var d=(n,t,e)=>t in n?l(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,u=(n,t)=>{for(var e in t||(t={}))m.call(t,e)&&d(n,e,t[e]);if(p)for(var e of p(t))g.call(t,e)&&d(n,e,t[e]);return n};import{createPopper as P}from"@popperjs/core";import{createEffect as f,createSignal as T,onCleanup as x}from"solid-js";function y(n,t,e={}){let[o,i]=T();return f(()=>{i(void 0);let r=n(),s=t();if(r&&s){let a=P(r,s,{});i(a),x(()=>{a.destroy()})}}),f(()=>{var s,a,c;let r=o();r&&r.setOptions({onFirstUpdate:e.onFirstUpdate,placement:(s=e.placement)!=null?s:"bottom",modifiers:(a=e.modifiers)!=null?a:[],strategy:(c=e.strategy)!=null?c:"absolute"})}),()=>{let r=o();if(r)return u({},r)}}export{y as default}; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "version": 3, | ||
| "sources": ["../../../src/index.ts"], | ||
| "sourcesContent": ["import {\n createPopper,\n Instance,\n Options,\n} from '@popperjs/core';\nimport {\n createEffect,\n createSignal,\n onCleanup,\n} from 'solid-js';\n\nexport default function usePopper<Target extends HTMLElement, Popper extends HTMLElement>(\n targetElement: () => Target | undefined | null,\n popperElement: () => Popper | undefined | null,\n options: Partial<Options> = {},\n): () => Instance | undefined {\n const [current, setCurrent] = createSignal<Instance>();\n\n createEffect(() => {\n setCurrent(undefined);\n\n const target = targetElement();\n const popper = popperElement();\n\n if (target && popper) {\n const instance = createPopper(target, popper, {});\n \n setCurrent(instance);\n \n onCleanup(() => {\n instance.destroy();\n });\n }\n });\n\n createEffect(() => {\n const instance = current();\n\n if (instance) {\n instance.setOptions({\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement ?? 'bottom',\n modifiers: options.modifiers ?? [],\n strategy: options.strategy ?? 'absolute',\n });\n }\n });\n\n return () => {\n const instance = current();\n if (instance) {\n return {\n ...instance,\n };\n }\n return undefined;\n };\n}\n"], | ||
| "mappings": "yVAAA,8CAKA,yEAMe,WACb,EACA,EACA,EAA4B,GACA,CAC5B,GAAM,CAAC,EAAS,GAAc,IAE9B,SAAa,IAAM,CACjB,EAAW,QAEX,GAAM,GAAS,IACT,EAAS,IAEf,GAAI,GAAU,EAAQ,CACpB,GAAM,GAAW,EAAa,EAAQ,EAAQ,IAE9C,EAAW,GAEX,EAAU,IAAM,CACd,EAAS,eAKf,EAAa,IAAM,CAnCrB,UAoCI,GAAM,GAAW,IAEjB,AAAI,GACF,EAAS,WAAW,CAClB,cAAe,EAAQ,cACvB,UAAW,KAAQ,YAAR,OAAqB,SAChC,UAAW,KAAQ,YAAR,OAAqB,GAChC,SAAU,KAAQ,WAAR,OAAoB,eAK7B,IAAM,CACX,GAAM,GAAW,IACjB,GAAI,EACF,MAAO,MACF", | ||
| "names": [] | ||
| } |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Yes
NaN17708
-16.4%12
-7.69%203
-2.87%4
33.33%1
Infinity%