dn-react-router-toolkit 0.7.7 → 0.7.8

package/dist/table/table.mjs

@@ -1,155 +1,8 @@
 // src/table/table.tsx
 import { cn } from "dn-react-toolkit/utils";
-
-// node_modules/react-icons/lib/iconBase.mjs
-import React2 from "react";
-
-// node_modules/react-icons/lib/iconContext.mjs
-import React from "react";
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = React.createContext && /* @__PURE__ */ React.createContext(DefaultContext);
-
-// node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React2.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React2.createElement(IconBase, _extends({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React2.createElement("svg", _extends({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ React2.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ React2.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-
-// node_modules/react-icons/go/index.mjs
-function GoArrowDown(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M4.97 13.22a.75.75 0 0 1 1.06 0L11 18.19V3.75a.75.75 0 0 1 1.5 0v14.44l4.97-4.97a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734l-6.25 6.25a.75.75 0 0 1-1.06 0l-6.25-6.25a.75.75 0 0 1 0-1.06Z" }, "child": [] }] })(props);
-}
-function GoArrowUp(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M18.655 10.405a.75.75 0 0 1-1.06 0l-4.97-4.97v14.44a.75.75 0 0 1-1.5 0V5.435l-4.97 4.97a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l6.25-6.25a.75.75 0 0 1 1.06 0l6.25 6.25a.75.75 0 0 1 0 1.06Z" }, "child": [] }] })(props);
-}
-
-// src/table/table.tsx
+import { GoArrowDown, GoArrowUp } from "react-icons/go";
 import { Link, useSearchParams } from "react-router";
-import React3 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Table({
   className = "min-w-full whitespace-nowrap",
   data,
@@ -164,90 +17,87 @@ function Table({
   const keys = Object.entries(columns).filter((entry) => entry[1]).map(([key]) => key);
   const sortedArray = [...data];
   const [_, setSearchParams] = useSearchParams();
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ jsxs(
     "table",
     {
-      className: cn(
-        className,
-        "text-[15px] border-separate border-spacing-0"
-      )
-    },
-    /* @__PURE__ */ React3.createElement("thead", null, /* @__PURE__ */ React3.createElement("tr", null, keys.map((key) => {
-      const value = columns[key];
-      function getReactNode() {
-        if (value && typeof value === "object" && "label" in value) {
-          return value.label;
-        }
-        return value;
-      }
-      function Head() {
-        const reactNode = getReactNode();
-        if (typeof reactNode === "string") {
-          return /* @__PURE__ */ React3.createElement(
-            "button",
+      className: cn(className, "text-[15px] border-separate border-spacing-0"),
+      children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: keys.map((key) => {
+          const value = columns[key];
+          function getReactNode() {
+            if (value && typeof value === "object" && "label" in value) {
+              return value.label;
+            }
+            return value;
+          }
+          function Head() {
+            const reactNode = getReactNode();
+            if (typeof reactNode === "string") {
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: cn(
+                    orderBy === key ? "text-neutral-900 font-medium" : "text-neutral-500",
+                    "px-4 h-14 flex items-center w-full"
+                  ),
+                  onClick: () => {
+                    let newDirection = "asc";
+                    if (orderBy === key) {
+                      newDirection = direction === "asc" ? "desc" : "asc";
+                    }
+                    setSearchParams({
+                      orderBy: key,
+                      direction: newDirection
+                    });
+                  },
+                  children: [
+                    reactNode,
+                    orderBy === key && /* @__PURE__ */ jsx("div", { className: "ml-0.5", children: direction === "asc" ? /* @__PURE__ */ jsx(GoArrowUp, {}) : /* @__PURE__ */ jsx(GoArrowDown, {}) })
+                  ]
+                }
+              );
+            }
+            return /* @__PURE__ */ jsx(Fragment, { children: reactNode });
+          }
+          return /* @__PURE__ */ jsx("th", { className: cn("border-y font-normal"), children: /* @__PURE__ */ jsx(Head, {}) }, key);
+        }) }) }),
+        /* @__PURE__ */ jsxs("tbody", { children: [
+          sortedArray.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+            "td",
             {
-              className: cn(
-                orderBy === key ? "text-neutral-900 font-medium" : "text-neutral-500",
-                "px-4 h-14 flex items-center w-full"
-              ),
-              onClick: () => {
-                let newDirection = "asc";
-                if (orderBy === key) {
-                  newDirection = direction === "asc" ? "desc" : "asc";
+              colSpan: keys.length,
+              className: "px-4 h-14 text-neutral-400 text-center",
+              children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
+            }
+          ) }),
+          sortedArray.map((item, i) => /* @__PURE__ */ jsx("tr", { className: "hover:bg-gray-50 transition-colors", children: keys.map((key, i2) => {
+            const value = item[key];
+            function Content() {
+              if (key in columns) {
+                const column = columns[key];
+                if (column && typeof column === "object" && "mapper" in column) {
+                  const mapper = column.mapper;
+                  if (mapper) {
+                    return /* @__PURE__ */ jsx(Fragment, { children: mapper(item) });
+                  }
                 }
-                setSearchParams({
-                  orderBy: key,
-                  direction: newDirection
-                });
               }
-            },
-            reactNode,
-            orderBy === key && /* @__PURE__ */ React3.createElement("div", { className: "ml-0.5" }, direction === "asc" ? /* @__PURE__ */ React3.createElement(GoArrowUp, null) : /* @__PURE__ */ React3.createElement(GoArrowDown, null))
-          );
-        }
-        return /* @__PURE__ */ React3.createElement(React3.Fragment, null, reactNode);
-      }
-      return /* @__PURE__ */ React3.createElement(
-        "th",
-        {
-          key,
-          className: cn("border-y font-normal")
-        },
-        /* @__PURE__ */ React3.createElement(Head, null)
-      );
-    }))),
-    /* @__PURE__ */ React3.createElement("tbody", null, sortedArray.length === 0 && /* @__PURE__ */ React3.createElement("tr", null, /* @__PURE__ */ React3.createElement(
-      "td",
-      {
-        colSpan: keys.length,
-        className: "px-4 h-14 text-neutral-400 text-center"
-      },
-      "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
-    )), sortedArray.map((item, i) => /* @__PURE__ */ React3.createElement("tr", { key: i, className: "hover:bg-gray-50 transition-colors" }, keys.map((key, i2) => {
-      const value = item[key];
-      function Content() {
-        if (key in columns) {
-          const column = columns[key];
-          if (column && typeof column === "object" && "mapper" in column) {
-            const mapper = column.mapper;
-            if (mapper) {
-              return /* @__PURE__ */ React3.createElement(React3.Fragment, null, mapper(item));
+              return /* @__PURE__ */ jsx(Fragment, { children: String(value) });
             }
-          }
-        }
-        return /* @__PURE__ */ React3.createElement(React3.Fragment, null, String(value));
-      }
-      const linkedContent = getLink ? /* @__PURE__ */ React3.createElement(
-        Link,
-        {
-          to: getLink(item),
-          className: "block content-center px-4 w-full h-full"
-        },
-        /* @__PURE__ */ React3.createElement(Content, null)
-      ) : /* @__PURE__ */ React3.createElement(Content, null);
-      const cell = Mapper ? /* @__PURE__ */ React3.createElement(Mapper, { item, index: i2 }, linkedContent) : linkedContent;
-      return /* @__PURE__ */ React3.createElement("td", { key, className: "px-0 h-14 border-b" }, cell);
-    }))))
+            const linkedContent = getLink ? /* @__PURE__ */ jsx(
+              Link,
+              {
+                to: getLink(item),
+                className: "block content-center px-4 w-full h-full",
+                children: /* @__PURE__ */ jsx(Content, {})
+              }
+            ) : /* @__PURE__ */ jsx(Content, {});
+            const cell = Mapper ? /* @__PURE__ */ jsx(Mapper, { item, index: i2, children: linkedContent }) : linkedContent;
+            return /* @__PURE__ */ jsx("td", { className: "px-0 h-14 border-b", children: cell }, key);
+          }) }, i))
+        ] })
+      ]
+    }
   );
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dn-react-router-toolkit",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.mjs",
   "module": "./dist/index.js",
@@ -77,19 +77,21 @@
   "homepage": "https://github.com/dndnsoft/dn-react-router-toolkit#readme",
   "description": "",
   "devDependencies": {
+    "@react-router/dev": "^7.12.0",
     "@types/node": "^24.10.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "schema-dts": "^1.1.5",
     "tsup": "^8.5.1",
-    "@react-router/dev": "^7.12.0",
     "typescript": "^5.7.3"
   },
   "dependencies": {
-    "dn-react-text-editor": "^0.3.6",
-    "dn-react-toolkit": "^0.2.49",
+    "cookie": "^1.1.1",
+    "dn-react-text-editor": "^0.3.7",
+    "dn-react-toolkit": "^0.2.52",
     "pg": "^8.16.3",
-    "react-store-input": "^0.2.0",
+    "react-icons": "^5.5.0",
+    "react-store-input": "^0.2.1",
     "uuid": "^13.0.0"
   },
   "peerDependencies": {