@pingux/astro 1.1.1-alpha.0 → 1.1.1-alpha.1

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

@@ -1,295 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.ContentSlots = exports.TabPanelProps = exports.Orientation = exports.CustomTabLine = exports.DisabledAllTabs = exports.DisabledSingleTab = exports.Centered = exports.WithTooltips = exports.WithIcon = exports.Controlled = exports.Uncontrolled = exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _GlobeModelIcon = _interopRequireDefault(require("mdi-react/GlobeModelIcon"));
-
-var _LockIcon = _interopRequireDefault(require("mdi-react/LockIcon"));
-
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-
-var _Tab = _interopRequireDefault(require("../Tab"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
-var _index = require("../../index");
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'Tabs',
-  component: _Tabs["default"],
-  argTypes: {
-    isDisabled: {},
-    orientation: {},
-    mode: {},
-    defaultSelectedKey: {},
-    selectedKey: {
-      control: {
-        type: 'none'
-      }
-    },
-    tabListProps: {
-      control: {
-        type: 'none'
-      }
-    },
-    tabPanelProps: {
-      control: {
-        type: 'none'
-      }
-    },
-    items: {
-      control: {
-        type: 'none'
-      }
-    }
-  },
-  parameters: {
-    docs: {
-      source: {
-        type: 'code'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var tabs = [{
-  name: 'Tab 1',
-  children: 'Tab 1 body'
-}, {
-  name: 'Tab 2',
-  children: 'Tab 2 body'
-}, {
-  name: 'Tab 3',
-  children: 'Tab 3 body'
-}];
-
-var Uncontrolled = function Uncontrolled(args) {
-  return (0, _react2.jsx)(_Tabs["default"], (0, _extends2["default"])({
-    items: tabs
-  }, args), (0, _react2.jsx)(_Tab["default"], {
-    key: "tab1",
-    title: "Tab 1"
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 1")), (0, _react2.jsx)(_Tab["default"], {
-    key: "tab2",
-    title: "Tab 2"
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 2")));
-};
-
-exports.Uncontrolled = Uncontrolled;
-
-var Controlled = function Controlled() {
-  var _useState = (0, _react.useState)(tabs[0].name),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentTab = _useState2[0],
-      setCurrentTab = _useState2[1];
-
-  return (0, _react2.jsx)(_Tabs["default"], {
-    selectedKey: currentTab,
-    onSelectionChange: setCurrentTab,
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name,
-      textValue: item.name
-    }, item.children);
-  });
-};
-
-exports.Controlled = Controlled;
-
-var WithIcon = function WithIcon() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name,
-      icon: (0, _react2.jsx)(_Icon["default"], {
-        icon: _GlobeModelIcon["default"],
-        size: 20,
-        color: "active",
-        mb: 10
-      })
-    }, item.children);
-  });
-};
-
-exports.WithIcon = WithIcon;
-
-var WithTooltips = function WithTooltips() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    mode: "tooltip",
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name,
-      textValue: item.name
-    }, item.children);
-  });
-};
-
-exports.WithTooltips = WithTooltips;
-
-var Centered = function Centered() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    tabListProps: {
-      justifyContent: 'center'
-    },
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name
-    }, item.children);
-  });
-};
-
-exports.Centered = Centered;
-
-var DisabledSingleTab = function DisabledSingleTab() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    items: tabs,
-    disabledKeys: ['Tab 2']
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name
-    }, item.children);
-  });
-};
-
-exports.DisabledSingleTab = DisabledSingleTab;
-
-var DisabledAllTabs = function DisabledAllTabs() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    isDisabled: true,
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name
-    }, item.children);
-  });
-};
-
-exports.DisabledAllTabs = DisabledAllTabs;
-
-var CustomTabLine = function CustomTabLine() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name,
-      tabLineProps: {
-        bg: 'red'
-      }
-    }, item.children);
-  });
-};
-
-exports.CustomTabLine = CustomTabLine;
-
-var Orientation = function Orientation() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    orientation: "vertical",
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name
-    }, item.children);
-  });
-};
-
-exports.Orientation = Orientation;
-
-var TabPanelProps = function TabPanelProps() {
-  return (0, _react2.jsx)(_Tabs["default"], {
-    tabPanelProps: {
-      color: 'green',
-      fontWeight: 500
-    },
-    items: tabs
-  }, function (item) {
-    return (0, _react2.jsx)(_Tab["default"], {
-      key: item.name,
-      title: item.name
-    }, item.children);
-  });
-};
-
-exports.TabPanelProps = TabPanelProps;
-
-var ContentSlots = function ContentSlots() {
-  var beforeTabNode = (0, _react2.jsx)(_Icon["default"], {
-    icon: _LockIcon["default"],
-    sx: {
-      marginTop: 10,
-      marginRight: 5
-    }
-  });
-  var nodeSx = {
-    alignItems: 'center',
-    backgroundColor: 'neutral.95',
-    borderRadius: '50%',
-    color: 'neutral.30',
-    fontSize: 'sm',
-    height: 20,
-    justifyContent: 'center',
-    marginLeft: 6,
-    marginTop: 10,
-    minWidth: 20
-  };
-  var afterTabNode = (0, _react2.jsx)(_index.Chip, {
-    sx: nodeSx
-  }, "14");
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Tabs["default"], {
-    items: tabs,
-    mb: 50
-  }, (0, _react2.jsx)(_Tab["default"], {
-    key: "tab1",
-    title: "Tab 1",
-    slots: {
-      beforeTab: beforeTabNode
-    }
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 1")), (0, _react2.jsx)(_Tab["default"], {
-    key: "tab2",
-    title: "Tab 2"
-  }, (0, _react2.jsx)(_Text["default"], null, "This is content for Tab 2"))), (0, _react2.jsx)(_Tabs["default"], {
-    items: tabs
-  }, (0, _react2.jsx)(_Tab["default"], {
-    key: "tab1",
-    title: "Tab 1"
-  }, (0, _react2.jsx)(_Text["default"], null, "Compose Filter")), (0, _react2.jsx)(_Tab["default"], {
-    key: "tab2",
-    title: "Tab 2",
-    slots: {
-      afterTab: afterTabNode
-    }
-  }, (0, _react2.jsx)(_Text["default"], null, "Users Matched"))));
-};
-
-exports.ContentSlots = ContentSlots;