@lightsparkdev/ui 1.0.9 → 1.0.10

package/dist/{chunk-5NUORYME.cjs → chunk-AQ27MNSE.cjs}

@@ -1,57 +1,57 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAF7KMKGFcjs = require('./chunk-AF7KMKGF.cjs');
+var _chunkLOAEVVLRcjs = require('./chunk-LOAEVVLR.cjs');
 
 
 
-var _chunkN55NOLCVcjs = require('./chunk-N55NOLCV.cjs');
+var _chunkL2A4DODWcjs = require('./chunk-L2A4DODW.cjs');
 
 
 
 
-var _chunkODJXKX67cjs = require('./chunk-ODJXKX67.cjs');
+var _chunkWIPV62VCcjs = require('./chunk-WIPV62VC.cjs');
 
 
 
 
-var _chunkQTX2AMWHcjs = require('./chunk-QTX2AMWH.cjs');
+var _chunkWM2JR4O2cjs = require('./chunk-WM2JR4O2.cjs');
 
 
-var _chunkINOVOG4Xcjs = require('./chunk-INOVOG4X.cjs');
+var _chunkGSETAASMcjs = require('./chunk-GSETAASM.cjs');
 
 
 
 
-var _chunkKXVW2OLBcjs = require('./chunk-KXVW2OLB.cjs');
+var _chunkLZLRG4BOcjs = require('./chunk-LZLRG4BO.cjs');
 
 
 
-var _chunkBT3OMKYCcjs = require('./chunk-BT3OMKYC.cjs');
+var _chunkZ64EONUScjs = require('./chunk-Z64EONUS.cjs');
 
 
-var _chunkSDECQB2Ocjs = require('./chunk-SDECQB2O.cjs');
+var _chunk6RG56REScjs = require('./chunk-6RG56RES.cjs');
 
 
-var _chunkIBVONPMCcjs = require('./chunk-IBVONPMC.cjs');
+var _chunkW5GHORWNcjs = require('./chunk-W5GHORWN.cjs');
 
 
-var _chunkGJZCJSPKcjs = require('./chunk-GJZCJSPK.cjs');
+var _chunkPFLKL4U5cjs = require('./chunk-PFLKL4U5.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk4SNEOOFXcjs = require('./chunk-4SNEOOFX.cjs');
+var _chunk4VRON4MFcjs = require('./chunk-4VRON4MF.cjs');
 
 
-var _chunkX5V7LCCXcjs = require('./chunk-X5V7LCCX.cjs');
+var _chunkTHAT7M2Kcjs = require('./chunk-THAT7M2K.cjs');
 
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,15 +68,15 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkN55NOLCVcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkL2A4DODWcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkODJXKX67cjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkWIPV62VCcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkKXVW2OLBcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkLZLRG4BOcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkQTX2AMWHcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkWM2JR4O2cjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkBT3OMKYCcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkZ64EONUScjs.getDefaultBooleanFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -161,7 +161,7 @@ function DataManagerTable(props) {
         );
         if (validResult) {
           appliedFilterStates[filter.accessor] = validResult;
-          if (_chunkQTX2AMWHcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkWM2JR4O2cjs.isIdFilterState.call(void 0, filterState)) {
             const appliedValues = validResult.appliedValues;
             const isApplied = !!(appliedValues == null ? void 0 : appliedValues.length);
             updateFilterState(filter)(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
@@ -185,7 +185,7 @@ function DataManagerTable(props) {
       const filterState = filterStatesArray[i];
       if (!filterState.isApplied) continue;
       const filter = filters2[i];
-      if (_chunkKXVW2OLBcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkLZLRG4BOcjs.isStringFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const value = filterState.value;
           let updatedAppliedValues = [];
@@ -203,10 +203,10 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessor] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_b2 = filterState.appliedValues) == null ? void 0 : _b2.length) === 0) {
-          updateFilterState(filter)(_chunkKXVW2OLBcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkLZLRG4BOcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkODJXKX67cjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkWIPV62VCcjs.isEnumFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessor]), {
             value: "",
@@ -216,7 +216,7 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessor] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_d = filterState.appliedValues) == null ? void 0 : _d.length) === 0) {
-          updateFilterState(filter)(_chunkKXVW2OLBcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkLZLRG4BOcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
       }
@@ -319,7 +319,7 @@ function DataManagerTable(props) {
     switch (filter.type) {
       case "date" /* DATE */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkN55NOLCVcjs.DateFilter,
+          _chunkL2A4DODWcjs.DateFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -331,7 +331,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "enum" /* ENUM */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkODJXKX67cjs.EnumFilter,
+          _chunkWIPV62VCcjs.EnumFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -347,7 +347,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "string" /* STRING */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkKXVW2OLBcjs.StringFilter,
+          _chunkLZLRG4BOcjs.StringFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -361,7 +361,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "id" /* ID */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkQTX2AMWHcjs.IdFilter,
+          _chunkWM2JR4O2cjs.IdFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -375,7 +375,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "boolean" /* BOOLEAN */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBT3OMKYCcjs.BooleanFilter,
+          _chunkZ64EONUScjs.BooleanFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -394,7 +394,7 @@ function DataManagerTable(props) {
   if (props.filterOptions) {
     filters = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFilterContainer, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3XWROTDTcjs.Button,
+        _chunk7LOKZM7Vcjs.Button,
         {
           text: `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}`,
           paddingY: "short",
@@ -404,7 +404,7 @@ function DataManagerTable(props) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkINOVOG4Xcjs.Popover,
+        _chunkGSETAASMcjs.Popover,
         {
           show: showFilterPopover,
           setShow: setShowFilterPopover,
@@ -423,7 +423,7 @@ function DataManagerTable(props) {
   let showMoreDropdown;
   if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGJZCJSPKcjs.Dropdown,
+      _chunkPFLKL4U5cjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -437,7 +437,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4SNEOOFXcjs.TextIconAligner,
+            _chunk4VRON4MFcjs.TextIconAligner,
             {
               content: `Show ${pageSize} items`,
               typography: { size: "ExtraSmall" },
@@ -463,7 +463,7 @@ function DataManagerTable(props) {
   if (props.showMoreOptions) {
     footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3XWROTDTcjs.Button,
+        _chunk7LOKZM7Vcjs.Button,
         {
           text: "Show more",
           paddingY: "short",
@@ -479,11 +479,11 @@ function DataManagerTable(props) {
     const startResult = pageCursorState.startResult || 1;
     const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
     const resultsString = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { children: `${props.resultCount}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: " results" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5GHORWNcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6RG56REScjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5GHORWNcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6RG56REScjs.LabelModerate, { children: `${props.resultCount}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5GHORWNcjs.Label, { children: " results" })
     ] });
     const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
     const hasPrev = startResult > 1;
@@ -493,7 +493,7 @@ function DataManagerTable(props) {
         showMoreDropdown,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3XWROTDTcjs.Button,
+            _chunk7LOKZM7Vcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -504,7 +504,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3XWROTDTcjs.Button,
+            _chunk7LOKZM7Vcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -520,25 +520,25 @@ function DataManagerTable(props) {
   }
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     props.showHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataManagerTableHeader, { children: filters }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAF7KMKGFcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOAEVVLRcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
     footer
   ] });
   const isCardPage = typeof props.cardPage === "boolean" ? props.cardPage : true;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX5V7LCCXcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTHAT7M2Kcjs.CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunkDIMJISMHcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkDIMJISMHcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
-  padding-right: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+  padding-left: ${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunkDIMJISMHcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunkDIMJISMHcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
@@ -561,7 +561,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunk3XWROTDTcjs.StyledButton} {
+  ${_chunk7LOKZM7Vcjs.StyledButton} {
     align-self: end;
   }
 `;

package/dist/chunk-ATJPSJS5.js

@@ -0,0 +1,43 @@
+import {
+  Flex
+} from "./chunk-5SJB7TBQ.js";
+import {
+  Icon
+} from "./chunk-NGSQ2OOV.js";
+import {
+  getColor
+} from "./chunk-O42E7NAG.js";
+import {
+  Link
+} from "./chunk-HJQIDDKT.js";
+
+// src/components/IconWithCircleBackground.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function IconWithCircleBackground({
+  iconName = "WarningSign",
+  iconWidth = 40,
+  to,
+  onClick
+}) {
+  const content = /* @__PURE__ */ jsx(Flex, { center: true, onClick, children: /* @__PURE__ */ jsx(StyledIconWithCircleBackground, { size: iconWidth, children: /* @__PURE__ */ jsx(Icon, { name: iconName, width: iconWidth, color: "grayBlue9" }) }) });
+  return to ? /* @__PURE__ */ jsx(Link, { to, children: content }) : content;
+}
+var StyledIconWithCircleBackground = styled.div`
+  background-color: ${({ theme }) => getColor(theme, "grayBlue94")};
+  border-radius: 50%;
+  padding: ${({ size }) => getPadding(size)}px;
+  display: flex;
+  justify-content: center;
+  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+`;
+function getPadding(size) {
+  if (size === 40) {
+    return 20;
+  }
+  return 16;
+}
+
+export {
+  IconWithCircleBackground
+};

package/dist/{chunk-W5NH2F3D.js → chunk-AXHFR6HR.js}

@@ -1,16 +1,16 @@
 import {
   applyTypography
-} from "./chunk-U4Y4CF4A.js";
+} from "./chunk-R4JQUMCP.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-ZOGUEOAS.js → chunk-B3OYC2SZ.js}

@@ -3,46 +3,46 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-PFBJ4FWY.js";
+} from "./chunk-AEL6DM2K.js";
 import {
   Dropdown
-} from "./chunk-5NMI3YI4.js";
+} from "./chunk-LFIZVZWX.js";
 import {
   standardBorderColor
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-AXHFR6HR.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-E32ZLOWY.js";
+} from "./chunk-PXY7XXMI.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-LJLT2RRW.js";
+} from "./chunk-I7MVMRCX.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Loading
-} from "./chunk-QJPQJXJ2.js";
+} from "./chunk-FFOE2R32.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadValues
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-EQMAHIZH.js → chunk-B5DSZXP6.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-QXSIVX4U.js";
+} from "./chunk-MQVRZOTQ.js";
 import {
   Radio
-} from "./chunk-XWSMLTYM.js";
+} from "./chunk-XXXM6HSW.js";
 import {
   __spreadProps,
   __spreadValues