@pingux/astro 2.103.0 → 2.104.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.103.0",
+  "version": "2.104.0-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",

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

@@ -1,212 +0,0 @@
-import React from 'react';
-import { StoryFn } from '@storybook/react';
-import { CalendarProps } from '../../types';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
-    decorators: ((...args: any) => any)[];
-    parameters: {
-        actions: {
-            argTypesRegex: string;
-        };
-        docs: {
-            source: {
-                type: string;
-            };
-            page: () => React.JSX.Element;
-        };
-    };
-    argTypes: {
-        'aria-controls': {
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                category: string;
-            };
-            description: string;
-        };
-        'aria-describedby': {
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                category: string;
-            };
-            description: string;
-        };
-        'aria-details': {
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                category: string;
-            };
-            description: string;
-        };
-        'aria-errormessage': {
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                category: string;
-            };
-            description: string;
-        };
-        'aria-label': {
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                category: string;
-            };
-            description: string;
-        };
-        'aria-labelledby': {
-            control: {
-                type: string;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                category: string;
-            };
-            description: string;
-        };
-        customWeekDays: {
-            control: {
-                type: string;
-            };
-        };
-        value: {
-            control: {
-                type: string;
-            };
-        };
-        defaultValue: {
-            control: {
-                type: string;
-            };
-        };
-        hasAutoFocus: {
-            control: {
-                type: string;
-            };
-        };
-        id: {
-            control: {
-                type: string;
-            };
-        };
-        isDisabled: {
-            control: {
-                type: string;
-            };
-        };
-        isReadOnly: {
-            control: {
-                type: string;
-            };
-        };
-        isRequired: {
-            control: {
-                type: string;
-            };
-        };
-        maxValue: {
-            control: {
-                type: string;
-            };
-        };
-        minValue: {
-            control: {
-                type: string;
-            };
-        };
-        onChange: {
-            control: {
-                type: string;
-            };
-            action: string;
-        };
-        onFocusChange: {
-            control: {
-                type: string;
-            };
-            action: string;
-        };
-    };
-    args: {
-        hasAutoFocus: boolean;
-        isDisabled: boolean;
-        isReadOnly: boolean;
-        isRequired: boolean;
-        onChange: null;
-        onFocusChange: null;
-        defaultFocusedValue: string;
-    };
-};
-export default _default;
-export declare const Default: StoryFn<CalendarProps>;
-export declare const DefaultValue: {
-    (): React.JSX.Element;
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const Disabled: {
-    (args: any): React.JSX.Element;
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const UnavailableDates: {
-    (): React.JSX.Element;
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const MinimumDate: {
-    (): React.JSX.Element;
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const MaximumDate: {
-    (): React.JSX.Element;
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const Controlled: (args: any) => React.JSX.Element;

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

@@ -1,225 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.UnavailableDates = exports.MinimumDate = exports.MaximumDate = exports.Disabled = exports.DefaultValue = exports.Default = exports.Controlled = void 0;
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _date = require("@internationalized/date");
-var _storybookAddonDesigns = require("storybook-addon-designs");
-var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-var _figmaLinks = require("../../utils/designUtils/figmaLinks");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _Calendar = _interopRequireDefault(require("./Calendar.mdx"));
-var _ = _interopRequireDefault(require("."));
-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; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var _default = {
-  title: 'Components/Calendar',
-  component: _["default"],
-  decorators: [_storybookAddonDesigns.withDesign],
-  parameters: {
-    actions: {
-      argTypesRegex: '^on.*'
-    },
-    docs: {
-      source: {
-        type: 'code'
-      },
-      page: function page() {
-        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Calendar["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      }
-    }
-  },
-  argTypes: _objectSpread({
-    customWeekDays: {
-      control: {
-        type: 'array'
-      }
-    },
-    value: {
-      control: {
-        type: 'text'
-      }
-    },
-    defaultValue: {
-      control: {
-        type: 'text'
-      }
-    },
-    hasAutoFocus: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    id: {
-      control: {
-        type: 'text'
-      }
-    },
-    isDisabled: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    isReadOnly: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    isRequired: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    maxValue: {
-      control: {
-        type: 'text'
-      }
-    },
-    minValue: {
-      control: {
-        type: 'text'
-      }
-    },
-    onChange: {
-      control: {
-        type: 'func'
-      },
-      action: 'change'
-    },
-    onFocusChange: {
-      control: {
-        type: 'func'
-      },
-      action: 'focus change'
-    }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes),
-  args: {
-    hasAutoFocus: false,
-    isDisabled: false,
-    isReadOnly: false,
-    isRequired: false,
-    onChange: null,
-    onFocusChange: null,
-    defaultFocusedValue: '2030-01-15'
-  }
-};
-exports["default"] = _default;
-var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
-    "aria-label": "calendar-default"
-  }));
-};
-exports.Default = Default;
-Default.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar["default"]
-  }
-};
-var DefaultValue = function DefaultValue() {
-  return (0, _react2.jsx)(_["default"], {
-    "aria-label": "calendar-with-default-value",
-    defaultValue: "2030-01-15"
-  });
-};
-exports.DefaultValue = DefaultValue;
-DefaultValue.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.defaultValue
-  }
-};
-var Disabled = function Disabled(args) {
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
-    "aria-label": "calendar-component-disabled",
-    isDisabled: true
-  }));
-};
-exports.Disabled = Disabled;
-Disabled.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.disabled
-  }
-};
-var UnavailableDates = function UnavailableDates() {
-  var unavailableRanges = [['2030-07-28', '2030-08-03'], ['2030-08-11', '2030-08-17'], ['2030-08-25', '2030-08-31']];
-  // This function is run against each date in the calendar
-  var isDateUnavailable = function isDateUnavailable(date) {
-    return (0, _some["default"])(unavailableRanges).call(unavailableRanges, function (interval) {
-      return date.compare((0, _date.parseDate)(interval[0])) >= 0 && date.compare((0, _date.parseDate)(interval[1])) <= 0;
-    });
-  };
-  return (0, _react2.jsx)(_["default"], {
-    "aria-label": "calendar-component-unavailable-dates",
-    defaultValue: "2030-08-07",
-    isDateUnavailable: isDateUnavailable
-  });
-};
-exports.UnavailableDates = UnavailableDates;
-UnavailableDates.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.unavailableDates
-  }
-};
-var MinimumDate = function MinimumDate() {
-  return (0, _react2.jsx)(_["default"], {
-    "aria-label": "calendar-component-min-date",
-    minValue: "2030-01-15",
-    defaultValue: "2030-01-15"
-  });
-};
-exports.MinimumDate = MinimumDate;
-MinimumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.minimumDate
-  }
-};
-var MaximumDate = function MaximumDate() {
-  return (0, _react2.jsx)(_["default"], {
-    "aria-label": "calendar-component-max-date",
-    maxValue: "2030-01-15",
-    defaultValue: "2030-01-15"
-  });
-};
-exports.MaximumDate = MaximumDate;
-MaximumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.maximumDate
-  }
-};
-var Controlled = function Controlled(args) {
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    date = _useState2[0],
-    setDate = _useState2[1];
-  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, args, {
-    "aria-label": "calendar-component-controlled",
-    value: date,
-    onChange: setDate
-  }));
-};
-exports.Controlled = Controlled;

package/lib/components/Calendar/Calendar.stories.js

@@ -1,206 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useState } from 'react';
-import { parseDate } from '@internationalized/date';
-import { withDesign } from 'storybook-addon-designs';
-import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
-import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
-import CalendarReadme from './Calendar.mdx';
-import Calendar from '.';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Components/Calendar',
-  component: Calendar,
-  decorators: [withDesign],
-  parameters: {
-    actions: {
-      argTypesRegex: '^on.*'
-    },
-    docs: {
-      source: {
-        type: 'code'
-      },
-      page: function page() {
-        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CalendarReadme, null), ___EmotionJSX(DocsLayout, null));
-      }
-    }
-  },
-  argTypes: _objectSpread({
-    customWeekDays: {
-      control: {
-        type: 'array'
-      }
-    },
-    value: {
-      control: {
-        type: 'text'
-      }
-    },
-    defaultValue: {
-      control: {
-        type: 'text'
-      }
-    },
-    hasAutoFocus: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    id: {
-      control: {
-        type: 'text'
-      }
-    },
-    isDisabled: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    isReadOnly: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    isRequired: {
-      control: {
-        type: 'boolean'
-      }
-    },
-    maxValue: {
-      control: {
-        type: 'text'
-      }
-    },
-    minValue: {
-      control: {
-        type: 'text'
-      }
-    },
-    onChange: {
-      control: {
-        type: 'func'
-      },
-      action: 'change'
-    },
-    onFocusChange: {
-      control: {
-        type: 'func'
-      },
-      action: 'focus change'
-    }
-  }, ariaAttributeBaseArgTypes),
-  args: {
-    hasAutoFocus: false,
-    isDisabled: false,
-    isReadOnly: false,
-    isRequired: false,
-    onChange: null,
-    onFocusChange: null,
-    defaultFocusedValue: '2030-01-15'
-  }
-};
-export var Default = function Default(args) {
-  return ___EmotionJSX(Calendar, _extends({}, args, {
-    "aria-label": "calendar-default"
-  }));
-};
-Default.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar["default"]
-  }
-};
-export var DefaultValue = function DefaultValue() {
-  return ___EmotionJSX(Calendar, {
-    "aria-label": "calendar-with-default-value",
-    defaultValue: "2030-01-15"
-  });
-};
-DefaultValue.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.defaultValue
-  }
-};
-export var Disabled = function Disabled(args) {
-  return ___EmotionJSX(Calendar, _extends({}, args, {
-    "aria-label": "calendar-component-disabled",
-    isDisabled: true
-  }));
-};
-Disabled.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.disabled
-  }
-};
-export var UnavailableDates = function UnavailableDates() {
-  var unavailableRanges = [['2030-07-28', '2030-08-03'], ['2030-08-11', '2030-08-17'], ['2030-08-25', '2030-08-31']];
-  // This function is run against each date in the calendar
-  var isDateUnavailable = function isDateUnavailable(date) {
-    return _someInstanceProperty(unavailableRanges).call(unavailableRanges, function (interval) {
-      return date.compare(parseDate(interval[0])) >= 0 && date.compare(parseDate(interval[1])) <= 0;
-    });
-  };
-  return ___EmotionJSX(Calendar, {
-    "aria-label": "calendar-component-unavailable-dates",
-    defaultValue: "2030-08-07",
-    isDateUnavailable: isDateUnavailable
-  });
-};
-UnavailableDates.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.unavailableDates
-  }
-};
-export var MinimumDate = function MinimumDate() {
-  return ___EmotionJSX(Calendar, {
-    "aria-label": "calendar-component-min-date",
-    minValue: "2030-01-15",
-    defaultValue: "2030-01-15"
-  });
-};
-MinimumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.minimumDate
-  }
-};
-export var MaximumDate = function MaximumDate() {
-  return ___EmotionJSX(Calendar, {
-    "aria-label": "calendar-component-max-date",
-    maxValue: "2030-01-15",
-    defaultValue: "2030-01-15"
-  });
-};
-MaximumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.maximumDate
-  }
-};
-export var Controlled = function Controlled(args) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    date = _useState2[0],
-    setDate = _useState2[1];
-  return ___EmotionJSX(Calendar, _extends({}, args, {
-    "aria-label": "calendar-component-controlled",
-    value: date,
-    onChange: setDate
-  }));
-};