ag-common 0.0.418 → 0.0.419

package/dist/ui/icons/index.js

@@ -1,25 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChevronRight"), exports);
-__exportStar(require("./CrossIcon"), exports);
-__exportStar(require("./Door"), exports);
-__exportStar(require("./HorizontalDots"), exports);
-__exportStar(require("./Magnify"), exports);
-__exportStar(require("./Pencil"), exports);
-__exportStar(require("./Save"), exports);
-__exportStar(require("./Undo"), exports);
-__exportStar(require("./UserOutline"), exports);
+export * from './ChevronRight';
+export * from './CrossIcon';
+export * from './Door';
+export * from './HorizontalDots';
+export * from './Magnify';
+export * from './Pencil';
+export * from './Save';
+export * from './Undo';
+export * from './UserOutline';

package/dist/ui/index.js

@@ -1,20 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-__exportStar(require("./helpers"), exports);
-__exportStar(require("./icons"), exports);
-__exportStar(require("./styles"), exports);
+export * from './components';
+export * from './helpers';
+export * from './icons';
+export * from './styles';

package/dist/ui/styles/colours.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rgbVariation = exports.getColourWheel = exports.colourWheel = exports.colours = void 0;
-const math_1 = require("../../common/helpers/math");
-exports.colours = {
+import { clamp } from '../../common/helpers/math';
+export const colours = {
     mainLight: 'rgb(255,255,255)',
     lightest: 'rgb(247,247,247)',
     darker: 'rgb(0,0,0,0.1)',
@@ -25,8 +22,8 @@ exports.colours = {
     gradient: '---generated---',
 };
 const gradgen = (left, right) => `linear-gradient(to right, ${left}, ${right})`;
-exports.colours.gradient = gradgen(exports.colours.orangeRed, exports.colours.orange);
-exports.colourWheel = [
+colours.gradient = gradgen(colours.orangeRed, colours.orange);
+export const colourWheel = [
     'rgb(11,132,165)',
     'rgb(246,200,95)',
     'rgb(111,78,124)',
@@ -35,17 +32,15 @@ exports.colourWheel = [
     'rgb(255,160,86)',
     'rgb(141,221,208)',
 ];
-const getColourWheel = (i) => exports.colourWheel[i % exports.colourWheel.length];
-exports.getColourWheel = getColourWheel;
-const rgbVariation = (rgb, diff) => {
+export const getColourWheel = (i) => colourWheel[i % colourWheel.length];
+export const rgbVariation = (rgb, diff) => {
     const nums = rgb.match(/[0-9]+/gi);
     if (!nums || (nums.length !== 3 && nums.length !== 4)) {
         return rgb;
     }
-    const nums2 = nums.map((n) => (0, math_1.clamp)({ value: Number(n) + diff, min: 0, max: 255 }));
+    const nums2 = nums.map((n) => clamp({ value: Number(n) + diff, min: 0, max: 255 }));
     if (nums2.length === 3) {
         return `rgb(${nums2.join(',')})`;
     }
     return `rgba(${nums2.join(',')})`;
 };
-exports.rgbVariation = rgbVariation;

package/dist/ui/styles/common.js

@@ -1,36 +1,30 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bounce = exports.FullScreenPage = exports.noDrag = exports.Card = exports.FadeBottom = exports.CssTransparentBlock = exports.TextOverflowEllipsis = exports.NoTextSelect = exports.HardOutline = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const colours_1 = require("./colours");
-exports.HardOutline = (0, react_1.css) `
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { colours } from './colours';
+export const HardOutline = css `
   filter: drop-shadow(1px 1px 0px var(--outlinecolour))
     drop-shadow(-1px 1px 0px var(--outlinecolour))
     drop-shadow(1px -1px 0px var(--outlinecolour))
     drop-shadow(-1px -1px 0px var(--outlinecolour));
 `;
-exports.NoTextSelect = (0, react_1.css) `
+export const NoTextSelect = css `
   user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
 `;
-exports.TextOverflowEllipsis = (0, react_1.css) `
+export const TextOverflowEllipsis = css `
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-exports.CssTransparentBlock = (0, react_1.css) `
+export const CssTransparentBlock = css `
   background-color: rgba(150, 150, 150, 0.5);
   border-radius: 3px;
   font-weight: 600;
-  color: ${colours_1.colours.mainLight};
+  color: ${colours.mainLight};
 `;
-const FadeBottom = ({ height }) => (0, react_1.css) `
+export const FadeBottom = ({ height }) => css `
   &:after {
     content: '';
     position: absolute;
@@ -59,8 +53,7 @@ const FadeBottom = ({ height }) => (0, react_1.css) `
     );
   }
 `;
-exports.FadeBottom = FadeBottom;
-exports.Card = styled_1.default.div `
+export const Card = styled.div `
   background-color: white;
   margin: 0.5rem;
 
@@ -68,9 +61,9 @@ exports.Card = styled_1.default.div `
   border-radius: 0.5rem;
   max-width: 40rem;
   padding: 1rem;
-  border: solid 2px ${colours_1.colours.lighter};
+  border: solid 2px ${colours.lighter};
 `;
-exports.noDrag = {
+export const noDrag = {
     draggable: false,
     onDragStart: (e) => {
         e.preventDefault();
@@ -81,7 +74,7 @@ exports.noDrag = {
         e.stopPropagation();
     },
 };
-exports.FullScreenPage = styled_1.default.div `
+export const FullScreenPage = styled.div `
   display: flex;
   width: 100%;
   flex-grow: 1;
@@ -90,7 +83,7 @@ exports.FullScreenPage = styled_1.default.div `
   align-content: flex-start;
   align-items: flex-start;
 `;
-const bounce = (bounceattr) => (0, react_1.css) `
+export const bounce = (bounceattr) => css `
   transition: opacity 0.2s ease,
     transform 0.2s cubic-bezier(0.02, 1.5, 0.74, 1.23);
   transform-origin: 50% 50%;
@@ -99,4 +92,3 @@ const bounce = (bounceattr) => (0, react_1.css) `
     transform: translateY(0);
   }
 `;
-exports.bounce = bounce;

package/dist/ui/styles/index.js

@@ -1,20 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./colours"), exports);
-__exportStar(require("./common"), exports);
-__exportStar(require("./media"), exports);
-__exportStar(require("./standaloneStyles"), exports);
+export * from './colours';
+export * from './common';
+export * from './media';
+export * from './standaloneStyles';

package/dist/ui/styles/media.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.vBigScreen = exports.bigScreen = exports.smallScreen = exports.vSmallScreen = exports.bigScreenPx = exports.smallScreenPx = exports.vSmallScreenPx = void 0;
-exports.vSmallScreenPx = 500;
-exports.smallScreenPx = 1024;
-exports.bigScreenPx = 2000;
-exports.vSmallScreen = `(max-width: ${exports.vSmallScreenPx}px)`;
-exports.smallScreen = `(max-width: ${exports.smallScreenPx}px)`;
-exports.bigScreen = `(min-width: ${exports.smallScreenPx}px)`;
-exports.vBigScreen = `(min-width: ${exports.bigScreenPx}px)`;
+export const vSmallScreenPx = 500;
+export const smallScreenPx = 1024;
+export const bigScreenPx = 2000;
+export const vSmallScreen = `(max-width: ${vSmallScreenPx}px)`;
+export const smallScreen = `(max-width: ${smallScreenPx}px)`;
+export const bigScreen = `(min-width: ${smallScreenPx}px)`;
+export const vBigScreen = `(min-width: ${bigScreenPx}px)`;

package/dist/ui/styles/standaloneStyles.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SOA = exports.SOCenter = exports.SOP = exports.SOB = exports.SOBR = exports.SOBase = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const common_1 = require("./common");
-const media_1 = require("./media");
-exports.SOBase = (0, styled_1.default)(common_1.FullScreenPage) `
+import styled from '@emotion/styled';
+import { FullScreenPage } from './common';
+import { smallScreen } from './media';
+export const SOBase = styled(FullScreenPage) `
   > h1,
   h2,
   > p {
@@ -22,27 +16,27 @@ exports.SOBase = (0, styled_1.default)(common_1.FullScreenPage) `
     margin: 0;
   }
 `;
-exports.SOBR = styled_1.default.div `
+export const SOBR = styled.div `
   height: 0.5rem;
   width: 0.5rem;
 `;
-exports.SOB = styled_1.default.div `
+export const SOB = styled.div `
   font-size: 1.4em;
   font-weight: bold;
 `;
-exports.SOP = styled_1.default.div `
+export const SOP = styled.div `
   margin-bottom: 1rem;
 `;
-exports.SOCenter = styled_1.default.div `
+export const SOCenter = styled.div `
   display: flex;
   flex-flow: column;
   margin-left: auto;
   margin-right: auto;
-  @media ${media_1.smallScreen} {
+  @media ${smallScreen} {
     width: calc(100% - 2rem);
   }
 `;
-exports.SOA = styled_1.default.a `
+export const SOA = styled.a `
   width: fit-content;
   color: rgb(125, 171, 255);
   text-decoration: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.418",
+  "version": "0.0.419",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -11,23 +11,21 @@
     "format": "npx eslint --ext .ts,.tsx ./src --fix && npx eslint --ext .ts,.tsx ./story --fix",
     "build": "rimraf dist && npm run lint && tsc",
     "lint": "npx eslint --ext .ts,.tsx ./src",
-    "start": "cross-env BROWSER=none start-storybook -p 6006",
-    "build-storybook": "build-storybook -o docs --quiet"
+    "start": "cross-env BROWSER=none cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
+    "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook -o docs --quiet"
   },
   "dependencies": {
-    "aws-cdk-lib": "2.x",
-    "aws-sdk": "2.x",
-    "axios": "1.x",
-    "constructs": "10.x",
-    "eslint-import-resolver-typescript": ">=3",
-    "eslint-plugin-simple-import-sort": ">=10",
-    "jsonwebtoken": "9.x",
-    "jwks-rsa": "3.x",
-    "node-cache": "5.x",
-    "openapi-request-validator": "12.x",
-    "react": "18.x",
-    "react-dom": "18.x",
-    "typescript": "4.x"
+    "aws-cdk-lib": ">=2",
+    "aws-sdk": ">=2",
+    "axios": ">=1",
+    "constructs": ">=10",
+    "jsonwebtoken": ">=9",
+    "jwks-rsa": ">=3",
+    "node-cache": ">=5",
+    "openapi-request-validator": ">=12",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "typescript": ">=5"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -50,9 +48,12 @@
     "@emotion/react": "11.10.6",
     "@emotion/styled": "11.10.6",
     "cross-env": "7.0.3",
-    "eslint-config-e7npm": "0.0.8",
+    "eslint-config-e7npm": "0.0.9",
     "rimraf": "4.4.0"
   },
+  "resolutions": {
+    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0"
+  },
   "files": [
     "dist/**/*",
     "README.md",