@rttui/skin-anocca 1.0.35 → 1.0.36

package/dist/mjs/index.mjs.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": [
-    "export { AnoccaSkin } from \"./anocca_skin.mjs\";\nexport { TableHeaderRow } from \"./table_header_row.mjs\";\nexport { HeaderPinButtons } from \"./header_pin_buttons.mjs\";\nexport { RowPinButtons } from \"./row_pin_buttons.mjs\";\nexport { Resizer } from \"./resizer.mjs\";"
+    "export { AnoccaSkin } from \"./anocca_skin.mjs\";\nexport { TableHeaderRow } from \"./table_header_row.mjs\";\nexport { HeaderPinButtons } from \"./header_pin_buttons.mjs\";\nexport { RowPinButtons } from \"./row_pin_buttons.mjs\";\nexport { Resizer } from \"./resizer.mjs\";\nexport { CellAvatar } from \"./cell_avatar.mjs\";\nexport { CellAvatarWithText } from \"./cell_avatar_with_text.mjs\";\nexport { CellNumber } from \"./cell_number.mjs\";\nexport { CellTag } from \"./cell_tag.mjs\";\nexport { CellText } from \"./cell_text.mjs\";\nexport { ExpandButton } from \"./expand_button.mjs\";\nexport { Checkbox } from \"./checkbox.mjs\";\nexport { CellTextBold } from \"./cell_text_bold.mjs\";\nexport { CellCurrency } from \"./cell_currency.mjs\";\nexport { CellBadge } from \"./cell_badge.mjs\";\nexport { Cell } from \"./cell.mjs\";\nexport { CellLink } from \"./cell_link.mjs\";\nexport { CellPercent } from \"./cell_percent.mjs\";\n"
   ],
-  "mappings": ";AAAA;AACA;AACA;AACA;AACA;",
-  "debugId": "A2F2CCD887D32E2E64756E2164756E21",
+  "mappings": ";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "debugId": "9A5B3FA97F18B91964756E2164756E21",
   "names": []
 }

package/dist/mjs/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@rttui/skin-anocca",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "type": "module"
 }

package/dist/mjs/resizer.mjs

@@ -44,6 +44,13 @@ function Resizer() {
         ev.stopPropagation();
         ev.preventDefault();
       },
+      onClick: (ev) => {
+        if (ev.metaKey) {
+          ev.stopPropagation();
+          ev.preventDefault();
+          crushHeader(colRef().header);
+        }
+      },
       onMouseDown: (ev) => colRef().header.getResizeHandler()(ev),
       onTouchStart: (ev) => colRef().header.getResizeHandler()(ev),
       className: `resizer ${isResizing ? "isResizing" : ""}`,
@@ -72,4 +79,4 @@ export {
   Resizer
 };
 
-//# debugId=8C805E33E6EA178264756E2164756E21
+//# debugId=2170379A35DDEFF664756E2164756E21

package/dist/mjs/resizer.mjs.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../../src/resizer.tsx"],
   "sourcesContent": [
-    "import { Box } from \"@mui/material\";\nimport { useColRef, useCrushHeader } from \"@rttui/core\";\nimport { useColProps } from \"@rttui/core\";\nimport React from \"react\";\nimport { shallowEqual } from \"@rttui/core\";\nexport function Resizer() {\n  const crushHeader = useCrushHeader();\n\n  const { canResize, isResizing } = useColProps({\n    callback: ({ column }) => {\n      return {\n        canResize: column.getCanResize(),\n        isResizing: column.getIsResizing(),\n      };\n    },\n    areCallbackOutputEqual: shallowEqual,\n    dependencies: [{ type: \"tanstack_table\" }],\n  });\n\n  const colRef = useColRef();\n\n  React.useEffect(() => {\n    if (!isResizing) {\n      return;\n    }\n    const preventDefault = (e: Event) => {\n      e.preventDefault();\n    };\n    document.body.addEventListener(\"select\", preventDefault);\n    document.body.addEventListener(\"selectstart\", preventDefault);\n    document.body.style.userSelect = \"none\";\n    return () => {\n      document.body.removeEventListener(\"select\", preventDefault);\n      document.body.removeEventListener(\"selectstart\", preventDefault);\n      document.body.style.userSelect = \"auto\";\n    };\n  }, [isResizing]);\n\n  if (!canResize) {\n    return null;\n  }\n\n  return (\n    <>\n      {canResize && (\n        <Box\n          onDoubleClick={(ev) => {\n            crushHeader(colRef().header);\n            ev.stopPropagation();\n            ev.preventDefault();\n          }}\n          onMouseDown={(ev: any) => colRef().header.getResizeHandler()(ev)}\n          onTouchStart={(ev: any) => colRef().header.getResizeHandler()(ev)}\n          className={`resizer ${isResizing ? \"isResizing\" : \"\"}`}\n          sx={{\n            position: \"absolute\",\n            right: 0,\n            top: 0,\n            bottom: 0,\n            width: \"3px\",\n            cursor: \"col-resize\",\n            userSelect: \"none\",\n            touchAction: \"none\",\n            opacity: 0,\n            backgroundColor: (theme) => theme.palette.text.secondary,\n            transition: \"opacity 0.2s\",\n            \"&.isResizing\": {\n              backgroundColor: (theme) => theme.palette.primary.main,\n              opacity: 1,\n              width: \"1px\",\n            },\n          }}\n        />\n      )}\n    </>\n  );\n}\n"
+    "import { Box } from \"@mui/material\";\nimport { useColRef, useCrushHeader } from \"@rttui/core\";\nimport { useColProps } from \"@rttui/core\";\nimport React from \"react\";\nimport { shallowEqual } from \"@rttui/core\";\nexport function Resizer() {\n  const crushHeader = useCrushHeader();\n\n  const { canResize, isResizing } = useColProps({\n    callback: ({ column }) => {\n      return {\n        canResize: column.getCanResize(),\n        isResizing: column.getIsResizing(),\n      };\n    },\n    areCallbackOutputEqual: shallowEqual,\n    dependencies: [{ type: \"tanstack_table\" }],\n  });\n\n  const colRef = useColRef();\n\n  React.useEffect(() => {\n    if (!isResizing) {\n      return;\n    }\n    const preventDefault = (e: Event) => {\n      e.preventDefault();\n    };\n    document.body.addEventListener(\"select\", preventDefault);\n    document.body.addEventListener(\"selectstart\", preventDefault);\n    document.body.style.userSelect = \"none\";\n    return () => {\n      document.body.removeEventListener(\"select\", preventDefault);\n      document.body.removeEventListener(\"selectstart\", preventDefault);\n      document.body.style.userSelect = \"auto\";\n    };\n  }, [isResizing]);\n\n  if (!canResize) {\n    return null;\n  }\n\n  return (\n    <>\n      {canResize && (\n        <Box\n          onDoubleClick={(ev) => {\n            crushHeader(colRef().header);\n            ev.stopPropagation();\n            ev.preventDefault();\n          }}\n          onClick={(ev) => {\n            if (ev.metaKey) {\n              ev.stopPropagation();\n              ev.preventDefault();\n              crushHeader(colRef().header);\n            }\n          }}\n          onMouseDown={(ev: any) => colRef().header.getResizeHandler()(ev)}\n          onTouchStart={(ev: any) => colRef().header.getResizeHandler()(ev)}\n          className={`resizer ${isResizing ? \"isResizing\" : \"\"}`}\n          sx={{\n            position: \"absolute\",\n            right: 0,\n            top: 0,\n            bottom: 0,\n            width: \"3px\",\n            cursor: \"col-resize\",\n            userSelect: \"none\",\n            touchAction: \"none\",\n            opacity: 0,\n            backgroundColor: (theme) => theme.palette.text.secondary,\n            transition: \"opacity 0.2s\",\n            \"&.isResizing\": {\n              backgroundColor: (theme) => theme.palette.primary.main,\n              opacity: 1,\n              width: \"1px\",\n            },\n          }}\n        />\n      )}\n    </>\n  );\n}\n"
   ],
-  "mappings": ";AAAA;AACA;AACA;AACA;AACA;AAAA;AACO,SAAS,OAAO,GAAG;AAAA,EACxB,MAAM,cAAc,eAAe;AAAA,EAEnC,QAAQ,WAAW,eAAe,YAAY;AAAA,IAC5C,UAAU,GAAG,aAAa;AAAA,MACxB,OAAO;AAAA,QACL,WAAW,OAAO,aAAa;AAAA,QAC/B,YAAY,OAAO,cAAc;AAAA,MACnC;AAAA;AAAA,IAEF,wBAAwB;AAAA,IACxB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,EAC3C,CAAC;AAAA,EAED,MAAM,SAAS,UAAU;AAAA,EAEzB,MAAM,UAAU,MAAM;AAAA,IACpB,KAAK,YAAY;AAAA,MACf;AAAA,IACF;AAAA,IACA,MAAM,iBAAiB,CAAC,MAAa;AAAA,MACnC,EAAE,eAAe;AAAA;AAAA,IAEnB,SAAS,KAAK,iBAAiB,UAAU,cAAc;AAAA,IACvD,SAAS,KAAK,iBAAiB,eAAe,cAAc;AAAA,IAC5D,SAAS,KAAK,MAAM,aAAa;AAAA,IACjC,OAAO,MAAM;AAAA,MACX,SAAS,KAAK,oBAAoB,UAAU,cAAc;AAAA,MAC1D,SAAS,KAAK,oBAAoB,eAAe,cAAc;AAAA,MAC/D,SAAS,KAAK,MAAM,aAAa;AAAA;AAAA,KAElC,CAAC,UAAU,CAAC;AAAA,EAEf,KAAK,WAAW;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EAEA,uBACE;AAAA,cACG,6BACC,IAAC,KAAD;AAAA,MACE,eAAe,CAAC,OAAO;AAAA,QACrB,YAAY,OAAO,EAAE,MAAM;AAAA,QAC3B,GAAG,gBAAgB;AAAA,QACnB,GAAG,eAAe;AAAA;AAAA,MAEpB,aAAa,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAC/D,cAAc,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAChE,WAAW,WAAW,aAAa,eAAe;AAAA,MAClD,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB,CAAC,UAAU,MAAM,QAAQ,KAAK;AAAA,QAC/C,YAAY;AAAA,QACZ,gBAAgB;AAAA,UACd,iBAAiB,CAAC,UAAU,MAAM,QAAQ,QAAQ;AAAA,UAClD,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,KACF;AAAA,GAEF;AAAA;",
-  "debugId": "8C805E33E6EA178264756E2164756E21",
+  "mappings": ";AAAA;AACA;AACA;AACA;AACA;AAAA;AACO,SAAS,OAAO,GAAG;AAAA,EACxB,MAAM,cAAc,eAAe;AAAA,EAEnC,QAAQ,WAAW,eAAe,YAAY;AAAA,IAC5C,UAAU,GAAG,aAAa;AAAA,MACxB,OAAO;AAAA,QACL,WAAW,OAAO,aAAa;AAAA,QAC/B,YAAY,OAAO,cAAc;AAAA,MACnC;AAAA;AAAA,IAEF,wBAAwB;AAAA,IACxB,cAAc,CAAC,EAAE,MAAM,iBAAiB,CAAC;AAAA,EAC3C,CAAC;AAAA,EAED,MAAM,SAAS,UAAU;AAAA,EAEzB,MAAM,UAAU,MAAM;AAAA,IACpB,KAAK,YAAY;AAAA,MACf;AAAA,IACF;AAAA,IACA,MAAM,iBAAiB,CAAC,MAAa;AAAA,MACnC,EAAE,eAAe;AAAA;AAAA,IAEnB,SAAS,KAAK,iBAAiB,UAAU,cAAc;AAAA,IACvD,SAAS,KAAK,iBAAiB,eAAe,cAAc;AAAA,IAC5D,SAAS,KAAK,MAAM,aAAa;AAAA,IACjC,OAAO,MAAM;AAAA,MACX,SAAS,KAAK,oBAAoB,UAAU,cAAc;AAAA,MAC1D,SAAS,KAAK,oBAAoB,eAAe,cAAc;AAAA,MAC/D,SAAS,KAAK,MAAM,aAAa;AAAA;AAAA,KAElC,CAAC,UAAU,CAAC;AAAA,EAEf,KAAK,WAAW;AAAA,IACd,OAAO;AAAA,EACT;AAAA,EAEA,uBACE;AAAA,cACG,6BACC,IAAC,KAAD;AAAA,MACE,eAAe,CAAC,OAAO;AAAA,QACrB,YAAY,OAAO,EAAE,MAAM;AAAA,QAC3B,GAAG,gBAAgB;AAAA,QACnB,GAAG,eAAe;AAAA;AAAA,MAEpB,SAAS,CAAC,OAAO;AAAA,QACf,IAAI,GAAG,SAAS;AAAA,UACd,GAAG,gBAAgB;AAAA,UACnB,GAAG,eAAe;AAAA,UAClB,YAAY,OAAO,EAAE,MAAM;AAAA,QAC7B;AAAA;AAAA,MAEF,aAAa,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAC/D,cAAc,CAAC,OAAY,OAAO,EAAE,OAAO,iBAAiB,EAAE,EAAE;AAAA,MAChE,WAAW,WAAW,aAAa,eAAe;AAAA,MAClD,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,SAAS;AAAA,QACT,iBAAiB,CAAC,UAAU,MAAM,QAAQ,KAAK;AAAA,QAC/C,YAAY;AAAA,QACZ,gBAAgB;AAAA,UACd,iBAAiB,CAAC,UAAU,MAAM,QAAQ,QAAQ;AAAA,UAClD,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,KACF;AAAA,GAEF;AAAA;",
+  "debugId": "2170379A35DDEFF664756E2164756E21",
   "names": []
 }

package/dist/types/cell.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CellProps } from "@rttui/core";
+export declare const Cell: React.FC<CellProps>;

package/dist/types/cell_avatar.d.ts

@@ -0,0 +1,3 @@
+import { CellAvatarProps } from "@rttui/core";
+import React from "react";
+export declare const CellAvatar: React.FC<CellAvatarProps>;

package/dist/types/cell_avatar_with_text.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CellAvatarWithTextProps } from "@rttui/core";
+export declare const CellAvatarWithText: React.FC<CellAvatarWithTextProps>;

package/dist/types/cell_badge.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CellBadgeProps } from "@rttui/core";
+export declare const CellBadge: React.FC<CellBadgeProps>;

package/dist/types/cell_currency.d.ts

@@ -0,0 +1,3 @@
+import { CellCurrencyProps } from "@rttui/core";
+import React from "react";
+export declare const CellCurrency: React.FC<CellCurrencyProps>;

package/dist/types/cell_link.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface CellLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+    children: React.ReactNode;
+    srText?: string;
+}
+export declare const CellLink: React.FC<CellLinkProps>;
+export {};

package/dist/types/cell_number.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type CellNumberProps = {
+    children: React.ReactNode;
+};
+export declare const CellNumber: React.FC<CellNumberProps>;
+export {};

package/dist/types/cell_percent.d.ts

@@ -0,0 +1,7 @@
+import { CellPercentProps } from "@rttui/core";
+import React from "react";
+/**
+ * CellPercent component for the Anocca skin.
+ * Formats a number as a percentage.
+ */
+export declare const CellPercent: React.FC<CellPercentProps>;

package/dist/types/cell_tag.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type CellTagProps = {
+    children: React.ReactNode;
+};
+export declare const CellTag: React.FC<CellTagProps>;
+export {};

package/dist/types/cell_text.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type CellTextProps = {
+    children: React.ReactNode;
+};
+export declare const CellText: React.FC<CellTextProps>;
+export {};

package/dist/types/cell_text_bold.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type CellTextBoldProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const CellTextBold: React.FC<CellTextBoldProps>;
+export {};

package/dist/types/checkbox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { CheckboxProps } from "@rttui/core";
+export declare const Checkbox: React.FC<CheckboxProps>;

package/dist/types/expand_button.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ExpandButton: React.FC;

package/dist/types/index.d.ts

@@ -3,3 +3,16 @@ export { TableHeaderRow } from "./table_header_row";
 export { HeaderPinButtons } from "./header_pin_buttons";
 export { RowPinButtons } from "./row_pin_buttons";
 export { Resizer } from "./resizer";
+export { CellAvatar } from "./cell_avatar";
+export { CellAvatarWithText } from "./cell_avatar_with_text";
+export { CellNumber } from "./cell_number";
+export { CellTag } from "./cell_tag";
+export { CellText } from "./cell_text";
+export { ExpandButton } from "./expand_button";
+export { Checkbox } from "./checkbox";
+export { CellTextBold } from "./cell_text_bold";
+export { CellCurrency } from "./cell_currency";
+export { CellBadge } from "./cell_badge";
+export { Cell } from "./cell";
+export { CellLink } from "./cell_link";
+export { CellPercent } from "./cell_percent";

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@rttui/skin-anocca",
-  "version": "1.0.35",
+  "version": "1.0.36",
   "main": "./dist/cjs/index.cjs",
   "dependencies": {
-    "@rttui/core": "^1.0.33"
+    "@rttui/core": "^1.0.34"
   },
   "module": "./dist/mjs/index.mjs",
   "types": "./dist/types/index.d.ts",