@difizen/libro-widget 0.0.0-snapshot-20241017072317

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present Difizen Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# libro-widget

package/es/index.d.ts

@@ -0,0 +1,4 @@
+export * from './module.js';
+export * from './slider/index.js';
+export * from './text/index.js';
+//# sourceMappingURL=index.d.ts.map

package/es/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/es/index.js

@@ -0,0 +1,3 @@
+export * from "./module.js";
+export * from "./slider/index.js";
+export * from "./text/index.js";

package/es/module.d.ts

@@ -0,0 +1,3 @@
+import { ManaModule } from '@difizen/mana-app';
+export declare const CommonWidgetsModule: ManaModule;
+//# sourceMappingURL=module.d.ts.map

package/es/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,eAAO,MAAM,mBAAmB,YAQP,CAAC"}

package/es/module.js

@@ -0,0 +1,5 @@
+import { WidgetModule } from '@difizen/libro-jupyter';
+import { ManaModule } from '@difizen/mana-app';
+import { SilderWidgetContribution, SliderWidget } from "./slider/index.js";
+import { TextModelContribution, TextWidget } from "./text/index.js";
+export var CommonWidgetsModule = ManaModule.create().register(SliderWidget, SilderWidgetContribution, TextWidget, TextModelContribution).dependOn(WidgetModule);

package/es/slider/contribution.d.ts

@@ -0,0 +1,10 @@
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import { WidgetViewContribution } from '@difizen/libro-jupyter';
+import { ViewManager } from '@difizen/mana-app';
+import { SliderWidget } from './view.js';
+export declare class SilderWidgetContribution implements WidgetViewContribution {
+    viewManager: ViewManager;
+    canHandle: (attributes: any) => 1 | 100;
+    factory(props: IWidgetViewProps): Promise<SliderWidget>;
+}
+//# sourceMappingURL=contribution.d.ts.map

package/es/slider/contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contribution.d.ts","sourceRoot":"","sources":["../../src/slider/contribution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,qBACa,wBAAyB,YAAW,sBAAsB;IAChD,WAAW,EAAE,WAAW,CAAC;IAC9C,SAAS,eAAgB,GAAG,aAW1B;IACF,OAAO,CAAC,KAAK,EAAE,gBAAgB;CAGhC"}

package/es/slider/contribution.js

@@ -0,0 +1,45 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _class, _class2, _descriptor;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { WidgetViewContribution } from '@difizen/libro-jupyter';
+import { ViewManager, inject, singleton } from '@difizen/mana-app';
+import { SliderWidget } from "./view.js";
+export var SilderWidgetContribution = (_dec = singleton({
+  contrib: WidgetViewContribution
+}), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function SilderWidgetContribution() {
+    _classCallCheck(this, SilderWidgetContribution);
+    _initializerDefineProperty(this, "viewManager", _descriptor, this);
+    this.canHandle = function (attributes) {
+      if (attributes._model_name === 'IntSliderModel') {
+        return 100;
+      }
+      if (attributes.__view_name === 'IntSliderView') {
+        return 100;
+      }
+      if (attributes._model_name === 'FloatSliderModel') {
+        return 100;
+      }
+      return 1;
+    };
+  }
+  _createClass(SilderWidgetContribution, [{
+    key: "factory",
+    value: function factory(props) {
+      return this.viewManager.getOrCreateView(SliderWidget, props);
+    }
+  }]);
+  return SilderWidgetContribution;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/slider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './contribution.js';
+export * from './view.js';
+//# sourceMappingURL=index.d.ts.map

package/es/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC"}

package/es/slider/index.js

@@ -0,0 +1,2 @@
+export * from "./contribution.js";
+export * from "./view.js";

package/es/slider/index.less

@@ -0,0 +1,3 @@
+.libro-widget-slider {
+  display: block;
+}

package/es/slider/view.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { JSONObject } from '@difizen/libro-common';
+import { LibroContextKey } from '@difizen/libro-core';
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import type { OrientableState, WidgetState } from '@difizen/libro-jupyter';
+import { WidgetView } from '@difizen/libro-jupyter';
+import './index.less';
+export declare const LibroWidgetIntSliderComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+interface SliderState extends WidgetState, OrientableState {
+    max?: number;
+    min?: number;
+    step: number;
+    value: number;
+}
+export declare class SliderWidget extends WidgetView {
+    view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    state: JSONObject & SliderState;
+    constructor(props: IWidgetViewProps, libroContextKey: LibroContextKey);
+    protected initialize(props: IWidgetViewProps): void;
+    handleChange: (value: number) => void;
+}
+export {};
+//# sourceMappingURL=view.d.ts.map

package/es/slider/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/slider/view.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAcpD,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,6BAA6B,0FAqBzC,CAAC;AAEF,UAAU,WAAY,SAAQ,WAAW,EAAE,eAAe;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAEa,YAAa,SAAQ,UAAU;IACjC,IAAI,2FAAiC;IAGrC,KAAK,EAAE,UAAU,GAAG,WAAW,CAKtC;gBAGoB,KAAK,EAAE,gBAAgB,EAClB,eAAe,EAAE,eAAe;IAM3D,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAYnD,YAAY,UAAW,MAAM,UAO3B;CACH"}

package/es/slider/view.js

@@ -0,0 +1,97 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _dec3, _class, _class2, _descriptor;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { LibroContextKey } from '@difizen/libro-core';
+import { WidgetView } from '@difizen/libro-jupyter';
+import { defaultWidgetState } from '@difizen/libro-jupyter';
+import { view, transient, useInject, ViewInstance, prop, inject, ViewOption } from '@difizen/mana-app';
+import { Slider } from 'antd';
+import { forwardRef } from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var LibroWidgetIntSliderComponent = /*#__PURE__*/forwardRef(function LibroWidgetIntSliderComponent(props, ref) {
+  var widget = useInject(ViewInstance);
+  if (widget.isCommClosed) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: "libro-widget-slider",
+    ref: ref,
+    children: /*#__PURE__*/_jsx(Slider, {
+      max: widget.state.max,
+      min: widget.state.min,
+      vertical: widget.state.orientation === 'vertical',
+      disabled: widget.state.disabled,
+      onChange: widget.handleChange,
+      value: widget.state.value
+    })
+  });
+});
+export var SliderWidget = (_dec = transient(), _dec2 = view('libro-widget-slider-view'), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_WidgetView) {
+  _inherits(SliderWidget, _WidgetView);
+  var _super = _createSuper(SliderWidget);
+  function SliderWidget(props, libroContextKey) {
+    var _this;
+    _classCallCheck(this, SliderWidget);
+    _this = _super.call(this, props, libroContextKey);
+    _this.view = LibroWidgetIntSliderComponent;
+    _initializerDefineProperty(_this, "state", _descriptor, _assertThisInitialized(_this));
+    _this.handleChange = function (value) {
+      var data = {
+        buffer_paths: [],
+        method: 'update',
+        state: {
+          value: value
+        }
+      };
+      _this.send(data);
+    };
+    _this.initialize(props);
+    return _this;
+  }
+  SliderWidget = inject(LibroContextKey)(SliderWidget, undefined, 1) || SliderWidget;
+  SliderWidget = inject(ViewOption)(SliderWidget, undefined, 0) || SliderWidget;
+  _createClass(SliderWidget, [{
+    key: "initialize",
+    value: function initialize(props) {
+      if (this.model_name === 'FloatSliderModel') {
+        if (!this.state.step) {
+          this.state.step === 0.01;
+        }
+      }
+      var attributes = props.attributes;
+      this.state.max = attributes.max;
+      this.state.min = attributes.min;
+      this.setState(attributes);
+    }
+  }]);
+  return SliderWidget;
+}(WidgetView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "state", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return _objectSpread(_objectSpread({}, defaultWidgetState), {}, {
+      orientation: 'horizontal',
+      step: 1,
+      value: 0
+    });
+  }
+})), _class2)) || _class) || _class);

package/es/text/contribution.d.ts

@@ -0,0 +1,10 @@
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import { WidgetViewContribution } from '@difizen/libro-jupyter';
+import { ViewManager } from '@difizen/mana-app';
+import { TextWidget } from './view.js';
+export declare class TextModelContribution implements WidgetViewContribution {
+    viewManager: ViewManager;
+    canHandle: (attributes: any) => 1 | 100;
+    factory(props: IWidgetViewProps): Promise<TextWidget>;
+}
+//# sourceMappingURL=contribution.d.ts.map

package/es/text/contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contribution.d.ts","sourceRoot":"","sources":["../../src/text/contribution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,qBACa,qBAAsB,YAAW,sBAAsB;IAC7C,WAAW,EAAE,WAAW,CAAC;IAC9C,SAAS,eAAgB,GAAG,aAK1B;IACF,OAAO,CAAC,KAAK,EAAE,gBAAgB;CAGhC"}

package/es/text/contribution.js

@@ -0,0 +1,39 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _class, _class2, _descriptor;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { WidgetViewContribution } from '@difizen/libro-jupyter';
+import { ViewManager, inject, singleton } from '@difizen/mana-app';
+import { TextWidget } from "./view.js";
+export var TextModelContribution = (_dec = singleton({
+  contrib: WidgetViewContribution
+}), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function TextModelContribution() {
+    _classCallCheck(this, TextModelContribution);
+    _initializerDefineProperty(this, "viewManager", _descriptor, this);
+    this.canHandle = function (attributes) {
+      if (attributes._model_name === 'TextModel') {
+        return 100;
+      }
+      return 1;
+    };
+  }
+  _createClass(TextModelContribution, [{
+    key: "factory",
+    value: function factory(props) {
+      return this.viewManager.getOrCreateView(TextWidget, props);
+    }
+  }]);
+  return TextModelContribution;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);

package/es/text/index.d.ts

@@ -0,0 +1,3 @@
+export * from './contribution.js';
+export * from './view.js';
+//# sourceMappingURL=index.d.ts.map

package/es/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC"}

package/es/text/index.js

@@ -0,0 +1,2 @@
+export * from "./contribution.js";
+export * from "./view.js";

package/es/text/view.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" resolution-mode="require"/>
+import { LibroContextKey } from '@difizen/libro-core';
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import { WidgetView } from '@difizen/libro-jupyter';
+export declare const TextWidgetComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+export declare class TextWidget extends WidgetView {
+    view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    bar_style: string;
+    description: string;
+    description_tooltip: null;
+    layout: string;
+    orientation: string;
+    style: string;
+    placeholder: string;
+    value: number;
+    constructor(props: IWidgetViewProps, libroContextKey: LibroContextKey);
+}
+//# sourceMappingURL=view.d.ts.map

package/es/text/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/text/view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAapD,eAAO,MAAM,mBAAmB,0FAoC/B,CAAC;AACF,qBAEa,UAAW,SAAQ,UAAU;IAC/B,IAAI,2FAAuB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IAEpB,KAAK,EAAE,MAAM,CAAC;gBAEQ,KAAK,EAAE,gBAAgB,EAClB,eAAe,EAAE,eAAe;CAY5D"}

package/es/text/view.js

@@ -0,0 +1,90 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _dec, _dec2, _dec3, _class, _class2, _descriptor;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { LibroContextKey } from '@difizen/libro-core';
+import { WidgetView } from '@difizen/libro-jupyter';
+import { view, ViewOption, transient, useInject, ViewInstance, inject, prop } from '@difizen/mana-app';
+import { Input } from 'antd';
+import { forwardRef } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TextWidgetComponent = /*#__PURE__*/forwardRef(function TextWidgetComponent(_props, ref) {
+  var widgetView = useInject(ViewInstance);
+  if (widgetView.isCommClosed) {
+    return null;
+  }
+  var handleChange = function handleChange(e) {
+    var data = {
+      buffer_paths: [],
+      method: 'update',
+      state: {
+        value: e.target.value
+      }
+    };
+    widgetView.send(data);
+  };
+  var handlePressEnter = function handlePressEnter() {
+    var data = {
+      method: 'custom',
+      content: {
+        event: 'submit'
+      }
+    };
+    widgetView.send(data);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "libro-input-widget",
+    ref: ref,
+    children: [/*#__PURE__*/_jsxs("span", {
+      className: "libro-input-widget-description",
+      children: [' ', widgetView.description]
+    }), /*#__PURE__*/_jsx(Input, {
+      placeholder: widgetView.placeholder,
+      size: "small",
+      onChange: handleChange,
+      onPressEnter: handlePressEnter
+    })]
+  });
+});
+export var TextWidget = (_dec = transient(), _dec2 = view('libro-widget-text-view'), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_WidgetView) {
+  _inherits(TextWidget, _WidgetView);
+  var _super = _createSuper(TextWidget);
+  function TextWidget(props, libroContextKey) {
+    var _this;
+    _classCallCheck(this, TextWidget);
+    _this = _super.call(this, props, libroContextKey);
+    _this.view = TextWidgetComponent;
+    _initializerDefineProperty(_this, "value", _descriptor, _assertThisInitialized(_this));
+    _this.bar_style = props.attributes.bar_style;
+    _this.description = props.attributes.description;
+    _this.description_tooltip = props.attributes.description_tooltip;
+    _this.layout = props.attributes.layout;
+    _this.orientation = props.attributes.orientation;
+    _this.style = props.attributes.style;
+    _this.value = props.attributes.value;
+    _this.placeholder = props.attributes.placeholder;
+    return _this;
+  }
+  TextWidget = inject(LibroContextKey)(TextWidget, undefined, 1) || TextWidget;
+  TextWidget = inject(ViewOption)(TextWidget, undefined, 0) || TextWidget;
+  return _createClass(TextWidget);
+}(WidgetView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "value", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class) || _class);

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@difizen/libro-widget",
+  "version": "0.0.0-snapshot-20241017072317",
+  "description": "",
+  "keywords": [
+    "libro"
+  ],
+  "repository": "git@github.com:difizen/libro.git",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "typings": "./es/index.d.ts",
+      "default": "./es/index.js"
+    },
+    "./mock": {
+      "typings": "./es/mock/index.d.ts",
+      "default": "./es/mock/index.js"
+    },
+    "./es/mock": {
+      "typings": "./es/mock/index.d.ts",
+      "default": "./es/mock/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "files": [
+    "es",
+    "src"
+  ],
+  "dependencies": {
+    "@difizen/libro-core": "0.0.0-snapshot-20241017072317",
+    "@difizen/libro-common": "0.0.0-snapshot-20241017072317",
+    "@difizen/libro-kernel": "0.0.0-snapshot-20241017072317",
+    "@difizen/libro-rendermime": "0.0.0-snapshot-20241017072317",
+    "@difizen/libro-jupyter": "0.0.0-snapshot-20241017072317",
+    "@difizen/mana-app": "latest"
+  },
+  "peerDependencies": {
+    "antd": "^5.8.6",
+    "react": ">=16"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.25"
+  },
+  "scripts": {
+    "setup": "father build",
+    "build": "father build",
+    "test": ": Note: lint task is delegated to test:* scripts",
+    "test:vitest": "vitest run",
+    "test:jest": "jest",
+    "coverage": ": Note: lint task is delegated to coverage:* scripts",
+    "coverage:vitest": "vitest run --coverage",
+    "coverage:jest": "jest --coverage",
+    "lint": ": Note: lint task is delegated to lint:* scripts",
+    "lint:eslint": "eslint src",
+    "typecheck:tsc": "tsc --noEmit"
+  }
+}

package/src/index.spec.ts

@@ -0,0 +1,10 @@
+import assert from 'assert';
+
+// import { SliderWidget } from './index.js';
+import 'reflect-metadata';
+
+describe('libro-widget', () => {
+  it('#import', () => {
+    assert(true);
+  });
+});

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './module.js';
+export * from './slider/index.js';
+export * from './text/index.js';

package/src/module.ts

@@ -0,0 +1,15 @@
+import { WidgetModule } from '@difizen/libro-jupyter';
+import { ManaModule } from '@difizen/mana-app';
+
+import { SilderWidgetContribution, SliderWidget } from './slider/index.js';
+import { TextModelContribution, TextWidget } from './text/index.js';
+
+export const CommonWidgetsModule = ManaModule.create()
+  .register(
+    SliderWidget,
+    SilderWidgetContribution,
+
+    TextWidget,
+    TextModelContribution,
+  )
+  .dependOn(WidgetModule);

package/src/slider/contribution.ts

@@ -0,0 +1,25 @@
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import { WidgetViewContribution } from '@difizen/libro-jupyter';
+import { ViewManager, inject, singleton } from '@difizen/mana-app';
+
+import { SliderWidget } from './view.js';
+
+@singleton({ contrib: WidgetViewContribution })
+export class SilderWidgetContribution implements WidgetViewContribution {
+  @inject(ViewManager) viewManager: ViewManager;
+  canHandle = (attributes: any) => {
+    if (attributes._model_name === 'IntSliderModel') {
+      return 100;
+    }
+    if (attributes.__view_name === 'IntSliderView') {
+      return 100;
+    }
+    if (attributes._model_name === 'FloatSliderModel') {
+      return 100;
+    }
+    return 1;
+  };
+  factory(props: IWidgetViewProps) {
+    return this.viewManager.getOrCreateView(SliderWidget, props);
+  }
+}

package/src/slider/index.less

@@ -0,0 +1,3 @@
+.libro-widget-slider {
+  display: block;
+}

package/src/slider/index.ts

@@ -0,0 +1,2 @@
+export * from './contribution.js';
+export * from './view.js';

package/src/slider/view.tsx

@@ -0,0 +1,92 @@
+import type { JSONObject } from '@difizen/libro-common';
+import { LibroContextKey } from '@difizen/libro-core';
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import type { OrientableState, WidgetState } from '@difizen/libro-jupyter';
+import { WidgetView } from '@difizen/libro-jupyter';
+import { defaultWidgetState } from '@difizen/libro-jupyter';
+import {
+  view,
+  transient,
+  useInject,
+  ViewInstance,
+  prop,
+  inject,
+  ViewOption,
+} from '@difizen/mana-app';
+import { Slider } from 'antd';
+import { forwardRef } from 'react';
+
+import './index.less';
+
+export const LibroWidgetIntSliderComponent = forwardRef<HTMLDivElement>(
+  function LibroWidgetIntSliderComponent(props, ref) {
+    const widget = useInject<SliderWidget>(ViewInstance);
+
+    if (widget.isCommClosed) {
+      return null;
+    }
+
+    return (
+      <div className="libro-widget-slider" ref={ref}>
+        <Slider
+          max={widget.state.max}
+          min={widget.state.min}
+          vertical={widget.state.orientation === 'vertical'}
+          disabled={widget.state.disabled}
+          onChange={widget.handleChange}
+          value={widget.state.value}
+        />
+      </div>
+    );
+  },
+);
+
+interface SliderState extends WidgetState, OrientableState {
+  max?: number;
+  min?: number;
+  step: number;
+  value: number;
+}
+
+@transient()
+@view('libro-widget-slider-view')
+export class SliderWidget extends WidgetView {
+  override view = LibroWidgetIntSliderComponent;
+
+  @prop()
+  override state: JSONObject & SliderState = {
+    ...defaultWidgetState,
+    orientation: 'horizontal',
+    step: 1,
+    value: 0,
+  };
+
+  constructor(
+    @inject(ViewOption) props: IWidgetViewProps,
+    @inject(LibroContextKey) libroContextKey: LibroContextKey,
+  ) {
+    super(props, libroContextKey);
+    this.initialize(props);
+  }
+
+  protected initialize(props: IWidgetViewProps): void {
+    if (this.model_name === 'FloatSliderModel') {
+      if (!this.state.step) {
+        this.state.step === 0.01;
+      }
+    }
+    const attributes = props.attributes;
+    this.state.max = attributes.max;
+    this.state.min = attributes.min;
+    this.setState(attributes);
+  }
+
+  handleChange = (value: number) => {
+    const data = {
+      buffer_paths: [],
+      method: 'update',
+      state: { value: value },
+    };
+    this.send(data);
+  };
+}

package/src/text/contribution.ts

@@ -0,0 +1,19 @@
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import { WidgetViewContribution } from '@difizen/libro-jupyter';
+import { ViewManager, inject, singleton } from '@difizen/mana-app';
+
+import { TextWidget } from './view.js';
+
+@singleton({ contrib: WidgetViewContribution })
+export class TextModelContribution implements WidgetViewContribution {
+  @inject(ViewManager) viewManager: ViewManager;
+  canHandle = (attributes: any) => {
+    if (attributes._model_name === 'TextModel') {
+      return 100;
+    }
+    return 1;
+  };
+  factory(props: IWidgetViewProps) {
+    return this.viewManager.getOrCreateView(TextWidget, props);
+  }
+}

package/src/text/index.ts

@@ -0,0 +1,2 @@
+export * from './contribution.js';
+export * from './view.js';

package/src/text/view.tsx

@@ -0,0 +1,80 @@
+import { LibroContextKey } from '@difizen/libro-core';
+import type { IWidgetViewProps } from '@difizen/libro-jupyter';
+import { WidgetView } from '@difizen/libro-jupyter';
+import {
+  view,
+  ViewOption,
+  transient,
+  useInject,
+  ViewInstance,
+  inject,
+  prop,
+} from '@difizen/mana-app';
+import { Input } from 'antd';
+import { forwardRef } from 'react';
+
+export const TextWidgetComponent = forwardRef<HTMLDivElement>(
+  function TextWidgetComponent(_props, ref) {
+    const widgetView = useInject<TextWidget>(ViewInstance);
+    if (widgetView.isCommClosed) {
+      return null;
+    }
+
+    const handleChange = (e: any) => {
+      const data = {
+        buffer_paths: [],
+        method: 'update',
+        state: { value: e.target.value },
+      };
+      widgetView.send(data);
+    };
+
+    const handlePressEnter = () => {
+      const data = { method: 'custom', content: { event: 'submit' } };
+      widgetView.send(data);
+    };
+
+    return (
+      <div className="libro-input-widget" ref={ref}>
+        <span className="libro-input-widget-description">
+          {' '}
+          {widgetView.description}
+        </span>
+        <Input
+          placeholder={widgetView.placeholder}
+          size="small"
+          onChange={handleChange}
+          onPressEnter={handlePressEnter}
+        />
+      </div>
+    );
+  },
+);
+@transient()
+@view('libro-widget-text-view')
+export class TextWidget extends WidgetView {
+  override view = TextWidgetComponent;
+  bar_style: string;
+  description: string;
+  description_tooltip: null;
+  layout: string;
+  orientation: string;
+  style: string;
+  placeholder: string;
+  @prop()
+  value: number;
+  constructor(
+    @inject(ViewOption) props: IWidgetViewProps,
+    @inject(LibroContextKey) libroContextKey: LibroContextKey,
+  ) {
+    super(props, libroContextKey);
+    this.bar_style = props.attributes.bar_style;
+    this.description = props.attributes.description;
+    this.description_tooltip = props.attributes.description_tooltip;
+    this.layout = props.attributes.layout;
+    this.orientation = props.attributes.orientation;
+    this.style = props.attributes.style;
+    this.value = props.attributes.value;
+    this.placeholder = props.attributes.placeholder;
+  }
+}