@koine/react 1.0.9 → 1.0.12

package/Tabs/Tabs.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/// <reference types="react" />
-import { TabProps as _TabProps, TabsProps as _TabsProps } from "@reach/tabs";
-export declare const Tabs: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"div", _TabsProps>, import("styled-components").DefaultTheme, _TabsProps & {
-    children?: import("react").ReactNode;
-} & {
-    $vertical?: boolean | undefined;
-}, never>;
-export declare type TabsProps = React.PropsWithChildren<_TabsProps> & {
-    $vertical?: boolean;
-};
-export declare const TabList: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").MemoComponent<"div", import("@reach/tabs/dist/declarations/src").TabListProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TabWrap: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"button", _TabProps>, import("styled-components").DefaultTheme, _TabProps & {
-    idx: number;
-} & TabStyledProps, never>;
-export declare const TabText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TabStyledProps, never>;
-export declare const TabUnderline: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLElement, import("framer-motion").HTMLMotionProps<"i">>, import("styled-components").DefaultTheme, TabStyledProps, never>;
-export declare type TabStyledProps = {
-    $active: boolean;
-    $focused: boolean;
-};
-export declare type TabProps = _TabProps & {
-    idx: number;
-};
-export declare const Tab: ({ children, ...props }: TabProps) => JSX.Element;
-export declare const TabPanels: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").MemoComponent<"div", import("@reach/tabs/dist/declarations/src").TabPanelsProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TabPanel: import("styled-components").StyledComponent<import("@reach/utils/dist/declarations/src/polymorphic").ForwardRefComponent<"div", import("@reach/tabs/dist/declarations/src").TabPanelProps>, import("styled-components").DefaultTheme, {}, never>;

package/Tabs/Tabs.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/**
- * @file
- *
- * Here we manage only "vertical" oriented tabs for now
- */
-import styled from "styled-components";
-import { Tabs as _Tabs, TabList as _TabList, Tab as _Tab, TabPanels as _TabPanels, TabPanel as _TabPanel, useTabsContext, } from "@reach/tabs";
-import { min } from "../styles/media";
-import { UnderlineSkewed } from "../Animations/Underline";
-import { btnStyleReset } from "../Buttons";
-export const Tabs = styled(_Tabs) `
-  ${min.sm} {
-    display: flex;
-    ${(p) => p.$vertical && "flex-direction: column;"}
-  }
-`;
-export const TabList = styled(_TabList) `
-  display: flex;
-  flex-direction: column;
-  ${min.sm} {
-    border-right: 1px solid var(--grey800);
-  }
-`;
-export const TabWrap = styled(_Tab) `
-  ${btnStyleReset}
-  position: relative;
-  justify-content: flex-end;
-  padding: 0.7em;
-  margin-bottom: 1em;
-  font-weight: bold;
-  color: ${(p) => (p.$active ? "var(--accent200)" : "var(--grey300)")};
-  ${min.sm} {
-    padding-right: var(--gutter-half);
-  }
-
-  &:hover {
-    color: ${(p) => (p.$active ? "var(--accent200)" : "var(--accent300)")};
-  }
-`;
-export const TabText = styled.span `
-  position: relative;
-  z-index: 1;
-`;
-export const TabUnderline = styled(UnderlineSkewed) ``;
-export const Tab = ({ children, ...props }) => {
-    const { selectedIndex, focusedIndex } = useTabsContext();
-    const styledProps = {
-        $active: props.idx === selectedIndex,
-        $focused: props.idx === focusedIndex,
-    };
-    return (_jsxs(TabWrap, { ...props, ...styledProps, children: [styledProps.$active && (_jsx(TabUnderline, { ...styledProps, layoutId: "Tab-underline" })), _jsx(TabText, { ...styledProps, children: children })] }));
-};
-export const TabPanels = styled(_TabPanels) `
-  flex: 1;
-`;
-export const TabPanel = styled(_TabPanel) `
-  ${min.sm} {
-    padding-left: var(--gutter-half);
-  }
-`;

package/node/Forms/Form/Form.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.FormFeedback = exports.FormOverlay = exports.FormRoot = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const styled_1 = require("../../styles/styled");
-const Collapsable_1 = require("../../Collapsable");
-const Progress_1 = require("../../Progress");
-const Alert_1 = require("../../Alert");
-exports.FormRoot = styled_components_1.default.form `
-  position: relative;
-`;
-exports.FormOverlay = styled_components_1.default.div `
-  z-index: 4;
-  ${styled_1.overlay}
-  ${styled_1.centered}
-  background: rgba(var(--bodyBg--rgb),.8);
-  pointer-events: none;
-  backdrop-filter: blur(2px);
-`;
-exports.FormFeedback = (0, styled_components_1.default)(Alert_1.Alert) `
-  padding: 2em 0;
-`;
-const Form = ({ ok, fail, loading, Ok = exports.FormFeedback, okProps = {
-    children: "Sent!",
-}, Fail = exports.FormFeedback, failProps = {
-    children: "Failed.",
-}, collapseOnOk, collapseOnFail, okTimeout = 3000, failTimeout = 3000, children, ...props }) => {
-    const [expanded, setExpanded] = (0, react_1.useState)("");
-    const commonProps = {
-        head: null,
-        components: {
-            HeadIcon: null,
-        },
-    };
-    (0, react_1.useEffect)(() => {
-        if (!loading) {
-            if (ok)
-                setExpanded("ok");
-            else if (fail)
-                setExpanded("fail");
-        }
-    }, [ok, fail, loading]);
-    (0, react_1.useEffect)(() => {
-        let timeout;
-        if (expanded === "fail" && failTimeout) {
-            timeout = setTimeout(() => setExpanded(""), failTimeout);
-        }
-        else if (expanded === "ok" && okTimeout) {
-            timeout = setTimeout(() => setExpanded(""), okTimeout);
-        }
-        return () => {
-            if (timeout) {
-                clearTimeout(timeout);
-            }
-        };
-    }, [expanded, failTimeout, okTimeout]);
-    let formExpanded = true;
-    if (collapseOnFail && fail)
-        formExpanded = false;
-    if (collapseOnOk && ok)
-        formExpanded = false;
-    return ((0, jsx_runtime_1.jsxs)(exports.FormRoot, { method: "post", noValidate: true, ...props, children: [(0, jsx_runtime_1.jsx)(Collapsable_1.Collapsable, { ...commonProps, expanded: formExpanded, recalc: loading, body: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, loading && ((0, jsx_runtime_1.jsx)(exports.FormOverlay, { children: (0, jsx_runtime_1.jsx)(Progress_1.ProgressCircular, { size: "2em", color: "var(--accent300)" }) }))] }) }), (0, jsx_runtime_1.jsx)(Collapsable_1.Collapsable, { ...commonProps, expanded: expanded === "ok" && !loading, body: (0, jsx_runtime_1.jsx)(Ok, { ...okProps }) }), (0, jsx_runtime_1.jsx)(Collapsable_1.Collapsable, { ...commonProps, expanded: expanded === "fail" && !loading, body: (0, jsx_runtime_1.jsx)(Fail, { ...failProps }) })] }));
-};
-exports.Form = Form;

package/node/Tabs/Tabs.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabUnderline = exports.TabText = exports.TabWrap = exports.TabList = exports.Tabs = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-/// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/**
- * @file
- *
- * Here we manage only "vertical" oriented tabs for now
- */
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const tabs_1 = require("@reach/tabs");
-const media_1 = require("../styles/media");
-const Underline_1 = require("../Animations/Underline");
-const Buttons_1 = require("../Buttons");
-exports.Tabs = (0, styled_components_1.default)(tabs_1.Tabs) `
-  ${media_1.min.sm} {
-    display: flex;
-    ${(p) => p.$vertical && "flex-direction: column;"}
-  }
-`;
-exports.TabList = (0, styled_components_1.default)(tabs_1.TabList) `
-  display: flex;
-  flex-direction: column;
-  ${media_1.min.sm} {
-    border-right: 1px solid var(--grey800);
-  }
-`;
-exports.TabWrap = (0, styled_components_1.default)(tabs_1.Tab) `
-  ${Buttons_1.btnStyleReset}
-  position: relative;
-  justify-content: flex-end;
-  padding: 0.7em;
-  margin-bottom: 1em;
-  font-weight: bold;
-  color: ${(p) => (p.$active ? "var(--accent200)" : "var(--grey300)")};
-  ${media_1.min.sm} {
-    padding-right: var(--gutter-half);
-  }
-
-  &:hover {
-    color: ${(p) => (p.$active ? "var(--accent200)" : "var(--accent300)")};
-  }
-`;
-exports.TabText = styled_components_1.default.span `
-  position: relative;
-  z-index: 1;
-`;
-exports.TabUnderline = (0, styled_components_1.default)(Underline_1.UnderlineSkewed) ``;
-const Tab = ({ children, ...props }) => {
-    const { selectedIndex, focusedIndex } = (0, tabs_1.useTabsContext)();
-    const styledProps = {
-        $active: props.idx === selectedIndex,
-        $focused: props.idx === focusedIndex,
-    };
-    return ((0, jsx_runtime_1.jsxs)(exports.TabWrap, { ...props, ...styledProps, children: [styledProps.$active && ((0, jsx_runtime_1.jsx)(exports.TabUnderline, { ...styledProps, layoutId: "Tab-underline" })), (0, jsx_runtime_1.jsx)(exports.TabText, { ...styledProps, children: children })] }));
-};
-exports.Tab = Tab;
-exports.TabPanels = (0, styled_components_1.default)(tabs_1.TabPanels) `
-  flex: 1;
-`;
-exports.TabPanel = (0, styled_components_1.default)(tabs_1.TabPanel) `
-  ${media_1.min.sm} {
-    padding-left: var(--gutter-half);
-  }
-`;