ag-common 0.0.305 → 0.0.308

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

@@ -1,8 +1,3 @@
-import { ReactNode } from 'react';
-export declare const FlexColumn: (props: {
-    noGrow?: boolean;
-    center?: boolean;
-    allowOverflow?: boolean;
-    children: ReactNode;
-    className?: string;
-}) => JSX.Element;
+/// <reference types="react" />
+import { IRowOrColumn } from '../RowOrColumn';
+export declare const FlexColumn: (props: IRowOrColumn) => JSX.Element;

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

@@ -19,13 +19,13 @@ const Base = styled_components_1.default.div `
     flex-grow: 0;
   }
   overflow: visible;
-  &[data-allowoverflow='false'] {
+  &[data-enableoverflow='false'] {
     overflow: hidden;
     max-width: 100%;
   }
 `;
 const FlexColumn = (props) => {
     var _a, _b, _c;
-    return (react_1.default.createElement(Base, Object.assign({ "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-allowoverflow": (_c = props.allowOverflow) !== null && _c !== void 0 ? _c : false }, props), props.children));
+    return (react_1.default.createElement(Base, Object.assign({ title: props.title, "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-enableoverflow": (_c = props.enableOverflow) !== null && _c !== void 0 ? _c : false }, props), props.children));
 };
 exports.FlexColumn = FlexColumn;

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

@@ -1,9 +1,3 @@
-import { ReactNode } from 'react';
-export declare const FlexRow: (props: {
-    noWrap?: boolean;
-    noGrow?: boolean;
-    center?: boolean;
-    enableOverflow?: boolean;
-    children: ReactNode;
-    className?: string;
-}) => JSX.Element;
+/// <reference types="react" />
+import { IRowOrColumn } from '../RowOrColumn';
+export declare const FlexRow: (props: IRowOrColumn) => JSX.Element;

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

@@ -36,6 +36,6 @@ const Base = styled_components_1.default.div `
 `;
 const FlexRow = (props) => {
     var _a, _b, _c, _d;
-    return (react_1.default.createElement(Base, Object.assign({ "data-nowrap": (_a = props.noWrap) !== null && _a !== void 0 ? _a : false, "data-nogrow": (_b = props.noGrow) !== null && _b !== void 0 ? _b : false, "data-center": (_c = props.center) !== null && _c !== void 0 ? _c : false, "data-enableoverflow": (_d = props.enableOverflow) !== null && _d !== void 0 ? _d : false }, props), props.children));
+    return (react_1.default.createElement(Base, Object.assign({ title: props.title, "data-nowrap": (_a = props.noWrap) !== null && _a !== void 0 ? _a : false, "data-nogrow": (_b = props.noGrow) !== null && _b !== void 0 ? _b : false, "data-center": (_c = props.center) !== null && _c !== void 0 ? _c : false, "data-enableoverflow": (_d = props.enableOverflow) !== null && _d !== void 0 ? _d : false }, props), props.children));
 };
 exports.FlexRow = FlexRow;

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

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
-export declare const RowOrColumn: (props: {
+export interface IRowOrColumn {
     noGrow?: boolean;
     center?: boolean;
     noWrap?: boolean;
     children: ReactNode;
     className?: string;
-}) => JSX.Element;
+    title?: string;
+    enableOverflow?: boolean;
+}
+export declare const RowOrColumn: (props: IRowOrColumn) => JSX.Element;

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

@@ -31,9 +31,12 @@ const Base = styled_components_1.default.div `
     flex-grow: 0;
     width: auto;
   }
+  &[data-enableoverflow='true'] {
+    overflow: visible;
+  }
 `;
 const RowOrColumn = (props) => {
-    var _a, _b, _c;
-    return (react_1.default.createElement(Base, Object.assign({ "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-nowrap": (_c = props.noWrap) !== null && _c !== void 0 ? _c : false }, props), props.children));
+    var _a, _b, _c, _d;
+    return (react_1.default.createElement(Base, Object.assign({ title: props.title, "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-nowrap": (_c = props.noWrap) !== null && _c !== void 0 ? _c : false, "data-enableoverflow": (_d = props.enableOverflow) !== null && _d !== void 0 ? _d : false }, props), props.children));
 };
 exports.RowOrColumn = RowOrColumn;

package/dist/ui/components/Search/Base.js

@@ -108,7 +108,7 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderI
     const textEditRef = (0, react_1.createRef)();
     return (react_1.default.createElement(Base, { className: className },
         react_1.default.createElement(SearchBox, { "data-type": "search" },
-            react_1.default.createElement(TextEdit_1.TextEdit, { ref: textEditRef, placeholder: placeholderText, defaultValue: "", defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null, onSubmit: (v) => (0, helpers_1.debounce)(() => {
+            react_1.default.createElement(TextEdit_1.TextEdit, { ref: textEditRef, placeholder: placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null, onSubmit: (v) => (0, helpers_1.debounce)(() => {
                     setSearchText(v);
                     onSearchTextChange === null || onSearchTextChange === void 0 ? void 0 : onSearchTextChange(v);
                 }, { key: 'pagesearch', time: 200 }) }),

package/dist/ui/components/TextEdit/TextEdit.js

@@ -69,7 +69,7 @@ const Right = styled_components_1.default.div `
   display: flex;
   flex-flow: row;
   align-content: center;
-  &[data-singleLine='false'] {
+  &[data-singleline='false'] {
     position: absolute;
     bottom: 0.5rem;
     right: 0.5rem;
@@ -162,7 +162,7 @@ exports.TextEdit = (0, react_1.forwardRef)((p, ref) => {
                     onEscape();
                 }
             } }),
-        maxLength && (react_1.default.createElement(Right, { "data-singleLine": singleLine },
+        maxLength && (react_1.default.createElement(Right, { "data-singleline": singleLine },
             react_1.default.createElement(LengthBox_1.TextEditLengthBox, { min: value.length, max: maxLength }))),
         allowUndo && (react_1.default.createElement(Right, null,
             valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value, false) },

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

@@ -1,6 +1,7 @@
 import { ICognitoAuth } from './cognito';
 import { AxiosWrapperLite } from './jwt';
 import { TLang } from '../../common/helpers/i18n';
+export declare type TProtocol = 'http:' | 'https:';
 export interface LocationSubset {
     /**
      * slash only path eg /aaa/bbb
@@ -22,10 +23,7 @@ export interface LocationSubset {
      * protocol less up to first slash eg aaa.com:1111
      */
     host: string;
-    /**
-     * eg http: or https:
-     */
-    protocol: string;
+    protocol: TProtocol;
     /**
      * full url
      */
@@ -65,7 +63,7 @@ export interface IStateCommon<TRequest extends IRequestCommon> extends IInitialS
  * @param param0
  * @returns
  */
-export declare const getClientOrServerReqHref: ({ url: { href, query }, forceServer, userAgent, darkMode, defaultHost, }: {
+export declare const getClientOrServerReqHref: ({ url: { href, query, protocol }, forceServer, userAgent, darkMode, defaultHost, }: {
     url: {
         /**
          * parse querystring keyvalues
@@ -75,6 +73,7 @@ export declare const getClientOrServerReqHref: ({ url: { href, query }, forceSer
          * full url
          */
         href?: string | undefined;
+        protocol: TProtocol;
     };
     /**
      * if true, wont use window location. default false
@@ -96,13 +95,14 @@ export declare const getClientOrServerReqHref: ({ url: { href, query }, forceSer
  * get server side parsed url
  * @param param0 * @returns
  */
-export declare const getServerReq: ({ defaultHost, pathname, query, headers, }: {
+export declare const getServerReq: ({ defaultHost, pathname, query, headers, encrypted, }: {
     /**
      * eg ctx?.req?.headers || {}
      */
     headers: {
         host?: string;
         'user-agent'?: string;
+        'x-forwarded-proto'?: 'http' | 'https';
     };
     /** what to use if host is not available on headers */
     defaultHost: string;
@@ -114,6 +114,10 @@ export declare const getServerReq: ({ defaultHost, pathname, query, headers, }:
      * eg ctx.query
      */
     query: Record<string, string | string[] | undefined>;
+    /**
+     * eg (ctx?.req?.socket as any)?.encrypted)
+     */
+    encrypted: boolean;
 }) => {
     url: LocationSubset;
     userAgent: string;

package/dist/ui/helpers/routes.js

@@ -34,10 +34,11 @@ const getRenderLanguage = ({ defaultHost, url, }) => {
  * @param param0
  * @returns
  */
-const getClientOrServerReqHref = ({ url: { href, query }, forceServer = false, userAgent, darkMode, defaultHost, }) => {
+const getClientOrServerReqHref = ({ url: { href, query, protocol }, forceServer = false, userAgent, darkMode, defaultHost, }) => {
     if (typeof window !== 'undefined') {
         if (!forceServer) {
             href = window.location.href;
+            protocol = window.location.protocol;
         }
         darkMode =
             window.matchMedia &&
@@ -53,11 +54,11 @@ const getClientOrServerReqHref = ({ url: { href, query }, forceServer = false, u
     const url = {
         hash: parsed.hash || '',
         host: parsed.host || '',
-        origin: `${parsed.protocol}//${parsed.host}`,
-        href: `${parsed.protocol}//${parsed.host}${parsed.path}${parsed.hash || ''}`,
+        origin: `${protocol}//${parsed.host}`,
+        href: `${protocol}//${parsed.host}${parsed.path}${parsed.hash || ''}`,
         path: `${parsed.path}${parsed.hash || ''}`,
         pathname: parsed.pathname || '',
-        protocol: parsed.protocol || '',
+        protocol: protocol || '',
         query: Object.assign(Object.assign({}, query), (0, string_1.stringToObject)(parsed.query || '', '=', '&')),
     };
     return {
@@ -73,12 +74,16 @@ exports.getClientOrServerReqHref = getClientOrServerReqHref;
  * get server side parsed url
  * @param param0 * @returns
  */
-const getServerReq = ({ defaultHost, pathname, query, headers, }) => {
-    var _a;
+const getServerReq = ({ defaultHost, pathname, query, headers, encrypted, }) => {
+    var _a, _b;
     const href = calculateServerHref({
         host: headers.host || defaultHost,
         pathname,
     });
+    let protocol = 'http:';
+    if (((_a = headers['x-forwarded-proto']) === null || _a === void 0 ? void 0 : _a.includes('https')) || encrypted) {
+        protocol = 'https:';
+    }
     const parsedQuery = !query || Object.keys(query).length === 0
         ? undefined
         : (0, object_1.castStringlyObject)(query);
@@ -86,9 +91,10 @@ const getServerReq = ({ defaultHost, pathname, query, headers, }) => {
         url: {
             href,
             query: parsedQuery,
+            protocol,
         },
         forceServer: true,
-        userAgent: (_a = headers['user-agent']) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
+        userAgent: (_b = headers['user-agent']) === null || _b === void 0 ? void 0 : _b.toLowerCase(),
         defaultHost,
     });
     return ret;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.305",
+  "version": "0.0.308",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",