@pingux/astro 2.121.0-alpha.0 → 2.121.0-alpha.2

package/lib/cjs/styles/themes/next-gen/stories/ListViewNextGenComponent.js

@@ -1,67 +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.ListViewNextGen = void 0;
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _react = _interopRequireDefault(require("react"));
-var _TrashCanOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/TrashCanOutlineIcon"));
-var _index = require("../../../../index");
-var _ListViewItemNextGen = require("./ListViewItemNextGen");
-var _react2 = require("@emotion/react");
-var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
-var items = (0, _from["default"])({
-  length: 300
-}, function (_, index) {
-  var id = (index + 1).toString();
-  return {
-    key: "Animal".concat(id),
-    name: "Animal".concat(id),
-    id: id
-  };
-});
-var colors = ['cyan', 'orange', 'red', 'green', 'purple', 'yellow', 'teal', 'pink', 'yellow', 'green'];
-var getColor = function getColor(index) {
-  var lastDigit = index % 10;
-  return colors[lastDigit];
-};
-var ListViewNextGen = function ListViewNextGen() {
-  return (0, _react2.jsx)(_index.Box, {
-    backgroundColor: "background.base",
-    p: "lg"
-  }, (0, _react2.jsx)(_index.Box, {
-    height: "400px",
-    backgroundColor: "background.base"
-  }, (0, _react2.jsx)(_index.ListView, {
-    items: items,
-    selectionMode: "single"
-  }, (0, _map["default"])(items).call(items, function (item, index) {
-    return (0, _react2.jsx)(_index.Item, item, (0, _react2.jsx)(_index.ListViewItem, {
-      data: {
-        icon: null
-      },
-      slots: {
-        leftOfData: (0, _react2.jsx)(_index.IconWrapper, {
-          color: getColor(index),
-          icon: _TrashCanOutlineIcon["default"],
-          size: "md",
-          title: {
-            name: 'trash can'
-          },
-          isCircle: true
-        }),
-        rightOfData: (0, _react2.jsx)(_ListViewItemNextGen.TextSlot, {
-          title: item.name,
-          key: item.key,
-          description: loremText
-        })
-      },
-      hasSeparator: false
-    }));
-  }))));
-};
-exports.ListViewNextGen = ListViewNextGen;

package/lib/cjs/styles/themes/next-gen/stories/NextGenListViewItem.stories.js

@@ -1,35 +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 _ = require("../../../..");
-var _ListViewItemNextGen = require("./ListViewItemNextGen");
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Onyx Recipes/ListViewItem'
-};
-exports["default"] = _default;
-var item = {
-  key: 'test',
-  id: 'test',
-  name: 'JavaScript Array For Each',
-  title: 'JavaScript Array For Each',
-  category: 'Code Snippet',
-  description: 'Sample code demonstrating how to iterate over a description'
-};
-var Default = function Default() {
-  return (0, _react2.jsx)(_.Box, {
-    sx: {
-      border: '1px solid',
-      borderColor: 'border.base'
-    }
-  }, (0, _react2.jsx)(_ListViewItemNextGen.ListViewItemNextGen, {
-    item: item
-  }));
-};
-exports.Default = Default;

package/lib/recipes/NextGen/ListViewNextGen.stories.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Box } from '../../index';
-import { ListViewNextGen } from '../../styles/themes/next-gen/stories/ListViewNextGenComponent';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Onyx Recipes/ListView'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Box, {
-    backgroundColor: "background.base",
-    p: "lg"
-  }, ___EmotionJSX(ListViewNextGen, null));
-};

package/lib/styles/themeOverrides/nextGenDarkMode/variants/lsitview.js

@@ -1,24 +0,0 @@
-export var listViewItem = {
-  styledListItem: {
-    '&.has-separator': {
-      borderBottom: '1px solid',
-      borderBottomColor: 'border.base'
-    },
-    bg: 'background.base',
-    '&.is-selected': {
-      bg: 'background.hover'
-    },
-    '&.is-hovered': {
-      bg: 'background.hover'
-    },
-    '&.is-focused': {
-      boxShadow: '0 0 0 3px inset #1a73e8',
-      bg: 'background.hover'
-    }
-  }
-};
-export var listView = {
-  container: {
-    borderColor: 'border.base'
-  }
-};

package/lib/styles/themes/next-gen/stories/ListViewItemNextGen.js

@@ -1,75 +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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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 from 'react';
-import TrashCanOutlineIcon from '@pingux/mdi-react/TrashCanOutlineIcon';
-import { Badge, Box, Icon, IconWrapper, Item, ListViewItem, ListViewItemMenu, Text } from '../../../../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var textSlotContainerStyle = {
-  ml: 'md',
-  gap: '2px',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  flexShrink: '4',
-  'div:has > div': {
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    flexGrow: 4
-  }
-};
-export var TextSlot = function TextSlot(props) {
-  var title = props.title,
-    category = props.category,
-    description = props.description;
-  return ___EmotionJSX(Box, {
-    sx: _objectSpread({}, textSlotContainerStyle)
-  }, ___EmotionJSX(Text, {
-    textOverflow: "ellipsis",
-    fontWeight: "2",
-    color: "text.secondary"
-  }, title), ___EmotionJSX(Text, {
-    textOverflow: "ellipsis"
-  }, description), ___EmotionJSX(Badge, {
-    variant: "secondary",
-    label: category
-  }));
-};
-export var ListViewItemNextGen = function ListViewItemNextGen(props) {
-  var item = props.item;
-  return ___EmotionJSX(ListViewItem, _extends({}, item, {
-    data: {
-      icon: null
-    },
-    slots: {
-      leftOfData: ___EmotionJSX(IconWrapper, {
-        color: "purple",
-        icon: TrashCanOutlineIcon,
-        size: "md",
-        title: {
-          name: 'trash can'
-        },
-        isCircle: true
-      }),
-      rightOfData: ___EmotionJSX(TextSlot, item)
-    },
-    hasSeparator: false
-  }), ___EmotionJSX(ListViewItemMenu, null, ___EmotionJSX(Item, {
-    key: "enable"
-  }, ___EmotionJSX(Box, {
-    isRow: true,
-    gap: "sm",
-    px: "sm",
-    py: "xs"
-  }, ___EmotionJSX(Icon, {
-    icon: TrashCanOutlineIcon
-  }), ___EmotionJSX(Text, null, "Delete")))));
-};

package/lib/styles/themes/next-gen/stories/ListViewNextGenComponent.js

@@ -1,58 +0,0 @@
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React from 'react';
-import TrashCanOutlineIcon from '@pingux/mdi-react/TrashCanOutlineIcon';
-import { Box, IconWrapper, Item, ListView, ListViewItem } from '../../../../index';
-import { TextSlot } from './ListViewItemNextGen';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
-var items = _Array$from({
-  length: 300
-}, function (_, index) {
-  var id = (index + 1).toString();
-  return {
-    key: "Animal".concat(id),
-    name: "Animal".concat(id),
-    id: id
-  };
-});
-var colors = ['cyan', 'orange', 'red', 'green', 'purple', 'yellow', 'teal', 'pink', 'yellow', 'green'];
-var getColor = function getColor(index) {
-  var lastDigit = index % 10;
-  return colors[lastDigit];
-};
-export var ListViewNextGen = function ListViewNextGen() {
-  return ___EmotionJSX(Box, {
-    backgroundColor: "background.base",
-    p: "lg"
-  }, ___EmotionJSX(Box, {
-    height: "400px",
-    backgroundColor: "background.base"
-  }, ___EmotionJSX(ListView, {
-    items: items,
-    selectionMode: "single"
-  }, _mapInstanceProperty(items).call(items, function (item, index) {
-    return ___EmotionJSX(Item, item, ___EmotionJSX(ListViewItem, {
-      data: {
-        icon: null
-      },
-      slots: {
-        leftOfData: ___EmotionJSX(IconWrapper, {
-          color: getColor(index),
-          icon: TrashCanOutlineIcon,
-          size: "md",
-          title: {
-            name: 'trash can'
-          },
-          isCircle: true
-        }),
-        rightOfData: ___EmotionJSX(TextSlot, {
-          title: item.name,
-          key: item.key,
-          description: loremText
-        })
-      },
-      hasSeparator: false
-    }));
-  }))));
-};

package/lib/styles/themes/next-gen/stories/NextGenListViewItem.stories.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Box } from '../../../..';
-import { ListViewItemNextGen } from './ListViewItemNextGen';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Onyx Recipes/ListViewItem'
-};
-var item = {
-  key: 'test',
-  id: 'test',
-  name: 'JavaScript Array For Each',
-  title: 'JavaScript Array For Each',
-  category: 'Code Snippet',
-  description: 'Sample code demonstrating how to iterate over a description'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(Box, {
-    sx: {
-      border: '1px solid',
-      borderColor: 'border.base'
-    }
-  }, ___EmotionJSX(ListViewItemNextGen, {
-    item: item
-  }));
-};