@ntbjs/react-components 2.0.0-rc.13 → 2.0.0-rc.26

package/cjs/components/inputs/Checkbox/Checkbox.styled.js

@@ -1,160 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var defaultTheme = require('../../../utils/defaultTheme.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t0;
-const checkboxSize = '18px';
-const shouldForwardProp = prop => {
-  return prop !== 'theme' && !prop.startsWith('$');
-};
-const Checkbox = styled__default["default"].div.withConfig({
-  shouldForwardProp
-}).attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
-  display: flex;
-  flex-direction: column;
-`));
-const CheckIcon = styled__default["default"].div.withConfig({
-  shouldForwardProp
-}).attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
-  opacity: 0;
-  transform: scale(0.1);
-  transition: all 200ms;
-  position: absolute;
-  width: 12px;
-  top: 4px;
-  left: 3px;
-  color: ${0};
-
-  svg {
-    width: 100%;
-    display: block;
-  }
-`), props => props.theme.getColor('gray-100'));
-const IndeterminateCheckIcon = styled__default["default"].div.withConfig({
-  shouldForwardProp
-}).attrs(defaultTheme.applyDefaultTheme)(_t3 || (_t3 = _`
-  opacity: 0;
-  transform: scale(0.1);
-  transition: all 200ms;
-  position: absolute;
-  height: 2px;
-  top: 8px;
-  left: 4px;
-  background: ${0};
-  width: 10px;
-`), props => props.theme.getColor('gray-100'));
-const CheckboxLabel = styled__default["default"].label.withConfig({
-  shouldForwardProp
-}).attrs(defaultTheme.applyDefaultTheme)(_t4 || (_t4 = _`
-  display: inline-flex;
-  position: relative;
-  cursor: pointer;
-  user-select: none;
-  min-height: ${0};
-  text-align: left;
-  flex-wrap: wrap;
-  flex: 1;
-  line-height: ${0};
-  margin-right: auto;
-
-  & input[type='checkbox'] {
-    position: absolute;
-    opacity: 0;
-    pointer-events: none;
-    margin: 0;
-  }
-
-  &::before {
-    content: '';
-    border: 2px solid ${0};
-    border-radius: 2px;
-    transition: all 200ms;
-    width: ${0};
-    height: ${0};
-    box-sizing: border-box;
-    ${0}
-  }
-
-  &:has(input[type='checkbox']:checked) {
-    &::before {
-      background: ${0};
-      border-color: ${0};
-    }
-  }
-
-  &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {
-    ${0} {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  &:has(input[type='checkbox'][data-indeterminate='true']:checked) {
-    ${0} {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  ${0}
-
-  ${0}
-`), checkboxSize, checkboxSize, props => props.theme.getColor('gray-300'), checkboxSize, checkboxSize, props => props.muted && styled.css(_t5 || (_t5 = _`
-        opacity: 0.75;
-      `)), props => props.theme.getColor('emerald-500'), props => props.theme.getColor('emerald-500'), CheckIcon, IndeterminateCheckIcon, props => props.readOnly && styled.css(_t6 || (_t6 = _`
-      opacity: 0.5;
-      cursor: default;
-      pointer-events: none;
-      user-select: text;
-    `)), props => props.disabled && styled.css(_t7 || (_t7 = _`
-      opacity: 0.5;
-      cursor: not-allowed;
-    `)));
-const CheckboxVisualLabel = styled__default["default"].div.withConfig({
-  shouldForwardProp
-}).attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
-  padding-left: 10px;
-  font-weight: 400;
-  font-size: 0.875rem;
-  flex: 1;
-
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600')));
-const Description = styled__default["default"].p.withConfig({
-  shouldForwardProp
-}).attrs(defaultTheme.applyDefaultTheme)(_t9 || (_t9 = _`
-  margin: 0.375rem 0 0 0;
-  font-size: 0.75rem;
-  line-height: 1.333;
-
-  ${0};
-
-  ${0}
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')), props => props.$error && styled.css(_t0 || (_t0 = _`
-      content: 'error';
-      ${0}
-    `), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))));
-
-exports.CheckIcon = CheckIcon;
-exports.Checkbox = Checkbox;
-exports.CheckboxLabel = CheckboxLabel;
-exports.CheckboxVisualLabel = CheckboxVisualLabel;
-exports.Description = Description;
-exports.IndeterminateCheckIcon = IndeterminateCheckIcon;

package/cjs/components/inputs/Checkbox/inputs/Checkbox/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Checkbox = require('../../Checkbox.js');
-
-
-
-exports["default"] = Checkbox["default"];

package/cjs/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js

@@ -1,268 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var lodash = require('lodash');
-var nanoid = require('nanoid');
-var index$2 = require('../../../node_modules/prop-types/index.js');
-var index = require('../../../node_modules/react/index.js');
-var CompactAutocompleteSelect_styled = require('./CompactAutocompleteSelect.styled.js');
-var Tooltip = require('../../data/Tooltip/Tooltip.js');
-var index$1 = require('../../../_virtual/index.js');
-
-const _excluded = ["label", "availableOptions", "placeholder", "selectedOption", "loadOptions", "noOptionsMessageFunc", "createNewOptionMessageFunc", "onUpdateCallback", "loadingMessageFunc", "creatable", "readOnly", "edit", "disabled", "hidden", "type", "descriptionToolTip", "loadingIcon", "successIcon"];
-const CompactAutocompleteSelect = index["default"].forwardRef(function CompactAutocompleteSelect(_ref, forwardedRef) {
-  let {
-      label,
-      availableOptions,
-      placeholder,
-      selectedOption,
-      loadOptions,
-      noOptionsMessageFunc,
-      createNewOptionMessageFunc,
-      onUpdateCallback,
-      loadingMessageFunc,
-      creatable,
-      readOnly,
-      edit,
-      disabled,
-      hidden,
-      type,
-      descriptionToolTip,
-      loadingIcon,
-      successIcon
-    } = _ref,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  const [uniqueId] = index$1.react.exports.useState(nanoid.nanoid());
-  const [selected, setSelected] = index$1.react.exports.useState(selectedOption);
-  const [focused, setFocused] = index$1.react.exports.useState(false);
-  const [cacheUnique, setCacheUnique] = index$1.react.exports.useState(0);
-  const memoizedDescriptionToolTip = index$1.react.exports.useMemo(() => {
-    return descriptionToolTip;
-  }, [descriptionToolTip]);
-  const Control = props => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.Control, _rollupPluginBabelHelpers["extends"]({
-      className: "select-control",
-      edit: edit,
-      type: type
-    }, props));
-  };
-  const ValueContainer = index$1.react.exports.useMemo(() => {
-    const valueContainer = props => {
-      return index["default"].createElement(index["default"].Fragment, null, index["default"].createElement(CompactAutocompleteSelect_styled.ValueContainer, _rollupPluginBabelHelpers["extends"]({
-        type: type
-      }, props)));
-    };
-    valueContainer.displayName = 'ValueContainerWrapper';
-    return valueContainer;
-  }, [type]);
-  const Input = index$1.react.exports.useMemo(() => {
-    const selectInput = props => {
-      return index["default"].createElement(CompactAutocompleteSelect_styled.Input, _rollupPluginBabelHelpers["extends"]({
-        className: "select-input"
-      }, props));
-    };
-    selectInput.displayName = 'InputWrapper';
-    return selectInput;
-  }, []);
-  const Menu = index$1.react.exports.useMemo(() => {
-    const menu = props => {
-      return index["default"].createElement(CompactAutocompleteSelect_styled.Menu, _rollupPluginBabelHelpers["extends"]({
-        className: "select-menu"
-      }, props));
-    };
-    menu.displayName = 'MenuWrapper';
-    return menu;
-  }, []);
-  const Placeholder = props => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.Placeholder, _rollupPluginBabelHelpers["extends"]({
-      className: "select-placeholder",
-      type: type
-    }, props));
-  };
-  const Option = props => {
-    return !props.data.link ? index["default"].createElement(CompactAutocompleteSelect_styled.Option, _rollupPluginBabelHelpers["extends"]({
-      className: "menu-item"
-    }, props)) : index["default"].createElement(CompactAutocompleteSelect_styled.Option, props, index["default"].createElement("a", {
-      href: props.data.link
-    }, props.data.icon, props.label));
-  };
-  const SingleValue = props => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.SingleValue, _rollupPluginBabelHelpers["extends"]({
-      className: "menu-value"
-    }, props));
-  };
-  Option.propTypes = process.env.NODE_ENV !== "production" ? {
-    data: index$2["default"].shape({
-      icon: index$2["default"].node,
-      link: index$2["default"].string
-    }),
-    label: index$2["default"].string
-  } : {};
-  const DropdownIndicator = props => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.DropdownIndicator, _rollupPluginBabelHelpers["extends"]({
-      className: "dropdown-indicator"
-    }, props), index["default"].createElement(CompactAutocompleteSelect_styled.DropdownIndicatorIcon, null));
-  };
-  const ClearIndicator = props => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.ClearIndicator, _rollupPluginBabelHelpers["extends"]({
-      className: "clear-indicator"
-    }, props), index["default"].createElement(CompactAutocompleteSelect_styled.ClearIndicatorIcon, null));
-  };
-  const IndicatorSeparator = props => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.IndicatorSeparator, _rollupPluginBabelHelpers["extends"]({
-      className: "indicator-separator"
-    }, props));
-  };
-  const innerComponents = {
-    Control,
-    ValueContainer,
-    DropdownIndicator,
-    IndicatorSeparator,
-    ClearIndicator,
-    Option,
-    SingleValue,
-    Input,
-    Placeholder,
-    Menu
-  };
-  const sharedSelectProps = {
-    ref: forwardedRef,
-    options: loadOptions ? undefined : availableOptions,
-    value: selected,
-    loadOptions: loadOptions,
-    loadingMessage: loadingMessageFunc,
-    formatCreateLabel: createNewOptionMessageFunc,
-    noOptionsMessage: input => {
-      return noOptionsMessageFunc(input.inputValue);
-    },
-    onFocus: () => {
-      setFocused(true);
-    },
-    onBlur: () => {
-      setFocused(false);
-    },
-    focused: focused,
-    isDisabled: disabled || readOnly,
-    components: innerComponents,
-    isClearable: true,
-    isSearchable: true,
-    placeholder: placeholder,
-    id: uniqueId,
-    cacheUniqs: loadOptions ? [cacheUnique] : undefined,
-    onChange: (selected, actionMeta) => {
-      switch (actionMeta.action) {
-        case 'create-option':
-          if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, selected.value);
-          }
-          if (loadOptions) {
-            setCacheUnique(cacheUnique + 1);
-          }
-          setSelected(selected);
-          break;
-        case 'select-option':
-          if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, selected.value);
-          }
-          setSelected(selected);
-          break;
-        case 'remove-value':
-          if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, selected.value);
-          }
-          setSelected(selected);
-          break;
-        case 'pop-value':
-          if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, selected.value);
-          }
-          setSelected(selected);
-          break;
-        case 'deselect-option':
-          if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, selected.value);
-          }
-          setSelected(selected);
-          break;
-        case 'clear':
-          setSelected(selected);
-          break;
-        default:
-          if (onUpdateCallback) {
-            onUpdateCallback(actionMeta.action, selected.value);
-          }
-          setSelected(selected);
-          break;
-      }
-    }
-  };
-  if (hidden) return null;
-  const input = () => {
-    return index["default"].createElement(CompactAutocompleteSelect_styled.CompactAutocompleteSelect, {
-      disabled: disabled
-    }, index["default"].createElement(CompactAutocompleteSelect_styled.InputContainer, null, label && index["default"].createElement(CompactAutocompleteSelect_styled.Label, {
-      htmlFor: uniqueId,
-      disabled: disabled
-    }, label, index["default"].createElement(CompactAutocompleteSelect_styled.SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? index["default"].createElement(CompactAutocompleteSelect_styled.AsyncCreatableAutocompleteSelect, _rollupPluginBabelHelpers["extends"]({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props)) : index["default"].createElement(CompactAutocompleteSelect_styled.AsyncAutocompleteSelect, _rollupPluginBabelHelpers["extends"]({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props)) : creatable ? index["default"].createElement(CompactAutocompleteSelect_styled.AutocompletCreatableSelect, _rollupPluginBabelHelpers["extends"]({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props)) : index["default"].createElement(CompactAutocompleteSelect_styled.AutocompletSelect, _rollupPluginBabelHelpers["extends"]({
-      $hasLabel: !lodash.isEmpty(label)
-    }, sharedSelectProps, props))));
-  };
-  return index["default"].createElement(index["default"].Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && index["default"].createElement("div", null, index["default"].createElement(Tooltip["default"], {
-    content: memoizedDescriptionToolTip,
-    key: "tooltipTextArea1",
-    placement: "bottom-end",
-    trigger: 'mouseenter',
-    zIndex: 999999
-  }, input())));
-});
-CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: index$2["default"].string,
-  placeholder: index$2["default"].string,
-  availableOptions: index$2["default"].arrayOf(index$2["default"].object),
-  selectedOption: index$2["default"].object,
-  loadOptions: index$2["default"].func,
-  loadingMessageFunc: index$2["default"].func,
-  createNewOptionMessageFunc: index$2["default"].func,
-  noOptionsMessageFunc: index$2["default"].func,
-  readOnly: index$2["default"].bool,
-  edit: index$2["default"].bool,
-  hidden: index$2["default"].bool,
-  error: index$2["default"].oneOfType([index$2["default"].bool, index$2["default"].string]),
-  warning: index$2["default"].oneOfType([index$2["default"].bool, index$2["default"].string]),
-  onUpdateCallback: index$2["default"].func,
-  creatable: index$2["default"].bool,
-  disabled: index$2["default"].bool,
-  type: index$2["default"].oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
-  descriptionToolTip: index$2["default"].string,
-  loadingIcon: index$2["default"].element,
-  successIcon: index$2["default"].element
-} : {};
-CompactAutocompleteSelect.defaultProps = {
-  noOptionsMessageFunc: inputValue => {
-    if (inputValue) {
-      return `No matches for "${inputValue}"`;
-    } else {
-      return 'No available options';
-    }
-  },
-  readOnly: false,
-  disabled: false,
-  creatable: true,
-  edit: false,
-  error: false,
-  warning: false,
-  hidden: false,
-  type: '',
-  descriptionToolTip: ''
-};
-var CompactAutocompleteSelect$1 = CompactAutocompleteSelect;
-
-exports["default"] = CompactAutocompleteSelect$1;