@ultraviolet/plus 0.15.1 → 0.15.3

package/dist/components/EstimateCost/constants.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const APPROXIMATE_HOURS_IN_MONTH = 730;
+const multiplier = {
+  seconds: 1 / 60 / 60,
+  minutes: 1 / 60,
+  hours: 1,
+  days: 24,
+  months: APPROXIMATE_HOURS_IN_MONTH
+};
+const maximumFractionDigits = {
+  seconds: 10,
+  minutes: 8,
+  hours: 5,
+  days: 3,
+  months: 2
+};
+const maximumFractionDigitsLong = {
+  seconds: 12,
+  minutes: 10,
+  hours: 8,
+  days: 4,
+  months: 2
+};
+const MAX_CELL_WIDTH = "530px";
+exports.APPROXIMATE_HOURS_IN_MONTH = APPROXIMATE_HOURS_IN_MONTH;
+exports.MAX_CELL_WIDTH = MAX_CELL_WIDTH;
+exports.maximumFractionDigits = maximumFractionDigits;
+exports.maximumFractionDigitsLong = maximumFractionDigitsLong;
+exports.multiplier = multiplier;

package/dist/components/EstimateCost/helper.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./constants.cjs");
+const calculatePrice = ({
+  price,
+  amount,
+  amountFree = 0,
+  timeUnit,
+  timeAmount,
+  discount = 0
+}) => {
+  const nonNanTimeAmount = Number.isNaN(timeAmount) ? 0 : timeAmount;
+  const value = (price - price * discount) * (nonNanTimeAmount * constants.multiplier[`${timeUnit}`]) * Math.max(amount - amountFree, 0);
+  if (value < 0) {
+    return 0;
+  }
+  return value;
+};
+exports.calculatePrice = calculatePrice;

package/dist/components/EstimateCost/locales/en.cjs

@@ -0,0 +1,23 @@
+"use strict";
+const EstimateCostLocales = {
+  "estimate.cost.description": "This summary provides a cost estimation based on your configuration, the amount of time you expect to use the resource for, and the scale of your expected usage. For the purposes of this calculation, we consider that 1 month equals to 730 hours.",
+  "estimate.cost.label": "Estimated cost",
+  "estimate.cost.beta.free": "Free During Beta",
+  "estimate.cost.beta.discount": "% off during Beta",
+  "estimate.cost.beta.badge": "Beta Version",
+  "estimate.cost.units.seconds.label": "Second(s)",
+  "estimate.cost.units.minutes.label": "Minute(s)",
+  "estimate.cost.units.hours.label": "Hour(s)",
+  "estimate.cost.units.days.label": "Day(s)",
+  "estimate.cost.units.months.label": "Month(s)",
+  "estimate.cost.units.years.label": "Year(s)",
+  "estimate.cost.fees.oneTime.title": "One time fees",
+  "estimate.cost.fees.monthly.title": "Each month",
+  "estimate.cost.fees.commitment": "Commitment Fees",
+  "estimate.cost.units.gb.label": "GB",
+  "estimate.cost.notDefined": "Not defined",
+  "estimate.cost.submit.label": "Create",
+  "estimate.cost.region.label": "Region",
+  "estimate.cost.az.label": "Availability Zone"
+};
+module.exports = EstimateCostLocales;

package/dist/components/FAQ/index.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const ui = require("@ultraviolet/ui");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env.NODE_ENV === "production" ? {
+  target: "ebaosvo0"
+} : {
+  target: "ebaosvo0",
+  label: "StyledCard"
+})("padding:", ({
+  theme
+}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBQcm9kdWN0SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IEJ1bGxldCwgQ2FyZCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5gXG5cbnR5cGUgRkFRUHJvcHMgPSB7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmdcbiAgcHJvZHVjdEljb25OYW1lPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFByb2R1Y3RJY29uPlsnbmFtZSddXG4gIGlsbHVzdHJhdGlvblRleHQ/OiBudW1iZXIgfCBzdHJpbmdcbiAgbm90ZXM/OiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRkFRID0gKHtcbiAgcHJvZHVjdEljb25OYW1lLFxuICBpbGx1c3RyYXRpb25UZXh0LFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIG5vdGVzLFxufTogRkFRUHJvcHMpID0+IChcbiAgPFN0eWxlZENhcmQ+XG4gICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICA8ZGl2PlxuICAgICAgICB7IXByb2R1Y3RJY29uTmFtZSAmJiBpbGx1c3RyYXRpb25UZXh0ID8gKFxuICAgICAgICAgIDxCdWxsZXQgc2VudGltZW50PVwicHJpbWFyeVwiIHRleHQ9e2lsbHVzdHJhdGlvblRleHQudG9TdHJpbmcoKX0gLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtwcm9kdWN0SWNvbk5hbWUgPyAoXG4gICAgICAgICAgPFByb2R1Y3RJY29uIG5hbWU9e3Byb2R1Y3RJY29uTmFtZX0gc2l6ZT1cInhsYXJnZVwiIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2PlxuICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBhcz1cImRpdlwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAge25vdGVzID8gKFxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImNhcHRpb25cIiBhcz1cInNtYWxsXCIgaXRhbGljPlxuICAgICAgICAgICAgICB7bm90ZXN9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvU3RhY2s+XG4gIDwvU3R5bGVkQ2FyZD5cbilcbiJdfQ== */"));
+const FAQ = ({
+  productIconName,
+  illustrationText,
+  title,
+  description,
+  notes
+}) => /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, direction: "row", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    !productIconName && illustrationText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
+    productIconName ? /* @__PURE__ */ jsxRuntime.jsx(icons.ProductIcon, { name: productIconName, size: "xlarge" }) : null
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "div", variant: "bodySmall", children: [
+      description,
+      notes ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
+    ] })
+  ] })
+] }) });
+exports.FAQ = FAQ;

package/dist/components/FAQ/index.js

@@ -1,11 +1,15 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { ProductIcon } from "@ultraviolet/icons";
 import { Card, Stack, Bullet, Text } from "@ultraviolet/ui";
-const StyledCard = styled(Card)`
-  padding: ${({ theme }) => theme.space["2"]};
-  text-align: left;
-`;
+const StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
+  target: "ebaosvo0"
+} : {
+  target: "ebaosvo0",
+  label: "StyledCard"
+})("padding:", ({
+  theme
+}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBQcm9kdWN0SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IEJ1bGxldCwgQ2FyZCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5gXG5cbnR5cGUgRkFRUHJvcHMgPSB7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmdcbiAgcHJvZHVjdEljb25OYW1lPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFByb2R1Y3RJY29uPlsnbmFtZSddXG4gIGlsbHVzdHJhdGlvblRleHQ/OiBudW1iZXIgfCBzdHJpbmdcbiAgbm90ZXM/OiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRkFRID0gKHtcbiAgcHJvZHVjdEljb25OYW1lLFxuICBpbGx1c3RyYXRpb25UZXh0LFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIG5vdGVzLFxufTogRkFRUHJvcHMpID0+IChcbiAgPFN0eWxlZENhcmQ+XG4gICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICA8ZGl2PlxuICAgICAgICB7IXByb2R1Y3RJY29uTmFtZSAmJiBpbGx1c3RyYXRpb25UZXh0ID8gKFxuICAgICAgICAgIDxCdWxsZXQgc2VudGltZW50PVwicHJpbWFyeVwiIHRleHQ9e2lsbHVzdHJhdGlvblRleHQudG9TdHJpbmcoKX0gLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtwcm9kdWN0SWNvbk5hbWUgPyAoXG4gICAgICAgICAgPFByb2R1Y3RJY29uIG5hbWU9e3Byb2R1Y3RJY29uTmFtZX0gc2l6ZT1cInhsYXJnZVwiIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2PlxuICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBhcz1cImRpdlwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAge25vdGVzID8gKFxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImNhcHRpb25cIiBhcz1cInNtYWxsXCIgaXRhbGljPlxuICAgICAgICAgICAgICB7bm90ZXN9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvU3RhY2s+XG4gIDwvU3R5bGVkQ2FyZD5cbilcbiJdfQ== */"));
 const FAQ = ({
   productIconName,
   illustrationText,

package/dist/components/Navigation/Navigation.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const NavigationContent = require("./NavigationContent.cjs");
+const Group = require("./components/Group.cjs");
+const Item = require("./components/Item.cjs");
+const PinnedItems = require("./components/PinnedItems.cjs");
+const Separator = require("./components/Separator.cjs");
+const Navigation = ({
+  children,
+  logo,
+  onWidthResize,
+  className,
+  id
+}) => /* @__PURE__ */ jsxRuntime.jsx(NavigationContent.NavigationContent, { logo, className, onWidthResize, id, children });
+Navigation.Group = Group.Group;
+Navigation.Item = Item.Item;
+Navigation.PinnedItems = PinnedItems.PinnedItems;
+Navigation.Separator = Separator.Separator;
+exports.Navigation = Navigation;

package/dist/components/Navigation/Navigation.d.ts

@@ -31,7 +31,7 @@ export declare const Navigation: {
          * some part of your logo
          */
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-    Item: ({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, onClick, onPinUnpinClick, toggle, active, noPinButton, type, hasParents, as, disabled, noExpand, index, id, }: {
+    Item: ({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, onClick, onClickPinUnpin, toggle, active, noPinButton, type, hasParents, as, disabled, noExpand, index, id, }: {
         children?: ReactNode;
         categoryIcon?: "security" | "console" | "database" | "pin" | "billing" | "storage" | "baremetal" | "webHosting" | "vpc" | "useCase" | "toolsServices" | "serverless" | "observability" | "network" | "managedServices" | "iot" | "documentation" | "dedicatedServer" | "datacenter" | "containers" | "compute" | "ai" | "labs" | "devTools" | "applicationIntegration" | undefined;
         categoryIconVariant?: "neutral" | "primary" | undefined;
@@ -42,7 +42,7 @@ export declare const Navigation: {
         badgeSentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
         href?: string | undefined;
         onClick?: ((toggle?: boolean | undefined) => void) | undefined;
-        onPinUnpinClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+        onClickPinUnpin?: ((parameters: import("./constants").PinUnPinType) => void) | undefined;
         toggle?: boolean | undefined;
         active?: boolean | undefined;
         noPinButton?: boolean | undefined;
@@ -53,8 +53,9 @@ export declare const Navigation: {
         noExpand?: boolean | undefined;
         disabled?: boolean | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-    PinnedItems: ({ toggle }: {
+    PinnedItems: ({ toggle, onReorder }: {
         toggle?: boolean | undefined;
+        onReorder?: ((pinnedItems: string[]) => void) | undefined;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
 };

package/dist/components/Navigation/Navigation.js

@@ -10,16 +10,7 @@ const Navigation = ({
   onWidthResize,
   className,
   id
-}) => /* @__PURE__ */ jsx(
-  NavigationContent,
-  {
-    logo,
-    className,
-    onWidthResize,
-    id,
-    children
-  }
-);
+}) => /* @__PURE__ */ jsx(NavigationContent, { logo, className, onWidthResize, id, children });
 Navigation.Group = Group;
 Navigation.Item = Item;
 Navigation.PinnedItems = PinnedItems;