aidos-ui 3.0.0

package/dist/aria.js

@@ -0,0 +1,42 @@
+export function queryFocusables(root) {
+    const focusables = Array.from(root.querySelectorAll("button,input,textarea,a,[tabindex='0'],[tabindex='-1']"));
+    return focusables.filter((element) => !element["disabled"]);
+}
+export function queryGrid(root) {
+    const rows = Array.from(root.querySelectorAll('li[role="row"]'));
+    const rowsWithColumns = rows
+        .map((row) => Array.from(queryFocusables(row)))
+        .filter((row) => row.length > 0);
+    return rowsWithColumns;
+}
+export const normalizeGrid = (rows, rowIndex, columnIndex) => {
+    for (const row of rows) {
+        for (const column of row) {
+            column.tabIndex = -1;
+        }
+    }
+    const row = rows[rowIndex];
+    const column = row[columnIndex] ?? row[row.length - 1];
+    column.tabIndex = 0;
+};
+export const focusGridElement = (rows, rowIndex, columnIndex) => {
+    normalizeGrid(rows, rowIndex, columnIndex);
+    const row = rows[rowIndex];
+    const column = row[columnIndex] ?? row[row.length - 1];
+    column.focus();
+    column.scrollIntoView(false);
+};
+export const normalizeElements = (focusables, index) => {
+    for (const element of focusables) {
+        element.tabIndex = -1;
+    }
+    const element = focusables[index] ?? focusables[focusables.length - 1];
+    element.tabIndex = 0;
+};
+export const focusElement = (focusables, index) => {
+    normalizeElements(focusables, index);
+    const element = focusables[index] ?? focusables[focusables.length - 1];
+    element.focus();
+    // element.scrollIntoView(false);
+};
+//# sourceMappingURL=aria.js.map

package/dist/aria.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.js","sourceRoot":"","sources":["../src/aria.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,eAAe,CAAC,IAAiB;IAC/C,MAAM,UAAU,GAAgB,KAAK,CAAC,IAAI,CACxC,IAAI,CAAC,gBAAgB,CACnB,wDAAwD,CACzD,CACF,CAAC;IAEF,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,OAAkB,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAiB;IACzC,MAAM,IAAI,GAAoB,KAAK,CAAC,IAAI,CACtC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CACxC,CAAC;IAEF,MAAM,eAAe,GAAG,IAAI;SACzB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;SAC9C,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAEnC,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAqB,EACrB,QAAgB,EAChB,WAAmB,EACb,EAAE;IACR,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,KAAK,MAAM,MAAM,IAAI,GAAG,EAAE;YACxB,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;SACtB;KACF;IAED,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,IAAqB,EACrB,QAAgB,EAChB,WAAmB,EACb,EAAE;IACR,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;IAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAAyB,EACzB,KAAa,EACP,EAAE;IACR,KAAK,MAAM,OAAO,IAAI,UAAU,EAAE;QAChC,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KACvB;IACD,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvE,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAyB,EACzB,KAAa,EACP,EAAE;IACR,iBAAiB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvE,OAAO,CAAC,KAAK,EAAE,CAAC;IAChB,iCAAiC;AACnC,CAAC,CAAC"}

package/dist/guid.d.ts

@@ -0,0 +1 @@
+export declare function guid(): string;

package/dist/guid.js

@@ -0,0 +1,7 @@
+export function guid() {
+    return "ID-xxxxxxxx".replace(/[xy]/g, function (c) {
+        const r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+//# sourceMappingURL=guid.js.map

package/dist/guid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guid.js","sourceRoot":"","sources":["../src/guid.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI;IAClB,OAAO,aAAa,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC;QAC/C,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAChC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACtC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/hash.d.ts

@@ -0,0 +1 @@
+export declare function hash(source: string, modulus?: number): number;

package/dist/hash.js

@@ -0,0 +1,20 @@
+export function hash(source, modulus) {
+    let hash = 0;
+    let i;
+    let chr;
+    if (source.length === 0) {
+        return hash;
+    }
+    for (i = 0; i < source.length; i++) {
+        chr = source.charCodeAt(i);
+        hash = (hash << 5) - hash + chr;
+        hash |= 0; // Convert to 32bit integer
+    }
+    if (modulus) {
+        return Math.abs(hash) % modulus;
+    }
+    else {
+        return Math.abs(hash);
+    }
+}
+//# sourceMappingURL=hash.js.map

package/dist/hash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash.js","sourceRoot":"","sources":["../src/hash.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI,CAAC,MAAc,EAAE,OAAgB;IACnD,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,CAAS,CAAC;IACd,IAAI,GAAW,CAAC;IAEhB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IAED,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClC,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC3B,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC;QAChC,IAAI,IAAI,CAAC,CAAC,CAAC,2BAA2B;KACvC;IAED,IAAI,OAAO,EAAE;QACX,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC;KACjC;SAAM;QACL,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACvB;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,65 @@
+export * from "./aria";
+export * from "./Badge";
+export * from "./BaseButton";
+export * from "./BaseInput";
+export * from "./BaseLink";
+export * from "./BaseList";
+export * from "./BaseListAddOn";
+export * from "./BaseListItem";
+export * from "./BaseView";
+export * from "./Box";
+export * from "./Button";
+export * from "./Calendar";
+export * from "./Checkbox";
+export * from "./Circle";
+export * from "./Column";
+export * from "./DarkMode";
+export * from "./DateInput";
+export * from "./DatePicker";
+export * from "./DatetimeInput";
+export * from "./Dialog";
+export * from "./Dropdown";
+export * from "./Emitter";
+export * from "./FlexLayout";
+export * from "./guid";
+export * from "./Icon";
+export * from "./IconButton";
+export * from "./IconLink";
+export * from "./IconType";
+export * from "./jss";
+export * from "./Link";
+export * from "./List";
+export * from "./ListButtonItem";
+export * from "./ListDivider";
+export * from "./ListHeaderItem";
+export * from "./ListItem";
+export * from "./ListLinkItem";
+export * from "./ListSpacer";
+export * from "./numberToBase";
+export * from "./OnVisible";
+export * from "./Popover";
+export * from "./ProgressBar";
+export * from "./ProgressCircle";
+export * from "./Providers";
+export * from "./RangeInput";
+export * from "./RootView";
+export * from "./Row";
+export * from "./StackContext";
+export * from "./stateMachineContextFactory";
+export * from "./StaticCheckbox";
+export * from "./Storage";
+export * from "./Stream";
+export * from "./Sublist";
+export * from "./SubmitIconInput";
+export * from "./Tabs";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextInput";
+export * from "./TextInputWithState";
+export * from "./TextPairing";
+export * from "./TimeInput";
+export * from "./TimeInput";
+export * from "./useCookie";
+export * from "./useNavigation";
+export * from "./usePromise";
+export * from "./useRefEffect";

package/dist/index.js

@@ -0,0 +1,66 @@
+export * from "./aria";
+export * from "./Badge";
+export * from "./BaseButton";
+export * from "./BaseInput";
+export * from "./BaseLink";
+export * from "./BaseList";
+export * from "./BaseListAddOn";
+export * from "./BaseListItem";
+export * from "./BaseView";
+export * from "./Box";
+export * from "./Button";
+export * from "./Calendar";
+export * from "./Checkbox";
+export * from "./Circle";
+export * from "./Column";
+export * from "./DarkMode";
+export * from "./DateInput";
+export * from "./DatePicker";
+export * from "./DatetimeInput";
+export * from "./Dialog";
+export * from "./Dropdown";
+export * from "./Emitter";
+export * from "./FlexLayout";
+export * from "./guid";
+export * from "./Icon";
+export * from "./IconButton";
+export * from "./IconLink";
+export * from "./IconType";
+export * from "./jss";
+export * from "./Link";
+export * from "./List";
+export * from "./ListButtonItem";
+export * from "./ListDivider";
+export * from "./ListHeaderItem";
+export * from "./ListItem";
+export * from "./ListLinkItem";
+export * from "./ListSpacer";
+export * from "./numberToBase";
+export * from "./OnVisible";
+export * from "./Popover";
+export * from "./ProgressBar";
+export * from "./ProgressCircle";
+export * from "./Providers";
+export * from "./RangeInput";
+export * from "./RootView";
+export * from "./Row";
+export * from "./StackContext";
+export * from "./stateMachineContextFactory";
+export * from "./StaticCheckbox";
+export * from "./Storage";
+export * from "./Stream";
+export * from "./Sublist";
+export * from "./SubmitIconInput";
+export * from "./Tabs";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextInput";
+export * from "./TextInputWithState";
+export * from "./TextPairing";
+export * from "./TimeInput";
+export * from "./TimeInput";
+export * from "./useCookie";
+export * from "./useNavigation";
+export * from "./usePromise";
+export * from "./useRefEffect";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/jss.d.ts

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+import CSS from "csstype";
+export type Styles = CSS.Properties<string | number | CSS.Properties<string | number>>;
+export type JSStyle = Styles | null | false | undefined | {
+    [key: string]: Styles;
+} | Array<JSStyle>;
+export declare const jss: (jsStyle: JSStyle) => string;
+export declare function JSStylesProvider({ themes, children, }: {
+    themes: {
+        dark: Theme;
+        light: Theme;
+    };
+    children: JSX.Element;
+}): JSX.Element;
+export declare function JSServerStyles(): JSX.Element;
+export type Size = "xsmall" | "small" | "medium" | "large" | "xlarge";
+export type Spacing = "none" | Size;
+export type Gap = Spacing;
+export type Padding = Spacing | [Spacing, Spacing];
+export type Margin = Spacing | [Spacing, Spacing];
+export type Direction = "horizontal" | "vertical";
+export type Position = "start" | "end";
+export type Justify = "none" | "center" | "flex-start" | "space-between" | "flex-end" | "stretch";
+export type Align = "none" | "center" | "stretch" | "flex-start" | "flex-end";
+export type FlexDirection = "row" | "column";
+export type Color = "none" | "negative" | "warning" | "highlight" | "primary-background" | "secondary-background" | "divider" | "inherit";
+export type TextColor = "primary" | "secondary" | "highlight" | "negative" | "subtle" | "light" | "inherit";
+export declare function cssVar(string: keyof Theme): string;
+export declare function getSize(size: Size): string;
+export declare function getSpacing(spacing: Spacing): string;
+export declare function getPadding(padding: Padding): JSStyle;
+export declare function getMargin(margin: Margin): JSStyle;
+export type Theme = {
+    ["--overlay-background"]: string;
+    ["--primary-background"]: string;
+    ["--secondary-background"]: string;
+    ["--divider"]: string;
+    ["--strong-divider"]: string;
+    ["--pressed-background"]: string;
+    ["--hovered-background"]: string;
+    ["--selected-background"]: string;
+    ["--nav-bar"]: string;
+    ["--warning"]: string;
+    ["--highlight"]: string;
+    ["--outline"]: string;
+    ["--light-highlight"]: string;
+    ["--primary-text"]: string;
+    ["--secondary-text"]: string;
+    ["--subtle-text"]: string;
+    ["--highlight-text"]: string;
+    ["--negative-text"]: string;
+    ["--light-text"]: string;
+    ["--background-button-positive"]: string;
+    ["--background-button-secondary"]: string;
+    ["--background-button-negative"]: string;
+    ["--background-button-disabled"]: string;
+    ["--spacing-xs"]: string;
+    ["--spacing-s"]: string;
+    ["--spacing-m"]: string;
+    ["--spacing-l"]: string;
+    ["--spacing-xl"]: string;
+    ["--spacing-xxl"]: string;
+    ["--spacing-xxxl"]: string;
+    ["--border-radius-s"]: string;
+    ["--border-radius-m"]: string;
+    ["--border-radius-l"]: string;
+    ["--nav-bar-height"]: string;
+};
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+export declare const baseStyles: string;
+export declare const getBackground: (color: Color) => JSStyle;
+export declare const MOBILE = 750;
+export declare const TABLET = 1000;
+export declare const LAPTOP = 1200;
+export declare const MOBILE_MEDIA: string;
+export declare const TABLET_MEDIA: string;
+export declare const LAPTOP_MEDIA: string;
+export declare const DESKTOP_MEDIA: string;
+export declare function mobile(jsStyle: JSStyle): {
+    [key: string]: JSStyle;
+};
+export declare function tablet(jsStyle: JSStyle): {
+    [key: string]: JSStyle;
+};
+export declare function laptop(jsStyle: JSStyle): {
+    [key: string]: JSStyle;
+};
+export declare function desktop(jsStyle: JSStyle): {
+    [key: string]: JSStyle;
+};
+export declare const getTextColor: (color: TextColor) => {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+} | {
+    color: string;
+};
+export declare function getBaseStyles(themes: {
+    light: Theme;
+    dark: Theme;
+}): string[];