@pingux/astro 2.2.0-alpha.3 → 2.2.0-alpha.5

package/lib/components/TextField/TextField.stories.js

@@ -18,9 +18,9 @@ import React, { useState } from 'react';
 import isEmpty from 'lodash/isEmpty';
 import useCopyToClipboard from '../../hooks/useCopyToClipboard';
 import { Box, TextField } from '../../index';
-import statuses from '../../utils/devUtils/constants/statuses.js';
-import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
+import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
+import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import CopyButton from '../CopyText/CopyButton';
 import { modes as labelModes } from '../Label/constants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -34,7 +34,7 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: _objectSpread(_objectSpread(_objectSpread({
     labelMode: {
       control: {
         type: 'select',
@@ -46,15 +46,8 @@ export default {
       control: {
         type: 'text'
       }
-    },
-    status: {
-      control: {
-        type: 'select',
-        options: statuses
-      },
-      defaultValue: statuses.DEFAULT
     }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
 };
 export var Default = function Default(_ref) {
   var variant = _ref.variant,

package/lib/hooks/useField/useField.js

@@ -19,7 +19,7 @@ import noop from 'lodash/noop';
 import omit from 'lodash/omit';
 import { modes as labelModes } from '../../components/Label/constants';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
+import { getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
 import { useStatusClasses } from '..';
 
 /**

package/lib/utils/docUtils/statusProp.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+var _context;
+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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+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 PropTypes from 'prop-types';
+import statuses from '../devUtils/constants/statuses';
+var descriptions = {
+  status: 'Determines any status related styling.'
+};
+export var statusBaseDocSettings = {
+  control: {
+    type: 'radio',
+    options: _Object$values(statuses)
+  },
+  defaultValue: statuses.DEFAULT,
+  table: {
+    type: {
+      summary: _mapInstanceProperty(_context = _Object$values(statuses)).call(_context, function (status) {
+        return "'".concat(status, "'");
+      }).join('|')
+    }
+  }
+};
+export var statusArgTypes = {
+  'status': _objectSpread({
+    description: descriptions.status
+  }, statusBaseDocSettings)
+};
+export var statusPropTypes = {
+  status: PropTypes.oneOf(_Object$values(statuses))
+};
+export var statusDefaultProp = {
+  status: statuses.DEFAULT
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.2.0-alpha.3",
+  "version": "2.2.0-alpha.5",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",

package/lib/cjs/recipes/PanelHeader.stories.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AccountIcon = _interopRequireDefault(require("mdi-react/AccountIcon"));
-var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
-var _DotsVerticalIcon = _interopRequireDefault(require("mdi-react/DotsVerticalIcon"));
-var _index = require("../index");
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Recipes/Panel Header'
-};
-exports["default"] = _default;
-var sx = {
-  wrapper: {
-    width: 'fit-content',
-    alignItems: 'center',
-    bg: 'accent.99',
-    py: 'sm',
-    pl: 'md'
-  },
-  title: {
-    fontSize: 'md',
-    lineHeight: '18px'
-  },
-  subtitle: {
-    fontSize: 'sm',
-    my: '1px',
-    lineHeight: '16px'
-  }
-};
-var Default = function Default() {
-  return (0, _react2.jsx)(_index.Box, {
-    isRow: true,
-    sx: sx.wrapper
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _AccountIcon["default"],
-    size: 25,
-    color: "accent.40"
-  }), (0, _react2.jsx)(_index.Box, {
-    ml: "sm",
-    mr: "xx"
-  }, (0, _react2.jsx)(_index.Text, {
-    sx: sx.title,
-    variant: "bodyStrong"
-  }, "Fons Vernall"), (0, _react2.jsx)(_index.Text, {
-    sx: sx.subtitle,
-    variant: "subtitle"
-  }, "fvernall0@google.it")), (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.IconButton, {
-    "aria-label": "Menu Button"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DotsVerticalIcon["default"],
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  })), (0, _react2.jsx)(_index.Menu, null, (0, _react2.jsx)(_index.Item, {
-    key: "edit"
-  }, "Edit"), (0, _react2.jsx)(_index.Item, {
-    key: "duplicate"
-  }, "Duplicate"), (0, _react2.jsx)(_index.Item, {
-    key: "delete",
-    textValue: "delete"
-  }, (0, _react2.jsx)(_index.Text, {
-    color: "critical.bright"
-  }, "Delete"))))), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.IconButton, {
-    "aria-label": "Close Button",
-    mx: "10px"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _CloseIcon["default"],
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  }))));
-};
-exports.Default = Default;

package/lib/recipes/PanelHeader.stories.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import AccountIcon from 'mdi-react/AccountIcon';
-import CloseIcon from 'mdi-react/CloseIcon';
-import DotsVerticalIcon from 'mdi-react/DotsVerticalIcon';
-import { Box, Icon, IconButton, Item, Menu, OverlayProvider, PopoverMenu, Text } from '../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Recipes/Panel Header'
-};
-var sx = {
-  wrapper: {
-    width: 'fit-content',
-    alignItems: 'center',
-    bg: 'accent.99',
-    py: 'sm',
-    pl: 'md'
-  },
-  title: {
-    fontSize: 'md',
-    lineHeight: '18px'
-  },
-  subtitle: {
-    fontSize: 'sm',
-    my: '1px',
-    lineHeight: '16px'
-  }
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Box, {
-    isRow: true,
-    sx: sx.wrapper
-  }, ___EmotionJSX(Icon, {
-    icon: AccountIcon,
-    size: 25,
-    color: "accent.40"
-  }), ___EmotionJSX(Box, {
-    ml: "sm",
-    mr: "xx"
-  }, ___EmotionJSX(Text, {
-    sx: sx.title,
-    variant: "bodyStrong"
-  }, "Fons Vernall"), ___EmotionJSX(Text, {
-    sx: sx.subtitle,
-    variant: "subtitle"
-  }, "fvernall0@google.it")), ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(IconButton, {
-    "aria-label": "Menu Button"
-  }, ___EmotionJSX(Icon, {
-    icon: DotsVerticalIcon,
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  })), ___EmotionJSX(Menu, null, ___EmotionJSX(Item, {
-    key: "edit"
-  }, "Edit"), ___EmotionJSX(Item, {
-    key: "duplicate"
-  }, "Duplicate"), ___EmotionJSX(Item, {
-    key: "delete",
-    textValue: "delete"
-  }, ___EmotionJSX(Text, {
-    color: "critical.bright"
-  }, "Delete"))))), ___EmotionJSX(Box, null, ___EmotionJSX(IconButton, {
-    "aria-label": "Close Button",
-    mx: "10px"
-  }, ___EmotionJSX(Icon, {
-    icon: CloseIcon,
-    size: "xs",
-    color: "Neutral.40",
-    m: "0.61px"
-  }))));
-};