@j2-health/design-system 0.2.0 → 0.3.0

package/dist/src/components/spinner/Spinner.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { Spin } from "antd";
+import Icon from "@ant-design/icons";
+import SvgProgressCircle from "../../svgs/ProgressCircle.svg.js";
+const SpinIcon = ({ height, width }) => {
+  return /* @__PURE__ */ jsx(Icon, { spin: true, component: () => /* @__PURE__ */ jsx(SvgProgressCircle, {}), style: { height, width } });
+};
+const Spinner = ({ size = 80, className }) => {
+  return /* @__PURE__ */ jsx(
+    Spin,
+    {
+      className,
+      indicator: /* @__PURE__ */ jsx(SpinIcon, { height: size, width: size })
+    }
+  );
+};
+export {
+  Spinner
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/src/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import { Spin } from 'antd'\nimport Icon from '@ant-design/icons'\n\nimport ProgressCircle from '../../svgs/ProgressCircle.svg?react'\n\ntype SpinnerProps = {\n  size?: number\n  className?: string\n}\n\nconst SpinIcon = ({ height, width }: { height?: number; width?: number }) => {\n  return (\n    <Icon spin component={() => <ProgressCircle />} style={{ height, width }} />\n  )\n}\n\nexport const Spinner = ({ size = 80, className }: SpinnerProps) => {\n  return (\n    <Spin\n      className={className}\n      indicator={<SpinIcon height={size} width={size} />}\n    />\n  )\n}\n"],"names":["ProgressCircle"],"mappings":";;;;AAUA,MAAM,WAAW,CAAC,EAAE,QAAQ,YAAiD;AAC3E,SACE,oBAAC,MAAA,EAAK,MAAI,MAAC,WAAW,MAAM,oBAACA,mBAAA,CAAA,CAAe,GAAI,OAAO,EAAE,QAAQ,QAAM,CAAG;AAE9E;AAEO,MAAM,UAAU,CAAC,EAAE,OAAO,IAAI,gBAA8B;AACjE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,oBAAC,UAAA,EAAS,QAAQ,MAAM,OAAO,KAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGtD;"}

package/dist/src/components/steps/Steps.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+;/* empty css            */
+const react = require("@phosphor-icons/react");
+const cx = require("classnames");
+const useSteps = require("./useSteps.cjs");
+const Steps = ({
+  items,
+  current,
+  setCurrent,
+  dot = false,
+  ...props
+}) => {
+  const isVertical = props.direction === "vertical";
+  const totalSteps = (items == null ? void 0 : items.length) || 0;
+  const { current: currentStep, setCurrent: setCurrentStep } = useSteps.useSteps({
+    current,
+    setCurrent,
+    totalSteps
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Steps,
+    {
+      className: "j2Steps",
+      ...props,
+      current: currentStep,
+      onChange: (curr) => setCurrentStep(curr),
+      ...dot && { progressDot: true },
+      items: items == null ? void 0 : items.map((item, index) => {
+        return {
+          ...item,
+          icon: !dot && currentStep > index ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cx(
+                `check-${props.size}`,
+                isVertical ? `vertical-check-icon` : `check-icon`
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { size: 16 })
+            }
+          ) : item.icon
+        };
+      })
+    }
+  );
+};
+exports.Steps = Steps;
+//# sourceMappingURL=Steps.cjs.map

package/dist/src/components/steps/Steps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.cjs","sources":["../../../../src/components/steps/Steps.tsx"],"sourcesContent":["import { Steps as AntdSteps, StepsProps, StepProps } from 'antd'\nimport './Steps.css'\nimport { CheckIcon } from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport { useSteps } from './useSteps'\n\ntype AllProps = StepsProps & {\n  items: StepProps[]\n  dot?: boolean\n  current?: number\n  setCurrent?: (current: number) => void\n}\n\ntype Props = Expand<AllProps>\n\nexport const Steps = ({\n  items,\n  current,\n  setCurrent,\n  dot = false,\n  ...props\n}: Props) => {\n  const isVertical = props.direction === 'vertical'\n  const totalSteps = items?.length || 0\n\n  const { current: currentStep, setCurrent: setCurrentStep } = useSteps({\n    current,\n    setCurrent,\n    totalSteps,\n  })\n\n  return (\n    <AntdSteps\n      className=\"j2Steps\"\n      {...props}\n      current={currentStep}\n      onChange={(curr) => setCurrentStep(curr)}\n      {...(dot && { progressDot: true })}\n      items={items?.map((item, index) => {\n        return {\n          ...item,\n          icon:\n            !dot && currentStep > index ? (\n              <div\n                className={cx(\n                  `check-${props.size}`,\n                  isVertical ? `vertical-check-icon` : `check-icon`\n                )}\n              >\n                <CheckIcon size={16} />\n              </div>\n            ) : (\n              item.icon\n            ),\n        }\n      })}\n    />\n  )\n}\n"],"names":["useSteps","jsx","AntdSteps","CheckIcon"],"mappings":";;;;;;;;AAeO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAa;AACX,QAAM,aAAa,MAAM,cAAc;AACvC,QAAM,cAAa,+BAAO,WAAU;AAEpC,QAAM,EAAE,SAAS,aAAa,YAAY,eAAA,IAAmBA,SAAAA,SAAS;AAAA,IACpE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SACEC,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,UAAU,CAAC,SAAS,eAAe,IAAI;AAAA,MACtC,GAAI,OAAO,EAAE,aAAa,KAAA;AAAA,MAC3B,OAAO,+BAAO,IAAI,CAAC,MAAM,UAAU;AACjC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,MACE,CAAC,OAAO,cAAc,QACpBD,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,SAAS,MAAM,IAAI;AAAA,gBACnB,aAAa,wBAAwB;AAAA,cAAA;AAAA,cAGvC,UAAAA,2BAAAA,IAACE,MAAAA,WAAA,EAAU,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA,IAGvB,KAAK;AAAA,QAAA;AAAA,MAGb;AAAA,IAAC;AAAA,EAAA;AAGP;;"}

package/dist/src/components/steps/Steps.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { Steps as Steps$1 } from "antd";
+/* empty css          */
+import { CheckIcon } from "@phosphor-icons/react";
+import cx from "classnames";
+import { useSteps } from "./useSteps.js";
+const Steps = ({
+  items,
+  current,
+  setCurrent,
+  dot = false,
+  ...props
+}) => {
+  const isVertical = props.direction === "vertical";
+  const totalSteps = (items == null ? void 0 : items.length) || 0;
+  const { current: currentStep, setCurrent: setCurrentStep } = useSteps({
+    current,
+    setCurrent,
+    totalSteps
+  });
+  return /* @__PURE__ */ jsx(
+    Steps$1,
+    {
+      className: "j2Steps",
+      ...props,
+      current: currentStep,
+      onChange: (curr) => setCurrentStep(curr),
+      ...dot && { progressDot: true },
+      items: items == null ? void 0 : items.map((item, index) => {
+        return {
+          ...item,
+          icon: !dot && currentStep > index ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cx(
+                `check-${props.size}`,
+                isVertical ? `vertical-check-icon` : `check-icon`
+              ),
+              children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
+            }
+          ) : item.icon
+        };
+      })
+    }
+  );
+};
+export {
+  Steps
+};
+//# sourceMappingURL=Steps.js.map

package/dist/src/components/steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sources":["../../../../src/components/steps/Steps.tsx"],"sourcesContent":["import { Steps as AntdSteps, StepsProps, StepProps } from 'antd'\nimport './Steps.css'\nimport { CheckIcon } from '@phosphor-icons/react'\nimport cx from 'classnames'\nimport { useSteps } from './useSteps'\n\ntype AllProps = StepsProps & {\n  items: StepProps[]\n  dot?: boolean\n  current?: number\n  setCurrent?: (current: number) => void\n}\n\ntype Props = Expand<AllProps>\n\nexport const Steps = ({\n  items,\n  current,\n  setCurrent,\n  dot = false,\n  ...props\n}: Props) => {\n  const isVertical = props.direction === 'vertical'\n  const totalSteps = items?.length || 0\n\n  const { current: currentStep, setCurrent: setCurrentStep } = useSteps({\n    current,\n    setCurrent,\n    totalSteps,\n  })\n\n  return (\n    <AntdSteps\n      className=\"j2Steps\"\n      {...props}\n      current={currentStep}\n      onChange={(curr) => setCurrentStep(curr)}\n      {...(dot && { progressDot: true })}\n      items={items?.map((item, index) => {\n        return {\n          ...item,\n          icon:\n            !dot && currentStep > index ? (\n              <div\n                className={cx(\n                  `check-${props.size}`,\n                  isVertical ? `vertical-check-icon` : `check-icon`\n                )}\n              >\n                <CheckIcon size={16} />\n              </div>\n            ) : (\n              item.icon\n            ),\n        }\n      })}\n    />\n  )\n}\n"],"names":["AntdSteps"],"mappings":";;;;;;AAeO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAa;AACX,QAAM,aAAa,MAAM,cAAc;AACvC,QAAM,cAAa,+BAAO,WAAU;AAEpC,QAAM,EAAE,SAAS,aAAa,YAAY,eAAA,IAAmB,SAAS;AAAA,IACpE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,SAAS;AAAA,MACT,UAAU,CAAC,SAAS,eAAe,IAAI;AAAA,MACtC,GAAI,OAAO,EAAE,aAAa,KAAA;AAAA,MAC3B,OAAO,+BAAO,IAAI,CAAC,MAAM,UAAU;AACjC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,MACE,CAAC,OAAO,cAAc,QACpB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,SAAS,MAAM,IAAI;AAAA,gBACnB,aAAa,wBAAwB;AAAA,cAAA;AAAA,cAGvC,UAAA,oBAAC,WAAA,EAAU,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA,IAGvB,KAAK;AAAA,QAAA;AAAA,MAGb;AAAA,IAAC;AAAA,EAAA;AAGP;"}

package/dist/src/components/steps/useSteps.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useSteps = ({
+  current,
+  setCurrent,
+  totalSteps,
+  initialStep = 0
+}) => {
+  const [internalCurrent, setInternalCurrent] = React.useState(initialStep);
+  const isControlled = current !== void 0 && setCurrent !== void 0;
+  const currentStep = isControlled ? current : internalCurrent;
+  const handleSetCurrent = React.useCallback(
+    (newCurrent) => {
+      if (isControlled) {
+        setCurrent(newCurrent);
+      } else {
+        setInternalCurrent(newCurrent);
+      }
+    },
+    [isControlled, setCurrent]
+  );
+  const next = React.useCallback(() => {
+    if (currentStep < totalSteps - 1) {
+      handleSetCurrent(currentStep + 1);
+    }
+  }, [currentStep, totalSteps, handleSetCurrent]);
+  const previous = React.useCallback(() => {
+    if (currentStep > 0) {
+      handleSetCurrent(currentStep - 1);
+    }
+  }, [currentStep, handleSetCurrent]);
+  const goToStep = React.useCallback(
+    (step) => {
+      if (step >= 0 && step < totalSteps) {
+        handleSetCurrent(step);
+      }
+    },
+    [totalSteps, handleSetCurrent]
+  );
+  const cancel = React.useCallback(() => {
+    handleSetCurrent(initialStep);
+  }, [handleSetCurrent, initialStep]);
+  return {
+    next,
+    previous,
+    goToStep,
+    cancel,
+    current: currentStep,
+    setCurrent: handleSetCurrent,
+    canGoNext: currentStep < totalSteps - 1,
+    canGoPrevious: currentStep > 0
+  };
+};
+exports.useSteps = useSteps;
+//# sourceMappingURL=useSteps.cjs.map

package/dist/src/components/steps/useSteps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSteps.cjs","sources":["../../../../src/components/steps/useSteps.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\ninterface UseStepsOptions {\n  current?: number\n  setCurrent?: (current: number) => void\n  totalSteps: number\n  initialStep?: number\n}\n\nexport const useSteps = ({\n  current,\n  setCurrent,\n  totalSteps,\n  initialStep = 0,\n}: UseStepsOptions) => {\n  const [internalCurrent, setInternalCurrent] = useState(initialStep)\n\n  const isControlled = current !== undefined && setCurrent !== undefined\n  const currentStep = isControlled ? current : internalCurrent\n\n  const handleSetCurrent = useCallback(\n    (newCurrent: number) => {\n      if (isControlled) {\n        setCurrent!(newCurrent)\n      } else {\n        setInternalCurrent(newCurrent)\n      }\n    },\n    [isControlled, setCurrent]\n  )\n\n  const next = useCallback(() => {\n    if (currentStep < totalSteps - 1) {\n      handleSetCurrent(currentStep + 1)\n    }\n  }, [currentStep, totalSteps, handleSetCurrent])\n\n  const previous = useCallback(() => {\n    if (currentStep > 0) {\n      handleSetCurrent(currentStep - 1)\n    }\n  }, [currentStep, handleSetCurrent])\n\n  const goToStep = useCallback(\n    (step: number) => {\n      if (step >= 0 && step < totalSteps) {\n        handleSetCurrent(step)\n      }\n    },\n    [totalSteps, handleSetCurrent]\n  )\n\n  const cancel = useCallback(() => {\n    handleSetCurrent(initialStep)\n  }, [handleSetCurrent, initialStep])\n\n  return {\n    next,\n    previous,\n    goToStep,\n    cancel,\n    current: currentStep,\n    setCurrent: handleSetCurrent,\n    canGoNext: currentStep < totalSteps - 1,\n    canGoPrevious: currentStep > 0,\n  }\n}\n"],"names":["useState","useCallback"],"mappings":";;;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAuB;AACrB,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAS,WAAW;AAElE,QAAM,eAAe,YAAY,UAAa,eAAe;AAC7D,QAAM,cAAc,eAAe,UAAU;AAE7C,QAAM,mBAAmBC,MAAAA;AAAAA,IACvB,CAAC,eAAuB;AACtB,UAAI,cAAc;AAChB,mBAAY,UAAU;AAAA,MACxB,OAAO;AACL,2BAAmB,UAAU;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC,cAAc,UAAU;AAAA,EAAA;AAG3B,QAAM,OAAOA,MAAAA,YAAY,MAAM;AAC7B,QAAI,cAAc,aAAa,GAAG;AAChC,uBAAiB,cAAc,CAAC;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,gBAAgB,CAAC;AAE9C,QAAM,WAAWA,MAAAA,YAAY,MAAM;AACjC,QAAI,cAAc,GAAG;AACnB,uBAAiB,cAAc,CAAC;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,CAAC;AAElC,QAAM,WAAWA,MAAAA;AAAAA,IACf,CAAC,SAAiB;AAChB,UAAI,QAAQ,KAAK,OAAO,YAAY;AAClC,yBAAiB,IAAI;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,YAAY,gBAAgB;AAAA,EAAA;AAG/B,QAAM,SAASA,MAAAA,YAAY,MAAM;AAC/B,qBAAiB,WAAW;AAAA,EAC9B,GAAG,CAAC,kBAAkB,WAAW,CAAC;AAElC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,cAAc,aAAa;AAAA,IACtC,eAAe,cAAc;AAAA,EAAA;AAEjC;;"}

package/dist/src/components/steps/useSteps.js

@@ -0,0 +1,56 @@
+import { useState, useCallback } from "react";
+const useSteps = ({
+  current,
+  setCurrent,
+  totalSteps,
+  initialStep = 0
+}) => {
+  const [internalCurrent, setInternalCurrent] = useState(initialStep);
+  const isControlled = current !== void 0 && setCurrent !== void 0;
+  const currentStep = isControlled ? current : internalCurrent;
+  const handleSetCurrent = useCallback(
+    (newCurrent) => {
+      if (isControlled) {
+        setCurrent(newCurrent);
+      } else {
+        setInternalCurrent(newCurrent);
+      }
+    },
+    [isControlled, setCurrent]
+  );
+  const next = useCallback(() => {
+    if (currentStep < totalSteps - 1) {
+      handleSetCurrent(currentStep + 1);
+    }
+  }, [currentStep, totalSteps, handleSetCurrent]);
+  const previous = useCallback(() => {
+    if (currentStep > 0) {
+      handleSetCurrent(currentStep - 1);
+    }
+  }, [currentStep, handleSetCurrent]);
+  const goToStep = useCallback(
+    (step) => {
+      if (step >= 0 && step < totalSteps) {
+        handleSetCurrent(step);
+      }
+    },
+    [totalSteps, handleSetCurrent]
+  );
+  const cancel = useCallback(() => {
+    handleSetCurrent(initialStep);
+  }, [handleSetCurrent, initialStep]);
+  return {
+    next,
+    previous,
+    goToStep,
+    cancel,
+    current: currentStep,
+    setCurrent: handleSetCurrent,
+    canGoNext: currentStep < totalSteps - 1,
+    canGoPrevious: currentStep > 0
+  };
+};
+export {
+  useSteps
+};
+//# sourceMappingURL=useSteps.js.map

package/dist/src/components/steps/useSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSteps.js","sources":["../../../../src/components/steps/useSteps.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\ninterface UseStepsOptions {\n  current?: number\n  setCurrent?: (current: number) => void\n  totalSteps: number\n  initialStep?: number\n}\n\nexport const useSteps = ({\n  current,\n  setCurrent,\n  totalSteps,\n  initialStep = 0,\n}: UseStepsOptions) => {\n  const [internalCurrent, setInternalCurrent] = useState(initialStep)\n\n  const isControlled = current !== undefined && setCurrent !== undefined\n  const currentStep = isControlled ? current : internalCurrent\n\n  const handleSetCurrent = useCallback(\n    (newCurrent: number) => {\n      if (isControlled) {\n        setCurrent!(newCurrent)\n      } else {\n        setInternalCurrent(newCurrent)\n      }\n    },\n    [isControlled, setCurrent]\n  )\n\n  const next = useCallback(() => {\n    if (currentStep < totalSteps - 1) {\n      handleSetCurrent(currentStep + 1)\n    }\n  }, [currentStep, totalSteps, handleSetCurrent])\n\n  const previous = useCallback(() => {\n    if (currentStep > 0) {\n      handleSetCurrent(currentStep - 1)\n    }\n  }, [currentStep, handleSetCurrent])\n\n  const goToStep = useCallback(\n    (step: number) => {\n      if (step >= 0 && step < totalSteps) {\n        handleSetCurrent(step)\n      }\n    },\n    [totalSteps, handleSetCurrent]\n  )\n\n  const cancel = useCallback(() => {\n    handleSetCurrent(initialStep)\n  }, [handleSetCurrent, initialStep])\n\n  return {\n    next,\n    previous,\n    goToStep,\n    cancel,\n    current: currentStep,\n    setCurrent: handleSetCurrent,\n    canGoNext: currentStep < totalSteps - 1,\n    canGoPrevious: currentStep > 0,\n  }\n}\n"],"names":[],"mappings":";AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAuB;AACrB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,WAAW;AAElE,QAAM,eAAe,YAAY,UAAa,eAAe;AAC7D,QAAM,cAAc,eAAe,UAAU;AAE7C,QAAM,mBAAmB;AAAA,IACvB,CAAC,eAAuB;AACtB,UAAI,cAAc;AAChB,mBAAY,UAAU;AAAA,MACxB,OAAO;AACL,2BAAmB,UAAU;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC,cAAc,UAAU;AAAA,EAAA;AAG3B,QAAM,OAAO,YAAY,MAAM;AAC7B,QAAI,cAAc,aAAa,GAAG;AAChC,uBAAiB,cAAc,CAAC;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,gBAAgB,CAAC;AAE9C,QAAM,WAAW,YAAY,MAAM;AACjC,QAAI,cAAc,GAAG;AACnB,uBAAiB,cAAc,CAAC;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,CAAC;AAElC,QAAM,WAAW;AAAA,IACf,CAAC,SAAiB;AAChB,UAAI,QAAQ,KAAK,OAAO,YAAY;AAClC,yBAAiB,IAAI;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,YAAY,gBAAgB;AAAA,EAAA;AAG/B,QAAM,SAAS,YAAY,MAAM;AAC/B,qBAAiB,WAAW;AAAA,EAC9B,GAAG,CAAC,kBAAkB,WAAW,CAAC;AAElC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,cAAc,aAAa;AAAA,IACtC,eAAe,cAAc;AAAA,EAAA;AAEjC;"}

package/dist/src/components/switch/Switch.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+;/* empty css             */
+const Switch = ({
+  small,
+  loading = false,
+  disabled = false,
+  checked,
+  onChange,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Switch,
+    {
+      ...props,
+      size: small ? "small" : "default",
+      loading,
+      disabled,
+      checked,
+      onChange,
+      className: "j2-switch"
+    }
+  );
+};
+exports.Switch = Switch;
+//# sourceMappingURL=Switch.cjs.map

package/dist/src/components/switch/Switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Switch as AntSwitch, SwitchProps } from 'antd'\nimport './Switch.css'\n\ntype AllProps = SwitchProps & {\n  small?: boolean\n  loading?: boolean\n  disabled?: boolean\n  checked?: boolean\n  onChange?: (checked: boolean, event: Event) => void\n}\n\nexport type Props = Expand<AllProps>\n\nexport const Switch = ({\n  small,\n  loading = false,\n  disabled = false,\n  checked,\n  onChange,\n  ...props\n}: Props) => {\n  return (\n    <AntSwitch\n      {...props}\n      size={small ? 'small' : 'default'}\n      loading={loading}\n      disabled={disabled}\n      checked={checked}\n      onChange={onChange}\n      className=\"j2-switch\"\n    />\n  )\n}\n"],"names":["jsx","AntSwitch"],"mappings":";;;;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM,QAAQ,UAAU;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}

package/dist/src/components/switch/Switch.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "antd";
+/* empty css           */
+const Switch = ({
+  small,
+  loading = false,
+  disabled = false,
+  checked,
+  onChange,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Switch$1,
+    {
+      ...props,
+      size: small ? "small" : "default",
+      loading,
+      disabled,
+      checked,
+      onChange,
+      className: "j2-switch"
+    }
+  );
+};
+export {
+  Switch
+};
+//# sourceMappingURL=Switch.js.map

package/dist/src/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Switch as AntSwitch, SwitchProps } from 'antd'\nimport './Switch.css'\n\ntype AllProps = SwitchProps & {\n  small?: boolean\n  loading?: boolean\n  disabled?: boolean\n  checked?: boolean\n  onChange?: (checked: boolean, event: Event) => void\n}\n\nexport type Props = Expand<AllProps>\n\nexport const Switch = ({\n  small,\n  loading = false,\n  disabled = false,\n  checked,\n  onChange,\n  ...props\n}: Props) => {\n  return (\n    <AntSwitch\n      {...props}\n      size={small ? 'small' : 'default'}\n      loading={loading}\n      disabled={disabled}\n      checked={checked}\n      onChange={onChange}\n      className=\"j2-switch\"\n    />\n  )\n}\n"],"names":["AntSwitch"],"mappings":";;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM,QAAQ,UAAU;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/src/components/table/Table.cjs

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const cx = require("classnames");
+const Table_module = require("./Table.module.css.cjs");
+const Pagination = require("../pagination/Pagination.cjs");
+const react = require("@phosphor-icons/react");
+const Spinner = require("../spinner/Spinner.cjs");
+const defaultSortIcon = ({
+  sortOrder
+}) => {
+  if (sortOrder == "ascend") return /* @__PURE__ */ jsxRuntime.jsx(react.CaretUpIcon, {});
+  if (sortOrder == "descend") return /* @__PURE__ */ jsxRuntime.jsx(react.CaretDownIcon, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(react.CaretUpDownIcon, {});
+};
+const Table = ({
+  verticalBorders,
+  alternatingRows,
+  paginationTextLabels = false,
+  ...props
+}) => {
+  var _a, _b;
+  const defaultLoadingProps = {
+    indicator: /* @__PURE__ */ jsxRuntime.jsx(Spinner.Spinner, { className: "!w-fit !h-fit !mx-0 translate-x-[-50%]" }),
+    tip: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-20", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { children: "Loading this chart" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg", children: "Please wait a moment" })
+    ] })
+  };
+  const loading = typeof props.loading == "object" ? { ...props.loading, ...defaultLoadingProps } : props.loading && defaultLoadingProps;
+  const isSimpleValue = (value) => {
+    return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+  };
+  const extractTextContent = (node) => {
+    if (isSimpleValue(node)) {
+      return String(node);
+    }
+    if (node && typeof node === "object" && "props" in node && node.props && typeof node.props === "object" && "children" in node.props) {
+      const children = node.props.children;
+      if (isSimpleValue(children)) {
+        return String(children);
+      }
+    }
+    return null;
+  };
+  const columns = (_a = props.columns) == null ? void 0 : _a.map((column) => {
+    const hasEllipsis = column.ellipsis === true || typeof column.ellipsis === "object" && column.ellipsis;
+    const originalRender = column.render;
+    return {
+      ...column,
+      sortIcon: column.sortIcon ?? defaultSortIcon,
+      ellipsis: hasEllipsis ? {
+        showTitle: false
+        // Disable default browser tooltip
+      } : column.ellipsis,
+      render: (value, record, index) => {
+        const renderedContent = originalRender ? originalRender(value, record, index) : value;
+        if (renderedContent == null) {
+          return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-j2-text-secondary", children: "--" });
+        }
+        const tooltipText = extractTextContent(renderedContent);
+        if (tooltipText) {
+          if (isSimpleValue(renderedContent)) {
+            return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: hasEllipsis ? "block truncate" : void 0, children: renderedContent }) });
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderedContent }) });
+        }
+        return renderedContent;
+      }
+    };
+  });
+  const paginationConfig = props.pagination ? Pagination.withDesignSystemPaginationOverrides(
+    typeof props.pagination === "object" ? props.pagination : {},
+    {
+      paginationTextLabels,
+      isSmall: typeof props.pagination === "object" && props.pagination.size === "small" || props.size === "small"
+    }
+  ) : false;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cx(props.className, {
+        [Table_module.default.bordered]: props.bordered && !verticalBorders,
+        [Table_module.default.alternatingRows]: alternatingRows
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Table,
+        {
+          showSorterTooltip: { target: "sorter-icon" },
+          ...props,
+          loading,
+          columns,
+          pagination: paginationConfig,
+          rowKey: (record) => JSON.stringify(record),
+          locale: {
+            emptyText: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: { height: ((_b = props.scroll) == null ? void 0 : _b.y) || 400, width: "content-fit" }
+              }
+            )
+          }
+        }
+      )
+    }
+  );
+};
+const TableColumn = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { ...props, sortIcon: defaultSortIcon });
+};
+TableColumn.displayName = "Table.Column";
+Table.Column = TableColumn;
+Table.Summary = antd.Table.Summary;
+exports.Table = Table;
+exports.defaultSortIcon = defaultSortIcon;
+//# sourceMappingURL=Table.cjs.map

package/dist/src/components/table/Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import { Table as AntdTable, SpinProps, TableProps, Tooltip } from 'antd'\nimport cx from 'classnames'\nimport s from './Table.module.css'\nimport { Spinner } from '../spinner'\nimport { withDesignSystemPaginationOverrides } from '../pagination/Pagination'\nimport {\n  CaretDownIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n} from '@phosphor-icons/react'\nimport { ComponentProps, ReactNode } from 'react'\nimport { AnyObject } from 'antd/es/_util/type'\n\ntype MergedProps<T> = TableProps<T> & {\n  verticalBorders?: boolean\n  alternatingRows?: boolean\n  columns?: TableProps<T>['columns']\n  paginationTextLabels?: boolean\n}\n\ntype Props<T> = Expand<MergedProps<T>>\n\nexport const defaultSortIcon = ({\n  sortOrder,\n}: {\n  sortOrder: 'ascend' | 'descend' | null\n}) => {\n  if (sortOrder == 'ascend') return <CaretUpIcon />\n  if (sortOrder == 'descend') return <CaretDownIcon />\n  return <CaretUpDownIcon />\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-constraint\nconst Table = <T extends unknown = any>({\n  verticalBorders,\n  alternatingRows,\n  paginationTextLabels = false,\n  ...props\n}: Props<T>) => {\n  const defaultLoadingProps: SpinProps = {\n    indicator: <Spinner className=\"!w-fit !h-fit !mx-0 translate-x-[-50%]\" />,\n    tip: (\n      <div className=\"mt-20\">\n        <h4>Loading this chart</h4>\n        <span className=\"text-lg\">Please wait a moment</span>\n      </div>\n    ),\n  }\n\n  const loading: SpinProps | boolean | undefined =\n    typeof props.loading == 'object'\n      ? { ...props.loading, ...defaultLoadingProps }\n      : props.loading && defaultLoadingProps\n\n  const isSimpleValue = (\n    value: unknown\n  ): value is string | number | boolean => {\n    return (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    )\n  }\n\n  // Helper to extract text content from React elements\n  const extractTextContent = (node: unknown): string | null => {\n    if (isSimpleValue(node)) {\n      return String(node)\n    }\n\n    // Check if it's a React element with simple text children\n    if (\n      node &&\n      typeof node === 'object' &&\n      'props' in node &&\n      node.props &&\n      typeof node.props === 'object' &&\n      'children' in node.props\n    ) {\n      const children = node.props.children\n      if (isSimpleValue(children)) {\n        return String(children)\n      }\n    }\n\n    return null\n  }\n\n  const columns = props.columns?.map((column) => {\n    const hasEllipsis =\n      column.ellipsis === true ||\n      (typeof column.ellipsis === 'object' && column.ellipsis)\n\n    const originalRender = column.render\n\n    return {\n      ...column,\n      sortIcon: column.sortIcon ?? defaultSortIcon,\n      ellipsis: hasEllipsis\n        ? {\n            showTitle: false, // Disable default browser tooltip\n          }\n        : column.ellipsis,\n      render: (value: unknown, record: T, index: number): ReactNode => {\n        const renderedContent = originalRender\n          ? originalRender(value, record, index)\n          : value\n\n        // Render null/undefined as dashes with no tooltip\n        if (renderedContent == null) {\n          return <span className=\"text-j2-text-secondary\">--</span>\n        }\n\n        // Try to extract text content for tooltip\n        const tooltipText = extractTextContent(renderedContent)\n\n        // If we can extract text content, wrap with tooltip\n        if (tooltipText) {\n          // For simple values, wrap in a span\n          if (isSimpleValue(renderedContent)) {\n            return (\n              <Tooltip title={tooltipText} arrow={false}>\n                <span className={hasEllipsis ? 'block truncate' : undefined}>\n                  {renderedContent}\n                </span>\n              </Tooltip>\n            )\n          }\n\n          // For React elements, wrap the element itself\n          return (\n            <Tooltip title={tooltipText} arrow={false}>\n              <div>{renderedContent as ReactNode}</div>\n            </Tooltip>\n          )\n        }\n\n        // Complex components without extractable text - return as is\n        return renderedContent as ReactNode\n      },\n    }\n  })\n\n  const paginationConfig = props.pagination\n    ? withDesignSystemPaginationOverrides(\n        typeof props.pagination === 'object' ? props.pagination : {},\n        {\n          paginationTextLabels,\n          isSmall:\n            (typeof props.pagination === 'object' &&\n              props.pagination.size === 'small') ||\n            props.size === 'small',\n        }\n      )\n    : false\n\n  return (\n    <div\n      className={cx(props.className, {\n        [s.bordered]: props.bordered && !verticalBorders,\n        [s.alternatingRows]: alternatingRows,\n      })}\n    >\n      <AntdTable<T>\n        showSorterTooltip={{ target: 'sorter-icon' }}\n        {...props}\n        loading={loading}\n        columns={columns}\n        pagination={paginationConfig}\n        rowKey={(record) => JSON.stringify(record)}\n        locale={{\n          emptyText: (\n            <div\n              style={{ height: props.scroll?.y || 400, width: 'content-fit' }}\n            />\n          ),\n        }}\n      />\n    </div>\n  )\n}\n\ntype ColumnProps<T extends AnyObject> = Expand<\n  ComponentProps<typeof AntdTable.Column<T>>\n>\n\nconst TableColumn = <T extends AnyObject>(props: ColumnProps<T>) => {\n  return <AntdTable.Column<T> {...props} sortIcon={defaultSortIcon} />\n}\nTableColumn.displayName = 'Table.Column'\n\nTable.Column = TableColumn\nTable.Summary = AntdTable.Summary\n\nexport type { TableColumnType } from 'antd'\nexport { Table }\n"],"names":["jsx","CaretUpIcon","CaretDownIcon","CaretUpDownIcon","Spinner","jsxs","Tooltip","withDesignSystemPaginationOverrides","s","AntdTable"],"mappings":"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"}

package/dist/src/components/table/Table.js

@@ -0,0 +1,117 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip, Table as Table$1 } from "antd";
+import cx from "classnames";
+import s from "./Table.module.css.js";
+import { withDesignSystemPaginationOverrides } from "../pagination/Pagination.js";
+import { CaretUpIcon, CaretDownIcon, CaretUpDownIcon } from "@phosphor-icons/react";
+import { Spinner } from "../spinner/Spinner.js";
+const defaultSortIcon = ({
+  sortOrder
+}) => {
+  if (sortOrder == "ascend") return /* @__PURE__ */ jsx(CaretUpIcon, {});
+  if (sortOrder == "descend") return /* @__PURE__ */ jsx(CaretDownIcon, {});
+  return /* @__PURE__ */ jsx(CaretUpDownIcon, {});
+};
+const Table = ({
+  verticalBorders,
+  alternatingRows,
+  paginationTextLabels = false,
+  ...props
+}) => {
+  var _a, _b;
+  const defaultLoadingProps = {
+    indicator: /* @__PURE__ */ jsx(Spinner, { className: "!w-fit !h-fit !mx-0 translate-x-[-50%]" }),
+    tip: /* @__PURE__ */ jsxs("div", { className: "mt-20", children: [
+      /* @__PURE__ */ jsx("h4", { children: "Loading this chart" }),
+      /* @__PURE__ */ jsx("span", { className: "text-lg", children: "Please wait a moment" })
+    ] })
+  };
+  const loading = typeof props.loading == "object" ? { ...props.loading, ...defaultLoadingProps } : props.loading && defaultLoadingProps;
+  const isSimpleValue = (value) => {
+    return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+  };
+  const extractTextContent = (node) => {
+    if (isSimpleValue(node)) {
+      return String(node);
+    }
+    if (node && typeof node === "object" && "props" in node && node.props && typeof node.props === "object" && "children" in node.props) {
+      const children = node.props.children;
+      if (isSimpleValue(children)) {
+        return String(children);
+      }
+    }
+    return null;
+  };
+  const columns = (_a = props.columns) == null ? void 0 : _a.map((column) => {
+    const hasEllipsis = column.ellipsis === true || typeof column.ellipsis === "object" && column.ellipsis;
+    const originalRender = column.render;
+    return {
+      ...column,
+      sortIcon: column.sortIcon ?? defaultSortIcon,
+      ellipsis: hasEllipsis ? {
+        showTitle: false
+        // Disable default browser tooltip
+      } : column.ellipsis,
+      render: (value, record, index) => {
+        const renderedContent = originalRender ? originalRender(value, record, index) : value;
+        if (renderedContent == null) {
+          return /* @__PURE__ */ jsx("span", { className: "text-j2-text-secondary", children: "--" });
+        }
+        const tooltipText = extractTextContent(renderedContent);
+        if (tooltipText) {
+          if (isSimpleValue(renderedContent)) {
+            return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsx("span", { className: hasEllipsis ? "block truncate" : void 0, children: renderedContent }) });
+          }
+          return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsx("div", { children: renderedContent }) });
+        }
+        return renderedContent;
+      }
+    };
+  });
+  const paginationConfig = props.pagination ? withDesignSystemPaginationOverrides(
+    typeof props.pagination === "object" ? props.pagination : {},
+    {
+      paginationTextLabels,
+      isSmall: typeof props.pagination === "object" && props.pagination.size === "small" || props.size === "small"
+    }
+  ) : false;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx(props.className, {
+        [s.bordered]: props.bordered && !verticalBorders,
+        [s.alternatingRows]: alternatingRows
+      }),
+      children: /* @__PURE__ */ jsx(
+        Table$1,
+        {
+          showSorterTooltip: { target: "sorter-icon" },
+          ...props,
+          loading,
+          columns,
+          pagination: paginationConfig,
+          rowKey: (record) => JSON.stringify(record),
+          locale: {
+            emptyText: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: { height: ((_b = props.scroll) == null ? void 0 : _b.y) || 400, width: "content-fit" }
+              }
+            )
+          }
+        }
+      )
+    }
+  );
+};
+const TableColumn = (props) => {
+  return /* @__PURE__ */ jsx(Table$1.Column, { ...props, sortIcon: defaultSortIcon });
+};
+TableColumn.displayName = "Table.Column";
+Table.Column = TableColumn;
+Table.Summary = Table$1.Summary;
+export {
+  Table,
+  defaultSortIcon
+};
+//# sourceMappingURL=Table.js.map

package/dist/src/components/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import { Table as AntdTable, SpinProps, TableProps, Tooltip } from 'antd'\nimport cx from 'classnames'\nimport s from './Table.module.css'\nimport { Spinner } from '../spinner'\nimport { withDesignSystemPaginationOverrides } from '../pagination/Pagination'\nimport {\n  CaretDownIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n} from '@phosphor-icons/react'\nimport { ComponentProps, ReactNode } from 'react'\nimport { AnyObject } from 'antd/es/_util/type'\n\ntype MergedProps<T> = TableProps<T> & {\n  verticalBorders?: boolean\n  alternatingRows?: boolean\n  columns?: TableProps<T>['columns']\n  paginationTextLabels?: boolean\n}\n\ntype Props<T> = Expand<MergedProps<T>>\n\nexport const defaultSortIcon = ({\n  sortOrder,\n}: {\n  sortOrder: 'ascend' | 'descend' | null\n}) => {\n  if (sortOrder == 'ascend') return <CaretUpIcon />\n  if (sortOrder == 'descend') return <CaretDownIcon />\n  return <CaretUpDownIcon />\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-constraint\nconst Table = <T extends unknown = any>({\n  verticalBorders,\n  alternatingRows,\n  paginationTextLabels = false,\n  ...props\n}: Props<T>) => {\n  const defaultLoadingProps: SpinProps = {\n    indicator: <Spinner className=\"!w-fit !h-fit !mx-0 translate-x-[-50%]\" />,\n    tip: (\n      <div className=\"mt-20\">\n        <h4>Loading this chart</h4>\n        <span className=\"text-lg\">Please wait a moment</span>\n      </div>\n    ),\n  }\n\n  const loading: SpinProps | boolean | undefined =\n    typeof props.loading == 'object'\n      ? { ...props.loading, ...defaultLoadingProps }\n      : props.loading && defaultLoadingProps\n\n  const isSimpleValue = (\n    value: unknown\n  ): value is string | number | boolean => {\n    return (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    )\n  }\n\n  // Helper to extract text content from React elements\n  const extractTextContent = (node: unknown): string | null => {\n    if (isSimpleValue(node)) {\n      return String(node)\n    }\n\n    // Check if it's a React element with simple text children\n    if (\n      node &&\n      typeof node === 'object' &&\n      'props' in node &&\n      node.props &&\n      typeof node.props === 'object' &&\n      'children' in node.props\n    ) {\n      const children = node.props.children\n      if (isSimpleValue(children)) {\n        return String(children)\n      }\n    }\n\n    return null\n  }\n\n  const columns = props.columns?.map((column) => {\n    const hasEllipsis =\n      column.ellipsis === true ||\n      (typeof column.ellipsis === 'object' && column.ellipsis)\n\n    const originalRender = column.render\n\n    return {\n      ...column,\n      sortIcon: column.sortIcon ?? defaultSortIcon,\n      ellipsis: hasEllipsis\n        ? {\n            showTitle: false, // Disable default browser tooltip\n          }\n        : column.ellipsis,\n      render: (value: unknown, record: T, index: number): ReactNode => {\n        const renderedContent = originalRender\n          ? originalRender(value, record, index)\n          : value\n\n        // Render null/undefined as dashes with no tooltip\n        if (renderedContent == null) {\n          return <span className=\"text-j2-text-secondary\">--</span>\n        }\n\n        // Try to extract text content for tooltip\n        const tooltipText = extractTextContent(renderedContent)\n\n        // If we can extract text content, wrap with tooltip\n        if (tooltipText) {\n          // For simple values, wrap in a span\n          if (isSimpleValue(renderedContent)) {\n            return (\n              <Tooltip title={tooltipText} arrow={false}>\n                <span className={hasEllipsis ? 'block truncate' : undefined}>\n                  {renderedContent}\n                </span>\n              </Tooltip>\n            )\n          }\n\n          // For React elements, wrap the element itself\n          return (\n            <Tooltip title={tooltipText} arrow={false}>\n              <div>{renderedContent as ReactNode}</div>\n            </Tooltip>\n          )\n        }\n\n        // Complex components without extractable text - return as is\n        return renderedContent as ReactNode\n      },\n    }\n  })\n\n  const paginationConfig = props.pagination\n    ? withDesignSystemPaginationOverrides(\n        typeof props.pagination === 'object' ? props.pagination : {},\n        {\n          paginationTextLabels,\n          isSmall:\n            (typeof props.pagination === 'object' &&\n              props.pagination.size === 'small') ||\n            props.size === 'small',\n        }\n      )\n    : false\n\n  return (\n    <div\n      className={cx(props.className, {\n        [s.bordered]: props.bordered && !verticalBorders,\n        [s.alternatingRows]: alternatingRows,\n      })}\n    >\n      <AntdTable<T>\n        showSorterTooltip={{ target: 'sorter-icon' }}\n        {...props}\n        loading={loading}\n        columns={columns}\n        pagination={paginationConfig}\n        rowKey={(record) => JSON.stringify(record)}\n        locale={{\n          emptyText: (\n            <div\n              style={{ height: props.scroll?.y || 400, width: 'content-fit' }}\n            />\n          ),\n        }}\n      />\n    </div>\n  )\n}\n\ntype ColumnProps<T extends AnyObject> = Expand<\n  ComponentProps<typeof AntdTable.Column<T>>\n>\n\nconst TableColumn = <T extends AnyObject>(props: ColumnProps<T>) => {\n  return <AntdTable.Column<T> {...props} sortIcon={defaultSortIcon} />\n}\nTableColumn.displayName = 'Table.Column'\n\nTable.Column = TableColumn\nTable.Summary = AntdTable.Summary\n\nexport type { TableColumnType } from 'antd'\nexport { Table }\n"],"names":["AntdTable"],"mappings":"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"}

package/dist/src/components/table/Table.module.css.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const bordered = "_bordered_1vc5s_1";
+const alternatingRows = "_alternatingRows_1vc5s_49";
+const s = {
+  bordered,
+  alternatingRows
+};
+exports.alternatingRows = alternatingRows;
+exports.bordered = bordered;
+exports.default = s;
+//# sourceMappingURL=Table.module.css.cjs.map

package/dist/src/components/table/Table.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/src/components/table/Table.module.css.js

@@ -0,0 +1,12 @@
+const bordered = "_bordered_1vc5s_1";
+const alternatingRows = "_alternatingRows_1vc5s_49";
+const s = {
+  bordered,
+  alternatingRows
+};
+export {
+  alternatingRows,
+  bordered,
+  s as default
+};
+//# sourceMappingURL=Table.module.css.js.map

package/dist/src/components/table/Table.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}