@payfit/unity-components 0.0.0-alpha.13 → 0.0.0-alpha.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/app-menu/parts/AppMenuFooter.cjs +1 -1
- package/dist/cjs/components/avatar/parts/AvatarFallback.cjs +1 -1
- package/dist/cjs/components/badge/Badge.cjs +1 -1
- package/dist/cjs/components/bottom-sheet/BottomSheet.cjs +1 -1
- package/dist/cjs/components/breadcrumbs/Breadcrumbs.cjs +1 -1
- package/dist/cjs/components/breadcrumbs/Breadcrumbs.d.cts +1 -1
- package/dist/cjs/components/breadcrumbs/parts/Breadcrumb.cjs +1 -1
- package/dist/cjs/components/button/Button.variants.cjs +1 -1
- package/dist/cjs/components/checkbox/Checkbox.variants.cjs +1 -1
- package/dist/cjs/components/checkbox/parts/CheckboxIndicator.cjs +1 -1
- package/dist/cjs/components/date-calendar/DateCalendar.cjs +1 -1
- package/dist/cjs/components/date-calendar/parts/DateSegmentSelect.cjs +1 -1
- package/dist/cjs/components/date-picker/DatePicker.cjs +1 -1
- package/dist/cjs/components/dialog/Dialog.cjs +1 -1
- package/dist/cjs/components/icon-button/CircularIconButton.cjs +1 -1
- package/dist/cjs/components/icon-button/CircularIconButton.d.cts +7 -0
- package/dist/cjs/components/icon-button/IconButton.cjs +1 -1
- package/dist/cjs/components/icon-button/IconButton.d.cts +1 -4
- package/dist/cjs/components/icon-button/IconButton.variants.cjs +1 -1
- package/dist/cjs/components/input/Input.cjs +1 -1
- package/dist/cjs/components/link/Link.variants.cjs +1 -1
- package/dist/cjs/components/link/Link.variants.d.cts +2 -2
- package/dist/cjs/components/menu/parts/MenuItem.cjs +1 -1
- package/dist/cjs/components/multi-select/parts/MultiSelectButton.cjs +1 -1
- package/dist/cjs/components/nav/parts/NavItem.cjs +1 -1
- package/dist/cjs/components/nav/parts/NavItem.d.cts +18 -14
- package/dist/cjs/components/number-input/NumberInput.cjs +1 -1
- package/dist/cjs/components/pagination/parts/PaginationLink.cjs +1 -1
- package/dist/cjs/components/pagination/parts/PaginationNavButton.cjs +1 -1
- package/dist/cjs/components/payfit-brand/PayFitPreprod.cjs +1 -1
- package/dist/cjs/components/radio-button-group-field/RadioButtonGroupField.cjs +1 -1
- package/dist/cjs/components/search/Search.cjs +1 -1
- package/dist/cjs/components/segmented-button-group/SegmentedButtonGroup.cjs +1 -1
- package/dist/cjs/components/segmented-button-group/parts/ToggleButton.cjs +1 -1
- package/dist/cjs/components/select/Select.cjs +1 -1
- package/dist/cjs/components/select/Select.d.cts +3 -1
- package/dist/cjs/components/select/parts/SearchInput.cjs +1 -1
- package/dist/cjs/components/select/parts/SelectButton.cjs +1 -1
- package/dist/cjs/components/selectable-button-group/parts/SelectableButton.cjs +1 -1
- package/dist/cjs/components/side-panel/SidePanel.cjs +1 -1
- package/dist/cjs/components/table/Table.cjs +1 -1
- package/dist/cjs/components/table/parts/TableBody.cjs +1 -1
- package/dist/cjs/components/table/parts/TableBody.d.cts +36 -1
- package/dist/cjs/components/table/parts/TableHeader.cjs +1 -1
- package/dist/cjs/components/table/parts/TablePagination.cjs +1 -1
- package/dist/cjs/components/tabs/Tabs.variant.cjs +1 -1
- package/dist/cjs/components/tabs/Tabs.variant.d.cts +17 -0
- package/dist/cjs/components/tabs/parts/NavigationButton.cjs +1 -1
- package/dist/cjs/components/tabs/parts/TabList.cjs +1 -1
- package/dist/cjs/components/task-menu/TaskMenu.cjs +1 -0
- package/dist/cjs/components/task-menu/TaskMenu.context.cjs +1 -0
- package/dist/cjs/components/task-menu/TaskMenu.context.d.cts +24 -0
- package/dist/cjs/components/task-menu/TaskMenu.d.cts +92 -0
- package/dist/cjs/components/task-menu/parts/Content.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/Content.d.cts +9 -0
- package/dist/cjs/components/task-menu/parts/Header.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/Header.d.cts +5 -0
- package/dist/cjs/components/task-menu/parts/SubTask.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/SubTask.d.cts +281 -0
- package/dist/cjs/components/task-menu/parts/Task.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/Task.d.cts +279 -0
- package/dist/cjs/components/task-menu/parts/TaskGroup.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/TaskGroup.d.cts +30 -0
- package/dist/cjs/components/task-menu/parts/dot.svg.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/task.variants.cjs +1 -0
- package/dist/cjs/components/task-menu/parts/task.variants.d.cts +152 -0
- package/dist/cjs/components/toast/UnityToast.cjs +1 -1
- package/dist/cjs/components/toast/UnityToast.d.cts +2 -2
- package/dist/cjs/components/toggle-switch/ToggleSwitch.cjs +1 -1
- package/dist/cjs/hooks/use-media-query.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.d.cts +10 -6
- package/dist/cjs/utils/platform.cjs +1 -1
- package/dist/esm/components/app-menu/parts/AppMenuFooter.js +25 -25
- package/dist/esm/components/avatar/parts/AvatarFallback.js +1 -1
- package/dist/esm/components/badge/Badge.js +22 -22
- package/dist/esm/components/bottom-sheet/BottomSheet.js +1 -1
- package/dist/esm/components/breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/esm/components/breadcrumbs/Breadcrumbs.js +19 -10
- package/dist/esm/components/breadcrumbs/parts/Breadcrumb.js +21 -14
- package/dist/esm/components/button/Button.variants.js +43 -41
- package/dist/esm/components/checkbox/Checkbox.variants.js +1 -1
- package/dist/esm/components/checkbox/parts/CheckboxIndicator.js +1 -1
- package/dist/esm/components/date-calendar/DateCalendar.js +7 -7
- package/dist/esm/components/date-calendar/parts/DateSegmentSelect.js +6 -6
- package/dist/esm/components/date-picker/DatePicker.js +7 -7
- package/dist/esm/components/dialog/Dialog.js +1 -1
- package/dist/esm/components/icon-button/CircularIconButton.d.ts +7 -0
- package/dist/esm/components/icon-button/CircularIconButton.js +31 -30
- package/dist/esm/components/icon-button/IconButton.d.ts +1 -4
- package/dist/esm/components/icon-button/IconButton.js +52 -49
- package/dist/esm/components/icon-button/IconButton.variants.js +47 -47
- package/dist/esm/components/input/Input.js +7 -7
- package/dist/esm/components/link/Link.variants.d.ts +2 -2
- package/dist/esm/components/link/Link.variants.js +2 -2
- package/dist/esm/components/menu/parts/MenuItem.js +18 -18
- package/dist/esm/components/multi-select/parts/MultiSelectButton.js +5 -5
- package/dist/esm/components/nav/parts/NavItem.d.ts +18 -14
- package/dist/esm/components/nav/parts/NavItem.js +36 -28
- package/dist/esm/components/number-input/NumberInput.js +1 -1
- package/dist/esm/components/pagination/parts/PaginationLink.js +1 -1
- package/dist/esm/components/pagination/parts/PaginationNavButton.js +5 -4
- package/dist/esm/components/payfit-brand/PayFitPreprod.js +16 -16
- package/dist/esm/components/radio-button-group-field/RadioButtonGroupField.js +9 -9
- package/dist/esm/components/search/Search.js +13 -13
- package/dist/esm/components/segmented-button-group/SegmentedButtonGroup.js +1 -1
- package/dist/esm/components/segmented-button-group/parts/ToggleButton.js +22 -22
- package/dist/esm/components/select/Select.d.ts +3 -1
- package/dist/esm/components/select/Select.js +36 -26
- package/dist/esm/components/select/parts/SearchInput.js +2 -1
- package/dist/esm/components/select/parts/SelectButton.js +7 -7
- package/dist/esm/components/selectable-button-group/parts/SelectableButton.js +29 -19
- package/dist/esm/components/side-panel/SidePanel.js +1 -1
- package/dist/esm/components/table/Table.js +1 -1
- package/dist/esm/components/table/parts/TableBody.d.ts +36 -1
- package/dist/esm/components/table/parts/TableBody.js +24 -20
- package/dist/esm/components/table/parts/TableHeader.js +1 -1
- package/dist/esm/components/table/parts/TablePagination.js +1 -1
- package/dist/esm/components/tabs/Tabs.variant.d.ts +17 -0
- package/dist/esm/components/tabs/Tabs.variant.js +8 -5
- package/dist/esm/components/tabs/parts/NavigationButton.js +15 -15
- package/dist/esm/components/tabs/parts/TabList.js +34 -34
- package/dist/esm/components/task-menu/TaskMenu.context.d.ts +24 -0
- package/dist/esm/components/task-menu/TaskMenu.context.js +60 -0
- package/dist/esm/components/task-menu/TaskMenu.d.ts +92 -0
- package/dist/esm/components/task-menu/TaskMenu.js +28 -0
- package/dist/esm/components/task-menu/parts/Content.d.ts +9 -0
- package/dist/esm/components/task-menu/parts/Content.js +48 -0
- package/dist/esm/components/task-menu/parts/Header.d.ts +5 -0
- package/dist/esm/components/task-menu/parts/Header.js +55 -0
- package/dist/esm/components/task-menu/parts/SubTask.d.ts +281 -0
- package/dist/esm/components/task-menu/parts/SubTask.js +193 -0
- package/dist/esm/components/task-menu/parts/Task.d.ts +279 -0
- package/dist/esm/components/task-menu/parts/Task.js +171 -0
- package/dist/esm/components/task-menu/parts/TaskGroup.d.ts +30 -0
- package/dist/esm/components/task-menu/parts/TaskGroup.js +174 -0
- package/dist/esm/components/task-menu/parts/dot.svg.js +5 -0
- package/dist/esm/components/task-menu/parts/task.variants.d.ts +152 -0
- package/dist/esm/components/task-menu/parts/task.variants.js +54 -0
- package/dist/esm/components/toast/UnityToast.d.ts +2 -2
- package/dist/esm/components/toast/UnityToast.js +16 -16
- package/dist/esm/components/toggle-switch/ToggleSwitch.js +1 -1
- package/dist/esm/hooks/use-media-query.js +12 -12
- package/dist/esm/index.d.ts +10 -6
- package/dist/esm/index.js +284 -273
- package/dist/esm/utils/platform.js +3 -7
- package/i18n/en-GB.json +4 -0
- package/i18n/es-ES.json +4 -0
- package/i18n/fr-FR.json +4 -0
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("react"),i=require("react-aria-components"),B=require("tailwind-variants"),F=require("../icon/Icon.cjs");require("@payfit/unity-icons");const G=require("react-intl"),l=require("../icon-button/CircularIconButton.cjs"),T=require("../spinner/Spinner.cjs"),p=B.tv({slots:{base:["uy-group uy-flex uy-h-500 uy-border uy-border-solid uy-rounded-100","focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2","active:uy-border-border-form-active"],wrapper:["uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("react"),i=require("react-aria-components"),B=require("tailwind-variants"),F=require("../icon/Icon.cjs");require("@payfit/unity-icons");const G=require("react-intl"),l=require("../icon-button/CircularIconButton.cjs"),T=require("../spinner/Spinner.cjs"),p=B.tv({slots:{base:["uy-group uy-flex uy-h-500 uy-border uy-border-solid uy-rounded-100","focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2","active:uy-border-border-form-active"],wrapper:["uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100 uy-max-w-full uy-justify-between uy-items-center"],input:["uy-w-full uy-flex-1 uy-outline-none uy-typography-body uy-min-w-0 uy-max-w-full","placeholder:uy-text-content-neutral-lowest"],prefix:["uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-r uy-border-solid uy-rounded-l-100","active:uy-border-border-form-active"],suffix:["uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-l uy-border-solid uy-rounded-r-100","active:uy-border-border-form-active"],state:["uy-flex uy-gap-50 uy-items-center uy-shrink-0 uy-text-content-neutral-disabled"],controls:["uy-flex uy-gap-50"]},variants:{isReadOnly:{true:{base:["uy-border-border-form-disabled uy-bg-surface-form-disabled"],prefix:["uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-read-only"],wrapper:["uy-bg-surface-form-disabled uy-text-content-form-disabled","group-data-[invalid=true]:uy-bg-surface-form-error"],input:["uy-bg-surface-form-disabled uy-text-content-form-read-only"],suffix:["uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-read-only"]},false:{base:["uy-border-border-form-enabled uy-bg-surface-form-enabled","data-[invalid=true]:uy-border-border-form-error data-[invalid=true]:uy-bg-surface-form-error","data-[disabled=true]:uy-border-border-form-disabled data-[disabled=true]:uy-bg-surface-form-disabled data-[disabled=true]:uy-cursor-not-allowed"],prefix:["uy-bg-surface-neutral-low uy-border-border-form-enabled uy-text-content-form-enabled","group-data-[invalid=true]:uy-bg-surface-form-error group-data-[invalid=true]:uy-border-border-form-error","group-data-[disabled=true]:uy-bg-surface-form-disabled group-data-[disabled=true]:uy-border-border-form-disabled group-data-[disabled=true]:uy-text-content-form-disabled data-[disabled=true]:uy-cursor-not-allowed"],suffix:["uy-bg-surface-neutral-low uy-border-border-form-enabled uy-text-content-form-enabled","group-data-[invalid=true]:uy-bg-surface-form-error group-data-[invalid=true]:uy-border-border-form-error","group-data-[disabled=true]:uy-bg-surface-form-disabled group-data-[disabled=true]:uy-border-border-form-disabled group-data-[disabled=true]:uy-text-content-form-disabled data-[disabled=true]:uy-cursor-not-allowed"],wrapper:["uy-border-border-form-enabled uy-bg-surface-form-enabled","group-data-[invalid=true]:uy-bg-surface-form-error group-data-[invalid=true]:uy-border-border-form-error","group-data-[disabled=true]:uy-bg-surface-form-disabled group-data-[disabled=true]:uy-text-content-form-disabled data-[disabled=true]:uy-cursor-not-allowed"],input:["uy-text-content-form-enabled uy-bg-surface-form-enabled","group-data-[invalid=true]:uy-bg-surface-form-error","group-data-[disabled=true]:uy-bg-surface-form-disabled group-data-[disabled=true]:uy-text-content-form-disabled data-[disabled=true]:uy-cursor-not-allowed"],state:["group-data-[invalid=true]:uy-text-content-form-error"],button:"data-[disabled=true]:uy-cursor-not-allowed"}}}}),g=A.forwardRef(({withControls:b=!1,defaultValue:u,formatOptions:x,isDisabled:y,isInvalid:c,isLoading:o,isReadOnly:a,isRequired:w,maxValue:d,minValue:n,prefix:f,onBlur:v,onChange:N,onClearButtonPress:s,step:h,suffix:m,value:r,...j},I)=>{const{base:M,wrapper:q,input:S,prefix:C,suffix:O,state:E,controls:D}=p({isReadOnly:a}),t=G.useIntl(),R=r!==void 0&&!isNaN(r),k=u!==void 0&&!isNaN(u),z=(R||k)&&!b&&!o&&!a&&!y;return e.jsxs(i.NumberField,{ref:I,className:M(),value:r,defaultValue:u,minValue:n,maxValue:d,step:h,isDisabled:y,isReadOnly:a,isInvalid:c,isRequired:w,"aria-busy":o,onChange:N,formatOptions:x,onBlur:v,...j,children:[f?e.jsx("span",{className:C(),children:f}):null,e.jsxs(i.Group,{className:q(),children:[e.jsx(i.Input,{className:S()}),e.jsxs("div",{className:E(),children:[o&&e.jsx(T.Spinner,{color:"inherit",size:"small",label:t.formatMessage({id:"unity:component:common:loading:label",defaultMessage:"Loading..."})}),c&&e.jsx(F.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:t.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),z&&e.jsx(l.CircularIconButton,{title:t.formatMessage({id:"unity:component:common:clear:title",defaultMessage:"Clear"}),className:"uy-text-content-neutral-enabled",icon:"CloseOutlined",onPress:()=>{s==null||s()}})]}),b&&e.jsxs("div",{className:D(),children:[e.jsx(l.CircularIconButton,{asElement:"button",icon:"MinusOutlined",slot:"decrement",isDisabled:n!==void 0&&r===n,title:t.formatMessage({id:"unity:component:form-field:number-input:decrement:title",defaultMessage:"decrement"})}),e.jsx(l.CircularIconButton,{asElement:"button",icon:"PlusOutlined",slot:"increment",isDisabled:d!==void 0&&r===d,title:t.formatMessage({id:"unity:component:form-field:number-input:increment:title",defaultMessage:"increment"})})]})]}),m?e.jsx("span",{className:O(),children:m}):null]})});g.displayName="NumberInput";exports.NumberInput=g;exports.numberInput=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("react-aria-components"),c=require("react-intl"),d=require("tailwind-variants"),a=d.tv({base:["uy-min-w-300 uy-h-300 uy-p-25 uy-flex uy-justify-center uy-items-center uy-typography-action uy-rounded-pill uy-transition-colors","enabled:uy-text-content-neutral-enabled enabled:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("react-aria-components"),c=require("react-intl"),d=require("tailwind-variants"),a=d.tv({base:["uy-min-w-300 uy-h-300 uy-p-25 uy-flex uy-justify-center uy-items-center uy-typography-action uy-rounded-pill uy-transition-colors","enabled:uy-text-content-neutral-enabled enabled:uy-bg-transparent uy-cursor-pointer","data-[disabled]:uy-text-content-neutral-disabled data-[disabled]:uy-bg-surface-neutral-disabled data-[disabled]:uy-cursor-not-allowed","hover:uy-text-content-neutral-hover hover:uy-bg-surface-neutral-hover","active:uy-text-content-neutral-pressed active:uy-bg-surface-neutral-pressed data-[pressed]:uy-text-content-neutral-pressed data-[pressed]:uy-bg-surface-neutral-pressed","focus-visible:uy-outline-2 focus-visible:uy-outline-solid focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-2"],variants:{isActive:{true:"uy-bg-surface-neutral-active",false:""}}}),n=o.forwardRef(({isActive:e,isDisabled:i,...t},u)=>{const r=c.useIntl();return s.jsx(l.Link,{ref:u,className:a({isActive:e}),isDisabled:i,"aria-current":e?"page":void 0,"aria-label":r.formatMessage({id:"unity:component:pagination:link:label",defaultMessage:"Page {page}"},{page:t.value}),...t})});n.displayName="PaginationLink";exports.PaginationLink=n;exports.paginationLink=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),r=require("react-intl"),s=require("../../icon-button/CircularIconButton.cjs");function n({variant:t,...i}){const e=r.useIntl(),o=e.formatMessage({id:t==="previous"?"unity:component:common:previous":"unity:component:common:next",defaultMessage:t==="previous"?"Previous":"Next"}),a=e.formatMessage({id:"unity:component:pagination:nav-button:description",defaultMessage:t==="previous"?"Go to previous page":"Go to next page"},{variant:o.toLowerCase()});return u.jsx(s.CircularIconButton,{...i,asElement:"button",color:"content.neutral.lowest",title:o,"aria-label":a,icon:t==="previous"?"CaretLeftOutlined":"CaretRightOutlined"})}n.displayName="PaginationNavButton";exports.PaginationNavButton=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),v=require("react"),u=require("../../hooks/use-id.cjs"),m=require("../badge/Badge.cjs"),t=v.forwardRef(({label:i,description:a,env:n,...h},l)=>{const e=u(),r=`payfit-preprod-title-${e}`,s=`payfit-preprod-desc-${e}`,d={focusable:!1,role:"img","aria-labelledby":r,...a&&{"aria-describedby":s}},o={...h,...d};return c.jsxs("span",{className:"uy-flex uy-gap-200 uy-items-center",children:[c.jsxs("svg",{...o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 104 32",fill:"none",ref:l,width:104,height:32,className:"uy-min-w-[104px]",children:[c.jsx("title",{id:r,children:i}),a&&c.jsx("desc",{id:s,children:a}),c.jsx("path",{fillRule:"evenodd",className:"uy-fill-content-warning",d:"M16 32C7.164 32 0 24.836 0 16S7.164 0 16 0s16 7.164 16 16-7.164 16-16 16Zm-.218-10.31v-3.18c0-.092.072-.183.163-.183h3.746a4.885 4.885 0 0 0 4.69-5.09 4.893 4.893 0 0 0-4.708-4.692h-9.127c-.2 0-.364.164-.364.364v12.836a2.801 2.801 0 0 0 5.6 0c.018-.036.018-.054 0-.054Zm.182-7.545h3.527a.73.73 0 0 0 .727-.727.73.73 0 0 0-.727-.727h-4.782c-.2 0-.364.163-.364.364v8.672c0 .746-.618 1.364-1.363 1.364a1.374 1.374 0 0 1-1.364-1.364V10.164c0-.091.073-.182.164-.182h7.708c1.91-.037 3.492 1.49 3.51 3.382.036 1.909-1.49 3.49-3.382 3.509h-3.654c-.091 0-.182-.073-.182-.164V14.327c0-.09.072-.163.182-.181Z",clipRule:"evenodd"}),c.jsx("path",{className:"uy-fill-content-neutral",d:"M76.49 11.945h-1.472c-.163 0-.309.11-.345.255-.073.218-.128.364-.146.455-.582 1.781-1.472 4.472-2.636 8.054-.018.055-.091.255-.237.582-.036.09-.145.127-.236.09a.219.219 0 0 1-.09-.09 7.862 7.862 0 0 1-.237-.582c-1.2-3.69-2.091-6.454-2.673-8.31-.018-.054-.036-.126-.054-.18a.372.372 0 0 0-.346-.255h-1.454a.365.365 0 0 0-.346.472c.018.055.036.091.055.146.909 2.582 2.272 6.436 4.09 11.582 0 .018 0 .018.019.036a.443.443 0 0 1 0 .218c0 .018 0 .018-.018.037-.019.072-.055.163-.073.236a1.805 1.805 0 0 1-1.691 1.2h-1.527c-.2 0-.364.164-.364.364v1.218c0 .2.164.363.364.363H68.6a3.72 3.72 0 0 0 3.418-2.236c.018-.055.037-.11.073-.164.018-.054 1.09-3.09 4.673-13.109.054-.127-.019-.29-.146-.345H76.6c-.055-.018-.073-.037-.11-.037ZM57.11 22.291c.345.109.708.163 1.072.163a4.232 4.232 0 0 0 2.89-1.2 2.949 2.949 0 0 0 .855-2.145v-.945a.163.163 0 0 0-.163-.164h-.037c-.182.018-.272.018-.272.018l-1.146.146-2.273.345c-1.218.2-1.963.69-2.2 1.455a1.923 1.923 0 0 0-.09.563c.018.818.581 1.527 1.363 1.764Zm6.854.8v.727c0 .2-.164.364-.364.364h-1.182a.365.365 0 0 1-.364-.364l-.018-1.2c0-.018-.018-.036-.018-.054a.088.088 0 0 0-.127 0 1.04 1.04 0 0 0-.2.2c-.946.945-2.236 1.418-3.91 1.418-1.2 0-2.181-.327-2.945-.964-.763-.636-1.127-1.527-1.127-2.654A3.316 3.316 0 0 1 54.036 19c.2-.418.491-.764.873-1.018a3.876 3.876 0 0 1 1.055-.546A5.45 5.45 0 0 1 57 17.164c1.764-.255 2.71-.382 2.89-.419.146-.018.728-.09 1.728-.236.073-.018.127-.018.2-.018.091-.018.164-.091.164-.182v-.51c0-.763-.2-1.363-.6-1.78-.4-.42-1.146-.637-2.218-.637-.491 0-.982.054-1.455.2-.364.109-.673.309-.927.6-.164.218-.31.436-.4.69-.018.055-.037.11-.055.183 0 .018 0 .036-.018.054a.371.371 0 0 1-.364.29h-1.363a.378.378 0 0 1-.346-.38v-.074c.019-.145.037-.254.055-.345.09-.345.236-.691.418-1a3.54 3.54 0 0 1 .818-.91c.437-.29.91-.508 1.418-.654a8.41 8.41 0 0 1 2.128-.254c3.29 0 4.89 1.309 4.89 3.963v7.346Zm26.963-10.873v11.564c0 .2.164.363.364.363h1.473c.2 0 .363-.163.363-.363V12.218c0-.2-.163-.364-.363-.364H91.29c-.2 0-.364.164-.364.364Zm0-3.673v1.473c0 .2.164.364.364.364h1.473c.2 0 .363-.164.363-.364V8.545c0-.2-.163-.363-.363-.363H91.29c-.2 0-.364.163-.364.363ZM100 13.782h3.109c.2 0 .364-.164.364-.364V12.2c0-.2-.164-.364-.364-.364H100c-.09 0-.182-.072-.182-.163V8.545c0-.2-.163-.363-.364-.363h-1.472c-.2 0-.364.163-.364.363v3.128c0 .09-.073.181-.163.181H96.09c-.2 0-.364.164-.364.364v1.218c0 .2.164.364.364.364h1.345c.091 0 .182.073.182.164V20.545c.073 2 1.71 3.6 3.709 3.6h1.655c.2 0 .363-.163.363-.363v-1.218c0-.2-.163-.364-.363-.364h-1.655a1.525 1.525 0 0 1-1.527-1.527v-6.71c.018-.108.09-.181.2-.181Zm-47.964-.637a4.96 4.96 0 0 0-4.854-4.963h-7c-.2 0-.364.163-.364.363v15.237c0 .2.164.363.364.363h1.472c.2 0 .364-.163.364-.363v-5.473c0-.09.073-.182.164-.182h5a4.975 4.975 0 0 0 4.854-4.982Zm-1.927 0a3.01 3.01 0 0 1-3.018 3.019h-4.873c-.09 0-.182-.073-.182-.164v-5.691c0-.09.073-.182.164-.182h4.891a3.01 3.01 0 0 1 3.018 3.018Zm31.2 4.928h5.527c.2 0 .364-.164.364-.364v-1.218c0-.2-.164-.364-.364-.364H81.31c-.09 0-.182-.072-.182-.163v-5.655c0-.09.073-.182.164-.182h6.8c.2 0 .364-.163.364-.363V8.545c0-.2-.164-.363-.364-.363h-8.8c-.2 0-.364.163-.364.363v15.237c0 .2.164.363.364.363h1.473c.2 0 .363-.163.363-.363v-5.527c0-.11.073-.182.182-.182Z"})]}),c.jsx(m.Badge,{variant:"warning",children:n})]})});t.displayName="PayFitBrandPreprod";exports.PayFitBrandPreprod=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),j=require("react-hook-form"),q=require("../form-field/FormField.cjs"),R=require("../form-field/parts/FormControl.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),j=require("react-hook-form"),q=require("../form-field/FormField.cjs"),R=require("../form-field/parts/FormControl.cjs"),y=require("../form-field/parts/FormFeedbackText.cjs"),b=require("../form-field/parts/FormHelperText.cjs"),h=require("../form-field/parts/FormLabel.cjs"),f=require("../radio-button-group/RadioButtonGroup.cjs"),o=p.forwardRef(({children:r,label:t,isReadOnly:n,isDisabled:i,isInvalid:s,isRequired:c,name:u,requiredVariant:l,feedbackText:d,helperText:a},m)=>{const{control:F}=j.useFormContext(),x={isRequired:c,isInvalid:s,isDisabled:i,isReadOnly:n};return e.jsxs(q.FormField,{control:F,name:u,...x,ref:m,className:"uy-gap-150",children:[e.jsxs("div",{className:"uy-flex uy-flex-col uy-gap-50",children:[e.jsx(h.FormLabel,{requiredVariant:l,children:t}),e.jsx(b.FormHelperText,{children:a}),e.jsx(y.FormFeedbackText,{children:d})]}),e.jsx(R.FormControl,{children:e.jsx(f.RadioButtonGroup,{children:r})})]})});o.displayName="RadioButtonGroupField";exports.RadioButtonGroupField=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),u=require("react-aria-components"),I=require("react-intl"),M=require("tailwind-variants"),N=require("../icon-button/CircularIconButton.cjs"),s=require("../icon/Icon.cjs"),q=require("../spinner/Spinner.cjs"),i=M.tv({slots:{base:["uy-w-full uy-flex uy-gap-100 uy-border uy-border-solid uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-border-form-enabled uy-items-center","enabled:uy-border-border-form-enabled enabled:uy-bg-surface-danger-enabled
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),u=require("react-aria-components"),I=require("react-intl"),M=require("tailwind-variants"),N=require("../icon-button/CircularIconButton.cjs"),s=require("../icon/Icon.cjs"),q=require("../spinner/Spinner.cjs"),i=M.tv({slots:{base:["uy-w-full uy-flex uy-gap-100 uy-border uy-border-solid uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-border-form-enabled uy-items-center","enabled:uy-border-border-form-enabled enabled:uy-bg-surface-danger-enabled","focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2 focus-visible:uy-border-border-form-focus focus-visible:uy-bg-surface-form-focus","active:uy-border-border-form-active","group-data-[disabled=true]:uy-border-border-form-disabled group-data-[disabled=true]:uy-bg-surface-form-disabled","group-data-[invalid=true]:uy-border-border-form-error group-data-[invalid=true]:uy-bg-surface-form-error"],input:["uy-h-300 uy-typography-body uy-flex-grow uy-outline-none [&::-webkit-search-cancel-button]:uy-hidden","enabled:uy-text-content-form-enabled","hover:uy-text-content-form-hover","focus-visible:uy-text-content-form-focus","active:uy-text-content-form-active","group-data-[invalid=true]:uy-bg-surface-form-error"],icon:["group-data-[disabled=true]:uy-text-content-neutral-lowest-disabled"],invalidIcon:["uy-hidden","group-data-[invalid=true]:uy-block"],wrapperState:["uy-flex uy-items-center"],feedbackText:["uy-typography-body-small-strong uy-text-content-form-invalid"],closeButton:["uy-text-content-neutral-enabled group-data-[empty=true]:uy-hidden"]},variants:{isReadOnly:{true:{base:"uy-bg-surface-form-disabled",icon:"uy-text-content-neutral-lowest-disabled",button:"uy-bg-surface-form-error uy-text-content-neutral-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-read-only uy-placeholder-content-form-read-only"},false:{base:["uy-bg-surface-form-enabled","hover:uy-border-border-form-hover hover:uy-bg-surface-form-hover"],icon:"uy-text-content-neutral-lowest",input:"uy-bg-text-content-form-active uy-placeholder-content-neutral-lowest"}}}}),C=({intl:a,placeholder:r,isDisabled:t})=>t?"":r||a.formatMessage({id:"unity:component:search:placeholder",defaultMessage:"Search"}),l=w.forwardRef(({isLoading:a=!1,isInvalid:r,isDisabled:t,isReadOnly:n,name:c,placeholder:d,feedbackText:y,label:f,...b},m)=>{const{base:g,icon:p,input:h,invalidIcon:v,wrapperState:x,feedbackText:S,closeButton:j}=i({isReadOnly:n}),o=I.useIntl();return e.jsxs(u.SearchField,{"aria-label":f,className:"uy-group",name:c,ref:m,isInvalid:r,isDisabled:t||n,isReadOnly:n,...b,children:[e.jsxs("div",{className:g(),children:[e.jsx(s.Icon,{src:"MagnifyingGlassOutlined",className:p(),"aria-hidden":"true"}),e.jsx(u.Input,{className:h(),placeholder:C({intl:o,placeholder:d,isDisabled:t})}),e.jsxs("div",{className:x(),children:[e.jsx(s.Icon,{className:v(),src:"WarningCircleOutlined",color:"content.form.invalid",alt:o.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),a&&e.jsx(q.Spinner,{label:o.formatMessage({id:"unity:component:common:loading:label",defaultMessage:"Loading..."}),color:"primary",size:"small","aria-hidden":"true"}),e.jsx(N.CircularIconButton,{asElement:"button",title:o.formatMessage({id:"unity:component:common:clear:title",defaultMessage:"Clear"}),className:j(),icon:"CloseOutlined"})]})]}),e.jsx(u.FieldError,{className:S(),children:y})]})});l.displayName="Search";exports.Search=l;exports.search=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("react-aria"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("react-aria"),a=require("react-stately"),s=require("./SegmentedButtonGroups.context.cjs"),o=e=>{const{children:r}=e,t=a.useRadioGroupState(e),{radioGroupProps:n}=i.useRadioGroup({...e,orientation:"horizontal"},t);return u.jsx("div",{...n,className:"uy-bg-surface-neutral-low uy-pl-50 uy-pr-50 uy-pt-50 uy-pb-50 uy-flex uy-gap-50 uy-rounded-75 uy-w-fit",children:u.jsx(s.SegmentedButtonGroupProvider,{state:t,children:r})})};o.displayName="SegmentedButtonGroup";exports.SegmentedButtonGroup=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("react-aria"),h=require("react-intl"),v=require("tailwind-variants"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("react-aria"),h=require("react-intl"),v=require("tailwind-variants"),w=require("../../icon/Icon.cjs"),P=require("../../spinner/Spinner.cjs"),I=require("../SegmentedButtonGroups.context.cjs"),j=v.tv({slots:{base:["uy-rounded-50 uy-pt-50 uy-pb-50 uy-pr-150 uy-flex uy-gap-25","active:uy-gb-surface-neutral-pressed"],wrapper:["uy-flex uy-gap-50 uy-items-center uy-typography-action","active:uy-text-content-neutral-pressed"]},variants:{isSelected:{true:{base:"uy-bg-surface-neutral-enabled uy-shadow-raising"}},isLoading:{true:{base:"uy-bg-surface-neutral-disabled uy-cursor-not-allowed",wrapper:"uy-text-content-inverted-disabled"}},isFocusVisible:{true:{base:"uy-outline-none uy-ring-2 uy-ring-ring uy-ring-offset-2 uy-ring-utility-focus-ring"}},hasPrefixIcon:{true:"",false:""}},compoundVariants:[{isLoading:!1,isSelected:!1,className:{base:"hover:uy-bg-surface-neutral-hover",wrapper:"uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover"}},{isLoading:!0,hasPrefixIcon:!1,className:{base:"uy-pl-150 uy-cursor-not-allowed"}},{isLoading:!0,hasPrefixIcon:!0,className:{base:"uy-pl-150 uy-cursor-not-allowed"}},{isLoading:!1,hasPrefixIcon:!1,className:{base:"uy-pl-150 uy-cursor-pointer"}},{isLoading:!1,hasPrefixIcon:!0,className:{base:"uy-pl-50 uy-cursor-pointer"}}],defaultVariants:{isSelected:!1,isLoading:!1,hasPrefixIcon:!1}}),L=({intl:n,children:o,isLoading:u,prefixIcon:s,isSelected:t})=>u?e.jsx(P.Spinner,{label:n.formatMessage({id:"unity:component:common:loading:label",defaultMessage:"Loading..."}),color:"inherit",size:"small"}):e.jsxs(e.Fragment,{children:[s?e.jsx(w.Icon,{src:t?`${s}Filled`:`${s}Outlined`,color:t?"content.neutral":"content.neutral.low",role:"presentation"}):null,o]}),g=i.forwardRef((n,o)=>{const{children:u,value:s,prefixIcon:t,isLoading:r}=n,{state:l}=i.useContext(I.SegmentedButtonGroupContext),c=i.useRef(null),{inputProps:y}=a.useRadio(n,l,c),{focusProps:f,isFocusVisible:p}=a.useFocusRing(),b=h.useIntl(),d=l.selectedValue===s,{base:x,wrapper:m}=j({isSelected:d,hasPrefixIcon:!!t,isLoading:r,isFocusVisible:p});return e.jsxs("label",{ref:o,className:x(),"aria-disabled":r,children:[e.jsx(a.VisuallyHidden,{children:e.jsx("input",{...a.mergeProps(y,f),ref:c,disabled:r})}),e.jsx("span",{className:m(),children:L({intl:b,children:u,isLoading:r,isSelected:d,prefixIcon:t})})]})});g.displayName="ToggleButton";exports.ToggleButton=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("react-aria-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),t=require("react-aria-components"),B=require("tailwind-variants"),C=require("./parts/SearchInput.cjs"),P=require("./parts/SelectButton.cjs"),O=B.tv({slots:{base:"uy-flex uy-flex-col uy-gap-100 uy-w-full",popover:"uy-rounded-75 uy-border uy-border-solid uy-border-border-neutral uy-w-[var(--trigger-width)] uy-bg-surface-neutral",listbox:"uy-overflow-y-auto uy-max-h-[296px] uy-pt-100 uy-pb-100 uy-pl-100 uy-pr-100"}}),A=({children:s,items:o,placeholder:r,name:y,isDisabled:n,isInvalid:l,isReadOnly:c,value:u,defaultValue:x,onChange:a,isSearchable:f=!1,onBlur:S,placement:b,...m},j)=>{const[v,g]=d.useState(!1),{contains:h}=t.useFilter({sensitivity:"base"}),{base:q,popover:w,listbox:i}=O(),N=u!==void 0||a!==void 0?{selectedKey:u,onSelectionChange:a}:{defaultSelectedKey:x};return e.jsxs(t.Select,{onOpenChange:g,...m,ref:j,className:q(),name:y,placeholder:n?void 0:r,isDisabled:n||c,isInvalid:l,onBlur:S,...N,children:[e.jsx(P.SelectButton,{isDisabled:n,isInvalid:l,isReadOnly:c,isOpen:v}),e.jsx(t.Popover,{offset:1,containerPadding:8,className:w(),placement:b,children:f?e.jsxs(t.Autocomplete,{filter:h,children:[e.jsx(C.SearchInput,{}),e.jsx(t.ListBox,{items:o,className:i(),children:s})]}):e.jsx(t.ListBox,{items:o,className:i(),children:s})})]})},p=d.forwardRef(function(o,r){return A(o,r)});p.displayName="Select";exports.Select=p;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ForwardedRef, JSX, ReactNode } from 'react';
|
|
2
|
-
import { SelectProps as AriaSelectProps } from 'react-aria-components';
|
|
2
|
+
import { PopoverProps as AriaPopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components';
|
|
3
3
|
export interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, 'children' | 'label' | 'style' | 'className' | 'selectedKey' | 'onSelectionChange'> {
|
|
4
4
|
/** In static mode, contains <SelectOption /> and <SelectOptionGroup /> components, in dynamic mode, contains a function to render items passed to the component*/
|
|
5
5
|
children: ReactNode | ((item: T) => ReactNode);
|
|
@@ -15,6 +15,8 @@ export interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>,
|
|
|
15
15
|
onChange?: AriaSelectProps<T>['onSelectionChange'];
|
|
16
16
|
/** Whether the search input should be displayed or not */
|
|
17
17
|
isSearchable?: boolean;
|
|
18
|
+
/** The placement of the popover */
|
|
19
|
+
placement?: Extract<AriaPopoverProps['placement'], 'top' | 'bottom'>;
|
|
18
20
|
}
|
|
19
21
|
type SelectComponent = (<TItems extends object>(props: SelectProps<TItems> & {
|
|
20
22
|
ref?: ForwardedRef<HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("react-aria-components"),l=require("react-intl"),y=require("tailwind-variants"),d=require("../../icon-button/CircularIconButton.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("react-aria-components"),l=require("react-intl"),y=require("tailwind-variants"),d=require("../../icon-button/CircularIconButton.cjs"),m=require("../../icon/Icon.cjs"),p=y.tv({slots:{base:"uy-flex uy-gap-100 uy-border uy-border-solid uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-border-form-active uy-text-content-form-active uy-mt-100 uy-mb-100 uy-ml-100 uy-mr-100 uy-typography-body",input:"uy-flex-grow uy-outline-none [&::-webkit-search-cancel-button]:uy-hidden",button:"uy-text-content-neutral-enabled",separator:"uy-h-[1px] uy-bg-surface-neutral-lowest uy-w-full uy-mt-100"}}),r=i.forwardRef((b,n)=>{const u=l.useIntl(),{base:a,input:s,button:o,separator:c}=p();return e.jsxs(e.Fragment,{children:[e.jsxs(t.SearchField,{className:a(),ref:n,"data-dd-privacy":"mask",children:[e.jsx(m.Icon,{src:"MagnifyingGlassOutlined","aria-hidden":"true"}),e.jsx(t.Input,{className:s()}),e.jsx(d.CircularIconButton,{title:u.formatMessage({id:"unity:component:common:clear:title",defaultMessage:"Clear"}),className:o(),icon:"CloseOutlined",asElement:"button"})]}),e.jsx("div",{"aria-hidden":"true",className:c()})]})});r.displayName="SearchInput";exports.SearchInput=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),o=require("react-aria-components"),m=require("react-intl"),p=require("tailwind-variants"),a=require("../../icon/Icon.cjs"),v=p.tv({slots:{base:"uy-flex uy-flex-row uy-gap-100 uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-solid focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2 uy-outline-none uy-border",selectValue:"uy-whitespace-nowrap uy-text-ellipsis uy-typography-body uy-flex-grow uy-text-left data-[placeholder]:uy-text-content-neutral-lowest",iconWrapper:"uy-flex uy-gap-50",icon:""},variants:{isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",selectValue:"uy-text-content-form-disabled"}},isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled",selectValue:"uy-text-content-form-readonly",icon:"uy-text-content-primary-disabled"}}},compoundVariants:[{isDisabled:!1,isInvalid:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled hover:uy-border-border-form-hover uy-bg-surface-form-enabled hover:uy-bg-surface-form-hover active:uy-border-border-form-active",selectValue:"uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover",icon:"uy-text-content-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),o=require("react-aria-components"),m=require("react-intl"),p=require("tailwind-variants"),a=require("../../icon/Icon.cjs"),v=p.tv({slots:{base:"uy-flex uy-flex-row uy-gap-100 uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-border-solid focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2 uy-outline-none uy-border",selectValue:"uy-whitespace-nowrap uy-text-ellipsis uy-typography-body uy-flex-grow uy-text-left data-[placeholder]:uy-text-content-neutral-lowest",iconWrapper:"uy-flex uy-gap-50",icon:""},variants:{isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",selectValue:"uy-text-content-form-disabled"}},isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled",selectValue:"uy-text-content-form-readonly",icon:"uy-text-content-primary-disabled"}}},compoundVariants:[{isDisabled:!1,isInvalid:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled hover:uy-border-border-form-hover uy-bg-surface-form-enabled hover:uy-bg-surface-form-hover active:uy-border-border-form-active",selectValue:"uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover",icon:"uy-text-content-neutral-low hover:uy-text-content-form-hover"}}],defaultVariants:{isDisabled:!1,isInvalid:!1,isReadOnly:!1}}),s=b.forwardRef(({isDisabled:r,isInvalid:t,isReadOnly:n,isOpen:u},l)=>{const i=m.useIntl(),{base:c,selectValue:d,iconWrapper:y,icon:f}=v({isDisabled:r,isInvalid:t,isReadOnly:n});return e.jsxs(o.Button,{"data-dd-privacy":"mask",className:c(),ref:l,isDisabled:r,children:[e.jsx(o.SelectValue,{className:d()}),e.jsxs("div",{className:y(),children:[t&&e.jsx(a.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:i.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),e.jsx(a.Icon,{className:f(),"aria-hidden":"true",src:u?"CaretUpOutlined":"CaretDownOutlined"})]})]})});s.displayName="SelectButton";exports.SelectButton=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("react-aria"),S=require("tailwind-variants"),B=require("../../icon/Icon.cjs"),w=require("../../spinner/Spinner.cjs"),j=require("../SelectableButtonGroup.context.cjs"),b=S.tv({slots:{base:["uy-group uy-border uy-border-solid uy-rounded-75 uy-py-100 uy-flex uy-gap-50 uy-items-center","uy-border-border-form-enabled uy-bg-surface-form-enabled uy-text-content-form-enabled","hover:uy-bg-surface-form-hover hover:uy-border-border-form-hover","active:uy-bg-surface-form-pressed active:uy-border-border-form-pressed","focus-visible:uy-bg-surface-form-focus focus-visible:uy-border-border-form-focus","focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring","data-[pressed=true]:uy-bg-surface-form-pressed data-[pressed=true]:uy-border-border-form-pressed data-[pressed=true]:uy-text-content-form-pressed","data-[selected=true]:uy-bg-surface-form-selected data-[selected=true]:uy-border-border-form-selected data-[selected=true]:uy-text-content-primary-active","disabled:uy-bg-surface-form-disabled disabled:uy-border-border-form-disabled disabled:uy-text-content-form-disabled disabled:uy-cursor-not-allowed","data-[loading=true]:uy-bg-surface-form-disabled data-[loading=true]:uy-border-border-form-disabled data-[loading=true]:uy-text-content-form-disabled data-[loading=true]:uy-cursor-wait"],icon:["uy-p-25 uy-text-content-neutral-low","group-data-[pressed=true]:uy-text-content-form-pressed","group-data-[selected=true]:uy-text-content-primary-active","group-disabled:uy-text-content-form-disabled","data-[loading=true]:uy-hidden"],label:["uy-typography-action"]},variants:{hasIcon:{true:{base:"uy-pl-100 uy-pr-200"},false:{base:"uy-px-200"}},isInvalid:{true:{base:"uy-bg-surface-form-error uy-border-border-form-error"}}},defaultVariants:{hasIcon:!1,isInvalid:!1}}),f=s.forwardRef((o,y)=>{const a=s.useRef(null),u=s.useContext(j.SelectableButtonGroupContext);if(!u)throw new Error("SelectableButton must be used within a ToggleButtonGroup component");const{state:m,isInvalid:d}=u,{buttonProps:n,isPressed:p,isSelected:l}=c.useToggleButtonGroupItem({id:o.value,...o},m,a),{ref:g}=c.mergeProps({ref:a},{ref:y}),{isDisabled:v=!1,isLoading:r=!1,prefixIcon:t,children:i}=o,{base:x,icon:h,label:I}=b({hasIcon:!!t&&!r,isInvalid:!!d});return e.jsxs("button",{"data-dd-privacy":"allow",...n,ref:g,className:x(),disabled:n.disabled||v||r,"data-loading":r?!0:void 0,"data-pressed":p,"data-selected":l,"data-invalid":d,"aria-busy":r,children:[t&&!r&&e.jsx(B.Icon,{src:l?`${t}Filled`:`${t}Outlined`,role:"presentation",className:h(),size:20}),r?e.jsxs(e.Fragment,{children:[e.jsx(w.Spinner,{label:"Loading",size:"small",color:"inherit"}),e.jsx("span",{className:"uy-sr-only",children:i})]}):e.jsx("span",{className:I(),children:i})]})});f.displayName="SelectableButton";exports.SelectableButton=f;exports.selectableButton=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("react-aria-components"),h=require("tailwind-variants"),v=require("./parts/SidePanelDragIndicator.cjs"),u=h.tv({slots:{overlay:["md:uy-bg-gradient-to-r md:uy-from-grayscale-L12/0 md:uy-to-grayscale-L12/10 md:uy-from-70% md:uy-via-100%","uy-fixed uy-inset-0 uy-isolate uy-z-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("react-aria-components"),h=require("tailwind-variants"),v=require("./parts/SidePanelDragIndicator.cjs"),u=h.tv({slots:{overlay:["md:uy-bg-gradient-to-r md:uy-from-grayscale-L12/0 md:uy-to-grayscale-L12/10 md:uy-from-70% md:uy-via-100%","uy-fixed uy-inset-0 uy-isolate uy-z-30","data-[entering]:uy-animate-fade-in data-[exiting]:uy-animate-fade-out"],wrapper:["uy-w-full md:uy-w-[400px]","uy-fixed uy-bottom-0 md:uy-inset-y-200 md:uy-right-200","uy-bg-surface-neutral uy-rounded-t-200 md:uy-rounded-200 uy-shadow-flying","uy-flex uy-flex-col uy-h-[95svh] md:uy-max-h-[calc(100vh-2rem)]","uy-overflow-hidden","data-[entering]:uy-animate-slide-up-fade-in data-[exiting]:uy-animate-slide-down-fade-out md:data-[entering]:uy-animate-slide-right-fade-in md:data-[exiting]:uy-animate-slide-right-fade-out"],content:["uy-flex uy-flex-col uy-h-full uy-overflow-hidden uy-outline-none"]}}),r=i.forwardRef(({children:o,isOpen:a,onOpenChange:l,defaultOpen:t,isDismissable:y=!0,isKeyboardDismissDisabled:s=!1,disableScrollLocking:n=!1,...m},c)=>{const{overlay:f,wrapper:g,content:x}=u();return i.useEffect(()=>{n&&(a??t)&&(document.documentElement.style.overflow="",document.body.style.overflow="")},[n,a,t]),e.jsx(d.ModalOverlay,{className:f(),isOpen:a,onOpenChange:l,defaultOpen:t,isDismissable:y,isKeyboardDismissDisabled:s,children:e.jsxs(d.Modal,{"data-dd-privacy":"allow",...m,ref:c,className:g(),"data-unity-side-panel":!0,children:[e.jsx(v.SidePanelDragIndicator,{}),e.jsx(d.Dialog,{className:x(),children:o})]})})});r.displayName="SidePanel";exports.SidePanel=r;exports.sidePanel=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),j=require("tailwind-variants"),H=require("usehooks-ts"),N=require("./Table.context.cjs"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=V(n),z=j.tv({slots:{root:"uy-w-full uy-border uy-border-solid uy-border-border-neutral
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),j=require("tailwind-variants"),H=require("usehooks-ts"),N=require("./Table.context.cjs"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=V(n),z=j.tv({slots:{root:"uy-w-full uy-border uy-border-solid uy-border-border-neutral uy-rounded-100 uy-overflow-hidden",scroller:["uy-relative uy-flex uy-flex-col","uy-min-h-[var(--uy-table-min-rows)] uy-max-h-[var(--uy-table-max-rows)]","uy-w-full"]}}),E=n.forwardRef(({minRows:e=10,maxRows:d=50,children:l},o)=>{const{root:s,scroller:y}=z();return t.jsx("div",{ref:o,className:s(),"data-unity-slot":"table-root",children:t.jsx("div",{className:y(),"data-unity-slot":"table-scroller",style:{"--uy-table-min-rows":`calc(var(--uy-spacing-600) * ${e})`,"--uy-table-max-rows":`calc(var(--uy-spacing-600) * ${d})`},children:l})})});E.displayName="TableRoot";const q=j.tv({slots:{wrapper:["uy-flex-1 uy-h-full uy-bg-surface-neutral","uy-overflow-y-auto","uy-w-full"],table:["uy-min-w-full","uy-text-left uy-typography-body uy-text-content-neutral uy-border-collapse","focus:uy-outline-2 focus:uy-outline-utility-focus-ring focus:uy-outline-offset-[-2px]"]},variants:{horizontalScroll:{true:{wrapper:"uy-overflow-x-auto",table:"uy-w-max"},false:{wrapper:"uy-overflow-x-hidden",table:"uy-w-fit"}}},defaultVariants:{horizontalScroll:!0}}),S=n.forwardRef((e,d)=>{const{children:l,label:o,description:s,isHorizontalScrollEnabled:y=!0,...p}=e,u=n.useRef(null),{height:i=0}=H.useResizeObserver({ref:u,box:"border-box"}),{rowCount:f,columnCount:h}=n.useMemo(()=>{let b=0,m=0;return a.default.Children.forEach(l,w=>{if(!a.default.isValidElement(w))return;const c=a.default.Children.toArray(w.props.children).filter(r=>a.default.isValidElement(r));m+=c.length,c.forEach(r=>{if(!a.default.isValidElement(r))return;const x=a.default.Children.toArray(r.props.children).filter(v=>a.default.isValidElement(v));b=Math.max(b,x.length)})}),{rowCount:m,columnCount:b}},[l]);return n.useImperativeHandle(d,()=>({scrollToTop:()=>{u.current&&u.current.scrollTo({top:0,behavior:"smooth"})}})),t.jsx(N.TableContextProvider,{rowCount:f,columnCount:h,children:t.jsx(k,{scrollContainerRef:u,containerHeight:i,rowCount:f,columnCount:h,label:o,description:s,isHorizontalScrollEnabled:y,...p,children:l})})});S.displayName="Table";const k=e=>{var g,C,R;const{children:d,label:l,description:o,scrollContainerRef:s,containerHeight:y,rowCount:p,columnCount:u,onKeyDown:i,isHorizontalScrollEnabled:f=!0,...h}=e,{wrapper:b,table:m}=q({horizontalScroll:f}),{keyboardNavigation:w}=N.useTableContext(),{tableRef:c,handleTableKeyDown:r}=w,x=n.useCallback(T=>{T.key!=="Tab"&&(r(T),i==null||i(T))},[r,i]),v=(((g=s.current)==null?void 0:g.scrollHeight)??0)>Math.floor(y);return t.jsxs("div",{className:b(),ref:s,style:{"--uy-table-is-scrollable":v?"1":"0"},children:[t.jsxs("table",{ref:c,className:m(),role:"grid","aria-rowcount":p,"aria-colcount":u,"aria-label":l,"aria-describedby":o?`table-desc-${(C=c.current)==null?void 0:C.id}`:void 0,onKeyDown:x,...h,children:[d,o&&t.jsx("caption",{id:`table-desc-${(R=c.current)==null?void 0:R.id}`,className:"uy-sr-only",children:o})]}),t.jsx("div",{className:"uy-sr-only","aria-live":"polite",children:"Table navigation: Use arrow keys to move between cells. Tab key exits the table. Home and End keys navigate to the first and last cell in a row. Page Up and Page Down move between rows."})]})};k.displayName="TableContent";exports.Table=S;exports.TableRoot=E;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),v=require("tailwind-variants"),h=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},j=h(l),y=v.tv({base:["uy-transition-all uy-duration-200 uy-ease-in-out"],variants:{isEmpty:{true:["uy-h-[var(--uy-table-min-rows)]"],false:["[&_tr:last-child]:uy-border-b","[&_tr:last-child]:uy-border-b-[length:calc(1px*(1-var(--uy-table-is-scrollable,0)))]"]}}}),b=l.forwardRef(({children:t,renderEmptyState:i,renderDataState:d,...p},m)=>{const c=d?d():void 0,e=c!==void 0,s=e?[]:l.Children.map(t,(o,f)=>j.default.isValidElement(o)?l.cloneElement(o,{rowIndex:f,...o.props}):o),a=(!s||s.length===0)&&!e,u=a&&i?i():null;let n=null;return e?n=c:a&&u&&(n=u),r.jsx("tbody",{ref:m,className:y({isEmpty:a}),"data-dd-privacy":"mask","data-empty":a||e||void 0,...p,children:n?r.jsx("tr",{children:r.jsx("td",{colSpan:1e3,className:"uy-p-0",children:n})}):s})});b.displayName="TableBody";exports.TableBody=b;exports.tableBody=y;
|
|
@@ -9,7 +9,42 @@ export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionEle
|
|
|
9
9
|
*/
|
|
10
10
|
renderDataState?: () => ReactNode | undefined;
|
|
11
11
|
}
|
|
12
|
-
export declare const tableBody: import('tailwind-variants').TVReturnType<{
|
|
12
|
+
export declare const tableBody: import('tailwind-variants').TVReturnType<{
|
|
13
|
+
isEmpty: {
|
|
14
|
+
true: string[];
|
|
15
|
+
false: string[];
|
|
16
|
+
};
|
|
17
|
+
}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
|
|
18
|
+
isEmpty: {
|
|
19
|
+
true: string[];
|
|
20
|
+
false: string[];
|
|
21
|
+
};
|
|
22
|
+
}, {
|
|
23
|
+
isEmpty: {
|
|
24
|
+
true: string[];
|
|
25
|
+
false: string[];
|
|
26
|
+
};
|
|
27
|
+
}>, {
|
|
28
|
+
isEmpty: {
|
|
29
|
+
true: string[];
|
|
30
|
+
false: string[];
|
|
31
|
+
};
|
|
32
|
+
}, undefined, import('tailwind-variants').TVReturnType<{
|
|
33
|
+
isEmpty: {
|
|
34
|
+
true: string[];
|
|
35
|
+
false: string[];
|
|
36
|
+
};
|
|
37
|
+
}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
|
|
38
|
+
isEmpty: {
|
|
39
|
+
true: string[];
|
|
40
|
+
false: string[];
|
|
41
|
+
};
|
|
42
|
+
}, {
|
|
43
|
+
isEmpty: {
|
|
44
|
+
true: string[];
|
|
45
|
+
false: string[];
|
|
46
|
+
};
|
|
47
|
+
}>, unknown, unknown, undefined>>;
|
|
13
48
|
/**
|
|
14
49
|
* The `TableBody` component renders the body section of a table, containing rows of data.
|
|
15
50
|
* It automatically processes its children to add row indices and handles empty states.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),c=require("tailwind-variants"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=b(d),o=c.tv({base:["uy-h-500 uy-bg-surface-neutral-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),c=require("tailwind-variants"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=b(d),o=c.tv({base:["uy-h-500 uy-bg-surface-neutral-lowest uy-rounded-tl-100 uy-rounded-tr-100 uy-overflow-hidden","uy-sticky uy-top-0 uy-z-[1]","[&_tr]:uy-border-b [&_tr]:uy-border-solid [&_tr]:uy-border-b-border-neutral-enabled"]}),u=d.forwardRef(({children:e,...l},n)=>{const s=t.default.Children.map(e,(r,i)=>t.default.isValidElement(r)?t.default.cloneElement(r,{rowIndex:i,...r.props}):r);return a.jsx("thead",{ref:n,className:o(),"data-dd-privacy":"allow",...l,children:a.jsx("tr",{children:s})})});u.displayName="TableHeader";exports.TableHeader=u;exports.tableHeader=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=require("react-aria"),I=require("react-intl"),O=require("tailwind-variants"),R=require("../../pagination/Pagination.cjs"),T=require("../../select/parts/SelectOption.cjs"),L=require("../../select/Select.cjs"),m=O.tv({base:["uy-bg-surface-neutral-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=require("react-aria"),I=require("react-intl"),O=require("tailwind-variants"),R=require("../../pagination/Pagination.cjs"),T=require("../../select/parts/SelectOption.cjs"),L=require("../../select/Select.cjs"),m=O.tv({base:["uy-bg-surface-neutral-lowest","uy-sticky uy-bottom-0","uy-grid uy-grid-cols-3 uy-items-center","uy-ps-200 uy-py-100 uy-pe-100"]}),A=[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"},{value:"200",label:"200"}],f=y.forwardRef((P,h)=>{const{pageCount:t,rowCount:l,currentPage:u,rowsPerPage:n=10,defaultPage:c,pageSizeOptions:j=A,defaultPageSize:x=n,onPageChange:v,onNextPress:S,onPreviousPress:N,onPageSizeChange:o,itemLabel:g="unity:component:table:pagination:item",...w}=P,a=q.useId(),s=I.useIntl(),[M,$]=y.useState(x),z={pageCount:t,defaultPage:c,currentPage:u,onPageChange:v,onNextPress:S,onPreviousPress:N},r=Math.max(((u??c??1)-1)*n+1,1),d=Math.min(r+n-1,l),p={singular:s.formatMessage({id:g,defaultMessage:"items"},{count:1}),plural:s.formatMessage({id:g,defaultMessage:"items"},{count:2})};return e.jsxs("div",{"data-dd-privacy":"allow",...w,ref:h,className:m(),"data-unity-slot":"table-pagination",children:[e.jsx("div",{className:"uy-justify-self-start",children:e.jsx("span",{id:`table-pagination-${a}-label`,className:"uy-typography-body uy-text-content-neutral",children:s.formatMessage({id:"unity:component:table:pagination:label",defaultMessage:`${r}-${d} out of ${l*t} items`},{pageCount:t,startRow:r,endRow:d,totalRows:l*t,itemLabel:p.plural})})}),e.jsx("div",{className:"uy-justify-self-center",children:t>1&&e.jsx(R.Pagination,{...z,"aria-labelledby":`table-pagination-${a}-label`})}),e.jsx("div",{className:"uy-justify-self-end",children:e.jsxs("form",{className:"uy-flex uy-gap-100 uy-items-center",children:[e.jsx("label",{className:"uy-shrink-0",id:`table-pagination-${a}-pagesize-label`,htmlFor:`table-pagination-${a}-pagesize-select`,children:s.formatMessage({id:"unity:component:table:pagination:page-size-control-label",defaultMessage:"Items per page"},{itemLabel:p.plural})}),e.jsx("div",{className:"uy-grow-0 uy-w-1000",children:e.jsx(L.Select,{id:`table-pagination-${a}-pagesize-select`,items:j,placeholder:"",value:`${M}`,onChange:i=>{const b=parseInt(i,10);o==null||o(b),$(b)},"aria-labelledby":`table-pagination-${a}-pagesize-label`,children:i=>e.jsx(T.SelectOption,{id:i.value,children:i.label})})})]})})]})});f.displayName="TablePagination";exports.TablePagination=f;exports.tablePagination=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",scroller:"uy-overflow-x-auto uy-overflow-y-hidden [scrollbar-width:thin]",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-action uy-text-content-neutral-lowest-enabled uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:uy-text-content-form-enabled data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0 data-[selected]:uy-text-content-form-active',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-neutral-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:"",scroller:"uy-border-b-[1.25px] uy-border-solid uy-border-border-neutral-enabled"},false:{base:"",scroller:"",tabList:"uy-border-b-[1.25px] uy-border-solid uy-border-border-neutral-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;
|
|
@@ -10,15 +10,18 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
10
10
|
scrollable: {
|
|
11
11
|
true: {
|
|
12
12
|
tabList: string;
|
|
13
|
+
scroller: string;
|
|
13
14
|
};
|
|
14
15
|
false: {
|
|
15
16
|
base: string;
|
|
17
|
+
scroller: string;
|
|
16
18
|
tabList: string;
|
|
17
19
|
};
|
|
18
20
|
};
|
|
19
21
|
}, {
|
|
20
22
|
base: string;
|
|
21
23
|
tabList: string;
|
|
24
|
+
scroller: string;
|
|
22
25
|
tab: string[];
|
|
23
26
|
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
|
|
24
27
|
variant: {
|
|
@@ -32,9 +35,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
32
35
|
scrollable: {
|
|
33
36
|
true: {
|
|
34
37
|
tabList: string;
|
|
38
|
+
scroller: string;
|
|
35
39
|
};
|
|
36
40
|
false: {
|
|
37
41
|
base: string;
|
|
42
|
+
scroller: string;
|
|
38
43
|
tabList: string;
|
|
39
44
|
};
|
|
40
45
|
};
|
|
@@ -50,9 +55,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
50
55
|
scrollable: {
|
|
51
56
|
true: {
|
|
52
57
|
tabList: string;
|
|
58
|
+
scroller: string;
|
|
53
59
|
};
|
|
54
60
|
false: {
|
|
55
61
|
base: string;
|
|
62
|
+
scroller: string;
|
|
56
63
|
tabList: string;
|
|
57
64
|
};
|
|
58
65
|
};
|
|
@@ -68,15 +75,18 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
68
75
|
scrollable: {
|
|
69
76
|
true: {
|
|
70
77
|
tabList: string;
|
|
78
|
+
scroller: string;
|
|
71
79
|
};
|
|
72
80
|
false: {
|
|
73
81
|
base: string;
|
|
82
|
+
scroller: string;
|
|
74
83
|
tabList: string;
|
|
75
84
|
};
|
|
76
85
|
};
|
|
77
86
|
}, {
|
|
78
87
|
base: string;
|
|
79
88
|
tabList: string;
|
|
89
|
+
scroller: string;
|
|
80
90
|
tab: string[];
|
|
81
91
|
}, import('tailwind-variants').TVReturnType<{
|
|
82
92
|
variant: {
|
|
@@ -90,15 +100,18 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
90
100
|
scrollable: {
|
|
91
101
|
true: {
|
|
92
102
|
tabList: string;
|
|
103
|
+
scroller: string;
|
|
93
104
|
};
|
|
94
105
|
false: {
|
|
95
106
|
base: string;
|
|
107
|
+
scroller: string;
|
|
96
108
|
tabList: string;
|
|
97
109
|
};
|
|
98
110
|
};
|
|
99
111
|
}, {
|
|
100
112
|
base: string;
|
|
101
113
|
tabList: string;
|
|
114
|
+
scroller: string;
|
|
102
115
|
tab: string[];
|
|
103
116
|
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
|
|
104
117
|
variant: {
|
|
@@ -112,9 +125,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
112
125
|
scrollable: {
|
|
113
126
|
true: {
|
|
114
127
|
tabList: string;
|
|
128
|
+
scroller: string;
|
|
115
129
|
};
|
|
116
130
|
false: {
|
|
117
131
|
base: string;
|
|
132
|
+
scroller: string;
|
|
118
133
|
tabList: string;
|
|
119
134
|
};
|
|
120
135
|
};
|
|
@@ -130,9 +145,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
|
|
|
130
145
|
scrollable: {
|
|
131
146
|
true: {
|
|
132
147
|
tabList: string;
|
|
148
|
+
scroller: string;
|
|
133
149
|
};
|
|
134
150
|
false: {
|
|
135
151
|
base: string;
|
|
152
|
+
scroller: string;
|
|
136
153
|
tabList: string;
|
|
137
154
|
};
|
|
138
155
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react-aria-components"),r=require("tailwind-variants"),s=require("../../icon/Icon.cjs"),i=r.tv({slots:{base:"uy-absolute uy-pt-150 uy-pb-150",button:"uy-rounded-circle hover:uy-text-content-neutral-hover focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",icon:"uy-text-content-neutral-enabled"},variants:{direction:{left:{base:"uy-top-0 uy-left-0 uy-z-10 uy-bg-gradient-to-r uy-from-grayscale-L0/100 uy-to-grayscale-L0/0 uy-pl-50 uy-pr-200"},right:{base:"uy-right-0 uy-top-0 uy-z-10 uy-bg-gradient-to-l uy-from-grayscale-L0/100 uy-to-grayscale-L0/0 uy-pl-200 uy-pr-50"}}}}),y=({direction:t,onPress:u})=>{const{base:o,button:a,icon:l}=i({direction:t});return e.jsx("div",{className:o(),children:e.jsx(n.Button,{id:`scroll-${t}`,className:a(),"aria-label":`Scroll ${t}`,onPress:u,children:e.jsx(s.Icon,{className:l(),"aria-labelledby":`scroll-${t}`,src:t==="left"?"CaretLeftOutlined":"CaretRightOutlined"})})})};exports.NavigationButton=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),S=require("react-aria-components"),A=require("usehooks-ts"),B=require("../Tabs.context.cjs"),C=require("../Tabs.variant.cjs"),m=require("./NavigationButton.cjs"),v=l.forwardRef(({children:f},b)=>{const e=l.useRef(null),[R,y]=l.useState(!1),[T,q]=l.useState(!1),{variant:x,scrollable:h}=B.useTabsContext(),{tabList:d,scroller:j}=C.tabsVariant({variant:x,scrollable:h}),L=l.useCallback(()=>{if(!e.current)return;const{scrollLeft:t,scrollWidth:n,clientWidth:r}=e.current;y(t>0),q(t+r<n)},[]);A.useResizeObserver({ref:e,onResize:L});const N=t=>{L()},W=()=>{var c;const t=(c=e.current)==null?void 0:c.querySelectorAll("[role=tab]");if(!e.current||!t)return 0;const{scrollLeft:n}=e.current,r=Array.from(t);for(let s=r.length-1;s>=0;s--){const a=r[s];if(a.offsetLeft<n)return-a.offsetWidth}return 0},p=()=>{var a;const t=(a=e.current)==null?void 0:a.querySelectorAll("[role=tab]");if(!e.current||!t)return 0;const{scrollLeft:n,clientWidth:r}=e.current,c=Array.from(t),s=n+r;for(let i=0;i<c.length-1;i++){const u=c[i],g=u.offsetLeft+u.offsetWidth;if(g>s||g<s)return u.offsetWidth}return 0};return h?o.jsxs("div",{className:"uy-relative",children:[R&&o.jsx(m.NavigationButton,{direction:"left",onPress:()=>{var t;(t=e.current)==null||t.scrollBy({behavior:"smooth",left:W()})}}),o.jsx("div",{ref:e,"data-testid":"scrollable-tab-list",className:j(),onScroll:N,children:o.jsx(S.TabList,{ref:b,className:d(),children:f})}),T&&o.jsx(m.NavigationButton,{direction:"right",onPress:()=>{var t;(t=e.current)==null||t.scrollBy({behavior:"smooth",left:p()})}})]}):o.jsx(S.TabList,{ref:b,className:d(),children:f})});v.displayName="TabList";exports.TabList=v;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),l=require("tailwind-variants"),y=require("../../hooks/use-breakpoint-listener.cjs"),b=require("./parts/Content.cjs"),m=require("./parts/Header.cjs"),k=require("./TaskMenu.context.cjs"),s=l.tv({slots:{base:["uy-flex uy-flex-col uy-shadow-raising uy-bg-surface-neutral","md:uy-w-[344px] md:uy-border md:uy-border-solid md:uy-border-border-neutral md:uy-rounded-200 md:uy-p-400"]}}),n=c.forwardRef(({children:t,label:u,...a},o)=>{const{base:i}=s(),r=y.useBreakpointListener(),d=r==="xs"||r==="sm";return e.jsx("nav",{...a,className:i(),ref:o,"aria-label":u,children:e.jsxs(k.TaskMenuProvider,{children:[d&&e.jsx(m.Header,{}),e.jsx(b.Content,{children:t})]})})});n.displayName="TaskMenu";exports.TaskMenu=n;exports.taskMenu=s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),e=require("react"),c=require("react-aria"),C=require("react-stately"),r=e.createContext({currentTask:void 0,setCurrentTask:void 0,toggleTaskGroup:void 0,expandedTaskGroup:void 0,taskMenuId:"",taskMenuContentId:"",state:null,triggerRef:{current:null},overlayRef:{current:null},triggerProps:{},overlayProps:{}});function P({children:t}){const s=c.useId(),[k,d]=e.useState(null),[u,o]=e.useState(null),[T,a]=e.useState(null),l=C.useOverlayTriggerState({}),i=e.useRef(null),v=e.useRef(null),{triggerProps:g,overlayProps:p}=c.useOverlayTrigger({type:"dialog"},l,i),x=`task-menu-${s}`,M=n=>{n===T?(a(null),o(null)):(a(n),o(u===n?null:n))};return f.jsx(r.Provider,{value:{currentTask:k,setCurrentTask:d,toggleTaskGroup:M,expandedTaskGroup:u,taskMenuId:s,taskMenuContentId:x,state:l,triggerRef:i,overlayRef:v,triggerProps:g,overlayProps:p},children:t})}function R(){const t=e.useContext(r);if(!t)throw new Error("useTaskMenuContext must be used within an TaskMenuProvider");return t}exports.TaskMenuContext=r;exports.TaskMenuProvider=P;exports.useTaskMenuContext=R;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { PropsWithChildren, RefObject } from 'react';
|
|
2
|
+
import { OverlayTriggerAria } from 'react-aria';
|
|
3
|
+
import { OverlayTriggerState } from 'react-stately';
|
|
4
|
+
export interface CurrentTask {
|
|
5
|
+
uniqueId: string;
|
|
6
|
+
label: string;
|
|
7
|
+
}
|
|
8
|
+
type TaskMenuContextValue = {
|
|
9
|
+
currentTask: CurrentTask | null | undefined;
|
|
10
|
+
setCurrentTask: ((currentTask: CurrentTask) => void) | undefined;
|
|
11
|
+
toggleTaskGroup: ((open: string) => void) | undefined;
|
|
12
|
+
expandedTaskGroup: string | null | undefined;
|
|
13
|
+
taskMenuId: string;
|
|
14
|
+
taskMenuContentId: string;
|
|
15
|
+
state: OverlayTriggerState | null;
|
|
16
|
+
triggerRef: RefObject<Element | null>;
|
|
17
|
+
overlayRef: RefObject<Element | null>;
|
|
18
|
+
triggerProps: OverlayTriggerAria['triggerProps'];
|
|
19
|
+
overlayProps: OverlayTriggerAria['overlayProps'];
|
|
20
|
+
};
|
|
21
|
+
export declare const TaskMenuContext: import('react').Context<TaskMenuContextValue>;
|
|
22
|
+
export declare function TaskMenuProvider({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare function useTaskMenuContext(): TaskMenuContextValue;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { VariantProps } from 'tailwind-variants';
|
|
3
|
+
export declare const taskMenu: import('tailwind-variants').TVReturnType<{
|
|
4
|
+
[key: string]: {
|
|
5
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
6
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
} | {
|
|
10
|
+
[x: string]: {
|
|
11
|
+
[x: string]: import('tailwind-merge').ClassNameValue | {
|
|
12
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {}, {
|
|
16
|
+
base: string[];
|
|
17
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
18
|
+
[key: string]: {
|
|
19
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
20
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
} | {}>, {
|
|
24
|
+
[key: string]: {
|
|
25
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
26
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
} | {}, {
|
|
30
|
+
base: string[];
|
|
31
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
32
|
+
base: string[];
|
|
33
|
+
}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
|
|
34
|
+
[key: string]: {
|
|
35
|
+
[key: string]: import('tailwind-merge').ClassNameValue | {
|
|
36
|
+
base?: import('tailwind-merge').ClassNameValue;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
} | {}>, unknown, unknown, undefined>>;
|
|
40
|
+
export interface TaskMenuProps extends PropsWithChildren<VariantProps<typeof taskMenu>> {
|
|
41
|
+
/**
|
|
42
|
+
* The label for the task menu. This is used for accessibility purposes.
|
|
43
|
+
*/
|
|
44
|
+
label: string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* The `TaskMenu` component provides a navigation menu for tasks and task groups with expandable functionality.
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* import { TaskMenu, Task, TaskGroup, SubTask } from '@payfit/unity-components'
|
|
51
|
+
*
|
|
52
|
+
* <TaskMenu>
|
|
53
|
+
* <Task
|
|
54
|
+
* uniqueId="task1"
|
|
55
|
+
* label="Complete Profile"
|
|
56
|
+
* taskNumber={1}
|
|
57
|
+
* taskStatus="completed"
|
|
58
|
+
* href="/profile"
|
|
59
|
+
* />
|
|
60
|
+
* <Task
|
|
61
|
+
* uniqueId="task2"
|
|
62
|
+
* label="Upload Documents"
|
|
63
|
+
* taskNumber={2}
|
|
64
|
+
* taskStatus="uncompleted"
|
|
65
|
+
* href="/documents"
|
|
66
|
+
* />
|
|
67
|
+
* <TaskGroup
|
|
68
|
+
* uniqueId="onboarding"
|
|
69
|
+
* label="Onboarding Steps"
|
|
70
|
+
* taskNumber={3}
|
|
71
|
+
* taskStatus="uncompleted"
|
|
72
|
+
* >
|
|
73
|
+
* <SubTask
|
|
74
|
+
* uniqueId="step1"
|
|
75
|
+
* label="Welcome Video"
|
|
76
|
+
* href="/onboarding/welcome"
|
|
77
|
+
* taskStatus="completed"
|
|
78
|
+
* />
|
|
79
|
+
* <SubTask
|
|
80
|
+
* uniqueId="step2"
|
|
81
|
+
* label="Company Policies"
|
|
82
|
+
* href="/onboarding/policies"
|
|
83
|
+
* taskStatus="uncompleted"
|
|
84
|
+
* />
|
|
85
|
+
* </TaskGroup>
|
|
86
|
+
* </TaskMenu>
|
|
87
|
+
* ```
|
|
88
|
+
* @see {@link TaskMenuProps} for all available props
|
|
89
|
+
* @remarks [API Docs]{https://unity-components.payfit.io/?path=/story/navigation-taskmenu--docs}
|
|
90
|
+
*/
|
|
91
|
+
declare const TaskMenu: import('react').ForwardRefExoticComponent<TaskMenuProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
92
|
+
export { TaskMenu };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react-aria"),x=require("tailwind-variants"),r=require("../../../hooks/use-breakpoint-listener.cjs"),l=require("../TaskMenu.context.cjs"),f=x.tv({base:["uy-flex uy-flex-col uy-mt-100","uy-flex md:uy-flex-col md:uy-gap-200 md:uy-list-none md:uy-mt-0","focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"]}),c=({children:o})=>{const{taskMenuContentId:s,state:e,overlayProps:y,overlayRef:i}=l.useTaskMenuContext(),u=r.useBreakpointListener(),p=u==="xs"||u==="sm",{overlayProps:m}=t.useOverlay({onClose:()=>e==null?void 0:e.close(),isOpen:e==null?void 0:e.isOpen,isDismissable:!1},i);return n.jsx("ol",{...t.mergeProps(m,y),ref:i,className:f(),id:s,...p&&{"data-mobile-open":e==null?void 0:e.isOpen},children:o})},b=({children:o})=>{const{state:s}=l.useTaskMenuContext();return!!(s!=null&&s.isOpen)&&n.jsx(t.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:n.jsx(c,{children:o})})},a=({children:o})=>{const s=r.useBreakpointListener();return s==="xs"||s==="sm"?n.jsx(b,{children:o}):n.jsx(c,{children:o})};a.displayName="TaskMenuContent";exports.Content=a;
|