@pingux/astro 2.16.0-alpha.3 → 2.16.0-alpha.4

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

@@ -8,7 +8,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Edit = exports.DisplayWithError = exports.DisplayRow = exports.Display = void 0;
+exports["default"] = exports.EditRow = exports.Edit = exports.DisplayWithError = exports.DisplayRow = exports.Display = void 0;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -244,7 +244,7 @@ var Edit = function Edit() {
   var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isSubmitted = _useState4[0],
-    submitFields = _useState4[1];
+    setIsSubmitted = _useState4[1];
   var addRow = function addRow() {
     var _context;
     var newRow = {
@@ -313,7 +313,7 @@ var Edit = function Edit() {
       updateRow: updateRow,
       key: "row container ".concat(row.name),
       isSubmitted: isSubmitted,
-      submitFields: submitFields
+      setIsSubmitted: setIsSubmitted
     }));
   })))));
 };
@@ -379,17 +379,20 @@ var DisplayRow = function DisplayRow(props) {
   }));
 };
 exports.DisplayRow = DisplayRow;
-var EditRow = /*#__PURE__*/(0, _react.memo)(function (props) {
+var EditRow = function EditRow(props) {
   var isDisabled = props.isDisabled,
     isNewRow = props.isNewRow,
     index = props.index,
     textValue = props.textValue,
     inputValue = props.inputValue,
-    updateRow = props.updateRow,
-    removeRow = props.removeRow,
+    _props$removeRow = props.removeRow,
+    removeRow = _props$removeRow === void 0 ? function () {} : _props$removeRow,
+    _props$updateRow = props.updateRow,
+    updateRow = _props$updateRow === void 0 ? function () {} : _props$updateRow,
     areRowsValid = props.areRowsValid,
     isSubmitted = props.isSubmitted,
-    submitFields = props.submitFields;
+    _props$setIsSubmitted = props.setIsSubmitted,
+    setIsSubmitted = _props$setIsSubmitted === void 0 ? function () {} : _props$setIsSubmitted;
   var items = [{
     name: 'Aardvark',
     id: '1'
@@ -404,11 +407,11 @@ var EditRow = /*#__PURE__*/(0, _react.memo)(function (props) {
   var textFieldRef = (0, _react.useRef)();
   var setTextValue = function setTextValue(value) {
     updateRow(index, value, 'textValue');
-    submitFields(false);
+    setIsSubmitted(false);
   };
   var setInputValue = function setInputValue(value) {
     updateRow(index, value, 'inputValue');
-    submitFields(false);
+    setIsSubmitted(false);
   };
   (0, _react.useEffect)(function () {
     if (isNewRow) {
@@ -512,4 +515,5 @@ var EditRow = /*#__PURE__*/(0, _react.memo)(function (props) {
       name: 'Delete Icon'
     }
   })))));
-});
+};
+exports.EditRow = EditRow;

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

@@ -22,6 +22,7 @@ var _reactStately = require("react-stately");
 var _i18n = require("@react-aria/i18n");
 var _Buttons = require("../components/Button/Buttons.styles");
 var _index = require("../index");
+var _figmaLinks = require("../utils/designUtils/figmaLinks.js");
 var _react2 = require("@emotion/react");
 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 _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; } /* eslint-disable no-nested-ternary */
@@ -105,6 +106,12 @@ var Default = function Default() {
   })));
 };
 exports.Default = Default;
+Default.parameters = {
+  design: {
+    type: 'figma',
+    url: _figmaLinks.FIGMA_LINKS.slider["default"]
+  }
+};
 var Slider = function Slider(props) {
   var trackRef = _react["default"].useRef(null);
   var numberFormatter = (0, _i18n.useNumberFormatter)(props.formatOptions);

package/lib/cjs/utils/designUtils/figmaLinks.js

@@ -93,6 +93,9 @@ var FIGMA_LINKS = {
   },
   stepper: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=7523-27301&t=rLZVlRDdR1JhehkH-0'
+  },
+  slider: {
+    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43112%3A1773&mode=dev'
   }
 };
 exports.FIGMA_LINKS = FIGMA_LINKS;

package/lib/recipes/AttributeMapping.stories.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { memo, useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import AddIcon from '@pingux/mdi-react/AddIcon';
 import AlertCircleIcon from '@pingux/mdi-react/AlertCircleIcon';
 import CogsIcon from '@pingux/mdi-react/CogsIcon';
@@ -228,7 +228,7 @@ export var Edit = function Edit() {
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     isSubmitted = _useState4[0],
-    submitFields = _useState4[1];
+    setIsSubmitted = _useState4[1];
   var addRow = function addRow() {
     var _context;
     var newRow = {
@@ -297,7 +297,7 @@ export var Edit = function Edit() {
       updateRow: updateRow,
       key: "row container ".concat(row.name),
       isSubmitted: isSubmitted,
-      submitFields: submitFields
+      setIsSubmitted: setIsSubmitted
     }));
   })))));
 };
@@ -361,17 +361,20 @@ export var DisplayRow = function DisplayRow(props) {
     sx: sx.badge
   }));
 };
-var EditRow = /*#__PURE__*/memo(function (props) {
+export var EditRow = function EditRow(props) {
   var isDisabled = props.isDisabled,
     isNewRow = props.isNewRow,
     index = props.index,
     textValue = props.textValue,
     inputValue = props.inputValue,
-    updateRow = props.updateRow,
-    removeRow = props.removeRow,
+    _props$removeRow = props.removeRow,
+    removeRow = _props$removeRow === void 0 ? function () {} : _props$removeRow,
+    _props$updateRow = props.updateRow,
+    updateRow = _props$updateRow === void 0 ? function () {} : _props$updateRow,
     areRowsValid = props.areRowsValid,
     isSubmitted = props.isSubmitted,
-    submitFields = props.submitFields;
+    _props$setIsSubmitted = props.setIsSubmitted,
+    setIsSubmitted = _props$setIsSubmitted === void 0 ? function () {} : _props$setIsSubmitted;
   var items = [{
     name: 'Aardvark',
     id: '1'
@@ -386,11 +389,11 @@ var EditRow = /*#__PURE__*/memo(function (props) {
   var textFieldRef = useRef();
   var setTextValue = function setTextValue(value) {
     updateRow(index, value, 'textValue');
-    submitFields(false);
+    setIsSubmitted(false);
   };
   var setInputValue = function setInputValue(value) {
     updateRow(index, value, 'inputValue');
-    submitFields(false);
+    setIsSubmitted(false);
   };
   useEffect(function () {
     if (isNewRow) {
@@ -494,4 +497,4 @@ var EditRow = /*#__PURE__*/memo(function (props) {
       name: 'Delete Icon'
     }
   })))));
-});
+};

package/lib/recipes/Slider.stories.js

@@ -18,6 +18,7 @@ import { useSliderState } from 'react-stately';
 import { useNumberFormatter } from '@react-aria/i18n';
 import { defaultFocus } from '../components/Button/Buttons.styles';
 import { Box } from '../index';
+import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.js';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/Slider'
@@ -97,6 +98,12 @@ export var Default = function Default() {
     step: 1
   })));
 };
+Default.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.slider["default"]
+  }
+};
 var Slider = function Slider(props) {
   var trackRef = React.useRef(null);
   var numberFormatter = useNumberFormatter(props.formatOptions);

package/lib/utils/designUtils/figmaLinks.js

@@ -86,5 +86,8 @@ export var FIGMA_LINKS = {
   },
   stepper: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=7523-27301&t=rLZVlRDdR1JhehkH-0'
+  },
+  slider: {
+    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43112%3A1773&mode=dev'
   }
 };

package/package.json

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