@wix/bex-core 1.402.0

package/dist/cjs/state/SelectionStatusCairoPreset.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.selectionStatusCairoPreset = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+class SelectionStatusCairoPreset {
+  constructor() {
+    (0, _defineProperty2.default)(this, "unchecked", {
+      id: 'unchecked',
+      toggle: () => this.checked,
+      start: () => this.unchecked,
+      final: () => this.checked,
+      isChecked: false,
+      isIndeterminate: false
+    });
+    (0, _defineProperty2.default)(this, "checked", {
+      id: 'checked',
+      toggle: () => this.unchecked,
+      start: () => this.unchecked,
+      final: () => this.checked,
+      isChecked: true,
+      isIndeterminate: false
+    });
+    (0, _defineProperty2.default)(this, "indeterminateUnchecked", {
+      id: 'indeterminateUnchecked',
+      toggle: () => this.indeterminate,
+      start: () => this.indeterminateUnchecked,
+      final: () => this.indeterminateChecked,
+      isChecked: false,
+      isIndeterminate: false
+    });
+    (0, _defineProperty2.default)(this, "indeterminate", {
+      id: 'indeterminate',
+      toggle: () => this.indeterminateChecked,
+      start: () => this.indeterminateUnchecked,
+      final: () => this.indeterminateChecked,
+      isChecked: true,
+      isIndeterminate: true
+    });
+    (0, _defineProperty2.default)(this, "indeterminateChecked", {
+      id: 'indeterminateChecked',
+      toggle: () => this.indeterminateUnchecked,
+      start: () => this.indeterminateUnchecked,
+      final: () => this.indeterminateChecked,
+      isChecked: true,
+      isIndeterminate: false
+    });
+  }
+}
+const selectionStatusCairoPreset = exports.selectionStatusCairoPreset = new SelectionStatusCairoPreset();
+//# sourceMappingURL=SelectionStatusCairoPreset.js.map

package/dist/cjs/state/SelectionStatusCairoPreset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectionStatusCairoPreset","constructor","_defineProperty2","default","id","toggle","checked","start","unchecked","final","isChecked","isIndeterminate","indeterminate","indeterminateUnchecked","indeterminateChecked","selectionStatusCairoPreset","exports"],"sources":["../../../src/state/SelectionStatusCairoPreset.ts"],"sourcesContent":["import { SelectionStatus } from './SelectionStatus';\n\nclass SelectionStatusCairoPreset {\n  readonly unchecked: SelectionStatus = {\n    id: 'unchecked',\n    toggle: () => this.checked,\n    start: () => this.unchecked,\n    final: () => this.checked,\n    isChecked: false,\n    isIndeterminate: false,\n  };\n\n  readonly checked: SelectionStatus = {\n    id: 'checked',\n    toggle: () => this.unchecked,\n    start: () => this.unchecked,\n    final: () => this.checked,\n    isChecked: true,\n    isIndeterminate: false,\n  };\n\n  readonly indeterminateUnchecked: SelectionStatus = {\n    id: 'indeterminateUnchecked',\n    toggle: () => this.indeterminate,\n    start: () => this.indeterminateUnchecked,\n    final: () => this.indeterminateChecked,\n    isChecked: false,\n    isIndeterminate: false,\n  };\n\n  readonly indeterminate: SelectionStatus = {\n    id: 'indeterminate',\n    toggle: () => this.indeterminateChecked,\n    start: () => this.indeterminateUnchecked,\n    final: () => this.indeterminateChecked,\n    isChecked: true,\n    isIndeterminate: true,\n  };\n\n  readonly indeterminateChecked: SelectionStatus = {\n    id: 'indeterminateChecked',\n    toggle: () => this.indeterminateUnchecked,\n    start: () => this.indeterminateUnchecked,\n    final: () => this.indeterminateChecked,\n    isChecked: true,\n    isIndeterminate: false,\n  };\n}\n\nexport const selectionStatusCairoPreset = new SelectionStatusCairoPreset();\n"],"mappings":";;;;;;AAEA,MAAMA,0BAA0B,CAAC;EAAAC,YAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,qBACO;MACpCC,EAAE,EAAE,WAAW;MACfC,MAAM,EAAEA,CAAA,KAAM,IAAI,CAACC,OAAO;MAC1BC,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACC,SAAS;MAC3BC,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACH,OAAO;MACzBI,SAAS,EAAE,KAAK;MAChBC,eAAe,EAAE;IACnB,CAAC;IAAA,IAAAT,gBAAA,CAAAC,OAAA,mBAEmC;MAClCC,EAAE,EAAE,SAAS;MACbC,MAAM,EAAEA,CAAA,KAAM,IAAI,CAACG,SAAS;MAC5BD,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACC,SAAS;MAC3BC,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACH,OAAO;MACzBI,SAAS,EAAE,IAAI;MACfC,eAAe,EAAE;IACnB,CAAC;IAAA,IAAAT,gBAAA,CAAAC,OAAA,kCAEkD;MACjDC,EAAE,EAAE,wBAAwB;MAC5BC,MAAM,EAAEA,CAAA,KAAM,IAAI,CAACO,aAAa;MAChCL,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACM,sBAAsB;MACxCJ,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACK,oBAAoB;MACtCJ,SAAS,EAAE,KAAK;MAChBC,eAAe,EAAE;IACnB,CAAC;IAAA,IAAAT,gBAAA,CAAAC,OAAA,yBAEyC;MACxCC,EAAE,EAAE,eAAe;MACnBC,MAAM,EAAEA,CAAA,KAAM,IAAI,CAACS,oBAAoB;MACvCP,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACM,sBAAsB;MACxCJ,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACK,oBAAoB;MACtCJ,SAAS,EAAE,IAAI;MACfC,eAAe,EAAE;IACnB,CAAC;IAAA,IAAAT,gBAAA,CAAAC,OAAA,gCAEgD;MAC/CC,EAAE,EAAE,sBAAsB;MAC1BC,MAAM,EAAEA,CAAA,KAAM,IAAI,CAACQ,sBAAsB;MACzCN,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACM,sBAAsB;MACxCJ,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACK,oBAAoB;MACtCJ,SAAS,EAAE,IAAI;MACfC,eAAe,EAAE;IACnB,CAAC;EAAA;AACH;AAEO,MAAMI,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAIf,0BAA0B,CAAC,CAAC"}

package/dist/cjs/state/SidePanelState.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SidePanelWidth = exports.SidePanelState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _TransitionState = require("./TransitionState");
+var _ReturnFocus = require("./ReturnFocus");
+// FIXME: Move to the class property once the state could be read in CairoRootStacking.
+const SidePanelWidth = exports.SidePanelWidth = 420;
+class SidePanelState {
+  constructor() {
+    (0, _defineProperty2.default)(this, "transition", new _TransitionState.TransitionState());
+    (0, _defineProperty2.default)(this, "focus", new _ReturnFocus.ReturnFocus());
+  }
+  get isOpen() {
+    return this.transition.show;
+  }
+  get currentPanelId() {
+    return this.transition.data;
+  }
+  close() {
+    this.transition.clickClose();
+    this.focus.onClose();
+  }
+  _open(id) {
+    this.transition.setSync(id);
+    this.focus.onOpen();
+  }
+  init() {
+    const disposers = [this.focus.init()];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.SidePanelState = SidePanelState;
+//# sourceMappingURL=SidePanelState.js.map

package/dist/cjs/state/SidePanelState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TransitionState","require","_ReturnFocus","SidePanelWidth","exports","SidePanelState","constructor","_defineProperty2","default","TransitionState","ReturnFocus","isOpen","transition","show","currentPanelId","data","close","clickClose","focus","onClose","_open","id","setSync","onOpen","init","disposers","forEach","d"],"sources":["../../../src/state/SidePanelState.ts"],"sourcesContent":["import { TransitionState } from './TransitionState';\nimport { ReturnFocus } from './ReturnFocus';\n\n// FIXME: Move to the class property once the state could be read in CairoRootStacking.\nexport const SidePanelWidth = 420;\n\nexport class SidePanelState {\n  readonly transition = new TransitionState<string>();\n  readonly focus = new ReturnFocus();\n\n  get isOpen() {\n    return this.transition.show;\n  }\n\n  get currentPanelId() {\n    return this.transition.data;\n  }\n\n  close() {\n    this.transition.clickClose();\n    this.focus.onClose();\n  }\n\n  _open(id: string) {\n    this.transition.setSync(id);\n    this.focus.onOpen();\n  }\n\n  init() {\n    const disposers = [this.focus.init()];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACO,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,GAAG;AAE1B,MAAME,cAAc,CAAC;EAAAC,YAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,sBACJ,IAAIC,gCAAe,CAAS,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,iBAClC,IAAIE,wBAAW,CAAC,CAAC;EAAA;EAElC,IAAIC,MAAMA,CAAA,EAAG;IACX,OAAO,IAAI,CAACC,UAAU,CAACC,IAAI;EAC7B;EAEA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACF,UAAU,CAACG,IAAI;EAC7B;EAEAC,KAAKA,CAAA,EAAG;IACN,IAAI,CAACJ,UAAU,CAACK,UAAU,CAAC,CAAC;IAC5B,IAAI,CAACC,KAAK,CAACC,OAAO,CAAC,CAAC;EACtB;EAEAC,KAAKA,CAACC,EAAU,EAAE;IAChB,IAAI,CAACT,UAAU,CAACU,OAAO,CAACD,EAAE,CAAC;IAC3B,IAAI,CAACH,KAAK,CAACK,MAAM,CAAC,CAAC;EACrB;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAMC,SAAS,GAAG,CAAC,IAAI,CAACP,KAAK,CAACM,IAAI,CAAC,CAAC,CAAC;IAErC,OAAO,MAAM;MACXC,SAAS,CAACC,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;EACH;AACF;AAACvB,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

package/dist/cjs/state/SortState.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SortState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _events = require("events");
+var _mobx = require("mobx");
+class SortState {
+  constructor(_params) {
+    (0, _defineProperty2.default)(this, "_value", _mobx.observable.array([], {
+      deep: true
+    }));
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _mobx.makeObservable)(this, {
+      value: _mobx.computed,
+      setSort: _mobx.action,
+      changeSort: _mobx.action,
+      reset: _mobx.action
+    });
+  }
+  reset({
+    emitChangeEvent
+  } = {}) {
+    this._value.clear();
+    if (emitChangeEvent) {
+      this.events.emit('change');
+    }
+  }
+  _getNextSortDirection(col) {
+    const existingSort = this._value.find(({
+      field
+    }) => field === col.id);
+    if (col.sortMode === 'always') {
+      return (existingSort == null ? void 0 : existingSort.direction) === 'asc' ? 'desc' : 'asc';
+    }
+
+    // asc->desc->undefined->asc...
+    return existingSort === undefined ? 'asc' : existingSort.direction === 'desc' ? undefined : 'desc';
+  }
+  setSort(col, {
+    forceDirection,
+    emitChangeEvent,
+    multiple
+  } = {}) {
+    const direction = forceDirection ?? this._getNextSortDirection(col);
+    if (multiple) {
+      this._setSortMultiple(col, direction);
+    } else {
+      this._setSortSingular(col, direction);
+    }
+    if (emitChangeEvent) {
+      this.events.emit('change', {
+        col
+      });
+    }
+  }
+  _setSortSingular(col, direction) {
+    this._value.clear();
+    if (direction) {
+      this._value.push({
+        field: col.id,
+        direction
+      });
+    }
+  }
+
+  /**
+   * Rules
+   * Sort by a new column:
+   * - Clear all previous sorts and add a new one
+   * Sort by an existing column:
+   * - If only 1 column is sorted, the next direction is calculated
+   *   with the SortMode in mind (if provided).
+   * - If more than 1 column is sorted, only change the direction
+   *   asc -> desc, desc -> asc, ignoring the SortMode (if provided).
+   */
+  _setSortMultiple(col, direction) {
+    const sortIndex = this._value.findIndex(({
+      field
+    }) => field === col.id);
+    if (sortIndex === -1) {
+      this._setSortSingular(col, direction);
+    } else {
+      const nextDirection = this._value.length > 1 ? this._value[sortIndex].direction === 'asc' ? 'desc' : 'asc' : direction;
+      if (this._value.length === 1 && !direction) {
+        this._value.clear();
+      } else if (nextDirection) {
+        this._value[sortIndex] = {
+          field: col.id,
+          direction: nextDirection
+        };
+      }
+    }
+  }
+  setSortQuery(query, {
+    emitChangeEvent
+  } = {}) {
+    this._value.replace(query);
+    if (emitChangeEvent) {
+      this.events.emit('change');
+    }
+  }
+  changeSort(col, params = {}) {
+    this.setSort(col, {
+      multiple: params.multiple,
+      emitChangeEvent: true
+    });
+  }
+  get value() {
+    return this._value;
+  }
+  getIsSortDescending(id) {
+    const sort = this._value.find(({
+      field
+    }) => field === id);
+    if (sort) {
+      return sort.direction === 'desc';
+    }
+    return undefined;
+  }
+}
+exports.SortState = SortState;
+//# sourceMappingURL=SortState.js.map

package/dist/cjs/state/SortState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_events","require","_mobx","SortState","constructor","_params","_defineProperty2","default","observable","array","deep","EventEmitter","makeObservable","value","computed","setSort","action","changeSort","reset","emitChangeEvent","_value","clear","events","emit","_getNextSortDirection","col","existingSort","find","field","id","sortMode","direction","undefined","forceDirection","multiple","_setSortMultiple","_setSortSingular","push","sortIndex","findIndex","nextDirection","length","setSortQuery","query","replace","params","getIsSortDescending","sort","exports"],"sources":["../../../src/state/SortState.ts"],"sourcesContent":["import { EventEmitter } from 'events';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Sort, SortDirection } from '../model';\nimport { TypedEmitter } from '../util';\n\nexport interface SortStateParams {}\n\nexport interface Sortable {\n  id: string;\n  sortMode?: 'always';\n}\n\nexport class SortState {\n  readonly _value = observable.array<Sort>([], { deep: true });\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    change: (params?: { col?: Sortable }) => unknown;\n  }>;\n\n  constructor(_params: SortStateParams) {\n    makeObservable(this, {\n      value: computed,\n      setSort: action,\n      changeSort: action,\n      reset: action,\n    });\n  }\n\n  reset({ emitChangeEvent }: { emitChangeEvent?: boolean } = {}) {\n    this._value.clear();\n\n    if (emitChangeEvent) {\n      this.events.emit('change');\n    }\n  }\n\n  _getNextSortDirection(col: Sortable) {\n    const existingSort = this._value.find(({ field }) => field === col.id);\n\n    if (col.sortMode === 'always') {\n      return existingSort?.direction === 'asc' ? 'desc' : 'asc';\n    }\n\n    // asc->desc->undefined->asc...\n    return existingSort === undefined\n      ? 'asc'\n      : existingSort.direction === 'desc'\n      ? undefined\n      : 'desc';\n  }\n\n  setSort(\n    col: Sortable,\n    {\n      forceDirection,\n      emitChangeEvent,\n      multiple,\n    }: {\n      forceDirection?: SortDirection;\n      emitChangeEvent?: boolean;\n      multiple?: boolean;\n    } = {},\n  ) {\n    const direction = forceDirection ?? this._getNextSortDirection(col);\n\n    if (multiple) {\n      this._setSortMultiple(col, direction);\n    } else {\n      this._setSortSingular(col, direction);\n    }\n\n    if (emitChangeEvent) {\n      this.events.emit('change', { col });\n    }\n  }\n\n  _setSortSingular(col: Sortable, direction?: SortDirection) {\n    this._value.clear();\n\n    if (direction) {\n      this._value.push({ field: col.id, direction });\n    }\n  }\n\n  /**\n   * Rules\n   * Sort by a new column:\n   * - Clear all previous sorts and add a new one\n   * Sort by an existing column:\n   * - If only 1 column is sorted, the next direction is calculated\n   *   with the SortMode in mind (if provided).\n   * - If more than 1 column is sorted, only change the direction\n   *   asc -> desc, desc -> asc, ignoring the SortMode (if provided).\n   */\n  _setSortMultiple(col: Sortable, direction?: SortDirection) {\n    const sortIndex = this._value.findIndex(({ field }) => field === col.id);\n\n    if (sortIndex === -1) {\n      this._setSortSingular(col, direction);\n    } else {\n      const nextDirection =\n        this._value.length > 1\n          ? this._value[sortIndex].direction === 'asc'\n            ? 'desc'\n            : 'asc'\n          : direction;\n\n      if (this._value.length === 1 && !direction) {\n        this._value.clear();\n      } else if (nextDirection) {\n        this._value[sortIndex] = {\n          field: col.id,\n          direction: nextDirection,\n        };\n      }\n    }\n  }\n\n  setSortQuery(\n    query: Sort[],\n    { emitChangeEvent }: { emitChangeEvent?: boolean } = {},\n  ) {\n    this._value.replace(query);\n\n    if (emitChangeEvent) {\n      this.events.emit('change');\n    }\n  }\n\n  changeSort(col: Sortable, params: { multiple?: boolean } = {}) {\n    this.setSort(col, {\n      multiple: params.multiple,\n      emitChangeEvent: true,\n    });\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  getIsSortDescending(id: string) {\n    const sort = this._value.find(({ field }) => field === id);\n    if (sort) {\n      return sort.direction === 'desc';\n    }\n    return undefined;\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/StringFilterState/StringFilterState.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.stringFilter = exports.StringFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _events = require("events");
+var _mobx = require("mobx");
+class StringFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "name", void 0);
+    (0, _defineProperty2.default)(this, "persistent", void 0);
+    (0, _defineProperty2.default)(this, "defaultValue", void 0);
+    (0, _defineProperty2.default)(this, "itemKey", void 0);
+    (0, _defineProperty2.default)(this, "itemName", void 0);
+    (0, _defineProperty2.default)(this, "entityName", void 0);
+    (0, _defineProperty2.default)(this, "matches", void 0);
+    (0, _defineProperty2.default)(this, "_value", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    this.name = params.name ?? '';
+    this.persistent = params.persistent;
+    this.defaultValue = params.defaultValue;
+    this.itemKey = item => item;
+    this.itemName = item => item;
+    this.entityName = params.entityName ?? (() => '');
+    this._value = params.initialValue ?? this.defaultValue;
+    this.matches = params.matches ?? ((item, value) => value == null || value === '' || typeof item === 'string' ? value.toLowerCase().includes(item.toLowerCase()) : false);
+    (0, _mobx.makeObservable)(this, {
+      _value: _mobx.observable.ref,
+      persistent: _mobx.observable.ref,
+      isEmpty: _mobx.computed,
+      size: _mobx.computed,
+      value: _mobx.computed,
+      reset: _mobx.action,
+      clone: _mobx.action,
+      setValue: _mobx.action,
+      changeValue: _mobx.action,
+      scheduleRefresh: _mobx.action
+    });
+  }
+  get value() {
+    return this._value;
+  }
+  get toArray() {
+    return [this._value];
+  }
+  get isEmpty() {
+    return !this._value.length;
+  }
+  get size() {
+    return this.isEmpty ? 0 : 1;
+  }
+  get toQueryString() {
+    return this._value;
+  }
+  applyFromQueryString(str) {
+    this.setValue(str);
+  }
+  encode(value) {
+    return value;
+  }
+  decode(raw) {
+    if (typeof raw === 'string') {
+      return raw;
+    }
+    return '';
+  }
+  setValue(value, {
+    emitEvents,
+    ...options
+  } = {}) {
+    this._value = value;
+    if (emitEvents) {
+      for (const event of emitEvents) {
+        this.events.emit(event, options);
+      }
+    }
+  }
+  changeValue(value, {
+    emitEvents = [],
+    ...options
+  } = {}) {
+    this.setValue(value, {
+      ...options,
+      emitEvents: ['change', ...emitEvents]
+    });
+  }
+  refresh(value, options) {
+    this.changeValue(value, {
+      ...options,
+      emitEvents: ['refresh']
+    });
+  }
+  scheduleRefresh(value) {
+    this.changeValue(value, {
+      emitEvents: ['scheduleRefresh']
+    });
+  }
+  reset(options = {}) {
+    this.setValue(this.defaultValue, options);
+  }
+  remove(_, options = {}) {
+    this.reset(options);
+  }
+  hasDiff(item) {
+    return this.value !== item;
+  }
+  clone(params) {
+    const {
+      entityName,
+      defaultValue,
+      value: initialValue,
+      matches,
+      persistent,
+      name
+    } = this;
+    return new StringFilterState({
+      entityName,
+      defaultValue,
+      initialValue,
+      matches,
+      persistent,
+      name,
+      ...params
+    });
+  }
+}
+exports.StringFilterState = StringFilterState;
+const stringFilter = (params = {}) => new StringFilterState({
+  defaultValue: '',
+  ...params
+});
+exports.stringFilter = stringFilter;
+//# sourceMappingURL=StringFilterState.js.map

package/dist/cjs/state/StringFilterState/StringFilterState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_events","require","_mobx","StringFilterState","constructor","params","_defineProperty2","default","EventEmitter","name","persistent","defaultValue","itemKey","item","itemName","entityName","_value","initialValue","matches","value","toLowerCase","includes","makeObservable","observable","ref","isEmpty","computed","size","reset","action","clone","setValue","changeValue","scheduleRefresh","toArray","length","toQueryString","applyFromQueryString","str","encode","decode","raw","emitEvents","options","event","events","emit","refresh","remove","_","hasDiff","exports","stringFilter"],"sources":["../../../../src/state/StringFilterState/StringFilterState.ts"],"sourcesContent":["import { EventEmitter } from 'events';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { ChangeValueOptions, Filter, FilterEvents } from '../../model';\n\nexport interface StringFilterStateParams {\n  readonly name?: string;\n  readonly persistent?: boolean;\n  readonly initialValue?: string;\n  defaultValue: string;\n  /**\n   * @deprecated No longer required. To customize filters panel accordion item label pass [accordionItemProps.label](/pages/cairo/?path=/story/components-filters--filterprops) prop to the filter component.\n   */\n  readonly entityName?: (pluralization: number) => string;\n  readonly matches?: (item: string, value: string) => boolean;\n}\n\nexport class StringFilterState implements Filter<string> {\n  name: string;\n  persistent;\n  defaultValue: string;\n  readonly itemKey: (item: string) => string;\n  readonly itemName: (item: string) => string;\n  readonly entityName: (pluralization: number) => string;\n  readonly matches: (item: string, value: string) => boolean;\n\n  _value: string;\n\n  readonly events = new EventEmitter() as FilterEvents;\n\n  constructor(params: StringFilterStateParams) {\n    this.name = params.name ?? '';\n    this.persistent = params.persistent;\n    this.defaultValue = params.defaultValue;\n    this.itemKey = (item) => item;\n    this.itemName = (item) => item;\n    this.entityName = params.entityName ?? (() => '');\n    this._value = params.initialValue ?? this.defaultValue;\n    this.matches =\n      params.matches ??\n      ((item, value) =>\n        value == null || value === '' || typeof item === 'string'\n          ? value.toLowerCase().includes(item.toLowerCase())\n          : false);\n\n    makeObservable(this, {\n      _value: observable.ref,\n      persistent: observable.ref,\n      isEmpty: computed,\n      size: computed,\n      value: computed,\n      reset: action,\n      clone: action,\n      setValue: action,\n      changeValue: action,\n      scheduleRefresh: action,\n    });\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  get toArray() {\n    return [this._value];\n  }\n\n  get isEmpty() {\n    return !this._value.length;\n  }\n\n  get size() {\n    return this.isEmpty ? 0 : 1;\n  }\n\n  get toQueryString() {\n    return this._value;\n  }\n\n  applyFromQueryString(str: string) {\n    this.setValue(str);\n  }\n\n  encode(value: string) {\n    return value;\n  }\n\n  decode(raw: unknown) {\n    if (typeof raw === 'string') {\n      return raw;\n    }\n\n    return '';\n  }\n\n  setValue(value: string, { emitEvents, ...options }: ChangeValueOptions = {}) {\n    this._value = value;\n    if (emitEvents) {\n      for (const event of emitEvents) {\n        this.events.emit(event, options);\n      }\n    }\n  }\n\n  changeValue(\n    value: string,\n    { emitEvents = [], ...options }: ChangeValueOptions = {},\n  ) {\n    this.setValue(value, { ...options, emitEvents: ['change', ...emitEvents] });\n  }\n\n  refresh(value: string, options?: ChangeValueOptions) {\n    this.changeValue(value, { ...options, emitEvents: ['refresh'] });\n  }\n\n  scheduleRefresh(value: string) {\n    this.changeValue(value, { emitEvents: ['scheduleRefresh'] });\n  }\n\n  reset(options: ChangeValueOptions = {}) {\n    this.setValue(this.defaultValue, options);\n  }\n\n  remove(_: string[], options: ChangeValueOptions = {}) {\n    this.reset(options);\n  }\n\n  hasDiff(item: string) {\n    return this.value !== item;\n  }\n\n  clone(params: Partial<StringFilterStateParams>): StringFilterState {\n    const {\n      entityName,\n      defaultValue,\n      value: initialValue,\n      matches,\n      persistent,\n      name,\n    } = this;\n    return new StringFilterState({\n      entityName,\n      defaultValue,\n      initialValue,\n      matches,\n      persistent,\n      name,\n      ...params,\n    });\n  }\n}\n\nexport const stringFilter = (params: Partial<StringFilterStateParams> = {}) =>\n  new StringFilterState({\n    defaultValue: '',\n    ...params,\n  });\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAeO,MAAME,iBAAiB,CAA2B;EAavDC,WAAWA,CAACC,MAA+B,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;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAF3B,IAAIC,oBAAY,CAAC,CAAC;IAGlC,IAAI,CAACC,IAAI,GAAGJ,MAAM,CAACI,IAAI,IAAI,EAAE;IAC7B,IAAI,CAACC,UAAU,GAAGL,MAAM,CAACK,UAAU;IACnC,IAAI,CAACC,YAAY,GAAGN,MAAM,CAACM,YAAY;IACvC,IAAI,CAACC,OAAO,GAAIC,IAAI,IAAKA,IAAI;IAC7B,IAAI,CAACC,QAAQ,GAAID,IAAI,IAAKA,IAAI;IAC9B,IAAI,CAACE,UAAU,GAAGV,MAAM,CAACU,UAAU,KAAK,MAAM,EAAE,CAAC;IACjD,IAAI,CAACC,MAAM,GAAGX,MAAM,CAACY,YAAY,IAAI,IAAI,CAACN,YAAY;IACtD,IAAI,CAACO,OAAO,GACVb,MAAM,CAACa,OAAO,KACb,CAACL,IAAI,EAAEM,KAAK,KACXA,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE,IAAI,OAAON,IAAI,KAAK,QAAQ,GACrDM,KAAK,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACR,IAAI,CAACO,WAAW,CAAC,CAAC,CAAC,GAChD,KAAK,CAAC;IAEd,IAAAE,oBAAc,EAAC,IAAI,EAAE;MACnBN,MAAM,EAAEO,gBAAU,CAACC,GAAG;MACtBd,UAAU,EAAEa,gBAAU,CAACC,GAAG;MAC1BC,OAAO,EAAEC,cAAQ;MACjBC,IAAI,EAAED,cAAQ;MACdP,KAAK,EAAEO,cAAQ;MACfE,KAAK,EAAEC,YAAM;MACbC,KAAK,EAAED,YAAM;MACbE,QAAQ,EAAEF,YAAM;MAChBG,WAAW,EAAEH,YAAM;MACnBI,eAAe,EAAEJ;IACnB,CAAC,CAAC;EACJ;EAEA,IAAIV,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACH,MAAM;EACpB;EAEA,IAAIkB,OAAOA,CAAA,EAAG;IACZ,OAAO,CAAC,IAAI,CAAClB,MAAM,CAAC;EACtB;EAEA,IAAIS,OAAOA,CAAA,EAAG;IACZ,OAAO,CAAC,IAAI,CAACT,MAAM,CAACmB,MAAM;EAC5B;EAEA,IAAIR,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACF,OAAO,GAAG,CAAC,GAAG,CAAC;EAC7B;EAEA,IAAIW,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACpB,MAAM;EACpB;EAEAqB,oBAAoBA,CAACC,GAAW,EAAE;IAChC,IAAI,CAACP,QAAQ,CAACO,GAAG,CAAC;EACpB;EAEAC,MAAMA,CAACpB,KAAa,EAAE;IACpB,OAAOA,KAAK;EACd;EAEAqB,MAAMA,CAACC,GAAY,EAAE;IACnB,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;MAC3B,OAAOA,GAAG;IACZ;IAEA,OAAO,EAAE;EACX;EAEAV,QAAQA,CAACZ,KAAa,EAAE;IAAEuB,UAAU;IAAE,GAAGC;EAA4B,CAAC,GAAG,CAAC,CAAC,EAAE;IAC3E,IAAI,CAAC3B,MAAM,GAAGG,KAAK;IACnB,IAAIuB,UAAU,EAAE;MACd,KAAK,MAAME,KAAK,IAAIF,UAAU,EAAE;QAC9B,IAAI,CAACG,MAAM,CAACC,IAAI,CAACF,KAAK,EAAED,OAAO,CAAC;MAClC;IACF;EACF;EAEAX,WAAWA,CACTb,KAAa,EACb;IAAEuB,UAAU,GAAG,EAAE;IAAE,GAAGC;EAA4B,CAAC,GAAG,CAAC,CAAC,EACxD;IACA,IAAI,CAACZ,QAAQ,CAACZ,KAAK,EAAE;MAAE,GAAGwB,OAAO;MAAED,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAGA,UAAU;IAAE,CAAC,CAAC;EAC7E;EAEAK,OAAOA,CAAC5B,KAAa,EAAEwB,OAA4B,EAAE;IACnD,IAAI,CAACX,WAAW,CAACb,KAAK,EAAE;MAAE,GAAGwB,OAAO;MAAED,UAAU,EAAE,CAAC,SAAS;IAAE,CAAC,CAAC;EAClE;EAEAT,eAAeA,CAACd,KAAa,EAAE;IAC7B,IAAI,CAACa,WAAW,CAACb,KAAK,EAAE;MAAEuB,UAAU,EAAE,CAAC,iBAAiB;IAAE,CAAC,CAAC;EAC9D;EAEAd,KAAKA,CAACe,OAA2B,GAAG,CAAC,CAAC,EAAE;IACtC,IAAI,CAACZ,QAAQ,CAAC,IAAI,CAACpB,YAAY,EAAEgC,OAAO,CAAC;EAC3C;EAEAK,MAAMA,CAACC,CAAW,EAAEN,OAA2B,GAAG,CAAC,CAAC,EAAE;IACpD,IAAI,CAACf,KAAK,CAACe,OAAO,CAAC;EACrB;EAEAO,OAAOA,CAACrC,IAAY,EAAE;IACpB,OAAO,IAAI,CAACM,KAAK,KAAKN,IAAI;EAC5B;EAEAiB,KAAKA,CAACzB,MAAwC,EAAqB;IACjE,MAAM;MACJU,UAAU;MACVJ,YAAY;MACZQ,KAAK,EAAEF,YAAY;MACnBC,OAAO;MACPR,UAAU;MACVD;IACF,CAAC,GAAG,IAAI;IACR,OAAO,IAAIN,iBAAiB,CAAC;MAC3BY,UAAU;MACVJ,YAAY;MACZM,YAAY;MACZC,OAAO;MACPR,UAAU;MACVD,IAAI;MACJ,GAAGJ;IACL,CAAC,CAAC;EACJ;AACF;AAAC8C,OAAA,CAAAhD,iBAAA,GAAAA,iBAAA;AAEM,MAAMiD,YAAY,GAAGA,CAAC/C,MAAwC,GAAG,CAAC,CAAC,KACxE,IAAIF,iBAAiB,CAAC;EACpBQ,YAAY,EAAE,EAAE;EAChB,GAAGN;AACL,CAAC,CAAC;AAAC8C,OAAA,CAAAC,YAAA,GAAAA,YAAA"}

package/dist/cjs/state/StringFilterState/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _StringFilterState = require("./StringFilterState");
+Object.keys(_StringFilterState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StringFilterState[key]) return;
+  exports[key] = _StringFilterState[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/state/StringFilterState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_StringFilterState","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/state/StringFilterState/index.ts"],"sourcesContent":["export * from './StringFilterState';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/state/TaskState.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TaskState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _model = require("../model");
+var _mobx = require("mobx");
+class TaskState {
+  constructor() {
+    (0, _defineProperty2.default)(this, "status", {
+      ..._model.queryStatus.idle
+    });
+    (0, _defineProperty2.default)(this, "_fn", void 0);
+    (0, _defineProperty2.default)(this, "_onError", void 0);
+    (0, _mobx.makeObservable)(this, {
+      status: _mobx.observable.ref,
+      run: _mobx.action,
+      runOnce: _mobx.action,
+      reset: _mobx.action
+    });
+  }
+  runOnce(fn, onError) {
+    if (fn) {
+      this._fn = fn;
+    }
+    if (onError) {
+      this._onError = onError;
+    }
+    if (!this._fn) {
+      return;
+    }
+    const {
+      status
+    } = this;
+    if (status.isLoading || status.isSuccess) {
+      return;
+    }
+    return this.run(this._fn, this._onError);
+  }
+  get errorStatus() {
+    const {
+      status
+    } = this;
+    return status.isError ? status : undefined;
+  }
+  reset() {
+    this.status = {
+      ..._model.queryStatus.idle
+    };
+  }
+  async run(fn, onError) {
+    const promise = fn();
+    this.status = {
+      ..._model.queryStatus.loading,
+      promise
+    };
+    try {
+      const data = await promise;
+      (0, _mobx.runInAction)(() => {
+        if (promise === this.status.promise) {
+          this.status = {
+            ..._model.queryStatus.success,
+            error: null,
+            data
+          };
+        }
+      });
+    } catch (error) {
+      onError == null || onError(error);
+      (0, _mobx.runInAction)(() => {
+        if (promise === this.status.promise) {
+          this.status = {
+            ..._model.queryStatus.error,
+            error
+          };
+        }
+      });
+    }
+  }
+}
+exports.TaskState = TaskState;
+//# sourceMappingURL=TaskState.js.map

package/dist/cjs/state/TaskState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_model","require","_mobx","TaskState","constructor","_defineProperty2","default","queryStatus","idle","makeObservable","status","observable","ref","run","action","runOnce","reset","fn","onError","_fn","_onError","isLoading","isSuccess","errorStatus","isError","undefined","promise","loading","data","runInAction","success","error","exports"],"sources":["../../../src/state/TaskState.ts"],"sourcesContent":["import { queryStatus, TaskStatus } from '../model';\nimport { action, makeObservable, observable, runInAction } from 'mobx';\n\ntype TaskFunc<T> = () => Promise<T>;\ntype TaskErrorFunc = (error: unknown) => unknown;\n\nexport class TaskState<T> {\n  status: TaskStatus<T, unknown> = {\n    ...queryStatus.idle,\n  };\n\n  _fn?: TaskFunc<T>;\n  _onError?: TaskErrorFunc;\n\n  constructor() {\n    makeObservable(this, {\n      status: observable.ref,\n      run: action,\n      runOnce: action,\n      reset: action,\n    });\n  }\n\n  runOnce(fn?: TaskFunc<T>, onError?: TaskErrorFunc) {\n    if (fn) {\n      this._fn = fn;\n    }\n\n    if (onError) {\n      this._onError = onError;\n    }\n\n    if (!this._fn) {\n      return;\n    }\n\n    const { status } = this;\n\n    if (status.isLoading || status.isSuccess) {\n      return;\n    }\n\n    return this.run(this._fn, this._onError);\n  }\n\n  get errorStatus() {\n    const { status } = this;\n    return status.isError ? status : undefined;\n  }\n\n  reset() {\n    this.status = {\n      ...queryStatus.idle,\n    };\n  }\n\n  async run(fn: TaskFunc<T>, onError?: TaskErrorFunc) {\n    const promise = fn();\n    this.status = {\n      ...queryStatus.loading,\n      promise,\n    };\n\n    try {\n      const data = await promise;\n      runInAction(() => {\n        if (promise === this.status.promise) {\n          this.status = {\n            ...queryStatus.success,\n            error: null,\n            data,\n          };\n        }\n      });\n    } catch (error) {\n      onError?.(error);\n      runInAction(() => {\n        if (promise === this.status.promise) {\n          this.status = {\n            ...queryStatus.error,\n            error,\n          };\n        }\n      });\n    }\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKO,MAAME,SAAS,CAAI;EAQxBC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,kBAPmB;MAC/B,GAAGC,kBAAW,CAACC;IACjB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAMC,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC,gBAAU,CAACC,GAAG;MACtBC,GAAG,EAAEC,YAAM;MACXC,OAAO,EAAED,YAAM;MACfE,KAAK,EAAEF;IACT,CAAC,CAAC;EACJ;EAEAC,OAAOA,CAACE,EAAgB,EAAEC,OAAuB,EAAE;IACjD,IAAID,EAAE,EAAE;MACN,IAAI,CAACE,GAAG,GAAGF,EAAE;IACf;IAEA,IAAIC,OAAO,EAAE;MACX,IAAI,CAACE,QAAQ,GAAGF,OAAO;IACzB;IAEA,IAAI,CAAC,IAAI,CAACC,GAAG,EAAE;MACb;IACF;IAEA,MAAM;MAAET;IAAO,CAAC,GAAG,IAAI;IAEvB,IAAIA,MAAM,CAACW,SAAS,IAAIX,MAAM,CAACY,SAAS,EAAE;MACxC;IACF;IAEA,OAAO,IAAI,CAACT,GAAG,CAAC,IAAI,CAACM,GAAG,EAAE,IAAI,CAACC,QAAQ,CAAC;EAC1C;EAEA,IAAIG,WAAWA,CAAA,EAAG;IAChB,MAAM;MAAEb;IAAO,CAAC,GAAG,IAAI;IACvB,OAAOA,MAAM,CAACc,OAAO,GAAGd,MAAM,GAAGe,SAAS;EAC5C;EAEAT,KAAKA,CAAA,EAAG;IACN,IAAI,CAACN,MAAM,GAAG;MACZ,GAAGH,kBAAW,CAACC;IACjB,CAAC;EACH;EAEA,MAAMK,GAAGA,CAACI,EAAe,EAAEC,OAAuB,EAAE;IAClD,MAAMQ,OAAO,GAAGT,EAAE,CAAC,CAAC;IACpB,IAAI,CAACP,MAAM,GAAG;MACZ,GAAGH,kBAAW,CAACoB,OAAO;MACtBD;IACF,CAAC;IAED,IAAI;MACF,MAAME,IAAI,GAAG,MAAMF,OAAO;MAC1B,IAAAG,iBAAW,EAAC,MAAM;QAChB,IAAIH,OAAO,KAAK,IAAI,CAAChB,MAAM,CAACgB,OAAO,EAAE;UACnC,IAAI,CAAChB,MAAM,GAAG;YACZ,GAAGH,kBAAW,CAACuB,OAAO;YACtBC,KAAK,EAAE,IAAI;YACXH;UACF,CAAC;QACH;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdb,OAAO,YAAPA,OAAO,CAAGa,KAAK,CAAC;MAChB,IAAAF,iBAAW,EAAC,MAAM;QAChB,IAAIH,OAAO,KAAK,IAAI,CAAChB,MAAM,CAACgB,OAAO,EAAE;UACnC,IAAI,CAAChB,MAAM,GAAG;YACZ,GAAGH,kBAAW,CAACwB,KAAK;YACpBA;UACF,CAAC;QACH;MACF,CAAC,CAAC;IACJ;EACF;AACF;AAACC,OAAA,CAAA7B,SAAA,GAAAA,SAAA"}

package/dist/cjs/state/TextOverflowState.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TextOverflowState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _resizeObserverCompat = require("./resizeObserverCompat");
+class TextOverflowState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "node", null);
+    (0, _defineProperty2.default)(this, "isOverflow", false);
+    (0, _defineProperty2.default)(this, "observable", void 0);
+    (0, _defineProperty2.default)(this, "_updateIsOverflow", (0, _mobx.action)(() => {
+      const {
+        node
+      } = this;
+      if (!node) {
+        return;
+      }
+      this.isOverflow = node.clientWidth + 1 < node.scrollWidth;
+    }));
+    this.observable = params.observable;
+    (0, _mobx.makeObservable)(this, {
+      isOverflow: _mobx.observable.ref,
+      calculateOverflow: _mobx.action.bound,
+      init: _mobx.action
+    });
+  }
+  init(node) {
+    this.node = node;
+    const disposers = [(0, _mobx.reaction)(this.observable, () => {
+      this.calculateOverflow();
+    }, {
+      fireImmediately: true
+    }), (0, _resizeObserverCompat.addResizeObserver)(this.node, this.calculateOverflow)];
+    return () => {
+      disposers.forEach(disposer => disposer == null ? void 0 : disposer());
+    };
+  }
+  calculateOverflow() {
+    requestAnimationFrame(this._updateIsOverflow);
+  }
+}
+exports.TextOverflowState = TextOverflowState;
+//# sourceMappingURL=TextOverflowState.js.map

package/dist/cjs/state/TextOverflowState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_resizeObserverCompat","TextOverflowState","constructor","params","_defineProperty2","default","action","node","isOverflow","clientWidth","scrollWidth","observable","makeObservable","ref","calculateOverflow","bound","init","disposers","reaction","fireImmediately","addResizeObserver","forEach","disposer","requestAnimationFrame","_updateIsOverflow","exports"],"sources":["../../../src/state/TextOverflowState.ts"],"sourcesContent":["import { action, makeObservable, observable, reaction } from 'mobx';\nimport { addResizeObserver } from './resizeObserverCompat';\n\nexport class TextOverflowState {\n  node: HTMLInputElement | null = null;\n  isOverflow = false;\n  observable: () => unknown;\n\n  constructor(params: { observable: () => unknown }) {\n    this.observable = params.observable;\n\n    makeObservable(this, {\n      isOverflow: observable.ref,\n      calculateOverflow: action.bound,\n      init: action,\n    });\n  }\n\n  init(node: HTMLInputElement) {\n    this.node = node;\n\n    const disposers = [\n      reaction(\n        this.observable,\n        () => {\n          this.calculateOverflow();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      addResizeObserver(this.node, this.calculateOverflow),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n\n  _updateIsOverflow = action(() => {\n    const { node } = this;\n\n    if (!node) {\n      return;\n    }\n\n    this.isOverflow = node.clientWidth + 1 < node.scrollWidth;\n  });\n\n  calculateOverflow() {\n    requestAnimationFrame(this._updateIsOverflow);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,CAAC;EAK7BC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,gBAJnB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBACvB,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,6BAkCE,IAAAC,YAAM,EAAC,MAAM;MAC/B,MAAM;QAAEC;MAAK,CAAC,GAAG,IAAI;MAErB,IAAI,CAACA,IAAI,EAAE;QACT;MACF;MAEA,IAAI,CAACC,UAAU,GAAGD,IAAI,CAACE,WAAW,GAAG,CAAC,GAAGF,IAAI,CAACG,WAAW;IAC3D,CAAC,CAAC;IAtCA,IAAI,CAACC,UAAU,GAAGR,MAAM,CAACQ,UAAU;IAEnC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBJ,UAAU,EAAEG,gBAAU,CAACE,GAAG;MAC1BC,iBAAiB,EAAER,YAAM,CAACS,KAAK;MAC/BC,IAAI,EAAEV;IACR,CAAC,CAAC;EACJ;EAEAU,IAAIA,CAACT,IAAsB,EAAE;IAC3B,IAAI,CAACA,IAAI,GAAGA,IAAI;IAEhB,MAAMU,SAAS,GAAG,CAChB,IAAAC,cAAQ,EACN,IAAI,CAACP,UAAU,EACf,MAAM;MACJ,IAAI,CAACG,iBAAiB,CAAC,CAAC;IAC1B,CAAC,EACD;MACEK,eAAe,EAAE;IACnB,CACF,CAAC,EACD,IAAAC,uCAAiB,EAAC,IAAI,CAACb,IAAI,EAAE,IAAI,CAACO,iBAAiB,CAAC,CACrD;IAED,OAAO,MAAM;MACXG,SAAS,CAACI,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;IAC/C,CAAC;EACH;EAYAR,iBAAiBA,CAAA,EAAG;IAClBS,qBAAqB,CAAC,IAAI,CAACC,iBAAiB,CAAC;EAC/C;AACF;AAACC,OAAA,CAAAxB,iBAAA,GAAAA,iBAAA"}

package/dist/cjs/state/ToggleState.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToggleState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _events = require("events");
+class ToggleState {
+  constructor(initialValue = false) {
+    (0, _defineProperty2.default)(this, "value", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    this.value = initialValue;
+    (0, _mobx.makeObservable)(this, {
+      value: _mobx.observable,
+      isOn: _mobx.computed,
+      isOff: _mobx.computed,
+      toggle: _mobx.action.bound,
+      setOff: _mobx.action.bound,
+      setOn: _mobx.action.bound
+    });
+  }
+  get isOn() {
+    return this.value;
+  }
+  get isOff() {
+    return !this.value;
+  }
+  toggle(value = !this.value) {
+    if (this.value !== value) {
+      this.value = value;
+      this.events.emit('toggle');
+    }
+  }
+  setOff() {
+    this.toggle(false);
+    // return new Promise<void>((resolve) => {
+    //   this.events.once('afterClose', resolve);
+    // });
+  }
+  setOn() {
+    this.toggle(true);
+    this.events.emit('open');
+  }
+}
+exports.ToggleState = ToggleState;
+//# sourceMappingURL=ToggleState.js.map

package/dist/cjs/state/ToggleState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_events","ToggleState","constructor","initialValue","_defineProperty2","default","EventEmitter","value","makeObservable","observable","isOn","computed","isOff","toggle","action","bound","setOff","setOn","events","emit","exports"],"sources":["../../../src/state/ToggleState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { EventEmitter } from 'events';\n\nexport class ToggleState {\n  public value: boolean;\n  readonly events = new EventEmitter();\n\n  constructor(initialValue = false) {\n    this.value = initialValue;\n\n    makeObservable(this, {\n      value: observable,\n      isOn: computed,\n      isOff: computed,\n      toggle: action.bound,\n      setOff: action.bound,\n      setOn: action.bound,\n    });\n  }\n\n  public get isOn() {\n    return this.value;\n  }\n\n  public get isOff() {\n    return !this.value;\n  }\n\n  public toggle(value = !this.value) {\n    if (this.value !== value) {\n      this.value = value;\n      this.events.emit('toggle');\n    }\n  }\n\n  setOff() {\n    this.toggle(false);\n    // return new Promise<void>((resolve) => {\n    //   this.events.once('afterClose', resolve);\n    // });\n  }\n\n  setOn() {\n    this.toggle(true);\n    this.events.emit('open');\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,CAAC;EAIvBC,WAAWA,CAACC,YAAY,GAAG,KAAK,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAFhB,IAAIC,oBAAY,CAAC,CAAC;IAGlC,IAAI,CAACC,KAAK,GAAGJ,YAAY;IAEzB,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBD,KAAK,EAAEE,gBAAU;MACjBC,IAAI,EAAEC,cAAQ;MACdC,KAAK,EAAED,cAAQ;MACfE,MAAM,EAAEC,YAAM,CAACC,KAAK;MACpBC,MAAM,EAAEF,YAAM,CAACC,KAAK;MACpBE,KAAK,EAAEH,YAAM,CAACC;IAChB,CAAC,CAAC;EACJ;EAEA,IAAWL,IAAIA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACH,KAAK;EACnB;EAEA,IAAWK,KAAKA,CAAA,EAAG;IACjB,OAAO,CAAC,IAAI,CAACL,KAAK;EACpB;EAEOM,MAAMA,CAACN,KAAK,GAAG,CAAC,IAAI,CAACA,KAAK,EAAE;IACjC,IAAI,IAAI,CAACA,KAAK,KAAKA,KAAK,EAAE;MACxB,IAAI,CAACA,KAAK,GAAGA,KAAK;MAClB,IAAI,CAACW,MAAM,CAACC,IAAI,CAAC,QAAQ,CAAC;IAC5B;EACF;EAEAH,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAAC,KAAK,CAAC;IAClB;IACA;IACA;EACF;EAEAI,KAAKA,CAAA,EAAG;IACN,IAAI,CAACJ,MAAM,CAAC,IAAI,CAAC;IACjB,IAAI,CAACK,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;EAC1B;AACF;AAACC,OAAA,CAAAnB,WAAA,GAAAA,WAAA"}