intelicoreact 0.1.4 → 0.1.8

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
 
+var _Status = _interopRequireDefault(require("../../UI/Status/Status"));
+
 require("./AdvancedStatus.scss");
 
 var AdvancedStatus = function AdvancedStatus(_ref) {
@@ -18,7 +20,9 @@ var AdvancedStatus = function AdvancedStatus(_ref) {
       inactiveText = _ref.inactiveText,
       activeText = _ref.activeText,
       value = _ref.value,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      isPrimary = _ref.isPrimary,
+      primaryStatusText = _ref.primaryStatusText;
   var isUndefined = value === undefined || value === null;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)('advanced-status', {
@@ -31,7 +35,10 @@ var AdvancedStatus = function AdvancedStatus(_ref) {
     inactiveText: inactiveText,
     activeText: activeText,
     className: "advanced-status__switcher"
-  }));
+  }), isPrimary && /*#__PURE__*/React.createElement(_Status.default, {
+    className: "advanced-status__status",
+    status: "warning"
+  }, primaryStatusText));
 };
 
 var _default = AdvancedStatus;

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss

@@ -1,6 +1,12 @@
 @import '../../../scss/vars';
 
 .advanced-status {
+  width: 100%;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+
   &__switcher {
     height: fit-content;
     min-height: 28px;
@@ -54,4 +60,13 @@
       border: none;
     }
   }
+
+  &__status {
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+    align-items: center;
+    
+    margin-left: 5px;
+  }
 }

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js

@@ -64,5 +64,7 @@ TemplateAdvancedStatus.args = {
   className: '',
   activeText: 'Approved',
   inactiveText: 'Review',
-  disabled: false
+  disabled: false,
+  isPrimary: true,
+  primaryStatusText: 'Primary'
 };

package/dist/Atomic/FormElements/Input/Input.js

@@ -194,7 +194,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }
 
   (0, _react.useEffect)(function () {
-    if (isEditing) inputRef.current.focus();
+    var _inputRef$current, _inputRef$current$foc;
+
+    if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current);
   }, [isEditing, isFocused]);
   (0, _react.useEffect)(function () {
     setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);

package/dist/Atomic/FormElements/Table/Table.scss

@@ -1,4 +1,4 @@
-@import '~anme/scss/anme-vars';
+@import "../../../scss/vars";
 
 .table-header {
     &--weight-actions {

package/dist/Atomic/FormElements/Textarea/Textarea.scss

@@ -1,5 +1,5 @@
 @import "../../../scss/vars";
-@import "~anme/scss/anme-mixins";
+@import "../../../scss/mixins";
 
 .textarea {
   border: 1px solid #e2e5ec;

package/dist/Atomic/MainMenu/MainMenu.scss

@@ -1,5 +1,5 @@
-@import "~anme/scss/anme-vars";
-@import "~anme/scss/anme-mixins";
+@import "../../scss/vars";
+@import "../../scss/mixins";
 
 .main-menu {
   display: flex;

package/dist/Atomic/UI/Accordion/Accordion.scss

@@ -1,5 +1,5 @@
-@import '~anme/scss/anme-vars';
-@import '~anme/scss/anme-mixins';
+@import '../../../scss/vars';
+@import '../../../scss/mixins';
 
 .accordion {
     &--item {

package/dist/Atomic/UI/Button/Button.js

@@ -15,7 +15,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./Button.scss");
 
+var RC = 'button';
+
 var Button = function Button(_ref) {
+  var _cn;
+
   var label = _ref.label,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
@@ -25,11 +29,12 @@ var Button = function Button(_ref) {
       className = _ref.className,
       children = _ref.children,
       style = _ref.style,
-      noIcon = _ref.noIcon;
+      noIcon = _ref.noIcon,
+      isIconRight = _ref.isIconRight;
   var noRenderIcon = noIcon || variant === "ellipse-apply" || variant === "ellipse-cancel";
   return /*#__PURE__*/_react.default.createElement("button", {
     style: style,
-    className: (0, _classnames.default)(className, 'button', (0, _defineProperty2.default)({}, "button_".concat(variant), variant)),
+    className: (0, _classnames.default)(className, RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_").concat(variant), variant), (0, _defineProperty2.default)(_cn, 'button_icon-right', isIconRight), _cn)),
     onClick: onClick,
     disabled: disabled
   }, !noRenderIcon && icon, label && /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/Button/Button.stories.js

@@ -58,5 +58,5 @@ ButtonTemplate.args = {
   },
   label: 'Button',
   icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null),
-  isIconRight: false
+  isIconRight: true
 };

package/dist/Atomic/UI/Status/Status.js

@@ -14,7 +14,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./Status.scss");
 
 var Status = function Status(_ref) {
-  var label = _ref.label,
+  var value = _ref.value,
+      label = _ref.label,
       status = _ref.status,
       disabled = _ref.disabled,
       type = _ref.type,
@@ -25,6 +26,8 @@ var Status = function Status(_ref) {
       className = _ref.className,
       noBackground = _ref.noBackground,
       children = _ref.children;
+  var text = children && typeof children === 'string' ? children : value || label || status;
+  var formatedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)({
       disabled: disabled
@@ -45,7 +48,7 @@ var Status = function Status(_ref) {
     }, {
       'color--gray-gull': noBackground && status === 'pause' && !className
     })
-  }, children || label));
+  }, formatedLabel));
 };
 
 var _default = Status;

package/dist/Atomic/UI/Status/Status.scss

@@ -1,4 +1,4 @@
-@import "~anme/scss/anme-vars";
+@import "../../../scss/vars";
 
 .status {
   display: inline-flex;
@@ -29,15 +29,16 @@
     background-color: #9aa0b9;
   }
 
+  &--review,
   &--pause,
   &--reject,
   &--No,
-  &--declined {
+  &--declined,
+  &--blocked {
     color: $color--froly;
     background-color: #fce2e8;
   }
-  
-  &--pending,
+
   &--processing {
     color: #9aa0b9;
     background-color: #e2e6f8;
@@ -49,7 +50,10 @@
     background-color: #e2e6f8;
   }
 
+  &--pending,
+  &--primary,
   &--warning {
+    color: #f59a2f;
     background-color: $color--sandy-beach;
   }
 

package/dist/Molecular/FormElements/FormElement.scss

@@ -1,3 +1,7 @@
+.form-element {
+  position: relative;
+}
+
 .form-element__error {
   margin-top: 2px;
   margin-left: 1px;

package/dist/scss/_mixins.scss

@@ -0,0 +1,2 @@
+@import "anme/scss/anme-mixins-media";
+@import "anme/scss/anme-mixins";

package/dist/scss/_vars.scss

@@ -1,5 +1,8 @@
-/* THEME COLORS*/
 @use "sass:math";
+@import "anme/scss/anme-vars";
+// @import "../../node_modules/anme/scss/anme-vars";
+
+/* THEME COLORS*/
 
 $color--secondary: #f06d8d;
 $color--primary: #6b81dd;

package/dist/scss/main.scss

@@ -1,5 +1,6 @@
 @import './fonts';
-@import '~anme/scss/styles.scss';
+@import 'anme/scss/styles.scss';
+// @import '../../node_modules/anme/scss/anme-vars';
 
 body {
     font-family: 'Roboto', sans-serif;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.4",
+  "version": "0.1.8",
   "description": "add postfix in dropdown",
   "main": "dist/index.js",
   "files": ["dist/*"],
@@ -16,13 +16,13 @@
     "react": "^17.0.2",
     "react-feather": "^2.0.9",
     "react-input-mask": "^2.0.4",
-    "classnames": "^2.3.1"
+    "classnames": "^2.3.1",
+    "anme": "^1.0.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.15.7",
     "@babel/core": "^7.15.5",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.15.6",
-    "anme": "^1.0.0"
+    "@babel/preset-env": "^7.15.6"
   }
 }