@pingux/astro 1.1.1-alpha.0 → 1.1.1-alpha.1

package/lib/context/TooltipContext/index.js

@@ -1,7 +0,0 @@
-import { createContext, useContext } from 'react';
-export var TooltipContext = /*#__PURE__*/createContext({});
-/* istanbul ignore next */
-
-export var useTooltipContext = function useTooltipContext() {
-  return useContext(TooltipContext);
-};

package/lib/hooks/index.js

@@ -1,12 +0,0 @@
-export { default as useAriaLabelWarning } from './useAriaLabelWarning';
-export { default as useColumnStyles } from './useColumnStyles';
-export { default as useDeprecationWarning } from './useDeprecationWarning';
-export { default as useField } from './useField';
-export { default as useLabelHeight } from './useLabelHeight';
-export { default as useModalState } from './useModalState';
-export { default as useOverlayPanelState } from './useOverlayPanelState';
-export { default as usePropWarning } from './usePropWarning';
-export { default as useRockerButton } from './useRockerButton';
-export { default as useSelectField } from './useSelectField';
-export { default as useStatusClasses } from './useStatusClasses';
-export { default as useDebounce } from './useDebounce';

package/lib/hooks/useAriaLabelWarning/index.js

@@ -1 +0,0 @@
-export { default } from './useAriaLabelWarning';

package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js

@@ -1,18 +0,0 @@
-import { useEffect } from 'react';
-/**
- * Provides a development-only console warning when a component
- * that needs an aria-label is mounted without one.
- *
- * e.g. "\`Component\` requires an aria-label."
-*/
-
-var useAriaLabelWarning = function useAriaLabelWarning(component, ariaLabel) {
-  useEffect(function () {
-    if (process.env.NODE_ENV === 'development' && !ariaLabel) {
-      // eslint-disable-next-line no-console
-      console.warn("".concat(component, " requires an aria-label"), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
-    }
-  }, []);
-};
-
-export default useAriaLabelWarning;

package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js

@@ -1,32 +0,0 @@
-import { renderHook } from '@testing-library/react-hooks';
-import useAriaLabelWarning from './useAriaLabelWarning';
-var component = 'TestComponent';
-beforeEach(function () {
-  process.env.NODE_ENV = 'development';
-
-  global.console.warn = function () {
-    return jest.mock();
-  }; // eslint-disable-line no-console
-
-});
-afterEach(function () {
-  process.env.NODE_ENV = 'test';
-  jest.restoreAllMocks();
-});
-test('default useAriaLabelWarning', function () {
-  var spy = jest.spyOn(console, 'warn');
-  expect(spy).not.toHaveBeenCalled();
-  renderHook(function () {
-    return useAriaLabelWarning(component);
-  });
-  expect(spy).toHaveBeenCalledTimes(1);
-});
-test('useAriaLabelWarning with string', function () {
-  var compound = "".concat(component, " requires an aria-label");
-  var spy = jest.spyOn(console, 'warn');
-  expect(spy).not.toHaveBeenCalled();
-  renderHook(function () {
-    return useAriaLabelWarning(component);
-  });
-  expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(compound), expect.any(String), expect.any(String), expect.any(String));
-});

package/lib/hooks/useColumnStyles/index.js

@@ -1 +0,0 @@
-export { default } from './useColumnStyles';

package/lib/hooks/useColumnStyles/useColumnStyles.js

@@ -1,24 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
-
-var useColumnStyles = function useColumnStyles(_ref) {
-  var labelMode = _ref.labelMode;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      labelStyleProps = _useState2[0],
-      setlabelStyleProps = _useState2[1];
-
-  useEffect(function () {
-    if (labelMode === 'left') {
-      setlabelStyleProps({
-        sx: {
-          gridTemplateColumns: '40% auto'
-        }
-      });
-    }
-  }, [labelMode]);
-  return labelStyleProps;
-};
-
-export default useColumnStyles;

package/lib/hooks/useCopyToClipboard/index.js

@@ -1 +0,0 @@
-export { default } from './useCopyToClipboard';

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -1,69 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-
-var useCopyToClipboard = function useCopyToClipboard(value) {
-  var setIsCopied = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-  return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var textArea, isSuccessful;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-
-            if (!navigator.clipboard) {
-              _context.next = 7;
-              break;
-            }
-
-            _context.next = 4;
-            return navigator.clipboard.writeText(value);
-
-          case 4:
-            setIsCopied(true);
-            _context.next = 20;
-            break;
-
-          case 7:
-            // Workaround for copying in insecure origin
-            textArea = document.createElement('textarea');
-            textArea.value = value;
-            textArea.style.position = 'fixed';
-            document.body.appendChild(textArea);
-            textArea.focus();
-            textArea.select();
-            isSuccessful = document.execCommand('copy');
-            textArea.remove();
-
-            if (!isSuccessful) {
-              _context.next = 19;
-              break;
-            }
-
-            setIsCopied(isSuccessful);
-            _context.next = 20;
-            break;
-
-          case 19:
-            throw new Error('Unable to copy message');
-
-          case 20:
-            _context.next = 25;
-            break;
-
-          case 22:
-            _context.prev = 22;
-            _context.t0 = _context["catch"](0);
-            // eslint-disable-next-line no-console
-            console.error('Failed to copy: ', _context.t0);
-
-          case 25:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[0, 22]]);
-  }));
-};
-
-export default useCopyToClipboard;

package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js

@@ -1,64 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, 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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import useCopyToClipboard from './useCopyToClipboard';
-var mockCopyText = 'test';
-
-var originalClipboard = _objectSpread({}, global.navigator.clipboard);
-
-var originalExecCommand = global.document.execCommand;
-beforeEach(function () {
-  global.navigator.clipboard = {
-    writeText: jest.fn()
-  };
-  global.document.execCommand = jest.fn();
-  global.document.execCommand.mockReturnValue(true);
-});
-afterEach(function () {
-  jest.resetAllMocks();
-  global.navigator.clipboard = originalClipboard;
-  global.document.execCommand = originalExecCommand;
-});
-test('default return', function () {
-  var copyToClipboard = useCopyToClipboard();
-  expect(copyToClipboard).toEqual(expect.any(Function));
-});
-test('should copy text that passed in props', function () {
-  var copyToClipboard = useCopyToClipboard(mockCopyText);
-  copyToClipboard();
-  expect(navigator.clipboard.writeText).toHaveBeenCalledWith(mockCopyText);
-});
-test('should call setIsCopied once function will be called', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-  var mockSetIsCopied, copyToClipboard;
-  return _regeneratorRuntime.wrap(function _callee$(_context) {
-    while (1) {
-      switch (_context.prev = _context.next) {
-        case 0:
-          mockSetIsCopied = jest.fn();
-          copyToClipboard = useCopyToClipboard(mockCopyText, mockSetIsCopied);
-          _context.next = 4;
-          return copyToClipboard();
-
-        case 4:
-          expect(mockSetIsCopied).toHaveBeenCalledWith(true);
-
-        case 5:
-        case "end":
-          return _context.stop();
-      }
-    }
-  }, _callee);
-})));

package/lib/hooks/useDebounce/index.js

@@ -1 +0,0 @@
-export { default } from './useDebounce';

package/lib/hooks/useDebounce/useDebounce.js

@@ -1,26 +0,0 @@
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
-
-var useDebounce = function useDebounce(props) {
-  var value = props.value,
-      delay = props.delay;
-
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      debouncedValue = _useState2[0],
-      setDebouncedValue = _useState2[1];
-
-  useEffect(function () {
-    var handler = _setTimeout(function () {
-      setDebouncedValue(value);
-    }, [delay]);
-
-    return function () {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-};
-
-export default useDebounce;

package/lib/hooks/useDebounce/useDebounce.test.js

@@ -1,41 +0,0 @@
-import { act, renderHook } from '@testing-library/react-hooks';
-import useDebounce from '../useDebounce';
-describe('useDebounce', function () {
-  jest.useFakeTimers();
-  it('Updates value only after `delay` milliseconds have expired', function () {
-    var _renderHook = renderHook(function (_ref) {
-      var value = _ref.value,
-          delay = _ref.delay;
-      return useDebounce({
-        value: value,
-        delay: delay
-      });
-    }, {
-      initialProps: {
-        value: 'foo',
-        delay: 500
-      }
-    }),
-        result = _renderHook.result,
-        rerender = _renderHook.rerender;
-
-    expect(result.current).toBe('foo');
-    act(function () {
-      return jest.advanceTimersByTime(510);
-    });
-    expect(result.current).toBe('foo');
-    rerender({
-      value: 'bar',
-      delay: 500
-    });
-    expect(result.current).toBe('foo');
-    act(function () {
-      return jest.advanceTimersByTime(498);
-    });
-    expect(result.current).toBe('foo');
-    act(function () {
-      return jest.advanceTimersByTime(3);
-    });
-    expect(result.current).toBe('bar');
-  });
-});

package/lib/hooks/useDeprecationWarning/index.js

@@ -1 +0,0 @@
-export { default } from './useDeprecationWarning';

package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js

@@ -1,40 +0,0 @@
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import { useEffect } from 'react';
-var alreadyShown = new _Set();
-/**
- * Provides a development-only console warning on component mount.
- * @param {String} text - The deprecation warning text. It should describe what is being deprecated,
- * when it is being deprecated (what lib version usually), and what to use instead.
- * @param {object} options
- * @param {boolean} options.isActive - whether warning should be shown
- * @param {boolean} options.onlyOnce - if true then warning will be globally shown just once
- * e.g. "\`MyField\` will be deprecated in Astro-UI 1.0.0, use \`MyOtherField\` instead."
- */
-
-var useDeprecationWarning = function useDeprecationWarning() {
-  var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$onlyOnce = _ref.onlyOnce,
-      onlyOnce = _ref$onlyOnce === void 0 ? true : _ref$onlyOnce,
-      _ref$isActive = _ref.isActive,
-      isActive = _ref$isActive === void 0 ? true : _ref$isActive;
-
-  useEffect(function () {
-    if (!isActive) {
-      return;
-    }
-
-    if (onlyOnce && alreadyShown.has(text)) {
-      return;
-    }
-
-    if (process.env.NODE_ENV === 'development') {
-      alreadyShown.add(text); // eslint-disable-next-line no-console
-
-      console.warn("".concat(text), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
-    }
-  }, [isActive]);
-};
-
-export default useDeprecationWarning;

package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js

@@ -1,89 +0,0 @@
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _toArray from "@babel/runtime-corejs3/helpers/esm/toArray";
-import { renderHook } from '@testing-library/react-hooks';
-import useDeprecationWarning from './useDeprecationWarning'; // since we cannot reset `alreadyShown` inside of module we will generate unique messages
-
-var uniqueIndex = 0;
-
-function generateUniqueMessage() {
-  var message = "Text ".concat(uniqueIndex);
-  uniqueIndex += 1;
-  return message;
-}
-
-beforeEach(function () {
-  process.env.NODE_ENV = 'development';
-
-  global.console.warn = function () {
-    return jest.mock();
-  }; // eslint-disable-line no-console
-
-});
-afterEach(function () {
-  process.env.NODE_ENV = 'test';
-  jest.restoreAllMocks();
-});
-test('default useDeprecationWarning', function () {
-  var spy = jest.spyOn(console, 'warn');
-  expect(spy).not.toHaveBeenCalled();
-  renderHook(function () {
-    return useDeprecationWarning();
-  });
-  expect(spy).toHaveBeenCalledTimes(1);
-});
-test('useDeprecationWarning with string', function () {
-  var string = generateUniqueMessage();
-  var spy = jest.spyOn(console, 'warn');
-  expect(spy).not.toHaveBeenCalled();
-  renderHook(function () {
-    return useDeprecationWarning(string);
-  });
-  expect(spy).toHaveBeenNthCalledWith(1, expect.stringMatching(string), expect.any(String), expect.any(String), expect.any(String));
-});
-test('useDeprecationWarning by default ignores duplicated messages', function () {
-  var spy = jest.spyOn(console, 'warn');
-  var message = generateUniqueMessage();
-  renderHook(function () {
-    return useDeprecationWarning(message);
-  });
-  renderHook(function () {
-    return useDeprecationWarning(message);
-  });
-  expect(spy).toHaveBeenCalledTimes(1);
-});
-test('useDeprecationWarning shows same message for few times if explicitly allowed', function () {
-  var spy = jest.spyOn(console, 'warn');
-  var message = generateUniqueMessage();
-  renderHook(function () {
-    return useDeprecationWarning(message, {
-      onlyOnce: false
-    });
-  });
-  renderHook(function () {
-    return useDeprecationWarning(message, {
-      onlyOnce: false
-    });
-  });
-  expect(spy).toHaveBeenCalledTimes(2);
-});
-test('shows message after isActive is flipped from false to true', function () {
-  var spy = jest.spyOn(console, 'warn');
-  var message = generateUniqueMessage();
-
-  var _renderHook = renderHook(function (_ref) {
-    var _ref2 = _toArray(_ref),
-        args = _sliceInstanceProperty(_ref2).call(_ref2, 0);
-
-    return useDeprecationWarning.apply(void 0, args);
-  }, {
-    initialProps: [message, {
-      isActive: false
-    }]
-  }),
-      rerender = _renderHook.rerender;
-
-  rerender([message, {
-    isActive: true
-  }]);
-  expect(spy).toHaveBeenCalledTimes(1);
-});

package/lib/hooks/useField/index.js

@@ -1 +0,0 @@
-export { default } from './useField';

package/lib/hooks/useField/useField.js

@@ -1,218 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$entries from "@babel/runtime-corejs3/core-js-stable/object/entries";
-import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, 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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { useEffect, useState } from 'react';
-import omit from 'lodash/omit';
-import noop from 'lodash/noop';
-import { useLabel } from '@react-aria/label';
-import { useFocusWithin } from '@react-aria/interactions';
-import { useFocusRing } from '@react-aria/focus';
-import { mergeProps } from '@react-aria/utils';
-import statuses from '../../utils/devUtils/constants/statuses';
-import { useStatusClasses } from '../../hooks';
-import { modes as labelModes } from '../../components/Label/constants';
-/**
- * Generates the necessary props to be used in field components.
- * @param {{}} props Props for the field
- * @returns {{}} Prop objects to be spread into field components.
- */
-
-var useField = function useField() {
-  var _context;
-
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var autocomplete = props.autocomplete,
-      autoComplete = props.autoComplete,
-      autoCorrect = props.autoCorrect,
-      children = props.children,
-      className = props.className,
-      _props$containerProps = props.containerProps,
-      containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
-      _props$controlProps = props.controlProps,
-      controlProps = _props$controlProps === void 0 ? {} : _props$controlProps,
-      defaultText = props.defaultText,
-      defaultValue = props.defaultValue,
-      direction = props.direction,
-      disabledKeys = props.disabledKeys,
-      hasAutoFocus = props.hasAutoFocus,
-      hasNoStatusIndicator = props.hasNoStatusIndicator,
-      helperText = props.helperText,
-      hintText = props.hintText,
-      id = props.id,
-      isDefaultSelected = props.isDefaultSelected,
-      isDisabled = props.isDisabled,
-      isReadOnly = props.isReadOnly,
-      isRequired = props.isRequired,
-      isSelected = props.isSelected,
-      label = props.label,
-      labelMode = props.labelMode,
-      _props$labelProps = props.labelProps,
-      labelProps = _props$labelProps === void 0 ? {} : _props$labelProps,
-      maxLength = props.maxLength,
-      name = props.name,
-      onBlur = props.onBlur,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? noop : _props$onChange,
-      onClear = props.onClear,
-      onFocus = props.onFocus,
-      onFocusChange = props.onFocusChange,
-      onLoadMore = props.onLoadMore,
-      onOpenChange = props.onOpenChange,
-      onSelectionChange = props.onSelectionChange,
-      placeholder = props.placeholder,
-      role = props.role,
-      selectedKey = props.selectedKey,
-      spellCheck = props.spellCheck,
-      _props$status = props.status,
-      status = _props$status === void 0 ? statuses.DEFAULT : _props$status,
-      statusClasses = props.statusClasses,
-      type = props.type,
-      value = props.value,
-      others = _objectWithoutProperties(props, ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isReadOnly", "isRequired", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value"]); // 0 could be a valid input for fields, but null, undefined, and '' are not
-
-
-  var _useState = useState(!!value || value === 0),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasValue = _useState2[0],
-      setHasValue = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hasFocusWithin = _useState4[0],
-      setFocusWithin = _useState4[1];
-
-  useEffect(function () {
-    if (!!defaultValue || defaultValue === 0 || !!value || value === 0 || !!placeholder || placeholder === 0) {
-      setHasValue(true);
-    } else {
-      setHasValue(false);
-    }
-  }, [defaultValue, value, placeholder]); // Capture value changes so we can apply the has-value class to the container
-
-  var fieldOnChange = function fieldOnChange(e) {
-    var _e$target;
-
-    var eventValue = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
-
-    if (!!eventValue || eventValue === 0 || !!placeholder || placeholder === 0) {
-      setHasValue(true);
-    } else {
-      setHasValue(false);
-    } // Make sure to call the original onChange event
-
-
-    return onChange(e);
-  };
-
-  var _useLabel = useLabel(_objectSpread(_objectSpread({}, props), controlProps)),
-      raLabelProps = _useLabel.labelProps,
-      raFieldProps = _useLabel.fieldProps;
-
-  var _useFocusRing = useFocusRing(),
-      isFocusVisible = _useFocusRing.isFocusVisible,
-      focusProps = _useFocusRing.focusProps;
-
-  var _useStatusClasses = useStatusClasses(className, _objectSpread(_defineProperty({
-    hasNoStatusIndicator: hasNoStatusIndicator,
-    isFocused: isFocusVisible,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly
-  }, "is-".concat(status), true), statusClasses)),
-      classNames = _useStatusClasses.classNames;
-
-  var ariaProps = _reduceInstanceProperty(_context = _Object$entries(others)).call(_context, function (acc, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        val = _ref2[1];
-
-    if (key.match(/^aria-.*/)) return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, val));
-    return _objectSpread({}, acc);
-  }, {}); // Handle focus within and value state for the container. These are needed for float labels.
-
-
-  var _useFocusWithin = useFocusWithin({
-    onFocusWithinChange: setFocusWithin
-  }),
-      focusWithinProps = _useFocusWithin.focusWithinProps;
-
-  var isFloatLabel = labelMode === labelModes.FLOAT;
-  var isLeftLabel = labelMode === labelModes.LEFT;
-  var isFloatLabelActive = isFloatLabel && (hasValue || hasFocusWithin || (containerProps === null || containerProps === void 0 ? void 0 : containerProps.isFloatLabelActive));
-
-  var _useStatusClasses2 = useStatusClasses(containerProps === null || containerProps === void 0 ? void 0 : containerProps.className, {
-    'field-container': true,
-    // generates 'field-container' class
-    hasValue: hasValue,
-    hasFocusWithin: hasFocusWithin,
-    isLeftLabel: isLeftLabel,
-    isFloatLabel: isFloatLabel,
-    isFloatLabelActive: isFloatLabelActive
-  }),
-      containerClasses = _useStatusClasses2.classNames;
-
-  var nonAriaOthers = _objectSpread({}, omit(others, _Object$keys(ariaProps)));
-
-  var fieldContainerProps = _objectSpread(_objectSpread(_objectSpread({}, nonAriaOthers), mergeProps(containerProps, focusWithinProps)), {}, {
-    className: containerClasses,
-    sx: _objectSpread({
-      position: 'relative'
-    }, containerProps === null || containerProps === void 0 ? void 0 : containerProps.sx)
-  });
-
-  var fieldControlProps = _objectSpread(_objectSpread(_objectSpread({
-    autocomplete: autocomplete || autoComplete,
-    autoCorrect: autoCorrect,
-    autoFocus: hasAutoFocus,
-    className: classNames,
-    defaultSelected: isDefaultSelected,
-    defaultValue: defaultValue,
-    disabled: isDisabled,
-    id: id,
-    isFocused: hasFocusWithin,
-    maxLength: maxLength,
-    name: name,
-    onChange: fieldOnChange,
-    placeholder: placeholder,
-    readOnly: isReadOnly,
-    required: isRequired,
-    role: role,
-    spellCheck: spellCheck,
-    type: type,
-    value: value
-  }, ariaProps), raFieldProps), mergeProps({
-    onBlur: onBlur,
-    onFocus: onFocus
-  }, omit(controlProps, 'data-testid'), focusProps));
-
-  var fieldLabelProps = _objectSpread(_objectSpread({
-    children: label,
-    className: classNames,
-    hintText: hintText,
-    isRequired: isRequired,
-    mode: labelMode
-  }, raLabelProps), labelProps);
-
-  return {
-    fieldContainerProps: fieldContainerProps,
-    fieldControlProps: fieldControlProps,
-    fieldLabelProps: fieldLabelProps
-  };
-};
-
-export default useField;