@koine/react 2.0.0-beta.2 → 2.0.0-beta.5

package/Rating/index.js

@@ -1,57 +1,85 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deriveRating = exports.convertRange = exports.getRatingValue = exports.getRatingWord = void 0;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Rating"), exports);
-var RATING_WORDS = {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getRatingWord: function() {
+        return getRatingWord;
+    },
+    getRatingValue: function() {
+        return getRatingValue;
+    },
+    convertRange: function() {
+        return convertRange;
+    },
+    deriveRating: function() {
+        return deriveRating;
+    }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Rating"), exports);
+const RATING_WORDS = {
     0: "Worst",
     1: "Bad",
     2: "Mediocre",
     3: "Good",
     4: "Great",
     4.5: "Excellent",
-    5: "Best",
+    5: "Best"
 };
-var getRatingWord = function (value, precision) {
-    if (precision === void 0) { precision = 0.5; }
-    var buffer = 0;
-    var word;
-    while (buffer < value) {
+const getRatingWord = (value, precision = 0.5)=>{
+    let buffer = 0;
+    let word;
+    while(buffer < value){
         // @ts-expect-error can't remember
         word = RATING_WORDS[buffer];
         buffer += precision;
     }
     return word;
 };
-exports.getRatingWord = getRatingWord;
-var getRatingValue = function (value) {
-    var converted = convertRange(value, [0, 5], [0, 10]);
+const getRatingValue = (value)=>{
+    const converted = convertRange(value, [
+        0,
+        5
+    ], [
+        0,
+        10
+    ]);
     if (converted % 1 === 0) {
         return converted;
     }
     return converted.toFixed(1);
 };
-exports.getRatingValue = getRatingValue;
-/**
- * @see https://stackoverflow.com/a/14224813
- */
 function convertRange(value, r1, r2) {
-    return ((value - r1[0]) * (r2[1] - r2[0])) / (r1[1] - r1[0]) + r2[0];
+    return (value - r1[0]) * (r2[1] - r2[0]) / (r1[1] - r1[0]) + r2[0];
 }
-exports.convertRange = convertRange;
-var deriveRating = function (title, date, minValue, maxValue, minQuantity) {
-    if (minValue === void 0) { minValue = 3.8; }
-    if (maxValue === void 0) { maxValue = 5; }
-    if (minQuantity === void 0) { minQuantity = 9; }
-    var entityTime = date.getTime();
-    var nowTime = new Date().getTime();
-    var length = title.length;
-    var value = Number(convertRange(length, [0, 90], [minValue, maxValue]).toFixed(2));
-    var timeDifference = convertRange(nowTime - entityTime, [0, 10000000000000], [minQuantity, 999999]);
-    var count = Math.round(timeDifference / length);
+const deriveRating = (title, date, minValue = 3.8, maxValue = 5, minQuantity = 9)=>{
+    const entityTime = date.getTime();
+    const nowTime = new Date().getTime();
+    const length = title.length;
+    const value = Number(convertRange(length, [
+        0,
+        90
+    ], [
+        minValue,
+        maxValue
+    ]).toFixed(2));
+    const timeDifference = convertRange(nowTime - entityTime, [
+        0,
+        10000000000000
+    ], [
+        minQuantity,
+        999999
+    ]);
+    const count = Math.round(timeDifference / length);
     return {
-        value: value,
-        count: count,
+        value,
+        count
     };
 };
-exports.deriveRating = deriveRating;

package/Rating/index.mjs

@@ -1,26 +1,31 @@
 export * from "./Rating";
-var RATING_WORDS = {
+const RATING_WORDS = {
     0: "Worst",
     1: "Bad",
     2: "Mediocre",
     3: "Good",
     4: "Great",
     4.5: "Excellent",
-    5: "Best",
+    5: "Best"
 };
-export var getRatingWord = function (value, precision) {
-    if (precision === void 0) { precision = 0.5; }
-    var buffer = 0;
-    var word;
-    while (buffer < value) {
+export const getRatingWord = (value, precision = 0.5)=>{
+    let buffer = 0;
+    let word;
+    while(buffer < value){
         // @ts-expect-error can't remember
         word = RATING_WORDS[buffer];
         buffer += precision;
     }
     return word;
 };
-export var getRatingValue = function (value) {
-    var converted = convertRange(value, [0, 5], [0, 10]);
+export const getRatingValue = (value)=>{
+    const converted = convertRange(value, [
+        0,
+        5
+    ], [
+        0,
+        10
+    ]);
     if (converted % 1 === 0) {
         return converted;
     }
@@ -28,22 +33,30 @@ export var getRatingValue = function (value) {
 };
 /**
  * @see https://stackoverflow.com/a/14224813
- */
-export function convertRange(value, r1, r2) {
-    return ((value - r1[0]) * (r2[1] - r2[0])) / (r1[1] - r1[0]) + r2[0];
+ */ export function convertRange(value, r1, r2) {
+    return (value - r1[0]) * (r2[1] - r2[0]) / (r1[1] - r1[0]) + r2[0];
 }
-export var deriveRating = function (title, date, minValue, maxValue, minQuantity) {
-    if (minValue === void 0) { minValue = 3.8; }
-    if (maxValue === void 0) { maxValue = 5; }
-    if (minQuantity === void 0) { minQuantity = 9; }
-    var entityTime = date.getTime();
-    var nowTime = new Date().getTime();
-    var length = title.length;
-    var value = Number(convertRange(length, [0, 90], [minValue, maxValue]).toFixed(2));
-    var timeDifference = convertRange(nowTime - entityTime, [0, 10000000000000], [minQuantity, 999999]);
-    var count = Math.round(timeDifference / length);
+export const deriveRating = (title, date, minValue = 3.8, maxValue = 5, minQuantity = 9)=>{
+    const entityTime = date.getTime();
+    const nowTime = new Date().getTime();
+    const length = title.length;
+    const value = Number(convertRange(length, [
+        0,
+        90
+    ], [
+        minValue,
+        maxValue
+    ]).toFixed(2));
+    const timeDifference = convertRange(nowTime - entityTime, [
+        0,
+        10000000000000
+    ], [
+        minQuantity,
+        999999
+    ]);
+    const count = Math.round(timeDifference / length);
     return {
-        value: value,
-        count: count,
+        value,
+        count
     };
 };

package/Select/SelectDownshift.js

@@ -1,41 +1,47 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-exports.Select = null;
-// import { useSelect } from "downshift";
-// export type SelectProps = {
-//   options?: Option[];
-// };
-// export const Select = ({ options = [] }: SelectProps) => {
-//   const {
-//     isOpen,
-//     selectedItem,
-//     getToggleButtonProps,
-//     getLabelProps,
-//     getMenuProps,
-//     highlightedIndex,
-//     getItemProps,
-//   } = useSelect({ items: options });
-//   return (
-//     <div>
-//       <label {...getLabelProps()}>Choose an element:</label>
-//       <button type="button" {...getToggleButtonProps()}>
-//         {selectedItem || "Elements"}
-//       </button>
-//       <ul {...getMenuProps()}>
-//         {isOpen &&
-//           options.map((item, index) => (
-//             <li
-//               style={
-//                 highlightedIndex === index ? { backgroundColor: "#bde4ff" } : {}
-//               }
-//               key={`${item.value}${index}`}
-//               {...getItemProps({ item, index })}
-//             >
-//               {item.label}
-//             </li>
-//           ))}
-//       </ul>
-//     </div>
-//   );
-// };
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Select", {
+    enumerable: true,
+    get: function() {
+        return Select;
+    }
+});
+const Select = null; // import { useSelect } from "downshift";
+ // export type SelectProps = {
+ //   options?: Option[];
+ // };
+ // export const Select = ({ options = [] }: SelectProps) => {
+ //   const {
+ //     isOpen,
+ //     selectedItem,
+ //     getToggleButtonProps,
+ //     getLabelProps,
+ //     getMenuProps,
+ //     highlightedIndex,
+ //     getItemProps,
+ //   } = useSelect({ items: options });
+ //   return (
+ //     <div>
+ //       <label {...getLabelProps()}>Choose an element:</label>
+ //       <button type="button" {...getToggleButtonProps()}>
+ //         {selectedItem || "Elements"}
+ //       </button>
+ //       <ul {...getMenuProps()}>
+ //         {isOpen &&
+ //           options.map((item, index) => (
+ //             <li
+ //               style={
+ //                 highlightedIndex === index ? { backgroundColor: "#bde4ff" } : {}
+ //               }
+ //               key={`${item.value}${index}`}
+ //               {...getItemProps({ item, index })}
+ //             >
+ //               {item.label}
+ //             </li>
+ //           ))}
+ //       </ul>
+ //     </div>
+ //   );
+ // };

package/Select/SelectDownshift.mjs

@@ -1,38 +1,37 @@
-export var Select = null;
-// import { useSelect } from "downshift";
-// export type SelectProps = {
-//   options?: Option[];
-// };
-// export const Select = ({ options = [] }: SelectProps) => {
-//   const {
-//     isOpen,
-//     selectedItem,
-//     getToggleButtonProps,
-//     getLabelProps,
-//     getMenuProps,
-//     highlightedIndex,
-//     getItemProps,
-//   } = useSelect({ items: options });
-//   return (
-//     <div>
-//       <label {...getLabelProps()}>Choose an element:</label>
-//       <button type="button" {...getToggleButtonProps()}>
-//         {selectedItem || "Elements"}
-//       </button>
-//       <ul {...getMenuProps()}>
-//         {isOpen &&
-//           options.map((item, index) => (
-//             <li
-//               style={
-//                 highlightedIndex === index ? { backgroundColor: "#bde4ff" } : {}
-//               }
-//               key={`${item.value}${index}`}
-//               {...getItemProps({ item, index })}
-//             >
-//               {item.label}
-//             </li>
-//           ))}
-//       </ul>
-//     </div>
-//   );
-// };
+export const Select = null; // import { useSelect } from "downshift";
+ // export type SelectProps = {
+ //   options?: Option[];
+ // };
+ // export const Select = ({ options = [] }: SelectProps) => {
+ //   const {
+ //     isOpen,
+ //     selectedItem,
+ //     getToggleButtonProps,
+ //     getLabelProps,
+ //     getMenuProps,
+ //     highlightedIndex,
+ //     getItemProps,
+ //   } = useSelect({ items: options });
+ //   return (
+ //     <div>
+ //       <label {...getLabelProps()}>Choose an element:</label>
+ //       <button type="button" {...getToggleButtonProps()}>
+ //         {selectedItem || "Elements"}
+ //       </button>
+ //       <ul {...getMenuProps()}>
+ //         {isOpen &&
+ //           options.map((item, index) => (
+ //             <li
+ //               style={
+ //                 highlightedIndex === index ? { backgroundColor: "#bde4ff" } : {}
+ //               }
+ //               key={`${item.value}${index}`}
+ //               {...getItemProps({ item, index })}
+ //             >
+ //               {item.label}
+ //             </li>
+ //           ))}
+ //       </ul>
+ //     </div>
+ //   );
+ // };

package/Select/components.js

@@ -1,15 +1,42 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectArrow = exports.SelectArrowStyled = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var framer_motion_1 = require("framer-motion");
-var bs_1 = require("react-icons/bs");
-exports.SelectArrowStyled = (0, styled_components_1.default)(framer_motion_1.m.span)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n\n  &:not([disabled]) {\n    cursor: pointer;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n\n  &:not([disabled]) {\n    cursor: pointer;\n  }\n"])));
-exports.SelectArrow = (0, react_1.forwardRef)(function SelectArrow(_a, ref) {
-    var isOpen = _a.isOpen, props = tslib_1.__rest(_a, ["isOpen"]);
-    return ((0, jsx_runtime_1.jsx)(exports.SelectArrowStyled, tslib_1.__assign({ animate: { rotate: isOpen ? 180 : 0 }, ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(bs_1.BsBoxArrowInDown, {}) })));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SelectArrowStyled: function() {
+        return SelectArrowStyled;
+    },
+    SelectArrow: function() {
+        return SelectArrow;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _framermotion = require("framer-motion");
+const _react = require("react");
+const _bs = require("react-icons/bs");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const SelectArrowStyled = (0, _styledcomponents.default)(_framermotion.m.span)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2em;
+
+  &:not([disabled]) {
+    cursor: pointer;
+  }
+`;
+const SelectArrow = /*#__PURE__*/ (0, _react.forwardRef)(function SelectArrow({ isOpen, ...props }, ref) {
+    return /*#__PURE__*/ React.createElement(SelectArrowStyled, {
+        animate: {
+            rotate: isOpen ? 180 : 0
+        },
+        ref: ref,
+        ...props
+    }, /*#__PURE__*/ React.createElement(_bs.BsBoxArrowInDown, null));
 });
-var templateObject_1;

package/Select/components.mjs

@@ -1,12 +1,23 @@
-import { __assign, __makeTemplateObject, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import styled from "styled-components";
 import { m } from "framer-motion";
+import { forwardRef } from "react";
 import { BsBoxArrowInDown as IconCollapse } from "react-icons/bs";
-export var SelectArrowStyled = styled(m.span)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n\n  &:not([disabled]) {\n    cursor: pointer;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2em;\n\n  &:not([disabled]) {\n    cursor: pointer;\n  }\n"])));
-export var SelectArrow = forwardRef(function SelectArrow(_a, ref) {
-    var isOpen = _a.isOpen, props = __rest(_a, ["isOpen"]);
-    return (_jsx(SelectArrowStyled, __assign({ animate: { rotate: isOpen ? 180 : 0 }, ref: ref }, props, { children: _jsx(IconCollapse, {}) })));
+import styled from "styled-components";
+export const SelectArrowStyled = styled(m.span)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2em;
+
+  &:not([disabled]) {
+    cursor: pointer;
+  }
+`;
+export const SelectArrow = /*#__PURE__*/ forwardRef(function SelectArrow({ isOpen, ...props }, ref) {
+    return /*#__PURE__*/ React.createElement(SelectArrowStyled, {
+        animate: {
+            rotate: isOpen ? 180 : 0
+        },
+        ref: ref,
+        ...props
+    }, /*#__PURE__*/ React.createElement(IconCollapse, null));
 });
-var templateObject_1;

package/Select/index.js

@@ -1,7 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-var SelectDownshift_1 = require("./SelectDownshift");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return SelectDownshift_1.Select; } });
-// export type { SelectProps } from "./SelectReach";
-// export { Select } from "./SelectReach";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Select", {
+    enumerable: true,
+    get: function() {
+        return _SelectDownshift.Select;
+    }
+});
+const _SelectDownshift = require("./SelectDownshift");
+ // export type { SelectProps } from "./SelectReach";
+ // export { Select } from "./SelectReach";

package/Select/index.mjs

@@ -1,3 +1,2 @@
-export { Select } from "./SelectDownshift";
-// export type { SelectProps } from "./SelectReach";
-// export { Select } from "./SelectReach";
+export { Select } from "./SelectDownshift"; // export type { SelectProps } from "./SelectReach";
+ // export { Select } from "./SelectReach";

package/Sidebar/Sidebar.js

@@ -1,27 +1,65 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var gr_1 = require("react-icons/gr");
-var cg_1 = require("react-icons/cg");
-var media_1 = require("../styles/media");
-var Buttons_1 = require("../Buttons");
-var Header_1 = require("../Header");
-var SidebarWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-    return "".concat(media_1.max.md, " {\n      z-index: 20;\n      display: flex;\n      flex-direction: column;\n      position: fixed;\n      right: 0;\n      left: var(--gutter-half);\n      top: ").concat(p.$top || 0, "px;\n      bottom: 0;\n      padding: var(--gutter-half);\n      transform: ").concat(p.$open ? "translateX(0)" : "translateX(100%)", ";\n      transition: transform .18s ease-in-out, box-shadow .18s ease-in-out;\n      background: white;\n      box-shadow: ").concat(p.$open ? "0 0 0 100vh rgba(0, 0, 0, .3)" : "0 0 100vh rgba(0, 0, 0, 0)", ";\n      will-change: transform, box-shadow;\n      pointer-events: ").concat(p.$open ? "all" : "none", "\n    }");
+Object.defineProperty(exports, "__esModule", {
+    value: true
 });
-var SidebarToggle = styled_components_1.default.span(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  z-index: 21;\n  position: fixed;\n  right: var(--gutter-half);\n  bottom: var(--gutter-half);\n  ", " {\n    display: none;\n  }\n\n  path {\n    stroke: currentColor;\n  }\n"], ["\n  z-index: 21;\n  position: fixed;\n  right: var(--gutter-half);\n  bottom: var(--gutter-half);\n  ", " {\n    display: none;\n  }\n\n  path {\n    stroke: currentColor;\n  }\n"])), media_1.min.md);
-var Sidebar = function (_a) {
-    var children = _a.children;
-    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
-    var _c = (0, Header_1.useHeader)(), headerHeight = _c[2];
-    var handleClickToggle = (0, react_1.useCallback)(function () {
-        setOpen(function (prevOpen) { return !prevOpen; });
+Object.defineProperty(exports, "Sidebar", {
+    enumerable: true,
+    get: function() {
+        return Sidebar;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _cg = require("react-icons/cg");
+const _gr = require("react-icons/gr");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
+const _Buttons = require("../Buttons");
+const _Header = require("../Header");
+const _media = require("../styles/media");
+const SidebarWrapper = _styledcomponents.default.div`
+  ${(p)=>`${_media.max.md} {
+      z-index: 20;
+      display: flex;
+      flex-direction: column;
+      position: fixed;
+      right: 0;
+      left: var(--gutter-half);
+      top: ${p.$top || 0}px;
+      bottom: 0;
+      padding: var(--gutter-half);
+      transform: ${p.$open ? `translateX(0)` : `translateX(100%)`};
+      transition: transform .18s ease-in-out, box-shadow .18s ease-in-out;
+      background: white;
+      box-shadow: ${p.$open ? `0 0 0 100vh rgba(0, 0, 0, .3)` : `0 0 100vh rgba(0, 0, 0, 0)`};
+      will-change: transform, box-shadow;
+      pointer-events: ${p.$open ? "all" : "none"}
+    }`}
+`;
+const SidebarToggle = _styledcomponents.default.span`
+  z-index: 21;
+  position: fixed;
+  right: var(--gutter-half);
+  bottom: var(--gutter-half);
+  ${_media.min.md} {
+    display: none;
+  }
+
+  path {
+    stroke: currentColor;
+  }
+`;
+const Sidebar = ({ children })=>{
+    const [open, setOpen] = (0, _react.useState)(false);
+    const [, , headerHeight] = (0, _Header.useHeader)();
+    const handleClickToggle = (0, _react.useCallback)(()=>{
+        setOpen((prevOpen)=>!prevOpen);
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SidebarToggle, { onClick: handleClickToggle, children: (0, jsx_runtime_1.jsx)(Buttons_1.IconButtonFab, { "$variant": "contained", children: open ? (0, jsx_runtime_1.jsx)(cg_1.CgCloseR, {}) : (0, jsx_runtime_1.jsx)(gr_1.GrFolderOpen, {}) }) }), (0, jsx_runtime_1.jsx)(SidebarWrapper, { "$open": open, "$top": headerHeight, children: children })] }));
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(SidebarToggle, {
+        onClick: handleClickToggle
+    }, /*#__PURE__*/ React.createElement(_Buttons.IconButtonFab, {
+        $variant: "contained"
+    }, open ? /*#__PURE__*/ React.createElement(_cg.CgCloseR, null) : /*#__PURE__*/ React.createElement(_gr.GrFolderOpen, null))), /*#__PURE__*/ React.createElement(SidebarWrapper, {
+        $open: open,
+        $top: headerHeight
+    }, children));
 };
-exports.Sidebar = Sidebar;
-var templateObject_1, templateObject_2;