@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/tour/tour.cjs

@@ -0,0 +1,259 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/tour.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Tour: ()=>Tour
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const dialog_cjs_namespaceObject = require("../shared/dialog.cjs");
+const floating_cjs_namespaceObject = require("../shared/floating.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+function TourFocus({ panel, owner, close, modal, open, children }) {
+    (0, dialog_cjs_namespaceObject.useDialog)(open, panel, owner, close, true, {}, true, modal);
+    return children;
+}
+function Tour(rawProps) {
+    const { open, steps, current, defaultCurrent = 0, onChange, onClose, onFinish, missingTarget = 'center', mask = true, padding = 8, getPopupContainer } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Tour', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const [index, setIndex] = (0, use_controllable_cjs_namespaceObject.useControllable)(current, defaultCurrent, onChange);
+    const latestStep = (0, external_react_namespaceObject.useRef)(steps[index]);
+    if (open && steps[index]) latestStep.current = steps[index];
+    const step = open ? steps[index] : latestStep.current;
+    const target = (0, external_react_namespaceObject.useRef)(null), panel = (0, external_react_namespaceObject.useRef)(null);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const contentView = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(open && Boolean(step), root);
+    (0, presence_cjs_namespaceObject.useContentTransition)(contentView, `${open}:${index}`);
+    const id = (0, external_react_namespaceObject.useId)();
+    const [rect, setRect] = (0, external_react_namespaceObject.useState)(null);
+    const callbacks = (0, external_react_namespaceObject.useRef)({
+        setIndex,
+        onClose
+    });
+    callbacks.current = {
+        setIndex,
+        onClose
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!open || !step) return;
+        let frame = 0;
+        const node = 'string' == typeof step.target ? document.querySelector(step.target) : step.target?.();
+        target.current = node ?? null;
+        if (!node) {
+            setRect(null);
+            if ('skip' === missingTarget && index < steps.length - 1) callbacks.current.setIndex(index + 1);
+            else if ('close' === missingTarget || 'skip' === missingTarget) callbacks.current.onClose?.();
+            return;
+        }
+        node.scrollIntoView?.({
+            block: 'center',
+            behavior: 'instant'
+        });
+        const update = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>setRect(node.getBoundingClientRect()));
+        };
+        const observer = "u" > typeof ResizeObserver ? new ResizeObserver(update) : void 0;
+        observer?.observe(node);
+        window.addEventListener('scroll', update, true);
+        window.addEventListener('resize', update);
+        update();
+        return ()=>{
+            cancelAnimationFrame(frame);
+            observer?.disconnect();
+            window.removeEventListener('scroll', update, true);
+            window.removeEventListener('resize', update);
+        };
+    }, [
+        open,
+        step,
+        index,
+        missingTarget,
+        steps.length
+    ]);
+    if (!present || !step) return null;
+    const content = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TourFocus, {
+        panel: panel,
+        owner: id,
+        close: ()=>onClose?.(),
+        modal: mask,
+        open: open,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            ref: contentView,
+            className: "leaf-tour__content",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "leaf-tour__header",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
+                            id: `${id}-title`,
+                            children: step.title
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                            size: "sm",
+                            variant: "ghost",
+                            startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                                size: 16
+                            }),
+                            "aria-label": messages.common.close,
+                            onClick: onClose
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-tour__description",
+                    children: step.description
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "leaf-tour__footer",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                            children: [
+                                index + 1,
+                                " / ",
+                                steps.length
+                            ]
+                        }),
+                        index > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                            size: "sm",
+                            variant: "outline",
+                            onClick: ()=>setIndex(index - 1),
+                            children: t('tour.previous')
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                            size: "sm",
+                            onClick: ()=>{
+                                if (index < steps.length - 1) setIndex(index + 1);
+                                else {
+                                    onFinish?.();
+                                    onClose?.();
+                                }
+                            },
+                            children: index === steps.length - 1 ? t('tour.finish') : t('tour.next')
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scoped_portal_cjs_namespaceObject.ScopedPortal, {
+        container: getPopupContainer,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            ref: root,
+            className: "leaf-tour-root",
+            "data-state": open ? 'open' : 'closing',
+            "aria-hidden": !open || void 0,
+            ...(0, inert_cjs_namespaceObject.inertProps)(!open),
+            children: [
+                mask && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-tour__mask",
+                    "aria-hidden": "true",
+                    children: rect ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                style: {
+                                    inset: "0 0 auto 0",
+                                    height: Math.max(0, rect.top - padding)
+                                }
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                style: {
+                                    inset: `${rect.bottom + padding}px 0 0 0`
+                                }
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                style: {
+                                    top: rect.top - padding,
+                                    left: 0,
+                                    width: Math.max(0, rect.left - padding),
+                                    height: rect.height + 2 * padding
+                                }
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                style: {
+                                    top: rect.top - padding,
+                                    left: rect.right + padding,
+                                    right: 0,
+                                    height: rect.height + 2 * padding
+                                }
+                            })
+                        ]
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        style: {
+                            inset: 0
+                        }
+                    })
+                }),
+                rect ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(floating_cjs_namespaceObject.FloatingPanel, {
+                    open: open,
+                    triggerRef: target,
+                    panelRef: panel,
+                    placement: step.placement ?? 'bottom',
+                    container: getPopupContainer,
+                    role: "dialog",
+                    "aria-modal": mask || void 0,
+                    "aria-labelledby": `${id}-title`,
+                    className: "leaf-floating leaf-tour",
+                    tabIndex: -1,
+                    children: content
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    ref: panel,
+                    role: "dialog",
+                    "aria-modal": mask || void 0,
+                    "aria-labelledby": `${id}-title`,
+                    tabIndex: -1,
+                    className: "leaf-tour leaf-tour--center",
+                    children: content
+                })
+            ]
+        })
+    });
+}
+exports.Tour = __webpack_exports__.Tour;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tour"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=tour.cjs.map

package/dist/cjs/browser/modules/tour/tour.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour/tour.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tour/tour.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport { type ReactNode, type RefObject, useEffect, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useDialog } from '../shared/dialog';\nimport { FloatingPanel, type PopupOptions } from '../shared/floating';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface TourStep {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  target?: string | (() => HTMLElement | null);\n  placement?: PopupOptions['popupPlacement'];\n}\nexport interface TourProps {\n  open: boolean;\n  steps: readonly TourStep[];\n  current?: number;\n  defaultCurrent?: number;\n  onChange?: (current: number) => void;\n  onClose?: () => void;\n  onFinish?: () => void;\n  missingTarget?: 'center' | 'skip' | 'close';\n  mask?: boolean;\n  padding?: number;\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\nfunction TourFocus({\n  panel,\n  owner,\n  close,\n  modal,\n  open,\n  children,\n}: {\n  panel: RefObject<HTMLDivElement | null>;\n  owner: string;\n  close: () => void;\n  modal: boolean;\n  open: boolean;\n  children: ReactNode;\n}) {\n  useDialog(open, panel, owner, close, true, {}, true, modal);\n  return children;\n}\nexport function Tour(rawProps: TourProps) {\n  const {\n    open,\n    steps,\n    current,\n    defaultCurrent = 0,\n    onChange,\n    onClose,\n    onFinish,\n    missingTarget = 'center',\n    mask = true,\n    padding = 8,\n    getPopupContainer,\n  } = useComponentProps('Tour', rawProps);\n  const t = useText();\n  const { messages } = useLeafConfig();\n  const [index, setIndex] = useControllable(current, defaultCurrent, onChange);\n  const latestStep = useRef(steps[index]);\n  if (open && steps[index]) latestStep.current = steps[index];\n  const step = open ? steps[index] : latestStep.current;\n  const target = useRef<HTMLElement | null>(null),\n    panel = useRef<HTMLDivElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const contentView = useRef<HTMLDivElement>(null);\n  const present = usePresence(open && Boolean(step), root);\n  useContentTransition(contentView, `${open}:${index}`);\n  const id = useId();\n  const [rect, setRect] = useState<DOMRect | null>(null);\n  const callbacks = useRef({ setIndex, onClose });\n  callbacks.current = { setIndex, onClose };\n  useEffect(() => {\n    if (!open || !step) return;\n    let frame = 0;\n    const node =\n      typeof step.target === 'string'\n        ? document.querySelector<HTMLElement>(step.target)\n        : step.target?.();\n    target.current = node ?? null;\n    if (!node) {\n      setRect(null);\n      if (missingTarget === 'skip' && index < steps.length - 1)\n        callbacks.current.setIndex(index + 1);\n      else if (missingTarget === 'close' || missingTarget === 'skip') callbacks.current.onClose?.();\n      return;\n    }\n    node.scrollIntoView?.({ block: 'center', behavior: 'instant' });\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setRect(node.getBoundingClientRect()));\n    };\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, step, index, missingTarget, steps.length]);\n  if (!present || !step) return null;\n  const content = (\n    <TourFocus panel={panel} owner={id} close={() => onClose?.()} modal={mask} open={open}>\n      <div ref={contentView} className=\"leaf-tour__content\">\n        <div className=\"leaf-tour__header\">\n          <h3 id={`${id}-title`}>{step.title}</h3>\n          <ButtonControl\n            size=\"sm\"\n            variant=\"ghost\"\n            startIcon={<X size={16} />}\n            aria-label={messages.common.close}\n            onClick={onClose}\n          />\n        </div>\n        <div className=\"leaf-tour__description\">{step.description}</div>\n        <div className=\"leaf-tour__footer\">\n          <span>\n            {index + 1} / {steps.length}\n          </span>\n          {index > 0 && (\n            <ButtonControl size=\"sm\" variant=\"outline\" onClick={() => setIndex(index - 1)}>\n              {t('tour.previous')}\n            </ButtonControl>\n          )}\n          <ButtonControl\n            size=\"sm\"\n            onClick={() => {\n              if (index < steps.length - 1) setIndex(index + 1);\n              else {\n                onFinish?.();\n                onClose?.();\n              }\n            }}\n          >\n            {index === steps.length - 1 ? t('tour.finish') : t('tour.next')}\n          </ButtonControl>\n        </div>\n      </div>\n    </TourFocus>\n  );\n  return (\n    <ScopedPortal container={getPopupContainer}>\n      <div\n        ref={root}\n        className=\"leaf-tour-root\"\n        data-state={open ? 'open' : 'closing'}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n      >\n        {mask && (\n          <div className=\"leaf-tour__mask\" aria-hidden=\"true\">\n            {rect ? (\n              <>\n                <div style={{ inset: `0 0 auto 0`, height: Math.max(0, rect.top - padding) }} />\n                <div style={{ inset: `${rect.bottom + padding}px 0 0 0` }} />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: 0,\n                    width: Math.max(0, rect.left - padding),\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: rect.right + padding,\n                    right: 0,\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n              </>\n            ) : (\n              <div style={{ inset: 0 }} />\n            )}\n          </div>\n        )}\n        {rect ? (\n          <FloatingPanel\n            open={open}\n            triggerRef={target}\n            panelRef={panel}\n            placement={step.placement ?? 'bottom'}\n            container={getPopupContainer}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            className=\"leaf-floating leaf-tour\"\n            tabIndex={-1}\n          >\n            {content}\n          </FloatingPanel>\n        ) : (\n          <div\n            ref={panel}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            tabIndex={-1}\n            className=\"leaf-tour leaf-tour--center\"\n          >\n            {content}\n          </div>\n        )}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","TourFocus","panel","owner","close","modal","open","children","useDialog","Tour","rawProps","steps","current","defaultCurrent","onChange","onClose","onFinish","missingTarget","mask","padding","getPopupContainer","useComponentProps","t","useText","messages","useLeafConfig","index","setIndex","useControllable","latestStep","useRef","step","target","root","contentView","present","usePresence","Boolean","useContentTransition","id","useId","rect","setRect","useState","callbacks","useEffect","frame","node","document","update","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","undefined","window","content","ButtonControl","X","ScopedPortal","inertProps","Math","FloatingPanel"],"mappings":"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"}

package/dist/cjs/browser/modules/transfer/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Transfer: ()=>external_transfer_cjs_namespaceObject.Transfer
+});
+const external_transfer_cjs_namespaceObject = require("./transfer.cjs");
+exports.Transfer = __webpack_exports__.Transfer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Transfer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/transfer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/transfer/transfer.cjs

@@ -0,0 +1,249 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/transfer.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Transfer: ()=>Transfer
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const checkbox_cjs_namespaceObject = require("../checkbox/checkbox.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const external_density_cjs_namespaceObject = require("../density.cjs");
+const form_cjs_namespaceObject = require("../form/form.cjs");
+const input_cjs_namespaceObject = require("../input/input.cjs");
+const result_cjs_namespaceObject = require("../result/result.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const virtuallist_cjs_namespaceObject = require("../virtuallist/virtuallist.cjs");
+function Transfer(rawProps) {
+    const { items, value, defaultValue = [], onChange, selectedKeys, onSelectionChange, titles, searchable = true, filterOption, renderItem, disabled: disabledProp, height = 180, virtual = false, name, form, required, oneWay = false, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Transfer', rawProps);
+    const { theme, density } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const disabled = disabledProp || field?.disabled;
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const id = (0, external_react_namespaceObject.useId)();
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, trigger, form);
+    const [internal, setInternal] = (0, external_react_namespaceObject.useState)([]);
+    const selected = selectedKeys ?? internal;
+    const [queries, setQueries] = (0, external_react_namespaceObject.useState)([
+        '',
+        ''
+    ]);
+    (0, motion_cjs_namespaceObject.useListMotion)(root, JSON.stringify([
+        current,
+        queries,
+        items.map((item)=>item.key)
+    ]), virtual ? '[data-no-transfer-motion]' : '.leaf-transfer__item[data-motion-key]');
+    const select = (keys)=>{
+        if (void 0 === selectedKeys) setInternal(keys);
+        onSelectionChange?.(keys);
+    };
+    const move = (direction)=>{
+        const moved = items.filter((item)=>!item.disabled && selected.includes(item.key) && current.includes(item.key) === ('left' === direction)).map((item)=>item.key);
+        if (!moved.length || disabled) return;
+        const next = 'right' === direction ? [
+            ...current,
+            ...moved
+        ] : current.filter((key)=>!moved.includes(key));
+        setCurrent(next);
+        select(selected.filter((key)=>!moved.includes(key)));
+        onChange?.([
+            ...next
+        ], {
+            direction,
+            movedKeys: moved
+        });
+    };
+    const panel = (side)=>{
+        const query = queries[side] ?? '';
+        const list = items.filter((item)=>current.includes(item.key) === (1 === side) && (filterOption ? filterOption(query, item) : `${item.searchLabel ?? ('string' == typeof item.label ? item.label : item.key)} ${item.description ?? ''}`.toLocaleLowerCase().includes(query.toLocaleLowerCase())));
+        const enabled = list.filter((item)=>!item.disabled);
+        const checked = enabled.filter((item)=>selected.includes(item.key));
+        const row = (item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-transfer__item",
+                "data-motion-key": item.key,
+                "data-selected": selected.includes(item.key) ? '' : void 0,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.CheckboxControl, {
+                    disabled: disabled || item.disabled,
+                    checked: selected.includes(item.key),
+                    onChange: (event)=>select(event.target.checked ? [
+                            ...new Set([
+                                ...selected,
+                                item.key
+                            ])
+                        ] : selected.filter((key)=>key !== item.key)),
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        children: [
+                            renderItem?.(item) ?? item.label,
+                            item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("small", {
+                                children: item.description
+                            })
+                        ]
+                    })
+                })
+            });
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("section", {
+            className: "leaf-transfer__panel",
+            "aria-labelledby": `${id}-${side}`,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("header", {
+                    className: "leaf-transfer__header",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_cjs_namespaceObject.CheckboxControl, {
+                            "aria-label": t('transfer.selectAllVisibleItems'),
+                            disabled: disabled || !enabled.length,
+                            checked: enabled.length > 0 && checked.length === enabled.length,
+                            indeterminate: checked.length > 0 && checked.length < enabled.length,
+                            onChange: (event)=>select(event.target.checked ? [
+                                    ...new Set([
+                                        ...selected,
+                                        ...enabled.map((item)=>item.key)
+                                    ])
+                                ] : selected.filter((key)=>!enabled.some((item)=>item.key === key)))
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            id: `${id}-${side}`,
+                            children: titles?.[side] ?? (0 === side ? t('transfer.available') : t('transfer.selected'))
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("small", {
+                            children: [
+                                checked.length ? `${checked.length} / ` : '',
+                                list.length
+                            ]
+                        })
+                    ]
+                }),
+                searchable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-transfer__search",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.InputControl, {
+                        size: "sm",
+                        allowClear: true,
+                        prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                            size: 14
+                        }),
+                        "aria-label": 0 === side ? t('transfer.searchAvailableItems') : t('transfer.searchSelectedItems'),
+                        value: query,
+                        onChange: (event)=>setQueries((previous)=>previous.map((text, index)=>index === side ? event.target.value : text))
+                    })
+                }),
+                virtual ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(virtuallist_cjs_namespaceObject.VirtualListControl, {
+                    items: list,
+                    itemKey: (item)=>item.key,
+                    renderItem: row,
+                    height: height,
+                    estimateSize: (item)=>Math.max((0, external_density_cjs_namespaceObject.estimateControlHeight)(theme, density), item.description ? 42 : 0) + 6,
+                    emptyContent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(result_cjs_namespaceObject.ResultControl, {
+                        size: "sm",
+                        icon: null,
+                        title: t('transfer.noItems')
+                    })
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "leaf-transfer__list",
+                    style: {
+                        height
+                    },
+                    children: list.length ? list.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            children: row(item)
+                        }, item.key)) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(result_cjs_namespaceObject.ResultControl, {
+                        size: "sm",
+                        icon: null,
+                        title: t('transfer.noItems')
+                    })
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-transfer', className),
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_cjs_namespaceObject.FieldScope, {
+                children: panel(0)
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-transfer__actions",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                        ref: trigger,
+                        id: props.id ?? field?.id,
+                        size: "sm",
+                        startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowRight, {
+                            size: 16
+                        }),
+                        "aria-label": t('transfer.moveToSelected'),
+                        disabled: disabled || !items.some((item)=>!item.disabled && selected.includes(item.key) && !current.includes(item.key)),
+                        onClick: ()=>move('right')
+                    }),
+                    !oneWay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                        size: "sm",
+                        variant: "outline",
+                        startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowLeft, {
+                            size: 16
+                        }),
+                        "aria-label": t('transfer.moveToAvailable'),
+                        disabled: disabled || !items.some((item)=>!item.disabled && selected.includes(item.key) && current.includes(item.key)),
+                        onClick: ()=>move('left')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_cjs_namespaceObject.FieldScope, {
+                children: panel(1)
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(field_cjs_namespaceObject.FormValue, {
+                name: name,
+                form: form,
+                value: current.length ? JSON.stringify(current) : '',
+                required: required ?? field?.required,
+                disabled: disabled,
+                triggerRef: trigger
+            })
+        ]
+    });
+}
+exports.Transfer = __webpack_exports__.Transfer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Transfer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=transfer.cjs.map

package/dist/cjs/browser/modules/transfer/transfer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer/transfer.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/transfer/transfer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowLeft, ArrowRight, Search } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { CheckboxControl as Checkbox } from '../checkbox/checkbox';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { FieldScope, useFormField } from '../form/form';\nimport { InputControl } from '../input/input';\nimport { ResultControl as Result } from '../result/result';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { VirtualListControl as VirtualList } from '../virtuallist/virtuallist';\nexport interface TransferItem {\n  key: string;\n  label: ReactNode;\n  description?: string;\n  disabled?: boolean;\n  searchLabel?: string;\n}\nexport interface TransferChangeInfo {\n  direction: 'left' | 'right';\n  movedKeys: string[];\n}\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TransferItem[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (keys: string[], info: TransferChangeInfo) => void;\n  selectedKeys?: readonly string[];\n  onSelectionChange?: (keys: string[]) => void;\n  titles?: readonly [ReactNode, ReactNode];\n  searchable?: boolean;\n  filterOption?: (query: string, item: TransferItem) => boolean;\n  renderItem?: (item: TransferItem) => ReactNode;\n  disabled?: boolean;\n  height?: number;\n  virtual?: boolean;\n  name?: string;\n  form?: string;\n  required?: boolean;\n  oneWay?: boolean;\n}\nexport function Transfer(rawProps: TransferProps) {\n  const {\n    items,\n    value,\n    defaultValue = [],\n    onChange,\n    selectedKeys,\n    onSelectionChange,\n    titles,\n    searchable = true,\n    filterOption,\n    renderItem,\n    disabled: disabledProp,\n    height = 180,\n    virtual = false,\n    name,\n    form,\n    required,\n    oneWay = false,\n    className,\n    ...props\n  } = useComponentProps('Transfer', rawProps);\n  const { theme, density } = useLeafConfig();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const t = useText();\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const [internal, setInternal] = useState<readonly string[]>([]);\n  const selected = selectedKeys ?? internal;\n  const [queries, setQueries] = useState(['', '']);\n  useListMotion(\n    root,\n    JSON.stringify([current, queries, items.map((item) => item.key)]),\n    virtual ? '[data-no-transfer-motion]' : '.leaf-transfer__item[data-motion-key]',\n  );\n  const select = (keys: string[]) => {\n    if (selectedKeys === undefined) setInternal(keys);\n    onSelectionChange?.(keys);\n  };\n  const move = (direction: 'left' | 'right') => {\n    const moved = items\n      .filter(\n        (item) =>\n          !item.disabled &&\n          selected.includes(item.key) &&\n          current.includes(item.key) === (direction === 'left'),\n      )\n      .map((item) => item.key);\n    if (!moved.length || disabled) return;\n    const next =\n      direction === 'right'\n        ? [...current, ...moved]\n        : current.filter((key) => !moved.includes(key));\n    setCurrent(next);\n    select(selected.filter((key) => !moved.includes(key)));\n    onChange?.([...next], { direction, movedKeys: moved });\n  };\n  const panel = (side: 0 | 1) => {\n    const query = queries[side] ?? '';\n    const list = items.filter(\n      (item) =>\n        current.includes(item.key) === (side === 1) &&\n        (filterOption\n          ? filterOption(query, item)\n          : `${item.searchLabel ?? (typeof item.label === 'string' ? item.label : item.key)} ${item.description ?? ''}`\n              .toLocaleLowerCase()\n              .includes(query.toLocaleLowerCase())),\n    );\n    const enabled = list.filter((item) => !item.disabled);\n    const checked = enabled.filter((item) => selected.includes(item.key));\n    const row = (item: TransferItem) => (\n      <div\n        className=\"leaf-transfer__item\"\n        data-motion-key={item.key}\n        data-selected={selected.includes(item.key) ? '' : undefined}\n      >\n        <Checkbox\n          disabled={disabled || item.disabled}\n          checked={selected.includes(item.key)}\n          onChange={(event) =>\n            select(\n              event.target.checked\n                ? [...new Set([...selected, item.key])]\n                : selected.filter((key) => key !== item.key),\n            )\n          }\n        >\n          <span>\n            {renderItem?.(item) ?? item.label}\n            {item.description && <small>{item.description}</small>}\n          </span>\n        </Checkbox>\n      </div>\n    );\n    return (\n      <section className=\"leaf-transfer__panel\" aria-labelledby={`${id}-${side}`}>\n        <header className=\"leaf-transfer__header\">\n          <Checkbox\n            aria-label={t('transfer.selectAllVisibleItems')}\n            disabled={disabled || !enabled.length}\n            checked={enabled.length > 0 && checked.length === enabled.length}\n            indeterminate={checked.length > 0 && checked.length < enabled.length}\n            onChange={(event) =>\n              select(\n                event.target.checked\n                  ? [...new Set([...selected, ...enabled.map((item) => item.key)])]\n                  : selected.filter((key) => !enabled.some((item) => item.key === key)),\n              )\n            }\n          />\n          <span id={`${id}-${side}`}>\n            {titles?.[side] ?? (side === 0 ? t('transfer.available') : t('transfer.selected'))}\n          </span>\n          <small>\n            {checked.length ? `${checked.length} / ` : ''}\n            {list.length}\n          </small>\n        </header>\n        {searchable && (\n          <div className=\"leaf-transfer__search\">\n            <InputControl\n              size=\"sm\"\n              allowClear\n              prefix={<Search size={14} />}\n              aria-label={\n                side === 0 ? t('transfer.searchAvailableItems') : t('transfer.searchSelectedItems')\n              }\n              value={query}\n              onChange={(event) =>\n                setQueries((previous) =>\n                  previous.map((text, index) => (index === side ? event.target.value : text)),\n                )\n              }\n            />\n          </div>\n        )}\n        {virtual ? (\n          <VirtualList\n            items={list}\n            itemKey={(item) => item.key}\n            renderItem={row}\n            height={height}\n            estimateSize={(item) =>\n              Math.max(estimateControlHeight(theme, density), item.description ? 42 : 0) + 6\n            }\n            emptyContent={<Result size=\"sm\" icon={null} title={t('transfer.noItems')} />}\n          />\n        ) : (\n          <div className=\"leaf-transfer__list\" style={{ height }}>\n            {list.length ? (\n              list.map((item) => <div key={item.key}>{row(item)}</div>)\n            ) : (\n              <Result size=\"sm\" icon={null} title={t('transfer.noItems')} />\n            )}\n          </div>\n        )}\n      </section>\n    );\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-transfer', className)}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <FieldScope>{panel(0)}</FieldScope>\n      <div className=\"leaf-transfer__actions\">\n        <ButtonControl\n          ref={trigger}\n          id={props.id ?? field?.id}\n          size=\"sm\"\n          startIcon={<ArrowRight size={16} />}\n          aria-label={t('transfer.moveToSelected')}\n          disabled={\n            disabled ||\n            !items.some(\n              (item) =>\n                !item.disabled && selected.includes(item.key) && !current.includes(item.key),\n            )\n          }\n          onClick={() => move('right')}\n        />\n        {!oneWay && (\n          <ButtonControl\n            size=\"sm\"\n            variant=\"outline\"\n            startIcon={<ArrowLeft size={16} />}\n            aria-label={t('transfer.moveToAvailable')}\n            disabled={\n              disabled ||\n              !items.some(\n                (item) =>\n                  !item.disabled && selected.includes(item.key) && current.includes(item.key),\n              )\n            }\n            onClick={() => move('left')}\n          />\n        )}\n      </div>\n      <FieldScope>{panel(1)}</FieldScope>\n      <FormValue\n        name={name}\n        form={form}\n        value={current.length ? JSON.stringify(current) : ''}\n        required={required ?? field?.required}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Transfer","rawProps","items","value","defaultValue","onChange","selectedKeys","onSelectionChange","titles","searchable","filterOption","renderItem","disabledProp","height","virtual","name","form","required","oneWay","className","props","useComponentProps","theme","density","useLeafConfig","field","useFormField","disabled","t","useText","id","useId","trigger","useRef","root","current","setCurrent","useFieldValue","internal","setInternal","useState","selected","queries","setQueries","useListMotion","JSON","item","select","keys","undefined","move","direction","moved","next","panel","side","query","list","enabled","checked","row","Checkbox","event","Set","InputControl","Search","previous","text","index","VirtualList","Math","estimateControlHeight","Result","classes","FieldScope","ButtonControl","ArrowRight","ArrowLeft","FormValue"],"mappings":"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"}