@pickaxeproject/react 1.3.7 → 1.3.8

package/dist/cjs/components/Pickaxe/Form/Questions/Dropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("../../../../hooks/core/useHover.js"),t=require("../../../Core/Menu/index.js"),n=require("../../../Core/Menu/Button.js"),c=require("../../../Core/Menu/List.js"),d=require("../../../../common/cn.js");exports.default=({id:i,children:l,placeholder:u,value:F,className:x,style:b,closeOnSelect:j=!0,maxToken:h=50,isDropdown:p=!1})=>{const{styles:m,colors:v}=o.usePickaxeContext(),y=a.useHover(),{isHover:k}=y,g=e.__rest(y,["isHover"]),[q,w]=s.useState(!1);return p?r.jsxs(t.default,Object.assign({id:i,closeOnSelect:j,onChange:w,className:"relative"},{children:[r.jsx(n.default,Object.assign({variant:"anchor",className:d.default("flex items-center justify-between rounded-sm border border-transparent py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",x,q&&"border-black/70 shadow-none hover:border-black/70 dark:border-white/70 dark:hover:border-white/70",h<=50&&"max-w-[400px]"),style:Object.assign({backgroundColor:"#FFFFFF"===v.secondaryText?"#000000":"#FFFFFF",color:v.secondaryText,borderRadius:`${m.cornerRadius}px`,borderColor:q?v.secondaryText+"B3":k?v.secondaryText+(q?"B3":"40"):"transparent"},b)},g,{children:r.jsx("p",Object.assign({className:"line-clamp-1 select-none"},{children:(null!=F?F:"")||u}))})),r.jsx(c.default,Object.assign({className:"p-3 shadow-md",border:"#FFFFFF"===v.secondaryText?"1px solid rgba(255,255,255,0.7)":"1px solid rgba(0,0,0,0.7)",align:"bottom-end",width:h<=50?"400px":"100%",style:Object.assign({backgroundColor:"#FFFFFF"===v.secondaryText?"#000000":"#FFFFFF",color:v.secondaryText},b)},{children:l}))]})):r.jsx("div",{children:l})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../../hooks/studio/useStyleInput.js"),t=require("../../../Core/Menu/index.js"),a=require("../../../Core/Menu/Button.js"),n=require("../../../Core/Menu/List.js"),i=require("../../../../common/cn.js");exports.default=({id:o,children:l,placeholder:c,value:d,className:u,style:j,closeOnSelect:x=!0,maxToken:p=50,isDropdown:b=!1})=>{const{styles:m,colors:f}=s.usePickaxeContext(),h=r.useStyleInput();return b?e.jsxs(t.default,Object.assign({id:o,closeOnSelect:x,className:"relative"},{children:[e.jsx(a.default,Object.assign({variant:"anchor",className:i.default("flex items-center justify-between rounded-sm border border-transparent py-3 pl-4 pr-3 shadow duration-300",u,p<=50&&"max-w-[400px]"),style:Object.assign(Object.assign({},h),j)},{children:e.jsx("p",Object.assign({className:"line-clamp-1 select-none"},{children:(null!=d?d:"")||c}))})),e.jsx(n.default,Object.assign({className:"p-3 shadow-md",border:"#ffffff"===f.secondaryText.toLowerCase()?"1px solid rgba(255,255,255,0.7)":"1px solid rgba(0,0,0,0.7)",align:"bottom-end",width:p<=50?"400px":"100%",style:Object.assign(Object.assign(Object.assign({},h),{borderRadius:m.cornerRadius}),j)},{children:l}))]})):e.jsx("div",{children:l})};

package/dist/cjs/src/components/Pickaxe/Form/Questions/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 interface DropdownProps {
     id: string;
     children: ReactNode;

package/dist/esm/components/Pickaxe/Form/Questions/Dropdown.js

@@ -1 +1 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as s}from"react";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useHover as t}from"../../../../hooks/core/useHover.js";import n from"../../../Core/Menu/index.js";import c from"../../../Core/Menu/Button.js";import i from"../../../Core/Menu/List.js";import d from"../../../../common/cn.js";const l=({id:l,children:m,placeholder:F,value:b,className:p,style:x,closeOnSelect:h=!0,maxToken:u=50,isDropdown:j=!1})=>{const{styles:y,colors:f}=a(),g=t(),{isHover:k}=g,v=e(g,["isHover"]),[w,C]=s(!1);return j?o(n,Object.assign({id:l,closeOnSelect:h,onChange:C,className:"relative"},{children:[r(c,Object.assign({variant:"anchor",className:d("flex items-center justify-between rounded-sm border border-transparent py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",p,w&&"border-black/70 shadow-none hover:border-black/70 dark:border-white/70 dark:hover:border-white/70",u<=50&&"max-w-[400px]"),style:Object.assign({backgroundColor:"#FFFFFF"===f.secondaryText?"#000000":"#FFFFFF",color:f.secondaryText,borderRadius:`${y.cornerRadius}px`,borderColor:w?f.secondaryText+"B3":k?f.secondaryText+(w?"B3":"40"):"transparent"},x)},v,{children:r("p",Object.assign({className:"line-clamp-1 select-none"},{children:(null!=b?b:"")||F}))})),r(i,Object.assign({className:"p-3 shadow-md",border:"#FFFFFF"===f.secondaryText?"1px solid rgba(255,255,255,0.7)":"1px solid rgba(0,0,0,0.7)",align:"bottom-end",width:u<=50?"400px":"100%",style:Object.assign({backgroundColor:"#FFFFFF"===f.secondaryText?"#000000":"#FFFFFF",color:f.secondaryText},x)},{children:m}))]})):r("div",{children:m})};export{l as default};
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import t from"../../../Core/Menu/index.js";import n from"../../../Core/Menu/Button.js";import a from"../../../Core/Menu/List.js";import i from"../../../../common/cn.js";const c=({id:c,children:l,placeholder:d,value:m,className:p,style:u,closeOnSelect:b=!0,maxToken:j=50,isDropdown:f=!1})=>{const{styles:x,colors:h}=o(),g=r();return f?s(t,Object.assign({id:c,closeOnSelect:b,className:"relative"},{children:[e(n,Object.assign({variant:"anchor",className:i("flex items-center justify-between rounded-sm border border-transparent py-3 pl-4 pr-3 shadow duration-300",p,j<=50&&"max-w-[400px]"),style:Object.assign(Object.assign({},g),u)},{children:e("p",Object.assign({className:"line-clamp-1 select-none"},{children:(null!=m?m:"")||d}))})),e(a,Object.assign({className:"p-3 shadow-md",border:"#ffffff"===h.secondaryText.toLowerCase()?"1px solid rgba(255,255,255,0.7)":"1px solid rgba(0,0,0,0.7)",align:"bottom-end",width:j<=50?"400px":"100%",style:Object.assign(Object.assign(Object.assign({},g),{borderRadius:x.cornerRadius}),u)},{children:l}))]})):e("div",{children:l})};export{c as default};

package/dist/esm/src/components/Pickaxe/Form/Questions/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 interface DropdownProps {
     id: string;
     children: ReactNode;

package/package.json

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