@flodesk/grain 11.64.0 → 11.66.0

package/es/components/arrange/index.js

@@ -1,21 +1,16 @@
+import "core-js/modules/es.symbol.description.js";
 const _excluded = ["children", "gap", "columnGap", "rowGap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "rows", "autoFlow", "className", "style"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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); }
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.string.trim.js";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+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 { generateAttributes } from '../../utilities';
 import React, { forwardRef, useContext } from 'react';
 import { types } from '../../types';
@@ -25,22 +20,21 @@ import { BreakpointsContext } from '../breakpoints-provider';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export const Arrange = /*#__PURE__*/forwardRef(function Arrange(_ref, ref) {
   let {
-    children,
-    gap,
-    columnGap,
-    rowGap,
-    alignItems = 'center',
-    justifyItems,
-    justifyContent = 'start',
-    alignContent,
-    columns,
-    rows,
-    autoFlow = 'column',
-    className,
-    style
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      gap,
+      columnGap,
+      rowGap,
+      alignItems = 'center',
+      justifyItems,
+      justifyContent = 'start',
+      alignContent,
+      columns,
+      rows,
+      autoFlow = 'column',
+      className,
+      style
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const propClassName = className ? className : '';
   const propStyle = style ? style : {};
   const breakpoints = useContext(BreakpointsContext);
@@ -62,9 +56,7 @@ export const Arrange = /*#__PURE__*/forwardRef(function Arrange(_ref, ref) {
     classNameProps: _objectSpread({}, sharedProps),
     breakpoints
   });
-
   const styleAttributes = _objectSpread(_objectSpread({}, attributes.styles), propStyle);
-
   const classAttributes = "".concat(attributes.classNames, " ").concat(propClassName, " ").concat(styles.arrange).trim().replace(/\s+/g, ' ');
   return ___EmotionJSX(Box, _extends({
     ref: ref,

package/es/components/autocomplete.js

@@ -1,12 +1,8 @@
 const _excluded = ["options", "value", "onChange", "isCreatable", "onCreate", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage", "searchField", "backgroundColor", "onClear"];
 import "core-js/modules/web.dom-collections.iterator.js";
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+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; }
+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); }
 import PropTypes from 'prop-types';
 import React, { forwardRef, Fragment, useMemo, useRef, useState } from 'react';
 import { Icon, Box, Text, Arrange } from '.';
@@ -27,14 +23,12 @@ const Trigger = /*#__PURE__*/forwardRef(function Trigger(_ref, ref) {
     position: "relative"
   }));
 });
-
 const EmptyState = () => ___EmotionJSX(Box, {
   paddingY: "s",
   paddingX: "12px"
 }, ___EmotionJSX(Text, {
   color: "content2"
 }, "No results"));
-
 const ActionsSection = _ref2 => {
   let {
     children
@@ -49,73 +43,62 @@ const ActionsSection = _ref2 => {
     height: "100%"
   }, children);
 };
-
 const ClearButton = _ref3 => {
   let {
     onClick
   } = _ref3;
-
   const handleClear = e => {
     e.stopPropagation();
     onClick();
   };
-
   return ___EmotionJSX(FieldClearButton, {
     onClick: e => handleClear(e)
   });
 };
-
 const getFilteredOptions = (query, options, searchField) => {
   if (query === '') return options;
   return options.filter(option => option[searchField].toLowerCase().includes(query.toLowerCase()));
 };
-
 const getShowGroupTitle = (index, option, filteredOptions) => {
   const firstOptionHasTitle = index === 0 && option.groupTitle;
   const titleChanged = index > 0 && option.groupTitle !== filteredOptions[index - 1].groupTitle;
   return firstOptionHasTitle || titleChanged;
 };
-
 const menuItemStyles = "\n  .autocompleteMenuItem {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    list-style: none;\n    padding: 4px 12px;\n    min-height: var(--grn-textbox-height-m);\n    border-radius: ".concat(getRadius('s'), ";\n    appearance: none;\n\n    &.hasPreContent {\n      padding-left: 0;\n    }\n  }\n\n  .autocompleteMenuItemText {\n    flex-grow: 1;\n\n    &.hasEllipsis {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n");
 export const Autocomplete = _ref4 => {
   let {
-    options,
-    value,
-    onChange,
-    isCreatable,
-    onCreate,
-    menuPlacement = defaultProps.menuPlacement,
-    menuWidth,
-    menuMaxHeight = defaultProps.menuMaxHeight,
-    menuZIndex,
-    placeholder,
-    label,
-    hint,
-    menuItemsHaveEllipsis = true,
-    hasPortal = true,
-    hasError,
-    errorMessage,
-    searchField = 'content',
-    backgroundColor,
-    onClear
-  } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded);
-
+      options,
+      value,
+      onChange,
+      isCreatable,
+      onCreate,
+      menuPlacement = defaultProps.menuPlacement,
+      menuWidth,
+      menuMaxHeight = defaultProps.menuMaxHeight,
+      menuZIndex,
+      placeholder,
+      label,
+      hint,
+      menuItemsHaveEllipsis = true,
+      hasPortal = true,
+      hasError,
+      errorMessage,
+      searchField = 'content',
+      backgroundColor,
+      onClear
+    } = _ref4,
+    props = _objectWithoutProperties(_ref4, _excluded);
   const [query, setQuery] = useState('');
-
   const handleCreatableChange = option => {
     if (onCreate) {
       const isCreatableOption = !options.find(item => item.value === option.value);
-
       if (isCreatableOption) {
         onCreate(option);
         return;
       }
     }
-
     onChange(option);
   };
-
   const handleChange = option => {
     if (isCreatable) {
       handleCreatableChange(option);
@@ -123,7 +106,6 @@ export const Autocomplete = _ref4 => {
       onChange(option);
     }
   };
-
   const filteredOptions = getFilteredOptions(query, options, searchField);
   const isShowCreateOption = isCreatable && query.length > 0;
   const noResults = !Boolean(filteredOptions.length) && !isShowCreateOption;