Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

solid-popper

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

solid-popper - npm Package Compare versions

Comparing version
0.1.0
 to
0.2.0
+64
dist/esm/development/index.js
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
+7
dist/esm/development/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": []
}
+2
dist/esm/production/index.js
var l=Object.defineProperty;var c=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(c)for(var e of c(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[a,i]=T();return f(()=>{i(void 0);let r=n(),s=t();if(r&&s){let o=P(r,s,{});i(o),x(()=>{o.destroy()})}}),f(()=>{var s,o,p;let r=a();r&&r.setOptions({onFirstUpdate:e.onFirstUpdate,placement:(s=e.placement)!=null?s:"bottom",modifiers:(o=e.modifiers)!=null?o:[],strategy:(p=e.strategy)!=null?p:"absolute"})}),()=>{let r=a();if(r)return u({},r)}}export{y as default};
//# sourceMappingURL=index.js.map
+7
dist/esm/production/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": []
}
+43
-16
package.json
{
"version": "0.1.0",
"version": "0.2.0",
"types": "dist/types/index.d.ts",
"main": "dist/cjs/index.js",
"module": "dist/esm/index.js",
"main": "dist/cjs/production/index.js",
"module": "dist/esm/production/index.js",
"exports": {
"require": "./dist/cjs/index.js",
"import": "./dist/esm/index.js"
".": {
"development": {
"require": "./dist/cjs/development/index.js",
"import": "./dist/esm/development/index.js"
},
"require": "./dist/cjs/production/index.js",
"import": "./dist/esm/production/index.js",
"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"
}
},

@@ -25,18 +53,17 @@ "files": [

"devDependencies": {
"@popperjs/core": "^2.10.1",
"@types/jest": "^27.0.1",
"@types/node": "^16.9.0",
"@popperjs/core": "^2.10.2",
"@types/node": "^16.11.3",
"eslint": "^7.32.0",
"eslint-config-lxsmnsyc": "^0.2.3",
"pridepack": "^0.12.2",
"solid-js": "^1.1.3",
"eslint-config-lxsmnsyc": "^0.3.0",
"pridepack": "^1.0.3",
"solid-js": "^1.1.7",
"tslib": "^2.3.1",
"typescript": "^4.4.2"
"typescript": "^4.4.4"
},
"peerDependencies": {
"@popperjs/core": "^2.10.1",
"solid-js": "^1.1.3"
"@popperjs/core": "^2.10.2",
"solid-js": "^1.1.7"
},
"scripts": {
"prepublish": "pridepack clean && pridepack build",
"prepublishOnly": "pridepack clean && pridepack build",
"build": "pridepack build",

@@ -63,3 +90,3 @@ "type-check": "pridepack check",

"private": false,
"gitHead": "b307d8e93af113c6251a4c25f9198a9cfd2481df"
"gitHead": "8e8675b1d6e24fdce9a545394dd4ad1be7889936"
}
-8
dist/cjs/index.js
'use strict';
if (process.env.NODE_ENV === 'production') {
module.exports = require('./production/index.js');
} else {
module.exports = require('./development/index.js');
}
-64
dist/esm/index.js
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
-7
dist/esm/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": []
}