@yoopta/ui 6.0.0-beta.7 → 6.0.0-beta.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.
- package/dist/action-menu-list/action-menu-list.d.ts +49 -13
- package/dist/action-menu-list/action-menu-list.d.ts.map +1 -1
- package/dist/action-menu-list/context.d.ts +25 -0
- package/dist/action-menu-list/context.d.ts.map +1 -0
- package/dist/action-menu-list/index.d.ts +5 -5
- package/dist/action-menu-list/index.d.ts.map +1 -1
- package/dist/action-menu-list/utils.d.ts +1 -1
- package/dist/action-menu-list/utils.d.ts.map +1 -1
- package/dist/action-menu-list.js +1 -1
- package/dist/block-options/block-options.d.ts.map +1 -1
- package/dist/block-options.js +1 -1
- package/dist/chunks/{floating-ui.react-33212df0.js → floating-ui.react-727e4287.js} +1 -1
- package/dist/chunks/{highlight-color-picker-ea799f50.js → highlight-color-picker-ce0b19ac.js} +1 -1
- package/dist/element-options/context/element-options-context.d.ts +2 -2
- package/dist/element-options.js +18 -5
- package/dist/floating-block-actions/context.d.ts +15 -0
- package/dist/floating-block-actions/context.d.ts.map +1 -0
- package/dist/floating-block-actions/floating-block-actions.d.ts +30 -7
- package/dist/floating-block-actions/floating-block-actions.d.ts.map +1 -1
- package/dist/floating-block-actions/hooks.d.ts +1 -29
- package/dist/floating-block-actions/hooks.d.ts.map +1 -1
- package/dist/floating-block-actions/index.d.ts +3 -4
- package/dist/floating-block-actions/index.d.ts.map +1 -1
- package/dist/floating-block-actions.js +1 -1
- package/dist/floating-toolbar/context.d.ts +12 -0
- package/dist/floating-toolbar/context.d.ts.map +1 -0
- package/dist/floating-toolbar/floating-toolbar.d.ts +44 -0
- package/dist/floating-toolbar/floating-toolbar.d.ts.map +1 -0
- package/dist/floating-toolbar/index.d.ts +5 -0
- package/dist/floating-toolbar/index.d.ts.map +1 -0
- package/dist/floating-toolbar.js +1 -0
- package/dist/highlight-color-picker.js +1 -1
- package/dist/index.d.ts +3 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/overlay.js +1 -1
- package/dist/portal.js +1 -1
- package/dist/slash-command-menu.js +1 -1
- package/package.json +7 -14
- package/dist/action-menu-list/hooks.d.ts +0 -912
- package/dist/action-menu-list/hooks.d.ts.map +0 -1
- package/dist/action-menu-list/store.d.ts +0 -22
- package/dist/action-menu-list/store.d.ts.map +0 -1
- package/dist/action-menu-list/store.test.d.ts +0 -2
- package/dist/action-menu-list/store.test.d.ts.map +0 -1
- package/dist/chunks/hooks-814f49b9.js +0 -1
- package/dist/chunks/hooks-ad9169d0.js +0 -1
- package/dist/chunks/index-06d5c4e7.js +0 -10
- package/dist/floating-block-actions/store.d.ts +0 -19
- package/dist/floating-block-actions/store.d.ts.map +0 -1
- package/dist/floating-block-actions/store.test.d.ts +0 -2
- package/dist/floating-block-actions/store.test.d.ts.map +0 -1
- package/dist/theme/ThemeProvider.d.ts +0 -16
- package/dist/theme/ThemeProvider.d.ts.map +0 -1
- package/dist/theme/ThemeToggle.d.ts +0 -6
- package/dist/theme/ThemeToggle.d.ts.map +0 -1
- package/dist/theme/index.d.ts +0 -5
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/theme/useTheme.d.ts +0 -8
- package/dist/theme/useTheme.d.ts.map +0 -1
- package/dist/theme.js +0 -1
- package/dist/toolbar/hooks.d.ts +0 -879
- package/dist/toolbar/hooks.d.ts.map +0 -1
- package/dist/toolbar/index.d.ts +0 -6
- package/dist/toolbar/index.d.ts.map +0 -1
- package/dist/toolbar/store.d.ts +0 -12
- package/dist/toolbar/store.d.ts.map +0 -1
- package/dist/toolbar/store.test.d.ts +0 -2
- package/dist/toolbar/store.test.d.ts.map +0 -1
- package/dist/toolbar/toolbar.d.ts +0 -20
- package/dist/toolbar/toolbar.d.ts.map +0 -1
- package/dist/toolbar.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAYpD,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;CASpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,wBAAoC,mBAAmB;;;;;;;;mBAoDpE,WAAW,GAAG,IAAI;;;;;;yBAuBxB,MAAM;0BATT,gBAAgB;yBAWD,UAAU;qBACd,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqBN,UAAU;qBACd,UAAU;;CAiB5B,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Placement } from '@floating-ui/react';
|
|
2
|
-
export type ActionMenuListState = 'open' | 'closed';
|
|
3
|
-
export type ActionMenuListStore = {
|
|
4
|
-
state: ActionMenuListState;
|
|
5
|
-
view: 'small' | 'default';
|
|
6
|
-
reference: HTMLElement | null;
|
|
7
|
-
placement: Placement;
|
|
8
|
-
blockId: string | null;
|
|
9
|
-
open: (options?: {
|
|
10
|
-
reference?: HTMLElement | null;
|
|
11
|
-
placement?: Placement;
|
|
12
|
-
blockId?: string;
|
|
13
|
-
view?: 'small' | 'default';
|
|
14
|
-
}) => void;
|
|
15
|
-
close: () => void;
|
|
16
|
-
toggle: (state: ActionMenuListState) => void;
|
|
17
|
-
setView: (view: 'small' | 'default') => void;
|
|
18
|
-
setReference: (reference: HTMLElement | null) => void;
|
|
19
|
-
reset: () => void;
|
|
20
|
-
};
|
|
21
|
-
export declare const useActionMenuListStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ActionMenuListStore>>;
|
|
22
|
-
//# sourceMappingURL=store.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE;QACf,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;QAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC5B,KAAK,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kFAgDhC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/store.test.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{_ as e}from"./_tslib-5e145dfd.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{forwardRef as o,isValidElement as i,cloneElement as s,useMemo as a,useState as l,useCallback as c,useEffect as r}from"react";import{u as p,f as d,s as u,o as m,a as v,b as f}from"./floating-ui.react-33212df0.js";import{Blocks as g,getAllowedPluginsFromElement as y,getRootBlockElement as b,useYooptaEditor as N}from"@yoopta/editor";import{c as h}from"./index-06d5c4e7.js";const w=o((n,o)=>{var{children:i,style:s,className:a}=n,l=e(n,["children","style","className"]);return t("div",Object.assign({ref:o,role:"listbox",tabIndex:0,style:s,className:`yoopta-ui-action-menu-list-content ${a||""}`,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()},l,{children:i}))});w.displayName="ActionMenuList.Root";const j=o((n,o)=>{var{children:i,className:s}=n,a=e(n,["children","className"]);return t("div",Object.assign({ref:o,className:`yoopta-ui-action-menu-list-group ${s||""}`},a,{children:i}))});j.displayName="ActionMenuList.Group";const k=o((o,a)=>{var{action:l,selected:c,icon:r,className:p}=o,d=e(o,["action","selected","icon","className"]);return n("button",Object.assign({ref:a,type:"button",className:`yoopta-ui-action-menu-list-item ${c?"selected":""} ${p||""}`},d,{children:[r&&t("div",Object.assign({className:"yoopta-ui-action-menu-list-item-icon"},{children:(e=>{if(!e)return null;if("string"==typeof e)return t("img",{src:e,alt:"icon"});if(i(e))return s(e);return t(e,{})})(r)})),n("div",Object.assign({className:"yoopta-ui-action-menu-list-item-content"},{children:[t("div",Object.assign({className:"yoopta-ui-action-menu-list-item-title"},{children:l.title})),l.description&&t("div",Object.assign({className:"yoopta-ui-action-menu-list-item-description"},{children:l.description}))]}))]}))});k.displayName="ActionMenuList.Item";const O=o((n,o)=>{var{children:i,className:s}=n,a=e(n,["children","className"]);return t("div",Object.assign({ref:o,className:`yoopta-ui-action-menu-list-empty ${s||""}`},a,{children:i||"No actions available"}))});O.displayName="ActionMenuList.Empty";const I={Root:w,Group:j,Item:k,Empty:O},M=h()(e=>({state:"closed",view:"default",reference:null,placement:"bottom-start",blockId:null,open(t={}){const{reference:n,view:o,placement:i,blockId:s}=t;e(e=>({state:"open",reference:void 0!==n?n:e.reference,view:void 0!==o?o:e.view,placement:void 0!==i?i:e.placement,blockId:void 0!==s?s:e.blockId}))},close(){e({state:"closed",view:"default",placement:"bottom-start",blockId:null})},toggle(t){e({state:t})},setView(t){e({view:t})},setReference(t){e({reference:t})},reset(){e({state:"closed",view:"default",reference:null,placement:"bottom-start",blockId:null})}}));const P=()=>{const e=M();return{open:e.open,close:e.close,toggle:e.toggle,isOpen:"open"===e.state}},A=({view:e="default"}={})=>{const t=N(),n=M(),{state:o,view:i,reference:s,blockId:h,open:w,close:j,setView:k,placement:O}=n,{refs:I,floatingStyles:P,context:A,update:x}=p({placement:O,open:"open"===o,middleware:[d(),u(),m(10)],whileElementsMounted:v}),{isMounted:R,styles:$}=f(A,{duration:100}),C=a(()=>function(e){const t=Object.keys(e.plugins);let n=null;if("number"==typeof e.path.current){const t=g.getBlockSlate(e,{at:e.path.current});t&&(n=y(e,t))}let o=t;return n&&n.length>0&&(o="string"==typeof t[0]?t.filter(e=>n.includes(e)):t.filter(e=>n.includes(e.type))),o.map(t=>{var n,o,i,s,a,l;return"string"==typeof t?{type:t,title:(null===(o=null===(n=e.plugins[t].options)||void 0===n?void 0:n.display)||void 0===o?void 0:o.title)||t,description:null===(s=null===(i=e.plugins[t].options)||void 0===i?void 0:i.display)||void 0===s?void 0:s.description,icon:null===(l=null===(a=e.plugins[t].options)||void 0===a?void 0:a.display)||void 0===l?void 0:l.icon}:t})}(t).filter(e=>function(e,t){var n;const o=e.plugins[t];if(!o)return!1;const i=b(o.elements);return"void"!==(null===(n=null==i?void 0:i.props)||void 0===n?void 0:n.nodeType)}(t,e.type)),[t]),[E,L]=l(C[0]),[B,D]=l(C),F=c(()=>{j(),D(C),L(C[0]),k(e)},[j,C,e,k]);r(()=>{s&&I.setReference(s),"open"===o&&x()},[s,o,I,x]);const G=c(e=>{const{reference:t,view:n,placement:o,blockId:i}=e;n&&k(n),w({reference:t,view:n,placement:o,blockId:i})},[w,k]),S=c(e=>{const t=e.currentTarget.getAttribute("data-action-menu-item-type"),n=C.find(e=>e.type===t);L(n)},[C]),T=c(e=>({onMouseEnter:S,onMouseDown:e=>e.stopPropagation(),onClick:n=>{if(!h)return;const o=g.getBlock(t,{id:h});o&&(n.stopPropagation(),t.toggleBlock(e,{preserveContent:!0,focus:!0,at:o.meta.order}),F())},"data-action-menu-item":!0,"data-action-menu-item-type":e,"aria-selected":e===(null==E?void 0:E.type)}),[S,E,t,F]),V=c(()=>({"data-action-menu-list":!0,ref:I.setFloating,style:Object.assign(Object.assign(Object.assign({},P),$),{minWidth:"small"===i?200:244}),onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),[I.setFloating,P,$,i]);return{isOpen:R,state:o,actions:B,selectedAction:E,empty:0===B.length,view:i,open:G,close:F,getItemProps:T,getRootProps:V}};export{I as A,P as a,M as b,A as u};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{_ as e}from"./_tslib-5e145dfd.js";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o,useCallback as a,useMemo as s,useEffect as n}from"react";import{Portal as r}from"../portal.js";import{u as i,i as l,f as c,s as d,o as p,a as u,b as m}from"./floating-ui.react-33212df0.js";import{useYooptaEditor as f}from"@yoopta/editor";import{c as g}from"./index-06d5c4e7.js";import{t as h}from"./throttle-dea4a39e.js";const v=o((o,a)=>{var{className:s,children:n}=o,i=e(o,["className","children"]);return t(r,Object.assign({id:"yoopta-ui-toolbar-portal"},{children:t("div",Object.assign({ref:a,className:`yoopta-ui-toolbar ${s||""}`,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation()},i,{children:n}))}))});v.displayName="Toolbar.Root";const b=o((o,a)=>{var{className:s,children:n}=o,r=e(o,["className","children"]);return t("div",Object.assign({ref:a,className:`yoopta-ui-toolbar-group ${s}`},r,{children:n}))});b.displayName="Toolbar.Group";const y=o((o,a)=>{var{className:s}=o,n=e(o,["className"]);return t("div",Object.assign({ref:a,className:`yoopta-ui-toolbar-separator ${s}`},n))});y.displayName="Toolbar.Separator";const N=o((o,a)=>{var{className:s,children:n,active:r,disabled:i,type:l="button"}=o,c=e(o,["className","children","active","disabled","type"]);return t("button",Object.assign({ref:a,type:l,disabled:i,"data-active":r,className:`yoopta-ui-toolbar-button ${s}`},c,{children:n}))});N.displayName="Toolbar.Button";const j={Root:v,Group:b,Separator:y,Button:N},w=g()(e=>({state:"closed",frozen:!1,open(){e({state:"open"})},close(){e({state:"closed",frozen:!1})},toggle(t){e({state:t})},setFrozen(t){e({frozen:t})},reset(){e({state:"closed",frozen:!1})}})),O=()=>{const e=f(),{state:t,frozen:o,open:r,close:g,setFrozen:v,toggle:b,reset:y}=w(),{refs:N,floatingStyles:j,context:O}=i({placement:"top-start",open:"open"===t,middleware:[l(),c(),d(),p(10)],whileElementsMounted:u}),{isMounted:R,styles:z}=m(O,{duration:100}),A=a(()=>{var a,s;if(o)return;const n=N.floating.current;if(n&&n.contains(document.activeElement))return;const i=window.getSelection();if(!i||(null==i?void 0:i.isCollapsed)||(null==i?void 0:i.anchorOffset)===(null==i?void 0:i.focusOffset))return void("open"===t&&g());const l=i.getRangeAt(0),c=l.getBoundingClientRect(),d=l.toString().trim(),p=null==l?void 0:l.commonAncestorContainer,u=!!(null===(a=null==p?void 0:p.closest)||void 0===a?void 0:a.call(p,"[data-custom-editor]"));if((null===(s=e.refElement)||void 0===s?void 0:s.contains(p))&&!u){if(l&&d.length>0){const e={getBoundingClientRect:()=>c,getClientRects:()=>l.getClientRects()};N.setReference(e),"open"!==t&&r()}}else"open"===t&&g()},[o,N,e.refElement,g,r,t]),C=a(()=>{var o;if(!Array.isArray(e.path.selected)||0===e.path.selected.length||"mousemove"!==e.path.source&&"keyboard"!==e.path.source)return void("open"===t&&g());const a=Math.min(...e.path.selected),s=Math.max(...e.path.selected);let n=!0;"number"==typeof e.path.current&&(n=Math.abs(e.path.current-s)<=Math.abs(e.path.current-a));const i=e.getBlock({at:n?s:a});if(!i)return;const l=null===(o=e.refElement)||void 0===o?void 0:o.querySelector(`[data-yoopta-block-id="${i.id}"]`);l&&(N.setReference(l),"open"!==t&&r())},[e,N,g,r,t]),M=s(()=>h(A,200,{leading:!0,trailing:!0}),[A]);n(()=>{if(Array.isArray(e.path.selected)||e.path.selection){if(!Array.isArray(e.path.selected)||e.path.selection)return window.document.addEventListener("selectionchange",M),()=>window.document.removeEventListener("selectionchange",M);C()}else"open"===t&&g()},[e.path.selected,e.path.selection,t,M,g,C]);const E=s(()=>Object.assign(Object.assign({},j),z),[j,z]);return{isOpen:R,state:t,frozen:o,open:r,close:g,toggle:b,setFrozen:v,reset:y,getRootProps:()=>({ref:N.setFloating,style:E,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation()})}};export{j as T,w as a,O as u};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import e from"react";const t=e=>{let t;const n=new Set,r=(e,r)=>{const u="function"==typeof e?e(t):e;if(!Object.is(u,t)){const e=t;t=(null!=r?r:"object"!=typeof u||null===u)?u:Object.assign({},t,u),n.forEach(n=>n(t,e))}},u=()=>t,o={setState:r,getState:u,getInitialState:()=>i,subscribe:e=>(n.add(e),()=>n.delete(e)),destroy:()=>{"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),n.clear()}},i=t=e(r,u,o);return o};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r,u,o,i={},s={get exports(){return i},set exports(e){i=e}},a={},c={},l={get exports(){return c},set exports(e){c=e}},f={};function d(){return u||(u=1,l.exports=function(){if(r)return f;r=1;var t=e,n="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},u=t.useState,o=t.useEffect,i=t.useLayoutEffect,s=t.useDebugValue;function a(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!n(e,r)}catch(e){return!0}}var c="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=u({inst:{value:n,getSnapshot:t}}),c=r[0].inst,l=r[1];return i(function(){c.value=n,c.getSnapshot=t,a(c)&&l({inst:c})},[e,n,t]),o(function(){return a(c)&&l({inst:c}),e(function(){a(c)&&l({inst:c})})},[e]),s(n),n};return f.useSyncExternalStore=void 0!==t.useSyncExternalStore?t.useSyncExternalStore:c,f}()),c}
|
|
2
|
-
/**
|
|
3
|
-
* @license React
|
|
4
|
-
* use-sync-external-store-shim/with-selector.production.js
|
|
5
|
-
*
|
|
6
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the MIT license found in the
|
|
9
|
-
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/s.exports=function(){if(o)return a;o=1;var t=e,n=d(),r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},u=n.useSyncExternalStore,i=t.useRef,s=t.useEffect,c=t.useMemo,l=t.useDebugValue;return a.useSyncExternalStoreWithSelector=function(e,t,n,o,a){var f=i(null);if(null===f.current){var d={hasValue:!1,value:null};f.current=d}else d=f.current;f=c(function(){function e(e){if(!s){if(s=!0,u=e,e=o(e),void 0!==a&&d.hasValue){var t=d.value;if(a(t,e))return i=t}return i=e}if(t=i,r(u,e))return t;var n=o(e);return void 0!==a&&a(t,n)?(u=e,t):(u=e,i=n)}var u,i,s=!1,c=void 0===n?null:n;return[function(){return e(t())},null===c?void 0:function(){return e(c())}]},[t,n,o,a]);var v=u(e,f[0],f[1]);return s(function(){d.hasValue=!0,d.value=v},[v]),l(v),v},a}();var v=n(i);const{useDebugValue:p}=e,{useSyncExternalStoreWithSelector:S}=v;let b=!1;const E=e=>e;const m=e=>{"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&"function"!=typeof e&&console.warn("[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.");const n="function"==typeof e?(e=>e?t(e):t)(e):e,r=(e,t)=>function(e,t=E,n){"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&n&&!b&&(console.warn("[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937"),b=!0);const r=S(e.subscribe,e.getState,e.getServerState||e.getInitialState,t,n);return p(r),r}(n,e,t);return Object.assign(r,n),r},y=e=>e?m(e):m;export{y as c};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
export type FloatingBlockActionsState = 'hovering' | 'frozen' | 'closed';
|
|
3
|
-
export type FloatingBlockActionsStore = {
|
|
4
|
-
blockId: string | null;
|
|
5
|
-
state: FloatingBlockActionsState;
|
|
6
|
-
position: {
|
|
7
|
-
top: number;
|
|
8
|
-
left: number;
|
|
9
|
-
};
|
|
10
|
-
styles: CSSProperties;
|
|
11
|
-
reference: HTMLElement | null;
|
|
12
|
-
setReference: (reference: HTMLElement | null) => void;
|
|
13
|
-
toggle: (actionState: FloatingBlockActionsState, blockId?: string | null) => void;
|
|
14
|
-
updatePosition: (top: number, left: number, blockActionsWidth?: number) => void;
|
|
15
|
-
hide: () => void;
|
|
16
|
-
reset: () => void;
|
|
17
|
-
};
|
|
18
|
-
export declare const useFloatingBlockActionsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FloatingBlockActionsStore>>;
|
|
19
|
-
//# sourceMappingURL=store.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/floating-block-actions/store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAYtC,MAAM,MAAM,yBAAyB,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzE,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,yBAAyB,CAAC;IACjC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAE9B,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,CAAC,WAAW,EAAE,yBAAyB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClF,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChF,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,wFAiDtC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/floating-block-actions/store.test.ts"],"names":[],"mappings":""}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { Theme } from './useTheme';
|
|
3
|
-
type ThemeContextType = {
|
|
4
|
-
theme: Theme;
|
|
5
|
-
resolvedTheme: 'light' | 'dark';
|
|
6
|
-
setTheme: (theme: Theme) => void;
|
|
7
|
-
toggleTheme: () => void;
|
|
8
|
-
};
|
|
9
|
-
export declare const useThemeContext: () => ThemeContextType;
|
|
10
|
-
type ThemeProviderProps = {
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
defaultTheme?: Theme;
|
|
13
|
-
};
|
|
14
|
-
export declare const ThemeProvider: ({ children, defaultTheme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
16
|
-
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAY,KAAK,EAAE,MAAM,YAAY,CAAC;AAE7C,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,eAAe,wBAM3B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,+BAA2C,kBAAkB,4CAItF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeToggle.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAgD1D,CAAC"}
|
package/dist/theme/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/theme/useTheme.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAkChD,eAAO,MAAM,QAAQ;;;yBA8BS,KAAK;;CAoBlC,CAAC"}
|
package/dist/theme.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useState as e,useEffect as t,createContext as r,useContext as o}from"react";import{jsx as s,jsxs as n}from"react/jsx-runtime";const i="yoopta-ui-theme",h=()=>"undefined"==typeof window?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",d=e=>{if("undefined"==typeof document)return;const t=document.documentElement;t.classList.remove("light","dark"),t.classList.add(e),t.setAttribute("data-theme",e),t.setAttribute("data-yoopta-theme",e)},a=()=>{const[r,o]=e("system"),[s,n]=e("light");t(()=>{const e=(()=>{if("undefined"==typeof window)return"system";const e=localStorage.getItem(i);return"light"===e||"dark"===e||"system"===e?e:"system"})();o(e);const t="system"===e?h():e;n(t),d(t)},[]),t(()=>{if("system"!==r)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=e=>{const t=e.matches?"dark":"light";n(t),d(t)};return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[r]);const a=e=>{o(e),localStorage.setItem(i,e);const t="system"===e?h():e;n(t),d(t)};return{theme:r,resolvedTheme:s,setTheme:a,toggleTheme:()=>{a("light"===s?"dark":"light")}}},c=r(void 0),m=()=>{const e=o(c);if(!e)throw new Error("useThemeContext must be used within ThemeProvider");return e},l=({children:e,defaultTheme:t="system"})=>{const r=a();return s(c.Provider,Object.assign({value:r},{children:e}))},g=({className:e})=>{const{resolvedTheme:t,toggleTheme:r}=a();return s("button",Object.assign({onClick:r,className:e||"yoopta-ui-theme-toggle","aria-label":"Toggle theme",title:`Switch to ${"light"===t?"dark":"light"} mode`},{children:"light"===t?s("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:s("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})})):n("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:[s("circle",{cx:"12",cy:"12",r:"4"}),s("path",{d:"M12 2v2"}),s("path",{d:"M12 20v2"}),s("path",{d:"m4.93 4.93 1.41 1.41"}),s("path",{d:"m17.66 17.66 1.41 1.41"}),s("path",{d:"M2 12h2"}),s("path",{d:"M20 12h2"}),s("path",{d:"m6.34 17.66-1.41 1.41"}),s("path",{d:"m19.07 4.93-1.41 1.41"})]}))}))};export{l as ThemeProvider,g as ThemeToggle,a as useTheme,m as useThemeContext};
|