linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/internals/withTooltip.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TooltipContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const TOOLTIP_INITIAL_HEIGHT = 40;
+const hasTooltip = _ref => {
+  let {
+    tooltip
+  } = _ref;
+  return tooltip;
+};
+const TooltipContext = exports.TooltipContext = /*#__PURE__*/_react.default.createContext({});
+const getDisplayName = _ref2 => {
+  let {
+    displayName,
+    name
+  } = _ref2;
+  return displayName || name || 'Component';
+};
+const withTooltip = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      tooltip,
+      tooltipWidth = 'auto',
+      space = 20,
+      tooltipPosition = 'bottom',
+      errorMessage
+    } = props;
+    const [stateTooltipPosition, setStateTooltipPosition] = (0, _react.useState)(tooltipPosition);
+    const [onDeniedText, setOnDeniedText] = (0, _react.useState)('');
+    const [tooltipStyle, setTooltipStyle] = (0, _react.useState)('');
+    const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
+    const [tooltipDimensions, setTooltipDimensions] = (0, _react.useState)({
+      width: tooltipWidth,
+      height: TOOLTIP_INITIAL_HEIGHT
+    });
+    const targetElement = (0, _react.useRef)(null);
+    const tooltipElement = (0, _react.useRef)(null);
+    const onMouseOver = e => {
+      if (targetElement.current && targetElement.current.contains(e.target)) {
+        setShowTooltip(true);
+      } else setShowTooltip(false);
+    };
+    const onMouseOut = () => {
+      setShowTooltip(false);
+    };
+    const onAnyScroll = () => {
+      setShowTooltip(false);
+    };
+    (0, _react.useEffect)(() => {
+      if (hasTooltip(props) || onDeniedText) {
+        if (errorMessage) {
+          setShowTooltip(true);
+        } else {
+          setShowTooltip(false);
+          document.addEventListener('mouseover', onMouseOver);
+          document.addEventListener('scroll', onAnyScroll, true);
+          if (targetElement && targetElement.current) {
+            targetElement.current.addEventListener('mouseout', onMouseOut);
+          }
+        }
+      }
+      return () => {
+        if (hasTooltip(props) || onDeniedText) {
+          document.removeEventListener('mouseover', onMouseOver);
+          document.removeEventListener('scroll', onAnyScroll, true);
+          if (targetElement && targetElement.current) {
+            targetElement.current.removeEventListener('mouseout', onMouseOut);
+          }
+        }
+      };
+    }, [errorMessage, tooltip, onDeniedText]);
+    (0, _react.useEffect)(() => {
+      if (targetElement.current && tooltipElement.current) {
+        const {
+          width,
+          height
+        } = tooltipDimensions;
+        const targetDimensions = targetElement.current.getBoundingClientRect();
+        const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
+        const tooltipClientWidth = tooltipElement.current.clientWidth;
+        let style = `width: ${typeof width === 'string' ? width : `${width}px`}`;
+        let left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
+        left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);
+        style += `; left: ${Math.max(space, left)}px`;
+        switch (stateTooltipPosition) {
+          case 'top':
+            if (targetDimensions.top < height) {
+              setStateTooltipPosition('bottom');
+            } else {
+              style += `; top: ${targetDimensions.top + window.scrollY - height - 5}px`;
+            }
+            break;
+          case 'bottom':
+            if (window.innerHeight - targetDimensions.bottom < height) {
+              setStateTooltipPosition('top');
+            } else {
+              style += `; top: ${targetDimensions.top + window.scrollY + targetDimensions.height + 5}px`;
+            }
+            break;
+          case 'left':
+            if (targetDimensions.left < tooltipClientWidth) {
+              if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+                setStateTooltipPosition('bottom');
+              } else {
+                setStateTooltipPosition('right');
+              }
+            } else {
+              style += `; top: ${targetVerticalCenter + window.scrollY - height / 2}px`;
+              style += `; left: ${targetDimensions.left - tooltipClientWidth - 6}px`;
+            }
+            break;
+          case 'right':
+            if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
+              setStateTooltipPosition('left');
+            } else {
+              style += `; top: ${targetVerticalCenter + window.scrollY - height / 2}px`;
+              style += `; left: ${targetDimensions.left + targetDimensions.width + 5}px`;
+            }
+            break;
+          default:
+            style += '';
+        }
+        setTooltipStyle(style);
+      }
+    }, [tooltipDimensions, stateTooltipPosition]);
+    (0, _react.useEffect)(() => {
+      setStateTooltipPosition(tooltipPosition);
+    }, [window.scrollY, window.scrollX, window.innerWidth]);
+    const getTooltip = () => {
+      if (tooltip || onDeniedText) {
+        return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+          text: onDeniedText || tooltip,
+          textError: errorMessage,
+          tooltipRef: tooltipElement,
+          style: tooltipStyle,
+          className: stateTooltipPosition,
+          tooltipDimensions: tooltipDimensions,
+          handlerSetDimensions: setTooltipDimensions
+        });
+      }
+      return null;
+    };
+    const getTarget = targetEl => {
+      if (!targetElement.current) targetElement.current = targetEl;
+    };
+    const contextValues = {
+      handlerSetOnDeniedText: setOnDeniedText
+    };
+    if (!hasTooltip(props) && !onDeniedText) {
+      return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
+        value: contextValues
+      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
+    }
+    return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
+      value: contextValues
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
+      targetRef: getTarget
+    })), showTooltip && getTooltip());
+  };
+  EnhancedComponent.displayName = `withTooltip(${getDisplayName(WrappedComponent)})`;
+  return EnhancedComponent;
+};
+var _default = exports.default = withTooltip;

package/lib/labelMessages/index.d.ts

@@ -0,0 +1,9 @@
+import { ILabelMessagesProps } from './types.js';
+import 'react';
+import '../@types/LabelStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const LabelMessages: ({ style, icon, flat, iconName, handlerClosed, square, visible, children, customClass, type, showCloseButton }: ILabelMessagesProps) => JSX.Element | null;
+
+export { LabelMessages as default };

package/lib/labelMessages/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../icons"));
+require("../assets/styles/labelMessages.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const LabelMessages = _ref => {
+  let {
+    style = {},
+    icon = null,
+    flat = false,
+    iconName,
+    handlerClosed,
+    square = true,
+    visible = true,
+    children = null,
+    customClass = '',
+    type = 'default',
+    showCloseButton = false
+  } = _ref;
+  const [closed, setClosed] = (0, _react.useState)(false);
+  const getClass = () => `labelmessages-component -${type} ${customClass}
+    ${square && '-square'} ${flat && '-flat'}`;
+  const getIcon = () => {
+    if (icon) {
+      return icon;
+    } else if (iconName) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: iconName,
+        size: 16,
+        color: "#ffffff",
+        customClass: `-${type}svg`
+      });
+    }
+    return null;
+  };
+  if (closed || !visible) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${getClass()} ${customClass}`,
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "labelmessagesitem text"
+  }, children), (iconName || icon) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "labelmessagesitem -icon"
+  }, " ", getIcon(), " "), showCloseButton && /*#__PURE__*/_react.default.createElement("span", {
+    role: "presentation",
+    className: "labelmessagesitem -close",
+    onClick: () => {
+      if (handlerClosed) handlerClosed();
+      setClosed(true);
+    }
+  }, "x")));
+};
+var _default = exports.default = LabelMessages;

package/lib/labelMessages/types.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode } from 'react';
+import { LabelStyles } from '../@types/LabelStyles.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+interface ILabelMessagesProps {
+    style?: CSSProperties;
+    type?: LabelStyles;
+    iconName?: IconNames;
+    icon?: ReactNode | null;
+    children?: ReactNode;
+    customClass?: string;
+    handlerClosed?: () => void;
+    square?: boolean;
+    flat?: boolean;
+    showCloseButton?: boolean;
+    visible?: boolean;
+}
+
+export { ILabelMessagesProps };

package/lib/labelMessages/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/labels/DangerLabel.d.ts

@@ -0,0 +1,11 @@
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const DangerLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
+
+export { DangerLabel as default };

package/lib/labels/DangerLabel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const DangerLabel = _ref => {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
+    className: "-danger"
+  }, rest));
+};
+var _default = exports.default = DangerLabel;

package/lib/labels/DefaultLabel.d.ts

@@ -0,0 +1,14 @@
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const _default: {
+    (props: ILabelProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/labels/DefaultLabel.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
+var _permissionValidations = require("../permissionValidations");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DefaultLabel = _ref => {
+  let {
+    style,
+    targetRef,
+    iconName,
+    icon,
+    children,
+    visible = true,
+    customClass,
+    className,
+    disabled,
+    size,
+    iconAlign = 'left',
+    bordered,
+    permissionAttr,
+    skeletonize
+  } = _ref;
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const getClass = () => `label-component ${className} ${customClass} ${bordered ? '-bordered' : ''} ${disabled ? '-disabled' : ''}
+    ${skeletonize ? '-skeletonized' : ''}
+    ${size ? `-${size}` : ''}
+    ${iconAlign ? `icon-${iconAlign}` : ''}`;
+  const getIcon = () => {
+    if (icon) {
+      return icon;
+    } else if (iconName) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: iconName,
+        size: 16
+      });
+    }
+    return null;
+  };
+  if (!visible || onDenied.unvisible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    className: getClass(),
+    ref: r => targetRef && targetRef(r)
+  }, getIcon(), children);
+};
+var _default = exports.default = (0, _withTooltip.default)(DefaultLabel);

package/lib/labels/InfoLabel.d.ts

@@ -0,0 +1,11 @@
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const InfoLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
+
+export { InfoLabel as default };

package/lib/labels/InfoLabel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const InfoLabel = _ref => {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
+    className: "-info"
+  }, rest));
+};
+var _default = exports.default = InfoLabel;

package/lib/labels/PrimaryLabel.d.ts

@@ -0,0 +1,11 @@
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const PrimaryLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
+
+export { PrimaryLabel as default };

package/lib/labels/PrimaryLabel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const PrimaryLabel = _ref => {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
+    className: "-primary"
+  }, rest));
+};
+var _default = exports.default = PrimaryLabel;

package/lib/labels/SuccessLabel.d.ts

@@ -0,0 +1,11 @@
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const SuccessLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
+
+export { SuccessLabel as default };

package/lib/labels/SuccessLabel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const SuccessLabel = _ref => {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
+    className: "-success"
+  }, rest));
+};
+var _default = exports.default = SuccessLabel;

package/lib/labels/WarningLabel.d.ts

@@ -0,0 +1,11 @@
+import { ILabelProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const WarningLabel: ({ className, ...rest }: ILabelProps) => JSX.Element;
+
+export { WarningLabel as default };

package/lib/labels/WarningLabel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+const _excluded = ["className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const WarningLabel = _ref => {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
+    className: "-warning"
+  }, rest));
+};
+var _default = exports.default = WarningLabel;

package/lib/labels/index.d.ts

@@ -0,0 +1,18 @@
+export { default as LabelContainer } from './label_container/index.js';
+import _default from './DefaultLabel.js';
+export { default as DangerLabel } from './DangerLabel.js';
+export { default as PrimaryLabel } from './PrimaryLabel.js';
+export { default as WarningLabel } from './WarningLabel.js';
+export { default as SuccessLabel } from './SuccessLabel.js';
+export { default as InfoLabel } from './InfoLabel.js';
+import 'react';
+import '../@types/Position.js';
+import './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Size.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+
+
+export { _default as default };

package/lib/labels/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DangerLabel", {
+  enumerable: true,
+  get: function () {
+    return _DangerLabel.default;
+  }
+});
+Object.defineProperty(exports, "InfoLabel", {
+  enumerable: true,
+  get: function () {
+    return _InfoLabel.default;
+  }
+});
+Object.defineProperty(exports, "LabelContainer", {
+  enumerable: true,
+  get: function () {
+    return _label_container.default;
+  }
+});
+Object.defineProperty(exports, "PrimaryLabel", {
+  enumerable: true,
+  get: function () {
+    return _PrimaryLabel.default;
+  }
+});
+Object.defineProperty(exports, "SuccessLabel", {
+  enumerable: true,
+  get: function () {
+    return _SuccessLabel.default;
+  }
+});
+Object.defineProperty(exports, "WarningLabel", {
+  enumerable: true,
+  get: function () {
+    return _WarningLabel.default;
+  }
+});
+exports.default = void 0;
+var _label_container = _interopRequireDefault(require("./label_container"));
+var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
+var _DangerLabel = _interopRequireDefault(require("./DangerLabel"));
+var _PrimaryLabel = _interopRequireDefault(require("./PrimaryLabel"));
+var _WarningLabel = _interopRequireDefault(require("./WarningLabel"));
+var _SuccessLabel = _interopRequireDefault(require("./SuccessLabel"));
+var _InfoLabel = _interopRequireDefault(require("./InfoLabel"));
+require("../assets/styles/label.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _DefaultLabel.default;

package/lib/labels/label_container/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Position } from '../../@types/Position.js';
+
+interface ILabelContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+    customClass?: string;
+    position?: Extract<Position, 'left' | 'right'>;
+}
+declare const LabelContainer: ({ customClass, position, children }: ILabelContainerProps) => JSX.Element;
+
+export { LabelContainer as default };

package/lib/labels/label_container/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LabelContainer = _ref => {
+  let {
+    customClass,
+    position = 'left',
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `lbl-container ${customClass}`,
+    style: {
+      float: position
+    }
+  }, children);
+};
+var _default = exports.default = LabelContainer;