ag-common 0.0.264 → 0.0.267

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

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = exports.IconF = void 0;
 const common_1 = require("../../styles/common");
+const object_1 = require("../../../common/helpers/object");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 exports.IconF = styled_components_1.default.span `
@@ -25,18 +26,22 @@ exports.IconF = styled_components_1.default.span `
     flex-grow: 1;
   }
 
-  fill: var(--fill);
-
-  svg {
+  &[data-hasfill='true'] {
     fill: var(--fill);
-  }
 
-  linearGradient > *,
-  radialGradient > * {
-    stop-color: var(--fill) !important;
+    svg {
+      fill: var(--fill);
+    }
+
+    linearGradient > *,
+    radialGradient > * {
+      stop-color: var(--fill) !important;
+    }
   }
 
-  ${common_1.HardOutline}
+  &[data-hasoutline='true'] {
+    ${common_1.HardOutline}
+  }
 
   svg {
     width: 100%;
@@ -46,16 +51,16 @@ exports.IconF = styled_components_1.default.span `
 const Icon = (pr) => {
     const { className, children, disabled, onClick } = pr;
     const CHND = pr.canHover && !pr.disabled;
-    const style = {
-        '--fill': pr.fill || '',
+    const style = (0, object_1.removeUndefValuesFromObject)({
+        '--fill': pr.fill || null,
         width: pr.width || '100%',
         height: pr.height || '100%',
         padding: pr.padding || '0',
         margin: pr.margin || 'unset',
-        transform: !pr.rotate ? '' : `rotate(${pr.rotate || 0}deg)`,
-        filter: !pr.disabled ? '' : 'grayscale(1)',
-        '--outlinecolour': pr.outline || '',
-    };
-    return (react_1.default.createElement(exports.IconF, Object.assign({}, pr, { className: className, onClick: (e) => !disabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e)), style: style, "data-chnd": CHND }), children));
+        transform: !pr.rotate ? null : `rotate(${pr.rotate || 0}deg)`,
+        filter: !pr.disabled ? null : 'grayscale(1)',
+        '--outlinecolour': pr.outline || null,
+    });
+    return (react_1.default.createElement(exports.IconF, Object.assign({}, pr, { className: className, onClick: (e) => !disabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e)), style: style, "data-chnd": CHND, "data-hasoutline": pr.outline, "data-hasfill": !!pr.fill }), children));
 };
 exports.Icon = Icon;

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

@@ -56,7 +56,7 @@ const Content = styled_components_1.default.div `
   &[data-open='false'] {
     padding: 1rem;
     background-color: white;
-    ${(0, common_1.Shadow)()};
+    filter: drop-shadow(1px 1px 0.5rem #555);
     border-radius: 1rem;
   }
 `;
@@ -82,7 +82,6 @@ const Hamburger = styled_components_1.default.div `
   }
   border-radius: 50%;
   border: solid 1px rgba(0, 0, 0, 0.5);
-
   cursor: pointer;
 `;
 const ChevronStyled = (0, styled_components_1.default)(Chevron_1.Chevron) `

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

@@ -102,7 +102,9 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
             if (!disableEdit && editing && defaultEditing) {
                 return;
             }
-            setEditingRaw(false);
+            if (editing) {
+                setEditingRaw(false);
+            }
         }
     });
     const setEditing = (0, react_1.useCallback)((b) => {

package/dist/ui/styles/common.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-export declare const HardOutline = "\n  filter: drop-shadow(1px 1px 0px var(--outlinecolour)) drop-shadow(-1px 1px 0px var(--outlinecolour))\n    drop-shadow(1px -1px 0px var(--outlinecolour)) drop-shadow(-1px -1px 0px var(--outlinecolour));\n";
-export declare const Shadow: (colour?: string) => import("styled-components").FlattenSimpleInterpolation;
+export declare const HardOutline: import("styled-components").FlattenSimpleInterpolation;
 export declare const NoTextSelect: import("styled-components").FlattenSimpleInterpolation;
 export declare const TextOverflowEllipsis: import("styled-components").FlattenSimpleInterpolation;
 export declare const CssTransparentBlock: import("styled-components").FlattenSimpleInterpolation;

package/dist/ui/styles/common.js

@@ -23,21 +23,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bounce = exports.FullScreenPage = exports.noDrag = exports.Card = exports.FadeBottom = exports.CssTransparentBlock = exports.TextOverflowEllipsis = exports.NoTextSelect = exports.Shadow = exports.HardOutline = void 0;
+exports.bounce = exports.FullScreenPage = exports.noDrag = exports.Card = exports.FadeBottom = exports.CssTransparentBlock = exports.TextOverflowEllipsis = exports.NoTextSelect = exports.HardOutline = void 0;
 const colours_1 = require("./colours");
 const styled_components_1 = __importStar(require("styled-components"));
-exports.HardOutline = `
-  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.HardOutline = (0, styled_components_1.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));
 `;
-const Shadow = (
-/**
- * colour of shadow, default #555
- */
-colour = '#555') => (0, styled_components_1.css) `
-  filter: drop-shadow(1px 1px 0.5rem ${colour});
-`;
-exports.Shadow = Shadow;
 exports.NoTextSelect = (0, styled_components_1.css) `
   user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */

package/package.json

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