@wallarm-org/claude-design 0.0.0-stage → 4.9.0

package/dist/project/components/FeedbackPulse/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,n){let r,o;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var a,l,i=Object.create,c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of s(t))p.call(e,o)||o===n||c(e,o,{get:()=>t[o],enumerable:!(r=u(t,o))||r.enumerable});return e},d={},y={$dispatcherGuard:()=>C,$makeReadOnly:()=>M,$reset:()=>O,$structuralCheck:()=>x,c:()=>w,clearRenderCounterRegistry:()=>D,renderCounterRegistry:()=>j,useRenderCounter:()=>I};for(var h in y)c(d,h,{get:y[h],enumerable:!0});e.exports=m(c({},"__esModule",{value:!0}),d);var g=(o=null!=(r=n("C"))?i(f(r)):{},m(r&&r.__esModule?o:c(o,"default",{value:r,enumerable:!0}),r)),{useRef:R,useEffect:b,isValidElement:v}=g,_=null!=(a=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,E=Symbol.for("react.memo_cache_sentinel"),w="function"==typeof(null==(l=g.__COMPILER_RUNTIME)?void 0:l.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let t=Array(e);for(let n=0;n<e;n++)t[n]=E;return t[E]=!0,t},[])},$={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{$[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var S=null;function k(e){return _.ReactCurrentDispatcher.current=e,_.ReactCurrentDispatcher.current}$.useMemoCache=e=>{if(null!=S)return S.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var N=[];function C(e){let t=_.ReactCurrentDispatcher.current;if(0===e){if(N.push(t),1===N.length&&(S=t),t===$)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");k($)}else if(1===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===N.length&&(S=null),k(e)}else if(2===e)N.push(t),k(S);else if(3===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");k(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function O(e){for(let t=0;t<e.length;t++)e[t]=E}function M(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var j=new Map;function D(){for(let e of j.values())e.forEach(e=>{e.count=0})}function I(e){let t=R(null);null!=t.current&&(t.current.count+=1),b(()=>{if(null==t.current){let n,r={count:0};null==(n=j.get(e))&&(n=new Set,j.set(e,n)),n.add(r),t.current=r}return()=>{var n;let r;null!==t.current&&(n=t.current,null!=(r=j.get(e))&&r.delete(n))}})}var P=new Set;function x(e,t,n,r,o,a){function l(e,t,l,i){let c=`${r}:${a} [${o}] ${n}${l} changed from ${e} to ${t} at depth ${i}`;P.has(c)||(P.add(c),console.error(c))}!function e(t,n,r,o){if(!(o>2)){if(t!==n)if(typeof t!=typeof n)l(`type ${typeof t}`,`type ${typeof n}`,r,o);else if("object"==typeof t){let a=Array.isArray(t),i=Array.isArray(n);if(null===t&&null!==n)l("null",`type ${typeof n}`,r,o);else if(null===n)l(`type ${typeof t}`,"null",r,o);else if(t instanceof Map)if(n instanceof Map)if(t.size!==n.size)l(`Map instance with size ${t.size}`,`Map instance with size ${n.size}`,r,o);else for(let[a,i]of t)n.has(a)?e(i,n.get(a),`${r}.get(${a})`,o+1):l(`Map instance with key ${a}`,`Map instance without key ${a}`,r,o);else l("Map instance","other value",r,o);else if(n instanceof Map)l("other value","Map instance",r,o);else if(t instanceof Set)if(n instanceof Set)if(t.size!==n.size)l(`Set instance with size ${t.size}`,`Set instance with size ${n.size}`,r,o);else for(let e of n)t.has(e)||l(`Set instance without element ${e}`,`Set instance with element ${e}`,r,o);else l("Set instance","other value",r,o);else if(n instanceof Set)l("other value","Set instance",r,o);else if(a||i)if(a!==i)l(`type ${a?"array":"object"}`,`type ${i?"array":"object"}`,r,o);else if(t.length!==n.length)l(`array with length ${t.length}`,`array with length ${n.length}`,r,o);else for(let a=0;a<t.length;a++)e(t[a],n[a],`${r}[${a}]`,o+1);else if(v(t)||v(n))v(t)!==v(n)?l(`type ${v(t)?"React element":"object"}`,`type ${v(n)?"React element":"object"}`,r,o):t.type!==n.type?l(`React element of type ${t.type}`,`React element of type ${n.type}`,r,o):e(t.props,n.props,`[props of ${r}]`,o+1);else{for(let e in n)e in t||l(`object without key ${e}`,`object with key ${e}`,r,o);for(let a in t)a in n?e(t[a],n[a],`${r}.${a}`,o+1):l(`object with key ${a}`,`object without key ${a}`,r,o)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(n)?isNaN(t)!==isNaN(n)&&l(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(n)?"NaN":"non-NaN value"}`,r,o):t!==n&&l(t,n,r,o)}}}(e,t,"",0)}},p(e,t,n){let r=new WeakMap,o=new WeakMap;function a(e,t,n){let a=t,l=n;if("object"==typeof a&&null!==a&&"$$typeof"in a&&a.$$typeof===Symbol.for("react.context")&&"Provider"in a&&(a=a.Provider),"function"==typeof a&&null!=l.ref&&!a.prototype?.isReactComponent){let t=a,n=r.get(e);n||(n=new WeakMap,r.set(e,n));let o=n.get(t);o||((o=e.forwardRef((e,n)=>t({...e,ref:n}))).displayName=t.displayName??t.name,n.set(t,o)),a=o}if("string"==typeof a&&"boolean"==typeof l.inert&&((l={...l}).inert?l.inert="":delete l.inert),"string"==typeof a)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in l&&(l={...l,[t]:l[e]},delete l[e]);return"string"==typeof a&&null!=l.ref&&(a=function(e,t){let n=o.get(e);n||(n=new Map,o.set(e,n));let r=n.get(t);if(r)return r;let a=e.forwardRef((n,r)=>{let o=e.useRef(null);if(!o.current||o.current.original!==r){let e;o.current={original:r,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof r){let n=r(t);e="function"==typeof n?n:void 0}else r&&(r.current=t)}}}return e.createElement(t,{...n,ref:o.current.callback})});return a.displayName=`CanvasHost(${t})`,n.set(t,a),a}(e,a)),{type:a,props:l}}function l(e){let t=(t,n,r)=>{let o=a(e,t,n??{});return e.createElement(o.type,void 0===r?o.props:{...o.props,key:r})};return{jsx:t,jsxs:(t,n,r)=>{let o=a(e,t,n??{}),{children:l,...i}=o.props;return e.createElement(o.type,void 0===r?i:{...i,key:r},...Array.isArray(l)?l:[l])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,n,...r)=>{let o=a(e,t,n??{});return e.createElement(o.type,o.props,...r)},cloneElement:(t,n,...r)=>{let o=e.cloneElement(t,n??void 0,...r),l=o.ref,i=a(e,o.type,{...o.props,ref:l});return i.type===o.type&&"string"!=typeof o.type?o:e.createElement(i.type,{...i.props,key:o.key})}}}n.d(t,{MA:()=>l,YJ:()=>i})},C(e,t,n){n.r(t);let r=(0,n("p").YJ)(window.React),{Children:o,Component:a,Fragment:l,Profiler:i,PureComponent:c,StrictMode:u,Suspense:s,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:f,act:p,cloneElement:m,createContext:d,createElement:y,createFactory:h,createRef:g,forwardRef:R,isValidElement:b,lazy:v,memo:_,startTransition:E,unstable_act:w,useCallback:$,useContext:S,useDebugValue:k,useDeferredValue:N,useEffect:C,useId:O,useImperativeHandle:M,useInsertionEffect:j,useLayoutEffect:D,useMemo:I,useReducer:P,useRef:x,useState:T,useSyncExternalStore:A,useTransition:z,version:L,use:U}=r;n.d(t,{},{Children:o,Component:a,Fragment:l,Profiler:i,PureComponent:c,StrictMode:u,Suspense:s,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:f,act:p,cloneElement:m,createContext:d,createElement:y,createFactory:h,createRef:g,default:r,forwardRef:R,isValidElement:b,lazy:v,memo:_,startTransition:E,unstable_act:w,use:U,useCallback:$,useContext:S,useDebugValue:k,useDeferredValue:N,useEffect:C,useId:O,useImperativeHandle:M,useInsertionEffect:j,useLayoutEffect:D,useMemo:I,useReducer:P,useRef:x,useState:T,useSyncExternalStore:A,useTransition:z,version:L})}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t,r)=>{var o=(t,r)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,[r]:t[o]})};o(t,"get"),o(r,"value")},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:r,Fragment:o}=(0,n("p").MA)(window.React);var a=n("vD"),l=n("C");function i(e=()=>{}){let t=(...t)=>e(...t);for(let n of["mockName","mockReturnValue","mockResolvedValue","mockImplementation"])t[n]=r=>("mockImplementation"===n?e=r:"mockReturnValue"===n?e=()=>r:"mockResolvedValue"===n&&(e=()=>Promise.resolve(r)),t);return t}let c=window.WallarmDS.Button,u=window.WallarmDS.FeedbackPulse,s=i().mockName("onSubmit"),f=i().mockName("onOpenChange"),p={title:"Overlay/FeedbackPulse",component:u,parameters:{layout:"fullscreen",docs:{description:{component:"Asks one question in place, for measuring how a change landed without sending the reader to a survey. It is deliberately small and skippable: one question, an optional comment, and a timeout that dismisses it if the reader ignores it."}}}},m=()=>{let t,n=(0,a.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(t=e("div",{style:{minHeight:"100vh"},children:e(u,{open:!0,onOpenChange:f,onSubmit:s,"data-testid":"feedback-pulse"})}),n[0]=t):t=n[0],t};m.tags=["!autodocs"];let d=[{name:"Playground",story:n=>{let r,o,i,f,p=(0,a.c)(6),[m,d]=(0,l.useState)(!0);return p[0]===Symbol.for("react.memo_cache_sentinel")?(r={display:"flex",minHeight:120,alignItems:"center",justifyContent:"center"},p[0]=r):r=p[0],p[1]===Symbol.for("react.memo_cache_sentinel")?(o=e(c,{variant:"outline",color:"neutral",onClick:()=>d(!0),children:"Show FeedbackPulse"}),p[1]=o):o=p[1],p[2]===Symbol.for("react.memo_cache_sentinel")?(i=e=>d(e),p[2]=i):i=p[2],p[3]!==n||p[4]!==m?(f=t("div",{style:r,children:[o,e(u,{...n,open:m,onOpenChange:i,onSubmit:s,"data-testid":"feedback-pulse"})]}),p[3]=n,p[4]=m,p[5]=f):f=p[5],f},meta:p},{name:"Rating",story:m,meta:p}];function y({entry:e}){let{story:t,meta:n}=e,r={...n.args,...t.args},o="function"==typeof t||t.$$typeof?t:t.render||n.render||n.component,a=()=>l.default.createElement(o,r),i={args:r,globals:{theme:"light"},parameters:{...n.parameters,...t.parameters},viewMode:"story"};for(let e of[...n.decorators||[],...t.decorators||[]].reverse()){let t=a;a=()=>e(t,i)}return l.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},l.default.createElement("h2",{className:"text-sm mb-12"},e.name),l.default.createElement(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(l.default.createElement(window.WallarmDS.Root,null,d.map((e,t)=>l.default.createElement(y,{key:t,entry:e})))),t}}})();