@blueprintjs/core - npm Package Compare versions

Comparing version 1.31.0 to 1.32.0

dist/common/classes.d.ts

@@ -146,3 +146,3 @@ import { Intent } from "./intent";
 /** Return CSS class for icon, whether or not 'pt-icon-' prefix is included */
-export declare function iconClass(iconName: string): string;
+export declare function iconClass(iconName?: string): string;
 export declare function intentClass(intent?: Intent): string;

dist/common/utils.d.ts

@@ -16,2 +16,11 @@ /// <reference types="react" />
 export declare function safeInvoke<A, B, C, D, R>(func: ((arg1: A, arg2: B, arg3: C, arg4: D) => R) | undefined, arg1: A, arg2: B, arg3: C, arg4: D): R;
+/**
+ * Safely invoke the provided entity if it is a function; otherwise, return the
+ * entity itself.
+ */
+export declare function safeInvokeOrValue<R>(funcOrValue: (() => R) | R | undefined): R;
+export declare function safeInvokeOrValue<A, R>(funcOrValue: ((arg1: A) => R) | R | undefined, arg1: A): R;
+export declare function safeInvokeOrValue<A, B, R>(funcOrValue: ((arg1: A, arg2: B) => R) | R | undefined, arg1: A, arg2: B): R;
+export declare function safeInvokeOrValue<A, B, C, R>(funcOrValue: ((arg1: A, arg2: B, arg3: C) => R) | R | undefined, arg1: A, arg2: B, arg3: C): R;
+export declare function safeInvokeOrValue<A, B, C, D, R>(funcOrValue: ((arg1: A, arg2: B, arg3: C, arg4: D) => R) | R | undefined, arg1: A, arg2: B, arg3: C, arg4: D): R;
 export declare function elementIsOrContains(element: HTMLElement, testElement: HTMLElement): boolean;
@@ -18,0 +27,0 @@ /**

dist/common/utils.js

@@ -36,2 +36,11 @@ /*
 exports.safeInvoke = safeInvoke;
+// tslint:disable-next-line:ban-types
+function safeInvokeOrValue(funcOrValue) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    return isFunction(funcOrValue) ? funcOrValue.apply(void 0, args) : funcOrValue;
+}
+exports.safeInvokeOrValue = safeInvokeOrValue;
 function elementIsOrContains(element, testElement) {
@@ -38,0 +47,0 @@ return element === testElement || element.contains(testElement);

dist/components/index.d.ts

@@ -6,2 +6,3 @@ import * as contextMenu from "./context-menu/contextMenu";
 export * from "./button/buttons";
+export * from "./callout/callout";
 export * from "./collapse/collapse";
@@ -13,2 +14,3 @@ export * from "./collapsible-list/collapsibleList";
 export * from "./forms/controls";
+export * from "./forms/formGroup";
 export * from "./forms/inputGroup";
@@ -15,0 +17,0 @@ export * from "./forms/numericInput";

dist/components/index.js

@@ -23,2 +23,3 @@ /*
 __export(require("./button/buttons"));
+__export(require("./callout/callout"));
 __export(require("./collapse/collapse"));
@@ -30,2 +31,3 @@ __export(require("./collapsible-list/collapsibleList"));
 __export(require("./forms/controls"));
+__export(require("./forms/formGroup"));
 __export(require("./forms/inputGroup"));
@@ -32,0 +34,0 @@ __export(require("./forms/numericInput"));

dist/components/overlay/overlay.js

@@ -149,3 +149,3 @@ /*
             }
-            else {
+            if (openStack.filter(function (o) { return !o.props.inline && o.props.hasBackdrop; }).length === 0) {
                 document.body.classList.remove(Classes.OVERLAY_OPEN);
@@ -152,0 +152,0 @@ }

dist/components/tabs2/tabs2.js

@@ -81,4 +81,4 @@ /*
             .map(this.renderTabPanel);
-        var tabIndicator = (React.createElement("div", { className: "pt-tab-indicator-wrapper", style: indicatorWrapperStyle },
-            React.createElement("div", { className: "pt-tab-indicator" })));
+        var tabIndicator = this.props.animate ? (React.createElement("div", { className: "pt-tab-indicator-wrapper", style: indicatorWrapperStyle },
+            React.createElement("div", { className: "pt-tab-indicator" }))) : (undefined);
         var classes = classNames(Classes.TABS, (_b = {}, _b[Classes.VERTICAL] = this.props.vertical, _b), this.props.className);
@@ -90,3 +90,3 @@ var tabListClasses = classNames(Classes.TAB_LIST, (_c = {},
             React.createElement("div", { className: tabListClasses, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, ref: this.refHandlers.tablist, role: "tablist" },
-                this.props.animate ? tabIndicator : undefined,
+                tabIndicator,
                 tabTitles),
@@ -165,3 +165,3 @@ tabPanels));
     Tabs2.prototype.moveSelectionIndicator = function () {
-        if (this.tablistElement === undefined) {
+        if (this.tablistElement === undefined || !this.props.animate) {
             return;
@@ -168,0 +168,0 @@ }

package.json

 {
   "name": "@blueprintjs/core",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "description": "Core styles & components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/common/classes.ts

@@ -193,3 +193,3 @@ /*
 /** Return CSS class for icon, whether or not 'pt-icon-' prefix is included */
-export function iconClass(iconName: string) {
+export function iconClass(iconName?: string) {
     if (iconName == null) {
@@ -196,0 +196,0 @@ return undefined;

src/common/utils.ts

@@ -53,2 +53,27 @@ /*
 
+/**
+ * Safely invoke the provided entity if it is a function; otherwise, return the
+ * entity itself.
+ */
+export function safeInvokeOrValue<R>(funcOrValue: (() => R) | R | undefined): R;
+export function safeInvokeOrValue<A, R>(funcOrValue: ((arg1: A) => R) | R | undefined, arg1: A): R;
+export function safeInvokeOrValue<A, B, R>(funcOrValue: ((arg1: A, arg2: B) => R) | R | undefined, arg1: A, arg2: B): R;
+export function safeInvokeOrValue<A, B, C, R>(
+    funcOrValue: ((arg1: A, arg2: B, arg3: C) => R) | R | undefined,
+    arg1: A,
+    arg2: B,
+    arg3: C,
+): R;
+export function safeInvokeOrValue<A, B, C, D, R>(
+    funcOrValue: ((arg1: A, arg2: B, arg3: C, arg4: D) => R) | R | undefined,
+    arg1: A,
+    arg2: B,
+    arg3: C,
+    arg4: D,
+): R;
+// tslint:disable-next-line:ban-types
+export function safeInvokeOrValue(funcOrValue: Function | any | undefined, ...args: any[]) {
+    return isFunction(funcOrValue) ? funcOrValue(...args) : funcOrValue;
+}
+
 export function elementIsOrContains(element: HTMLElement, testElement: HTMLElement) {
@@ -55,0 +80,0 @@ return element === testElement || element.contains(testElement);

src/components/alert/alert.md

@@ -7,3 +7,3 @@ @# Alerts
 Although similar to [dialogs](#core/components/dialog), alerts are more restrictive and should only be
-used for important informations. The user can only exit the alert by clicking one of the
+used for important information. The user can only exit the alert by clicking one of the
 confirmation buttons—clicking the overlay or pressing the `esc` key will not close the alert.
@@ -10,0 +10,0 @@

src/components/button/button.md

@@ -43,4 +43,2 @@ @# Buttons
 
-Note that minimal buttons are _not supported_ in button groups at this time.
-
 @css pt-button.pt-minimal
@@ -47,0 +45,0 @@

src/components/callout/callout.md

@@ -15,1 +15,11 @@ @# Callouts
 @css pt-callout
+
+@## JavaScript API
+
+The `Callout` component is available in the __@blueprintjs/core__ package.
+Make sure to review the [general usage docs for JS components](#blueprint.usage).
+
+The component is a simple wrapper around the CSS API that provides props for modifiers and optional title element.
+Any additional HTML props will be spread to the rendered `<div>` element.
+
+@interface ICalloutProps

src/components/forms/form-group.md

@@ -7,2 +7,4 @@ @# Form groups
 
+@## CSS API
+
 - Link each label to its respective control element with a `for={#id}` attribute on the `<label>` and
@@ -19,1 +21,21 @@ `id={#id}` on the control.
 @css pt-form-group
+
+@## JavaScript API
+
+The `FormGroup` component is available in the __@blueprintjs/core__ package.
+Make sure to review the [general usage docs for JS components](#blueprint.usage).
+
+This component is a simple wrapper around the CSS API that abstracts away the HTML complexity.
+
+```tsx
+<FormGroup
+    helperText="Helper text with details..."
+    label="Label A"
+    labelFor="text-input"
+    required={true}
+>
+    <input id="text-input" placeholder="Placeholder text" />
+</FormGroup>
+```
+
+@interface IFormGroupProps

src/components/index.ts

@@ -22,2 +22,3 @@ /*
 export * from "./button/buttons";
+export * from "./callout/callout";
 export * from "./collapse/collapse";
@@ -29,2 +30,3 @@ export * from "./collapsible-list/collapsibleList";
 export * from "./forms/controls";
+export * from "./forms/formGroup";
 export * from "./forms/inputGroup";
@@ -31,0 +33,0 @@ export * from "./forms/numericInput";

No alert changes

Improved metrics

Total package byte prevSize

5371806

increased by0.67%

Number of package files

480

increased by1.69%

Lines of code

41890

increased by1.08%

No dependency changes