@primer/components 0.0.0-202191252016 → 0.0.0-2021913173522

package/lib-esm/utils/{types.d.ts → types/AriaRole.d.ts}

@@ -1,14 +1 @@
-/// <reference types="react" />
-/**
- * Extract a component's props
- *
- * Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
- *
- * @example ComponentProps<typeof MyComponent>
- */
-export declare type ComponentProps<T> = T extends React.ComponentType<infer Props> ? Props extends object ? Props : never : never;
-/**
- * Contruct a type describing the items in `T`, if `T` is an array.
- */
-export declare type Flatten<T extends unknown> = T extends (infer U)[] ? U : never;
 export declare type AriaRole = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox ' | 'menuitemradio' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';

package/lib-esm/utils/types/ComponentProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Extract a component's props
+ *
+ * Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
+ *
+ * @example ComponentProps<typeof MyComponent>
+ */
+export declare type ComponentProps<T> = T extends React.ComponentType<infer Props> ? Props extends object ? Props : never : never;

package/lib-esm/utils/types/ComponentProps.js

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

package/lib-esm/utils/types/Flatten.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Contruct a type describing the items in `T`, if `T` is an array.
+ */
+export declare type Flatten<T extends unknown> = T extends (infer U)[] ? U : never;

package/lib-esm/utils/types/Flatten.js

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

package/lib-esm/utils/types/MandateProps.d.ts

@@ -0,0 +1,3 @@
+export declare type MandateProps<T extends unknown, K extends keyof T> = Omit<T, K> & {
+    [MK in K]-?: NonNullable<T[MK]>;
+};

package/lib-esm/utils/types/MandateProps.js

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

package/lib-esm/utils/types/Merge.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Given two object types A and B, return a type with all the properties of A that aren't also
+ * properties of B, and all the properties of B.
+ *
+ * Useful when we have a component that spreads a "rest" of its props on a subcomponent:
+ *
+ * ```ts
+ * interface OwnProps {
+ *  foo: string
+ * }
+ *
+ * type MyComponentProps = Merge<SubcomponentProps, OwnProps>
+ * const MyComponent = ({foo, ...rest}: MyComponentProps) => {
+ *   // ...
+ *   return <SubComponent {...rest} />
+ * }
+ * ```
+ */
+export declare type Merge<A = {}, B = {}> = Omit<A, keyof B> & B;

package/lib-esm/utils/types/Merge.js

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

package/lib-esm/utils/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './AriaRole';
+export * from './ComponentProps';
+export * from './Flatten';
+export * from './Merge';
+export * from './MandateProps';

package/lib-esm/utils/types/index.js

@@ -0,0 +1,5 @@
+export * from './AriaRole';
+export * from './ComponentProps';
+export * from './Flatten';
+export * from './Merge';
+export * from './MandateProps';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-202191252016",
+  "version": "0.0.0-2021913173522",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -56,7 +56,7 @@
     "@types/styled-system__css": "5.0.16",
     "@types/styled-system__theme-get": "5.0.1",
     "classnames": "2.3.1",
-    "date-fns": "2.25.0",
+    "color2k": "1.2.4",
     "deepmerge": "4.2.2",
     "focus-visible": "5.2.0",
     "styled-system": "5.1.5"

package/lib/DatePicker/DatePicker.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { OverlayProps } from '../Overlay';
-import { FocusTrapHookSettings } from '../hooks/useFocusTrap';
-import { FocusZoneHookSettings } from '../hooks/useFocusZone';
-export interface DatePickerProps {
-    /**
-     * An override to the internal ref that will be spread on to the renderAnchor
-     */
-    anchorRef?: React.RefObject<HTMLElement>;
-    anchorVariant?: 'full' | 'iconOnly';
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusTrapSettings?: Partial<FocusTrapHookSettings>;
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusZoneSettings?: Partial<FocusZoneHookSettings>;
-    initialValue?: 'today' | Date | string | null;
-    placeholder?: string;
-    /**
-     * Determines whether the overlay portion of the component should be shown or not
-     */
-    open?: boolean;
-    /**
-     * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
-     */
-    onOpen?: (gesture: 'anchor-click' | 'anchor-key-press') => unknown;
-    /**
-     * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
-     */
-    onClose?: (gesture: 'anchor-click' | 'click-outside' | 'escape') => unknown;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-    /**
-     * A custom function component used to render the anchor element.
-     * Will receive the selected text as `children` prop when an item is activated.
-     */
-    renderAnchor: <T extends React.HTMLAttributes<HTMLElement>>(props: T) => JSX.Element;
-    value?: Date | string | null;
-}
-export declare const DatePicker: React.FC<DatePickerProps>;

package/lib/DatePicker/DatePicker.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePicker = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _AnchoredOverlay = require("../AnchoredOverlay");
-
-var _DatePickerAnchor = require("./DatePickerAnchor");
-
-var _dateFns = require("date-fns");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const DatePicker = ({
-  anchorRef: externalAnchorRef,
-  focusTrapSettings,
-  focusZoneSettings,
-  onOpen: onOpenExternal,
-  onClose: onCloseExternal,
-  open,
-  overlayProps,
-  renderAnchor,
-  value
-}) => {
-  const buttonRef = (0, _react.useRef)(null);
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-
-  const onOpen = gesture => {
-    setIsOpen(true);
-    onOpenExternal === null || onOpenExternal === void 0 ? void 0 : onOpenExternal(gesture);
-  };
-
-  const onClose = gesture => {
-    setIsOpen(false);
-    onCloseExternal === null || onCloseExternal === void 0 ? void 0 : onCloseExternal(gesture);
-  };
-
-  const toggleIsOpen = () => {
-    if (isOpen) {
-      setIsOpen(false);
-      onCloseExternal === null || onCloseExternal === void 0 ? void 0 : onCloseExternal('anchor-click');
-    } else {
-      setIsOpen(true);
-      onCloseExternal === null || onCloseExternal === void 0 ? void 0 : onCloseExternal('anchor-click');
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DatePickerAnchor.DatePickerAnchor, {
-    ref: buttonRef,
-    fromDate: new Date(),
-    toDate: (0, _dateFns.addDays)(new Date(), 7),
-    dateFormat: "short",
-    onAction: toggleIsOpen
-  }), /*#__PURE__*/_react.default.createElement(_AnchoredOverlay.AnchoredOverlay, {
-    anchorRef: externalAnchorRef !== null && externalAnchorRef !== void 0 ? externalAnchorRef : buttonRef,
-    renderAnchor: renderAnchor,
-    open: open !== null && open !== void 0 ? open : isOpen,
-    onOpen: onOpen,
-    onClose: onClose,
-    overlayProps: overlayProps,
-    focusTrapSettings: focusTrapSettings,
-    focusZoneSettings: focusZoneSettings
-  }, value));
-};
-
-exports.DatePicker = DatePicker;

package/lib/DatePicker/DatePickerAnchor.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface DatePickerAnchorProps {
-    dateFormat?: 'short' | 'long' | string;
-    disabled?: boolean;
-    fromDate: Date;
-    iconOnly?: boolean;
-    onAction?: (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    toDate?: Date;
-}
-export declare const DatePickerAnchor: React.ForwardRefExoticComponent<DatePickerAnchorProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/DatePicker/DatePickerAnchor.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePickerAnchor = void 0;
-
-var _octiconsReact = require("@primer/octicons-react");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _dateFns = require("date-fns");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _constants = require("../constants");
-
-var _ = require("..");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const DatePickerAnchorButton = (0, _styledComponents.default)(_Button.default).withConfig({
-  displayName: "DatePickerAnchor__DatePickerAnchorButton",
-  componentId: "sc-8gpb9d-0"
-})(["align-items:center;display:flex;flex-direction:row;justify-content:space-between;& ", "{margin-left:", ";}"], _Text.default, (0, _constants.get)('space.2'));
-
-const DatePickerAnchor = /*#__PURE__*/_react.default.forwardRef(({
-  dateFormat = 'short',
-  disabled,
-  fromDate,
-  iconOnly = false,
-  onAction,
-  toDate
-}, ref) => {
-  const formattedDate = (0, _react.useMemo)(() => {
-    if (iconOnly) return;
-
-    if (dateFormat === 'short') {
-      return /*#__PURE__*/_react.default.createElement(_Text.default, null, `${(0, _dateFns.format)(fromDate, 'MMM d')}${toDate ? ' - ' : ''}${toDate ? (0, _dateFns.format)(toDate, 'MMM d') : ''}`);
-    } else if (dateFormat === 'long') {
-      return /*#__PURE__*/_react.default.createElement(_Text.default, null, `${(0, _dateFns.format)(fromDate, 'MMM d, yyyy')}${toDate ? ' - ' : ''}${toDate ? (0, _dateFns.format)(toDate, 'MMM d, yyyy') : ''}`);
-    } else {
-      return /*#__PURE__*/_react.default.createElement(_Text.default, null, `${(0, _dateFns.format)(fromDate, dateFormat)}${toDate ? ' - ' : ''}${toDate ? (0, _dateFns.format)(toDate, dateFormat) : ''}`);
-    }
-  }, [dateFormat, fromDate, iconOnly, toDate]);
-  const keyPressHandler = (0, _react.useCallback)(event => {
-    if (disabled) {
-      return;
-    }
-
-    if ([' ', 'Enter'].includes(event.key)) {
-      onAction === null || onAction === void 0 ? void 0 : onAction(event);
-    }
-  }, [disabled, onAction]);
-  const clickHandler = (0, _react.useCallback)(event => {
-    if (disabled) {
-      return;
-    }
-
-    onAction === null || onAction === void 0 ? void 0 : onAction(event);
-  }, [disabled, onAction]);
-  return /*#__PURE__*/_react.default.createElement(DatePickerAnchorButton, {
-    ref: ref,
-    onClick: clickHandler,
-    onKeyPress: keyPressHandler
-  }, /*#__PURE__*/_react.default.createElement(_.StyledOcticon, {
-    icon: _octiconsReact.CalendarIcon,
-    color: "fg.muted",
-    sx: {
-      my: '2px'
-    }
-  }), formattedDate);
-});
-
-exports.DatePickerAnchor = DatePickerAnchor;

package/lib/DatePicker/Day.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { FontSizeProps } from 'styled-system';
-import { SystemCommonProps, SystemLayoutProps } from '../constants';
-import { SxProp } from '../sx';
-export interface DayProps extends FontSizeProps, SystemCommonProps, SxProp, SystemLayoutProps {
-    blocked?: boolean;
-    disabled?: boolean;
-    onAction?: (date: Date, event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
-    selected?: boolean;
-    date: Date;
-}
-export declare const Day: React.FC<DayProps>;
-export declare const BlankDay: import("styled-components").StyledComponent<"div", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SxProp, never>;

package/lib/DatePicker/Day.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlankDay = exports.Day = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _constants = require("../constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const DayBaseComponent = (0, _styledComponents.default)(_Box.default).withConfig({
-  displayName: "Day__DayBaseComponent",
-  componentId: "sc-1japneh-0"
-})(["align-content:center;display:flex;justify-content:center;min-width:38px;min-height:38px;padding:", ";"], (0, _constants.get)('space.1'));
-const states = {
-  blocked: {
-    background: (0, _constants.get)('colors.neutral.subtle'),
-    color: (0, _constants.get)('colors.fg.subtle')
-  },
-  disabled: {
-    background: (0, _constants.get)('colors.canvas.primary'),
-    color: (0, _constants.get)('colors.fg.subtle')
-  },
-  selected: {
-    background: (0, _constants.get)('colors.accent.emphasis'),
-    color: (0, _constants.get)('colors.fg.onEmphasis')
-  },
-  default: {
-    normal: {
-      background: (0, _constants.get)('colors.canvas.primary'),
-      color: (0, _constants.get)('colors.fg.default')
-    },
-    hover: {
-      background: (0, _constants.get)('colors.neutral.muted'),
-      color: (0, _constants.get)('colors.fg.default')
-    },
-    pressed: {
-      background: (0, _constants.get)('colors.neutral.emphasis'),
-      color: (0, _constants.get)('colors.fg.onEmphasis')
-    }
-  }
-};
-
-const getStateColors = (props, prop, state) => {
-  const {
-    blocked,
-    disabled,
-    selected
-  } = props;
-
-  if (blocked) {
-    return states.blocked[prop];
-  } else if (disabled) {
-    return states.disabled[prop];
-  } else if (selected) {
-    return states.selected[prop];
-  } else {
-    return states.default[state][prop];
-  }
-};
-
-const DayComponent = (0, _styledComponents.default)(DayBaseComponent).attrs(props => ({
-  background: getStateColors(props, 'background', 'normal'),
-  textColor: getStateColors(props, 'color', 'normal'),
-  backgroundHover: getStateColors(props, 'background', 'hover'),
-  textColorHover: getStateColors(props, 'color', 'hover'),
-  backgroundPressed: getStateColors(props, 'background', 'pressed'),
-  textColorPressed: getStateColors(props, 'color', 'pressed')
-})).withConfig({
-  displayName: "Day__DayComponent",
-  componentId: "sc-1japneh-1"
-})(["background-color:", ";border-radius:", ";transition:0.2s background-color ease;& ", "{align-self:center;color:", ";display:flex;font-family:", ";font-size:", ";justify-self:center;user-select:none;transition:0.2s color ease;}&:hover{background-color:", ";cursor:pointer;transition:0.05s background-color ease;& ", "{color:", ";transition:0.1s color ease;}}&:active{background-color:", ";box-shadow:inset ", ";transition:0.1s background-color ease,0.1s box-shadow ease,0.1s color ease;& ", "{color:", ";transition:0.1s color ease;}}"], props => props.background, (0, _constants.get)('radii.2'), _Text.default, props => props.textColor, (0, _constants.get)('fonts.mono'), (0, _constants.get)('fontSizes.0'), props => props.backgroundHover, _Text.default, props => props.textColorHover, props => props.backgroundPressed, (0, _constants.get)('shadows.shadow.medium'), _Text.default, props => props.textColorPressed);
-
-const Day = ({
-  blocked,
-  disabled,
-  date,
-  onAction,
-  selected
-}) => {
-  const keyPressHandler = (0, _react.useCallback)(event => {
-    if (disabled) {
-      return;
-    }
-
-    if ([' ', 'Enter'].includes(event.key)) {
-      onAction === null || onAction === void 0 ? void 0 : onAction(date, event);
-    }
-  }, [disabled, onAction, date]);
-  const clickHandler = (0, _react.useCallback)(event => {
-    if (disabled) {
-      return;
-    }
-
-    onAction === null || onAction === void 0 ? void 0 : onAction(date, event);
-  }, [disabled, onAction, date]);
-  return /*#__PURE__*/_react.default.createElement(DayComponent, {
-    role: "button",
-    blocked: blocked,
-    disabled: disabled,
-    selected: selected,
-    onClick: clickHandler,
-    onKeyPress: keyPressHandler
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, date.getDate()));
-};
-
-exports.Day = Day;
-Day.displayName = "Day";
-const BlankDay = (0, _styledComponents.default)(DayBaseComponent).withConfig({
-  displayName: "Day__BlankDay",
-  componentId: "sc-1japneh-2"
-})(["background-color:", ";"], (0, _constants.get)('colors.canvas.primary'));
-exports.BlankDay = BlankDay;

package/lib/DatePicker/Month.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { FontSizeProps } from 'styled-system';
-import { SystemCommonProps, SystemLayoutProps } from '../constants';
-import { SxProp } from '../sx';
-export interface MonthProps extends FontSizeProps, SystemCommonProps, SxProp, SystemLayoutProps {
-    month: number;
-    year: number;
-}
-export declare const Month: React.FC<MonthProps>;

package/lib/DatePicker/Month.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Month = void 0;
-
-var _dateFns = require("date-fns");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _constants = require("../constants");
-
-var _Day = require("./Day");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const MonthComponent = (0, _styledComponents.default)(_Box.default).withConfig({
-  displayName: "Month__MonthComponent",
-  componentId: "l6j7o0-0"
-})(["display:grid;grid-auto-rows:min-content;grid-template-columns:repeat(1fr,7);grid-template-rows:1fr;gap:0px 0px;grid-template-areas:'month month month month month month month' 'sunday monday tuesday wednesday thursday friday saturday';justify-items:stretch;align-items:stretch;"]);
-const MonthTitle = (0, _styledComponents.default)(_Text.default).withConfig({
-  displayName: "Month__MonthTitle",
-  componentId: "l6j7o0-1"
-})(["font-size:", ";font-weight:", ";grid-area:month;justify-self:center;"], (0, _constants.get)('fontSizes.1'), (0, _constants.get)('fontWeights.bold'));
-const WeekdayHeader = (0, _styledComponents.default)(_Text.default).withConfig({
-  displayName: "Month__WeekdayHeader",
-  componentId: "l6j7o0-2"
-})(["color:", ";font-family:", ";font-size:", ";justify-self:center;padding:", " 0 ", ";"], (0, _constants.get)('colors.fg.subtle'), (0, _constants.get)('fonts.mono'), (0, _constants.get)('fontSizes.0'), (0, _constants.get)('space.3'), (0, _constants.get)('space.2'));
-
-const Month = ({
-  month,
-  year
-}) => {
-  const [selectedDay, setSelectedDay] = (0, _react.useState)(null);
-  const getTitle = (0, _react.useMemo)(() => `${(0, _dateFns.format)(new Date(year, month), 'MMMM yyyy')}`, [month, year]);
-  const weekdayHeaders = (0, _react.useMemo)(() => {
-    const now = new Date(year, month);
-    return (0, _dateFns.eachDayOfInterval)({
-      start: (0, _dateFns.startOfWeek)(now),
-      end: (0, _dateFns.endOfWeek)(now)
-    }).map(d => /*#__PURE__*/_react.default.createElement(WeekdayHeader, {
-      key: `weekday-${d}-header`
-    }, (0, _dateFns.format)(d, 'EEEEEE')));
-  }, [month, year]);
-
-  const dayAction = date => {
-    setSelectedDay(date);
-  };
-
-  const dayComponents = (0, _react.useMemo)(() => {
-    const components = [];
-    const firstDay = new Date(year, month, 1);
-
-    for (let i = 0; i < firstDay.getDay(); i++) {
-      components.push( /*#__PURE__*/_react.default.createElement(_Day.BlankDay, {
-        key: `month-pre-blank-${i}`
-      }));
-    }
-
-    for (let i = 1; i <= (0, _dateFns.getDaysInMonth)(firstDay); i++) {
-      const date = new Date(year, month, i);
-      components.push( /*#__PURE__*/_react.default.createElement(_Day.Day, {
-        key: `day-component-${date.toString()}`,
-        date: date,
-        selected: selectedDay ? (0, _dateFns.isEqual)(date, selectedDay) : false,
-        onAction: dayAction
-      }));
-    }
-
-    const lastDay = (0, _dateFns.lastDayOfMonth)(firstDay);
-
-    for (let i = 6; i > lastDay.getDay(); i--) {
-      components.push( /*#__PURE__*/_react.default.createElement(_Day.BlankDay, {
-        key: `month-post-blank-${i}`
-      }));
-    }
-
-    return components;
-  }, [month, selectedDay, year]);
-  return /*#__PURE__*/_react.default.createElement(MonthComponent, {
-    role: "grid"
-  }, /*#__PURE__*/_react.default.createElement(MonthTitle, null, getTitle), weekdayHeaders, dayComponents);
-};
-
-exports.Month = Month;
-Month.displayName = "Month";

package/lib/DatePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { DatePicker } from './DatePicker';
-export type { DatePickerProps } from './DatePicker';

package/lib/DatePicker/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.DatePicker;
-  }
-});
-
-var _DatePicker = require("./DatePicker");

package/lib-esm/DatePicker/DatePicker.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { OverlayProps } from '../Overlay';
-import { FocusTrapHookSettings } from '../hooks/useFocusTrap';
-import { FocusZoneHookSettings } from '../hooks/useFocusZone';
-export interface DatePickerProps {
-    /**
-     * An override to the internal ref that will be spread on to the renderAnchor
-     */
-    anchorRef?: React.RefObject<HTMLElement>;
-    anchorVariant?: 'full' | 'iconOnly';
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusTrapSettings?: Partial<FocusTrapHookSettings>;
-    /**
-     * Settings to apply to the Focus Zone on the internal `Overlay` component.
-     */
-    focusZoneSettings?: Partial<FocusZoneHookSettings>;
-    initialValue?: 'today' | Date | string | null;
-    placeholder?: string;
-    /**
-     * Determines whether the overlay portion of the component should be shown or not
-     */
-    open?: boolean;
-    /**
-     * A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
-     */
-    onOpen?: (gesture: 'anchor-click' | 'anchor-key-press') => unknown;
-    /**
-     * A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
-     */
-    onClose?: (gesture: 'anchor-click' | 'click-outside' | 'escape') => unknown;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-    /**
-     * A custom function component used to render the anchor element.
-     * Will receive the selected text as `children` prop when an item is activated.
-     */
-    renderAnchor: <T extends React.HTMLAttributes<HTMLElement>>(props: T) => JSX.Element;
-    value?: Date | string | null;
-}
-export declare const DatePicker: React.FC<DatePickerProps>;