@sps-woodland/focused-task 8.56.2 → 8.56.3

package/lib/index.js

@@ -1,19 +1,19 @@
-import { FocusedTask as t } from "@sps-woodland/core/focused-task";
+import { FocusedTask as e } from "@sps-woodland/core/focused-task";
+import * as t from "react";
+import { code as n } from "@spscommerce/utils";
 export * from "@sps-woodland/core/focused-task";
-import * as e from "react";
-import { code as o } from "@spscommerce/utils";
-const s = {
-  components: [t],
-  examples: {
-    hooks: {
-      label: "Using the Hook",
-      description: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("p", null, "To use the focused task component, you must call the ", /* @__PURE__ */ e.createElement("code", null, "useFocusedTask"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ e.createElement("dl", null, /* @__PURE__ */ e.createElement("dt", null, /* @__PURE__ */ e.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ e.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ e.createElement("dt", null, /* @__PURE__ */ e.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ e.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ e.createElement("dt", null, /* @__PURE__ */ e.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ e.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ e.createElement("code", null, "(isOpen: boolean) => void"))), /* @__PURE__ */ e.createElement("h5", null, "Focused Task Props, Focused Task State, and Trigger Props"), /* @__PURE__ */ e.createElement("p", null, "The ", /* @__PURE__ */ e.createElement("code", null, "useFocusedTask"), " returns an object with ", /* @__PURE__ */ e.createElement("code", null, "focusedTaskProps"), ",", " ", /* @__PURE__ */ e.createElement("code", null, "focusedTaskState"), " and ", /* @__PURE__ */ e.createElement("code", null, "triggerProps")), /* @__PURE__ */ e.createElement("p", null, "The ", /* @__PURE__ */ e.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the focused task."), /* @__PURE__ */ e.createElement("p", null, "The ", /* @__PURE__ */ e.createElement("code", null, "focusedTaskState"), " object (which is also included in ", /* @__PURE__ */ e.createElement("code", null, "focusedTaskProps"), ") allows programmatic access to the state of the focused task. This includes a read only", " ", /* @__PURE__ */ e.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ e.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ e.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ e.createElement("code", null, "close()"), " method which closes the overlay and a", " ", /* @__PURE__ */ e.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ e.createElement("p", null, "The ", /* @__PURE__ */ e.createElement("code", null, "focusedTaskProps"), " should be spread on the actual ", /* @__PURE__ */ e.createElement("code", null, "FocusedTask"), " component."), /* @__PURE__ */ e.createElement("p", null, "Please refer to the examples to see its implementation"))
-    },
-    standard: {
-      label: "Standard",
-      examples: {
-        basic: {
-          react: o`
+//#endregion
+//#region src/manifest.ts
+var r = { "Focused Task": {
+	components: [e],
+	examples: {
+		hooks: {
+			label: "Using the Hook",
+			description: () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("p", null, "To use the focused task component, you must call the ", /* @__PURE__ */ t.createElement("code", null, "useFocusedTask"), " hook. Optional arguments for this hook include:"), /* @__PURE__ */ t.createElement("dl", null, /* @__PURE__ */ t.createElement("dt", null, /* @__PURE__ */ t.createElement("code", null, "isOpen"), ": boolean"), /* @__PURE__ */ t.createElement("dd", null, "Whether the overlay is open by default (controlled)"), /* @__PURE__ */ t.createElement("dt", null, /* @__PURE__ */ t.createElement("code", null, "defaultOpen"), ": boolean"), /* @__PURE__ */ t.createElement("dd", null, "Whether the overlay is open by default (uncontrolled)."), /* @__PURE__ */ t.createElement("dt", null, /* @__PURE__ */ t.createElement("code", null, "onOpenChange"), ": function"), /* @__PURE__ */ t.createElement("dd", null, "Handler that is called when the overlay's open state changes.", /* @__PURE__ */ t.createElement("code", null, "(isOpen: boolean) => void"))), /* @__PURE__ */ t.createElement("h5", null, "Focused Task Props, Focused Task State, and Trigger Props"), /* @__PURE__ */ t.createElement("p", null, "The ", /* @__PURE__ */ t.createElement("code", null, "useFocusedTask"), " returns an object with ", /* @__PURE__ */ t.createElement("code", null, "focusedTaskProps"), ",", " ", /* @__PURE__ */ t.createElement("code", null, "focusedTaskState"), " and ", /* @__PURE__ */ t.createElement("code", null, "triggerProps")), /* @__PURE__ */ t.createElement("p", null, "The ", /* @__PURE__ */ t.createElement("code", null, "triggerProps"), " need to be spread on the element that triggers the focused task."), /* @__PURE__ */ t.createElement("p", null, "The ", /* @__PURE__ */ t.createElement("code", null, "focusedTaskState"), " object (which is also included in ", /* @__PURE__ */ t.createElement("code", null, "focusedTaskProps"), ") allows programmatic access to the state of the focused task. This includes a read only", " ", /* @__PURE__ */ t.createElement("code", null, "isOpen"), " property, a ", /* @__PURE__ */ t.createElement("code", null, "setOpen(isOpen: boolean)"), " method which can be use to set whether the overlay is open, an ", /* @__PURE__ */ t.createElement("code", null, "open()"), " method which opens the overlay, a ", /* @__PURE__ */ t.createElement("code", null, "close()"), " method which closes the overlay and a", " ", /* @__PURE__ */ t.createElement("code", null, "toggle()"), " method that toggles the overlay's visiblity."), /* @__PURE__ */ t.createElement("p", null, "The ", /* @__PURE__ */ t.createElement("code", null, "focusedTaskProps"), " should be spread on the actual ", /* @__PURE__ */ t.createElement("code", null, "FocusedTask"), " component."), /* @__PURE__ */ t.createElement("p", null, "Please refer to the examples to see its implementation"))
+		},
+		standard: {
+			label: "Standard",
+			examples: { basic: { react: n`
           import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
           import { Button } from "@sps-woodland/buttons";
           import { Card } from "@sps-woodland/cards";
@@ -51,15 +51,11 @@ const s = {
                 </>
               )
             }
-        `
-        }
-      }
-    },
-    fullWidth: {
-      label: "Fill Width",
-      examples: {
-        basic: {
-          react: o`
+        ` } }
+		},
+		fullWidth: {
+			label: "Fill Width",
+			examples: { basic: { react: n`
           import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
           import { Button } from "@sps-woodland/buttons";
           import { Card } from "@sps-woodland/cards";
@@ -98,14 +94,9 @@ const s = {
                 </>
               )
             }
-        `
-        }
-      }
-    }
-  }
-}, l = {
-  "Focused Task": s
-};
-export {
-  l as MANIFEST
-};
+        ` } }
+		}
+	}
+} };
+//#endregion
+export { r as MANIFEST };

package/lib/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(t,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@sps-woodland/core/focused-task"),require("react"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core/focused-task","react","@spscommerce/utils"],s):(t=typeof globalThis<"u"?globalThis:t||self,s(t.FocusedTask={},t.spsWoodlandCoreFocusedTask,t.react,t.spscommerceUtils))})(this,(function(t,s,d,l){"use strict";function r(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(a,n,c.get?c:{enumerable:!0,get:()=>o[n]})}}return a.default=o,Object.freeze(a)}const e=r(d),u={"Focused Task":{components:[s.FocusedTask],examples:{hooks:{label:"Using the Hook",description:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"To use the focused task component, you must call the ",e.createElement("code",null,"useFocusedTask")," hook. Optional arguments for this hook include:"),e.createElement("dl",null,e.createElement("dt",null,e.createElement("code",null,"isOpen"),": boolean"),e.createElement("dd",null,"Whether the overlay is open by default (controlled)"),e.createElement("dt",null,e.createElement("code",null,"defaultOpen"),": boolean"),e.createElement("dd",null,"Whether the overlay is open by default (uncontrolled)."),e.createElement("dt",null,e.createElement("code",null,"onOpenChange"),": function"),e.createElement("dd",null,"Handler that is called when the overlay's open state changes.",e.createElement("code",null,"(isOpen: boolean) => void"))),e.createElement("h5",null,"Focused Task Props, Focused Task State, and Trigger Props"),e.createElement("p",null,"The ",e.createElement("code",null,"useFocusedTask")," returns an object with ",e.createElement("code",null,"focusedTaskProps"),","," ",e.createElement("code",null,"focusedTaskState")," and ",e.createElement("code",null,"triggerProps")),e.createElement("p",null,"The ",e.createElement("code",null,"triggerProps")," need to be spread on the element that triggers the focused task."),e.createElement("p",null,"The ",e.createElement("code",null,"focusedTaskState")," object (which is also included in ",e.createElement("code",null,"focusedTaskProps"),") allows programmatic access to the state of the focused task. This includes a read only"," ",e.createElement("code",null,"isOpen")," property, a ",e.createElement("code",null,"setOpen(isOpen: boolean)")," method which can be use to set whether the overlay is open, an ",e.createElement("code",null,"open()")," method which opens the overlay, a ",e.createElement("code",null,"close()")," method which closes the overlay and a"," ",e.createElement("code",null,"toggle()")," method that toggles the overlay's visiblity."),e.createElement("p",null,"The ",e.createElement("code",null,"focusedTaskProps")," should be spread on the actual ",e.createElement("code",null,"FocusedTask")," component."),e.createElement("p",null,"Please refer to the examples to see its implementation"))},standard:{label:"Standard",examples:{basic:{react:l.code`
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@sps-woodland/core/focused-task"),require("react"),require("@spscommerce/utils")):typeof define==`function`&&define.amd?define([`exports`,`@sps-woodland/core/focused-task`,`react`,`@spscommerce/utils`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FocusedTask={},e.spsWoodlandCoreFocusedTask,e.react,e.spscommerceUtils))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule||!l.call(e,`default`)?a(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1),e.MANIFEST={"Focused Task":{components:[t.FocusedTask],examples:{hooks:{label:`Using the Hook`,description:()=>n.createElement(n.Fragment,null,n.createElement(`p`,null,`To use the focused task component, you must call the `,n.createElement(`code`,null,`useFocusedTask`),` hook. Optional arguments for this hook include:`),n.createElement(`dl`,null,n.createElement(`dt`,null,n.createElement(`code`,null,`isOpen`),`: boolean`),n.createElement(`dd`,null,`Whether the overlay is open by default (controlled)`),n.createElement(`dt`,null,n.createElement(`code`,null,`defaultOpen`),`: boolean`),n.createElement(`dd`,null,`Whether the overlay is open by default (uncontrolled).`),n.createElement(`dt`,null,n.createElement(`code`,null,`onOpenChange`),`: function`),n.createElement(`dd`,null,`Handler that is called when the overlay's open state changes.`,n.createElement(`code`,null,`(isOpen: boolean) => void`))),n.createElement(`h5`,null,`Focused Task Props, Focused Task State, and Trigger Props`),n.createElement(`p`,null,`The `,n.createElement(`code`,null,`useFocusedTask`),` returns an object with `,n.createElement(`code`,null,`focusedTaskProps`),`,`,` `,n.createElement(`code`,null,`focusedTaskState`),` and `,n.createElement(`code`,null,`triggerProps`)),n.createElement(`p`,null,`The `,n.createElement(`code`,null,`triggerProps`),` need to be spread on the element that triggers the focused task.`),n.createElement(`p`,null,`The `,n.createElement(`code`,null,`focusedTaskState`),` object (which is also included in `,n.createElement(`code`,null,`focusedTaskProps`),`) allows programmatic access to the state of the focused task. This includes a read only`,` `,n.createElement(`code`,null,`isOpen`),` property, a `,n.createElement(`code`,null,`setOpen(isOpen: boolean)`),` method which can be use to set whether the overlay is open, an `,n.createElement(`code`,null,`open()`),` method which opens the overlay, a `,n.createElement(`code`,null,`close()`),` method which closes the overlay and a`,` `,n.createElement(`code`,null,`toggle()`),` method that toggles the overlay's visiblity.`),n.createElement(`p`,null,`The `,n.createElement(`code`,null,`focusedTaskProps`),` should be spread on the actual `,n.createElement(`code`,null,`FocusedTask`),` component.`),n.createElement(`p`,null,`Please refer to the examples to see its implementation`))},standard:{label:`Standard`,examples:{basic:{react:r.code`
           import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
           import { Button } from "@sps-woodland/buttons";
           import { Card } from "@sps-woodland/cards";
@@ -36,7 +36,7 @@
                 </>
               )
             }
-        `}}},fullWidth:{label:"Fill Width",examples:{basic:{react:l.code`
+        `}}},fullWidth:{label:`Fill Width`,examples:{basic:{react:r.code`
           import { FocusedTask, FocusedTaskActions, useFocusedTask } from "@sps-woodland/focused-task";
           import { Button } from "@sps-woodland/buttons";
           import { Card } from "@sps-woodland/cards";
@@ -75,4 +75,4 @@
                 </>
               )
             }
-        `}}}}}};t.MANIFEST=u,Object.keys(s).forEach(o=>{o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:()=>s[o]})}),Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+        `}}}}}},Object.keys(t).forEach(function(n){n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})});

package/lib/style.css

@@ -1 +1,2 @@
-.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib0{background-color:#f3f4f4;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;text-align:center;transition:top .3s ease;width:100%;padding-bottom:2rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib1{margin:0 auto;max-width:1280px;padding:0 1rem 1rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib2{max-width:100%}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib4{margin:1rem auto .5rem;max-width:1280px;min-width:0;padding:0 1rem;text-align:right}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib5{color:#4b5356;border-width:0;right:.5rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib6{padding:0 .25rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib7{position:fixed;z-index:1000;inset:0;background:#f3f4f4;display:flex;align-items:center;justify-content:center;padding:1rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib8{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -.0625rem .125rem #00000026;display:flex;height:3.125rem;justify-content:center;left:0;padding:.5rem;position:fixed;right:0;z-index:1}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29ib9{display:flex;max-width:1180px;width:100%}.pkg_sps-woodland_core__family_focused-task__version_8_56_2__hash_1fv29iba{align-items:center;display:flex;flex:1;white-space:nowrap;justify-content:center}.z-stratum-dropdown{z-index:1100}
+.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib0{text-align:center;background-color:#f3f4f4;width:100%;height:100%;padding-bottom:2rem;transition:top .3s;position:fixed;left:0;overflow:hidden auto}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib1{max-width:1280px;margin:0 auto;padding:0 1rem 1rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib2{max-width:100%}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib4{text-align:right;min-width:0;max-width:1280px;margin:1rem auto .5rem;padding:0 1rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib5{color:#4b5356;border-width:0;right:.5rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib6{padding:0 .25rem}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib7{z-index:1000;background:#f3f4f4;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib8{z-index:1;background-color:#fff;justify-content:center;align-items:center;height:3.125rem;padding:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -.0625rem .125rem #00000026}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29ib9{width:100%;max-width:1180px;display:flex}.pkg_sps-woodland_core__family_focused-task__version_8_56_3__hash_1fv29iba{white-space:nowrap;flex:1;justify-content:center;align-items:center;display:flex}.z-stratum-dropdown{z-index:1100}
+/*$vite$:1*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/focused-task",
   "description": "SPS Woodland Design System focused task component",
-  "version": "8.56.2",
+  "version": "8.56.3",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/focused-task",
@@ -30,14 +30,14 @@
     "@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/core": "8.56.2"
+    "@sps-woodland/core": "8.56.3"
   },
   "devDependencies": {
-    "@spscommerce/utils": "9.1.1",
+    "@spscommerce/utils": "9.3.3",
     "@types/react": "16.14.35",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@sps-woodland/core": "8.56.2"
+    "@sps-woodland/core": "8.56.3"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",