@pickaxeproject/react 1.0.12 → 1.0.13
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.
- package/dist/cjs/components/Pickaxe/Form/Questions/Checkbox.js +1 -1
- package/dist/cjs/components/Pickaxe/Form/Questions/Dropdown.js +1 -1
- package/dist/cjs/components/Pickaxe/Form/Questions/Option.js +1 -1
- package/dist/esm/components/Pickaxe/Form/Questions/Checkbox.js +1 -1
- package/dist/esm/components/Pickaxe/Form/Questions/Dropdown.js +1 -1
- package/dist/esm/components/Pickaxe/Form/Questions/Option.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),r=require("../../../../common/utils.js"),c=require("../../../Icons/check.svg.js"),o=require("./Dropdown.js"),a=require("../../../../common/cn.js");exports.default=({field:l,update:u})=>{const{colors:d}=t.usePickaxeContext(),p=n.useStyleFontSize(),{setError:x}=i.useResponseContext(),j=s.useMemo((()=>l.input?l.input.split(","):[]),[l.input]);return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[e.jsx("p",Object.assign({className:a.default(p.b3,"font-semibold opacity-70")},{children:l.main})),l.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),e.jsx(o.default,Object.assign({id:l.id.replace(/[^A-Za-z]+/g,""),value:l.input.replace(/,/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:l.maxLength,isDropdown:l.isDropdown},{children:e.jsx("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:l.example.split("S3P32X").map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{x("");const s=j.includes(e),t=l.input?l.input.split(","):[],i=new Set(t);s&&i.has(e)?i.delete(e):s||i.has(e)||i.add(e);const n=Array.from(i).filter((e=>""!==e.trim()));u(Object.assign(Object.assign({},l),{input:n.join(",")}))})(s)},{children:[e.jsx("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center border-2 rounded-sm transition-colors ease-in-out duration-200",style:Object.assign({borderColor:j.includes(s)?d.accent:d.accent+"80"},j.includes(s)&&{backgroundColor:d.accent})},{children:e.jsx(c.default,{className:a.default("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",j.includes(s)&&"opacity-100"),style:{color:r.getContrastColor(d.accent)}})})),e.jsx("p",Object.assign({className:a.default(p.b2,"select-none")},{children:s}))]}),t)))}))}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../../Core/Menu/index.js"),a=require("../../../Core/Menu/Button.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),o=require("../../../Core/Menu/index.js"),a=require("../../../Core/Menu/Button.js"),t=require("../../../Core/Menu/List.js"),n=require("../../../../common/cn.js");exports.default=({id:c,children:d,placeholder:l,value:i,className:u,style:x,closeOnSelect:b=!0,maxToken:F=50,isDropdown:h=!1})=>{const{styles:j,colors:p}=s.usePickaxeContext(),[m,k]=r.useState(!1);return h?e.jsxs(o.default,Object.assign({id:c,closeOnSelect:b,onChange:k,className:"relative"},{children:[e.jsx(a.default,Object.assign({variant:"anchor",className:n.default("flex items-center justify-between rounded-sm border border-transparent py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",u,m&&"border-black/70 shadow-none hover:border-black/70 dark:border-white/70 dark:hover:border-white/70",F<=50&&"max-w-[400px]"),style:Object.assign({backgroundColor:"#FFFFFF"===p.secondaryText?"#000000":"#FFFFFF",color:p.secondaryText,borderRadius:`${j.cornerRadius}px`},x)},{children:e.jsx("p",Object.assign({className:"line-clamp-1 select-none"},{children:(null!=i?i:"")||l}))})),e.jsx(t.default,Object.assign({className:"p-3 shadow-md",border:"1px solid rgba(0,0,0,0.7)",align:"bottom-end",width:F<=50?"400px":"100%",style:Object.assign({backgroundColor:"#FFFFFF"===p.secondaryText?"#000000":"#FFFFFF",color:p.secondaryText},x)},{children:d}))]})):e.jsx("div",{children:d})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../../hooks/studio/useStyleFontSize.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),i=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("../../../../common/utils.js"),o=require("./Dropdown.js"),r=require("../../../../common/cn.js");exports.default=({field:a,update:c})=>{const{colors:l}=s.usePickaxeContext(),d=i.useStyleFontSize(),{setError:u}=t.useResponseContext();return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[e.jsx("p",Object.assign({className:r.default(d.b3,"font-semibold opacity-70")},{children:a.main})),a.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:l.error}},{children:"*"}))]})),e.jsx(o.default,Object.assign({id:a.id.replace(/[^A-Za-z]+/g,""),value:a.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:a.maxLength,isDropdown:a.isDropdown},{children:e.jsx("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:a.example.split("S3P32X").map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>{return e=s,u(""),void c(Object.assign(Object.assign({},a),{input:e}));var e}},{children:[e.jsx("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border-2",style:Object.assign({borderColor:a.input===s?l.accent:l.accent+"80"},a.input===s&&{backgroundColor:l.accent})},{children:e.jsx("div",{className:r.default("h-2 w-2 shrink-0 transition-opacity opacity-0 ease-in-out duration-200 rounded-full",a.input===s&&"opacity-100"),style:{backgroundColor:n.getContrastColor(l.accent)}})})),e.jsx("p",Object.assign({className:r.default(d.b2,"select-none")},{children:s}))]}),t)))}))}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as i}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as n}from"../../../../hooks/studio/useStyleFontSize.js";import{getContrastColor as c}from"../../../../common/utils.js";import r from"../../../Icons/check.svg.js";import a from"./Dropdown.js";import l from"../../../../common/cn.js";const p=({field:p,update:m})=>{const{colors:d}=o(),u=n(),{setError:f}=i(),h=t((()=>p.input?p.input.split(","):[]),[p.input]);return e("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[s("p",Object.assign({className:l(u.b3,"font-semibold opacity-70")},{children:p.main})),p.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:d.error}},{children:"*"}))]})),s(a,Object.assign({id:p.id.replace(/[^A-Za-z]+/g,""),value:p.input.replace(/,/g,", "),placeholder:"Select option(s)",closeOnSelect:!1,maxToken:p.maxLength,isDropdown:p.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:p.example.split("S3P32X").map(((t,o)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{f("");const s=h.includes(e),t=p.input?p.input.split(","):[],o=new Set(t);s&&o.has(e)?o.delete(e):s||o.has(e)||o.add(e);const i=Array.from(o).filter((e=>""!==e.trim()));m(Object.assign(Object.assign({},p),{input:i.join(",")}))})(t)},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center border-2 rounded-sm transition-colors ease-in-out duration-200",style:Object.assign({borderColor:h.includes(t)?d.accent:d.accent+"80"},h.includes(t)&&{backgroundColor:d.accent})},{children:s(r,{className:l("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",h.includes(t)&&"opacity-100"),style:{color:c(d.accent)}})})),s("p",Object.assign({className:l(u.b2,"select-none")},{children:t}))]}),o)))}))}))]}))};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o}from"react";import
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as o}from"react";import{usePickaxeContext as s}from"../../../../hooks/pickaxe/usePickaxeContext.js";import a from"../../../Core/Menu/index.js";import n from"../../../Core/Menu/Button.js";import t from"../../../Core/Menu/List.js";import c from"../../../../common/cn.js";const d=({id:d,children:i,placeholder:l,value:m,className:F,style:b,closeOnSelect:p=!0,maxToken:h=50,isDropdown:u=!1})=>{const{styles:x,colors:j}=s(),[g,k]=o(!1);return u?r(a,Object.assign({id:d,closeOnSelect:p,onChange:k,className:"relative"},{children:[e(n,Object.assign({variant:"anchor",className:c("flex items-center justify-between rounded-sm border border-transparent py-3 pl-4 pr-3 shadow duration-300 hover:border-black/25",F,g&&"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"===j.secondaryText?"#000000":"#FFFFFF",color:j.secondaryText,borderRadius:`${x.cornerRadius}px`},b)},{children:e("p",Object.assign({className:"line-clamp-1 select-none"},{children:(null!=m?m:"")||l}))})),e(t,Object.assign({className:"p-3 shadow-md",border:"1px solid rgba(0,0,0,0.7)",align:"bottom-end",width:h<=50?"400px":"100%",style:Object.assign({backgroundColor:"#FFFFFF"===j.secondaryText?"#000000":"#FFFFFF",color:j.secondaryText},b)},{children:i}))]})):e("div",{children:i})};export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as
|
|
1
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{usePickaxeContext as o}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as t}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as i}from"../../../../hooks/studio/useStyleFontSize.js";import{getContrastColor as n}from"../../../../common/utils.js";import c from"./Dropdown.js";import r from"../../../../common/cn.js";const a=({field:a,update:l})=>{const{colors:p}=o(),m=i(),{setError:d}=t();return e("div",Object.assign({className:"flex flex-col gap-y-3"},{children:[e("div",Object.assign({className:"flex items-center gap-2"},{children:[s("p",Object.assign({className:r(m.b3,"font-semibold opacity-70")},{children:a.main})),a.isRequired&&s("span",Object.assign({className:"select-none font-semibold",style:{color:p.error}},{children:"*"}))]})),s(c,Object.assign({id:a.id.replace(/[^A-Za-z]+/g,""),value:a.input,placeholder:"Select an option",closeOnSelect:!1,maxToken:a.maxLength,isDropdown:a.isDropdown},{children:s("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:a.example.split("S3P32X").map(((o,t)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>{return e=o,d(""),void l(Object.assign(Object.assign({},a),{input:e}));var e}},{children:[s("div",Object.assign({className:"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border-2",style:Object.assign({borderColor:a.input===o?p.accent:p.accent+"80"},a.input===o&&{backgroundColor:p.accent})},{children:s("div",{className:r("h-2 w-2 shrink-0 transition-opacity opacity-0 ease-in-out duration-200 rounded-full",a.input===o&&"opacity-100"),style:{backgroundColor:n(p.accent)}})})),s("p",Object.assign({className:r(m.b2,"select-none")},{children:o}))]}),t)))}))}))]}))};export{a as default};
|