@pingux/astro 2.67.0-alpha.1 → 2.67.0

package/lib/cjs/components/Checkbox/Checkbox.test.js

@@ -30,4 +30,11 @@ test('default checkbox', function () {
   expect(input).toBeInTheDocument();
   // Should be visually hidden
   expect(input).not.toBeVisible();
+});
+test('indeterminate checkbox', function () {
+  getComponent({
+    isIndeterminate: true
+  });
+  var input = _react2.screen.getByText('Indeterminate Checkbox Icon');
+  expect(input).toBeInTheDocument();
 });

package/lib/cjs/components/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CheckboxFieldProps } from '../../types';
+declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckboxField;

package/lib/cjs/components/CheckboxField/CheckboxField.js

@@ -21,14 +21,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _interactions = require("@react-aria/interactions");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _pendoID = require("../../utils/devUtils/constants/pendoID");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
-var _statusProp = require("../../utils/docUtils/statusProp");
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -43,19 +40,18 @@ var CheckboxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     helperText = props.helperText,
     isDefaultSelected = props.isDefaultSelected,
     isIndeterminate = props.isIndeterminate,
-    status = props.status;
+    _props$status = props.status,
+    status = _props$status === void 0 ? _statuses["default"].DEFAULT : _props$status;
   var checkboxProps = _objectSpread(_objectSpread({
     children: label,
     autoFocus: hasAutoFocus || controlProps.hasAutoFocus,
     defaultSelected: isDefaultSelected || controlProps.isDefaultSelected
   }, props), controlProps);
   var state = (0, _reactStately.useToggleState)(checkboxProps);
-  var checkboxRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
+
   /* istanbul ignore next */
-  (0, _react.useImperativeHandle)(ref, function () {
-    return checkboxRef.current;
-  });
+  var checkboxRef = (0, _hooks.useLocalOrForwardRef)(ref);
   var _usePress = (0, _interactions.usePress)(_objectSpread(_objectSpread({}, props), {}, {
       ref: checkboxRef
     })),
@@ -94,49 +90,6 @@ var CheckboxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     id: helperTextId
   }, helperText));
 });
-CheckboxField.propTypes = _objectSpread(_objectSpread(_objectSpread({
-  /** Whether the element should receive focus on render. */
-  hasAutoFocus: _propTypes["default"].bool,
-  /** Text rendered below the input. */
-  helperText: _propTypes["default"].node,
-  /** If present this prop will cause a help hint to render in the label of the field. */
-  hintText: _propTypes["default"].string,
-  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
-  id: _propTypes["default"].string,
-  /** Whether the element should be selected (uncontrolled). */
-  isDefaultSelected: _propTypes["default"].bool,
-  /** Whether the input is disabled. */
-  isDisabled: _propTypes["default"].bool,
-  /**
-   * Indeterminism is presentational only. The indeterminate visual representation remains until
-   * this prop is set to false regardless of user interaction.
-  */
-  isIndeterminate: _propTypes["default"].bool,
-  /** Whether the input can be selected, but not changed by the user. */
-  isReadOnly: _propTypes["default"].bool,
-  /** Whether user input is required on the input before form submission. */
-  isRequired: _propTypes["default"].bool,
-  /** Whether the element should be selected (controlled). */
-  isSelected: _propTypes["default"].bool,
-  /** The rendered label for the field. */
-  label: _propTypes["default"].node,
-  /** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
-  name: _propTypes["default"].string,
-  /** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */
-  value: _propTypes["default"].string,
-  /** Handler that is called when the element's selection state changes. */
-  onChange: _propTypes["default"].func,
-  /** Handler that is called when the element receives focus. */
-  onFocus: _propTypes["default"].func,
-  /** Handler that is called when the element loses focus. */
-  onBlur: _propTypes["default"].func,
-  /** Handler that is called when the element's focus status changes. */
-  onFocusChange: _propTypes["default"].func,
-  /** Handler that is called when a key is pressed. */
-  onKeyDown: _propTypes["default"].func,
-  /** Handler that is called when a key is released. */
-  onKeyUp: _propTypes["default"].func
-}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);
 CheckboxField.displayName = displayName;
 var _default = CheckboxField;
 exports["default"] = _default;

package/lib/cjs/components/CheckboxField/CheckboxField.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryFn } from '@storybook/react';
+import { CheckboxFieldProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<CheckboxFieldProps>;
+export declare const DefaultSelected: StoryFn<CheckboxFieldProps>;
+export declare const Controlled: StoryFn<CheckboxFieldProps>;
+export declare const Required: StoryFn<CheckboxFieldProps>;
+export declare const HelperText: StoryFn<CheckboxFieldProps>;
+export declare const ExpandableAndToggleableIndeterminate: StoryFn<CheckboxFieldProps>;
+export declare const Indeterminate: StoryFn<CheckboxFieldProps>;

package/lib/cjs/components/CheckboxField/CheckboxField.stories.js

@@ -24,6 +24,7 @@ var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIc
 var _MenuRightIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuRightIcon"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -100,7 +101,9 @@ var Controlled = function Controlled() {
     setSelected = _React$useState2[1];
   return (0, _react2.jsx)(_index.CheckboxField, {
     isSelected: isSelected,
-    onChange: setSelected,
+    onChange: function onChange(e) {
+      return setSelected;
+    },
     label: "Click me"
   });
 };
@@ -117,7 +120,7 @@ var Required = function Required() {
 exports.Required = Required;
 var HelperText = function HelperText() {
   return (0, _react2.jsx)(_index.CheckboxField, {
-    status: "error",
+    status: _statuses["default"].ERROR,
     helperText: "Here is some helpful text...",
     label: "Click me"
   });
@@ -205,7 +208,9 @@ var ExpandableAndToggleableIndeterminate = function ExpandableAndToggleableIndet
   }, (0, _react2.jsx)(_index.IconButtonToggle, {
     toggledIcon: _MenuDownIcon["default"],
     defaultIcon: _MenuRightIcon["default"],
-    onToggle: setIsExpanded,
+    onToggle: function onToggle() {
+      return setIsExpanded(!isExpanded);
+    },
     isToggled: isExpanded,
     buttonProps: {
       'aria-label': isExpanded ? 'menu down' : 'menu up',
@@ -221,7 +226,9 @@ var ExpandableAndToggleableIndeterminate = function ExpandableAndToggleableIndet
     isSelected: isCompleted,
     onChange: handleParentCheckboxChange
   }), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Badge, {
-    ml: "sm",
+    sx: {
+      ml: 'sm'
+    },
     label: subCheckboxes.length,
     variant: "countNeutral"
   }))), (0, _react2.jsx)(_index.Box, {

package/lib/cjs/components/CheckboxField/CheckboxField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/CheckboxField/index.d.ts

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