@samline/drawer 2.0.2 → 2.0.3

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.
Files changed (12) hide show
  1. package/dist/browser/index.cjs +2 -1
  2. package/dist/browser/index.js +2 -1
  3. package/dist/browser/index.mjs +2 -1
  4. package/dist/index.js +2 -1
  5. package/dist/index.mjs +2 -1
  6. package/dist/react/index.js +2 -1
  7. package/dist/react/index.mjs +2 -1
  8. package/dist/svelte/index.js +2 -1
  9. package/dist/svelte/index.mjs +2 -1
  10. package/dist/vue/index.js +2 -1
  11. package/dist/vue/index.mjs +2 -1
  12. package/package.json +1 -1
package/dist/browser/index.cjs CHANGED
@@ -28749,6 +28749,7 @@ var VISUALLY_HIDDEN_STYLE = {
28749
28749
  whiteSpace: "nowrap",
28750
28750
  border: 0
28751
28751
  };
28752
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28752
28753
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28753
28754
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28754
28755
  const baseProps = {
@@ -28779,7 +28780,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28779
28780
  }
28780
28781
  function VanillaNode({ value, dataAttribute }) {
28781
28782
  const ref = import_react10.default.useRef(null);
28782
- import_react10.default.useEffect(() => {
28783
+ useSafeLayoutEffect(() => {
28783
28784
  const element = ref.current;
28784
28785
  if (!element) return;
28785
28786
  element.innerHTML = "";
package/dist/browser/index.js CHANGED
@@ -28749,6 +28749,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28749
28749
  whiteSpace: "nowrap",
28750
28750
  border: 0
28751
28751
  };
28752
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28752
28753
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28753
28754
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28754
28755
  const baseProps = {
@@ -28779,7 +28780,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
28779
28780
  }
28780
28781
  function VanillaNode({ value, dataAttribute }) {
28781
28782
  const ref = import_react10.default.useRef(null);
28782
- import_react10.default.useEffect(() => {
28783
+ useSafeLayoutEffect(() => {
28783
28784
  const element = ref.current;
28784
28785
  if (!element) return;
28785
28786
  element.innerHTML = "";
package/dist/browser/index.mjs CHANGED
@@ -28723,6 +28723,7 @@ var VISUALLY_HIDDEN_STYLE = {
28723
28723
  whiteSpace: "nowrap",
28724
28724
  border: 0
28725
28725
  };
28726
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28726
28727
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28727
28728
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28728
28729
  const baseProps = {
@@ -28753,7 +28754,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28753
28754
  }
28754
28755
  function VanillaNode({ value, dataAttribute }) {
28755
28756
  const ref = import_react10.default.useRef(null);
28756
- import_react10.default.useEffect(() => {
28757
+ useSafeLayoutEffect(() => {
28757
28758
  const element = ref.current;
28758
28759
  if (!element) return;
28759
28760
  element.innerHTML = "";
package/dist/index.js CHANGED
@@ -28748,6 +28748,7 @@ var VISUALLY_HIDDEN_STYLE = {
28748
28748
  whiteSpace: "nowrap",
28749
28749
  border: 0
28750
28750
  };
28751
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28751
28752
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28752
28753
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28753
28754
  const baseProps = {
@@ -28778,7 +28779,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28778
28779
  }
28779
28780
  function VanillaNode({ value, dataAttribute }) {
28780
28781
  const ref = import_react10.default.useRef(null);
28781
- import_react10.default.useEffect(() => {
28782
+ useSafeLayoutEffect(() => {
28782
28783
  const element = ref.current;
28783
28784
  if (!element) return;
28784
28785
  element.innerHTML = "";
package/dist/index.mjs CHANGED
@@ -28723,6 +28723,7 @@ var VISUALLY_HIDDEN_STYLE = {
28723
28723
  whiteSpace: "nowrap",
28724
28724
  border: 0
28725
28725
  };
28726
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28726
28727
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28727
28728
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28728
28729
  const baseProps = {
@@ -28753,7 +28754,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28753
28754
  }
28754
28755
  function VanillaNode({ value, dataAttribute }) {
28755
28756
  const ref = import_react10.default.useRef(null);
28756
- import_react10.default.useEffect(() => {
28757
+ useSafeLayoutEffect(() => {
28757
28758
  const element = ref.current;
28758
28759
  if (!element) return;
28759
28760
  element.innerHTML = "";
package/dist/react/index.js CHANGED
@@ -2220,6 +2220,7 @@ const VISUALLY_HIDDEN_STYLE = {
2220
2220
  whiteSpace: 'nowrap',
2221
2221
  border: 0
2222
2222
  };
2223
+ const useSafeLayoutEffect = typeof window === 'undefined' ? React__namespace.default.useEffect : React__namespace.default.useLayoutEffect;
2223
2224
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
2224
2225
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
2225
2226
  const baseProps = {
@@ -2251,7 +2252,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
2251
2252
  }
2252
2253
  function VanillaNode({ value, dataAttribute }) {
2253
2254
  const ref = React__namespace.default.useRef(null);
2254
- React__namespace.default.useEffect(()=>{
2255
+ useSafeLayoutEffect(()=>{
2255
2256
  const element = ref.current;
2256
2257
  if (!element) return;
2257
2258
  element.innerHTML = '';
package/dist/react/index.mjs CHANGED
@@ -2198,6 +2198,7 @@ const VISUALLY_HIDDEN_STYLE = {
2198
2198
  whiteSpace: 'nowrap',
2199
2199
  border: 0
2200
2200
  };
2201
+ const useSafeLayoutEffect = typeof window === 'undefined' ? React__default.useEffect : React__default.useLayoutEffect;
2201
2202
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
2202
2203
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
2203
2204
  const baseProps = {
@@ -2229,7 +2230,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
2229
2230
  }
2230
2231
  function VanillaNode({ value, dataAttribute }) {
2231
2232
  const ref = React__default.useRef(null);
2232
- React__default.useEffect(()=>{
2233
+ useSafeLayoutEffect(()=>{
2233
2234
  const element = ref.current;
2234
2235
  if (!element) return;
2235
2236
  element.innerHTML = '';
package/dist/svelte/index.js CHANGED
@@ -28751,6 +28751,7 @@ var VISUALLY_HIDDEN_STYLE = {
28751
28751
  whiteSpace: "nowrap",
28752
28752
  border: 0
28753
28753
  };
28754
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28754
28755
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28755
28756
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28756
28757
  const baseProps = {
@@ -28781,7 +28782,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28781
28782
  }
28782
28783
  function VanillaNode({ value, dataAttribute }) {
28783
28784
  const ref = import_react10.default.useRef(null);
28784
- import_react10.default.useEffect(() => {
28785
+ useSafeLayoutEffect(() => {
28785
28786
  const element = ref.current;
28786
28787
  if (!element) return;
28787
28788
  element.innerHTML = "";
package/dist/svelte/index.mjs CHANGED
@@ -28723,6 +28723,7 @@ var VISUALLY_HIDDEN_STYLE = {
28723
28723
  whiteSpace: "nowrap",
28724
28724
  border: 0
28725
28725
  };
28726
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28726
28727
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28727
28728
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28728
28729
  const baseProps = {
@@ -28753,7 +28754,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28753
28754
  }
28754
28755
  function VanillaNode({ value, dataAttribute }) {
28755
28756
  const ref = import_react10.default.useRef(null);
28756
- import_react10.default.useEffect(() => {
28757
+ useSafeLayoutEffect(() => {
28757
28758
  const element = ref.current;
28758
28759
  if (!element) return;
28759
28760
  element.innerHTML = "";
package/dist/vue/index.js CHANGED
@@ -28751,6 +28751,7 @@ var VISUALLY_HIDDEN_STYLE = {
28751
28751
  whiteSpace: "nowrap",
28752
28752
  border: 0
28753
28753
  };
28754
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28754
28755
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28755
28756
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28756
28757
  const baseProps = {
@@ -28781,7 +28782,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28781
28782
  }
28782
28783
  function VanillaNode({ value, dataAttribute }) {
28783
28784
  const ref = import_react10.default.useRef(null);
28784
- import_react10.default.useEffect(() => {
28785
+ useSafeLayoutEffect(() => {
28785
28786
  const element = ref.current;
28786
28787
  if (!element) return;
28787
28788
  element.innerHTML = "";
package/dist/vue/index.mjs CHANGED
@@ -28726,6 +28726,7 @@ var VISUALLY_HIDDEN_STYLE = {
28726
28726
  whiteSpace: "nowrap",
28727
28727
  border: 0
28728
28728
  };
28729
+ var useSafeLayoutEffect = typeof window === "undefined" ? import_react10.default.useEffect : import_react10.default.useLayoutEffect;
28729
28730
  function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, internalOnReleaseChange) {
28730
28731
  const { id: _id, parentId: _parentId, onDragChange, onReleaseChange, ...drawerOptions } = options;
28731
28732
  const baseProps = {
@@ -28756,7 +28757,7 @@ function toReactDrawerProps(options, open, onOpenChange, internalOnDragChange, i
28756
28757
  }
28757
28758
  function VanillaNode({ value, dataAttribute }) {
28758
28759
  const ref = import_react10.default.useRef(null);
28759
- import_react10.default.useEffect(() => {
28760
+ useSafeLayoutEffect(() => {
28760
28761
  const element = ref.current;
28761
28762
  if (!element) return;
28762
28763
  element.innerHTML = "";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@samline/drawer",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "A universal drawer package for React, Vue, Svelte, vanilla JS, and browser usage.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",