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

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 { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
-import { statusArgTypes } from '../../utils/docUtils/statusProp';
+import statuses from '../../utils/devUtils/constants/statuses.js';
+import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
+import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
 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(_objectSpread({
+  argTypes: _objectSpread(_objectSpread({
     labelMode: {
       control: {
         type: 'select',
@@ -46,8 +46,15 @@ export default {
       control: {
         type: 'text'
       }
+    },
+    status: {
+      control: {
+        type: 'select',
+        options: statuses
+      },
+      defaultValue: statuses.DEFAULT
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, 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/docUtils/ariaAttributes';
+import { getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
 import { useStatusClasses } from '..';
 
 /**

package/lib/recipes/PanelHeader.stories.js

@@ -0,0 +1,70 @@
+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"
+  }))));
+};

package/package.json

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

package/lib/cjs/utils/docUtils/statusProp.js

@@ -1,55 +0,0 @@
-"use strict";
-
-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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.statusPropTypes = exports.statusDefaultProp = exports.statusBaseDocSettings = exports.statusArgTypes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _statuses = _interopRequireDefault(require("../devUtils/constants/statuses"));
-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) { (0, _defineProperty2["default"])(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; }
-var descriptions = {
-  status: 'Determines any status related styling.'
-};
-var statusBaseDocSettings = {
-  control: {
-    type: 'radio',
-    options: (0, _values["default"])(_statuses["default"])
-  },
-  defaultValue: _statuses["default"].DEFAULT,
-  table: {
-    type: {
-      summary: (0, _map["default"])(_context = (0, _values["default"])(_statuses["default"])).call(_context, function (status) {
-        return "'".concat(status, "'");
-      }).join('|')
-    }
-  }
-};
-exports.statusBaseDocSettings = statusBaseDocSettings;
-var statusArgTypes = {
-  'status': _objectSpread({
-    description: descriptions.status
-  }, statusBaseDocSettings)
-};
-exports.statusArgTypes = statusArgTypes;
-var statusPropTypes = {
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"]))
-};
-exports.statusPropTypes = statusPropTypes;
-var statusDefaultProp = {
-  status: _statuses["default"].DEFAULT
-};
-exports.statusDefaultProp = statusDefaultProp;

package/lib/utils/docUtils/statusProp.js

@@ -1,44 +0,0 @@
-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
-};