@alphakits/ui 1.31.0 → 1.31.2
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/amount/component.js +1 -1
- package/dist/amount/index.js +1 -1
- package/dist/amount-input/component.js +1 -1
- package/dist/avatar/component.js +1 -1
- package/dist/avatar/index.js +1 -1
- package/dist/back-button/component.js +1 -1
- package/dist/badge/component.js +1 -1
- package/dist/base-card/component.js +1 -1
- package/dist/base-card/index.js +1 -1
- package/dist/bottom-sheet/component.js +1 -1
- package/dist/box/component.js +1 -1
- package/dist/button/component.js +1 -1
- package/dist/button-arrow/component.js +1 -1
- package/dist/calendar/component.js +1 -1
- package/dist/calendar/components/days-table/component.js +1 -1
- package/dist/calendar/components/days-table/index.js +1 -1
- package/dist/calendar/components/header/index.js +1 -1
- package/dist/calendar/components/header//321/201omponent.js +1 -1
- package/dist/calendar/components/months-table/index.js +1 -1
- package/dist/calendar/components/months-table//321/201omponent.js +1 -1
- package/dist/calendar/components/select-button//321/201omponent.js +1 -1
- package/dist/calendar/components/years-table//321/201omponent.js +1 -1
- package/dist/calendar/index.js +1 -1
- package/dist/calendar-input/component.js +1 -1
- package/dist/calendar-input/index.js +1 -1
- package/dist/{capitalize-f61c7a6e.js → capitalize-d32858ed.js} +1 -1
- package/dist/card/component.js +1 -1
- package/dist/card/images/index.js +1 -1
- package/dist/card/index.js +1 -1
- package/dist/cell/base/component.js +1 -1
- package/dist/cell/component.js +1 -1
- package/dist/cell/index.js +1 -1
- package/dist/cell/pure/component.js +1 -1
- package/dist/checkbox/component.js +1 -1
- package/dist/checkbox-group/component.js +1 -1
- package/dist/checkbox-group/index.js +1 -1
- package/dist/checkbox-lists/component.js +1 -1
- package/dist/checkbox-lists/index.js +1 -1
- package/dist/collapsable-row/addons.js +1 -1
- package/dist/collapsable-row/component.js +1 -1
- package/dist/collapsable-row/index.js +1 -1
- package/dist/collapse/component.js +1 -1
- package/dist/collapse/index.js +1 -1
- package/dist/colors.module-a7d0efb0.js +1 -0
- package/dist/contact-block-c5889266.js +1 -0
- package/dist/copy-button/component.js +1 -1
- package/dist/copy-button/index.js +1 -1
- package/dist/date/component.js +1 -1
- package/dist/date/index.js +1 -1
- package/dist/date-switcher/component.js +1 -1
- package/dist/date-switcher/index.js +1 -1
- package/dist/decorated-item/component.js +1 -1
- package/dist/divider/component.js +1 -1
- package/dist/dot/component.js +1 -1
- package/dist/empty-page/component.js +1 -1
- package/dist/empty-page/index.js +1 -1
- package/dist/flex/component.js +1 -1
- package/dist/flex-columns/component.js +1 -1
- package/dist/footer/component.js +1 -1
- package/dist/footer/contact-block.js +1 -1
- package/dist/footer/index.js +1 -1
- package/dist/form/component.js +1 -1
- package/dist/form/components/form-loading/index.js +1 -1
- package/dist/form/index.js +1 -1
- package/dist/form/templates/filters-form/index.js +1 -1
- package/dist/form/templates/rest-form/form.js +1 -1
- package/dist/form/templates/rest-form/index.js +1 -1
- package/dist/form-control/component.js +1 -1
- package/dist/grid/col/component.js +1 -1
- package/dist/grid/col/index.js +1 -1
- package/dist/grid/component.js +1 -1
- package/dist/grid/index.js +1 -1
- package/dist/grid/row/component.js +1 -1
- package/dist/grid/row/index.js +1 -1
- package/dist/gutters.module-8ae90e74.js +1 -0
- package/dist/header-search/component.js +1 -1
- package/dist/icon-button/component.js +1 -1
- package/dist/image/component.js +1 -1
- package/dist/image/image-base.js +1 -1
- package/dist/image/index.js +1 -1
- package/dist/image/use-image-render-component.js +1 -1
- package/dist/image-uploader/component.js +1 -1
- package/dist/image-uploader/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/info-block-header/component.js +1 -1
- package/dist/info-block-header/index.js +1 -1
- package/dist/info-block-item/component.js +1 -1
- package/dist/info-block-item/index.js +1 -1
- package/dist/info-block-wrapper/component.js +1 -1
- package/dist/input/component.js +1 -1
- package/dist/input-autocomplete/autocomplete-field/index.js +1 -1
- package/dist/input-ghost/component.js +1 -1
- package/dist/link/component.js +1 -1
- package/dist/list-allert/component.js +1 -1
- package/dist/list-allert/index.js +1 -1
- package/dist/loader/component.js +1 -1
- package/dist/masked-input/component.js +1 -1
- package/dist/menu/component.js +1 -1
- package/dist/menu/components/content-header/index.js +1 -1
- package/dist/menu/components/index.js +1 -1
- package/dist/menu/components/menu-avatar/index.js +1 -1
- package/dist/menu/components/menu-back-button/index.js +1 -1
- package/dist/menu/components/menu-button/index.js +1 -1
- package/dist/menu/components/menu-buttons-list/index.js +1 -1
- package/dist/menu/components/user-button/index.js +1 -1
- package/dist/menu/index.js +1 -1
- package/dist/message/component.js +1 -1
- package/dist/message/index.js +1 -1
- package/dist/modal/components/modals/modal.js +1 -1
- package/dist/notification/component.js +1 -1
- package/dist/page-container/component.js +1 -1
- package/dist/page-loading/component.js +1 -1
- package/dist/page-with-controls/component.js +1 -1
- package/dist/page-with-controls/index.js +1 -1
- package/dist/picker-button/common/index.js +1 -1
- package/dist/picker-button/common/labeled-button/index.js +1 -1
- package/dist/picker-button/component.d.ts +1 -1
- package/dist/picker-button/component.js +1 -1
- package/dist/picker-button/field/Component.js +1 -1
- package/dist/picker-button/index.js +1 -1
- package/dist/popover/component.js +1 -1
- package/dist/progress-bar/component.js +1 -1
- package/dist/progress-bar/index.js +1 -1
- package/dist/progress-index/component.js +1 -1
- package/dist/progress-index/index.js +1 -1
- package/dist/radio/component.js +1 -1
- package/dist/radio-group/component.js +1 -1
- package/dist/radio-group/index.js +1 -1
- package/dist/radio-groups/component.js +1 -1
- package/dist/radio-groups/index.js +1 -1
- package/dist/section-wrapper/component.js +1 -1
- package/dist/select/components/arrow/component.js +1 -1
- package/dist/select/components/base-select/component.js +1 -1
- package/dist/select/components/checkmark/component.js +1 -1
- package/dist/select/components/field/component.js +1 -1
- package/dist/select/components/optgroup/component.js +1 -1
- package/dist/select/components/option/component.js +1 -1
- package/dist/select/components/options-list/component.js +1 -1
- package/dist/select/components/select-search/index.js +1 -1
- package/dist/select/components/virtual-options-list/component.js +1 -1
- package/dist/select/presets/use-select-with-loading/hook.js +1 -1
- package/dist/sidepanel/component.js +1 -1
- package/dist/sidepanel/index.js +1 -1
- package/dist/sidepanel-header/component.js +1 -1
- package/dist/sidepanel-header/index.js +1 -1
- package/dist/skeleton/component.js +1 -1
- package/dist/space/component.js +1 -1
- package/dist/spinner/component.js +1 -1
- package/dist/status/component.js +1 -1
- package/dist/step-bar-15ff0e61.js +1 -0
- package/dist/stepped-progress-bar/components/step-bar.js +1 -1
- package/dist/stepped-progress-bar/index.d.ts +1 -1
- package/dist/stepped-progress-bar/index.js +1 -1
- package/dist/sticker/component.js +1 -1
- package/dist/suffix-input/component.js +1 -1
- package/dist/super-list-header/component.js +1 -1
- package/dist/super-list-header/index.js +1 -1
- package/dist/super-list-item/component.js +1 -1
- package/dist/super-list-item/index.js +1 -1
- package/dist/switch/component.js +1 -1
- package/dist/table/component.js +1 -1
- package/dist/table/components/cell/component.js +1 -1
- package/dist/table/components/cell/index.js +1 -1
- package/dist/table/components/cells/index.js +1 -1
- package/dist/table/components/empty-list/index.js +1 -1
- package/dist/table/components/error/index.js +1 -1
- package/dist/table/components/loading/index.js +1 -1
- package/dist/table/components/pagination/index.js +1 -1
- package/dist/table/components/table-header/index.js +1 -1
- package/dist/table/index.js +1 -1
- package/dist/table/table.js +1 -1
- package/dist/table/utils/prepare-rows.js +1 -1
- package/dist/table-status/component.js +1 -1
- package/dist/table-status/index.js +1 -1
- package/dist/tag/component.js +1 -1
- package/dist/tag/index.js +1 -1
- package/dist/tags-list/component.js +1 -1
- package/dist/tags-list/index.js +1 -1
- package/dist/textarea/component.js +1 -1
- package/dist/toast/component.js +1 -1
- package/dist/toast-notifier/component.js +1 -1
- package/dist/toast-plate/component.js +1 -1
- package/dist/tooltip/component.js +1 -1
- package/dist/typography/component.js +1 -1
- package/dist/typography/index.js +1 -1
- package/dist/typography/text/component.js +1 -1
- package/dist/typography/text/index.js +1 -1
- package/dist/typography/title/component.js +1 -1
- package/dist/typography/title/index.js +1 -1
- package/dist/use-image-render-component-91131dbc.js +1 -0
- package/dist/welcome-layout/component.js +1 -1
- package/dist/with-suffix/component.js +1 -1
- package/package.json +7 -5
- package/dist/colors.module-e6546343.js +0 -1
- package/dist/contact-block-79ed0fc7.js +0 -1
- package/dist/gutters.module-40c240ff.js +0 -1
- package/dist/step-bar-96ca328e.js +0 -1
- package/dist/use-image-render-component-d8d9cc09.js +0 -1
- /package/dist/{contact-block-79ed0fc7.d.ts → contact-block-c5889266.d.ts} +0 -0
- /package/dist/{isSymbol-ae03d4c3.js → isSymbol-9701dc6b.js} +0 -0
- /package/dist/{step-bar-96ca328e.d.ts → step-bar-15ff0e61.d.ts} +0 -0
- /package/dist/{use-image-render-component-d8d9cc09.d.ts → use-image-render-component-91131dbc.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
export{RadioGroups}from"./component.js";import"react";import"@alphakits/icons/dist/ChevronDownS";import"classnames";import"../collapse/component.js";import"../isSymbol-
|
|
1
|
+
export{RadioGroups}from"./component.js";import"react";import"@alphakits/icons/dist/ChevronDownS";import"classnames";import"../collapse/component.js";import"../isSymbol-9701dc6b.js";import"resize-observer";import"../link/component.js";import"tslib";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../divider/component.js";import"../flex-columns/component.js";import"../icon-button/component.js";import"../button/component.js";import"../loader/component.js";import"../padding/component.js";import"../radio/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"../typography/title/component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import r from"classnames";var
|
|
1
|
+
import e from"react";import r from"classnames";var i="index-module_section_wrapper__1vGf8",s="index-module_inverse__DCU_7",a="index-module_black__1yzy-",l={s:"44px",m:"72px",l:"100px",xl:"132px"},n=function(n){var p,d=n.children,m=n.className,o=n.isBlackBg,t=n.inverse,_=n.pt,c=void 0===_?"s":_,x=n.pb,v=void 0===x?"s":x;return e.createElement("div",{style:{padding:l[c]+" 40px "+l[v]},className:r(m,i,(p={},p[s]=t,p[a]=o,p))},d)};export{n as SectionWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import r from"classnames";var a="index-module_arrow__2Rfmj",m="index-module_open__1ACmJ",o=function(o){var n,s=o.open,t=o.className;return e.createElement("span",{className:r(a,t,(n={},n[m]=s,n))})};export{o as Arrow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e,__spreadArray as t,__rest as n}from"tslib";import o,{forwardRef as i,useRef as r,useMemo as l,useCallback as a,useEffect as s}from"react";import d from"react-merge-refs";import u from"classnames";import{useMultipleSelection as c,useCombobox as p}from"downshift";import{ResizeObserver as m}from"resize-observer";import{getDataTestId as v}from"../../../__internal/utils/getDataTestId.js";import{Popover as f}from"../../../popover/component.js";import{processOptions as g}from"../../utils.js";import{NativeSelect as h}from"../native-select/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"react-dom";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";var b="index-
|
|
1
|
+
import{__assign as e,__spreadArray as t,__rest as n}from"tslib";import o,{forwardRef as i,useRef as r,useMemo as l,useCallback as a,useEffect as s}from"react";import d from"react-merge-refs";import u from"classnames";import{useMultipleSelection as c,useCombobox as p}from"downshift";import{ResizeObserver as m}from"resize-observer";import{getDataTestId as v}from"../../../__internal/utils/getDataTestId.js";import{Popover as f}from"../../../popover/component.js";import{processOptions as g}from"../../utils.js";import{NativeSelect as h}from"../native-select/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"react-dom";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";var b="index-module_component__34JKG",I="index-module_popoverInner__1dabe",w="index-module_optionsList__3HreC",x="index-module_nativeSelect__xVDP8",y="index-module_block__2Uhdo",O=i((function(i,O){var P,k=i.dataTestId,C=void 0===k?"":k,T=i.className,_=i.fieldClassName,N=i.filteredOptions,E=i.popoverOuterClassname,S=i.optionsListClassName,D=i.optionClassName,j=i.options,z=i.actionButton,M=i.autocomplete,B=void 0!==M&&M,L=i.multiple,F=void 0!==L&&L,R=i.allowUnselect,K=void 0!==R&&R,A=i.disabled,U=void 0!==A&&A,H=i.closeOnSelect,W=void 0===H?!F:H,q=i.circularNavigation,G=void 0!==q&&q,J=i.nativeSelect,V=void 0!==J&&J,Q=i.defaultOpen,X=void 0!==Q&&Q,Y=i.open,Z=i.popoverPosition,$=void 0===Z?"bottom-start":Z,ee=i.offset,te=i.withArrow,ne=i.preventFlip,oe=void 0===ne||ne,ie=i.optionsListWidth,re=void 0===ie?"field":ie,le=i.name,ae=i.id,se=i.required,de=i.selected,ue=i.size,ce=void 0===ue?"m":ue,pe=i.optionsSize,me=void 0===pe?ce:pe,ve=i.error,fe=i.hint,ge=i.block,he=void 0===ge||ge,be=i.label,Ie=i.placeholder,we=i.fieldProps,xe=void 0===we?{}:we,ye=i.optionsListProps,Oe=void 0===ye?{}:ye,Pe=i.optionProps,ke=void 0===Pe?{}:Pe,Ce=i.valueRenderer,Te=i.onChange,_e=i.onOpen,Ne=i.onFocus,Ee=i.onBlur,Se=i.onScroll,De=i.Arrow,je=i.Field,ze=void 0===je?function(){return null}:je,Me=i.OptionsList,Be=void 0===Me?function(){return null}:Me,Le=i.Optgroup,Fe=void 0===Le?function(){return null}:Le,Re=i.Option,Ke=void 0===Re?function(){return null}:Re,Ae=i.updatePopover,Ue=i.zIndexPopover,He=i.showEmptyOptionsList,We=void 0!==He&&He,qe=i.visibleOptions,Ge=r(null),Je=r(null),Ve=r(null),Qe=function(e){var t;return e?null===(t=e.key)||void 0===t?void 0:t.toString():""},Xe=l((function(){return g(j||[],de)}),[j,de]),Ye=Xe.flatOptions,Ze=Xe.selectedOptions,$e={itemToString:Qe,onSelectedItemsChange:function(e){if(Te){var t=e.selectedItems,n=void 0===t?[]:t;Te({selectedMultiple:n,selected:n.length?n[0]:null,name:le})}},stateReducer:function(e,t){var n=t.type,o=t.changes;return K||n!==c.stateChangeTypes.DropdownKeyDownBackspace?o:e}};void 0!==de&&($e.selectedItems=Ze);var et=c($e),tt=et.selectedItems,nt=et.addSelectedItem,ot=et.setSelectedItems,it=et.removeSelectedItem,rt=et.getDropdownProps,lt=p({id:ae,isOpen:Y,circularNavigation:G,items:Ye,itemToString:Qe,defaultHighlightedIndex:0===tt.length?-1:void 0,onIsOpenChange:function(e){_e&&setTimeout((function(){_e({open:e.isOpen,name:le})}),0)},stateReducer:function(t,n){var o=n.type,i=n.changes,r=i.selectedItem;switch(o){case p.stateChangeTypes.InputKeyDownEnter:case p.stateChangeTypes.ItemClick:if(r&&!r.disabled){var l=tt.includes(r),a=K||F&&tt.length>1;l&&a&&it(r),l||(F?nt(r):ot([r]))}return e(e({},i),{isOpen:!W,highlightedIndex:t.isOpen&&!W?t.highlightedIndex:i.highlightedIndex});default:return i}}}),at=lt.isOpen,st=lt.getMenuProps,dt=lt.getInputProps,ut=lt.getItemProps,ct=lt.getComboboxProps,pt=lt.getLabelProps,mt=lt.highlightedIndex,vt=lt.toggleMenu,ft=lt.openMenu,gt=st({ref:Ve},{suppressRefError:!0}),ht=dt(rt({ref:d([O,Je])})),bt=a((function(e){var n;ot(t([],null===(n=e)||void 0===n?void 0:n.target.options).reduce((function(e,t,n){return t.selected?e.concat(Ye[n]):e}),[]))}),[Ye,ot]),It=a((function(t){var i=t.option,r=t.index,l=n(t,["option","index"]);if(!i)return null;var a=Ye.findIndex((function(e){return e.key===(null==i?void 0:i.key)})),s=-1===a?null:Ye[a];if(!s)return null;var d=ut({item:s,index:a,disabled:i.disabled,onMouseDown:function(e){return e.preventDefault()},onPointerDown:function(e){e.preventDefault(),e.stopPropagation()},onTouchStart:function(e){e.preventDefault(),e.stopPropagation()},onClick:function(e){e.stopPropagation()}});return o.createElement(o.Fragment,{key:i.key},Ke(e(e(e({},ke),l),{className:D,innerProps:d,index:r,option:i,size:me,disabled:i.disabled,highlighted:a===mt,selected:tt.includes(i)})))}),[ke,Ye,D,ut,me,mt,tt,Ke]);s((function(){X&&ft()}),[X,ft]),s((function(){!0===Y&&ft()}),[Y]);var wt=r(null),xt=r(null),yt=a((function(){if(Ve.current){var e="field"===re?"width":"minWidth",t=Ge.current?Math.round(Ge.current.getBoundingClientRect().width):0;wt.current!==t&&(wt.current=t,Ve.current.style[e]=t+"px")}}),[re]);s((function(){if(at){var e=new m((function(){xt.current&&window.clearTimeout(xt.current),xt.current=window.setTimeout((function(){yt()}),50)}));return Ge.current&&e.observe(Ge.current),yt(),function(){e.disconnect(),xt.current&&window.clearTimeout(xt.current),xt.current=null}}}),[at,yt]),s((function(){at&&yt()}),[at,j,tt,yt]);var Ot=a((function(){return tt.map((function(e){return o.createElement("input",{type:"hidden",name:le,value:e.key,key:e.key})}))}),[tt,le]),Pt=a((function(){var e,t=F?tt.map((function(e){var t;return null===(t=e.key)||void 0===t?void 0:t.toString()})):null===(e=(tt[0]||{}).key)||void 0===e?void 0:e.toString();return o.createElement(h,{className:x,disabled:U,multiple:F,name:le,value:t,onChange:bt,options:j})}),[F,tt,U,le,bt,j]),kt=Ye.length>0||We||!!z;return o.createElement("div",e({},ct(e(e({ref:Ge},U&&{"aria-disabled":!0}),{className:u(b,(P={},P[y]=he,P),T)})),{onKeyDown:U?void 0:function(e){ht.onKeyDown(e),B&&!at&&1===e.key.length&&ft(),![" ","Enter"].includes(e.key)||B||V||"INPUT"===e.target.tagName||(e.preventDefault(),at&&-1!==mt||vt())},tabIndex:-1,id:"slect_wrapper","data-test-id":v("combobox",C)}),V&&Pt(),o.createElement(ze,e({selectedMultiple:tt,selected:tt[0],multiple:F,open:at,disabled:U,size:ce,placeholder:Ie,label:be&&o.createElement("span",e({},pt()),se?be+" *":be),Arrow:De&&o.createElement(De,{open:at}),error:ve,hint:fe,valueRenderer:Ce,className:_,innerProps:{onBlur:function(e){var t,n=e.relatedTarget||document.activeElement;!(!n||!(null===(t=Ve.current)||void 0===t?void 0:t.contains(n)))||(null==Ee||Ee(e),ht.onBlur(e))},onFocus:U?void 0:function(e){null==Ne||Ne(e),B&&!at&&ft()},onClick:U?void 0:function(e){Ve.current&&Ve.current.contains(e.target)||(B&&"INPUT"===e.target.tagName?ft():vt())},tabIndex:V||U?-1:0,ref:d([ht.ref]),id:ht.id,"aria-labelledby":ht["aria-labelledby"],"aria-controls":ht["aria-controls"],"aria-autocomplete":B?ht["aria-autocomplete"]:void 0},dataTestId:v("field",C)},xe)),le&&!V&&Ot(),!V&&o.createElement(f,{open:at,withTransition:!1,anchorElement:Je.current,position:$,offset:ee,withArrow:te,preventFlip:oe,className:E,popperClassName:I,update:Ae,zIndex:Ue},kt&&o.createElement("div",e({},gt,{className:u(S,w)}),o.createElement(Be,e({},Oe,{flatOptions:Ye,highlightedIndex:mt,open:at,size:ce,toggleMenu:vt,actionButton:z,options:null!=N?N:j,Optgroup:Fe,Option:It,visibleOptions:qe,onScroll:Se,dataTestId:v("options-list",C)})))))}));export{O as BaseSelect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import r from"classnames";var
|
|
1
|
+
import e from"react";import r from"classnames";var a="index-module_checkmark__3RD-S",m="index-module_selected__J6VZF",t=function(t){var c,n=t.selected;return e.createElement("span",{className:r(a,(c={},c[m]=n,c))})};export{t as Checkmark};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as l}from"tslib";import r,{useState as o,useRef as d,useCallback as t}from"react";import n from"classnames";import{FormControl as
|
|
1
|
+
import{__rest as e,__assign as l}from"tslib";import r,{useState as o,useRef as d,useCallback as t}from"react";import n from"classnames";import{FormControl as a}from"../../../form-control/component.js";import{useFocus as i}from"../../../hooks/useFocus/index.js";import{joinOptions as s}from"../../utils.js";var m="index-module_component__vfzkT",c="index-module_field__1aUsO",u="index-module_disabled__3SuAx",p="index-module_arrow__3uEBv",_="index-module_placeholder__eqMpp",f="index-module_contentWrapper__1YCpa",v="index-module_value__3iHA6",b="index-module_focusVisible__3vNfu",x=function(x){var h,N=x.size,E=void 0===N?"m":N,A=x.open;x.multiple;var g=x.error,k=x.hint,z=x.disabled,C=x.label,M=x.placeholder,j=x.selectedMultiple,w=void 0===j?[]:j,B=x.selected,F=x.rightAddons,T=x.valueRenderer,I=void 0===T?s:T,P=x.Arrow,R=x.innerProps,q=x.dataTestId,y=x.fieldClassName,H=e(x,["size","open","multiple","error","hint","disabled","label","placeholder","selectedMultiple","selected","rightAddons","valueRenderer","Arrow","innerProps","dataTestId","fieldClassName"]),O=o(!1),S=O[0],U=O[1],V=d(null),W=i(V,"keyboard")[0],Y=t((function(){return U(!0)}),[]),D=t((function(){return U(!1)}),[]),G=I({selected:B,selectedMultiple:w}),J=Boolean(G),K=!!C&&(J||!M);return r.createElement("div",{className:m,ref:V,onFocus:Y,onBlur:D},r.createElement(a,l({fieldClassName:n(c,y,(h={},h[u]=z,h[b]=W,h)),block:!0,size:E,focused:A||S,disabled:z,filled:J,label:K&&C,error:g,hint:k,rightAddons:(P||F)&&r.createElement(r.Fragment,null,F,P?r.cloneElement(P,{className:p}):null),"data-test-id":q},H,R),r.createElement("div",{className:f},M&&!J&&r.createElement("span",{className:_},M),J&&r.createElement("div",{className:v},G))))};export{x as Field};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import l from"classnames";var a={optgroup:"index-
|
|
1
|
+
import e from"react";import l from"classnames";var a={optgroup:"index-module_optgroup___bz9Y",label:"index-module_label__1EuRY",l:"index-module_l__1TguP",xl:"index-module_xl__QMWt3"},r=function(r){var o=r.children,t=r.label,m=r.size,n=void 0===m?"s":m;return e.createElement(e.Fragment,null,e.createElement("div",{className:l(a.optgroup,a[n])},e.createElement("span",{className:a.label},t)),o)};export{r as Optgroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import t,{isValidElement as
|
|
1
|
+
import{__assign as e}from"tslib";import t,{isValidElement as n}from"react";import o from"classnames";import{Skeleton as d}from"../../../skeleton/component.js";import{Checkmark as i}from"../checkmark/component.js";var l={option:"index-module_option__1Y-nZ",disabled:"index-module_disabled__3qFlt",s:"index-module_s__3ZiXJ",m:"index-module_m__3U_ko",l:"index-module_l__3AFdi",xl:"index-module_xl__37OwE",selected:"index-module_selected__3VkZj",highlighted:"index-module_highlighted__3bn_O",content:"index-module_content__3lPGB",textContent:"index-module_textContent__343E2",skeleton:"index-module_skeleton__31lhe"},m=function(m){var _,s,a=m.size,c=void 0===a?"s":a,r=m.className,x=m.option,h=m.children,p=m.selected,u=m.highlighted,k=m.disabled,g=m.Checkmark,v=void 0===g?i:g,b=m.innerProps,f=m.index,E=h||x.content||x.key;return t.createElement("div",e({},b,{className:o(l.option,l[c],r,(_={},_[l.highlighted]=u,_[l.selected]=p,_[l.disabled]=k,_)),"data-test-id":"option-"+f}),v&&t.createElement(v,{selected:p}),t.createElement("div",{className:o(l.content,(s={},s[l.textContent]=!n(E),s))},t.createElement(d,{className:l.skeleton,visible:null==x?void 0:x.loading},E)))};export{m as Option};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{forwardRef as o,useRef as t,useCallback as n}from"react";import i from"react-merge-refs";import l from"@alphakits/icons/dist/ClockCircleM";import r from"classnames";import{Button as
|
|
1
|
+
import e,{forwardRef as o,useRef as t,useCallback as n}from"react";import i from"react-merge-refs";import l from"@alphakits/icons/dist/ClockCircleM";import r from"classnames";import{Button as s}from"../../../button/component.js";import{useVisibleOptions as a,isGroup as p}from"../../utils.js";import{Optgroup as m}from"../optgroup/component.js";import"tslib";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var c={optionsList:"index-module_optionsList__3FNYB",emptyPlaceholder:"index-module_emptyPlaceholder__3zcls",l:"index-module_l__sTNRb",xl:"index-module_xl__28-dv",actionButtonWrapper:"index-module_actionButtonWrapper__1cMtp"},d=o((function(o,d){var u,f=o.size,_=void 0===f?"s":f,v=o.className,x=o.Option,b=o.options,h=void 0===b?[]:b,g=o.actionButton,k=o.Optgroup,E=void 0===k?m:k,N=o.dataTestId,j=o.emptyPlaceholder,y=o.visibleOptions,B=void 0===y?5:y,z=o.onScroll,C=o.toggleMenu,O=o.open,P=t(null),L=(u=0,function(){return u++}),M=n((function(o){return e.createElement(E,{label:o.label,key:o.label,size:_},o.options.map((function(e){return x({option:e,index:L()})})))}),[x,L,_]);return a({visibleOptions:B,listRef:P,open:O,invalidate:h}),0!==h.length||j||g?e.createElement("div",{className:r(c.optionsList,c[_],v),"data-test-id":N,ref:i([P,d]),onScroll:z},h.map((function(e){return p(e)?M(e):x({option:e,index:L()})})),j&&0===h.length&&e.createElement("div",{className:c.emptyPlaceholder},e.createElement(l,null),j),!!g&&e.createElement("div",{className:c.actionButtonWrapper},e.createElement(s,{view:"outlined",size:"xs",onClick:function(){null==g||g.onClick(),C()}},g.label))):null}));export{d as OptionsList};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as t,__assign as e}from"tslib";import o,{useEffect as r,useState as n,useRef as i,useCallback as s,useMemo as p}from"react";import{SearchS as c}from"@alphakits/icons";import{useClickOutside as a}from"../../../hooks/useClickOutside/index.js";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import{Input as m}from"../../../input/component.js";import{BaseSelect as l}from"../base-select/component.js";import{OptionsList as u}from"../options-list/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"classnames";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";import"../../../form-control/component.js";import"downshift";import"resize-observer";import"../../../__internal/utils/getDataTestId.js";import"../../../popover/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";import"../../utils.js";import"../native-select/component.js";import"../optgroup/component.js";var f="index-
|
|
1
|
+
import{__rest as t,__assign as e}from"tslib";import o,{useEffect as r,useState as n,useRef as i,useCallback as s,useMemo as p}from"react";import{SearchS as c}from"@alphakits/icons";import{useClickOutside as a}from"../../../hooks/useClickOutside/index.js";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import{Input as m}from"../../../input/component.js";import{BaseSelect as l}from"../base-select/component.js";import{OptionsList as u}from"../options-list/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"classnames";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";import"../../../form-control/component.js";import"downshift";import"resize-observer";import"../../../__internal/utils/getDataTestId.js";import"../../../popover/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";import"../../utils.js";import"../native-select/component.js";import"../optgroup/component.js";var f="index-module_innerInput__1eEiK";function d(t){var e=new WeakSet;return JSON.stringify(t,(function(t,o){if(r=o,!("undefined"!=typeof Element&&r instanceof Element||function(t){if(!t||"object"!=typeof t)return!1;var e=t.$$typeof;return"symbol"==typeof e&&String(e).includes("react.element")}(o))){var r;if(o&&"object"==typeof o){if(e.has(o))return;e.add(o)}return o}}))}var v=o.forwardRef((function(n,i){var s=n.inputProps,p=t(n,["inputProps"]),a=o.useRef(null),l=o.useRef(null);return r((function(){var t;null===(t=a.current)||void 0===t||t.focus()}),[]),o.createElement("div",{ref:i},o.createElement("div",{style:{padding:"5px 20px"}},o.createElement(m,e({size:"s",leftAddons:o.createElement(c,null)},s,{fieldClassName:f,block:!0,ref:a}))),o.createElement(u,e({},p,{ref:l})))})),j=function(r){var c=r.options,m=r.searchType,u=void 0===m?"text":m,f=r.onChange,j=r.selected,h=void 0===j?"":j,k=t(r,["options","searchType","onChange","selected"]),g=n(c),y=g[0],C=g[1],x=n(""),E=x[0],b=x[1],w=i(null),L=s((function(t,e){var o=e.value;b(o);try{if(!o)return C(c);var r=String(o).toLowerCase(),n=c.reduce((function(t,e){return t.concat(e.options?e.options:[e])}),[]),i=n.filter((function(t){return d({key:t.key,value:t.value,content:t.content}).toLowerCase().includes(r)}));return console.log(o,i,n),C(i)}catch(t){return console.log(t),[]}}),[c]),O=s((function(){b(""),C(c)}),[c]),S=s((function(t){null==f||f(t),O()}),[f,O]);a(w,O);var _=p((function(){return{ref:w,inputProps:{onChange:L,value:E,type:u,clear:!0,onClear:O}}}),[L,E,u,O]);return o.createElement(l,e({},k,{selected:h,onChange:S,showEmptyOptionsList:!0,OptionsList:v,filteredOptions:y,options:c,optionsListProps:_}))};export{v as CustomOptionsList,j as SelectSearch,d as safeStringify};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useRef as t,useState as i,useEffect as o,useMemo as r}from"react";import{useVirtual as n}from"react-virtual";import l from"classnames";import{usePrevious as s}from"../../../hooks/usePrevious/index.js";import"tslib";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import{lastIndexOf as a,useVisibleOptions as m,isGroup as d}from"../../utils.js";import{Optgroup as p}from"../optgroup/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";var c={virtualOptionsList:"index-
|
|
1
|
+
import e,{useRef as t,useState as i,useEffect as o,useMemo as r}from"react";import{useVirtual as n}from"react-virtual";import l from"classnames";import{usePrevious as s}from"../../../hooks/usePrevious/index.js";import"tslib";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import{lastIndexOf as a,useVisibleOptions as m,isGroup as d}from"../../utils.js";import{Optgroup as p}from"../optgroup/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";var c={virtualOptionsList:"index-module_virtualOptionsList__2cwvP",inner:"index-module_inner__IXUKA",virtualRow:"index-module_virtualRow__1iNrK",highlighted:"index-module_highlighted__1JWUQ",emptyPlaceholder:"index-module_emptyPlaceholder__1Dxba",l:"index-module_l__2ISF8",xl:"index-module_xl__26ISi"},u=function(u){var v=u.size,h=void 0===v?"s":v,x=u.flatOptions,f=void 0===x?[]:x,g=u.highlightedIndex,_=void 0===g?-1:g,I=u.className,j=u.Option,k=u.open,b=u.options,y=void 0===b?[]:b,O=u.overscan,R=void 0===O?10:O,C=u.Optgroup,N=void 0===C?p:C,P=u.dataTestId,T=u.emptyPlaceholder,w=u.visibleOptions,E=void 0===w?5:w,S=t(null),z=t(null),L=i(0),M=L[0],A=L[1],F=s(_)||-1,K=n({size:f.length,parentRef:z,overscan:R});o((function(){k&&K.scrollToIndex(_,{align:"end"})}),[k]),o((function(){-1!==_&&(K.virtualItems.some((function(e){return e.index===_}))||K.scrollToIndex(_,{align:"end"}))}),[_]),o((function(){var e=function(e){return!e.disabled},t=f.findIndex(e),i=a(f,e);F<=t&&_===f.length-1&&K.scrollToIndex(i),F>=i&&0===_&&K.scrollToIndex(0)}),[F,_]),o((function(){A(K.virtualItems.length>1?f.length:1)}),[K.virtualItems.length,f.length]),m({visibleOptions:E,invalidate:M,listRef:S,styleTargetRef:z,open:k});var U=r((function(){var e=0;return y.reduce((function(t,i,o){return d(i)?(t[e]=o,e+=i.options.length):e+=1,t}),{})}),[y]);return e.createElement("div",{className:l(c.virtualOptionsList,c[h],I),ref:z,"data-test-id":P},e.createElement("div",{className:c.inner,style:{height:K.totalSize+"px"},ref:S},K.virtualItems.map((function(t){var i,o=f[t.index],r=y[U[t.index]];return e.createElement("div",{key:t.index,ref:t.measureRef,className:l(c.virtualRow,(i={},i[c.highlighted]=_===t.index,i)),style:{transform:"translateY("+t.start+"px)"}},r&&e.createElement(N,{label:r.label}),!d(o)&&j({option:o,index:t.index}))}))),T&&0===y.length&&e.createElement("div",{className:c.emptyPlaceholder},T))};export{u as VirtualOptionsList};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import o,{useCallback as n}from"react";import{Skeleton as t}from"../../../skeleton/component.js";import{Option as i}from"../../components/option/component.js";import"classnames";import"../../components/checkmark/component.js";var r={skeleton:"index-
|
|
1
|
+
import{__assign as e}from"tslib";import o,{useCallback as n}from"react";import{Skeleton as t}from"../../../skeleton/component.js";import{Option as i}from"../../components/option/component.js";import"classnames";import"../../components/checkmark/component.js";var r={skeleton:"index-module_skeleton__3exug"};function m(m){var l=m.loading,s=void 0!==l&&l,c=m.visibleOptions,p=void 0===c?6:c,a=n((function(n){return o.createElement(i,e({},n,{Checkmark:null,highlighted:!s&&n.highlighted}))}),[s]),u=Array(p).fill(0).map((function(e,n){return{key:n,disabled:!0,content:o.createElement(t,{className:r.skeleton,visible:!0})}}));return s?{Option:a,options:u}:null}export{m as useSelectWithLoading};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as t}from"tslib";import o from"react";import n from"classnames";import{FlexColumns as r}from"../flex-columns/component.js";import{SidepanelHeader as m}from"../sidepanel-header/component.js";import{Skeleton as i}from"../skeleton/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
import{__rest as e,__assign as t}from"tslib";import o from"react";import n from"classnames";import{FlexColumns as r}from"../flex-columns/component.js";import{SidepanelHeader as m}from"../sidepanel-header/component.js";import{Skeleton as i}from"../skeleton/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"../typography/title/component.js";var d="index-module_header__HKUWA",a="index-module_loader__1YPlZ",l="index-module_input__26gct",s="index-module_footer__1B3rl",c="index-module_noSticky__3L4bH",p="index-module_content__2mtGl",u=function(u){var _,h=u.dataTestId,y=u.title,b=u.loading,f=u.headerRightAddons,g=u.subtitle,j=u.noCloser,x=u.headerBottomAddons,A=u.noStickyFooter,k=u.noStickyHeader,v=u.bottomAddons,E=u.children,N=e(u,["dataTestId","title","loading","headerRightAddons","subtitle","noCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children"]);return o.createElement(o.Fragment,null,b?o.createElement(r,{className:a,columns:1,gr:20},new Array(7).fill("").map((function(e,t){return o.createElement(i,{key:t,animate:!0,visible:!0,className:l})}))):o.createElement("div",null,o.createElement(m,t({title:y,className:k?void 0:d,subtitle:g,noCloser:j,dataTestId:h,rightAddons:f,bottomAddons:x},N)),o.createElement("div",{className:p},E),v&&o.createElement("div",{className:n(s,(_={},_[c]=A,_))},v)))};export{u as Sidepanel};
|
package/dist/sidepanel/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Sidepanel}from"./component.js";import"tslib";import"react";import"classnames";import"../flex-columns/component.js";import"../sidepanel-header/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
export{Sidepanel}from"./component.js";import"tslib";import"react";import"classnames";import"../flex-columns/component.js";import"../sidepanel-header/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../skeleton/component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import t from"classnames";import{BackButton as o}from"../back-button/component.js";import{FlexColumns as r}from"../flex-columns/component.js";import{Typography as m}from"../typography/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
import e from"react";import t from"classnames";import{BackButton as o}from"../back-button/component.js";import{FlexColumns as r}from"../flex-columns/component.js";import{Typography as m}from"../typography/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var i="index-module_wrapper__2MUBI",l="index-module_heading__1vASq",n="index-module_title__3AX5z",a="index-module_bottomAddons__2aL0E",s="index-module_rightAddons__3M42h",c="index-module_noCloser__2nxnu",d=function(t){var o=t.title,i=t.subtitle;return e.createElement(r,{columns:1,gr:4,className:n},e.createElement(m.Title,{color:"primary",tag:"div",view:"small",weight:"bold"},o),i&&e.createElement(m.Text,{view:"title",weight:"regular",color:"secondary"},i))},p=function(r){var m,n=r.className,p=r.dataTestId,u=r.title,_=r.rightAddons,b=r.back,g=r.subtitle,x=r.t,h=r.bottomAddons,v=r.noCloser;return e.createElement("div",{"data-test-id":p,className:t(i,n)},(b||u||_)&&e.createElement("div",{className:l},b&&x&&e.createElement(o,{onClick:b,t:x}),!b&&u&&e.createElement(d,{title:u,subtitle:g}),_&&e.createElement("div",{className:t(s,(m={},m[c]=!!v,m))},_)),!!b&&u&&e.createElement(d,{title:u,subtitle:g}),!!h&&e.createElement("div",{className:a},h))};export{p as SidepanelHeader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{SidepanelHeader}from"./component.js";import"react";import"classnames";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../flex-columns/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
export{SidepanelHeader}from"./component.js";import"react";import"classnames";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../flex-columns/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import a from"classnames";var t="index-
|
|
1
|
+
import e from"react";import a from"classnames";var t="index-module_component__2KkUQ",m="index-module_animate__2fRrK",n=function(n){var r,i=n.visible,d=n.animate,l=void 0===d||d,o=n.className,s=n.dataTestId,c=n.children;return i?e.createElement("div",{className:a(t,(r={},r[m]=l,r),o),"data-test-id":s},c):e.createElement(e.Fragment,null,c)};export{n as Skeleton};
|
package/dist/space/component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import t,{forwardRef as i,Children as r}from"react";import n from"classnames";import a from"./Item.js";var
|
|
1
|
+
import{__assign as e}from"tslib";import t,{forwardRef as i,Children as r}from"react";import n from"classnames";import a from"./Item.js";var o={spaceContainer:"index-module_spaceContainer__3Dq0d",spaceContainerFullWidth:"index-module_spaceContainerFullWidth__xJUHo",vertical:"index-module_vertical__on3nF",center:"index-module_center__7A1ZE",start:"index-module_start__1K4MQ",end:"index-module_end__o7H21",spaceItemFullWidth:"index-module_spaceItemFullWidth__jOTm4",spaceItem:"index-module_spaceItem__2F_mi"},l={s:12,m:16,l:20},d=i((function(i,d){var m,c,s=i.children,u=i.className,_=i.align,p=void 0===_?"start":_,v=i.direction,f=void 0===v?"vertical":v,h=i.size,x=void 0===h?"m":h,F=i.wrap,W=void 0!==F&&F,I=i.divider,g=void 0!==I&&I,y=i.fullWidth,C=void 0!==y&&y,z=t.useMemo((function(){return(Array.isArray(x)?x:[x,x]).map((function(e){return function(e){return"string"==typeof e?l[e]:e||0}(e)}))}),[x]),A=z[0],w=z[1],E=r.toArray(s);if(0===E.length)return null;var N=n(o.spaceContainer,o[f],((m={})[o[p]]=p,m[o.spaceContainerFullWidth]=C,m),u),j=n(o.spaceItem,((c={})[o.spaceItemFullWidth]=C,c)),H=E.map((function(e,i){return t.createElement(a,{className:j,key:j+"-"+i,direction:f,horizontalSize:A,verticalSize:w,length:E.length,index:i,wrap:W,divider:g},e)}));return t.createElement("div",{className:N,style:e({},W&&{flexWrap:"wrap",marginBottom:-w}),ref:d},H)}));export{d as Space};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import d from"classnames";var a={s:"index-module_s__3oYRx",m:"index-module_m__2py_o",spinnerWrapper:"index-module_spinnerWrapper__149Yg",spinner:"index-module_spinner__1spTS",rotate:"index-module_rotate__199bN",dash:"index-module_dash__CQgkh",path:"index-module_path__1FFWF",default:"index-module_default__2pvGd",dark:"index-module_dark__2UlY1",invert:"index-module_invert__Z_Z9q"},i=function(i){var r=i.size,n=void 0===r?"s":r,t=i.id,_=i.view,s=void 0===_?"default":_,o=i.className,l=i.dataTestId;return e.createElement("div",{id:t,"data-test-id":l,className:d(a.spinnerWrapper,a[n],o)},e.createElement("svg",{className:d(a.spinner,a[n]),preserveAspectRatio:"xMinYMin meet",viewBox:"0 0 50 50"},e.createElement("circle",{className:d(a.path,a[s]),cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))};export{i as Spinner};
|
package/dist/status/component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import _ from"classnames";var o={component:"index-
|
|
1
|
+
import e from"react";import _ from"classnames";var o={component:"index-module_component__1Asri",upper_case:"index-module_upper_case__217t9",m:"index-module_m__3hcKm",s:"index-module_s__3qai3",soft:"index-module_soft__3ZP2_",green:"index-module_green__3wNea",orange:"index-module_orange__1NWjo",red:"index-module_red__3C0Yb",blue:"index-module_blue__92ELD",grey:"index-module_grey__RT5Ch",teal:"index-module_teal__zQ_QB",purple:"index-module_purple__1ae38",contrast:"index-module_contrast__2kTKP"},d=function(d){var n,r=d.className,a=d.view,m=d.color,l=d.children,t=d.dataTestId,i=d.upperCase,s=d.size,u=void 0===s?"s":s;return e.createElement("span",{className:_(o.component,o[m],o[u],o[a],r,(n={},n[o.upper_case]=i,n)),"data-test-id":t},l)};export{d as Status};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{memo as i}from"react";import n from"classnames";var o={bar:"index-module_bar__3i-yI",positive:"index-module_positive__1Uvu_",attention:"index-module_attention__3oT_6",negative:"index-module_negative__1uEFW",link:"index-module_link__38_JN",tertiary:"index-module_tertiary__2-EFf",secondary:"index-module_secondary__1XSMN",primary:"index-module_primary__3TPf5",accent:"index-module_accent__2XcJ1",component:"index-module_component__3zi96",stepsContainer:"index-module_stepsContainer__3Y3rR",description:"index-module_description__aMTMo"},_=i((function(i){var _=i.isDone,t=i.view,a=void 0===t?"positive":t;return e.createElement("span",{"data-test-id":_?"on":"off",className:n(o.bar,_&&o[a])})}));export{_ as S,o as s};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"classnames";export{S as StepBar}from"../../step-bar-
|
|
1
|
+
import"react";import"classnames";export{S as StepBar}from"../../step-bar-15ff0e61.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { FC } from "react";
|
|
4
|
-
import { SteppedProgressBarView } from "../step-bar-
|
|
4
|
+
import { SteppedProgressBarView } from "../step-bar-15ff0e61";
|
|
5
5
|
type SteppedProgressBarProps = {
|
|
6
6
|
maxStep: number;
|
|
7
7
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useState as e}from"react";import r from"classnames";import{Typography as o}from"../typography/component.js";import{s as a,S as i}from"../step-bar-
|
|
1
|
+
import t,{useState as e}from"react";import r from"classnames";import{Typography as o}from"../typography/component.js";import{s as a,S as i}from"../step-bar-15ff0e61.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var n=function(e){var n=e.maxStep,p=e.description,s=e.step,m=void 0===s?0:s,c=e.view,l=e.dataTestId,d=e.className,f=n<=0?1:n,y="string"==typeof c;return t.createElement("div",{className:r(a.component,d),"data-test-id":l},t.createElement("div",{className:a.stepsContainer},Array.from(Array(f),(function(e,r){return t.createElement(i,{key:r,isDone:r<m,view:y?c:null==c?void 0:c[r]})}))),p&&t.createElement(o.Text,{color:"secondary",tag:"div",className:a.description,view:"primary-small"},p))},p=function(t){var r=t.maxStep,o=t.initialStep,a=e(void 0===o?1:o),i=a[0],n=a[1];return{step:i,setStep:n,nextStep:function(){n(i<r?i+1:r)},prevStep:function(){n(1===i?i:i-1)}}};export{n as SteppedProgressBar,p as useSteps};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import n from"classnames";var
|
|
1
|
+
import e from"react";import n from"classnames";var o={component:"index-module_component__1s-MT",yellow:"index-module_yellow__haQfi",white:"index-module_white__1KiJh",green:"index-module_green__2jc35",blue:"index-module_blue__I3ZuR",gray:"index-module_gray__3F_n2"},t=function(t){var l=t.className,a=t.text,_=t.color,m=t.dataTestId;return e.createElement("div",{className:n(o.component,o[_],l),"data-test-id":m},e.createElement("span",null,a))};export{t as Sticker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as o}from"tslib";import
|
|
1
|
+
import{__rest as e,__assign as o}from"tslib";import r,{forwardRef as n,useState as t,useEffect as a,useCallback as i,Fragment as l}from"react";import s from"classnames";import{Input as m}from"../input/component.js";import{withSuffix as u}from"../with-suffix/component.js";import"react-merge-refs";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../form-control/component.js";import"../portal/component.js";import"react-dom";import"../portal/utils.js";var d={container:"index-module_container__17_Uh",minorPartAndCurrency:"index-module_minorPartAndCurrency__KGrfs",suffixContainer:"index-module_suffixContainer__3DlRH",filled:"index-module_filled__2oM1c",input:"index-module_input__2zS2T"},c=u(m),f=n((function(n,m){var u,f=n.value,p=n.suffix,C=n.placeholder,v=void 0===C?"":C,_=n.bold,x=void 0===_||_,N=n.className,h=n.focusedClassName,b=n.required,j=n.dataTestId,g=n.clear,I=void 0!==g&&g,y=n.onChange,E=n.onClear,T=e(n,["value","suffix","placeholder","bold","className","focusedClassName","required","dataTestId","clear","onChange","onClear"]),q=t(f),A=q[0],P=q[1];a((function(){return A!==f?P(f):function(){}}),[f]);var k=i((function(e){P(void 0),E&&E(e)}),[E]);return r.createElement("div",{className:s(d.container,(u={},u[d.bold]=x,u[d.filled]=Boolean(A),u))},r.createElement(c,o({},T,{suffix:r.createElement(l,null,A,r.createElement("span",{className:d.minorPartAndCurrency}," ",p)),suffixContainerClassName:d.suffixContainer,clear:I,required:b,placeholder:v,value:Number.isInteger(f)?""+f:void 0,type:"number",className:s(d.component,N),focusedClassName:h,inputClassName:d.input,onChange:function(e){var o=e.target.value;y&&y(e,{value:Number.isInteger(+o)?+o:void 0})},onClear:k,dataTestId:j,ref:m})))}));export{f as SuffixInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{Typography as t}from"../typography/component.js";import"../typography/text/component.js";import"classnames";import"../colors.module-
|
|
1
|
+
import e from"react";import{Typography as t}from"../typography/component.js";import"../typography/text/component.js";import"classnames";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var o="index-module_component__3E6RG",m="index-module_leftSide__27t82",r="index-module_leftAddons__1hmka",a="index-module_rightAddons__oESgN",n=function(n){var i=n.text,d=n.leftAddons,l=n.rightAddons;return e.createElement("div",{className:o},e.createElement("div",{className:m},e.createElement(t.Text,{color:"primary",weight:"bold",tag:"span"},i),d&&e.createElement("div",{className:r},d)),l&&e.createElement("div",{className:a},l))};export{n as SuperListHeader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{SuperListHeader}from"./component.js";import"react";import"../typography/component.js";import"../typography/text/component.js";import"classnames";import"../colors.module-
|
|
1
|
+
export{SuperListHeader}from"./component.js";import"react";import"../typography/component.js";import"../typography/text/component.js";import"classnames";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import t from"classnames";import{Dot as o}from"../dot/component.js";import{Typography as r}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
import e from"react";import t from"classnames";import{Dot as o}from"../dot/component.js";import{Typography as r}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var i="index-module_component__2owJP",m="index-module_leftSide__dDCo_",a="index-module_content__24aXn",n="index-module_leftAddons__gqGvn",l="index-module_rightAddons__QpHoK",d=function(d){var s=d.text,c=d.rightAddons,p=d.leftAddons,v=d.color,g=void 0===v?"primary":v,_=d.disabled,x=d.className,y=d.weight,f=void 0===y?"regular":y,h=d.hint;return e.createElement("div",{className:t(i,x)},e.createElement("div",{className:m},p&&!_&&e.createElement("div",{className:n},p),_&&e.createElement("div",{className:n},e.createElement(o,{size:"sm",color:"grey"})),e.createElement("div",{className:a},e.createElement(r.Text,{weight:f,color:g,view:"title",tag:"div"},s),h&&e.createElement(r.Text,{color:"secondary",view:"caps",tag:"div"},h))),c&&e.createElement("div",{className:l},"string"==typeof c?e.createElement(r.Text,{weight:f,color:g,view:"title",tag:"div"},c):c))};export{d as SuperListItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{SuperListItem}from"./component.js";import"react";import"classnames";import"../dot/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
export{SuperListItem}from"./component.js";import"react";import"classnames";import"../dot/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
|
package/dist/switch/component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as d}from"tslib";import a,{forwardRef as n,useRef as t,useCallback as
|
|
1
|
+
import{__rest as e,__assign as d}from"tslib";import a,{forwardRef as n,useRef as t,useCallback as c}from"react";import l from"react-merge-refs";import o from"classnames";import{useFocus as s}from"../hooks/useFocus/index.js";var m={component:"index-module_component__1AP_p",checked:"index-module_checked__2oqiY",switch:"index-module_switch__GR_yw",start:"index-module_start__2JC_c",center:"index-module_center__HJdzR",addons:"index-module_addons__2n-cM",block:"index-module_block__3g4Ka",content:"index-module_content__2AI9y",label:"index-module_label__3gE5K",hint:"index-module_hint__2uMpX",reversed:"index-module_reversed__TQn2L",disabled:"index-module_disabled__1-qzh",focused:"index-module_focused__2WhHc"},i=n((function(n,i){var r,_=n.reversed,u=void 0!==_&&_,h=n.checked,b=void 0!==h&&h,p=n.align,k=void 0===p?"start":p,x=n.addons,v=n.block,f=n.disabled,g=n.label,E=n.hint,N=n.name,w=n.value,y=n.className,C=n.onChange,I=n.dataTestId,T=e(n,["reversed","checked","align","addons","block","disabled","label","hint","name","value","className","onChange","dataTestId"]),q=t(null),z=s(q,"keyboard")[0],A=c((function(e){C&&C(e,{checked:e.target.checked,name:N})}),[C,N]);return a.createElement("label",{className:o(m.component,m[k],y,(r={},r[m.disabled]=f,r[m.checked]=b,r[m.reversed]=u,r[m.focused]=z,r[m.block]=v,r)),ref:l([q,i])},a.createElement("input",d({type:"checkbox",onChange:A,disabled:f,checked:b,name:N,value:w,"data-test-id":I},T)),a.createElement("span",{className:m.switch}),(g||E)&&a.createElement("span",{className:m.content},g&&a.createElement("span",{className:m.label},g),E&&a.createElement("span",{className:m.hint},E)),x&&a.createElement("span",{className:m.addons},x))}));export{i as Switch};
|
package/dist/table/component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{TableCell as t}from"./components/cell/component.js";import{Table as o}from"./table.js";import"tslib";import"react";import"classnames";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../hooks/useFocus/index.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
import{TableCell as t}from"./components/cell/component.js";import{Table as o}from"./table.js";import"tslib";import"react";import"classnames";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../hooks/useFocus/index.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../cell/pure/component.js";import"@alphakits/icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"../button/component.js";import"react-merge-refs";import"../loader/component.js";import"./components/cells/index.js";import"@alphakits/icons/dist/ChevronForwardS";import"./components/empty-list/index.js";import"./languages/index.js";import"./components/error/index.js";import"./components/loading/index.js";import"./components/pagination/index.js";import"./components/table-header/index.js";import"@alphakits/icons/dist/ControllerS";import"@alphakits/icons/dist/PlusS";import"rooks";import"../flex/component.js";import"../header-search/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"./hooks/use-table-data.js";import"./utils/add-query-param.js";import"query-string";import"./utils/parse-query-params.js";import"./utils/set-query-to-url.js";import"./utils/get-query-from-url.js";import"./utils/remove-query-param.js";import"./utils/reset-query-param.js";import"./utils/serialize-data.js";import"./utils/sort-array.js";import"./utils/get-tags.js";import"./utils/prepare-rows.js";import"@alphakits/icons/dist/PhotoM";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-91131dbc.js";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";var i={Cell:t,TableComponent:o};export{i as Table};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import t from"react";import i from"classnames";import{Cell as o}from"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-
|
|
1
|
+
import{__assign as e}from"tslib";import t from"react";import i from"classnames";import{Cell as o}from"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../cell/pure/component.js";var r={cell:"index-module_cell__OF2zH",right:"index-module_right__2JR0L",children:"index-module_children__35FGz",is_div:"index-module_is_div__3ZdIA"},l=function(l){var s,n,m,a=l.dataTestID,d=l.className,c=l.children,p=l.title,h=l.subtitle,_=l.tableProps,g=l.cellProps,u=l.addon,j=l.align,v=l.width,y=l.tag,x=void 0===y?"td":y;return t.createElement(x,e({"data-test-id":a,className:i(r.cell,d,(s={},s[r.is_div]="div"===x,s)),style:{width:v}},_),c?t.createElement("div",{className:i(r.children,(n={},n[r.center]="center"===j,n[r.right]="right"===j,n))},c):t.createElement(o.Base,e({title:void 0===p?"-":p,subtitle:h,className:i((m={},m[r.center]="center"===j,m[r.right]="right"===j,m)),addon:u},g)))};export{l as TableCell};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{TableCell}from"./component.js";import"tslib";import"react";import"classnames";import"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-
|
|
1
|
+
export{TableCell}from"./component.js";import"tslib";import"react";import"classnames";import"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../cell/pure/component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import r from"@alphakits/icons/dist/ChevronForwardS";import t from"classnames";import{Typography as a}from"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-
|
|
1
|
+
import e from"react";import r from"@alphakits/icons/dist/ChevronForwardS";import t from"classnames";import{Typography as a}from"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var o={header_row:"index-module_header_row__1Coio",cell:"index-module_cell__13GkL",clickable:"index-module_clickable__1StIl",head_wrapper:"index-module_head_wrapper__5RA17",arrow:"index-module_arrow__28ZHq",accent:"index-module_accent__1mJqP",DESC:"index-module_DESC__3wJvX",ASC:"index-module_ASC__ugVrB"};function l(l){var c=l.columns,n=l.sort,m=l.order,i=l.addParam,s=l.withDrag;return e.createElement("thead",null,e.createElement("tr",{className:o.header_row},s&&e.createElement("th",{className:o.cell}," "),c.map((function(l){var c,s,d=l.accessor&&n===l.accessor,p=d&&"ASC"===m?"DESC":"ASC";return e.createElement("th",{key:String(l.accessor||l.header),className:t(o.cell,(c={},c[o.clickable]=l.sort,c)),align:l.align,style:{width:l.width||"auto"},onClick:l.sort?function(){return i({order:p,sort:l.accessor})}:void 0},e.createElement(a.Text,{className:o.head_wrapper,view:"caps",tag:"div",color:"secondary",weight:"medium"},l.header,l.sort&&e.createElement("span",{className:t(o.arrow,o[p],(s={},s[o.accent]=d,s))},e.createElement(r,null))))}))))}export{l as Cells};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"react";import{Typography as e}from"../../../typography/component.js";import{translate as o}from"../../languages/index.js";import"../../../typography/text/component.js";import"classnames";import"../../../colors.module-
|
|
1
|
+
import t from"react";import{Typography as e}from"../../../typography/component.js";import{translate as o}from"../../languages/index.js";import"../../../typography/text/component.js";import"classnames";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var r="index-module_empty_list__428Kf",m=function(m){var p=m.language;return t.createElement("div",{className:r},t.createElement(e.Text,{color:"primary",view:"title"},o(p)("emptyList")))};export{m as EmptyList};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"react";import{Typography as e}from"../../../typography/component.js";import{translate as o}from"../../languages/index.js";import"../../../typography/text/component.js";import"classnames";import"../../../colors.module-
|
|
1
|
+
import t from"react";import{Typography as e}from"../../../typography/component.js";import{translate as o}from"../../languages/index.js";import"../../../typography/text/component.js";import"classnames";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"tslib";import"../../../typography/title/component.js";var r="index-module_empty_list__eV-Yg",m=function(m){var p=m.language;return t.createElement("div",{className:r},t.createElement(e.Text,{color:"primary",view:"title"},o(p)("error")))};export{m as Error};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{memo as e}from"react";import o from"classnames";import{TableCell as r}from"../cell/component.js";import"tslib";import"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-
|
|
1
|
+
import t,{memo as e}from"react";import o from"classnames";import{TableCell as r}from"../cell/component.js";import"tslib";import"../../../cell/component.js";import"../../../cell/base/component.js";import"../../../__internal/utils/getDataTestId.js";import"../../../hooks/useFocus/index.js";import"../../../typography/component.js";import"../../../typography/text/component.js";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";import"../../../cell/pure/component.js";var n={td:"index-module_td__29rtu",tr:"index-module_tr__1tdbN",aniVertical:"index-module_aniVertical__1yHHp"},m=e((function(e){var m=e.columnsLength;return t.createElement(t.Fragment,null,new Array(5).fill(1).map((function(){return t.createElement("tr",{className:o(n.row,n.tr)},new Array(m).fill(1).map((function(){return t.createElement(r,null,t.createElement("div",{className:n.td,style:{width:Math.floor(51*Math.random())+50+"%"}}))})))})))}));export{m as Loading};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import t from"@alphakits/icons/dist/ChevronForwardS";import n from"classnames";import{Button as o}from"../../../button/component.js";import{Typography as a}from"../../../typography/component.js";import{translate as r}from"../../languages/index.js";import"tslib";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../typography/text/component.js";import"../../../colors.module-
|
|
1
|
+
import e from"react";import t from"@alphakits/icons/dist/ChevronForwardS";import n from"classnames";import{Button as o}from"../../../button/component.js";import{Typography as a}from"../../../typography/component.js";import{translate as r}from"../../languages/index.js";import"tslib";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../typography/text/component.js";import"../../../colors.module-a7d0efb0.js";import"../../../typography/title/index.js";import"../../../typography/title/component.js";var i="index-module_pagination_wrap__1Pf2T",l="index-module_pagination__3z3iJ",m="index-module_pages_info__3YNLY",s="index-module_prev_btn__CQ4VT",c="index-module_disabled_btn__1_hCe",d="index-module_pagination_btn__1naj1",p="index-module_btn__4QUl7",u="index-module_active__jRfaP",_="index-module_select__hGK1a";var g=function(g){var f,h,v=g.pagesCount,x=g.currentPage,E=g.recordsPerPage,y=void 0===E?30:E,b=g.total,j=g.language,w=g.addParam,N=function(e,t){for(var n=e-2,o=e+2+1,a=[],r=[],i=0,l=1;l<=t;l++)(1===l||l===t||l>=n&&l<o)&&a.push(l);return a.forEach((function(e){i&&(e-i==2?r.push(i+1):e-i!=1&&r.push("...")),r.push(e),i=e})),r}(x,v),C=1===x,k=x===v;return e.createElement("div",{className:i},e.createElement("div",{className:m},e.createElement(a.Text,{view:"title",weight:"medium",color:"secondary"},r(j)("totalCount")),e.createElement(a.Text,{view:"title",weight:"medium",color:"primary"},b)),N.length>1&&e.createElement("div",{className:l},e.createElement(o,{className:n(s,p,(f={},f[c]=C,f)),leftAddons:e.createElement(t,null),view:"ghost",onClick:function(){return w({page:x-1})},disabled:C}),N.map((function(t,a){var r;return Number.isFinite(t)?e.createElement(o,{className:n(d,(r={},r[u]=t===x,r)),size:"xs",view:"ghost",key:t,onClick:function(){return w({page:t})}},t):e.createElement(o,{key:t+a,className:n(d),view:"ghost",disabled:!0},"...")})),e.createElement(o,{className:n(p,(h={},h[c]=k,h)),leftAddons:e.createElement(t,null),view:"ghost",onClick:function(){w({page:x+1})},disabled:k})),e.createElement("select",{value:y,className:_,onChange:function(e){w({page:1,limit:e.target.value})}},[5,10,20,30,40,50].map((function(t){return e.createElement("option",{key:t,value:t},r(j)("resultsOnPage")+" "+t+" ")}))))};export{g as Pagination};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as t,useEffect as r,useRef as
|
|
1
|
+
import e,{useState as t,useEffect as r,useRef as a,useCallback as n}from"react";import o from"@alphakits/icons/dist/ControllerS";import i from"@alphakits/icons/dist/PlusS";import{useDebounce as l}from"rooks";import{Button as s}from"../../../button/component.js";import{Flex as m}from"../../../flex/component.js";import{HeaderSearch as c}from"../../../header-search/component.js";import{translate as d}from"../../languages/index.js";import"tslib";import"react-merge-refs";import"classnames";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";var u="index-module_table_header__3NmqR",p="index-module_actions__2WmdB",f="index-module_leftHeaderAddons__2shbH",h="index-module_tags__EbdAH",_="index-module_buttons__2n5aF",v=function(v){var x=v.tags,g=v.searchPlaceholder,E=void 0===g?"Type something..":g,k=v.searchText,b=v.hideSearch,C=v.rightHeaderAddons,j=v.leftHeaderAddons,A=v.addParam,N=v.onCreateClick,H=v.onFiltersClick,S=v.createButtonLabel,B=v.showFiltersButton,F=v.filtersButtonLabel,T=v.language,w=t(null!=k?k:""),y=w[0],P=w[1],z=t(null!=k?k:""),L=z[0],q=z[1];r((function(){var e=null!=k?k:"";M.current=e.trim(),P(e),q(e)}),[k]);var I=l((function(e){return q(e)}),500),M=a("");r((function(){var e=(""+(L||"")).trim();M.current!==e&&(A({searchText:e,page:1}),M.current=e)}),[L]);var R=n((function(e){P(e),I(e)}),[]),W=n((function(){R("")}),[R]);return e.createElement("div",{className:u},e.createElement("div",{className:p},e.createElement(m,{justify:"start"},j&&e.createElement("div",{className:f},j),!b&&e.createElement(c,{value:y,onChange:R,onClear:W,placeholder:E})),e.createElement("div",{className:_},C,!!N&&e.createElement(s,{dataTestId:"createbtn",onClick:N,view:"primary",leftAddons:e.createElement(i,null),size:"xs"},S||d(T)("create")),B&&e.createElement(s,{leftAddons:e.createElement(o,null),onClick:H,view:"outlined",size:"xs"},F))),!!x.length&&e.createElement("div",{className:h},x))};export{v as TableHeader};
|
package/dist/table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Table}from"./component.js";export{TableCell}from"./components/cell/component.js";import"./table.js";import"tslib";import"react";import"@alphakits/icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"classnames";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"./components/cells/index.js";import"@alphakits/icons/dist/ChevronForwardS";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
export{Table}from"./component.js";export{TableCell}from"./components/cell/component.js";import"./table.js";import"tslib";import"react";import"@alphakits/icons";import"@dnd-kit/core";import"@dnd-kit/sortable";import"@dnd-kit/utilities";import"classnames";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"./components/cells/index.js";import"@alphakits/icons/dist/ChevronForwardS";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"../typography/title/component.js";import"./components/empty-list/index.js";import"./languages/index.js";import"./components/error/index.js";import"./components/loading/index.js";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../cell/pure/component.js";import"./components/pagination/index.js";import"./components/table-header/index.js";import"@alphakits/icons/dist/ControllerS";import"@alphakits/icons/dist/PlusS";import"rooks";import"../flex/component.js";import"../header-search/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"./hooks/use-table-data.js";import"./utils/add-query-param.js";import"query-string";import"./utils/parse-query-params.js";import"./utils/set-query-to-url.js";import"./utils/get-query-from-url.js";import"./utils/remove-query-param.js";import"./utils/reset-query-param.js";import"./utils/serialize-data.js";import"./utils/sort-array.js";import"./utils/get-tags.js";import"./utils/prepare-rows.js";import"@alphakits/icons/dist/PhotoM";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-91131dbc.js";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";
|
package/dist/table/table.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as e,__assign as t}from"tslib";import r,{useState as o,useEffect as n,useCallback as i,useMemo as a}from"react";import{DragM as l}from"@alphakits/icons";import{useSensors as s,useSensor as m,PointerSensor as c,KeyboardSensor as p,DndContext as d,closestCenter as u}from"@dnd-kit/core";import{SortableContext as f,verticalListSortingStrategy as g,useSortable as h,arrayMove as j}from"@dnd-kit/sortable";import{CSS as v}from"@dnd-kit/utilities";import k from"classnames";import{Button as b}from"../button/component.js";import{TableCell as y}from"./components/cell/component.js";import{Cells as E}from"./components/cells/index.js";import{EmptyList as C}from"./components/empty-list/index.js";import{Error as x}from"./components/error/index.js";import{Loading as P}from"./components/loading/index.js";import{Pagination as S}from"./components/pagination/index.js";import{TableHeader as _}from"./components/table-header/index.js";import{useTableData as w}from"./hooks/use-table-data.js";import{getTags as B}from"./utils/get-tags.js";import{prepareRows as
|
|
1
|
+
import{__spreadArray as e,__assign as t}from"tslib";import r,{useState as o,useEffect as n,useCallback as i,useMemo as a}from"react";import{DragM as l}from"@alphakits/icons";import{useSensors as s,useSensor as m,PointerSensor as c,KeyboardSensor as p,DndContext as d,closestCenter as u}from"@dnd-kit/core";import{SortableContext as f,verticalListSortingStrategy as g,useSortable as h,arrayMove as j}from"@dnd-kit/sortable";import{CSS as v}from"@dnd-kit/utilities";import k from"classnames";import{Button as b}from"../button/component.js";import{TableCell as y}from"./components/cell/component.js";import{Cells as E}from"./components/cells/index.js";import{EmptyList as C}from"./components/empty-list/index.js";import{Error as x}from"./components/error/index.js";import{Loading as P}from"./components/loading/index.js";import{Pagination as S}from"./components/pagination/index.js";import{TableHeader as _}from"./components/table-header/index.js";import{useTableData as w}from"./hooks/use-table-data.js";import{getTags as B}from"./utils/get-tags.js";import{prepareRows as D}from"./utils/prepare-rows.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../cell/component.js";import"../cell/base/component.js";import"../__internal/utils/getDataTestId.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../cell/pure/component.js";import"@alphakits/icons/dist/ChevronForwardS";import"./languages/index.js";import"@alphakits/icons/dist/ControllerS";import"@alphakits/icons/dist/PlusS";import"rooks";import"../flex/component.js";import"../header-search/component.js";import"@alphakits/icons/dist/CloseS";import"@alphakits/icons/dist/SearchM";import"./utils/add-query-param.js";import"query-string";import"./utils/parse-query-params.js";import"./utils/set-query-to-url.js";import"./utils/get-query-from-url.js";import"./utils/remove-query-param.js";import"./utils/reset-query-param.js";import"./utils/serialize-data.js";import"./utils/sort-array.js";import"@alphakits/icons/dist/PhotoM";import"../image/component.js";import"../skeleton/component.js";import"../use-image-render-component-91131dbc.js";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";var q={table_wrapper:"index-module_table_wrapper__2Ws0b",table:"index-module_table__3VsC2",fill:"index-module_fill__2373D",clickable:"index-module_clickable__e4TDr"};function N(e){var o,n=e.item,i=e.dndEnabled,a=e.children,s=e.onRowClick,m=h({id:String(n.id)}),c=m.attributes,p=m.listeners,d=m.setNodeRef,u=m.transform,f=m.transition,g=m.isDragging,j=i?{transform:v.Transform.toString(u),transition:f,opacity:g?.6:void 0}:void 0;return r.createElement("tr",{ref:i?d:void 0,style:j,className:k((o={},o[q.clickable]=!!s,o)),onClick:function(){return null==s?void 0:s(n)}},r.createElement(y,{title:" ",addon:r.createElement(b,t({leftAddons:r.createElement(l,null)},c,p,{onClick:function(e){return e.stopPropagation()},view:"ghost"}))}),a)}function A(t){var l=t.columns,h=t.searchPlaceholder,v=void 0===h?"Поиск по таблице":h,b=t.records,y=t.hideSearch,A=t.rightHeaderAddons,F=t.leftHeaderAddons,L=t.filtersButtonLabel,T=t.createButtonLabel,H=t.loading,R=t.height,M=void 0===R?"fill":R,O=t.tagsBuilder,V=t.promise,z=t.onRowClick,I=t.onCreateClick,W=t.onFiltersClick,G=t.refetch,J=t.language,K=t.fromPath,Q=void 0===K||K,U=t.onSortChange,X=w({promise:V,records:b,fromPath:Q}),Y=X.loading,Z=X.error,$=X.data,ee=X.total,te=X.params,re=X.pagesCount,oe=X.updateData,ne=X.addParam,ie=X.removeParam,ae=X.resetParams,le=Boolean(U),se=o([]),me=se[0],ce=se[1];n((function(){var t=e([],$||[]).sort((function(e,t){return(e.sortPosition||0)-(t.sortPosition||0)}));ce(t.map((function(e){return String(e.id)})))}),[$]);var pe=function(e){return null==z?void 0:z(e,oe)},de=I?function(){return I(oe)}:void 0,ue=i((function(e){ae(e)}),[ae]),fe=function(){return W?W({submitCallback:function(e){return ue(e)},initialValues:te}):null},ge=function(e){ne(e)},he=B({params:(null==te?void 0:te.where)||{},onDelete:function(e,t){ie(e,t)},tagsBuilder:O,onClick:fe}),je=a((function(){return D({columns:l,data:$,refetch:G||oe})}),[$,l]),ve=a((function(){if(!(null==je?void 0:je.length)||!me.length)return je;var e=new Map(je.map((function(e){return[String(e.row.id),e]})));return me.map((function(t){return e.get(t)})).filter(Boolean)}),[je,me]),ke=Y||H,be=s(m(c,{activationConstraint:{distance:5}}),m(p));return r.createElement("div",{className:k(q.table_wrapper,q[M])},(!y||A||F||I||W)&&r.createElement(_,{language:J,hideSearch:y,rightHeaderAddons:A,leftHeaderAddons:F,searchText:(null==te?void 0:te.searchText)||"",addParam:ge,searchPlaceholder:v,filtersButtonLabel:L,tags:he,onCreateClick:de,createButtonLabel:T,onFiltersClick:fe,showFiltersButton:!!W}),r.createElement("div",{className:q.table},r.createElement("table",{cellSpacing:"0",cellPadding:"0"},r.createElement(E,{withDrag:le,sort:null==te?void 0:te.sort,order:null==te?void 0:te.order,addParam:ge,columns:l}),r.createElement("tbody",null,Z&&r.createElement(x,{language:J}),!ve.length&&!ke&&!Z&&r.createElement(C,{language:J}),ke&&r.createElement(P,{columnsLength:l.length+1}),le?r.createElement(d,{sensors:be,collisionDetection:u,onDragEnd:function(e){var t=e.active,r=e.over;if(r&&t.id!==r.id){var o=me.indexOf(String(t.id)),n=me.indexOf(String(r.id));if(-1!==o&&-1!==n){var i=j(me,o,n);if(ce(i),U){var a=i.map((function(e,t){return{id:Number(e),position:t+1}}));U(a)}}}}},r.createElement(f,{items:me,strategy:g},ve.map((function(e){var t=e.row,o=e.cells;return r.createElement(N,{key:String(t.id),item:t,dndEnabled:!0,onRowClick:function(e){return pe(e)}},o.map((function(e,t){return r.cloneElement(e,{key:t})})))})))):ve.map((function(e){var t,o=e.row,n=e.cells;return r.createElement("tr",{key:String(o.id),onClick:function(){return pe(o)},className:k((t={},t[q.clickable]=!!z,t)),style:{visibility:ke?"collapse":"visible"}},n.map((function(e,t){return r.cloneElement(e,{key:t})})))}))))),!!V&&r.createElement(S,{language:J,currentPage:te?+te.page:1,recordsPerPage:te?+te.limit:10,pagesCount:+re,addParam:ge,total:+ee}))}export{A as Table};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"react";import t from"@alphakits/icons/dist/PhotoM";import{Image as e}from"../../image/component.js";import{TableCell as i}from"../components/cell/component.js";import"classnames";import"../../skeleton/component.js";import"../../typography/component.js";import"../../typography/text/component.js";import"../../colors.module-
|
|
1
|
+
import o from"react";import t from"@alphakits/icons/dist/PhotoM";import{Image as e}from"../../image/component.js";import{TableCell as i}from"../components/cell/component.js";import"classnames";import"../../skeleton/component.js";import"../../typography/component.js";import"../../typography/text/component.js";import"../../colors.module-a7d0efb0.js";import"../../typography/title/index.js";import"tslib";import"../../typography/title/component.js";import"../../use-image-render-component-91131dbc.js";import"@alphakits/icons/dist/PhotoS";import"../../spinner/component.js";import"../../image/types.js";import"../../image/utils.js";import"../../cell/component.js";import"../../cell/base/component.js";import"../../__internal/utils/getDataTestId.js";import"../../hooks/useFocus/index.js";import"../../cell/pure/component.js";function n(o,t,e){return o?"string"==typeof o?t[o]:"function"==typeof o?o({row:t,refetch:e}):null:null}function r(o,t,e){return o?"string"==typeof o?t[o]:"function"==typeof o?o({row:t,refetch:e}):null:null}function l(l){var s=l.columns,m=l.data,p=l.refetch,c=m.map((function(l){return{row:l,cells:s.map((function(s){var m,c,u,a,d,v,f,g,j,w,y=r((null===(m=s.row)||void 0===m?void 0:m.title)||s.accessor,l,p);if(null===(c=s.row)||void 0===c?void 0:c.image){var h=n(null===(u=s.row)||void 0===u?void 0:u.image,l,p);w=h?o.createElement(e,{bgColor:"secondary",src:h,text:null==y?void 0:y.toString(),view:"ellipse"}):o.createElement(e,{bgColor:"secondary",icon:o.createElement(t,null),text:null==y?void 0:y.toString(),view:"ellipse"})}else if(null===(a=s.row)||void 0===a?void 0:a.icon){var b=n(null===(d=s.row)||void 0===d?void 0:d.icon,l,p);w=o.createElement(e,{icon:b||o.createElement(t,null),text:null==y?void 0:y.toString(),view:"ellipse"})}else(null===(v=s.row)||void 0===v?void 0:v.customAddon)&&(w=n(null===(f=s.row)||void 0===f?void 0:f.customAddon,l,p));return o.createElement(i,{title:y,align:s.align,subtitle:(null===(g=s.row)||void 0===g?void 0:g.subtitle)&&r(null===(j=s.row)||void 0===j?void 0:j.subtitle,l,p),addon:w})}))}}));return c}export{l as prepareRows};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import t from"@alphakits/icons/dist/AlertCircleM";import o from"@alphakits/icons/dist/CancelM";import r from"@alphakits/icons/dist/CheckmarkCircleM";import i from"@alphakits/icons/dist/ClockCircleM";import a from"classnames";import{Typography as l}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-
|
|
1
|
+
import e from"react";import t from"@alphakits/icons/dist/AlertCircleM";import o from"@alphakits/icons/dist/CancelM";import r from"@alphakits/icons/dist/CheckmarkCircleM";import i from"@alphakits/icons/dist/ClockCircleM";import a from"classnames";import{Typography as l}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-a7d0efb0.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var m="index-module_icon__K7YrF",n="index-module_text__2HEoz",c=function(c){var s=c.text,p=c.view,d=void 0===p?"secondary":p,u=c.className,h={negative:e.createElement(o,null),positive:e.createElement(r,null),secondary:e.createElement(i,null),accent:e.createElement(o,null),attention:e.createElement(t,null)};return e.createElement(l.Text,{className:a(n,u),tag:"div",view:"caps",weight:"medium",color:d},e.createElement("span",{className:m},h[d])," ",s)};export{c as TableStatus};
|