@scaleflex/widget-common 0.0.1

package/lib/DatePicker/index.scss

@@ -0,0 +1,254 @@
+@import '@scaleflex/widget-core/lib/_variables.scss';
+
+// packages/@filerobot/common/src/DatePicker/MyDatePicker.jsx
+.filerobot-common-datePicker{
+  position: relative;
+
+
+  * {
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none;   /* Chrome/Safari/Opera */
+    -khtml-user-select: none;    /* Konqueror */
+    -moz-user-select: none;      /* Firefox */
+    -ms-user-select: none;       /* Internet Explorer/Edge */
+    user-select: none; /* Non-prefixed version, currently */
+  }
+
+  &-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  &-input {
+    overflow: hidden;
+
+    input {
+      cursor: pointer;
+    }
+
+    input:focus{
+      outline: none;
+    }
+  }
+
+  &-container {
+    position: absolute;
+    width: 215px;
+    min-height: 200px;
+    max-height: 240px;
+    background: #fff;
+    box-shadow: 10px 10px 40px rgba(0,0,0,0.2);
+    border-radius: 4px;
+    overflow: hidden;
+    padding: 12px 12px;
+    z-index: 11111111111111;
+
+    &-head {
+      display: flex;
+      align-items: center;
+      &-body{
+        float: left;
+        width: 120px;
+        height: 100%;
+
+        &-year{
+          width: 100%;
+          height: 30px;
+          font-size: 27px;
+          color: $active;
+          font-weight: 200px;
+          text-align: center;
+          float: left;
+        }
+        &-month{
+          float: left;
+          width: 100%;
+          height: 15px;
+          font-size: 13px;
+          color: $active;
+          font-weight: 200px;
+          text-align: center;
+        }
+      }
+
+      &-button{
+        width: 45px;
+        height: 100%;
+        box-sizing: border-box;
+        position: relative;
+        &-inner {
+          float: left;
+          height: 25px;
+          width: 25px;
+          background: #f4f4f4;
+          border-radius: 2px;
+          line-height: 35px;
+          text-align: center;
+          position: absolute;
+          top:50%;
+          left: 50%;
+          margin-left: -17px;
+          margin-top: -17px;
+
+          &:hover > span{
+            border-color: #555!important;
+          }
+
+          &:hover {
+            cursor: pointer;
+            background: #eee;
+          }
+        }
+      }
+    }
+  }
+
+  &-calendar {
+    width: 100%;
+    height: 100%;
+
+    &-body,
+    &-day span,
+    &-day,
+    &-day-container
+    {
+      position: relative;
+      display: block;
+      float: left;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+
+    &-body {
+      height: 250px;
+      width: 100%;
+    }
+
+    &-day {
+      width: 14%;
+      height: 10%;
+
+      &-container{
+        width: 100%;
+        height: 100%;
+        font-size: 12px;
+        font-weight: 300;
+        color: $darkgrey;
+        text-align: center;
+
+        & span{
+          width: 25px;
+          height: 25px;
+          margin-top: -15px;
+          margin-left: -15px;
+          left: 50%;
+          top: 50%;
+          font-weight: 400;
+          border-radius: 2px;
+          line-height: 30px;
+
+          &:hover{
+            cursor: pointer;
+            background: $active-secondary;
+          }
+        }
+      }
+
+      &.disabled{
+        pointer-events: none;
+      }
+      &.disabled &-container span{
+        color: #ddd;
+      }
+      &.disabled &-container span{
+        background: #fff!important;
+      }
+
+      &.highlight &-container span{
+        background: $active;
+      }
+      &.highlight-green &-container span{
+        background: $accent-active;
+        color: $white;
+      }
+    }
+
+    &-head {
+      display: flex;
+      height: 20px;
+      width: 100%;
+      margin-top: 2px;
+      margin-bottom: 5px;
+
+      &-name {
+        width: 14.285%;
+        height: 30px;
+        line-height: 30px;
+        font-weight: 700;
+        color: $active;
+        font-size: 9px;
+        text-align: center;
+      }
+    }
+  }
+}
+
+
+
+
+
+.mdpchbi-right-arrows:after,
+.mdpchbi-left-arrows:after,
+.mdpchbi-right-arrow,
+.mdpchbi-right-arrows,
+.mdpchbi-left-arrow,
+.mdpchbi-left-arrows{
+    display: block;
+    float: left;
+    width: 6px;
+    height: 6px;
+    border-left: 2px solid #888;
+    border-bottom: 2px solid #888;
+    position: absolute;
+}
+.mdpchbi-right-arrow,
+.mdpchbi-right-arrows,
+.mdpchbi-left-arrow,
+.mdpchbi-left-arrows{
+    transform: rotate(45deg);
+    left: 50%;
+    top:50%;
+    margin-left: -2px;
+    margin-top: -4px;
+}
+.mdpchbi-right-arrows,
+.mdpchbi-right-arrow {
+    transform: rotate(225deg);
+    margin-left: -4px;
+}
+.mdpchbi-right-arrows:after,
+.mdpchbi-left-arrows:after{
+    content: '';
+}
+
+.mdpchbi-left-arrows{
+    margin-left: -5px;
+}
+.mdpchbi-right-arrows{
+    margin-left: -2px;
+}
+.mdpchbi-right-arrows:after,
+.mdpchbi-left-arrows:after{
+    left: 3px;
+    top: -5px
+}
+
+
+
+
+
+

package/lib/DropFilesWindow.js

@@ -0,0 +1,45 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["color", "i18n", "classes", "dropFileHint", "onMount", "visible"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useEffect } from 'react';
+import { Upload } from '@scaleflex/icons';
+import { useTheme } from '@scaleflex/ui/theme/hooks';
+import { PC } from './';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var DropFilesWindow = function DropFilesWindow(_ref) {
+  var _theme$palette;
+  var color = _ref.color,
+    i18n = _ref.i18n,
+    classes = _ref.classes,
+    dropFileHint = _ref.dropFileHint,
+    onMount = _ref.onMount,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var iconProps = {
+    color: color || (theme === null || theme === void 0 ? void 0 : (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette[PC.AccentPrimary])
+  };
+  useEffect(function () {
+    if (typeof onMount === 'function') {
+      onMount();
+    }
+  }, []);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: "filerobot-common-DropFilesHereHint".concat(visible ? ' filerobot-common-DropFilesHereHint-visible' : '').concat(classes ? " ".concat(classes) : '')
+  }, props), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "filerobot-common-DropFilesHereHint-inner",
+      children: [/*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, iconProps), {}, {
+        size: 50
+      })), dropFileHint]
+    })
+  }));
+};
+export default DropFilesWindow;

package/lib/FilterItem/FilterItem.styled.js

@@ -0,0 +1,42 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { PC } from '@scaleflex/widget-common';
+import styled from 'styled-components';
+import { Button as SfxButton } from '@scaleflex/ui/core';
+var Button = styled(SfxButton)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  border: 1px solid ", ";\n  transition: all 100ms ease-out;\n  background: ", ";\n  max-width: 300px;\n\n  .SfxButton-Label {\n    font-weight: 400;\n  }\n\n  .SfxButton-EndIcon {\n    margin: auto 0;\n    margin-left: 8px;\n    transition: all 100ms ease-out;\n\n    ", "\n\n    ", "\n  }\n\n  ", "\n\n  &:hover:not(:disabled) {\n    color: ", ";\n    border-color: ", ";\n    background-color: transparent;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    user-select: none;\n  }\n"])), function (_ref) {
+  var palette = _ref.theme.palette;
+  return palette[PC.TextPrimary];
+}, function (_ref2) {
+  var palette = _ref2.theme.palette;
+  return palette[PC.BorderPrimaryStateless];
+}, function (_ref3) {
+  var open = _ref3.open,
+    palette = _ref3.theme.palette;
+  return open ? palette[PC.Accent_0_5_Opacity] : 'transparent';
+}, function (_ref4) {
+  var open = _ref4.open,
+    palette = _ref4.theme.palette;
+  return open && "\n      transform: rotate(180deg);\n      color: ".concat(palette[PC.IconsPrimary], "\n    ");
+}, function (_ref5) {
+  var active = _ref5.active,
+    open = _ref5.open,
+    palette = _ref5.theme.palette;
+  return open && active && "\n      transform: rotate(180deg);\n      color: ".concat(palette[PC.AccentStateless], "\n    ");
+}, function (_ref6) {
+  var active = _ref6.active,
+    open = _ref6.open,
+    palette = _ref6.theme.palette;
+  return active && "\n    color: ".concat(palette[PC.AccentStateless], ";\n    border-color: ").concat(!open ? palette[PC.AccentStateless] : palette[PC.BorderPrimaryStateless], ";\n  ");
+}, function (_ref7) {
+  var palette = _ref7.theme.palette;
+  return palette[PC.AccentStateless];
+}, function (_ref8) {
+  var palette = _ref8.theme.palette;
+  return palette[PC.AccentStateless];
+});
+var Count = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n"])));
+var Styled = {
+  Button: Button,
+  Count: Count
+};
+export default Styled;

package/lib/FilterItem/index.js

@@ -0,0 +1,48 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["label", "onClick", "open", "name", "active", "count", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { ArrowBottom } from '@scaleflex/icons';
+import { EllipsedText } from '@scaleflex/ui/core';
+import Styled from './FilterItem.styled';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var FilterItem = function FilterItem(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    onClick = _ref.onClick,
+    open = _ref.open,
+    name = _ref.name,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Styled.Button, _objectSpread(_objectSpread({
+    className: "filerobot-Common-Filters-FilterItem",
+    active: active,
+    open: open,
+    color: "secondary",
+    size: "sm",
+    onClick: onClick,
+    name: name,
+    endIcon: /*#__PURE__*/_jsx(ArrowBottom, {
+      size: 11
+    }),
+    style: style
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs(EllipsedText, {
+      maxLinesCount: 1,
+      children: [label, Boolean(count) && /*#__PURE__*/_jsxs(Styled.Count, {
+        children: [" (", count, ")"]
+      })]
+    })
+  }));
+};
+export default FilterItem;

package/lib/FilterPopup/FilterPopup.styled.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled, { keyframes } from 'styled-components';
+import { PC } from '@scaleflex/widget-common';
+var fadeInOutAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { opacity: 0; transform: scale(0.9); }\n  50% { opacity: 1; transform: scale(1.05); }\n  100% { opacity: 1; transform: scale(1); }\n"])));
+var PopupWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: 0px 2px 6px ", ";\n  border-radius: 4px;\n  overflow: hidden;\n  transform-origin: top left;\n  opacity: 0;\n  margin-top: 4px;\n  margin-left: -5px;\n  transform: scale(0.9);\n  animation: ", " 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n"])), function (_ref) {
+  var palette = _ref.theme.palette;
+  return palette[PC.BackgroundStateless];
+}, function (_ref2) {
+  var palette = _ref2.theme.palette;
+  return palette[PC.LargeShadow];
+}, fadeInOutAnimation);
+var Styled = {
+  PopupWrapper: PopupWrapper
+};
+export default Styled;

package/lib/FilterPopup/index.js

@@ -0,0 +1,85 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { useEffect, useRef } from 'react';
+import { Popper } from '@scaleflex/ui/core';
+import Styled from './FilterPopup.styled';
+import { jsx as _jsx } from "react/jsx-runtime";
+var SFX_CLASSES = {
+  POPPER: 'SfxPopper-wrapper',
+  BUTTON_LABEL: 'SfxButton-Label',
+  FILTER_ITEM: 'filerobot-Common-Filters-FilterItem',
+  TOOLTIP: 'SfxTooltipV2-root',
+  TOOLTIP_CONTENT: 'SfxEllipsed-tooltip-content',
+  CLEAR_BUTTON: 'SfxButton-Label'
+};
+var FilterPopup = function FilterPopup(_ref) {
+  var open = _ref.open,
+    anchor = _ref.anchor,
+    children = _ref.children,
+    onRequestClose = _ref.onRequestClose,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1200 : _ref$zIndex;
+  var popupRef = useRef(null);
+  useEffect(function () {
+    /**
+     * The popups created by components such as SFX DatePicker, Calendar, Select, etc.,
+     * are appended directly to the DOM root element (body element).
+     * Therefore, we cannot directly access these popups from within the filter Popover.
+     *
+     * To handle outside clicks, we need to:
+     * 1. Check if the click happened inside our popup (referenced by popupRef).
+     * 2. Check if the click happened inside any of the dynamically created poppers
+     *    (identified by the class name specified in SFX_CLASSES.POPPER).
+     * 3. Check if the click happened on a filter item (identified by the class name specified in SFX_CLASSES.FILTER_ITEM).
+     *
+     * If the click did not occur within any of these elements, we trigger the onRequestClose callback.
+     */
+    var handleClickOutside = function handleClickOutside(event) {
+      if (!popupRef.current) return;
+      var isInsidePopup = popupRef.current.contains(event.target);
+      var isFilterItem = event.target.closest(".".concat(SFX_CLASSES.FILTER_ITEM));
+      var isClearButton = event.target.closest(".".concat(SFX_CLASSES.CLEAR_BUTTON));
+      var isInsidePopperWrapper = [].concat(_toConsumableArray(document.querySelectorAll(".".concat(SFX_CLASSES.POPPER))), _toConsumableArray(document.querySelectorAll(".".concat(SFX_CLASSES.POPPER))), _toConsumableArray(document.querySelectorAll(".".concat(SFX_CLASSES.TOOLTIP))), _toConsumableArray(document.querySelectorAll(".".concat(SFX_CLASSES.TOOLTIP_CONTENT)))).some(function (wrapper) {
+        return wrapper.contains(event.target);
+      });
+      if (!isInsidePopup && !isInsidePopperWrapper && !isFilterItem && !isClearButton) {
+        onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(event);
+      }
+    };
+    if (open) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [open, onRequestClose]);
+  return /*#__PURE__*/_jsx(Popper, {
+    className: "filerobot-common-popup",
+    open: open,
+    zIndex: zIndex,
+    anchorEl: anchor,
+    position: "bottom-start",
+    popperOptions: {
+      modifiers: [{
+        name: 'offset',
+        options: {
+          offset: [5, 0]
+        }
+      }, {
+        name: 'preventOverflow',
+        options: {
+          padding: 24
+        }
+      }]
+    },
+    children: /*#__PURE__*/_jsx(Styled.PopupWrapper, {
+      ref: popupRef,
+      children: children
+    })
+  });
+};
+export default FilterPopup;

package/lib/FormControl.js

@@ -0,0 +1,25 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["classes", "error", "withHelperText", "inline"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var FormControl = function FormControl(_ref) {
+  var classes = _ref.classes,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    _ref$withHelperText = _ref.withHelperText,
+    withHelperText = _ref$withHelperText === void 0 ? false : _ref$withHelperText,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classBase = 'filerobot-common-FormControl';
+  return /*#__PURE__*/_jsx("div", _objectSpread({
+    className: "".concat(classBase).concat(error ? " ".concat(classBase, "-error") : '').concat(withHelperText ? " ".concat(classBase, "-with-hint") : '').concat(inline ? " ".concat(classBase, "-inline") : '').concat(classes ? " ".concat(classes) : '')
+  }, rest));
+};
+export default FormControl;

package/lib/FormGroup.js

@@ -0,0 +1,18 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["classes"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var FormGroup = function FormGroup(_ref) {
+  var classes = _ref.classes,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread({
+    className: "filerobot-common-FormGroup".concat(classes ? " ".concat(classes) : '')
+  }, rest));
+};
+export default FormGroup;

package/lib/FormHelperText.js

@@ -0,0 +1,29 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["classes", "size", "noMargin"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var baseClassName = 'filerobot-common-FormHelperText';
+
+/**
+ * @param {object} props
+ * @param {('small'|'medium')} [props.size='small']
+ * @param {boolean} [props.noMargin=false]
+ */
+var FormHelperText = function FormHelperText(_ref) {
+  var classes = _ref.classes,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    _ref$noMargin = _ref.noMargin,
+    noMargin = _ref$noMargin === void 0 ? false : _ref$noMargin,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", _objectSpread({
+    className: "".concat(baseClassName).concat(size ? " ".concat(baseClassName, "-").concat(size) : '').concat(noMargin ? " ".concat(baseClassName, "-no-margin") : '').concat(classes ? " ".concat(classes) : '')
+  }, rest));
+};
+export default FormHelperText;

package/lib/IconLabeledButton.js

@@ -0,0 +1,32 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["icon", "label", "size", "classes"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import BaseButton from './BaseButton';
+
+/*
+* @size = small/medium/large/fullWidth
+*/
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (_ref) {
+  var icon = _ref.icon,
+    label = _ref.label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    classes = _ref.classes,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs(BaseButton, _objectSpread(_objectSpread({
+    size: size,
+    classes: "filerobot-common-LabeledIconButton".concat(classes ? " ".concat(classes) : '')
+  }, props), {}, {
+    children: [icon, label && /*#__PURE__*/_jsx("span", {
+      className: "filerobot-common-LabeledIconButton-label",
+      children: label
+    })]
+  }));
+});

package/lib/Image/Image.styled.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled, { css, keyframes } from 'styled-components';
+import { PC } from '../Typography';
+var pulseKeyframe = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"])));
+var Image = styled.img(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var isLoading = _ref.isLoading;
+  return isLoading && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    animation: ", " 1.5s ease-in-out 0.5s infinite;\n    width: 100%;\n    height: 100%;\n  "])), function (_ref2) {
+    var theme = _ref2.theme;
+    return theme.palette[PC.BordersSecondary];
+  }, pulseKeyframe);
+});
+var Styled = {
+  Image: Image
+};
+export default Styled;