superdesk-ui-framework 3.0.1-beta.5 → 3.0.1-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/app/styles/form-elements/_inputs.scss +2 -0
  2. package/app-typescript/components/DurationInput.tsx +15 -1
  3. package/app-typescript/components/Input.tsx +1 -1
  4. package/app-typescript/index.ts +1 -0
  5. package/dist/examples.bundle.js +413 -397
  6. package/dist/superdesk-ui.bundle.css +3 -1
  7. package/dist/superdesk-ui.bundle.js +394 -378
  8. package/package.json +1 -1
  9. package/react/components/DurationInput.js +15 -1
  10. package/react/components/Input.js +1 -1
  11. package/react/index.d.ts +1 -0
  12. package/react/index.js +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "superdesk-ui-framework",
3
- "version": "3.0.1-beta.5",
3
+ "version": "3.0.1-beta.6",
4
4
  "license": "AGPL-3.0",
5
5
  "repository": {
6
6
  "type": "git",
package/react/components/DurationInput.js CHANGED
@@ -284,6 +284,20 @@ var DurationInput = /** @class */ (function (_super) {
284
284
  }(React.PureComponent));
285
285
  exports.DurationInput = DurationInput;
286
286
  function getDurationString(seconds) {
287
- return moment_1.default.utc(seconds * 1000).format("HH:mm:ss");
287
+ function zeroPad(value) {
288
+ if (value.toString().length === 1 || value === 0) {
289
+ return "0".concat(value);
290
+ }
291
+ else if (!value) {
292
+ return '00';
293
+ }
294
+ else {
295
+ return value;
296
+ }
297
+ }
298
+ var hour = zeroPad(Math.floor(seconds / 3600));
299
+ var minute = zeroPad(Math.floor((seconds % 3600) / 60));
300
+ var second = zeroPad(Math.floor(seconds % 60));
301
+ return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
288
302
  }
289
303
  exports.getDurationString = getDurationString;
package/react/components/Input.js CHANGED
@@ -74,7 +74,7 @@ var Input = /** @class */ (function (_super) {
74
74
  };
75
75
  Input.prototype.render = function () {
76
76
  var _a, _b;
77
- return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, value: this.state.value, invalid: this.state.invalid, info: this.props.info, maxLength: this.props.maxLength, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, size: (_a = this.props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: this.props.fullWidth, htmlId: this.htmlId, boxedStyle: this.props.boxedStyle, boxedLable: this.props.boxedLable, tabindex: this.props.tabindex },
77
+ return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, value: this.state.value, invalid: this.props.invalid, info: this.props.info, maxLength: this.props.maxLength, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, size: (_a = this.props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: this.props.fullWidth, htmlId: this.htmlId, boxedStyle: this.props.boxedStyle, boxedLable: this.props.boxedLable, tabindex: this.props.tabindex },
78
78
  React.createElement("input", { className: 'sd-input__input', type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.htmlId, value: this.state.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled })));
79
79
  };
80
80
  return Input;
package/react/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export { IconButton } from './components/IconButton';
15
15
  export { IconLabel } from './components/IconLabel';
16
16
  export { Tooltip } from './components/Tooltip';
17
17
  export { DurationInput } from './components/DurationInput';
18
+ export { getDurationString } from './components/DurationInput';
18
19
  export { DatePicker } from './components/DatePicker';
19
20
  export { DatePickerISO } from './components/DatePicker';
20
21
  export { DatePickerLocaleSettings } from './components/DatePicker';
package/react/index.js CHANGED
@@ -12,8 +12,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
12
12
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
13
13
  };
14
14
  Object.defineProperty(exports, "__esModule", { value: true });
15
- exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
16
- exports.ContentListItem = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.TagInputTest = exports.TagInput = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.Tag = exports.Dropdown = void 0;
15
+ exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
16
+ exports.ContentListItem = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.TagInputTest = exports.TagInput = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.Tag = exports.Dropdown = exports.DropdownDivider = void 0;
17
17
  var HelloWorld_1 = require("./components/HelloWorld");
18
18
  Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
19
19
  var Button_1 = require("./components/Button");
@@ -49,6 +49,8 @@ var Tooltip_1 = require("./components/Tooltip");
49
49
  Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
50
50
  var DurationInput_1 = require("./components/DurationInput");
51
51
  Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
52
+ var DurationInput_2 = require("./components/DurationInput");
53
+ Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
52
54
  var DatePicker_1 = require("./components/DatePicker");
53
55
  Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
54
56
  var DatePicker_2 = require("./components/DatePicker");