@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/components/FilterGroup.js

@@ -1,267 +0,0 @@
-"use client";
-import {
-  OptionPill
-} from "../chunk-X4OKKRN5.js";
-import {
-  Link
-} from "../chunk-7WDYXRMW.js";
-import {
-  Search
-} from "../chunk-MOBFZ672.js";
-import "../chunk-PABII472.js";
-import {
-  Label
-} from "../chunk-4UGMSWWA.js";
-import {
-  Checkbox
-} from "../chunk-I3W5K76C.js";
-import "../chunk-5UH6QUFB.js";
-import "../chunk-J4IMVWT5.js";
-import "../chunk-SBRRNFOP.js";
-import "../chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "../chunk-NKUETCDA.js";
-import {
-  baseTransition,
-  componentGap,
-  componentPaddingBottom,
-  componentPaddingY,
-  layoutGroupGap,
-  layoutPaddingBottom
-} from "../chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/FilterGroup.tsx
-import { useState, Children, isValidElement } from "react";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FilterGroup = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    label,
-    type = "link",
-    open = false,
-    showMore = false,
-    onShowMore,
-    onClearAll,
-    children,
-    showSearchField = false,
-    searchValue,
-    onSearchChange
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "label",
-    "type",
-    "open",
-    "showMore",
-    "onShowMore",
-    "onClearAll",
-    "children",
-    "showSearchField",
-    "searchValue",
-    "onSearchChange"
-  ]);
-  const isSummary = type === "summary";
-  const [internalExpanded, setInternalExpanded] = useState(open);
-  const [showAllItems, setShowAllItems] = useState(false);
-  const isExpanded = open || internalExpanded;
-  const childArray = Children.toArray(children).filter(isValidElement);
-  const shouldShowAll = isSummary || showAllItems;
-  const visibleChildren = childArray.slice(
-    0,
-    shouldShowAll ? childArray.length : 5
-  );
-  const showShowMoreLink = showMore && !isSummary && childArray.length > 5 && !showAllItems && isExpanded;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid
-    }, props), {
-      className: clsx(
-        "border-b border-border-primary-normal",
-        isSummary ? layoutPaddingBottom : componentPaddingBottom
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx(
-              "flex items-center justify-between cursor-pointer",
-              layoutGroupGap
-            ),
-            onClick: handleToggleExpanded,
-            children: [
-              /* @__PURE__ */ jsx(Label, { children: label }),
-              type !== "summary" ? /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  name: "keyboard_arrow_down",
-                  className: clsx(
-                    baseTransition.replace(
-                      "transition-colors",
-                      "transition-transform"
-                    ),
-                    isExpanded && "rotate-180",
-                    "text-icon-action-primary-normal"
-                  )
-                }
-              ) : /* @__PURE__ */ jsx(
-                Link,
-                {
-                  id: id ? `${id}-clear-all` : void 0,
-                  testid: testid ? `${testid}-clear-all` : void 0,
-                  className: clsx("block", componentPaddingY),
-                  onClick: handleClearAll,
-                  children: "Clear All"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(
-              "grid",
-              baseTransition.replace(
-                "transition-colors",
-                "transition-[grid-template-rows]"
-              ),
-              isExpanded || isSummary ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
-            ),
-            children: /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: clsx(
-                  "overflow-hidden",
-                  componentGap,
-                  (isExpanded || isSummary || internalExpanded) && "mt-mobile-component-gap desktop:mt-desktop-component-gap compact:mt-desktop-compact-component-gap"
-                ),
-                children: [
-                  !isSummary && showSearchField && /* @__PURE__ */ jsx(
-                    Search,
-                    {
-                      id: id ? `${id}-search` : void 0,
-                      testid: testid ? `${testid}-search` : void 0,
-                      style: { marginBottom: "2px" },
-                      onChange: onSearchChange,
-                      value: searchValue
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("div", { className: clsx(isSummary && `flex flex-col ${componentGap}`), children: visibleChildren }),
-                  showShowMoreLink && /* @__PURE__ */ jsx(
-                    Link,
-                    {
-                      id: id ? `${id}-show-more` : void 0,
-                      testid: testid ? `${testid}-show-more` : void 0,
-                      className: clsx("block", "!items-start", componentPaddingY),
-                      onClick: handleOnShowMore,
-                      children: "Show More"
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      ]
-    })
-  );
-  function handleOnShowMore(e) {
-    e.stopPropagation();
-    setShowAllItems(true);
-    onShowMore == null ? void 0 : onShowMore();
-  }
-  function handleToggleExpanded(e) {
-    if (type === "summary") return;
-    e.stopPropagation();
-    setInternalExpanded(!internalExpanded);
-  }
-  function handleClearAll(e) {
-    e.stopPropagation();
-    onClearAll == null ? void 0 : onClearAll();
-  }
-};
-var FilterGroupItem = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    type = "link",
-    children,
-    onClick
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "type",
-    "children",
-    "onClick"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      onClick: handleClick
-    }, props), {
-      className: clsx(
-        "flex items-center justify-between *:first:flex-1 cursor-pointer",
-        type !== "summary" ? "*:first:py-mobile-component-padding *:first:desktop:py-desktop-component-padding *:first:compact:py-desktop-compact-component-padding" : ""
-      ),
-      children: /* @__PURE__ */ jsx(
-        FilterGroupItemChildComponent,
-        __spreadProps(__spreadValues({}, props), {
-          id: id ? `${id}-child` : void 0,
-          "data-testid": testid ? `${testid}-child` : void 0,
-          type,
-          count: props.count,
-          children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between w-full", children: [
-            children,
-            type !== "summary" && props.count && /* @__PURE__ */ jsxs("span", { children: [
-              "(",
-              props.count,
-              ")"
-            ] })
-          ] })
-        })
-      )
-    })
-  );
-  function handleClick(e) {
-    e.stopPropagation();
-    onClick == null ? void 0 : onClick();
-  }
-};
-var FilterGroupItemChildComponent = (_a) => {
-  var _b = _a, {
-    type = "link",
-    children
-  } = _b, props = __objRest(_b, [
-    "type",
-    "children"
-  ]);
-  if (type === "checkbox") {
-    return /* @__PURE__ */ jsx(
-      Checkbox,
-      __spreadValues({
-        paragraphClassName: "w-full",
-        label: children
-      }, props)
-    );
-  }
-  if (type === "summary") {
-    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(OptionPill, __spreadProps(__spreadValues({ removable: true }, props), { children })) });
-  }
-  return /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({ variant: "secondary" }, props), { children }));
-};
-export {
-  FilterGroup,
-  FilterGroupItem
-};

package/dist/components/FooterBar.cjs

@@ -1,64 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/FooterBar.tsx
-var FooterBar_exports = {};
-__export(FooterBar_exports, {
-  FooterBar: () => FooterBar
-});
-module.exports = __toCommonJS(FooterBar_exports);
-var import_clsx = __toESM(require("clsx"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var FooterBar = ({
-  id,
-  testid,
-  children
-}) => {
-  if (!children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx.default)(
-        "mt-auto",
-        "bg-background-brand-normal text-text-primary-normal"
-      ),
-      "data-theme": "brand",
-      children
-    }
-  );
-};
-FooterBar.displayName = "FooterBar";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FooterBar
-});

package/dist/components/FooterBar.js

@@ -1,31 +0,0 @@
-import "../chunk-ORMEWXMH.js";
-
-// src/components/FooterBar.tsx
-import clsx from "clsx";
-import { Fragment, jsx } from "react/jsx-runtime";
-var FooterBar = ({
-  id,
-  testid,
-  children
-}) => {
-  if (!children) {
-    return /* @__PURE__ */ jsx(Fragment, {});
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: clsx(
-        "mt-auto",
-        "bg-background-brand-normal text-text-primary-normal"
-      ),
-      "data-theme": "brand",
-      children
-    }
-  );
-};
-FooterBar.displayName = "FooterBar";
-export {
-  FooterBar
-};

package/dist/components/FullViewportBox.cjs

@@ -1,60 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/FullViewportBox.tsx
-var FullViewportBox_exports = {};
-__export(FullViewportBox_exports, {
-  FullViewportLayout: () => FullViewportLayout
-});
-module.exports = __toCommonJS(FullViewportBox_exports);
-var import_clsx = __toESM(require("clsx"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-function FullViewportLayout({
-  children,
-  id,
-  testid,
-  fullHeight = false
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: (0, import_clsx.default)(
-        `flex flex-col min-w-screen p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding items-center justify-center bg-background-grouped-secondary-normal `,
-        fullHeight && "min-h-screen"
-      ),
-      children
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FullViewportLayout
-});

package/dist/components/FullViewportBox.js

@@ -1,27 +0,0 @@
-import "../chunk-ORMEWXMH.js";
-
-// src/components/FullViewportBox.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-function FullViewportLayout({
-  children,
-  id,
-  testid,
-  fullHeight = false
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: clsx(
-        `flex flex-col min-w-screen p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding items-center justify-center bg-background-grouped-secondary-normal `,
-        fullHeight && "min-h-screen"
-      ),
-      children
-    }
-  );
-}
-export {
-  FullViewportLayout
-};

package/dist/components/Grid.cjs

@@ -1,135 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Grid.tsx
-var Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
-module.exports = __toCommonJS(Grid_exports);
-var import_clsx = __toESM(require("clsx"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var GAP_BY_SIZING = {
-  none: "gap-0",
-  "layout-group": "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-compact-layout-group-gap",
-  layout: "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap",
-  container: "gap-mobile-container-gap desktop:gap-desktop-container-gap compact:gap-compact-container-gap",
-  component: "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-compact-component-gap"
-};
-var PADDING_BY_SIZING = {
-  none: "p-0",
-  container: "p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding",
-  layout: "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
-  "layout-group": "p-mobile-layout-group-padding desktop:p-desktop-layout-group-padding compact:p-desktop-compact-layout-group-padding",
-  component: "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-};
-var buildColumnClasses = (base, responsive) => {
-  const classes = [`grid-cols-${base}`];
-  if (responsive) {
-    Object.entries(responsive).forEach(([bp, value]) => {
-      if (value && value > 0) classes.push(`${bp}:grid-cols-${value}`);
-    });
-  }
-  return classes.join(" ");
-};
-var Grid = (_a) => {
-  var _b = _a, {
-    children,
-    sizing = "container",
-    padding,
-    columns,
-    responsive,
-    id,
-    testid,
-    style,
-    className
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "sizing",
-    "padding",
-    "columns",
-    "responsive",
-    "id",
-    "testid",
-    "style",
-    "className"
-  ]);
-  var _a2, _b2;
-  const columnClasses = buildColumnClasses(columns, responsive);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      style
-    }, rest), {
-      className: (0, import_clsx.default)(
-        "w-full grid",
-        (_a2 = GAP_BY_SIZING[sizing]) != null ? _a2 : GAP_BY_SIZING.container,
-        padding && ((_b2 = PADDING_BY_SIZING[sizing]) != null ? _b2 : PADDING_BY_SIZING.container),
-        columnClasses,
-        className
-      ),
-      children
-    })
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Grid
-});

package/dist/components/Grid.js

@@ -1,7 +0,0 @@
-import {
-  Grid
-} from "../chunk-BWPNXY7T.js";
-import "../chunk-ORMEWXMH.js";
-export {
-  Grid
-};