@evolver-fi/evolver-basics-admin-components 0.0.20 → 1.0.0

package/dist/Table-DWiRP1za.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table-DWiRP1za.js","sources":["../src/components/table/Pagination.tsx","../src/components/table/Table.tsx"],"sourcesContent":["import { TablePagination } from \"@mui/material\";\n\nexport const Pagination = ({\n  page,\n  rowsPerPage,\n  total,\n  onPageChange,\n}: {\n  /** zero-indexed page number */\n  page: number;\n  rowsPerPage: number;\n  total: number;\n  onPageChange: (page: number) => void;\n}) => {\n  return (\n    <TablePagination\n      component=\"div\"\n      count={total}\n      page={page}\n      rowsPerPage={rowsPerPage}\n      onPageChange={(_, newPage) => onPageChange(newPage)}\n      rowsPerPageOptions={[]}\n      showFirstButton\n      showLastButton\n    />\n  );\n};\n","import { Table as MuiTable, TableBody, TableCell, TableHead, TableRow } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\nimport type { Filter } from \"../filter/types\";\nimport type { TableProps } from \"./types\";\n\nconst Head_ = <T, F extends Filter<T>>({\n  columns,\n  filter,\n  defaultFilter,\n  onFilterChange,\n}: Pick<TableProps<T, F>, \"columns\" | \"filter\" | \"onFilterChange\" | \"defaultFilter\">) => {\n  const hasFilters = useMemo(() => columns.some((col) => !!col.FilterComponent), [columns]);\n\n  return (\n    <TableHead\n      sx={{\n        position: \"sticky\",\n        top: 0,\n        zIndex: 3,\n        bgcolor: \"background.paper\",\n        borderBottom: \"1px solid\",\n        borderColor: \"divider\",\n      }}\n    >\n      <TableRow>\n        {columns.map(({ key, title, minWidth }) => (\n          <TableCell\n            sx={{\n              bgcolor: \"primary.main\",\n              color: \"common.white\",\n              minWidth,\n            }}\n            key={String(key)}\n          >\n            {title}\n          </TableCell>\n        ))}\n      </TableRow>\n      {hasFilters && (\n        <TableRow>\n          {columns.map(({ key, searchKey, FilterComponent, filterHelperText, filterValidator }) => (\n            <TableCell key={`filter-${String(key)}`} sx={{ verticalAlign: \"top\" }}>\n              {FilterComponent && (\n                <FilterComponent\n                  key={defaultFilter ? `${String(key)}-${defaultFilter[key]}` : undefined}\n                  name={searchKey ?? String(key)}\n                  value={filter?.[key]}\n                  defaultValue={defaultFilter?.[key]}\n                  filter={(filter ?? defaultFilter)!}\n                  helperText={filterHelperText}\n                  validator={filterValidator}\n                  onChange={\n                    onFilterChange\n                      ? (value, newFilter) =>\n                          onFilterChange({\n                            ...(filter ?? defaultFilter),\n                            ...(newFilter ?? ({} as F)),\n                            [key]: value,\n                          })\n                      : undefined\n                  }\n                />\n              )}\n            </TableCell>\n          ))}\n        </TableRow>\n      )}\n    </TableHead>\n  );\n};\n\n// memo does not handle generic types properly\nconst Head = memo(Head_) as unknown as typeof Head_;\n\nconst Body_ = <T, F extends Filter<T>>({\n  rows,\n  getRowId,\n  onRowClick,\n  columns,\n}: Pick<TableProps<T, F>, \"rows\" | \"getRowId\" | \"onRowClick\" | \"columns\">) => (\n  <TableBody\n    sx={{\n      \" & .MuiTableRow-root:nth-of-type(odd)\": {\n        bgcolor: \"grey.100\",\n      },\n    }}\n  >\n    {rows.map((row) => (\n      <TableRow\n        key={String(getRowId(row))}\n        hover\n        onClick={onRowClick ? () => onRowClick(row) : undefined}\n        sx={{ cursor: onRowClick ? \"pointer\" : \"default\" }}\n      >\n        {columns.map(({ CellComponent, key, searchKey }) => (\n          <TableCell key={String(key)}>\n            {CellComponent ? (\n              <CellComponent rowKey={key} searchKey={searchKey} row={row} value={row[key]} />\n            ) : (\n              String(row[key] ?? \"\")\n            )}\n          </TableCell>\n        ))}\n      </TableRow>\n    ))}\n  </TableBody>\n);\n\n// memo does not handle generic types properly\nconst Body = memo(Body_) as unknown as typeof Body_;\n\nexport const Table = <T, F extends Filter<T>>({\n  columns,\n  rows,\n  filter,\n  defaultFilter,\n  onFilterChange,\n  getRowId,\n  onRowClick,\n}: TableProps<T, F>) => {\n  return (\n    <MuiTable size=\"small\">\n      <Head\n        columns={columns}\n        filter={filter}\n        defaultFilter={defaultFilter}\n        onFilterChange={onFilterChange}\n      />\n      <Body rows={rows} getRowId={getRowId} onRowClick={onRowClick} columns={columns} />\n    </MuiTable>\n  );\n};\n"],"names":["Pagination","page","rowsPerPage","total","onPageChange","jsx","TablePagination","_","newPage","Head_","columns","filter","defaultFilter","onFilterChange","hasFilters","useMemo","col","jsxs","TableHead","TableRow","key","title","minWidth","TableCell","searchKey","FilterComponent","filterHelperText","filterValidator","value","newFilter","Head","memo","Body_","rows","getRowId","onRowClick","TableBody","row","CellComponent","Body","Table","MuiTable"],"mappings":"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"}

package/dist/TextFilter-BHWY2B7i.js

@@ -0,0 +1,67 @@
+import { j as e, r as f } from "./jsx-runtime-D858t2LC.js";
+import { r as v, a as h, g as j } from "./createSvgIcon-dA_Vj2W0.js";
+import { FormHelperText as p, FormControl as B, OutlinedInput as R, InputAdornment as b, IconButton as g } from "@mui/material";
+import { useRef as k, useState as q } from "react";
+const w = ({
+  helperText: t,
+  error: r
+}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  t && /* @__PURE__ */ e.jsx(p, { sx: { whiteSpace: "normal", overflowWrap: "anywhere" }, children: t }),
+  r && /* @__PURE__ */ e.jsx(p, { sx: { whiteSpace: "normal", overflowWrap: "anywhere" }, children: r })
+] });
+var a = {}, d;
+function F() {
+  if (d) return a;
+  d = 1;
+  var t = v();
+  Object.defineProperty(a, "__esModule", {
+    value: !0
+  }), a.default = void 0;
+  var r = t(/* @__PURE__ */ h()), s = f();
+  return a.default = (0, r.default)(/* @__PURE__ */ (0, s.jsx)("path", {
+    d: "M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12z"
+  }), "Backspace"), a;
+}
+var I = /* @__PURE__ */ F();
+const y = /* @__PURE__ */ j(I), z = ({
+  name: t,
+  value: r,
+  defaultValue: s,
+  onChange: i,
+  helperText: m,
+  validator: x
+}) => {
+  const n = k(null), [o, c] = q(r ?? s ?? ""), u = x?.(o);
+  return /* @__PURE__ */ e.jsxs(B, { size: "small", error: !!u, variant: "outlined", fullWidth: !0, children: [
+    /* @__PURE__ */ e.jsx(
+      R,
+      {
+        name: t,
+        inputRef: n,
+        value: r,
+        defaultValue: s,
+        onChange: (l) => {
+          c(l.target.value), i?.(l.target.value);
+        },
+        endAdornment: /* @__PURE__ */ e.jsx(b, { position: "end", sx: { visibility: o ? "visible" : "hidden" }, children: /* @__PURE__ */ e.jsx(
+          g,
+          {
+            size: "small",
+            type: "submit",
+            onClick: () => {
+              i?.(""), c(""), n.current && (n.current.value = "", n.current.dispatchEvent(new Event("input", { bubbles: !0 })));
+            },
+            children: /* @__PURE__ */ e.jsx(y, {})
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(w, { helperText: m, error: u })
+  ] });
+};
+export {
+  y as B,
+  w as F,
+  z as T
+};
+//# sourceMappingURL=TextFilter-BHWY2B7i.js.map

package/dist/TextFilter-BHWY2B7i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFilter-BHWY2B7i.js","sources":["../src/components/filter/FilterHelperTexts.tsx","../../node_modules/@mui/icons-material/Backspace.js","../src/components/filter/TextFilter.tsx"],"sourcesContent":["import { FormHelperText } from \"@mui/material\";\n\nexport const FilterHelperTexts = ({\n  helperText,\n  error,\n}: {\n  helperText?: React.ReactNode;\n  error?: string;\n}) => (\n  <>\n    {helperText && (\n      <FormHelperText sx={{ whiteSpace: \"normal\", overflowWrap: \"anywhere\" }}>\n        {helperText}\n      </FormHelperText>\n    )}\n    {error && (\n      <FormHelperText sx={{ whiteSpace: \"normal\", overflowWrap: \"anywhere\" }}>\n        {error}\n      </FormHelperText>\n    )}\n  </>\n);\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12z\"\n}), 'Backspace');","import Backspace from \"@mui/icons-material/Backspace\";\nimport { FormControl, IconButton, InputAdornment, OutlinedInput } from \"@mui/material\";\nimport { useRef, useState } from \"react\";\nimport { FilterHelperTexts } from \"./FilterHelperTexts\";\nimport type { GenericFilterProps } from \"./types\";\n\nexport const TextFilter = ({\n  name,\n  value,\n  defaultValue,\n  onChange,\n  helperText,\n  validator,\n}: GenericFilterProps<string>) => {\n  const ref = useRef<HTMLInputElement>(null);\n\n  const [localValue, setLocalValue] = useState(value ?? defaultValue ?? \"\");\n  const error = validator?.(localValue);\n\n  return (\n    <FormControl size=\"small\" error={!!error} variant=\"outlined\" fullWidth>\n      <OutlinedInput\n        name={name}\n        inputRef={ref}\n        value={value}\n        defaultValue={defaultValue}\n        onChange={(e) => {\n          setLocalValue(e.target.value);\n          onChange?.(e.target.value);\n        }}\n        endAdornment={\n          <InputAdornment position=\"end\" sx={{ visibility: localValue ? \"visible\" : \"hidden\" }}>\n            <IconButton\n              size=\"small\"\n              type=\"submit\"\n              onClick={() => {\n                onChange?.(\"\");\n                setLocalValue(\"\");\n                if (ref.current) {\n                  ref.current.value = \"\";\n                  ref.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\n                }\n              }}\n            >\n              <Backspace />\n            </IconButton>\n          </InputAdornment>\n        }\n      />\n      <FilterHelperTexts helperText={helperText} error={error} />\n    </FormControl>\n  );\n};\n"],"names":["FilterHelperTexts","helperText","error","jsxs","Fragment","jsx","FormHelperText","_interopRequireDefault","require$$0","Backspace","_createSvgIcon","_jsxRuntime","require$$2","TextFilter","name","value","defaultValue","onChange","validator","ref","useRef","localValue","setLocalValue","useState","FormControl","OutlinedInput","e","InputAdornment","IconButton"],"mappings":";;;;AAEO,MAAMA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,OAAAC;AACF,MAIEC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAH,KACCI,gBAAAA,EAAAA,IAACC,KAAe,IAAI,EAAE,YAAY,UAAU,cAAc,WAAA,GACvD,UAAAL,EAAA,CACH;AAAA,EAEDC,KACCG,gBAAAA,EAAAA,IAACC,GAAA,EAAe,IAAI,EAAE,YAAY,UAAU,cAAc,cACvD,UAAAJ,EAAA,CACH;AAAA,EAAA,CAEJ;;;;;ACjBF,MAAIK,IAAyBC,EAAA;AAC7B,SAAO,eAAeC,GAAS,cAAc;AAAA,IAC3C,OAAO;AAAA,EACT,CAAC,GACDA,EAAA,UAAkB;AAClB,MAAIC,IAAiBH,qBAAuD,GACxEI,IAAcC,EAAA;AACHH,SAAAA,EAAA,cAAsBC,EAAe,6BAA2BC,EAAY,KAAK,QAAQ;AAAA,IACtG,GAAG;AAAA,GACJ,GAAG,WAAW;;;gCCNFE,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAhB;AAAA,EACA,WAAAiB;AACF,MAAkC;AAChC,QAAMC,IAAMC,EAAyB,IAAI,GAEnC,CAACC,GAAYC,CAAa,IAAIC,EAASR,KAASC,KAAgB,EAAE,GAClEd,IAAQgB,IAAYG,CAAU;AAEpC,SACElB,gBAAAA,EAAAA,KAACqB,GAAA,EAAY,MAAK,SAAQ,OAAO,CAAC,CAACtB,GAAO,SAAQ,YAAW,WAAS,IACpE,UAAA;AAAA,IAAAG,gBAAAA,EAAAA;AAAAA,MAACoB;AAAA,MAAA;AAAA,QACC,MAAAX;AAAA,QACA,UAAUK;AAAA,QACV,OAAAJ;AAAA,QACA,cAAAC;AAAA,QACA,UAAU,CAACU,MAAM;AACf,UAAAJ,EAAcI,EAAE,OAAO,KAAK,GAC5BT,IAAWS,EAAE,OAAO,KAAK;AAAA,QAC3B;AAAA,QACA,cACErB,gBAAAA,EAAAA,IAACsB,GAAA,EAAe,UAAS,OAAM,IAAI,EAAE,YAAYN,IAAa,YAAY,SAAA,GACxE,UAAAhB,gBAAAA,EAAAA;AAAAA,UAACuB;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,MAAM;AACb,cAAAX,IAAW,EAAE,GACbK,EAAc,EAAE,GACZH,EAAI,YACNA,EAAI,QAAQ,QAAQ,IACpBA,EAAI,QAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAA,CAAM,CAAC;AAAA,YAEnE;AAAA,YAEA,gCAACV,GAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJJ,gBAAAA,EAAAA,IAACL,GAAA,EAAkB,YAAAC,GAAwB,OAAAC,EAAA,CAAc;AAAA,EAAA,GAC3D;AAEJ;","x_google_ignoreList":[1]}