superdesk-ui-framework 4.0.27 → 4.0.29

package/react/components/TreeSelect/TreeSelectPill.js

@@ -46,7 +46,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var React = __importStar(require("react"));
 var DragHandle_1 = require("../DragHandle");
 var Icon_1 = require("../Icon");
-var Label_1 = require("../Label");
+var helpers_1 = require("../../helpers");
 var TreeSelectPill = /** @class */ (function (_super) {
     __extends(TreeSelectPill, _super);
     function TreeSelectPill() {
@@ -65,9 +65,9 @@ var TreeSelectPill = /** @class */ (function (_super) {
             this.props.draggable && (React.createElement(DragHandle_1.DragHandle, { blank: true, dotsInRow: '3', dotRows: '4' })),
             React.createElement("span", { className: "tags-input__helper-box", style: {
                     color: this.props.backgroundColor
-                        ? (0, Label_1.getTextColor)(this.props.backgroundColor)
+                        ? (0, helpers_1.getTextColor)(this.props.backgroundColor)
                         : this.props.getBackgroundColor
-                            && (0, Label_1.getTextColor)(this.props.getBackgroundColor(this.props.item)),
+                            && (0, helpers_1.getTextColor)(this.props.getBackgroundColor(this.props.item)),
                 } },
                 this.props.children,
                 !this.props.readOnly

package/react/helpers.d.ts

@@ -1,2 +1,3 @@
 export declare function assertNever(x: never): never;
 export declare function nameof<T>(name: keyof T): string;
+export declare function getTextColor(backgroundColor: string): 'black' | 'white' | undefined;

package/react/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.nameof = exports.assertNever = void 0;
+exports.getTextColor = exports.nameof = exports.assertNever = void 0;
 function assertNever(x) {
     throw new Error('Unexpected object: ' + x);
 }
@@ -9,3 +9,16 @@ function nameof(name) {
     return name.toString();
 }
 exports.nameof = nameof;
+function getTextColor(backgroundColor) {
+    if (backgroundColor) {
+        var r = parseInt(backgroundColor.substr(1, 2), 16);
+        var g = parseInt(backgroundColor.substr(3, 2), 16);
+        var b = parseInt(backgroundColor.substr(5, 2), 16);
+        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+        return (yiq >= 128) ? 'black' : 'white';
+    }
+    else {
+        return;
+    }
+}
+exports.getTextColor = getTextColor;

package/react/index.d.ts

@@ -99,5 +99,6 @@ export { ResizeObserverComponent } from './components/ResizeObserverComponent';
 export { DragHandleDots } from './components/DragHandleDots';
 export { DragHandle } from './components/DragHandle';
 export { CalendarWeekDayItem } from './components/Lists/CalendarWeekDayItem';
+export { getTextColor } from './helpers';
 export declare const ToggleBoxNext: any;
 export declare const reactToAngular1: any;

package/react/index.js

@@ -18,7 +18,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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.TimePickerV2 = exports.TimePicker = exports.DatePickerISO = exports.DateTimePicker = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.Rotate = exports.AvatarPlaceholder = exports.Avatar = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.WithPagination = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
 exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.IllustrationButton = exports.SvgIconIllustration = 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.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.TagInput = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = void 0;
-exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = void 0;
+exports.getTextColor = exports.CalendarWeekDayItem = exports.DragHandle = exports.DragHandleDots = exports.ResizeObserverComponent = exports.SpacerBlock = exports.Spacer = exports.showPopup = exports.PopupPositioner = exports.WithPopover = exports.ResizablePanels = exports.MultiSelect = exports.ContentListItem = exports.TableListItem = exports.TableList = exports.TreeMenu = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = void 0;
 var HelloWorld_1 = require("./components/HelloWorld");
 Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
 var Button_1 = require("./components/Button");
@@ -238,3 +238,5 @@ var DragHandle_1 = require("./components/DragHandle");
 Object.defineProperty(exports, "DragHandle", { enumerable: true, get: function () { return DragHandle_1.DragHandle; } });
 var CalendarWeekDayItem_1 = require("./components/Lists/CalendarWeekDayItem");
 Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
+var helpers_1 = require("./helpers");
+Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });