@ansible/ansible-ui-framework 0.0.271 → 0.0.273

package/cjs/cells/BytesCell.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function BytesCell(props: {
+    bytes: number;
+    decimals?: number;
+}): JSX.Element;

package/cjs/cells/BytesCell.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BytesCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function BytesCell(props) {
+    var bytes = props.bytes;
+    if (!+bytes)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    var k = 1024;
+    var decimals = props.decimals ? props.decimals : 0;
+    var dm = decimals < 0 ? 0 : decimals;
+    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    var i = Math.floor(Math.log(bytes) / Math.log(k));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]) });
+}
+exports.BytesCell = BytesCell;

package/cjs/cells/CapacityCell.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function CapacityCell(props: {
+    format?: string;
+    used: number;
+    capacity: number;
+}): JSX.Element;

package/cjs/cells/{PageCells.js → CapacityCell.js}

@@ -27,52 +27,11 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BytesCell = exports.CapacityCell = exports.SinceCell = exports.CopyCell = exports.DateCell = exports.LabelsCell = void 0;
+exports.CapacityCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
-var luxon_1 = require("luxon");
-var react_1 = require("react");
 var Settings_1 = require("../Settings");
 var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
-function LabelsCell(props) {
-    return ((0, jsx_runtime_1.jsx)(react_core_1.LabelGroup, __assign({ numLabels: 999, style: { flexWrap: 'nowrap' } }, { children: props.labels.map(function (label) { return ((0, jsx_runtime_1.jsx)(react_core_1.Label, { children: label }, label)); }) })));
-}
-exports.LabelsCell = LabelsCell;
-function DateCell(props) {
-    var date = new Date(props.value);
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: date.toLocaleDateString() }), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: date.toLocaleTimeString() })] })));
-}
-exports.DateCell = DateCell;
-function CopyCell(props) {
-    if (!props.text)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsx)(react_core_1.ClipboardCopy, __assign({ hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", style: { display: 'flex', flexWrap: 'nowrap', borderRadius: 4 }, onCopy: function () {
-            var _a;
-            void navigator.clipboard.writeText((_a = props.text) !== null && _a !== void 0 ? _a : '');
-        } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Truncate, { content: props.text, style: { minWidth: props.minWidth } }) })));
-}
-exports.CopyCell = CopyCell;
-function SinceCell(props) {
-    var t = props.t;
-    t = t ? t : function (t) { return t; };
-    var author = props.author, onClick = props.onClick;
-    var _a = __read((0, react_1.useState)(null), 2), dateTime = _a[0], setDateTime = _a[1];
-    (0, react_1.useEffect)(function () {
-        if (props.value) {
-            setDateTime(luxon_1.DateTime.fromISO(props.value).toRelative());
-        }
-        var timeout = setInterval(function () {
-            if (props.value) {
-                setDateTime(luxon_1.DateTime.fromISO(props.value).toRelative());
-            }
-        }, 1000);
-        return function () { return clearTimeout(timeout); };
-    }, [props.value]);
-    if (props.value === undefined)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsxs)("span", __assign({ style: { whiteSpace: 'nowrap' } }, { children: [dateTime, author && (0, jsx_runtime_1.jsxs)("span", { children: ["\u00A0", t('by'), "\u00A0"] }), onClick ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", isInline: true, onClick: onClick }, { children: author }))) : ((0, jsx_runtime_1.jsx)("span", { children: author }))] })));
-}
-exports.SinceCell = SinceCell;
 function CapacityCell(props) {
     var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
     var settings = (0, Settings_1.useSettings)();
@@ -105,15 +64,3 @@ function CapacityCell(props) {
                     .replace('{capacity}', props.capacity.toString()) })) : ((0, jsx_runtime_1.jsxs)(react_core_1.FlexItem, { children: [props.used, " ".concat(translations.ofText, " "), props.capacity] }))] })));
 }
 exports.CapacityCell = CapacityCell;
-function BytesCell(props) {
-    var bytes = props.bytes;
-    if (!+bytes)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    var k = 1024;
-    var decimals = props.decimals ? props.decimals : 0;
-    var dm = decimals < 0 ? 0 : decimals;
-    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-    var i = Math.floor(Math.log(bytes) / Math.log(k));
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]) });
-}
-exports.BytesCell = BytesCell;

package/cjs/cells/CopyCell.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function CopyCell(props: {
+    text?: string;
+    minWidth?: number;
+}): JSX.Element;

package/cjs/cells/CopyCell.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_core_1 = require("@patternfly/react-core");
+function CopyCell(props) {
+    if (!props.text)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    return ((0, jsx_runtime_1.jsx)(react_core_1.ClipboardCopy, __assign({ hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", style: { display: 'flex', flexWrap: 'nowrap', borderRadius: 4 }, onCopy: function () {
+            var _a;
+            void navigator.clipboard.writeText((_a = props.text) !== null && _a !== void 0 ? _a : '');
+        } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Truncate, { content: props.text, style: { minWidth: props.minWidth } }) })));
+}
+exports.CopyCell = CopyCell;

package/cjs/cells/DateTimeCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function DateCell(props: {
+    value: number | string;
+}): JSX.Element;
+export declare function SinceCell(props: {
+    value: string | undefined | null;
+    author?: string;
+    onClick?: () => void;
+    t?: (t: string) => string;
+}): JSX.Element;

package/cjs/cells/DateTimeCell.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SinceCell = exports.DateCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_core_1 = require("@patternfly/react-core");
+var luxon_1 = require("luxon");
+var react_1 = require("react");
+function DateCell(props) {
+    var date = new Date(props.value);
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: date.toLocaleDateString() }), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: date.toLocaleTimeString() })] })));
+}
+exports.DateCell = DateCell;
+function SinceCell(props) {
+    var t = props.t;
+    t = t ? t : function (t) { return t; };
+    var author = props.author, onClick = props.onClick;
+    var _a = __read((0, react_1.useState)(null), 2), dateTime = _a[0], setDateTime = _a[1];
+    (0, react_1.useEffect)(function () {
+        if (props.value) {
+            setDateTime(luxon_1.DateTime.fromISO(props.value).toRelative());
+        }
+        var timeout = setInterval(function () {
+            if (props.value) {
+                setDateTime(luxon_1.DateTime.fromISO(props.value).toRelative());
+            }
+        }, 1000);
+        return function () { return clearTimeout(timeout); };
+    }, [props.value]);
+    if (props.value === undefined)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    return ((0, jsx_runtime_1.jsxs)("span", __assign({ style: { whiteSpace: 'nowrap' } }, { children: [dateTime, author && (0, jsx_runtime_1.jsxs)("span", { children: ["\u00A0", t('by'), "\u00A0"] }), onClick ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", isInline: true, onClick: onClick }, { children: author }))) : ((0, jsx_runtime_1.jsx)("span", { children: author }))] })));
+}
+exports.SinceCell = SinceCell;

package/cjs/cells/LabelsCell.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function LabelsCell(props: {
+    labels: string[];
+}): JSX.Element;

package/cjs/cells/LabelsCell.js

@@ -0,0 +1,20 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabelsCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_core_1 = require("@patternfly/react-core");
+function LabelsCell(props) {
+    return ((0, jsx_runtime_1.jsx)(react_core_1.LabelGroup, __assign({ numLabels: 999, style: { flexWrap: 'nowrap' } }, { children: props.labels.map(function (label) { return ((0, jsx_runtime_1.jsx)(react_core_1.Label, { children: label }, label)); }) })));
+}
+exports.LabelsCell = LabelsCell;

package/cjs/index.d.ts

@@ -1,5 +1,9 @@
 export * from './BulkActionDialog';
-export * from './cells/PageCells';
+export * from './cells/BytesCell';
+export * from './cells/CapacityCell';
+export * from './cells/CopyCell';
+export * from './cells/DateTimeCell';
+export * from './cells/LabelsCell';
 export * from './cells/TextCell';
 export * from './components/BulkSelector';
 export * from './components/Collapse';

package/cjs/index.js

@@ -15,7 +15,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BulkActionDialog"), exports);
-__exportStar(require("./cells/PageCells"), exports);
+__exportStar(require("./cells/BytesCell"), exports);
+__exportStar(require("./cells/CapacityCell"), exports);
+__exportStar(require("./cells/CopyCell"), exports);
+__exportStar(require("./cells/DateTimeCell"), exports);
+__exportStar(require("./cells/LabelsCell"), exports);
 __exportStar(require("./cells/TextCell"), exports);
 __exportStar(require("./components/BulkSelector"), exports);
 __exportStar(require("./components/Collapse"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.271",
+  "version": "0.0.273",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {
@@ -20,6 +20,7 @@
     "@react-hook/resize-observer": "^1",
     "@types/json-schema": "^7",
     "@types/react": "^17 || ^18",
+    "@types/react-dom": "^17 || ^18",
     "@types/styled-components": "^5",
     "debounce": "^1",
     "get-value": "^3",

package/cjs/cells/PageCells.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-export declare function LabelsCell(props: {
-    labels: string[];
-}): JSX.Element;
-export declare function DateCell(props: {
-    value: number | string;
-}): JSX.Element;
-export declare function CopyCell(props: {
-    text?: string;
-    minWidth?: number;
-}): JSX.Element;
-export declare function SinceCell(props: {
-    value: string | undefined | null;
-    author?: string;
-    onClick?: () => void;
-    t?: (t: string) => string;
-}): JSX.Element;
-export declare function CapacityCell(props: {
-    format?: string;
-    used: number;
-    capacity: number;
-}): JSX.Element;
-export declare function BytesCell(props: {
-    bytes: number;
-    decimals?: number;
-}): JSX.Element;