@pickaxeproject/react 6.0.2 → 6.1.0
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"),s=require("react"),t=require("../../../../hooks/pickaxe/usePickaxeContext.js"),i=require("../../../../hooks/pickaxe/useResponseContext.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),r=require("../../../Icons/check.svg.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("../../../Icons/check.svg.js"),a=require("./Dropdown.js"),c=require("../../../../common/cn.js");exports.default=({field:l,update:o})=>{const{colors:u,isRtl:d,translations:p}=t.usePickaxeContext(),{setError:x}=i.useResponseContext(),j=n.useStyleFontSize(),m=s.useRef(null),f=s.useMemo((()=>l.example.split("S3P32X")),[l.example]),b=s.useMemo((()=>l.input?l.input.split(","):[]),[l.input]),[h,g]=s.useState((()=>{const e=f.includes(l.input);return l.allowOther&&l.input&&!e?l.input:""}));return e.jsxs("div",Object.assign({className:"flex flex-col gap-y-3",dir:d?"rtl":"ltr"},{children:[e.jsxs("div",Object.assign({className:"flex items-center gap-1"},{children:[e.jsx("p",Object.assign({className:c.default(j.b3,"font-semibold opacity-70")},{children:l.main})),l.isRequired&&e.jsx("span",Object.assign({className:"select-none font-semibold",style:{color:u.error}},{children:"*"}))]})),e.jsx(a.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.jsxs("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:[f.map(((s,t)=>e.jsxs("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{x("");const s=b.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()));o(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:b.includes(s)?u.accent:u.accent+"80"},b.includes(s)&&{backgroundColor:u.accent})},{children:e.jsx(r.default,{className:c.default("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",b.includes(s)&&"opacity-100"),style:{color:u.accentText}})})),e.jsx("p",Object.assign({className:c.default(j.b2,"select-none")},{children:s}))]}),t))),l.allowOther&&e.jsxs("div",Object.assign({className:"flex w-full items-center gap-x-3 hover:cursor-pointer",onClick:()=>{x("");const e=b.includes(h.trim()),s=l.input?l.input.split(","):[],t=Array.from(new Set(s)).filter((e=>""!==e.trim()&&f.includes(e)));e||t.push(h.trim()),o(Object.assign(Object.assign({},l),{input:t.join(",")})),setTimeout((()=>{var e;return null===(e=m.current)||void 0===e?void 0:e.focus()}),0)}},{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:b.includes(h)?u.accent:u.accent+"80"},b.includes(h)&&{backgroundColor:u.accent})},{children:e.jsx(r.default,{className:c.default("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",b.includes(h)&&"opacity-100"),style:{color:u.accentText}})})),e.jsxs("div",Object.assign({className:"flex flex-1 items-center gap-2"},{children:[e.jsxs("p",Object.assign({className:c.default(j.b2,"select-none opacity-80 min-w-fit")},{children:[(null==p?void 0:p.other)||"Other",":"]})),e.jsx("input",{ref:m,type:"text",className:c.default(j.b2,"flex-1 bg-transparent border-b outline-none w-full pb-0.5 transition-colors duration-200","cursor-text"),style:{borderColor:b.includes(h)?u.accent:"rgba(0,0,0,0.2)"},value:h,onChange:e=>(e=>{x(""),g(e);const s=b.includes(e.trim()),t=l.input?l.input.split(","):[],i=new Set(t.filter((e=>f.includes(e))));s?i.delete(e.trim()):i.add(e.trim());const n=Array.from(i).filter((e=>""!==e.trim()));o(Object.assign(Object.assign({},l),{input:n.join(",")}))})(e.target.value),placeholder:"Type your answer..."})]}))]}))]}))}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as s,useMemo as i,useState as n}from"react";import{usePickaxeContext as r}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as o}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import a from"../../../Icons/check.svg.js";import l from"./Dropdown.js";import d from"../../../../common/cn.js";const p=({field:p,update:u})=>{const{colors:m,isRtl:b,translations:f}=r(),{setError:h}=o(),g=c(),j=s(null),x=i((()=>p.example.split("S3P32X")),[p.example]),y=i((()=>p.input?p.input.split(","):[]),[p.input]),[O,v]=n((()=>{const e=x.includes(p.input);return p.allowOther&&p.input&&!e?p.input:""}));return e("div",Object.assign({className:"flex flex-col gap-y-3",dir:b?"rtl":"ltr"},{children:[e("div",Object.assign({className:"flex items-center gap-1"},{children:[t("p",Object.assign({className:d(g.b3,"font-semibold opacity-70")},{children:p.main})),p.isRequired&&t("span",Object.assign({className:"select-none font-semibold",style:{color:m.error}},{children:"*"}))]})),t(l,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:e("div",Object.assign({className:"flex flex-col items-start gap-y-3"},{children:[x.map(((s,i)=>e("div",Object.assign({className:"flex items-center gap-x-3 hover:cursor-pointer",onClick:()=>(e=>{h("");const t=y.includes(e),s=p.input?p.input.split(","):[],i=new Set(s);t&&i.has(e)?i.delete(e):t||i.has(e)||i.add(e);const n=Array.from(i).filter((e=>""!==e.trim()));u(Object.assign(Object.assign({},p),{input:n.join(",")}))})(s)},{children:[t("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:y.includes(s)?m.accent:m.accent+"80"},y.includes(s)&&{backgroundColor:m.accent})},{children:t(a,{className:d("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",y.includes(s)&&"opacity-100"),style:{color:m.accentText}})})),t("p",Object.assign({className:d(g.b2,"select-none")},{children:s}))]}),i))),p.allowOther&&e("div",Object.assign({className:"flex w-full items-center gap-x-3 hover:cursor-pointer",onClick:()=>{h("");const e=y.includes(O.trim()),t=p.input?p.input.split(","):[],s=Array.from(new Set(t)).filter((e=>""!==e.trim()&&x.includes(e)));e||s.push(O.trim()),u(Object.assign(Object.assign({},p),{input:s.join(",")})),setTimeout((()=>{var e;return null===(e=j.current)||void 0===e?void 0:e.focus()}),0)}},{children:[t("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:y.includes(O)?m.accent:m.accent+"80"},y.includes(O)&&{backgroundColor:m.accent})},{children:t(a,{className:d("h-3 w-3 shrink-0 transition-opacity opacity-0 ease-in-out duration-200",y.includes(O)&&"opacity-100"),style:{color:m.accentText}})})),e("div",Object.assign({className:"flex flex-1 items-center gap-2"},{children:[e("p",Object.assign({className:d(g.b2,"select-none opacity-80 min-w-fit")},{children:[(null==f?void 0:f.other)||"Other",":"]})),t("input",{ref:j,type:"text",className:d(g.b2,"flex-1 bg-transparent border-b outline-none w-full pb-0.5 transition-colors duration-200","cursor-text"),style:{borderColor:y.includes(O)?m.accent:"rgba(0,0,0,0.2)"},value:O,onChange:e=>(e=>{h(""),v(e);const t=y.includes(e.trim()),s=p.input?p.input.split(","):[],i=new Set(s.filter((e=>x.includes(e))));t?i.delete(e.trim()):i.add(e.trim());const n=Array.from(i).filter((e=>""!==e.trim()));u(Object.assign(Object.assign({},p),{input:n.join(",")}))})(e.target.value),placeholder:"Type your answer..."})]}))]}))]}))}))]}))};export{p as default};
|