@freelensapp/animate 0.1.0

package/LICENSE

@@ -0,0 +1,28 @@
+Copyright (c) 2024 Freelens Authors.
+
+Copyright (c) 2022 OpenLens Authors.
+
+Portions of this software are licensed as follows:
+
+* All content residing under the "docs/" directory of this repository, if that
+directory exists, is licensed under "Creative Commons: CC BY-SA 4.0 license".
+* Content outside of the above mentioned directories or restrictions above is
+available under the "MIT" license as defined below.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# @freelensapp/animate
+
+This package contains stuff related to creating Lens-applications. 
+
+# Usage
+
+```bash
+$ npm install @freelensapp/animate
+```
+
+```typescript
+import { animateFeature } from "@freelensapp/animate";
+import { animateFeature, requestAnimationFrameInjectable } from "@freelensapp/animate";
+import { Animate } from "@freelensapp/animate";
+import type { AnimateName } from "@freelensapp/animate";
+import type { RequestAnimationFrame } from "@freelensapp/animate";
+```
+
+## Extendability

package/dist/index.css

@@ -0,0 +1 @@
+.Animate:empty{display:none}.Animate.opacity{opacity:0}.Animate.opacity.enter{transition-property:opacity;transition-duration:var(--enter-duration);opacity:1}.Animate.opacity.leave{transition-duration:var(--leave-duration);transition-timing-function:ease-out;opacity:0}.Animate.slide-right{transform:translateX(100%);will-change:transform}.Animate.slide-right.enter{transform:translateX(0);transition:transform var(--enter-duration);transition-timing-function:ease-in-out}.Animate.slide-right.leave{transform:translateX(100%);transition:transform var(--leave-duration)}.Animate.opacity-scale{opacity:0}.Animate.opacity-scale.enter{transition:opacity var(--enter-duration);opacity:1}.Animate.opacity-scale.leave{will-change:opacity,transform;opacity:0;transform:scale(1.25);transition:transform var(--leave-duration) ease-in,opacity var(--leave-duration) ease-out}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export type { AnimateName, AnimateProps } from "./src/animate";
+export { Animate } from "./src/animate";
+export { defaultEnterDurationForAnimatedInjectable } from "./src/default-enter-duration.injectable";
+export { defaultLeaveDurationForAnimatedInjectable } from "./src/default-leave-duration.injectable";
+export type { RequestAnimationFrame } from "./src/request-animation-frame.injectable";
+export { requestAnimationFrameInjectable } from "./src/request-animation-frame.injectable";
+export { animateFeature } from "./src/feature";

package/dist/index.js

@@ -0,0 +1 @@
+(()=>{var e={638:(e,t,r)=>{"use strict";r.r(t),r.d(t,{defaultEnterDurationForAnimatedInjectable:()=>n});const n=(0,r(178).getInjectable)({id:"default-enter-duration-for-animated",instantiate:()=>100})},496:(e,t,r)=>{"use strict";r.r(t),r.d(t,{defaultLeaveDurationForAnimatedInjectable:()=>n});const n=(0,r(178).getInjectable)({id:"default-leave-duration-for-animated",instantiate:()=>100})},791:(e,t,r)=>{"use strict";r.d(t,{T:()=>o});const n=require("@freelensapp/feature-core"),a=require("@ogre-tools/injectable-extension-for-auto-registration");e=r.hmd(e);const o=(0,n.getFeature)({id:"animate-feature",register:t=>{(0,a.autoRegister)({di:t,targetModule:e,getRequireContexts:()=>[r(888)]})}})},312:(e,t,r)=>{"use strict";r.r(t),r.d(t,{requestAnimationFrameInjectable:()=>n});const n=(0,r(178).getInjectable)({id:"request-animation-frame",instantiate:()=>e=>requestAnimationFrame(e),causesSideEffects:!0})},888:(e,t,r)=>{var n={"./default-enter-duration.injectable.ts":638,"./default-leave-duration.injectable.ts":496,"./request-animation-frame.injectable.ts":312};function a(e){var t=o(e);return r(t)}function o(e){if(!r.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}a.keys=function(){return Object.keys(n)},a.resolve=o,e.exports=a,a.id=888},178:e=>{"use strict";e.exports=require("@ogre-tools/injectable")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={id:n,loaded:!1,exports:{}};return e[n](o,o.exports,r),o.loaded=!0,o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};(()=>{"use strict";r.r(n),r.d(n,{Animate:()=>l,animateFeature:()=>d.T,defaultEnterDurationForAnimatedInjectable:()=>u.defaultEnterDurationForAnimatedInjectable,defaultLeaveDurationForAnimatedInjectable:()=>s.defaultLeaveDurationForAnimatedInjectable,requestAnimationFrameInjectable:()=>i.requestAnimationFrameInjectable});const e=require("react");var t=r.n(e);const a=require("@freelensapp/utilities"),o=require("@ogre-tools/injectable-react");var i=r(312),u=r(638),s=r(496);const l=(0,o.withInjectables)((r=>{const{requestAnimationFrame:n,defaultEnterDuration:o,defaultLeaveDuration:i,...u}=r,{children:s,enter:l=!0,enterDuration:d=o,leaveDuration:c=i,name:m="opacity",onEnter:f=a.noop,onLeave:p=a.noop}=u,[b,j]=(0,e.useState)(!1),[v,g]=(0,e.useState)(!1),[y,F]=(0,e.useState)(!1),A=t().Children.only(s),q=(0,a.cssNames)("Animate",m,A.props.className,{enter:v,leave:y});if((0,e.useEffect)((()=>{if(l)return j(!0),n((()=>{g(!0),f()})),a.noop;if(b){F(!0),p();const e=setTimeout((()=>{j(!1),g(!1),F(!1)}),c);return()=>clearTimeout(e)}return a.noop}),[l]),!b)return null;const D={"--enter-duration":`${d}ms`,"--leave-duration":`${c}ms`};return t().cloneElement(A,{className:q,children:A.props.children,style:{...A.props.style,...D}})}),{getProps:(e,t)=>({...t,requestAnimationFrame:e.inject(i.requestAnimationFrameInjectable),defaultEnterDuration:e.inject(u.defaultEnterDurationForAnimatedInjectable),defaultLeaveDuration:e.inject(s.defaultLeaveDurationForAnimatedInjectable)})});var d=r(791)})(),module.exports=n})();

package/dist/src/animate.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import "./animate.scss";
+import React from "react";
+import type { StrictReactNode } from "@freelensapp/utilities";
+export type AnimateName = "opacity" | "slide-right" | "opacity-scale" | string;
+export interface AnimateProps {
+    name?: AnimateName;
+    enter?: boolean;
+    onEnter?: () => void;
+    onLeave?: () => void;
+    enterDuration?: number;
+    leaveDuration?: number;
+    children?: StrictReactNode;
+}
+export declare const Animate: React.FunctionComponent<AnimateProps>;

package/dist/src/default-enter-duration.injectable.d.ts

@@ -0,0 +1 @@
+export declare const defaultEnterDurationForAnimatedInjectable: import("@ogre-tools/injectable").Injectable<number, unknown, void>;

package/dist/src/default-leave-duration.injectable.d.ts

@@ -0,0 +1 @@
+export declare const defaultLeaveDurationForAnimatedInjectable: import("@ogre-tools/injectable").Injectable<number, unknown, void>;

package/dist/src/feature.d.ts

@@ -0,0 +1 @@
+export declare const animateFeature: import("@freelensapp/feature-core").Feature;

package/dist/src/request-animation-frame.injectable.d.ts

@@ -0,0 +1,2 @@
+export type RequestAnimationFrame = (callback: () => void) => void;
+export declare const requestAnimationFrameInjectable: import("@ogre-tools/injectable").Injectable<RequestAnimationFrame, unknown, void>;

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@freelensapp/animate",
+  "private": false,
+  "version": "0.1.0",
+  "description": "Highly extendable animate in the Lens.",
+  "type": "commonjs",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/freelensapp/freelens.git"
+  },
+  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./styles": "./dist/index.css"
+  },
+  "types": "dist/index.d.ts",
+  "author": {
+    "name": "Freelens Authors",
+    "email": "freelens@freelens.app"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/freelensapp/freelens",
+  "scripts": {
+    "build": "lens-webpack-build",
+    "lint": "lens-lint",
+    "lint:fix": "lens-lint --fix"
+  },
+  "peerDependencies": {
+    "@freelensapp/feature-core": "^0.1.0",
+    "@freelensapp/utilities": "^0.1.0",
+    "@ogre-tools/injectable": "^17.2.0",
+    "@ogre-tools/injectable-extension-for-auto-registration": "^17.2.0",
+    "@ogre-tools/injectable-react": "^17.2.0",
+    "react": "^17.0.2"
+  },
+  "devDependencies": {
+    "@freelensapp/eslint-config": "^0.1.0",
+    "@freelensapp/webpack": "^0.1.0"
+  },
+  "gitHead": "de60759713d6e0e01eb480706a8daf7cb836b589"
+}