@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "0.0.0-alpha.11",
+  "version": "0.0.0-alpha.13",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.cts",
@@ -10,14 +10,29 @@
     ".": {
       "import": {
         "types": "./dist/esm/index.d.ts",
+        "hrAppsLocalDev": "./src/index.ts",
         "default": "./dist/esm/index.js"
       },
       "require": {
         "types": "./dist/cjs/index.d.cts",
+        "hrAppsLocalDev": "./src/index.ts",
         "default": "./dist/cjs/index.cjs"
       }
     },
-    "./i18n/*.json": "./i18n/*.json"
+    "./testing-utils/storybook": {
+      "import": {
+        "types": "./dist/esm/index.storybook-testing.d.ts",
+        "hrAppsLocalDev": "./src/index.storybook-testing.ts",
+        "default": "./dist/esm/storybook-testing.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.storybook-testing.d.cts",
+        "hrAppsLocalDev": "./src/index.storybook-testing.ts",
+        "default": "./dist/cjs/storybook-testing.cjs"
+      }
+    },
+    "./i18n/*.json": "./i18n/*.json",
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
@@ -33,42 +48,46 @@
     "@react-types/shared": "3.26.0",
     "@use-gesture/react": "10.3.1",
     "react": "18.3.1",
-    "react-aria": "3.41.0",
-    "react-aria-components": "1.10.0",
+    "react-aria": "3.41.1",
+    "react-aria-components": "1.10.1",
     "react-dom": "18.3.1",
     "react-hook-form": "7.50.1",
     "react-hot-toast": "2.5.1",
-    "react-intl": "6.5.0",
+    "react-intl": "7.1.3",
     "react-stately": "3.36.1",
     "tailwind-merge": "2.5.2",
     "tailwind-variants": "0.2.1",
     "usehooks-ts": "3.1.0",
-    "zod": "3.25.57"
+    "zod": "3.25.67"
   },
   "peerDependencies": {
     "@hookform/devtools": "4.3.3",
-    "@payfit/unity-icons": "0.0.0-alpha.11",
-    "@payfit/unity-themes": "0.0.0-alpha.11",
+    "@payfit/unity-icons": "0.0.0-alpha.13",
+    "@payfit/unity-themes": "0.0.0-alpha.13",
+    "@storybook/react-vite": "^9",
     "@tanstack/react-table": "8.21.3",
     "history": "4.10.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-hook-form": "7.50.1",
+    "prettier": "^3",
+    "react-hook-form": "^7",
     "react-router-dom": "5.3.4",
-    "zod": "3.25.57"
+    "storybook": "^9",
+    "zod": "3.25.67"
   },
   "devDependencies": {
     "@fontsource/inter": "5.0.19",
     "@fontsource/source-serif-4": "5.0.19",
     "@hookform/devtools": "4.3.3",
     "@internationalized/date": "3.8.2",
-    "@payfit/unity-icons": "0.0.0-alpha.11",
-    "@payfit/unity-themes": "0.0.0-alpha.11",
-    "@storybook/addon-a11y": "9.0.6",
-    "@storybook/addon-docs": "9.0.6",
-    "@storybook/addon-links": "9.0.6",
-    "@storybook/addon-vitest": "9.0.6",
-    "@storybook/react-vite": "9.0.6",
+    "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
+    "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
+    "@payfit/unity-icons": "0.0.0-alpha.13",
+    "@payfit/unity-illustrations": "0.0.0-alpha.13",
+    "@payfit/unity-themes": "0.0.0-alpha.13",
+    "@storybook/addon-a11y": "9.0.11",
+    "@storybook/addon-docs": "9.0.11",
+    "@storybook/addon-links": "9.0.11",
+    "@storybook/addon-vitest": "9.0.11",
+    "@storybook/react-vite": "9.0.11",
     "@testing-library/dom": "10.4.0",
     "@testing-library/react": "16.2.0",
     "@types/react": "18.3.18",
@@ -81,11 +100,13 @@
     "msw": "2.8.4",
     "msw-storybook-addon": "2.0.4",
     "playwright": "1.49.1",
+    "prettier": "3.1.0",
     "react-docgen-typescript": "2.2.2",
     "react-hot-toast": "2.5.1",
-    "storybook": "9.0.6",
+    "storybook": "9.0.11",
     "storybook-addon-pseudo-states": "9.0.6",
     "storybook-addon-tag-badges": "2.0.0",
+    "storybook-mock-date-decorator": "3.0.0",
     "tailwindcss": "3.4.10",
     "typescript": "5.7.3",
     "vite": "6.3.5",
@@ -102,6 +123,9 @@
     "history": {
       "optional": true
     },
+    "prettier": {
+      "optional": true
+    },
     "react-router-dom": {
       "optional": true
     },

package/dist/cjs/components/date-picker/parts/DateCalendar.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),n=require("@internationalized/date"),t=require("react-aria-components"),G=require("tailwind-variants"),g=require("../../icon-button/IconButton.cjs"),I=require("../hooks/useMonthsList.cjs"),Y=require("../hooks/useYearsList.cjs"),f=require("./DateSegmentSelect.cjs"),B=G.tv({slots:{dialog:"uy-p-150",calendarWrapper:"uy-flex uy-flex-col uy-gap-100",dialogHeader:"uy-flex uy-items-center uy-h-500 uy-w-full",dialogHeaderGroup:"uy-flex uy-items-center",calendarGrid:"uy-border-separate uy-border-spacing-25 uy-w-full",calendarHeaderCell:"uy-typography-body-strong uy-text-content-neutral-low uy-w-[44px] uy-h-[44px] uy-p-[1px] uy-uppercase",calendarCell:["uy-typography-body uy-relative uy-text-content-form-enabled uy-w-[44px] uy-h-[44px] uy-p-[1px] uy-outline-hidden uy-cursor-pointer uy-rounded-circle uy-flex uy-items-center uy-justify-center","hover:uy-bg-surface-neutral-hover active:uy-bg-surface-form-active data-[pressed]:uy-bg-surface-neutral-pressed focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-2","data-[outside-month]:uy-text-content-neutral-disabled data-[outside-month]:uy-cursor-not-allowed data-[disabled]:uy-text-content-neutral-disabled data-[disabled]:uy-cursor-not-allowed data-[unavailable]:uy-text-content-neutral-disabled data-[unavailable]:uy-cursor-not-allowed","data-[selected]:uy-bg-surface-form-active data-[selected]:uy-text-content-inverted","data-[today]:after:uy-content-' ' data-[today]:after:uy-absolute data-[today]:after:uy-bottom-150 data-[today]:after:uy-w-100 data-[today]:after:uy-h-25 data-[today]:after:uy-bg-border-primary-active data-[today]:data-[selected]:after:uy-bg-content-inverted"]},variants:{isDisabled:{true:{calendarHeaderCell:"uy-text-content-form-disabled"}}},defaultVariants:{isDisabled:!1}});function x({value:c,defaultValue:l,minValue:r,maxValue:d,...s}){const y=n.today(n.getLocalTimeZone()),[p,m]=h.useState(c??l??y),[o,i]=h.useState(c??l??y),v=I.useMonthsList(),C=Y.useYearsList({startYear:r==null?void 0:r.year,endYear:d==null?void 0:d.year}),D=a=>{i(u=>u.set({month:parseInt(a,10)}))},j=a=>{i(u=>u.set({year:parseInt(a,10)}))},{dialog:N,calendarWrapper:S,dialogHeader:w,dialogHeaderGroup:b,calendarGrid:H,calendarHeaderCell:q,calendarCell:L}=B({isDisabled:s.isDisabled});return e.jsx(t.Dialog,{className:N(),"data-dd-privacy":"mask",children:e.jsx(t.Calendar,{...s,minValue:r,maxValue:d,value:p,defaultValue:l,onChange:a=>{m(a)},focusedValue:o,onFocusChange:a=>{i(a)},children:e.jsxs("div",{className:S(),children:[e.jsxs("header",{className:w(),children:[e.jsx(t.Heading,{className:"uy-sr-only"}),e.jsxs("div",{className:b({className:"uy-pl-100 uy-gap-200"}),children:[e.jsx(f.DateSegmentSelect,{type:"month",items:v,value:o.month.toString(),onChange:D,isDisabled:s.isDisabled}),e.jsx(f.DateSegmentSelect,{type:"year",items:C,value:o.year.toString(),onChange:j,isDisabled:s.isDisabled})]}),e.jsxs("div",{className:b({className:"uy-ml-auto uy-gap-100"}),children:[e.jsx(g.IconButton,{slot:"previous",icon:"CaretLeftOutlined",color:"neutral",label:"Previous",variant:"ghost",isDisabled:s.isDisabled}),e.jsx(g.IconButton,{slot:"next",icon:"CaretRightOutlined",color:"neutral",label:"Next",variant:"ghost",isDisabled:s.isDisabled})]})]}),e.jsxs(t.CalendarGrid,{className:H(),weekdayStyle:"short",children:[e.jsx(t.CalendarGridHeader,{children:a=>e.jsx(t.CalendarHeaderCell,{className:q(),children:a})}),e.jsx(t.CalendarGridBody,{children:a=>e.jsx(t.CalendarCell,{date:a,"data-today":n.isToday(a,n.getLocalTimeZone())?!0:void 0,className:L()})})]})]})})})}x.displayName="DateCalendar";exports.DateCalendar=x;

package/dist/cjs/components/date-picker/parts/DateCalendar.d.cts

@@ -1,9 +0,0 @@
-import { DateValue } from '@internationalized/date';
-import { CalendarProps as AriaDateCalendarProps } from 'react-aria-components';
-type PropsFromAriaCalendar<TDate extends DateValue> = AriaDateCalendarProps<TDate>;
-export type DateCalendarProps<TDate extends DateValue> = PropsFromAriaCalendar<TDate>;
-declare function DateCalendar<TDate extends DateValue>({ value, defaultValue, minValue, maxValue, ...props }: DateCalendarProps<TDate>): import("react/jsx-runtime").JSX.Element;
-declare namespace DateCalendar {
-    var displayName: string;
-}
-export { DateCalendar };

package/dist/cjs/components/popover/parts/PopoverContent.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),e=n.forwardRef(({children:t},o)=>r.jsx("div",{ref:o,children:t}));e.displayName="PopoverContent";exports.PopoverContent=e;

package/dist/esm/components/date-picker/parts/DateCalendar.d.ts

@@ -1,9 +0,0 @@
-import { DateValue } from '@internationalized/date';
-import { CalendarProps as AriaDateCalendarProps } from 'react-aria-components';
-type PropsFromAriaCalendar<TDate extends DateValue> = AriaDateCalendarProps<TDate>;
-export type DateCalendarProps<TDate extends DateValue> = PropsFromAriaCalendar<TDate>;
-declare function DateCalendar<TDate extends DateValue>({ value, defaultValue, minValue, maxValue, ...props }: DateCalendarProps<TDate>): import("react/jsx-runtime").JSX.Element;
-declare namespace DateCalendar {
-    var displayName: string;
-}
-export { DateCalendar };

package/dist/esm/components/popover/parts/PopoverContent.js

@@ -1,9 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-const n = e(
-  ({ children: o }, r) => /* @__PURE__ */ t("div", { ref: r, children: o })
-);
-n.displayName = "PopoverContent";
-export {
-  n as PopoverContent
-};