@pickaxeproject/react 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),o=require("./PickaxeMarkdown/Renderer.js"),n=require("./PickaxeIcon.js"),r=require("./PickaxeInfoModal.js"),c=require("./PickaxeMarkdown/index.js"),a=require("../../../common/cn.js"),l=require("../../../hooks/pickaxe/useDimensionContext.js");exports.default=({iconClassName:x,maxLines:u,onIconClick:d})=>{const{pickaxe:p,styles:m,colors:k,misc:j,responsiveBy:h}=t.usePickaxeContext(),[f,v]=i.useState(!1),P=s.useStyleFontSize(),{width:q}=l.useDimensionContext(),w=i.useMemo((()=>({title:(null==p?void 0:p.formtitle)||"",description:(null==p?void 0:p.formdescription)||""})),[p]);return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[f&&e.jsx(r.default,{isOpen:f,onChangeIsOpen:v}),j.isProfileImage&&e.jsx(n.default,Object.assign({src:null==p?void 0:p.coverphoto,alt:`${null==p?void 0:p.formtitle}'s Profile Picture`,width:q>=767?90:60,height:q>=767?90:60,className:a.default("rounded-full w-[60px] h-[60px]","viewport"===h?"min-[767px]:w-[90px] min-[767px]:h-[90px]":"@[767px]/pickaxe-root:w-[90px] @[767px]/pickaxe-root:h-[90px]",x)},d&&{onClick:d})),j.isTitle&&!!w.title&&e.jsx("h2",Object.assign({className:a.default(P.h2,"mt-6 text-center font-semilight opacity-90",!u&&"line-clamp-2")},{children:null==p?void 0:p.formtitle})),j.isDescription&&!!w.description&&e.jsx(c.PickaxeMarkdown,Object.assign({theme:m.theme,accentColor:k.accent},{children:e.jsx(o.PickaxeMarkdownRenderer,Object.assign({className:"mt-2 text-center",value:w.description},u&&{maxLines:u},{onExpandClick:()=>v(!0)}))}))]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../../hooks/pickaxe/usePickaxeContext.js"),s=require("../../../hooks/studio/useStyleFontSize.js"),r=require("./PickaxeMarkdown/Renderer.js"),n=require("./PickaxeIcon.js"),o=require("./PickaxeInfoModal.js"),c=require("./PickaxeMarkdown/index.js"),l=require("../../../common/cn.js");exports.default=({iconClassName:a,maxLines:u,onIconClick:d})=>{const{pickaxe:x,styles:m,colors:j,misc:k}=t.usePickaxeContext(),[p,f]=i.useState(!1),h=s.useStyleFontSize(),P=i.useMemo((()=>({title:(null==x?void 0:x.formtitle)||"",description:(null==x?void 0:x.formdescription)||""})),[x]);return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[p&&e.jsx(o.default,{isOpen:p,onChangeIsOpen:f}),k.isProfileImage&&e.jsx(n.default,Object.assign({src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:72,height:72,className:l.default("h-[72px] w-[72px] rounded-full",a)},d&&{onClick:d})),k.isTitle&&!!P.title&&e.jsx("h2",Object.assign({className:l.default(h.h2,"mt-6 text-center font-semilight opacity-90",!u&&"line-clamp-2")},{children:null==x?void 0:x.formtitle})),k.isDescription&&!!P.description&&e.jsx(c.PickaxeMarkdown,Object.assign({theme:m.theme,accentColor:j.accent},{children:e.jsx(r.PickaxeMarkdownRenderer,Object.assign({className:"mt-2 text-center",value:P.description},u&&{maxLines:u},{onExpandClick:()=>f(!0)}))}))]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),o=require("../pickaxe/usePickaxeContext.js");exports.useStyleInput=()=>{const{styles:e,colors:t}=o.usePickaxeContext();return r.useMemo((()=>Object.assign(Object.assign(Object.assign({borderWidth:`${e.outlineThickness}px`,borderRadius:`${e.cornerRadius}px`,backgroundColor:"transparent"},"minimal"===e.formFieldStyle&&{borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:t.secondary,backgroundColor:t.primary,color:t.text,borderBottomLeftRadius:0,borderBottomRightRadius:0,paddingLeft:0,paddingRight:0}),"box"===e.formFieldStyle&&{borderColor:t.secondary+"AA",backgroundColor:t.primary,color:t.text}),"block"===e.formFieldStyle&&{borderColor:t.secondary,backgroundColor:t.secondary,color:t.secondaryText})),[e,t])};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),o=require("../pickaxe/usePickaxeContext.js");exports.useStyleInput=()=>{const{styles:e,colors:t}=o.usePickaxeContext();return r.useMemo((()=>Object.assign(Object.assign(Object.assign({borderWidth:`${e.outlineThickness}px`,borderRadius:`${e.cornerRadius}px`,backgroundColor:"transparent"},"minimal"===e.formFieldStyle&&{borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:t.text,backgroundColor:t.primary,color:t.text,borderBottomLeftRadius:0,borderBottomRightRadius:0,paddingLeft:0,paddingRight:0}),"box"===e.formFieldStyle&&{borderColor:t.text,backgroundColor:t.primary,color:t.text}),"block"===e.formFieldStyle&&{borderColor:t.secondary,backgroundColor:t.secondary,color:t.secondaryText})),[e,t])};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o,useMemo as t}from"react";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as n}from"../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdownRenderer as r}from"./PickaxeMarkdown/Renderer.js";import c from"./PickaxeIcon.js";import m from"./PickaxeInfoModal.js";import{PickaxeMarkdown as l}from"./PickaxeMarkdown/index.js";import a from"../../../common/cn.js";import{useDimensionContext as p}from"../../../hooks/pickaxe/useDimensionContext.js";const x=({iconClassName:x,maxLines:d,onIconClick:f})=>{const{pickaxe:h,styles:k,colors:u,misc:j,responsiveBy:v}=s(),[g,w]=o(!1),C=n(),{width:P}=p(),O=t((()=>({title:(null==h?void 0:h.formtitle)||"",description:(null==h?void 0:h.formdescription)||""})),[h]);return e("div",Object.assign({className:"flex flex-col items-center"},{children:[g&&i(m,{isOpen:g,onChangeIsOpen:w}),j.isProfileImage&&i(c,Object.assign({src:null==h?void 0:h.coverphoto,alt:`${null==h?void 0:h.formtitle}'s Profile Picture`,width:P>=767?90:60,height:P>=767?90:60,className:a("rounded-full w-[60px] h-[60px]","viewport"===v?"min-[767px]:w-[90px] min-[767px]:h-[90px]":"@[767px]/pickaxe-root:w-[90px] @[767px]/pickaxe-root:h-[90px]",x)},f&&{onClick:f})),j.isTitle&&!!O.title&&i("h2",Object.assign({className:a(C.h2,"mt-6 text-center font-semilight opacity-90",!d&&"line-clamp-2")},{children:null==h?void 0:h.formtitle})),j.isDescription&&!!O.description&&i(l,Object.assign({theme:k.theme,accentColor:u.accent},{children:i(r,Object.assign({className:"mt-2 text-center",value:O.description},d&&{maxLines:d},{onExpandClick:()=>w(!0)}))}))]}))};export{x as default};
1
+ import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o,useMemo as t}from"react";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as n}from"../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdownRenderer as c}from"./PickaxeMarkdown/Renderer.js";import r from"./PickaxeIcon.js";import l from"./PickaxeInfoModal.js";import{PickaxeMarkdown as m}from"./PickaxeMarkdown/index.js";import a from"../../../common/cn.js";const p=({iconClassName:p,maxLines:d,onIconClick:f})=>{const{pickaxe:x,styles:h,colors:u,misc:k}=s(),[j,g]=o(!1),v=n(),P=t((()=>({title:(null==x?void 0:x.formtitle)||"",description:(null==x?void 0:x.formdescription)||""})),[x]);return e("div",Object.assign({className:"flex flex-col items-center"},{children:[j&&i(l,{isOpen:j,onChangeIsOpen:g}),k.isProfileImage&&i(r,Object.assign({src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:72,height:72,className:a("h-[72px] w-[72px] rounded-full",p)},f&&{onClick:f})),k.isTitle&&!!P.title&&i("h2",Object.assign({className:a(v.h2,"mt-6 text-center font-semilight opacity-90",!d&&"line-clamp-2")},{children:null==x?void 0:x.formtitle})),k.isDescription&&!!P.description&&i(m,Object.assign({theme:h.theme,accentColor:u.accent},{children:i(c,Object.assign({className:"mt-2 text-center",value:P.description},d&&{maxLines:d},{onExpandClick:()=>g(!0)}))}))]}))};export{p as default};
@@ -1 +1 @@
1
- import{useMemo as o}from"react";import{usePickaxeContext as r}from"../pickaxe/usePickaxeContext.js";const e=()=>{const{styles:e,colors:t}=r();return o((()=>Object.assign(Object.assign(Object.assign({borderWidth:`${e.outlineThickness}px`,borderRadius:`${e.cornerRadius}px`,backgroundColor:"transparent"},"minimal"===e.formFieldStyle&&{borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:t.secondary,backgroundColor:t.primary,color:t.text,borderBottomLeftRadius:0,borderBottomRightRadius:0,paddingLeft:0,paddingRight:0}),"box"===e.formFieldStyle&&{borderColor:t.secondary+"AA",backgroundColor:t.primary,color:t.text}),"block"===e.formFieldStyle&&{borderColor:t.secondary,backgroundColor:t.secondary,color:t.secondaryText})),[e,t])};export{e as useStyleInput};
1
+ import{useMemo as o}from"react";import{usePickaxeContext as r}from"../pickaxe/usePickaxeContext.js";const t=()=>{const{styles:t,colors:e}=r();return o((()=>Object.assign(Object.assign(Object.assign({borderWidth:`${t.outlineThickness}px`,borderRadius:`${t.cornerRadius}px`,backgroundColor:"transparent"},"minimal"===t.formFieldStyle&&{borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:e.text,backgroundColor:e.primary,color:e.text,borderBottomLeftRadius:0,borderBottomRightRadius:0,paddingLeft:0,paddingRight:0}),"box"===t.formFieldStyle&&{borderColor:e.text,backgroundColor:e.primary,color:e.text}),"block"===t.formFieldStyle&&{borderColor:e.secondary,backgroundColor:e.secondary,color:e.secondaryText})),[t,e])};export{t as useStyleInput};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pickaxeproject/react",
3
- "version": "1.0.7",
3
+ "version": "1.0.8",
4
4
  "description": "Client utility library for Pickaxe",
5
5
  "repository": {
6
6
  "type": "git",