@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-TDRA5EZI.mjs

@@ -0,0 +1,325 @@
+import {
+  default as default6
+} from "./chunk-3DQINB57.mjs";
+import {
+  default as default7
+} from "./chunk-BGB7JHIU.mjs";
+import {
+  default as default4,
+  default3 as default5
+} from "./chunk-I5JWS4Z7.mjs";
+import {
+  Button
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default93 as default3
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default3 as default2
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/List/src/List/index.ts
+import { default as default10 } from "@mui/material/List";
+import { default as default11 } from "@mui/material/ListSubheader";
+import { default as default9 } from "@mui/material/ListItemIcon";
+import { default as default12 } from "@mui/material/ListItemText";
+import { default as default8 } from "@mui/material/ListItemButton";
+import { default as default13 } from "@mui/material/ListItem";
+
+// src/components/elemental/List/src/List/TransferList.tsx
+import { useState } from "react";
+
+// src/components/elemental/List/src/List/CheckList.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CheckList({
+  children,
+  onClick,
+  checked,
+  labelId,
+  value,
+  tabIndex = -1,
+  disabled = false,
+  disableOpacity = 0.38
+}) {
+  return /* @__PURE__ */ jsxs(
+    default8,
+    {
+      role: "listitem",
+      onClick: onClick ? () => onClick(value) : void 0,
+      disabled,
+      style: {
+        "--op": disableOpacity
+      },
+      sx: {
+        "&.MuiButtonBase-root.Mui-disabled": {
+          opacity: "var(--op)"
+        }
+      },
+      children: [
+        !disabled && /* @__PURE__ */ jsx(default9, { children: /* @__PURE__ */ jsx(
+          default7,
+          {
+            checked,
+            tabIndex,
+            disableRipple: true,
+            sx: { padding: "0px" },
+            slotProps: {
+              input: {
+                "aria-labelledby": labelId
+              }
+            }
+          }
+        ) }),
+        children
+      ]
+    },
+    value
+  );
+}
+var CheckList_default = CheckList;
+
+// src/components/elemental/List/src/List/TransferList.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var indexKey = "id";
+function TransferList(props) {
+  const {
+    leftProps,
+    rightProps,
+    RenderLeft,
+    RenderRight,
+    leftTitle = "Left",
+    rightTitle = "Right",
+    disabled = false
+  } = props;
+  const [checked, setChecked] = useState([]);
+  const { left, addLeft, minusLeft } = leftProps;
+  const { right } = rightProps;
+  const leftChecked = intersection(checked, left);
+  const rightChecked = intersection(checked, right);
+  const handleToggle = (value) => () => {
+    const id = value[indexKey];
+    const currentIndex = checked.indexOf(id);
+    const newChecked = [...checked];
+    if (currentIndex === -1) {
+      newChecked.push(id);
+    } else {
+      newChecked.splice(currentIndex, 1);
+    }
+    setChecked(newChecked);
+  };
+  const numberOfChecked = (items) => intersection(checked, items).length;
+  const handleToggleAll = (items) => () => {
+    if (numberOfChecked(items) === items.length) {
+      setChecked(not(checked, items));
+    } else {
+      setChecked(union(checked, items));
+    }
+  };
+  const handleCheckedRight = () => {
+    minusLeft(leftChecked);
+    setChecked(not(checked, leftChecked.map((id) => left.find((item) => item.id === id))));
+  };
+  const handleCheckedLeft = () => {
+    addLeft(rightChecked);
+    setChecked(not(checked, rightChecked.map((id) => right.find((item) => item.id === id))));
+  };
+  return /* @__PURE__ */ jsxs2(default2, { container: true, spacing: 2, justifyContent: "center", alignItems: "center", children: [
+    /* @__PURE__ */ jsx2(default2, { children: /* @__PURE__ */ jsx2(
+      CustomList,
+      {
+        title: leftTitle,
+        items: left,
+        Renderer: RenderLeft,
+        handleToggleAll,
+        handleToggle,
+        numberOfChecked,
+        disabled,
+        checked
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(
+      TransferButton,
+      {
+        disabled,
+        leftChecked,
+        rightChecked,
+        handleCheckedLeft,
+        handleCheckedRight
+      }
+    ),
+    /* @__PURE__ */ jsx2(default2, { children: /* @__PURE__ */ jsx2(
+      CustomList,
+      {
+        title: rightTitle,
+        items: right,
+        Renderer: RenderRight,
+        handleToggleAll,
+        handleToggle,
+        numberOfChecked,
+        disabled,
+        checked
+      }
+    ) })
+  ] });
+}
+function not(a, b) {
+  const aIds = [...a];
+  const bIds = b.map((value) => value.id);
+  return aIds.filter((value) => bIds.indexOf(value) === -1);
+}
+function intersection(a, b) {
+  const aIds = [...a];
+  const bIds = b.map((value) => value.id);
+  return aIds.filter((value) => bIds.indexOf(value) !== -1);
+}
+function union(a, b) {
+  const aIds = [...a];
+  const bIds = b.map((value) => value.id);
+  return [.../* @__PURE__ */ new Set([...aIds, ...bIds])];
+}
+function TransferButton({
+  handleCheckedLeft,
+  handleCheckedRight,
+  leftChecked,
+  rightChecked,
+  disabled
+}) {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsx2(default2, { children: /* @__PURE__ */ jsxs2(default2, { container: true, direction: "column", alignItems: "center", sx: { gap: 1 }, children: [
+    /* @__PURE__ */ jsx2(Button, { size: "small", onClick: handleCheckedRight, disabled: leftChecked.length === 0, endIcon: /* @__PURE__ */ jsx2(default3, {}) }),
+    /* @__PURE__ */ jsx2(Button, { size: "small", onClick: handleCheckedLeft, disabled: rightChecked.length === 0, startIcon: /* @__PURE__ */ jsx2(default3, { sx: { transform: "rotate(180deg)" } }) })
+  ] }) });
+}
+function CustomList(props) {
+  const {
+    title,
+    items,
+    Renderer,
+    handleToggleAll,
+    handleToggle,
+    numberOfChecked,
+    disabled,
+    checked
+  } = props;
+  const cardHeaderAvatar = disabled ? null : /* @__PURE__ */ jsx2(
+    default7,
+    {
+      onClick: handleToggleAll(items),
+      checked: numberOfChecked(items) === items.length && items.length !== 0,
+      indeterminate: numberOfChecked(items) !== items.length && numberOfChecked(items) !== 0,
+      disabled: items.length === 0,
+      slotProps: {
+        input: {
+          "aria-label": "all items selected"
+        }
+      }
+    }
+  );
+  const subheader = disabled ? "" : `${numberOfChecked(items)}/${items.length} selected`;
+  return /* @__PURE__ */ jsxs2(default4, { sx: {
+    "&.MuiCard-root": { backgroundColor: "transparent" }
+  }, children: [
+    /* @__PURE__ */ jsx2(
+      default5,
+      {
+        sx: {
+          px: 2,
+          py: 1
+        },
+        avatar: cardHeaderAvatar,
+        title,
+        subheader
+      }
+    ),
+    /* @__PURE__ */ jsx2(default6, {}),
+    /* @__PURE__ */ jsx2(
+      default10,
+      {
+        sx: {
+          width: 200,
+          height: 230,
+          backgroundColor: "transparent",
+          overflow: "auto"
+        },
+        dense: true,
+        component: "div",
+        role: "list",
+        children: items.map((value) => {
+          const labelId = `transfer-list-all-item-${value}-label`;
+          return /* @__PURE__ */ jsx2(
+            CheckList_default,
+            {
+              disabled,
+              disableOpacity: 1,
+              checked: checked.indexOf(value[indexKey]) !== -1,
+              labelId,
+              value: value[indexKey],
+              onClick: handleToggle(value),
+              children: /* @__PURE__ */ jsx2(Renderer, { value })
+            },
+            value[indexKey]
+          );
+        })
+      }
+    )
+  ] });
+}
+
+// src/components/elemental/List/src/List/theme.ts
+var listItemIconTheme = {
+  styleOverrides: {
+    root: () => ({
+      "--list-item-icon-color": "var(--mui-palette-text-primary)",
+      color: "var(--list-item-icon-color)"
+    })
+  }
+};
+var listItemTextTheme = {
+  styleOverrides: {
+    root: () => ({})
+  }
+};
+var listItemButtonTheme = {
+  styleOverrides: {
+    root: {
+      "--list-item-button-bg-hover": "var(--mui-palette-background-hover-1)",
+      "--list-item-button-bg-ripple": "color-mix(in lab, var(--list-item-button-bg-hover) 50%, var(--mui-palette-focus-1))",
+      "&.MuiButtonBase-root.MuiListItemButton-root": {
+        transition: "none",
+        // background:"var(--mui-palette-background-hover-1)",
+        "&:hover": {
+          background: "var(--list-item-button-bg-hover)"
+        },
+        "& .MuiTouchRipple-root": {
+          color: "var(--list-item-button-bg-ripple)"
+        }
+      }
+    }
+  }
+};
+var listItemTheme = {
+  styleOverrides: {
+    root: {}
+  }
+};
+var listItemSubheaderTheme = {
+  styleOverrides: {
+    root: {}
+  }
+};
+
+export {
+  TransferList,
+  listItemIconTheme,
+  listItemTextTheme,
+  listItemButtonTheme,
+  listItemTheme,
+  listItemSubheaderTheme,
+  default10 as default,
+  default11 as default2,
+  default9 as default3,
+  default12 as default4,
+  default8 as default5,
+  default13 as default6
+};
+//# sourceMappingURL=chunk-TDRA5EZI.mjs.map

package/dist/chunk-TDRA5EZI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/List/src/List/index.ts","../src/components/elemental/List/src/List/TransferList.tsx","../src/components/elemental/List/src/List/CheckList.tsx","../src/components/elemental/List/src/List/theme.ts"],"sourcesContent":["export {default as List} from '@mui/material/List'\nexport {default as ListSubheader} from '@mui/material/ListSubheader'\nexport {default as ListItemIcon} from '@mui/material/ListItemIcon'\nexport {default as ListItemText} from '@mui/material/ListItemText'\nexport {default as ListItemButton} from '@mui/material/ListItemButton'\nexport {default as ListItem} from '@mui/material/ListItem'\n\nexport {default as TransferList} from './TransferList'\nexport * from './theme'","'use client'\nimport React, { useState } from 'react'\nimport { Grid } from '@/ele/Box'\nimport { List } from '@/ele/List'\nimport { Card, CardHeader } from '@/ele/Card'\nimport { Divider } from '@/ele/Divider'\nimport { Checkbox as MuiCheckBox } from '@/ele/Checkbox'\nimport { Button as LabelButtonOutline } from '@/ele/Button'\nimport { DoubleArrowIcon } from '@/icons/MuiIcon'\n\nimport CheckList from './CheckList'\n\nconst indexKey = 'id'\ntype Item<T = unknown> = {\n  value: T;\n  id: string;\n}\n/**\n * Mui Transfer List\n * \n * [Doc](https://mui.com/material-ui/react-transfer-list/)\n * \n * @param addLeft - function to add item to left list from right list by passing the selected ids\n * @param minusLeft - function to add item to right list from left list by passing the selected ids\n */\nexport default function TransferList<T>(props: {\n\tleftProps: {\n\t\tleft: Item<T>[];\n\t\taddLeft: (rightSelectedIds:string[])=> void;\n\t\tminusLeft: (leftSelectedIds:string[])=>void;\n\t};\n\trightProps: { right: Item<T>[]; };\n\tRenderLeft: React.ComponentType<{value:Item<T>}>;\n\tRenderRight: React.ComponentType<{value:Item<T>}>;\n\tleftTitle: string;\n\trightTitle: string;\n\tdisabled?: boolean;\n}){\n  const {\n    leftProps, rightProps,\n    RenderLeft, RenderRight,\n    leftTitle=\"Left\", rightTitle=\"Right\",\n    disabled=false,\n  } = props  \n\n\tconst [checked, setChecked] = useState<Item['id'][]>([])\n\tconst { left, addLeft, minusLeft } = leftProps\n\tconst { right } = rightProps\n\n\tconst leftChecked = intersection(checked, left,)\n\tconst rightChecked = intersection(checked, right,)\n\n\tconst handleToggle:React.ComponentProps<typeof CustomList>[\"handleToggle\"] = (value) => () => {\n\t\tconst id = value[indexKey] // operate with id\n\t\tconst currentIndex = checked.indexOf(id)\n\t\tconst newChecked = [...checked]\n\n\t\tif (currentIndex === -1) {\n\t\t\tnewChecked.push(id)\n\t\t} else {\n\t\t\tnewChecked.splice(currentIndex, 1)\n\t\t}\n\n\t\tsetChecked(newChecked)\n\t}\n\n\tconst numberOfChecked:React.ComponentProps<typeof CustomList>[\"numberOfChecked\"] = (items) => intersection(checked, items,).length\n\n\tconst handleToggleAll:React.ComponentProps<typeof CustomList>[\"handleToggleAll\"] = (items) => () => {\n\t\tif (numberOfChecked(items) === items.length) {\n\t\t\tsetChecked(not(checked, items,))\n\t\t} else {\n\t\t\tsetChecked(union(checked, items,))\n\t\t}\n\t}\n\n\tconst handleCheckedRight = () => {\n\t\tminusLeft(leftChecked)    \n\t\tsetChecked(not(checked, leftChecked.map(id=>left.find(item => item.id === id)!),))\n\t}\n\n\tconst handleCheckedLeft = () => {\n\t\taddLeft(rightChecked)\n\t\tsetChecked(not(checked, rightChecked.map(id=>right.find(item => item.id === id)!),))\n\t}\n\n\n\treturn (\n\t\t<Grid container spacing={2} justifyContent=\"center\" alignItems=\"center\">\n\t\t\t<Grid>        \n\t\t\t\t<CustomList title={leftTitle} items={left} Renderer={RenderLeft}\n\t\t\t\thandleToggleAll={handleToggleAll}\n\t\t\t\thandleToggle={handleToggle}\n\t\t\t\tnumberOfChecked={numberOfChecked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tchecked={checked}/>\n\t\t\t</Grid>\n\t\t\t<TransferButton disabled={disabled}\n\t\t\tleftChecked={leftChecked} rightChecked={rightChecked}\n\t\t\thandleCheckedLeft={handleCheckedLeft} handleCheckedRight={handleCheckedRight}\n\t\t\t/>\n\t\t\t<Grid>\n\t\t\t\t<CustomList title={rightTitle} items={right} Renderer={RenderRight}\n\t\t\t\thandleToggleAll={handleToggleAll}\n\t\t\t\thandleToggle={handleToggle}\n\t\t\t\tnumberOfChecked={numberOfChecked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tchecked={checked}/>\n\t\t\t</Grid>\n\t\t</Grid>\n\t)\n}\n\nfunction not(a:Item['id'][], b:Item[],) {\n  const aIds = [...a] // original\n  const bIds = b.map((value:Item) => value.id)\n  return aIds.filter((value) => bIds.indexOf(value) === -1)\n}\n\nfunction intersection(a:Item['id'][], b:Item[],) {\n  const aIds = [...a] // original\n  const bIds = b.map((value:Item) => value.id)\n  return aIds.filter((value) => bIds.indexOf(value) !== -1)\n}\n\nfunction union(a:Item['id'][], b:Item[],) {\n  const aIds = [...a] // original\n  const bIds = b.map((value:Item) => value.id)\n  return [... new Set([...aIds, ...bIds])]\n}\n\n\nfunction TransferButton({\n\t\thandleCheckedLeft,\n\t\thandleCheckedRight,\n\t\tleftChecked,\n\t\trightChecked,\n\t\tdisabled,\n}: {\n\t\thandleCheckedLeft: React.ComponentProps<typeof LabelButtonOutline>[\"onClick\"];\n\t\thandleCheckedRight: React.ComponentProps<typeof LabelButtonOutline>[\"onClick\"];\n\t\tleftChecked: Item['id'][];\n\t\trightChecked: Item['id'][];\n\t\tdisabled: boolean;\n}) {\n\tif (disabled) return null\n\treturn (\n\t\t<Grid>\n\t\t\t<Grid container direction=\"column\" alignItems=\"center\" sx={{gap:1}}>\n\t\t\t\t<LabelButtonOutline size=\"small\" onClick={handleCheckedRight} disabled={leftChecked.length === 0} endIcon={<DoubleArrowIcon/>} />\n\t\t\t\t<LabelButtonOutline size=\"small\" onClick={handleCheckedLeft} disabled={rightChecked.length === 0} startIcon={<DoubleArrowIcon sx={{transform: \"rotate(180deg)\"}}/>} />\n\t\t\t</Grid>\n\t\t</Grid>\n\t)\n}\n\nfunction CustomList<T = unknown>(props: {\n\ttitle: string;\n\titems: Item<T>[];\n\tRenderer: React.ComponentType<{value:Item<T>}>;\n\thandleToggleAll: (items:Item<T>[])=>()=>void;\n\thandleToggle: (value:Item<T>)=>()=>void;\n\tnumberOfChecked: (items:Item<T>[])=>number;\n\tdisabled: boolean;\n\tchecked: Item['id'][];\n}) {\n\tconst {\n\t\ttitle, items, Renderer, \n\t\thandleToggleAll, handleToggle, \n\t\tnumberOfChecked, disabled, checked,\n\t} = props;\n\n\tconst cardHeaderAvatar = disabled ? null : (\n\t\t\t<MuiCheckBox\n\t\t\tonClick={handleToggleAll(items)}\n\t\t\tchecked={numberOfChecked(items) === items.length && items.length !== 0}\n\t\t\tindeterminate={\n\t\t\t\tnumberOfChecked(items) !== items.length && numberOfChecked(items) !== 0\n\t\t\t}\n\t\t\tdisabled={items.length === 0}\n      slotProps={{\n        input: {\n          'aria-label': 'all items selected',\n        }\n      }}\n\t\t\t/>\n\t\t)\n\n\tconst subheader = disabled?\"\":`${numberOfChecked(items)}/${items.length} selected`\n\treturn (\n\t\t<Card sx={{\n\t\t\t\"&.MuiCard-root\":{backgroundColor:\"transparent\"}\n\t\t}}>\n\t\t\t<CardHeader\n\t\t\t\tsx={{ \n\t\t\t\t\tpx: 2, py: 1,\n\t\t\t\t}}\n\t\t\t\tavatar={cardHeaderAvatar}\n\t\t\t\ttitle={title}\n\t\t\t\tsubheader={subheader}\n\t\t\t/>\n\t\t\t<Divider />\n\t\t\t<List\n\t\t\tsx={{\n\t\t\t\twidth: 200,\n\t\t\t\theight: 230,\n\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\toverflow: 'auto',\n\t\t\t}}\n\t\t\tdense\n\t\t\tcomponent=\"div\"\n\t\t\trole=\"list\"\n\t\t\t>\n\t\t\t\t{items.map((value) => {\n\t\t\t\tconst labelId = `transfer-list-all-item-${value}-label`\n\t\t\t\treturn (\n\t\t\t\t\t<CheckList \n\t\t\t\t\tkey={value[indexKey]}\n\t\t\t\t\tdisabled={disabled} disableOpacity={1}\n\t\t\t\t\tchecked={checked.indexOf(value[indexKey]) !== -1}\n\t\t\t\t\tlabelId={labelId} value={value[indexKey]}\n\t\t\t\t\tonClick={handleToggle(value)}>\n\t\t\t\t\t\t<Renderer value={value} />\n\t\t\t\t\t</CheckList>\n\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</List>\n\t\t</Card>\n)}","import React from 'react'\nimport { ListItemButton, ListItemIcon } from '@/ele/List'\nimport { Checkbox } from '@/ele/Checkbox'\n\ntype value = string | number | undefined\n/**\n * This is a component of Mui TransferList\n */\nfunction CheckList({\n\tchildren,\n\tonClick,\n\tchecked,\n\tlabelId,\n\tvalue,\n\ttabIndex = -1,\n\tdisabled = false,\n\tdisableOpacity = 0.38,\n}: {\n\tchildren?: React.ReactNode;\n\tonClick?: React.Dispatch<React.SetStateAction<value>>;\n\tchecked?: boolean;\n\tlabelId?: string;\n\tvalue?: value;\n\ttabIndex?: number;\n\tdisabled?: boolean;\n\tdisableOpacity?: number;\n}) {\n\treturn (\n\t\t<ListItemButton\n\t\t\tkey={value}\n\t\t\trole=\"listitem\"\n\t\t\tonClick={onClick ? () => onClick(value) : undefined}\n\t\t\tdisabled={disabled}\n\t\t\tstyle={{\n\t\t\t\t'--op': disableOpacity,\n\t\t\t} as React.CSSProperties}\n\t\t\tsx={{\n\t\t\t\t\"&.MuiButtonBase-root.Mui-disabled\": {\n\t\t\t\t\topacity: \"var(--op)\",\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{!disabled && (\n\t\t\t\t<ListItemIcon>\n\t\t\t\t\t<Checkbox\n\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\tsx={{ padding: \"0px\" }}\n\t\t\t\t\t\tslotProps={{\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\t'aria-labelledby': labelId,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</ListItemIcon>\n\t\t\t)}\n\t\t\t{children}\n\t\t</ListItemButton>\n\t)\n}\n\nexport default CheckList","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const listItemIconTheme = {\n  styleOverrides: {\n    root: ()=>({\n      '--list-item-icon-color': 'var(--mui-palette-text-primary)',\n      color: 'var(--list-item-icon-color)',\n    }),\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItemIcon\">\n\nexport const listItemTextTheme = {\n  styleOverrides: {\n    root: ()=>({\n    }),\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItemText\">\n\nexport const listItemButtonTheme = {\n  styleOverrides: {\n    root: {\n      '--list-item-button-bg-hover': 'var(--mui-palette-background-hover-1)',\n      '--list-item-button-bg-ripple': 'color-mix(in lab, var(--list-item-button-bg-hover) 50%, var(--mui-palette-focus-1))',\n\n      \"&.MuiButtonBase-root.MuiListItemButton-root\":{\n        transition:\"none\",\n        // background:\"var(--mui-palette-background-hover-1)\",\n        \n        \"&:hover\":{\n          background:\"var(--list-item-button-bg-hover)\",\n        },\n        \"& .MuiTouchRipple-root\":{\n          color:\"var(--list-item-button-bg-ripple)\",\n        },\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItemButton\">\n\nexport const listItemTheme = {\n  styleOverrides: {\n    root: {\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListItem\">\n\nexport const listItemSubheaderTheme = {\n  styleOverrides: {\n    root: {},\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiListSubheader\">"],"mappings":"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","names":["default","default","jsx","jsxs","default"]}