@pickaxeproject/react 2.3.0 → 2.3.1

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/Action/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../hooks/usePickaxeMarkdownContext.js"),s=require("../../../../../../common/cn.js");exports.ActionCaption=({node:n,children:o})=>{const{actionState:i}=t.usePickaxeMarkdownContext(),c=r.useMemo((()=>{if(!n||!n.properties)return"processing";const e=n.properties.dataIndex;return e?i[e]:"processing"}),[i]);return e.jsx("div",Object.assign({className:s.default("done"!==c&&"error"!==c&&"pxe-blink")},{children:o}))},exports.ActionError=({node:s,children:n})=>{const{setActionState:o}=t.usePickaxeMarkdownContext();return r.useEffect((()=>{if(!s||!s.properties)return;const e=s.properties.dataIndex;e&&o((r=>Object.assign(Object.assign({},r),{[e]:"error"})))}),[]),e.jsx("div",Object.assign({className:"pxe-red pxe-action-error"},{children:n}))},exports.ActionFinished=({node:s})=>{const{setActionState:n}=t.usePickaxeMarkdownContext();return r.useEffect((()=>{if(!s||!s.properties)return;const e=s.properties.dataIndex;e&&n((r=>Object.assign(Object.assign({},r),{[e]:"done"})))}),[]),e.jsx("div",{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../hooks/usePickaxeMarkdownContext.js"),n=require("../common/TextShimmer.js");exports.ActionCaption=({node:o,children:s})=>{const{actionState:i}=r.usePickaxeMarkdownContext(),c=t.useMemo((()=>{if(!o||!o.properties)return"processing";const e=o.properties.dataIndex;return e?i[e]:"processing"}),[i]),d=t.useMemo((()=>{try{if("undefined"==typeof window||"undefined"==typeof document)return!1;if(!document.documentElement)return!1;return""!==getComputedStyle(document.documentElement).getPropertyValue("--tw-ring-color")}catch(e){return!1}}),[]),u=t.useMemo((()=>"string"==typeof s?s:(null==s?void 0:s.toString())||"Processing..."),[s]),a="done"===c||"error"===c;return e.jsx(n.default,Object.assign({isDisabled:a||!d},!a&&!d&&{className:"pxe-blink"},{children:u}))},exports.ActionError=({node:n,children:o})=>{const{setActionState:s}=r.usePickaxeMarkdownContext();return t.useEffect((()=>{if(!n||!n.properties)return;const e=n.properties.dataIndex;e&&s((t=>Object.assign(Object.assign({},t),{[e]:"error"})))}),[]),e.jsx("div",Object.assign({className:"pxe-red pxe-action-error"},{children:o}))},exports.ActionFinished=({node:n})=>{const{setActionState:o}=r.usePickaxeMarkdownContext();return t.useEffect((()=>{if(!n||!n.properties)return;const e=n.properties.dataIndex;e&&o((t=>Object.assign(Object.assign({},t),{[e]:"done"})))}),[]),e.jsx("div",{})};

package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Components/common/TextShimmer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("framer-motion"),t=require("../../hooks/usePickaxeMarkdownContext.js"),n=require("../../../../../../common/cn.js");const o=({children:o,as:s="p",className:i,style:c,duration:l=2,spread:d=2,isDisabled:g})=>{const{theme:b}=t.usePickaxeMarkdownContext(),u=r.motion.create(s),p=a.useMemo((()=>o.length*d),[o,d]);return e.jsx(u,Object.assign({className:n.default("relative inline-block bg-[length:250%_100%,auto] bg-clip-text",g?"text-current":"text-transparent [background-repeat:no-repeat,padding-box]",!g&&("dark"===b?"[--base-color:#71717a] [--base-gradient-color:#ffffff] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]":"[--base-color:#000000] [--base-gradient-color:#a1a1aa] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]"),i),initial:g?{}:{backgroundPosition:"100% center"},animate:g?{}:{backgroundPosition:"0% center"},transition:g?{}:{repeat:1/0,duration:l,ease:"linear"},style:Object.assign(Object.assign({},!g&&{"--spread":`${p}px`,backgroundImage:"var(--bg), linear-gradient(var(--base-color), var(--base-color))"}),c)},{children:o}))};var s=a.memo(o);exports.default=s;

package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/Components/common/TextShimmer.d.ts

@@ -0,0 +1,12 @@
+import { type ElementType, type CSSProperties } from "react";
+export type TextShimmerProps = {
+    children: string;
+    as?: ElementType;
+    className?: string;
+    style?: CSSProperties;
+    duration?: number;
+    spread?: number;
+    isDisabled?: boolean;
+};
+declare const _default: import("react").MemoExoticComponent<({ children, as: Component, className, style, duration, spread, isDisabled, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/Action/index.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as r,useEffect as t}from"react";import{usePickaxeMarkdownContext as n}from"../../hooks/usePickaxeMarkdownContext.js";import o from"../../../../../../common/cn.js";const s=({node:t,children:s})=>{const{actionState:i}=n(),c=r((()=>{if(!t||!t.properties)return"processing";const e=t.properties.dataIndex;return e?i[e]:"processing"}),[i]);return e("div",Object.assign({className:o("done"!==c&&"error"!==c&&"pxe-blink")},{children:s}))},i=({node:r})=>{const{setActionState:o}=n();return t((()=>{if(!r||!r.properties)return;const e=r.properties.dataIndex;e&&o((r=>Object.assign(Object.assign({},r),{[e]:"done"})))}),[]),e("div",{})},c=({node:r,children:o})=>{const{setActionState:s}=n();return t((()=>{if(!r||!r.properties)return;const e=r.properties.dataIndex;e&&s((r=>Object.assign(Object.assign({},r),{[e]:"error"})))}),[]),e("div",Object.assign({className:"pxe-red pxe-action-error"},{children:o}))};export{s as ActionCaption,c as ActionError,i as ActionFinished};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useEffect as r}from"react";import{usePickaxeMarkdownContext as n}from"../../hooks/usePickaxeMarkdownContext.js";import o from"../common/TextShimmer.js";const i=({node:r,children:i})=>{const{actionState:s}=n(),c=t((()=>{if(!r||!r.properties)return"processing";const e=r.properties.dataIndex;return e?s[e]:"processing"}),[s]),d=t((()=>{try{if("undefined"==typeof window||"undefined"==typeof document)return!1;if(!document.documentElement)return!1;return""!==getComputedStyle(document.documentElement).getPropertyValue("--tw-ring-color")}catch(e){return!1}}),[]),a=t((()=>"string"==typeof i?i:(null==i?void 0:i.toString())||"Processing..."),[i]),p="done"===c||"error"===c;return e(o,Object.assign({isDisabled:p||!d},!p&&!d&&{className:"pxe-blink"},{children:a}))},s=({node:t})=>{const{setActionState:o}=n();return r((()=>{if(!t||!t.properties)return;const e=t.properties.dataIndex;e&&o((t=>Object.assign(Object.assign({},t),{[e]:"done"})))}),[]),e("div",{})},c=({node:t,children:o})=>{const{setActionState:i}=n();return r((()=>{if(!t||!t.properties)return;const e=t.properties.dataIndex;e&&i((t=>Object.assign(Object.assign({},t),{[e]:"error"})))}),[]),e("div",Object.assign({className:"pxe-red pxe-action-error"},{children:o}))};export{i as ActionCaption,c as ActionError,s as ActionFinished};

package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Components/common/TextShimmer.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{memo as e,useMemo as r}from"react";import{motion as t}from"framer-motion";import{usePickaxeMarkdownContext as o}from"../../hooks/usePickaxeMarkdownContext.js";import n from"../../../../../../common/cn.js";var i=e((({children:e,as:i="p",className:s,style:c,duration:l=2,spread:d=2,isDisabled:g})=>{const{theme:b}=o(),m=t.create(i),p=r((()=>e.length*d),[e,d]);return a(m,Object.assign({className:n("relative inline-block bg-[length:250%_100%,auto] bg-clip-text",g?"text-current":"text-transparent [background-repeat:no-repeat,padding-box]",!g&&("dark"===b?"[--base-color:#71717a] [--base-gradient-color:#ffffff] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]":"[--base-color:#000000] [--base-gradient-color:#a1a1aa] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--base-gradient-color),#0000_calc(50%+var(--spread)))]"),s),initial:g?{}:{backgroundPosition:"100% center"},animate:g?{}:{backgroundPosition:"0% center"},transition:g?{}:{repeat:1/0,duration:l,ease:"linear"},style:Object.assign(Object.assign({},!g&&{"--spread":`${p}px`,backgroundImage:"var(--bg), linear-gradient(var(--base-color), var(--base-color))"}),c)},{children:e}))}));export{i as default};

package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/Components/common/TextShimmer.d.ts

@@ -0,0 +1,12 @@
+import { type ElementType, type CSSProperties } from "react";
+export type TextShimmerProps = {
+    children: string;
+    as?: ElementType;
+    className?: string;
+    style?: CSSProperties;
+    duration?: number;
+    spread?: number;
+    isDisabled?: boolean;
+};
+declare const _default: import("react").MemoExoticComponent<({ children, as: Component, className, style, duration, spread, isDisabled, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",