@difizen/libro-widget 0.1.32 → 0.1.34

package/es/index.d.ts

@@ -1,5 +1,4 @@
-export * from './components/index.js';
-export * from './base/index.js';
-export * from './widget-module.js';
-export * from './widgets/index.js';
+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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"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

@@ -1,4 +1,3 @@
-export * from "./components/index.js";
-export * from "./base/index.js";
-export * from "./widget-module.js";
-export * from "./widgets/index.js";
+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/{widgets/instances-progress-widget-view-contribution.js → slider/contribution.js}

@@ -8,29 +8,35 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { WidgetViewContribution } from "../base/protocal.js";
-import { InstancesProgressWidget } from "./instances-progress-widget-view.js";
-export var InstancesProgressWidgetViewContribution = (_dec = singleton({
+import { SliderWidget } from "./view.js";
+export var SilderWidgetContribution = (_dec = singleton({
   contrib: WidgetViewContribution
 }), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
-  function InstancesProgressWidgetViewContribution() {
-    _classCallCheck(this, InstancesProgressWidgetViewContribution);
+  function SilderWidgetContribution() {
+    _classCallCheck(this, SilderWidgetContribution);
     _initializerDefineProperty(this, "viewManager", _descriptor, this);
     this.canHandle = function (attributes) {
-      if (attributes._model_name === 'InstancesProgressModel') {
+      if (attributes._model_name === 'IntSliderModel') {
+        return 100;
+      }
+      if (attributes.__view_name === 'IntSliderView') {
+        return 100;
+      }
+      if (attributes._model_name === 'FloatSliderModel') {
         return 100;
       }
       return 1;
     };
   }
-  _createClass(InstancesProgressWidgetViewContribution, [{
+  _createClass(SilderWidgetContribution, [{
     key: "factory",
     value: function factory(props) {
-      return this.viewManager.getOrCreateView(InstancesProgressWidget, props);
+      return this.viewManager.getOrCreateView(SliderWidget, props);
     }
   }]);
-  return InstancesProgressWidgetViewContribution;
+  return SilderWidgetContribution;
 }(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec2], {
   configurable: true,
   enumerable: true,

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/{widgets/progress-widget-view.js → slider/view.js}

@@ -1,5 +1,8 @@
 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, _dec4, _dec5, _class, _class2, _descriptor, _descriptor2, _descriptor3;
+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); } }
@@ -16,88 +19,79 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 { view, ViewOption, transient, useInject, ViewInstance, inject, prop } from '@difizen/mana-app';
+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 { WidgetView } from "../base/widget-view.js";
-import { ProgressBar } from "../components/index.js";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var LibroProgressWidgetComponent = /*#__PURE__*/forwardRef(function LibroProgressWidgetComponent() {
-  var widgetView = useInject(ViewInstance);
-  var percent = widgetView.value / ((widgetView.max - widgetView.min) / 100);
-  if (widgetView.isCommClosed) {
+export var LibroWidgetIntSliderComponent = /*#__PURE__*/forwardRef(function LibroWidgetIntSliderComponent(props, ref) {
+  var widget = useInject(ViewInstance);
+  if (widget.isCommClosed) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    className: "libro-progress-widget",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "libro-progress-widget-description",
-      children: widgetView.description
-    }), /*#__PURE__*/_jsx(ProgressBar, {
-      percent: percent
-    })]
+  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 ProgressWidget = (_dec = transient(), _dec2 = view('libro-widget-progress-view'), _dec3 = prop(), _dec4 = prop(), _dec5 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_WidgetView) {
-  _inherits(ProgressWidget, _WidgetView);
-  var _super = _createSuper(ProgressWidget);
-  function ProgressWidget(props, libroContextKey) {
+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, ProgressWidget);
+    _classCallCheck(this, SliderWidget);
     _this = _super.call(this, props, libroContextKey);
-    _this.view = LibroProgressWidgetComponent;
-    _initializerDefineProperty(_this, "max", _descriptor, _assertThisInitialized(_this));
-    _initializerDefineProperty(_this, "min", _descriptor2, _assertThisInitialized(_this));
-    _initializerDefineProperty(_this, "value", _descriptor3, _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.max = props.attributes.max;
-    _this.min = props.attributes.min;
-    _this.orientation = props.attributes.orientation;
-    _this.style = props.attributes.style;
-    _this.value = props.attributes.value;
+    _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;
   }
-  /**
-   * Handle incoming comm msg.
-   */
-  ProgressWidget = inject(LibroContextKey)(ProgressWidget, undefined, 1) || ProgressWidget;
-  ProgressWidget = inject(ViewOption)(ProgressWidget, undefined, 0) || ProgressWidget;
-  _createClass(ProgressWidget, [{
-    key: "handleCommMsg",
-    value: function handleCommMsg(msg) {
-      var data = msg.content.data;
-      var method = data.method;
-      switch (method) {
-        case 'update':
-        case 'echo_update':
-          if (data.state.value) {
-            this.value = data.state.value;
-          }
-          if (data.state.description) {
-            this.description = data.state.description;
-          }
+  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;
+        }
       }
-      return Promise.resolve();
+      var attributes = props.attributes;
+      this.state.max = attributes.max;
+      this.state.min = attributes.min;
+      this.setState(attributes);
     }
   }]);
-  return ProgressWidget;
-}(WidgetView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "max", [_dec3], {
+  return SliderWidget;
+}(WidgetView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "state", [_dec3], {
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "min", [_dec4], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "value", [_dec5], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
+  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/{widgets/text-widget-view-contribution.js → text/contribution.js}

@@ -8,9 +8,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { WidgetViewContribution } from "../base/protocal.js";
-import { LibroTextWidget } from "./text-widget-view.js";
+import { TextWidget } from "./view.js";
 export var TextModelContribution = (_dec = singleton({
   contrib: WidgetViewContribution
 }), _dec2 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
@@ -27,7 +27,7 @@ export var TextModelContribution = (_dec = singleton({
   _createClass(TextModelContribution, [{
     key: "factory",
     value: function factory(props) {
-      return this.viewManager.getOrCreateView(LibroTextWidget, props);
+      return this.viewManager.getOrCreateView(TextWidget, props);
     }
   }]);
   return TextModelContribution;

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/{widgets/text-widget-view.d.ts → text/view.d.ts}

@@ -1,10 +1,9 @@
 /// <reference types="react" resolution-mode="require"/>
 import { LibroContextKey } from '@difizen/libro-core';
-import type { IWidgetViewProps } from '../base/protocal.js';
-import { WidgetView } from '../base/widget-view.js';
-import './index.less';
-export declare const LibroTextWidgetComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
-export declare class LibroTextWidget extends WidgetView {
+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;
@@ -16,4 +15,4 @@ export declare class LibroTextWidget extends WidgetView {
     value: number;
     constructor(props: IWidgetViewProps, libroContextKey: LibroContextKey);
 }
-//# sourceMappingURL=text-widget-view.d.ts.map
+//# 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/{widgets/text-widget-view.js → text/view.js}

@@ -16,14 +16,13 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 { WidgetView } from "../base/widget-view.js";
-import "./index.less";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var LibroTextWidgetComponent = /*#__PURE__*/forwardRef(function LibroTextWidgetComponent(_props, ref) {
+export var TextWidgetComponent = /*#__PURE__*/forwardRef(function TextWidgetComponent(_props, ref) {
   var widgetView = useInject(ViewInstance);
   if (widgetView.isCommClosed) {
     return null;
@@ -61,14 +60,14 @@ export var LibroTextWidgetComponent = /*#__PURE__*/forwardRef(function LibroText
     })]
   });
 });
-export var LibroTextWidget = (_dec = transient(), _dec2 = view('libro-widget-text-view'), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_WidgetView) {
-  _inherits(LibroTextWidget, _WidgetView);
-  var _super = _createSuper(LibroTextWidget);
-  function LibroTextWidget(props, libroContextKey) {
+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, LibroTextWidget);
+    _classCallCheck(this, TextWidget);
     _this = _super.call(this, props, libroContextKey);
-    _this.view = LibroTextWidgetComponent;
+    _this.view = TextWidgetComponent;
     _initializerDefineProperty(_this, "value", _descriptor, _assertThisInitialized(_this));
     _this.bar_style = props.attributes.bar_style;
     _this.description = props.attributes.description;
@@ -80,9 +79,9 @@ export var LibroTextWidget = (_dec = transient(), _dec2 = view('libro-widget-tex
     _this.placeholder = props.attributes.placeholder;
     return _this;
   }
-  LibroTextWidget = inject(LibroContextKey)(LibroTextWidget, undefined, 1) || LibroTextWidget;
-  LibroTextWidget = inject(ViewOption)(LibroTextWidget, undefined, 0) || LibroTextWidget;
-  return _createClass(LibroTextWidget);
+  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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-widget",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "description": "",
   "keywords": [
     "libro"
@@ -31,10 +31,11 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/libro-core": "^0.1.32",
-    "@difizen/libro-common": "^0.1.32",
-    "@difizen/libro-kernel": "^0.1.32",
-    "@difizen/libro-rendermime": "^0.1.32",
+    "@difizen/libro-core": "^0.1.34",
+    "@difizen/libro-common": "^0.1.34",
+    "@difizen/libro-kernel": "^0.1.34",
+    "@difizen/libro-rendermime": "^0.1.34",
+    "@difizen/libro-jupyter": "^0.1.34",
     "@difizen/mana-app": "latest"
   },
   "peerDependencies": {

package/src/index.spec.ts

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

package/src/index.ts

@@ -1,4 +1,3 @@
-export * from './components/index.js';
-export * from './base/index.js';
-export * from './widget-module.js';
-export * from './widgets/index.js';
+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';