@adamjanicki/ui 1.5.6 → 1.5.8

package/utils/types.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+/**
+ * Default children type; can be a node or list of nodes
+ */
+export type Children = React.ReactNode | React.ReactNode[];
+/**
+ * The type of corner to display, controlling the border radius property.
+ */
+export type CornerType = "pill" | "rounded" | "sharp";
+/**
+ * The type of message associated with a piece of content.
+ */
+export type ContentType = "success" | "warning" | "error" | "info" | "static";
+/**
+ * Standard style object to apply inline styling to components.
+ */
+export type Style = React.CSSProperties;
+/**
+ * Size variants used for CSS.
+ */
+type SizeToken = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
+/**
+ * Size prop used to transform into a CSS class or style value if a number.
+ */
+type Size = SizeToken | number;
+/**
+ * Layout props for a box component.
+ */
+export type Layout = {
+    /**
+     * Direction the box spans; along the x-axis or y-axis
+     * (Equivalent to flex-direction)
+     */
+    axis: "x" | "y";
+    /**
+     * Spacing between children of the box
+     */
+    gap?: Size;
+    /**
+     * Alignment orthogonal to the selected axis
+     * (Equivalent to align-items)
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * How to layout the children
+     * (Equivalent to justify-content)
+     */
+    justify?: "start" | "center" | "between" | "end";
+    /**
+     * Padding on the inside of the box
+     */
+    padding?: Size;
+    /**
+     * Margin on the outside of the box
+     */
+    margin?: Size;
+    /**
+     * Whether to allow wrapping of box children
+     */
+    wrap?: boolean;
+};
+export {};

package/components/InlineCode/InlineCode.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-type Props = Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "children"> & {
-    /**
-     * Code string to render
-     */
-    children: string;
-    /**
-     * Whether to disable click to copy
-     */
-    disableCopy?: boolean;
-};
-declare const InlineCode: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;
-export default InlineCode;

package/components/InlineCode/InlineCode.js

@@ -1,50 +0,0 @@
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useRef } from "react";
-import { classNames } from "../../functions";
-var InlineCode = React.forwardRef(function (_a, ref) {
-    var className = _a.className, disableCopy = _a.disableCopy, onClick = _a.onClick, children = _a.children, rest = __rest(_a, ["className", "disableCopy", "onClick", "children"]);
-    var _b = useState(false), copied = _b[0], setCopied = _b[1];
-    var timeoutRef = useRef(null);
-    var handleCopy = function () {
-        var timeout = timeoutRef.current;
-        if (timeout) {
-            clearTimeout(timeout);
-            timeoutRef.current = null;
-        }
-        navigator.clipboard.writeText(children);
-        setCopied(true);
-        timeoutRef.current = window.setTimeout(function () {
-            setCopied(false);
-            timeoutRef.current = null;
-        }, 3000);
-    };
-    return (_jsx("code", __assign({}, rest, { ref: ref, role: "button", className: classNames("ajui-inline-code", disableCopy ? undefined : "ajui-copy-cursor", copied ? "ajui-inline-code-copied" : undefined, className), onClick: function (e) {
-            if (!disableCopy) {
-                handleCopy();
-            }
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        }, children: children })));
-});
-export default InlineCode;

package/components/InlineCode/index.d.ts

@@ -1,2 +0,0 @@
-import InlineCode from "./InlineCode";
-export default InlineCode;

package/components/InlineCode/index.js

@@ -1,2 +0,0 @@
-import InlineCode from "./InlineCode";
-export default InlineCode;

package/types/index.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-/**
- * The type of corner to display, controlling the border radius property.
- */
-export type CornerType = "pill" | "rounded" | "sharp";
-/**
- * The type of message associated with a piece of content.
- */
-export type ContentType = "success" | "warning" | "error" | "info" | "static";
-/**
- * Standard style object to apply inline styling to components.
- */
-export type Style = React.CSSProperties;
-/**
- * Default props for a div element
- */
-export type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;