ag-common 0.0.141 → 0.0.145

package/dist/common/helpers/string.js

@@ -39,6 +39,9 @@ function trimSide(str, fromStart = true, ...params) {
 }
 exports.trimSide = trimSide;
 function trim(str, ...params) {
+    if (!str) {
+        return '';
+    }
     str = trimSide(str, true, ...params);
     str = trimSide(str, false, ...params);
     return str;
@@ -149,9 +152,14 @@ exports.chunkString = chunkString;
  */
 function stringToObject(raw, splitKeyValue, splitKeys) {
     const ret = {};
+    if (!stringToObject) {
+        return ret;
+    }
     raw.split(splitKeys).forEach((set) => {
         const [k, v] = set.split(splitKeyValue);
-        ret[k] = v;
+        if (k) {
+            ret[k] = v;
+        }
     });
     return ret;
 }

package/dist/ui/components/DropdownList/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare function DropdownList<T>({ options, value, onChange, placeholder, className, renderF, children, shadow, }: {
+export declare function DropdownList<T>({ options, value, onChange, placeholder, className, renderF, children, shadow, maxHeight, }: {
     options: T[];
     value?: T;
     onChange: (v: T, index: number) => void;
@@ -11,4 +11,8 @@ export declare function DropdownList<T>({ options, value, onChange, placeholder,
      * colour of dropdown shadow. default #555
      */
     shadow?: string;
+    /**
+     * max height of items list. default 50vh
+     */
+    maxHeight?: string;
 }): JSX.Element;

package/dist/ui/components/DropdownList/index.js

@@ -45,6 +45,12 @@ const SItems = styled_components_1.default.div `
   cursor: default;
   width: 100%;
   max-width: 95vw;
+  ${({ maxHeight }) => maxHeight &&
+    (0, styled_components_1.css) `
+      max-height: ${maxHeight};
+    `}
+
+  overflow-y: scroll;
   ${({ open }) => open &&
     (0, styled_components_1.css) `
       display: flex;
@@ -82,7 +88,7 @@ const SItem = styled_components_1.default.div `
     background-color: rgba(0, 0, 0, 0.2);
   }
 `;
-function DropdownList({ options, value, onChange, placeholder, className, renderF, children, shadow = '#555', }) {
+function DropdownList({ options, value, onChange, placeholder, className, renderF, children, shadow = '#555', maxHeight = '50vh', }) {
     var _a, _b;
     const ref = (0, react_1.useRef)(null);
     const [state, setState] = (0, react_1.useState)(value);
@@ -124,7 +130,7 @@ function DropdownList({ options, value, onChange, placeholder, className, render
             e.preventDefault();
             setOpen(!open);
         } },
-        react_1.default.createElement(SItems, { open: open, style: style, shadow: shadow }, open &&
+        react_1.default.createElement(SItems, { open: open, style: style, shadow: shadow, maxHeight: maxHeight }, open &&
             options.map((s, i) => (react_1.default.createElement(SItem, { key: renderF(s), selected: s === state, onClick: (e) => {
                     if (s !== state) {
                         onChange(s, i);

package/dist/ui/helpers/routes.d.ts

@@ -62,3 +62,15 @@ export interface IStateCommon<TRequest extends IRequestCommon> extends IInitialS
      */
     cookieDocument: string | undefined;
 }
+/**
+ * get parsed url. will use window if possible
+ * @param param0
+ * @returns
+ */
+export declare const getClientOrServerReqHref: ({ href }: {
+    href?: string | undefined;
+}) => LocationSubset;
+export declare const getServerReq: ({ host, pathname, }: {
+    pathname: string;
+    host: string;
+}) => LocationSubset;

package/dist/ui/helpers/routes.js

@@ -1,2 +1,53 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getServerReq = exports.getClientOrServerReqHref = void 0;
+const url_1 = require("url");
+const string_1 = require("../../common/helpers/string");
+const calculateServerHref = ({ host, pathname, }) => {
+    if (!host) {
+        return undefined;
+    }
+    let href = '';
+    if (host.includes('localhost')) {
+        href += 'http://';
+    }
+    else {
+        href += 'https://';
+    }
+    href += host + pathname;
+    return decodeURIComponent(href);
+};
+/**
+ * get parsed url. will use window if possible
+ * @param param0
+ * @returns
+ */
+const getClientOrServerReqHref = ({ href }) => {
+    if (typeof window !== 'undefined') {
+        href = window.location.href;
+    }
+    if (!href) {
+        throw new Error('no href');
+    }
+    const parsed = (0, url_1.parse)(href);
+    const ret = {
+        hash: parsed.hash || '',
+        host: parsed.host || '',
+        origin: `${parsed.protocol}//${parsed.host}`,
+        href: `${parsed.protocol}//${parsed.host}${parsed.path}${parsed.hash || ''}`,
+        path: `${parsed.path}${parsed.hash || ''}`,
+        pathname: parsed.pathname || '',
+        protocol: parsed.protocol || '',
+        query: (0, string_1.stringToObject)(parsed.query || '', '=', '&'),
+    };
+    return ret;
+};
+exports.getClientOrServerReqHref = getClientOrServerReqHref;
+const getServerReq = ({ host, pathname, }) => {
+    const href = calculateServerHref({
+        host,
+        pathname,
+    });
+    return (0, exports.getClientOrServerReqHref)({ href });
+};
+exports.getServerReq = getServerReq;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.141",
+  "version": "0.0.145",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -35,7 +35,7 @@
     "@types/styled-components": "5.1.22",
     "@typescript-eslint/eslint-plugin": "5.11.0",
     "@typescript-eslint/parser": "5.11.0",
-    "eslint": "8.8.0",
+    "eslint": "8.9.0",
     "eslint-config-airbnb-typescript": "16.1.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-react-app": "7.0.0",