@j2-health/design-system 0.2.0 → 0.2.1

package/dist/src/components/bulkActionBar/BulkActionBar.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cx = require("classnames");
+const Button = require("../button/Button.cjs");
+const BulkActionBar = ({
+  count,
+  action,
+  secondaryActions,
+  onCancel,
+  cancelLabel = "Cancel"
+}) => {
+  const visible = count > 0;
+  const label = `${count} selected`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "region",
+      "aria-label": "Bulk actions",
+      "aria-hidden": !visible,
+      className: cx(
+        "pointer-events-none fixed bottom-6 left-1/2 z-50",
+        "-translate-x-1/2 transition duration-200 ease-out",
+        visible ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-4 opacity-0"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cx(
+            "pointer-events-auto flex items-center gap-3 rounded-full",
+            "bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-px bg-white/20" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                type: "text",
+                shape: "round",
+                size: "small",
+                icon: action.icon,
+                loading: action.loading,
+                onClick: action.onClick,
+                className: "!text-white hover:!bg-white/10 hover:!text-white",
+                children: action.label
+              }
+            ),
+            secondaryActions == null ? void 0 : secondaryActions.map((sec) => /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                type: "text",
+                shape: "round",
+                size: "small",
+                icon: sec.icon,
+                loading: sec.loading,
+                onClick: sec.onClick,
+                className: "!text-white hover:!bg-white/10 hover:!text-white",
+                children: sec.label
+              },
+              sec.label
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                type: "text",
+                shape: "round",
+                size: "small",
+                onClick: onCancel,
+                className: "!text-white hover:!bg-white/10 hover:!text-white",
+                children: cancelLabel
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+exports.BulkActionBar = BulkActionBar;
+//# sourceMappingURL=BulkActionBar.cjs.map

package/dist/src/components/bulkActionBar/BulkActionBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionBar.cjs","sources":["../../../../src/components/bulkActionBar/BulkActionBar.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Button } from '../button'\n\ntype BulkActionBarProps = {\n  /**\n   * Number of rows currently selected. The bar slides in when count > 0\n   * and slides out when count returns to 0.\n   */\n  count: number\n  /** Primary action (Archive, Restore, Delete, etc.). */\n  action: {\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }\n  /** Optional secondary actions rendered between the primary action and Cancel. */\n  secondaryActions?: Array<{\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }>\n  /** Clears the selection. Renders as the trailing \"Cancel\" button. */\n  onCancel: () => void\n  /** Custom Cancel label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n}\n\n/**\n * Floating bulk-action toolbar. Renders fixed to the bottom-center of the\n * viewport and slides in whenever `count > 0`. Use it above any list/table\n * surface that supports row selection — pair with Ant Design's\n * `rowSelection` prop on `<Table>` (or any controlled selection state).\n *\n * Destructive intent is enforced by whatever confirmation modal the host\n * surface shows after `action.onClick` — the bar itself is always neutral\n * (text-on-navy) so it never reads as a one-click destructive control.\n */\nexport const BulkActionBar = ({\n  count,\n  action,\n  secondaryActions,\n  onCancel,\n  cancelLabel = 'Cancel',\n}: BulkActionBarProps) => {\n  const visible = count > 0\n  const label = `${count} selected`\n\n  return (\n    <div\n      role=\"region\"\n      aria-label=\"Bulk actions\"\n      aria-hidden={!visible}\n      className={cx(\n        'pointer-events-none fixed bottom-6 left-1/2 z-50',\n        '-translate-x-1/2 transition duration-200 ease-out',\n        visible\n          ? 'translate-y-0 opacity-100'\n          : 'pointer-events-none translate-y-4 opacity-0'\n      )}\n    >\n      <div\n        className={cx(\n          'pointer-events-auto flex items-center gap-3 rounded-full',\n          'bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg'\n        )}\n      >\n        <span className=\"text-sm font-medium\">{label}</span>\n        <div className=\"h-5 w-px bg-white/20\" />\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          icon={action.icon}\n          loading={action.loading}\n          onClick={action.onClick}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {action.label}\n        </Button>\n        {secondaryActions?.map((sec) => (\n          <Button\n            key={sec.label}\n            type=\"text\"\n            shape=\"round\"\n            size=\"small\"\n            icon={sec.icon}\n            loading={sec.loading}\n            onClick={sec.onClick}\n            className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n          >\n            {sec.label}\n          </Button>\n        ))}\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          onClick={onCancel}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {cancelLabel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["jsx","jsxs","Button"],"mappings":";;;;;AAwCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAA0B;AACxB,QAAM,UAAU,QAAQ;AACxB,QAAM,QAAQ,GAAG,KAAK;AAEtB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAa,CAAC;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UACI,8BACA;AAAA,MAAA;AAAA,MAGN,UAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,OAAM;AAAA,YAC7CA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,YACtCA,2BAAAA;AAAAA,cAACE,OAAAA;AAAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,OAAO;AAAA,gBACb,SAAS,OAAO;AAAA,gBAChB,SAAS,OAAO;AAAA,gBAChB,WAAU;AAAA,gBAET,UAAA,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAET,qDAAkB,IAAI,CAAC,QACtBF,2BAAAA;AAAAA,cAACE,OAAAA;AAAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,IAAI;AAAA,gBACV,SAAS,IAAI;AAAA,gBACb,SAAS,IAAI;AAAA,gBACb,WAAU;AAAA,gBAET,UAAA,IAAI;AAAA,cAAA;AAAA,cATA,IAAI;AAAA,YAAA;AAAA,YAYbF,2BAAAA;AAAAA,cAACE,OAAAA;AAAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}

package/dist/src/components/bulkActionBar/BulkActionBar.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { Button } from "../button/Button.js";
+const BulkActionBar = ({
+  count,
+  action,
+  secondaryActions,
+  onCancel,
+  cancelLabel = "Cancel"
+}) => {
+  const visible = count > 0;
+  const label = `${count} selected`;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "region",
+      "aria-label": "Bulk actions",
+      "aria-hidden": !visible,
+      className: cx(
+        "pointer-events-none fixed bottom-6 left-1/2 z-50",
+        "-translate-x-1/2 transition duration-200 ease-out",
+        visible ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-4 opacity-0"
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cx(
+            "pointer-events-auto flex items-center gap-3 rounded-full",
+            "bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label }),
+            /* @__PURE__ */ jsx("div", { className: "h-5 w-px bg-white/20" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "text",
+                shape: "round",
+                size: "small",
+                icon: action.icon,
+                loading: action.loading,
+                onClick: action.onClick,
+                className: "!text-white hover:!bg-white/10 hover:!text-white",
+                children: action.label
+              }
+            ),
+            secondaryActions == null ? void 0 : secondaryActions.map((sec) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "text",
+                shape: "round",
+                size: "small",
+                icon: sec.icon,
+                loading: sec.loading,
+                onClick: sec.onClick,
+                className: "!text-white hover:!bg-white/10 hover:!text-white",
+                children: sec.label
+              },
+              sec.label
+            )),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "text",
+                shape: "round",
+                size: "small",
+                onClick: onCancel,
+                className: "!text-white hover:!bg-white/10 hover:!text-white",
+                children: cancelLabel
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  BulkActionBar
+};
+//# sourceMappingURL=BulkActionBar.js.map

package/dist/src/components/bulkActionBar/BulkActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionBar.js","sources":["../../../../src/components/bulkActionBar/BulkActionBar.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Button } from '../button'\n\ntype BulkActionBarProps = {\n  /**\n   * Number of rows currently selected. The bar slides in when count > 0\n   * and slides out when count returns to 0.\n   */\n  count: number\n  /** Primary action (Archive, Restore, Delete, etc.). */\n  action: {\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }\n  /** Optional secondary actions rendered between the primary action and Cancel. */\n  secondaryActions?: Array<{\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }>\n  /** Clears the selection. Renders as the trailing \"Cancel\" button. */\n  onCancel: () => void\n  /** Custom Cancel label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n}\n\n/**\n * Floating bulk-action toolbar. Renders fixed to the bottom-center of the\n * viewport and slides in whenever `count > 0`. Use it above any list/table\n * surface that supports row selection — pair with Ant Design's\n * `rowSelection` prop on `<Table>` (or any controlled selection state).\n *\n * Destructive intent is enforced by whatever confirmation modal the host\n * surface shows after `action.onClick` — the bar itself is always neutral\n * (text-on-navy) so it never reads as a one-click destructive control.\n */\nexport const BulkActionBar = ({\n  count,\n  action,\n  secondaryActions,\n  onCancel,\n  cancelLabel = 'Cancel',\n}: BulkActionBarProps) => {\n  const visible = count > 0\n  const label = `${count} selected`\n\n  return (\n    <div\n      role=\"region\"\n      aria-label=\"Bulk actions\"\n      aria-hidden={!visible}\n      className={cx(\n        'pointer-events-none fixed bottom-6 left-1/2 z-50',\n        '-translate-x-1/2 transition duration-200 ease-out',\n        visible\n          ? 'translate-y-0 opacity-100'\n          : 'pointer-events-none translate-y-4 opacity-0'\n      )}\n    >\n      <div\n        className={cx(\n          'pointer-events-auto flex items-center gap-3 rounded-full',\n          'bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg'\n        )}\n      >\n        <span className=\"text-sm font-medium\">{label}</span>\n        <div className=\"h-5 w-px bg-white/20\" />\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          icon={action.icon}\n          loading={action.loading}\n          onClick={action.onClick}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {action.label}\n        </Button>\n        {secondaryActions?.map((sec) => (\n          <Button\n            key={sec.label}\n            type=\"text\"\n            shape=\"round\"\n            size=\"small\"\n            icon={sec.icon}\n            loading={sec.loading}\n            onClick={sec.onClick}\n            className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n          >\n            {sec.label}\n          </Button>\n        ))}\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          onClick={onCancel}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {cancelLabel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAwCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAA0B;AACxB,QAAM,UAAU,QAAQ;AACxB,QAAM,QAAQ,GAAG,KAAK;AAEtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAa,CAAC;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UACI,8BACA;AAAA,MAAA;AAAA,MAGN,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,OAAM;AAAA,YAC7C,oBAAC,OAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,YACtC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,OAAO;AAAA,gBACb,SAAS,OAAO;AAAA,gBAChB,SAAS,OAAO;AAAA,gBAChB,WAAU;AAAA,gBAET,UAAA,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAET,qDAAkB,IAAI,CAAC,QACtB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,IAAI;AAAA,gBACV,SAAS,IAAI;AAAA,gBACb,SAAS,IAAI;AAAA,gBACb,WAAU;AAAA,gBAET,UAAA,IAAI;AAAA,cAAA;AAAA,cATA,IAAI;AAAA,YAAA;AAAA,YAYb;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/src/components/button/Button.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+;/* empty css             */
+const Button = ({ type, size, ghost, danger, shape, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Button,
+    {
+      ...props,
+      type,
+      size,
+      ghost,
+      danger,
+      shape,
+      children: props.children
+    }
+  );
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.cjs.map

package/dist/src/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { Button as AntdButton, ButtonProps } from 'antd'\nimport './Button.css'\n\nexport type Props = Expand<ButtonProps>\n\nconst Button = ({ type, size, ghost, danger, shape, ...props }: Props) => {\n  return (\n    <AntdButton\n      {...props}\n      type={type}\n      size={size}\n      ghost={ghost}\n      danger={danger}\n      shape={shape}\n    >\n      {props.children}\n    </AntdButton>\n  )\n}\n\nexport { Button }\n"],"names":["jsx","AntdButton"],"mappings":";;;;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,MAAM,OAAO,QAAQ,OAAO,GAAG,YAAmB;AACxE,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;;"}

package/dist/src/components/button/Button.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { Button as Button$1 } from "antd";
+/* empty css           */
+const Button = ({ type, size, ghost, danger, shape, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      ...props,
+      type,
+      size,
+      ghost,
+      danger,
+      shape,
+      children: props.children
+    }
+  );
+};
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/src/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { Button as AntdButton, ButtonProps } from 'antd'\nimport './Button.css'\n\nexport type Props = Expand<ButtonProps>\n\nconst Button = ({ type, size, ghost, danger, shape, ...props }: Props) => {\n  return (\n    <AntdButton\n      {...props}\n      type={type}\n      size={size}\n      ghost={ghost}\n      danger={danger}\n      shape={shape}\n    >\n      {props.children}\n    </AntdButton>\n  )\n}\n\nexport { Button }\n"],"names":["AntdButton"],"mappings":";;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,MAAM,OAAO,QAAQ,OAAO,GAAG,YAAmB;AACxE,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/src/components/card/Card.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const cx = require("classnames");
+;/* empty css           */
+const Card = ({
+  title,
+  children,
+  loading,
+  size = "default",
+  innerVariant = "default",
+  className,
+  ...props
+}) => {
+  const isInner = props.type === "inner";
+  const isInnerBasic = isInner && innerVariant === "basic";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Card,
+    {
+      className: cx(
+        "j2-card",
+        `j2-card-${size}`,
+        isInnerBasic && "inner-basic",
+        className
+      ),
+      ...props,
+      size: size === "large" || size === "compact" ? "default" : size,
+      title,
+      loading,
+      children
+    }
+  );
+};
+exports.Card = Card;
+//# sourceMappingURL=Card.cjs.map

package/dist/src/components/card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import { Card as AntdCard, CardProps } from 'antd'\nimport cx from 'classnames'\n\n// import this file to enable styling defined in there\nimport './Card.css'\n\nexport type Props = Omit<CardProps, 'size'> & {\n  /** Card title */\n  title?: string\n  /** Card contents */\n  children: React.ReactNode\n  /** Loading state */\n  loading?: boolean\n  /** Card size */\n  size?: 'default' | 'small' | 'compact' | 'large'\n  /**\n   * Inner card type variant.\n   * It allows inner card to have variants independent of other props.\n   * Works only with type=\"inner\".\n   */\n  innerVariant?: 'default' | 'basic'\n}\n\nconst Card = ({\n  title,\n  children,\n  loading,\n  size = 'default',\n  innerVariant = 'default',\n  className,\n  ...props\n}: Props) => {\n  const isInner = props.type === 'inner'\n  const isInnerBasic = isInner && innerVariant === 'basic'\n  return (\n    <AntdCard\n      className={cx(\n        'j2-card',\n        `j2-card-${size}`,\n        isInnerBasic && 'inner-basic',\n        className\n      )}\n      {...props}\n      size={size === 'large' || size === 'compact' ? 'default' : size}\n      title={title}\n      loading={loading}\n    >\n      {children}\n    </AntdCard>\n  )\n}\n\nexport { Card }\n"],"names":["jsx","AntdCard"],"mappings":";;;;;;AAuBA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,UAAU,MAAM,SAAS;AAC/B,QAAM,eAAe,WAAW,iBAAiB;AACjD,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,gBAAgB;AAAA,QAChB;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MACJ,MAAM,SAAS,WAAW,SAAS,YAAY,YAAY;AAAA,MAC3D;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/src/components/card/Card.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { Card as Card$1 } from "antd";
+import cx from "classnames";
+/* empty css         */
+const Card = ({
+  title,
+  children,
+  loading,
+  size = "default",
+  innerVariant = "default",
+  className,
+  ...props
+}) => {
+  const isInner = props.type === "inner";
+  const isInnerBasic = isInner && innerVariant === "basic";
+  return /* @__PURE__ */ jsx(
+    Card$1,
+    {
+      className: cx(
+        "j2-card",
+        `j2-card-${size}`,
+        isInnerBasic && "inner-basic",
+        className
+      ),
+      ...props,
+      size: size === "large" || size === "compact" ? "default" : size,
+      title,
+      loading,
+      children
+    }
+  );
+};
+export {
+  Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/src/components/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import { Card as AntdCard, CardProps } from 'antd'\nimport cx from 'classnames'\n\n// import this file to enable styling defined in there\nimport './Card.css'\n\nexport type Props = Omit<CardProps, 'size'> & {\n  /** Card title */\n  title?: string\n  /** Card contents */\n  children: React.ReactNode\n  /** Loading state */\n  loading?: boolean\n  /** Card size */\n  size?: 'default' | 'small' | 'compact' | 'large'\n  /**\n   * Inner card type variant.\n   * It allows inner card to have variants independent of other props.\n   * Works only with type=\"inner\".\n   */\n  innerVariant?: 'default' | 'basic'\n}\n\nconst Card = ({\n  title,\n  children,\n  loading,\n  size = 'default',\n  innerVariant = 'default',\n  className,\n  ...props\n}: Props) => {\n  const isInner = props.type === 'inner'\n  const isInnerBasic = isInner && innerVariant === 'basic'\n  return (\n    <AntdCard\n      className={cx(\n        'j2-card',\n        `j2-card-${size}`,\n        isInnerBasic && 'inner-basic',\n        className\n      )}\n      {...props}\n      size={size === 'large' || size === 'compact' ? 'default' : size}\n      title={title}\n      loading={loading}\n    >\n      {children}\n    </AntdCard>\n  )\n}\n\nexport { Card }\n"],"names":["AntdCard"],"mappings":";;;;AAuBA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,UAAU,MAAM,SAAS;AAC/B,QAAM,eAAe,WAAW,iBAAiB;AACjD,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,gBAAgB;AAAA,QAChB;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MACJ,MAAM,SAAS,WAAW,SAAS,YAAY,YAAY;AAAA,MAC3D;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/src/components/checkbox/Checkbox.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const Checkbox = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { ...props });
+};
+Checkbox.Group = antd.Checkbox.Group;
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/src/components/checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as AntdCheckbox, CheckboxProps } from 'antd'\n\ntype Props = Expand<CheckboxProps>\n\nexport const Checkbox = (props: Props) => {\n  return <AntdCheckbox {...props} />\n}\n\nCheckbox.Group = AntdCheckbox.Group\n"],"names":["jsx","AntdCheckbox"],"mappings":";;;;AAIO,MAAM,WAAW,CAAC,UAAiB;AACxC,SAAOA,+BAACC,KAAAA,UAAA,EAAc,GAAG,MAAA,CAAO;AAClC;AAEA,SAAS,QAAQA,KAAAA,SAAa;;"}

package/dist/src/components/checkbox/Checkbox.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox as Checkbox$1 } from "antd";
+const Checkbox = (props) => {
+  return /* @__PURE__ */ jsx(Checkbox$1, { ...props });
+};
+Checkbox.Group = Checkbox$1.Group;
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/src/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as AntdCheckbox, CheckboxProps } from 'antd'\n\ntype Props = Expand<CheckboxProps>\n\nexport const Checkbox = (props: Props) => {\n  return <AntdCheckbox {...props} />\n}\n\nCheckbox.Group = AntdCheckbox.Group\n"],"names":["AntdCheckbox"],"mappings":";;AAIO,MAAM,WAAW,CAAC,UAAiB;AACxC,SAAO,oBAACA,YAAA,EAAc,GAAG,MAAA,CAAO;AAClC;AAEA,SAAS,QAAQA,WAAa;"}

package/dist/src/components/checkboxTree/CheckboxTree.cjs

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const TreeNode = require("./TreeNode.cjs");
+const utils = require("./utils.cjs");
+const CheckboxTree = ({
+  treeData,
+  defaultCheckedKeys = [],
+  checkedKeys: controlledCheckedKeys,
+  onCheck,
+  disabled = false,
+  defaultExpandAll = true,
+  defaultExpandedKeys,
+  expandedKeys: controlledExpandedKeys,
+  onExpand,
+  className,
+  style,
+  lazyChildren = false
+}) => {
+  const allLeafKeys = React.useMemo(() => utils.getAllLeafKeys(treeData), [treeData]);
+  const leafKeySet = React.useMemo(() => new Set(allLeafKeys), [allLeafKeys]);
+  const [internalLeafNodeValues, setInternalLeafNodeValues] = React.useState(() => {
+    const defaultLeafKeySet = new Set(
+      defaultCheckedKeys.filter((key) => leafKeySet.has(key))
+    );
+    const values = {};
+    for (const key of allLeafKeys) {
+      values[key] = defaultLeafKeySet.has(key);
+    }
+    return values;
+  });
+  const [internalExpandedKeys, setInternalExpandedKeys] = React.useState(() => {
+    if (defaultExpandedKeys) return defaultExpandedKeys;
+    if (defaultExpandAll) return utils.getAllParentKeys(treeData);
+    return [];
+  });
+  React.useEffect(() => {
+    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)
+      return;
+    const allParentKeys = utils.getAllParentKeys(treeData);
+    setInternalExpandedKeys((prev) => {
+      const prevSet = new Set(prev);
+      const newKeys = allParentKeys.filter((key) => !prevSet.has(key));
+      if (newKeys.length === 0) return prev;
+      return [...prev, ...newKeys];
+    });
+  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys]);
+  const expandedKeysSet = React.useMemo(() => {
+    const keys = controlledExpandedKeys ?? internalExpandedKeys;
+    return new Set(keys);
+  }, [controlledExpandedKeys, internalExpandedKeys]);
+  const handleToggleExpand = React.useCallback(
+    (key) => {
+      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys;
+      const newKeys = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+      if (!controlledExpandedKeys) {
+        setInternalExpandedKeys(newKeys);
+      }
+      onExpand == null ? void 0 : onExpand(newKeys);
+    },
+    [controlledExpandedKeys, internalExpandedKeys, onExpand]
+  );
+  const leafNodeValues = React.useMemo(() => {
+    if (!controlledCheckedKeys) {
+      return internalLeafNodeValues;
+    }
+    const controlledLeafKeySet = new Set(
+      controlledCheckedKeys.filter((key) => leafKeySet.has(key))
+    );
+    const values = {};
+    for (const key of allLeafKeys) {
+      values[key] = controlledLeafKeySet.has(key);
+    }
+    return values;
+  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues]);
+  const handleCheck = React.useCallback(
+    (_key, checked, node) => {
+      const newLeafNodeValues = { ...leafNodeValues };
+      if (checked) {
+        const leafKeys = utils.getLeafKeys(node);
+        leafKeys.forEach((leafKey) => newLeafNodeValues[leafKey] = true);
+      } else {
+        const leafKeys = utils.getLeafKeys(node);
+        leafKeys.forEach((leafKey) => newLeafNodeValues[leafKey] = false);
+      }
+      if (!controlledCheckedKeys) {
+        setInternalLeafNodeValues(newLeafNodeValues);
+      }
+      if (onCheck) {
+        const checkedLeafNodes = {};
+        const allCheckedNodes = [];
+        const collectChecked = (current) => {
+          let isChecked;
+          if (!current.children || current.children.length === 0) {
+            isChecked = newLeafNodeValues[current.key] === true;
+            if (isChecked) {
+              checkedLeafNodes[current.key] = current;
+            }
+          } else {
+            isChecked = true;
+            for (const child of current.children) {
+              if (!collectChecked(child)) {
+                isChecked = false;
+              }
+            }
+          }
+          if (isChecked) {
+            allCheckedNodes.push(current);
+          }
+          return isChecked;
+        };
+        treeData.forEach(collectChecked);
+        onCheck(newLeafNodeValues, {
+          checked,
+          checkedLeafNodes,
+          allCheckedNodes,
+          node
+        });
+      }
+    },
+    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: treeData.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
+    TreeNode.TreeNode,
+    {
+      node,
+      level: 0,
+      leafNodeValues,
+      onCheck: handleCheck,
+      disabled,
+      expandedKeys: expandedKeysSet,
+      onToggleExpand: handleToggleExpand,
+      lazyChildren
+    },
+    node.key
+  )) });
+};
+exports.CheckboxTree = CheckboxTree;
+//# sourceMappingURL=CheckboxTree.cjs.map

package/dist/src/components/checkboxTree/CheckboxTree.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.cjs","sources":["../../../../src/components/checkboxTree/CheckboxTree.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { TreeNode } from './TreeNode'\nimport { getLeafKeys, getAllLeafKeys, getAllParentKeys } from './utils'\n\nexport type CheckboxTreeDataNode = {\n  key: string | number\n  title: React.ReactNode\n  children?: CheckboxTreeDataNode[]\n  disabled?: boolean\n}\n\nexport type CheckboxTreeProps = {\n  treeData: CheckboxTreeDataNode[]\n  defaultCheckedKeys?: (string | number)[]\n  checkedKeys?: (string | number)[]\n  onCheck?: (\n    values: Record<string | number, boolean>,\n    info: {\n      checked: boolean\n      checkedLeafNodes: Record<string | number, CheckboxTreeDataNode>\n      allCheckedNodes: CheckboxTreeDataNode[]\n      node: CheckboxTreeDataNode\n    }\n  ) => void\n  disabled?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: (string | number)[]\n  expandedKeys?: (string | number)[]\n  onExpand?: (expandedKeys: (string | number)[]) => void\n  className?: string\n  style?: React.CSSProperties\n  lazyChildren?: boolean\n}\n\nexport const CheckboxTree = ({\n  treeData,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onCheck,\n  disabled = false,\n  defaultExpandAll = true,\n  defaultExpandedKeys,\n  expandedKeys: controlledExpandedKeys,\n  onExpand,\n  className,\n  style,\n  lazyChildren = false,\n}: CheckboxTreeProps) => {\n  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData])\n  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys])\n\n  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState<\n    Record<string | number, boolean>\n  >(() => {\n    const defaultLeafKeySet = new Set(\n      defaultCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = defaultLeafKeySet.has(key)\n    }\n    return values\n  })\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<\n    (string | number)[]\n  >(() => {\n    if (defaultExpandedKeys) return defaultExpandedKeys\n    if (defaultExpandAll) return getAllParentKeys(treeData)\n    return []\n  })\n\n  // When defaultExpandAll is true and treeData changes, auto-expand new parent nodes\n  useEffect(() => {\n    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)\n      return\n    const allParentKeys = getAllParentKeys(treeData)\n    setInternalExpandedKeys((prev) => {\n      const prevSet = new Set(prev)\n      const newKeys = allParentKeys.filter((key) => !prevSet.has(key))\n      if (newKeys.length === 0) return prev\n      return [...prev, ...newKeys]\n    })\n  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys])\n\n  const expandedKeysSet = useMemo(() => {\n    const keys = controlledExpandedKeys ?? internalExpandedKeys\n    return new Set(keys)\n  }, [controlledExpandedKeys, internalExpandedKeys])\n\n  const handleToggleExpand = useCallback(\n    (key: string | number) => {\n      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys\n      const newKeys = currentKeys.includes(key)\n        ? currentKeys.filter((k) => k !== key)\n        : [...currentKeys, key]\n\n      if (!controlledExpandedKeys) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onExpand?.(newKeys)\n    },\n    [controlledExpandedKeys, internalExpandedKeys, onExpand]\n  )\n\n  const leafNodeValues: Record<string | number, boolean> = useMemo(() => {\n    if (!controlledCheckedKeys) {\n      return internalLeafNodeValues\n    }\n\n    const controlledLeafKeySet = new Set(\n      controlledCheckedKeys.filter((key) => leafKeySet.has(key))\n    )\n\n    const values: Record<string | number, boolean> = {}\n    for (const key of allLeafKeys) {\n      values[key] = controlledLeafKeySet.has(key)\n    }\n    return values\n  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues])\n\n  const handleCheck = useCallback(\n    (_key: string | number, checked: boolean, node: CheckboxTreeDataNode) => {\n      const newLeafNodeValues = { ...leafNodeValues }\n\n      if (checked) {\n        // When checking, set all leaf descendants to true\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = true))\n      } else {\n        // When unchecking, set all leaf descendants to false\n        const leafKeys = getLeafKeys(node)\n        leafKeys.forEach((leafKey) => (newLeafNodeValues[leafKey] = false))\n      }\n\n      if (!controlledCheckedKeys) {\n        setInternalLeafNodeValues(newLeafNodeValues)\n      }\n\n      if (onCheck) {\n        // Get all checked leaf nodes\n        const checkedLeafNodes: Record<string | number, CheckboxTreeDataNode> =\n          {}\n\n        // Get all nodes that appear checked (including parents)\n        const allCheckedNodes: CheckboxTreeDataNode[] = []\n\n        const collectChecked = (current: CheckboxTreeDataNode): boolean => {\n          let isChecked: boolean\n          if (!current.children || current.children.length === 0) {\n            isChecked = newLeafNodeValues[current.key] === true\n            if (isChecked) {\n              checkedLeafNodes[current.key] = current\n            }\n          } else {\n            isChecked = true\n            for (const child of current.children) {\n              if (!collectChecked(child)) {\n                isChecked = false\n              }\n            }\n          }\n          if (isChecked) {\n            allCheckedNodes.push(current)\n          }\n          return isChecked\n        }\n        treeData.forEach(collectChecked)\n\n        onCheck(newLeafNodeValues, {\n          checked,\n          checkedLeafNodes,\n          allCheckedNodes,\n          node,\n        })\n      }\n    },\n    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]\n  )\n\n  return (\n    <div className={className} style={style}>\n      {treeData.map((node) => (\n        <TreeNode\n          key={node.key}\n          node={node}\n          level={0}\n          leafNodeValues={leafNodeValues}\n          onCheck={handleCheck}\n          disabled={disabled}\n          expandedKeys={expandedKeysSet}\n          onToggleExpand={handleToggleExpand}\n          lazyChildren={lazyChildren}\n        />\n      ))}\n    </div>\n  )\n}\n"],"names":["useMemo","getAllLeafKeys","useState","getAllParentKeys","useEffect","useCallback","getLeafKeys","jsx","TreeNode"],"mappings":"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"}

package/dist/src/components/checkboxTree/CheckboxTree.js

@@ -0,0 +1,140 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useState, useEffect, useCallback } from "react";
+import { TreeNode } from "./TreeNode.js";
+import { getAllLeafKeys, getAllParentKeys, getLeafKeys } from "./utils.js";
+const CheckboxTree = ({
+  treeData,
+  defaultCheckedKeys = [],
+  checkedKeys: controlledCheckedKeys,
+  onCheck,
+  disabled = false,
+  defaultExpandAll = true,
+  defaultExpandedKeys,
+  expandedKeys: controlledExpandedKeys,
+  onExpand,
+  className,
+  style,
+  lazyChildren = false
+}) => {
+  const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData]);
+  const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys]);
+  const [internalLeafNodeValues, setInternalLeafNodeValues] = useState(() => {
+    const defaultLeafKeySet = new Set(
+      defaultCheckedKeys.filter((key) => leafKeySet.has(key))
+    );
+    const values = {};
+    for (const key of allLeafKeys) {
+      values[key] = defaultLeafKeySet.has(key);
+    }
+    return values;
+  });
+  const [internalExpandedKeys, setInternalExpandedKeys] = useState(() => {
+    if (defaultExpandedKeys) return defaultExpandedKeys;
+    if (defaultExpandAll) return getAllParentKeys(treeData);
+    return [];
+  });
+  useEffect(() => {
+    if (controlledExpandedKeys || !defaultExpandAll || defaultExpandedKeys)
+      return;
+    const allParentKeys = getAllParentKeys(treeData);
+    setInternalExpandedKeys((prev) => {
+      const prevSet = new Set(prev);
+      const newKeys = allParentKeys.filter((key) => !prevSet.has(key));
+      if (newKeys.length === 0) return prev;
+      return [...prev, ...newKeys];
+    });
+  }, [treeData, defaultExpandAll, controlledExpandedKeys, defaultExpandedKeys]);
+  const expandedKeysSet = useMemo(() => {
+    const keys = controlledExpandedKeys ?? internalExpandedKeys;
+    return new Set(keys);
+  }, [controlledExpandedKeys, internalExpandedKeys]);
+  const handleToggleExpand = useCallback(
+    (key) => {
+      const currentKeys = controlledExpandedKeys ?? internalExpandedKeys;
+      const newKeys = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+      if (!controlledExpandedKeys) {
+        setInternalExpandedKeys(newKeys);
+      }
+      onExpand == null ? void 0 : onExpand(newKeys);
+    },
+    [controlledExpandedKeys, internalExpandedKeys, onExpand]
+  );
+  const leafNodeValues = useMemo(() => {
+    if (!controlledCheckedKeys) {
+      return internalLeafNodeValues;
+    }
+    const controlledLeafKeySet = new Set(
+      controlledCheckedKeys.filter((key) => leafKeySet.has(key))
+    );
+    const values = {};
+    for (const key of allLeafKeys) {
+      values[key] = controlledLeafKeySet.has(key);
+    }
+    return values;
+  }, [allLeafKeys, leafKeySet, controlledCheckedKeys, internalLeafNodeValues]);
+  const handleCheck = useCallback(
+    (_key, checked, node) => {
+      const newLeafNodeValues = { ...leafNodeValues };
+      if (checked) {
+        const leafKeys = getLeafKeys(node);
+        leafKeys.forEach((leafKey) => newLeafNodeValues[leafKey] = true);
+      } else {
+        const leafKeys = getLeafKeys(node);
+        leafKeys.forEach((leafKey) => newLeafNodeValues[leafKey] = false);
+      }
+      if (!controlledCheckedKeys) {
+        setInternalLeafNodeValues(newLeafNodeValues);
+      }
+      if (onCheck) {
+        const checkedLeafNodes = {};
+        const allCheckedNodes = [];
+        const collectChecked = (current) => {
+          let isChecked;
+          if (!current.children || current.children.length === 0) {
+            isChecked = newLeafNodeValues[current.key] === true;
+            if (isChecked) {
+              checkedLeafNodes[current.key] = current;
+            }
+          } else {
+            isChecked = true;
+            for (const child of current.children) {
+              if (!collectChecked(child)) {
+                isChecked = false;
+              }
+            }
+          }
+          if (isChecked) {
+            allCheckedNodes.push(current);
+          }
+          return isChecked;
+        };
+        treeData.forEach(collectChecked);
+        onCheck(newLeafNodeValues, {
+          checked,
+          checkedLeafNodes,
+          allCheckedNodes,
+          node
+        });
+      }
+    },
+    [controlledCheckedKeys, onCheck, treeData, leafNodeValues]
+  );
+  return /* @__PURE__ */ jsx("div", { className, style, children: treeData.map((node) => /* @__PURE__ */ jsx(
+    TreeNode,
+    {
+      node,
+      level: 0,
+      leafNodeValues,
+      onCheck: handleCheck,
+      disabled,
+      expandedKeys: expandedKeysSet,
+      onToggleExpand: handleToggleExpand,
+      lazyChildren
+    },
+    node.key
+  )) });
+};
+export {
+  CheckboxTree
+};
+//# sourceMappingURL=CheckboxTree.js.map