superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/react/components/DateTimePicker.js

@@ -1,148 +1,84 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateTimePicker = void 0;
-var React = __importStar(require("react"));
-var DatePicker_1 = require("../components/DatePicker");
-var common_1 = require("@sourcefabric/common");
-var lodash_1 = require("lodash");
-var TimePicker_1 = require("./TimePicker");
-var Form_1 = require("./Form");
-var react_id_generator_1 = __importDefault(require("react-id-generator"));
-var date_fns_1 = require("date-fns");
-var helpers_1 = require("../helpers");
-var Button_1 = require("./Button");
-var DateTimePicker = /** @class */ (function (_super) {
-    __extends(DateTimePicker, _super);
-    function DateTimePicker() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.htmlId = (0, react_id_generator_1.default)();
-        _this.handleTimeChange = function (time) {
-            var _a;
-            if (_this.props.valueType === 'date') {
-                var _b = time.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _b[0], minutes = _b[1];
-                var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
+import * as React from 'react';
+import { DatePicker } from '../components/DatePicker';
+import { Spacer } from '@sourcefabric/common';
+import { defaultTo } from 'lodash';
+import { TimePicker } from './TimePicker';
+import { InputWrapper } from './Form';
+import nextId from 'react-id-generator';
+import { format } from 'date-fns';
+import { assertNever } from '../helpers';
+import { Button } from './Button';
+export class DateTimePicker extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.htmlId = nextId();
+        this.handleTimeChange = (time) => {
+            if (this.props.valueType === 'date') {
+                const [hours, minutes] = time.split(':').map((x) => defaultTo(parseInt(x, 10), 0));
+                const origDate = this.props.value ?? new Date();
                 origDate.setHours(hours, minutes);
-                _this.props.onChange(origDate);
+                this.props.onChange(origDate);
             }
-            else if (_this.props.valueType === 'object') {
-                _this.props.onChange(__assign(__assign({}, _this.props.value), { time: time }));
+            else if (this.props.valueType === 'object') {
+                this.props.onChange({
+                    ...this.props.value,
+                    time,
+                });
             }
             else {
-                (0, helpers_1.assertNever)(_this.props);
+                assertNever(this.props);
             }
         };
-        _this.handleDateChange = function (date) {
-            var _a;
-            if (_this.props.valueType === 'date') {
+        this.handleDateChange = (date) => {
+            if (this.props.valueType === 'date') {
                 if (date == null) {
-                    _this.props.onChange(null);
+                    this.props.onChange(null);
                     return;
                 }
-                var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
-                var selectedDate = new Date(date);
+                const origDate = this.props.value ?? new Date();
+                const selectedDate = new Date(date);
                 selectedDate.setHours(origDate.getHours(), origDate.getMinutes());
-                _this.props.onChange(selectedDate);
+                this.props.onChange(selectedDate);
             }
-            else if (_this.props.valueType === 'object') {
-                _this.props.onChange(__assign(__assign({}, _this.props.value), { date: date ? (0, date_fns_1.format)(date, 'yyyy-MM-dd') : undefined }));
+            else if (this.props.valueType === 'object') {
+                this.props.onChange({
+                    ...this.props.value,
+                    date: date ? format(date, 'yyyy-MM-dd') : undefined,
+                });
             }
             else {
-                (0, helpers_1.assertNever)(_this.props);
+                assertNever(this.props);
             }
         };
-        _this.handleClear = function () {
-            if (_this.props.valueType === 'date') {
-                _this.props.onChange(null);
+        this.handleClear = () => {
+            if (this.props.valueType === 'date') {
+                this.props.onChange(null);
             }
-            else if (_this.props.valueType === 'object') {
-                _this.props.onChange({ date: undefined, time: undefined });
+            else if (this.props.valueType === 'object') {
+                this.props.onChange({ date: undefined, time: undefined });
             }
             else {
-                (0, helpers_1.assertNever)(_this.props);
+                assertNever(this.props);
             }
         };
-        return _this;
     }
-    DateTimePicker.prototype.prepareFormat = function (unitOfTime) {
+    prepareFormat(unitOfTime) {
         return unitOfTime.toString().padStart(2, '0');
-    };
-    DateTimePicker.prototype.getTimeValue = function () {
-        var _a;
+    }
+    getTimeValue() {
         if (this.props.valueType === 'date') {
             return this.props.value != null
-                ? "".concat(this.prepareFormat(this.props.value.getHours()), ":").concat(this.prepareFormat(this.props.value.getMinutes()))
+                ? `${this.prepareFormat(this.props.value.getHours())}:${this.prepareFormat(this.props.value.getMinutes())}`
                 : null;
         }
         else if (this.props.valueType === 'object') {
-            return (_a = this.props.value.time) !== null && _a !== void 0 ? _a : null;
+            return this.props.value.time ?? null;
         }
         else {
-            (0, helpers_1.assertNever)(this.props);
+            assertNever(this.props);
         }
-    };
-    DateTimePicker.prototype.getDateValue = function () {
+    }
+    getDateValue() {
         if (this.props.valueType === 'date') {
             return this.props.value;
         }
@@ -150,33 +86,31 @@ var DateTimePicker = /** @class */ (function (_super) {
             return this.props.value.date ? new Date(this.props.value.date) : null;
         }
         else {
-            (0, helpers_1.assertNever)(this.props);
+            assertNever(this.props);
         }
-    };
-    DateTimePicker.prototype.render = function () {
-        var _this = this;
-        var timeValue = this.getTimeValue();
-        var dateValue = this.getDateValue();
-        var timeRequiresDate = (function () {
-            if (_this.props.valueType === 'object') {
-                return _this.props.timeRequiresDate === true;
+    }
+    render() {
+        const timeValue = this.getTimeValue();
+        const dateValue = this.getDateValue();
+        const timeRequiresDate = (() => {
+            if (this.props.valueType === 'object') {
+                return this.props.timeRequiresDate === true;
             }
-            else if (_this.props.valueType === 'date') {
+            else if (this.props.valueType === 'date') {
                 return false;
             }
             else {
-                return (0, helpers_1.assertNever)(_this.props);
+                return assertNever(this.props);
             }
         })();
-        return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, inputWrapper: this.props.inputWrapper, "data-test-id": this.props['data-test-id'], ref: this.props.ref },
-            React.createElement(common_1.Spacer, { h: true, gap: "8", alignItems: "center", noWrap: true },
+        return (React.createElement(InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, fullWidth: this.props.fullWidth, inputWrapper: this.props.inputWrapper, "data-test-id": this.props['data-test-id'], ref: this.props.ref },
+            React.createElement(Spacer, { h: true, gap: "8", alignItems: "center", noWrap: true },
                 React.createElement("div", { style: { flexGrow: 1 } },
-                    React.createElement(DatePicker_1.DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, locale: this.props.locale, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth, "data-test-id": "date-input" })),
+                    React.createElement(DatePicker, { disabled: this.props.disabled, preview: this.props.preview, required: this.props.required, hideClearButton: true, value: dateValue, locale: this.props.locale, onChange: this.handleDateChange, dateFormat: this.props.dateFormat, inlineLabel: true, labelHidden: true, fullWidth: this.props.fullWidth, "data-test-id": "date-input" })),
                 React.createElement("div", { style: { flexGrow: 0, color: 'var(--color-text-muted)' } }, "@"),
                 React.createElement("div", { className: "time-picker--date-time", style: { flexGrow: 1 } },
-                    React.createElement(TimePicker_1.TimePicker, { disabled: this.props.disabled || (timeRequiresDate && dateValue == null), preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate, "data-test-id": "time-input" })),
-                this.props.preview !== true && (React.createElement(Button_1.Button, { icon: "remove-sign", text: "Clear", tooltip: "Clear", onClick: this.handleClear, type: "default", style: "hollow", iconOnly: true, disabled: this.props.disabled })))));
-    };
-    return DateTimePicker;
-}(React.PureComponent));
-exports.DateTimePicker = DateTimePicker;
+                    React.createElement(TimePicker, { disabled: this.props.disabled || (timeRequiresDate && dateValue == null), preview: this.props.preview, value: timeValue, onChange: this.handleTimeChange, inlineLabel: true, labelHidden: true, allowSeconds: this.props.allowSeconds, fullWidth: this.props.fullWidth, required: this.props.required, headerTemplate: this.props.timeHeaderTemplate, footerTemplate: this.props.timeFooterTemplate, "data-test-id": "time-input" })),
+                this.props.preview !== true && (React.createElement(Button, { icon: "remove-sign", text: "Clear", tooltip: "Clear", onClick: this.handleClear, type: "default", style: "hollow", iconOnly: true, disabled: this.props.disabled })))));
+    }
+}
+//# sourceMappingURL=DateTimePicker.js.map

package/react/components/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../app-typescript/components/DateTimePicker.tsx"],"names":[],"mappings":"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"}

package/react/components/Divider.d.ts

@@ -7,3 +7,4 @@ export declare class Divider extends React.PureComponent<IProps> {
     render(): JSX.Element;
 }
 export {};
+//# sourceMappingURL=Divider.d.ts.map

package/react/components/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../app-typescript/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACpD,MAAM;CAQT"}

package/react/components/Divider.js

@@ -1,74 +1,13 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-var React = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Divider = /** @class */ (function (_super) {
-    __extends(Divider, _super);
-    function Divider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Divider.prototype.render = function () {
-        var _a;
-        var classes = (0, classnames_1.default)('button-group__divider', (_a = {
-                'button-group__divider--small': this.props.size === undefined,
-                'button-group__divider--border': this.props.border === true
-            },
-            _a["button-group__divider--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
-            _a));
+import * as React from 'react';
+import classNames from 'classnames';
+export class Divider extends React.PureComponent {
+    render() {
+        let classes = classNames('button-group__divider', {
+            'button-group__divider--small': this.props.size === undefined,
+            'button-group__divider--border': this.props.border === true,
+            [`button-group__divider--${this.props.size}`]: this.props.size || this.props.size !== undefined,
+        });
         return React.createElement("div", { className: classes });
-    };
-    return Divider;
-}(React.PureComponent));
-exports.Divider = Divider;
+    }
+}
+//# sourceMappingURL=Divider.js.map

package/react/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../app-typescript/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAAqB;IACpD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,uBAAuB,EAAE;YAC9C,8BAA8B,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;YAC7D,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI;YAC3D,CAAC,0BAA0B,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;SAClG,CAAC,CAAC;QACH,OAAO,6BAAK,SAAS,EAAE,OAAO,GAAI,CAAC;IACvC,CAAC;CACJ"}

package/react/components/DonutChart.d.ts

@@ -10,3 +10,4 @@ export declare class DonutChart extends React.Component<IProps, {}> {
     render(): JSX.Element;
 }
 export {};
+//# sourceMappingURL=DonutChart.d.ts.map

package/react/components/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../app-typescript/components/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;AAEjD,UAAU,MAAM;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC;IACvD,MAAM;CAWT"}

package/react/components/DonutChart.js

@@ -1,64 +1,8 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+import * as React from 'react';
+import { Chart } from '@superdesk/primereact/chart';
+export class DonutChart extends React.Component {
+    render() {
+        return (React.createElement(Chart, { type: "doughnut", width: this.props.width, height: this.props.height, data: this.props.data, options: this.props.options }));
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DonutChart = void 0;
-var React = __importStar(require("react"));
-var chart_1 = require("@superdesk/primereact/chart");
-var DonutChart = /** @class */ (function (_super) {
-    __extends(DonutChart, _super);
-    function DonutChart() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DonutChart.prototype.render = function () {
-        return (React.createElement(chart_1.Chart, { type: "doughnut", width: this.props.width, height: this.props.height, data: this.props.data, options: this.props.options }));
-    };
-    return DonutChart;
-}(React.Component));
-exports.DonutChart = DonutChart;
+}
+//# sourceMappingURL=DonutChart.js.map

package/react/components/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../app-typescript/components/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,EAAC,MAAM,6BAA6B,CAAC;AAUlD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAqB;IACvD,MAAM;QACF,OAAO,CACH,oBAAC,KAAK,IACF,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAC7B,CACL,CAAC;IACN,CAAC;CACJ"}

package/react/components/DragHandle.d.ts

@@ -10,3 +10,4 @@ export declare class DragHandle extends React.PureComponent<IProps> {
     render(): JSX.Element;
 }
 export {};
+//# sourceMappingURL=DragHandle.d.ts.map

package/react/components/DragHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../app-typescript/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,MAAM;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM;CAuBT"}

package/react/components/DragHandle.js

@@ -1,79 +1,18 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragHandle = void 0;
-var React = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var DragHandleDots_1 = require("./DragHandleDots");
-var dotSize = 4; // Size of the single dot image (OneDot.svg) that gets repeated and forms the dotted pattern.
-var DragHandle = /** @class */ (function (_super) {
-    __extends(DragHandle, _super);
-    function DragHandle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DragHandle.prototype.render = function () {
-        var _a;
-        var _b, _c;
-        var classes = (0, classnames_1.default)('drag-handle-wrapper', (_a = {},
-            _a["drag-handle-wrapper--boxed"] = !this.props.blank,
-            _a['drag-handle-wrapper--blank'] = this.props.blank,
-            _a), this.props.className);
-        var calcSize = function (numberOfDots) {
+import * as React from 'react';
+import classNames from 'classnames';
+import { DragHandleDots } from './DragHandleDots';
+const dotSize = 4; // Size of the single dot image (OneDot.svg) that gets repeated and forms the dotted pattern.
+export class DragHandle extends React.PureComponent {
+    render() {
+        const classes = classNames('drag-handle-wrapper', {
+            [`drag-handle-wrapper--boxed`]: !this.props.blank,
+            'drag-handle-wrapper--blank': this.props.blank,
+        }, this.props.className);
+        const calcSize = (numberOfDots) => {
             return Number(numberOfDots) * dotSize - dotSize / 2;
         };
         return (React.createElement("div", { className: classes },
-            React.createElement(DragHandleDots_1.DragHandleDots, { style: { width: calcSize((_b = this.props.dotsInRow) !== null && _b !== void 0 ? _b : '2'), height: calcSize((_c = this.props.dotRows) !== null && _c !== void 0 ? _c : '4') }, color: this.props.dotColor })));
-    };
-    return DragHandle;
-}(React.PureComponent));
-exports.DragHandle = DragHandle;
+            React.createElement(DragHandleDots, { style: { width: calcSize(this.props.dotsInRow ?? '2'), height: calcSize(this.props.dotRows ?? '4') }, color: this.props.dotColor })));
+    }
+}
+//# sourceMappingURL=DragHandle.js.map

package/react/components/DragHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../app-typescript/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAUhD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,6FAA6F;AAEhH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAAqB;IACvD,MAAM;QACF,MAAM,OAAO,GAAG,UAAU,CACtB,qBAAqB,EACrB;YACI,CAAC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;YACjD,4BAA4B,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;SACjD,EACD,IAAI,CAAC,KAAK,CAAC,SAAS,CACvB,CAAC;QAEF,MAAM,QAAQ,GAAG,CAAC,YAAoB,EAAE,EAAE;YACtC,OAAO,MAAM,CAAC,YAAY,CAAC,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO;YACnB,oBAAC,cAAc,IACX,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAC,EAAC,EAClG,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC5B,CACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/react/components/DragHandleDots.d.ts

@@ -7,3 +7,4 @@ export declare class DragHandleDots extends React.PureComponent<IProps> {
     render(): JSX.Element;
 }
 export {};
+//# sourceMappingURL=DragHandleDots.d.ts.map

package/react/components/DragHandleDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandleDots.d.ts","sourceRoot":"","sources":["../../app-typescript/components/DragHandleDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IAC3D,MAAM;CAOT"}