@wix/patterns 1.356.0 → 1.358.0

package/dist/cjs/state/Responsive/HorizontalSpaceAvailableState.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.HorizontalSpaceAvailableState = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mobx = require("mobx");
-var _bexCore = require("@wix/bex-core");
-class HorizontalSpaceAvailableState {
-  constructor(params) {
-    (0, _defineProperty2.default)(this, "_syncThrottled", void 0);
-    (0, _defineProperty2.default)(this, "container", void 0);
-    (0, _defineProperty2.default)(this, "_state", void 0);
-    (0, _defineProperty2.default)(this, "_element", void 0);
-    (0, _defineProperty2.default)(this, "_child", void 0);
-    (0, _defineProperty2.default)(this, "_directChildClientWidth", 0);
-    (0, _defineProperty2.default)(this, "_clientWidth", 0);
-    const {
-      state
-    } = params;
-    this.container = state.container;
-    this._state = state;
-    (0, _mobx.makeObservable)(this, {
-      _sync: _mobx.action.bound,
-      _directChildClientWidth: _mobx.observable.ref,
-      _clientWidth: _mobx.observable.ref,
-      available: _mobx.computed
-    });
-    this._syncThrottled = this.container.lodash.throttle(() => {
-      window.requestAnimationFrame(this._sync);
-    }, 200);
-  }
-  _sync() {
-    const {
-      _element,
-      _child
-    } = this;
-    if (!_element || !_child) {
-      return;
-    }
-    this._clientWidth = _element.clientWidth;
-    this._directChildClientWidth = _child.scrollWidth;
-  }
-  get available() {
-    return this._clientWidth - this._directChildClientWidth;
-  }
-  initLayout() {
-    const {
-      _element,
-      _child,
-      _state
-    } = this;
-    if (_state.responsiveDisabled) {
-      return;
-    }
-    if (!_element || !_child) {
-      return;
-    }
-    this._sync();
-  }
-  init() {
-    const {
-      _element,
-      _child,
-      _state
-    } = this;
-    if (_state.responsiveDisabled) {
-      return;
-    }
-    if (!_element || !_child) {
-      return;
-    }
-    const disposers = [(0, _bexCore.addResizeObserver)(_child, this._syncThrottled)];
-    return () => {
-      disposers.forEach(d => d == null ? void 0 : d());
-    };
-  }
-}
-exports.HorizontalSpaceAvailableState = HorizontalSpaceAvailableState;
-//# sourceMappingURL=HorizontalSpaceAvailableState.js.map

package/dist/cjs/state/Responsive/HorizontalSpaceAvailableState.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_mobx","require","_bexCore","HorizontalSpaceAvailableState","constructor","params","_defineProperty2","default","state","container","_state","makeObservable","_sync","action","bound","_directChildClientWidth","observable","ref","_clientWidth","available","computed","_syncThrottled","lodash","throttle","window","requestAnimationFrame","_element","_child","clientWidth","scrollWidth","initLayout","responsiveDisabled","init","disposers","addResizeObserver","forEach","d","exports"],"sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';\n\nexport interface HorizontalSpaceAvailableStateParams {\n  state: {\n    container: WixPatternsContainer;\n    responsiveDisabled: boolean | undefined;\n  };\n}\n\nexport class HorizontalSpaceAvailableState {\n  readonly _syncThrottled;\n\n  readonly container;\n  readonly _state;\n\n  _element?: Element | null | undefined;\n  _child?: Element | null | undefined;\n\n  _directChildClientWidth = 0;\n  _clientWidth = 0;\n\n  constructor(params: HorizontalSpaceAvailableStateParams) {\n    const { state } = params;\n    this.container = state.container;\n    this._state = state;\n\n    makeObservable(this, {\n      _sync: action.bound,\n      _directChildClientWidth: observable.ref,\n      _clientWidth: observable.ref,\n      available: computed,\n    });\n\n    this._syncThrottled = this.container.lodash.throttle(() => {\n      window.requestAnimationFrame(this._sync);\n    }, 200);\n  }\n\n  _sync() {\n    const { _element, _child } = this;\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    this._clientWidth = _element.clientWidth;\n    this._directChildClientWidth = _child.scrollWidth;\n  }\n\n  get available() {\n    return this._clientWidth - this._directChildClientWidth;\n  }\n\n  initLayout() {\n    const { _element, _child, _state } = this;\n\n    if (_state.responsiveDisabled) {\n      return;\n    }\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    this._sync();\n  }\n\n  init() {\n    const { _element, _child, _state } = this;\n\n    if (_state.responsiveDisabled) {\n      return;\n    }\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    const disposers = [addResizeObserver(_child, this._syncThrottled)];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASO,MAAME,6BAA6B,CAAC;EAYzCC,WAAWA,CAACC,MAA2C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mCAH/B,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACZ,CAAC;IAGd,MAAM;MAAEC;IAAM,CAAC,GAAGH,MAAM;IACxB,IAAI,CAACI,SAAS,GAAGD,KAAK,CAACC,SAAS;IAChC,IAAI,CAACC,MAAM,GAAGF,KAAK;IAEnB,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,YAAM,CAACC,KAAK;MACnBC,uBAAuB,EAAEC,gBAAU,CAACC,GAAG;MACvCC,YAAY,EAAEF,gBAAU,CAACC,GAAG;MAC5BE,SAAS,EAAEC;IACb,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,GAAG,IAAI,CAACZ,SAAS,CAACa,MAAM,CAACC,QAAQ,CAAC,MAAM;MACzDC,MAAM,CAACC,qBAAqB,CAAC,IAAI,CAACb,KAAK,CAAC;IAC1C,CAAC,EAAE,GAAG,CAAC;EACT;EAEAA,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEc,QAAQ;MAAEC;IAAO,CAAC,GAAG,IAAI;IAEjC,IAAI,CAACD,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,IAAI,CAACT,YAAY,GAAGQ,QAAQ,CAACE,WAAW;IACxC,IAAI,CAACb,uBAAuB,GAAGY,MAAM,CAACE,WAAW;EACnD;EAEA,IAAIV,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACD,YAAY,GAAG,IAAI,CAACH,uBAAuB;EACzD;EAEAe,UAAUA,CAAA,EAAG;IACX,MAAM;MAAEJ,QAAQ;MAAEC,MAAM;MAAEjB;IAAO,CAAC,GAAG,IAAI;IAEzC,IAAIA,MAAM,CAACqB,kBAAkB,EAAE;MAC7B;IACF;IAEA,IAAI,CAACL,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,IAAI,CAACf,KAAK,CAAC,CAAC;EACd;EAEAoB,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEN,QAAQ;MAAEC,MAAM;MAAEjB;IAAO,CAAC,GAAG,IAAI;IAEzC,IAAIA,MAAM,CAACqB,kBAAkB,EAAE;MAC7B;IACF;IAEA,IAAI,CAACL,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,MAAMM,SAAS,GAAG,CAAC,IAAAC,0BAAiB,EAACP,MAAM,EAAE,IAAI,CAACN,cAAc,CAAC,CAAC;IAElE,OAAO,MAAM;MACXY,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAAlC,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/dist/esm/components/Responsive/HorizontalAvailableSpaceBox.js

@@ -1,12 +0,0 @@
-import { Box } from '@wix/design-system';
-import React, { useEffect, useLayoutEffect } from 'react';
-export function HorizontalAvailableSpaceBox(props) {
-    const { state, children, ...rest } = props;
-    useLayoutEffect(() => state.initLayout(), []);
-    useEffect(() => state.init(), []);
-    return (React.createElement(Box, { ref: (element) => {
-            state._element = element;
-            state._child = element?.firstElementChild;
-        }, minWidth: 0, flex: 1, align: "right", direction: "horizontal", ...rest }, children));
-}
-//# sourceMappingURL=HorizontalAvailableSpaceBox.js.map

package/dist/esm/components/Responsive/HorizontalAvailableSpaceBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalAvailableSpaceBox.js","sourceRoot":"","sources":["../../../../src/components/Responsive/HorizontalAvailableSpaceBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAO1D,MAAM,UAAU,2BAA2B,CACzC,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,eAAe,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACf,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;YACzB,KAAK,CAAC,MAAM,GAAG,OAAO,EAAE,iBAAmC,CAAC;QAC9D,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,KAClB,IAAI,IAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/Responsive/HorizontalOverflowBox.js

@@ -1,11 +0,0 @@
-import { Box } from '@wix/design-system';
-import React, { useEffect, useLayoutEffect } from 'react';
-export function HorizontalOverflowBox(props) {
-    const { state, ...rest } = props;
-    useLayoutEffect(() => state.initLayout(), []);
-    useEffect(() => state.init(), []);
-    return (React.createElement(Box, { dataHook: "horizontal-overflow-box", ref: (element) => {
-            state._element = element;
-        }, minWidth: 0, direction: "horizontal", ...rest }));
-}
-//# sourceMappingURL=HorizontalOverflowBox.js.map

package/dist/esm/components/Responsive/HorizontalOverflowBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowBox.js","sourceRoot":"","sources":["../../../../src/components/Responsive/HorizontalOverflowBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAY,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjC,eAAe,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAC,yBAAyB,EAClC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACf,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC3B,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,YAAY,KAClB,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/state/Responsive/HorizontalOverflowState.js

@@ -1,55 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver } from '@wix/bex-core';
-export class HorizontalOverflowState {
-    constructor(params) {
-        this._scrollWidth = 0;
-        this._clientWidth = 0;
-        const { state } = params;
-        this.container = state.container;
-        this._state = state;
-        makeObservable(this, {
-            _sync: action.bound,
-            _scrollWidth: observable.ref,
-            _clientWidth: observable.ref,
-            _isOverflowing: computed,
-        });
-        this._syncThrottled = this.container.lodash.throttle(() => {
-            window.requestAnimationFrame(this._sync);
-        }, 200);
-    }
-    get _isOverflowing() {
-        return this._scrollWidth > this._clientWidth;
-    }
-    _sync() {
-        const { _element } = this;
-        if (!_element) {
-            return;
-        }
-        this._clientWidth = _element.clientWidth;
-        this._scrollWidth = _element.scrollWidth;
-    }
-    initLayout() {
-        const { _element, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element) {
-            return;
-        }
-        this._sync();
-    }
-    init() {
-        const { _element, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element) {
-            return;
-        }
-        const disposers = [addResizeObserver(_element, this._syncThrottled)];
-        return () => {
-            disposers.forEach((d) => d?.());
-        };
-    }
-}
-//# sourceMappingURL=HorizontalOverflowState.js.map

package/dist/esm/state/Responsive/HorizontalOverflowState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowState.js","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalOverflowState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAwB,MAAM,eAAe,CAAC;AASxE,MAAM,OAAO,uBAAuB;IAWlC,YAAY,MAAqC;QAHjD,iBAAY,GAAG,CAAC,CAAC;QACjB,iBAAY,GAAG,CAAC,CAAC;QAGf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,cAAc,CAAC,IAAI,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,cAAc,EAAE,QAAQ;SACzB,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YACxD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;IAC/C,CAAC;IAED,KAAK;QACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAE1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC;QACzC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC;IAC3C,CAAC;IAED,UAAU;QACR,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAElC,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAElC,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QAErE,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/state/Responsive/HorizontalSpaceAvailableState.js

@@ -1,55 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver } from '@wix/bex-core';
-export class HorizontalSpaceAvailableState {
-    constructor(params) {
-        this._directChildClientWidth = 0;
-        this._clientWidth = 0;
-        const { state } = params;
-        this.container = state.container;
-        this._state = state;
-        makeObservable(this, {
-            _sync: action.bound,
-            _directChildClientWidth: observable.ref,
-            _clientWidth: observable.ref,
-            available: computed,
-        });
-        this._syncThrottled = this.container.lodash.throttle(() => {
-            window.requestAnimationFrame(this._sync);
-        }, 200);
-    }
-    _sync() {
-        const { _element, _child } = this;
-        if (!_element || !_child) {
-            return;
-        }
-        this._clientWidth = _element.clientWidth;
-        this._directChildClientWidth = _child.scrollWidth;
-    }
-    get available() {
-        return this._clientWidth - this._directChildClientWidth;
-    }
-    initLayout() {
-        const { _element, _child, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element || !_child) {
-            return;
-        }
-        this._sync();
-    }
-    init() {
-        const { _element, _child, _state } = this;
-        if (_state.responsiveDisabled) {
-            return;
-        }
-        if (!_element || !_child) {
-            return;
-        }
-        const disposers = [addResizeObserver(_child, this._syncThrottled)];
-        return () => {
-            disposers.forEach((d) => d?.());
-        };
-    }
-}
-//# sourceMappingURL=HorizontalSpaceAvailableState.js.map

package/dist/esm/state/Responsive/HorizontalSpaceAvailableState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalSpaceAvailableState.js","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAwB,MAAM,eAAe,CAAC;AASxE,MAAM,OAAO,6BAA6B;IAYxC,YAAY,MAA2C;QAHvD,4BAAuB,GAAG,CAAC,CAAC;QAC5B,iBAAY,GAAG,CAAC,CAAC;QAGf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,cAAc,CAAC,IAAI,EAAE;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,uBAAuB,EAAE,UAAU,CAAC,GAAG;YACvC,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,SAAS,EAAE,QAAQ;SACpB,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YACxD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,KAAK;QACH,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAElC,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC;QACzC,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC;IACpD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,uBAAuB,CAAC;IAC1D,CAAC;IAED,UAAU;QACR,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAE1C,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAE1C,IAAI,MAAM,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/types/components/Responsive/HorizontalAvailableSpaceBox.d.ts

@@ -1,8 +0,0 @@
-import { BoxProps } from '@wix/design-system';
-import React from 'react';
-import { HorizontalSpaceAvailableState } from '../../state/Responsive/HorizontalSpaceAvailableState';
-export interface HorizontalAvailableSpaceBoxProps extends Partial<BoxProps> {
-    state: HorizontalSpaceAvailableState;
-}
-export declare function HorizontalAvailableSpaceBox(props: HorizontalAvailableSpaceBoxProps): React.JSX.Element;
-//# sourceMappingURL=HorizontalAvailableSpaceBox.d.ts.map

package/dist/types/components/Responsive/HorizontalAvailableSpaceBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalAvailableSpaceBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/HorizontalAvailableSpaceBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,MAAM,sDAAsD,CAAC;AAErG,MAAM,WAAW,gCAAiC,SAAQ,OAAO,CAAC,QAAQ,CAAC;IACzE,KAAK,EAAE,6BAA6B,CAAC;CACtC;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,qBAsBxC"}

package/dist/types/components/Responsive/HorizontalOverflowBox.d.ts

@@ -1,8 +0,0 @@
-import { BoxProps } from '@wix/design-system';
-import { HorizontalOverflowState } from '../../state/Responsive/HorizontalOverflowState';
-import React from 'react';
-export interface HorizontalOverflowBoxProps extends Partial<BoxProps> {
-    state: HorizontalOverflowState;
-}
-export declare function HorizontalOverflowBox(props: HorizontalOverflowBoxProps): React.JSX.Element;
-//# sourceMappingURL=HorizontalOverflowBox.d.ts.map

package/dist/types/components/Responsive/HorizontalOverflowBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Responsive/HorizontalOverflowBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,0BAA2B,SAAQ,OAAO,CAAC,QAAQ,CAAC;IACnE,KAAK,EAAE,uBAAuB,CAAC;CAChC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAiBtE"}

package/dist/types/state/Responsive/HorizontalOverflowState.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="lodash" />
-import { WixPatternsContainer } from '@wix/bex-core';
-export interface HorizontalOverflowStateParams {
-    state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-}
-export declare class HorizontalOverflowState {
-    readonly _syncThrottled: import("lodash").DebouncedFuncLeading<() => void>;
-    readonly container: WixPatternsContainer;
-    readonly _state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-    _element?: Element | null | undefined;
-    _scrollWidth: number;
-    _clientWidth: number;
-    constructor(params: HorizontalOverflowStateParams);
-    get _isOverflowing(): boolean;
-    _sync(): void;
-    initLayout(): void;
-    init(): (() => void) | undefined;
-}
-//# sourceMappingURL=HorizontalOverflowState.d.ts.map

package/dist/types/state/Responsive/HorizontalOverflowState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalOverflowState.d.ts","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalOverflowState.ts"],"names":[],"mappings":";AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE;QACL,SAAS,EAAE,oBAAoB,CAAC;QAChC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;KACzC,CAAC;CACH;AAED,qBAAa,uBAAuB;IAClC,QAAQ,CAAC,cAAc,oDAAC;IAExB,QAAQ,CAAC,SAAS,uBAAC;IACnB,QAAQ,CAAC,MAAM;;;MAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAEtC,YAAY,SAAK;IACjB,YAAY,SAAK;gBAEL,MAAM,EAAE,6BAA6B;IAiBjD,IAAI,cAAc,YAEjB;IAED,KAAK;IAWL,UAAU;IAcV,IAAI;CAiBL"}

package/dist/types/state/Responsive/HorizontalSpaceAvailableState.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="lodash" />
-import { WixPatternsContainer } from '@wix/bex-core';
-export interface HorizontalSpaceAvailableStateParams {
-    state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-}
-export declare class HorizontalSpaceAvailableState {
-    readonly _syncThrottled: import("lodash").DebouncedFuncLeading<() => void>;
-    readonly container: WixPatternsContainer;
-    readonly _state: {
-        container: WixPatternsContainer;
-        responsiveDisabled: boolean | undefined;
-    };
-    _element?: Element | null | undefined;
-    _child?: Element | null | undefined;
-    _directChildClientWidth: number;
-    _clientWidth: number;
-    constructor(params: HorizontalSpaceAvailableStateParams);
-    _sync(): void;
-    get available(): number;
-    initLayout(): void;
-    init(): (() => void) | undefined;
-}
-//# sourceMappingURL=HorizontalSpaceAvailableState.d.ts.map

package/dist/types/state/Responsive/HorizontalSpaceAvailableState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalSpaceAvailableState.d.ts","sourceRoot":"","sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"names":[],"mappings":";AACA,OAAO,EAAqB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE;QACL,SAAS,EAAE,oBAAoB,CAAC;QAChC,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAC;KACzC,CAAC;CACH;AAED,qBAAa,6BAA6B;IACxC,QAAQ,CAAC,cAAc,oDAAC;IAExB,QAAQ,CAAC,SAAS,uBAAC;IACnB,QAAQ,CAAC,MAAM;;;MAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;IAEpC,uBAAuB,SAAK;IAC5B,YAAY,SAAK;gBAEL,MAAM,EAAE,mCAAmC;IAiBvD,KAAK;IAWL,IAAI,SAAS,WAEZ;IAED,UAAU;IAcV,IAAI;CAiBL"}

package/src/components/Responsive/HorizontalAvailableSpaceBox.tsx

@@ -1,32 +0,0 @@
-import { Box, BoxProps } from '@wix/design-system';
-import React, { useEffect, useLayoutEffect } from 'react';
-import { HorizontalSpaceAvailableState } from '../../state/Responsive/HorizontalSpaceAvailableState';
-
-export interface HorizontalAvailableSpaceBoxProps extends Partial<BoxProps> {
-  state: HorizontalSpaceAvailableState;
-}
-
-export function HorizontalAvailableSpaceBox(
-  props: HorizontalAvailableSpaceBoxProps,
-) {
-  const { state, children, ...rest } = props;
-
-  useLayoutEffect(() => state.initLayout(), []);
-  useEffect(() => state.init(), []);
-
-  return (
-    <Box
-      ref={(element) => {
-        state._element = element;
-        state._child = element?.firstElementChild as Element | null;
-      }}
-      minWidth={0}
-      flex={1}
-      align="right"
-      direction="horizontal"
-      {...rest}
-    >
-      {children}
-    </Box>
-  );
-}

package/src/components/Responsive/HorizontalOverflowBox.tsx

@@ -1,26 +0,0 @@
-import { Box, BoxProps } from '@wix/design-system';
-import { HorizontalOverflowState } from '../../state/Responsive/HorizontalOverflowState';
-import React, { useEffect, useLayoutEffect } from 'react';
-
-export interface HorizontalOverflowBoxProps extends Partial<BoxProps> {
-  state: HorizontalOverflowState;
-}
-
-export function HorizontalOverflowBox(props: HorizontalOverflowBoxProps) {
-  const { state, ...rest } = props;
-
-  useLayoutEffect(() => state.initLayout(), []);
-  useEffect(() => state.init(), []);
-
-  return (
-    <Box
-      dataHook="horizontal-overflow-box"
-      ref={(element) => {
-        state._element = element;
-      }}
-      minWidth={0}
-      direction="horizontal"
-      {...rest}
-    />
-  );
-}

package/src/state/Responsive/HorizontalOverflowState.ts

@@ -1,85 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';
-
-export interface HorizontalOverflowStateParams {
-  state: {
-    container: WixPatternsContainer;
-    responsiveDisabled: boolean | undefined;
-  };
-}
-
-export class HorizontalOverflowState {
-  readonly _syncThrottled;
-
-  readonly container;
-  readonly _state;
-
-  _element?: Element | null | undefined;
-
-  _scrollWidth = 0;
-  _clientWidth = 0;
-
-  constructor(params: HorizontalOverflowStateParams) {
-    const { state } = params;
-    this.container = state.container;
-    this._state = state;
-
-    makeObservable(this, {
-      _sync: action.bound,
-      _scrollWidth: observable.ref,
-      _clientWidth: observable.ref,
-      _isOverflowing: computed,
-    });
-
-    this._syncThrottled = this.container.lodash.throttle(() => {
-      window.requestAnimationFrame(this._sync);
-    }, 200);
-  }
-
-  get _isOverflowing() {
-    return this._scrollWidth > this._clientWidth;
-  }
-
-  _sync() {
-    const { _element } = this;
-
-    if (!_element) {
-      return;
-    }
-
-    this._clientWidth = _element.clientWidth;
-    this._scrollWidth = _element.scrollWidth;
-  }
-
-  initLayout() {
-    const { _element, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element) {
-      return;
-    }
-
-    this._sync();
-  }
-
-  init() {
-    const { _element, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element) {
-      return;
-    }
-
-    const disposers = [addResizeObserver(_element, this._syncThrottled)];
-
-    return () => {
-      disposers.forEach((d) => d?.());
-    };
-  }
-}

package/src/state/Responsive/HorizontalSpaceAvailableState.ts

@@ -1,86 +0,0 @@
-import { action, computed, makeObservable, observable } from 'mobx';
-import { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';
-
-export interface HorizontalSpaceAvailableStateParams {
-  state: {
-    container: WixPatternsContainer;
-    responsiveDisabled: boolean | undefined;
-  };
-}
-
-export class HorizontalSpaceAvailableState {
-  readonly _syncThrottled;
-
-  readonly container;
-  readonly _state;
-
-  _element?: Element | null | undefined;
-  _child?: Element | null | undefined;
-
-  _directChildClientWidth = 0;
-  _clientWidth = 0;
-
-  constructor(params: HorizontalSpaceAvailableStateParams) {
-    const { state } = params;
-    this.container = state.container;
-    this._state = state;
-
-    makeObservable(this, {
-      _sync: action.bound,
-      _directChildClientWidth: observable.ref,
-      _clientWidth: observable.ref,
-      available: computed,
-    });
-
-    this._syncThrottled = this.container.lodash.throttle(() => {
-      window.requestAnimationFrame(this._sync);
-    }, 200);
-  }
-
-  _sync() {
-    const { _element, _child } = this;
-
-    if (!_element || !_child) {
-      return;
-    }
-
-    this._clientWidth = _element.clientWidth;
-    this._directChildClientWidth = _child.scrollWidth;
-  }
-
-  get available() {
-    return this._clientWidth - this._directChildClientWidth;
-  }
-
-  initLayout() {
-    const { _element, _child, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element || !_child) {
-      return;
-    }
-
-    this._sync();
-  }
-
-  init() {
-    const { _element, _child, _state } = this;
-
-    if (_state.responsiveDisabled) {
-      return;
-    }
-
-    if (!_element || !_child) {
-      return;
-    }
-
-    const disposers = [addResizeObserver(_child, this._syncThrottled)];
-
-    return () => {
-      disposers.forEach((d) => d?.());
-    };
-  }
-}