@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Select/DropdownChevron.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),n=l=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"none",...l,children:e.jsx("path",{fill:"#222",fillRule:"evenodd",d:"M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})});module.exports=n;

package/dist/components/Select/Select.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,6 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("react");require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const l=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const p=require("../../constants/index.cjs.js"),m=require('./DropdownChevron.[format === "es" ? "js" : "cjs"]'),r=require('./styles.[format === "es" ? "js" : "cjs"]'),x=({type:t=p.TYPE.primary,state:o,variant:d="none",defaultValue:h,onChange:q,...u})=>{const{breakpoint:S}=l.useGenesis(),[i,s]=c.useState(!1);c.useEffect(()=>{const e=document.createElement("style");return e.textContent=`
+      .ant-select-dropdown {
+        padding: 0px !important;
+        border-radius: 0px !important;
+      }
+    `,document.head.appendChild(e),()=>{document.head.removeChild(e)}},[]);const a=e=>n.jsx(r.SelectDropdown,{type:t,state:o,children:n.jsx(r.StyledMenuItem,{type:t,state:o,children:e})});return n.jsx(r.SelectWrapper,{$isFocused:i,type:t,children:n.jsx(r.Select,{...u,$variant:d,suffixIcon:n.jsx(m,{}),dropdownRender:a,onFocus:()=>s(!0),onBlur:()=>s(!1)})})};module.exports=x;

package/dist/components/Select/Select.d.ts

@@ -1,13 +1,16 @@
 import { default as React } from 'react';
 import { TYPE, STATE } from '../../constants';
 import { SelectProps as AntSelectProps } from 'antd';
-export interface SelectProps extends Omit<AntSelectProps, "options"> {
+export interface SelectProps extends Omit<AntSelectProps, "variant"> {
     type?: keyof typeof TYPE;
     state?: keyof typeof STATE;
     options?: {
         value: string;
         label: React.ReactNode;
     }[];
+    variant?: "simple" | "none";
+    defaultValue?: string | string[] | number | number[] | unknown;
+    onChange?: (value: string) => void;
 }
-declare const Select: ({ type, state, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ type, state, variant, defaultValue, onChange, ...rest }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/components/Select/__stories__/Select.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Default: Story;
 export declare const Filled: Story;
 export declare const Focussed: Story;
 export declare const Disabled: Story;
+export declare const Simple: Story;

package/dist/components/Select/__tests__/Select.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),t=require("../../../setup-Lma-RJTH.cjs"),a=require('../Select.[format === "es" ? "js" : "cjs"]'),i=require("../../../constants/index.cjs.js"),e=require("../../../vi.B5EKKJdE-CoUxwxV9.cjs");e.describe("Select",()=>{const s=[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"},{value:"3",label:"Option 3"}];afterEach(()=>{t.cleanup()}),e.it("renders select component",async()=>{t.customRender(l.jsx(a,{options:s,placeholder:"Select an option","data-testid":"select"}));const o=await t.screen.findByText("Select an option");e.globalExpect(o).toBeInTheDocument()}),e.it("shows placeholder text",async()=>{t.customRender(l.jsx(a,{options:s,placeholder:"Select an option"}));const o=await t.screen.findByText("Select an option");e.globalExpect(o).toBeInTheDocument()}),e.it("handles selection",async()=>{const o=e.vi.fn(),n={options:s,placeholder:"Select an option",onChange:o,type:i.TYPE.primary,state:i.STATE.active,"data-testid":"select"},{getByTestId:c}=t.customRender(l.jsx(a,{...n})),p=c("select");t.fireEvent.mouseDown(p),t.testUtilsExports.act(()=>{n.onChange("1",{label:"Option 1",value:"1"})}),e.globalExpect(n.onChange).toHaveBeenCalledWith("1",e.globalExpect.anything()),e.globalExpect(p).toBeInTheDocument()}),e.it("has the correct attributes",()=>{const o={options:s,placeholder:"Select an option",type:i.TYPE.primary,state:i.STATE.active,"data-testid":"select"},{getByTestId:n}=t.customRender(l.jsx(a,{...o})),c=n("select");e.globalExpect(c).toHaveClass("ant-select"),e.globalExpect(c).toBeInTheDocument()})});

package/dist/components/Select/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./Select.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/Select/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Select.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Select/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,129 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),d=require("../../index-CUpwy6fl.cjs"),c=a.styled.div`
+  position: relative;
+  border: 2px solid transparent;
+  background-color: transparent;
+  border-radius: 8px;
+  padding: 1px;
+  width: auto;
+
+  ${({$isFocused:e,theme:o,type:t="primary"})=>e&&`
+    border: 2px solid ${o.colors[t].focussed.ringColor};
+    background-color: transparent;
+    border-radius: 8px;
+    padding: 1px;
+  `}
+
+  .ant-select-dropdown {
+    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+  }
+`,l=e=>`all ${e.motion.veryfast}s ease-in-out`,u=(e,o,t,r)=>`
+    &.ant-select {
+      background-color: ${e.surface.secondary};
+      border-color: ${e.surface.secondary};
+      min-width: 160px;
+
+      .ant-select-selector {
+        background-color: ${e.surface.secondary};
+        border-color: ${e.surface.secondary};
+        border-radius: ${r.BorderRadiusSm}px;
+        margin: 0px;  
+      }
+    }
+  `,p=({colors:e,sizing:o,typography:t,borderRadius:r},n,i,s)=>s==="simple"?u(e,n,i,r):`
+    &.ant-select {
+      color: ${e.input};
+      font-size: ${o.Size4}px;
+      line-height: ${o.Size6}px;
+      letter-spacing: 0;
+      font-weight: 400;
+      border-width: 1px;
+
+      width: 100%; 
+      min-width: 250px;
+      height: 32px;
+
+      background-color:  ${e[n][i].backgroundColor}
+      
+      border-radius: ${r.BorderRadiusMd}px;
+      gap: ${o.Size2}px;
+
+      &:active {
+        background-color: ${e[n].pressed.backgroundColor};
+        border-color: ${e[n].pressed.borderColor};
+      }
+
+      // Remove focus styles
+      &:focus, &:focus-visible {
+        background-color: transparent;
+        border-color: transparent;
+        outline: none;
+        box-shadow: none;
+      }
+
+      .ant-select-arrow {
+        color: #000000;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        text-rendering: optimizeLegibility;
+      }
+
+      &:disabled,
+      &.ant-select-disabled {
+        color: ${e.inputs.onsurface.disabled};
+        background-color: ${e.inputs.surface.disabled};
+        border-color: ${e.inputs.surface.border};
+        
+        .ant-select-selector {
+          background-color: ${e.inputs.surface.disabled};
+        }
+        
+        .ant-select-arrow {
+          color: ${e.inputs.onsurface["icon-disabled"]};
+        }
+      }
+    }
+  `,m=a.styled.div`
+  .ant-select-item-option {
+    transition: ${({theme:e,type:o})=>l(e)};
+    border-radius: 0px;
+
+    &:hover {
+      background-color: ${({theme:e,type:o})=>e.colors.surface.secondary};
+      color: ${({theme:e,type:o})=>e.colors.onsurface["copy-dark"]};
+    }
+
+    &.ant-select-item-option-selected {
+      background-color: ${({theme:e,type:o})=>e.colors[o].hover.backgroundColor};
+      color: ${({theme:e,type:o})=>e.colors[o].active.color};
+      font-weight: 400;
+      border-radius: 0px;
+
+      &:hover {
+        background-color: ${({theme:e,type:o})=>e.colors[o].hover.backgroundColor};
+        color: ${({theme:e,type:o})=>e.colors[o].hover.color};
+        border-radius: 0px;
+      }
+    }
+  }
+`,b=a.styled.div`
+  .ant-select-dropdown {
+    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+    transition: all ${({theme:e})=>`${e.motion.veryfast}s`}
+      cubic-bezier(0.645, 0.045, 0.355, 1) !important;
+
+    .ant-select-item {
+      border-radius: 0px;
+    }
+  }
+
+  &.ant-slide-up-enter,
+  &.ant-slide-up-appear {
+    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+  }
+
+  &.ant-slide-up-leave {
+    animation-duration: ${({theme:e})=>`${e.motion.veryfast}s`} !important;
+  }
+`,$=a.styled(d.Select)`
+  ${({theme:e,type:o="primary",state:t="active",$variant:r="none"})=>p(e,o,t,r)}
+`;exports.Select=$;exports.SelectDropdown=b;exports.SelectWrapper=c;exports.StyledMenuItem=m;

package/dist/components/Select/styles.d.ts

@@ -1,29 +1,13 @@
 import { Select as AntSelect, SelectProps } from 'antd';
 import { BaseSelectRef } from 'rc-select';
-import { StyledComponent } from 'styled-components';
-import { GenesisTheme, Breakpoint } from '../../styles/theme/genesis-theme.types';
-import { TYPE } from '../../constants';
+import { StyledComponent } from '../../utils/styled';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 interface StyledSelectProps extends SelectProps {
     theme?: GenesisTheme;
 }
-interface SelectWrapperProps {
-    theme?: GenesisTheme;
-    $isFocused: boolean;
-    type: keyof typeof TYPE;
-}
-export declare const SelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectWrapperProps>> & string;
-interface SelectMenuItemProps {
-    theme: GenesisTheme;
-    type?: keyof typeof TYPE;
-    state?: keyof Breakpoint;
-}
-export declare const StyledMenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectMenuItemProps>> & string;
-interface SelectDropdownProps {
-    theme: GenesisTheme;
-    type?: keyof typeof TYPE;
-    state?: keyof Breakpoint;
-}
-export declare const SelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectDropdownProps>> & string;
+export declare const SelectWrapper: any;
+export declare const StyledMenuItem: any;
+export declare const SelectDropdown: any;
 type StyledSelectComponent = StyledComponent<typeof AntSelect, any, StyledSelectProps & {
     ref?: React.Ref<BaseSelectRef>;
 }, never>;

package/dist/components/Shapes/Shapes.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),r=require('./variants/Circle.[format === "es" ? "js" : "cjs"]'),a=require('./variants/Rectangle.[format === "es" ? "js" : "cjs"]'),n=require('./variants/Triangle.[format === "es" ? "js" : "cjs"]'),c=({variant:t="triangle",fill:e})=>t==="circle"?s.jsx(r,{fill:e,dataTestId:"shape-circle"}):t==="rectangle"?s.jsx(a,{fill:e,dataTestId:"shape-rectangle"}):s.jsx(n,{fill:e,dataTestId:"shape-triangle"});module.exports=c;

package/dist/components/Shapes/__tests__/Shapes.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("../../../setup-Lma-RJTH.cjs"),o=require('../Shapes.[format === "es" ? "js" : "cjs"]');describe("<Shapes />",()=>{const n=e=>c.customRender(s.jsx(o,{variant:e}));it("should render a triangle shape",()=>{const{getByTestId:e}=n("triangle"),t=e("shape-triangle");expect(t).toBeInTheDocument()}),it("should render a rectangle shape",()=>{const{getByTestId:e}=n("rectangle"),t=e("shape-rectangle");expect(t).toBeInTheDocument()}),it("should render a circle shape",()=>{const{getByTestId:e}=n("circle"),t=e("shape-circle");expect(t).toBeInTheDocument()})});

package/dist/components/Shapes/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./Shapes.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/Shapes/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Shapes.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Shapes/variants/Circle.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=({fill:s="#CF3237",dataTestId:t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:50,height:50,fill:"none","data-testid":t,children:e.jsx("path",{fill:s,fillRule:"evenodd",d:"M25 47c12.15 0 22-9.85 22-22S37.15 3 25 3 3 12.85 3 25s9.85 22 22 22Zm0 3c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25Z",clipRule:"evenodd"})});module.exports=i;

package/dist/components/Shapes/variants/Rectangle.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=({fill:t="#FFBD5D",dataTestId:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:50,height:50,fill:"none","data-testid":s,children:e.jsx("path",{fill:t,fillRule:"evenodd",d:"M47 3H3v44h44V3ZM0 0v50h50V0H0Z",clipRule:"evenodd"})});module.exports=i;

package/dist/components/Shapes/variants/Triangle.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=({fill:t="#384DF6",dataTestId:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:58,height:50,fill:"none","data-testid":s,children:e.jsx("path",{fill:t,fillRule:"evenodd",d:"M29.402.23a.465.465 0 0 0-.804 0L.062 49.31a.458.458 0 0 0 0 .46c.083.143.236.231.402.231h57.072a.465.465 0 0 0 .402-.23.458.458 0 0 0 0-.461L29.402.23ZM29 5.07l24.517 42.165H4.483L29 5.069Z",clipRule:"evenodd"})});module.exports=i;

package/dist/components/Switch/Switch.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),r=require('./styles.[format === "es" ? "js" : "cjs"]'),o=({state:a,onChange:e,isChecked:t,isDisabled:s=!1,dataTestId:c,...n})=>i.jsx(r.Switch,{checked:t,onChange:()=>e(!t),disabled:s,"data-testid":c,...n});module.exports=o;

package/dist/components/Switch/__stories__/Switch.stories.d.ts

@@ -4,4 +4,5 @@ declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof Switch>;
 export declare const Default: Story;
-export declare const Disabled: Story;
+export declare const DisabledOff: Story;
+export declare const DisabledOn: Story;

package/dist/components/Switch/__tests__/Switch.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),n=require("../../../setup-Lma-RJTH.cjs"),o=require('../Switch.[format === "es" ? "js" : "cjs"]');describe("<Switch />",()=>{let c;beforeEach(()=>{c={isChecked:!1,onChange:vi.fn(),dataTestId:"switch"}});const s=()=>n.customRender(i.jsx(o,{...c}));it("should render in unchecked state by default",()=>{const{getByTestId:e}=s(),t=e("switch");expect(t).toHaveAttribute("aria-checked","false")}),it("should call onChange when clicked",()=>{const{getByTestId:e}=s(),t=e("switch");n.fireEvent.click(t),expect(c.onChange).toHaveBeenCalledTimes(1)}),it("should render in checked state when checked prop is true",()=>{c.isChecked=!0;const{getByTestId:e}=s(),t=e("switch");expect(t).toHaveAttribute("aria-checked","true")})});

package/dist/components/Switch/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require('./Switch.[format === "es" ? "js" : "cjs"]');module.exports=t;

package/dist/components/Switch/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Switch.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Switch/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),W=require("react"),A=require("../../LoadingOutlined-ByLc1sSe.cjs"),p=require("../../presets-CCbttGCy.cjs"),N=require("../../useMergedState-g1JWsrDw.cjs"),z=require("../../KeyCode-CIq7HTTY.cjs"),K=require("../../index-DV4cHHkU.cjs"),X=require("../../index-BD5op9DA.cjs"),R=require("../../useSize-OiGNe58i.cjs"),u=require("../../CSSMotionList-BkQaDrZL.cjs");function V(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const g=V(W);var F=["prefixCls","className","checked","defaultChecked","disabled","loadingIcon","checkedChildren","unCheckedChildren","onClick","onChange","onKeyDown"],P=g.forwardRef(function(e,n){var a,i=e.prefixCls,l=i===void 0?"rc-switch":i,o=e.className,d=e.checked,c=e.defaultChecked,t=e.disabled,r=e.loadingIcon,s=e.checkedChildren,m=e.unCheckedChildren,w=e.onClick,b=e.onChange,k=e.onKeyDown,M=p._objectWithoutProperties(e,F),x=N.useMergedState(!1,{value:d,defaultValue:c}),y=p._slicedToArray(x,2),f=y[0],$=y[1];function v(h,I){var C=f;return t||(C=h,$(C),b==null||b(C,I)),C}function E(h){h.which===z.KeyCode.LEFT?v(!1,h):h.which===z.KeyCode.RIGHT&&v(!0,h),k==null||k(h)}function S(h){var I=v(!f,h);w==null||w(I,h)}var q=p.classNames(l,o,(a={},p._defineProperty(a,"".concat(l,"-checked"),f),p._defineProperty(a,"".concat(l,"-disabled"),t),a));return g.createElement("button",p._extends({},M,{type:"button",role:"switch","aria-checked":f,disabled:t,className:q,ref:n,onKeyDown:E,onClick:S}),r,g.createElement("span",{className:"".concat(l,"-inner")},g.createElement("span",{className:"".concat(l,"-inner-checked")},s),g.createElement("span",{className:"".concat(l,"-inner-unchecked")},m)))});P.displayName="Switch";const B=e=>{const{componentCls:n,trackHeightSM:a,trackPadding:i,trackMinWidthSM:l,innerMinMarginSM:o,innerMaxMarginSM:d,handleSizeSM:c,calc:t}=e,r=`${n}-inner`,s=u.unit(t(c).add(t(i).mul(2)).equal()),m=u.unit(t(d).mul(2).equal());return{[n]:{[`&${n}-small`]:{minWidth:l,height:a,lineHeight:u.unit(a),[`${n}-inner`]:{paddingInlineStart:d,paddingInlineEnd:o,[`${r}-checked, ${r}-unchecked`]:{minHeight:a},[`${r}-checked`]:{marginInlineStart:`calc(-100% + ${s} - ${m})`,marginInlineEnd:`calc(100% - ${s} + ${m})`},[`${r}-unchecked`]:{marginTop:t(a).mul(-1).equal(),marginInlineStart:0,marginInlineEnd:0}},[`${n}-handle`]:{width:c,height:c},[`${n}-loading-icon`]:{top:t(t(c).sub(e.switchLoadingIconSize)).div(2).equal(),fontSize:e.switchLoadingIconSize},[`&${n}-checked`]:{[`${n}-inner`]:{paddingInlineStart:o,paddingInlineEnd:d,[`${r}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${r}-unchecked`]:{marginInlineStart:`calc(100% - ${s} + ${m})`,marginInlineEnd:`calc(-100% + ${s} - ${m})`}},[`${n}-handle`]:{insetInlineStart:`calc(100% - ${u.unit(t(c).add(i).equal())})`}},[`&:not(${n}-disabled):active`]:{[`&:not(${n}-checked) ${r}`]:{[`${r}-unchecked`]:{marginInlineStart:t(e.marginXXS).div(2).equal(),marginInlineEnd:t(e.marginXXS).mul(-1).div(2).equal()}},[`&${n}-checked ${r}`]:{[`${r}-checked`]:{marginInlineStart:t(e.marginXXS).mul(-1).div(2).equal(),marginInlineEnd:t(e.marginXXS).div(2).equal()}}}}}}},G=e=>{const{componentCls:n,handleSize:a,calc:i}=e;return{[n]:{[`${n}-loading-icon${e.iconCls}`]:{position:"relative",top:i(i(a).sub(e.fontSize)).div(2).equal(),color:e.switchLoadingIconColor,verticalAlign:"top"},[`&${n}-checked ${n}-loading-icon`]:{color:e.switchColor}}}},Q=e=>{const{componentCls:n,trackPadding:a,handleBg:i,handleShadow:l,handleSize:o,calc:d}=e,c=`${n}-handle`;return{[n]:{[c]:{position:"absolute",top:a,insetInlineStart:a,width:o,height:o,transition:`all ${e.switchDuration} ease-in-out`,"&::before":{position:"absolute",top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,backgroundColor:i,borderRadius:d(o).div(2).equal(),boxShadow:l,transition:`all ${e.switchDuration} ease-in-out`,content:'""'}},[`&${n}-checked ${c}`]:{insetInlineStart:`calc(100% - ${u.unit(d(o).add(a).equal())})`},[`&:not(${n}-disabled):active`]:{[`${c}::before`]:{insetInlineEnd:e.switchHandleActiveInset,insetInlineStart:0},[`&${n}-checked ${c}::before`]:{insetInlineEnd:0,insetInlineStart:e.switchHandleActiveInset}}}}},U=e=>{const{componentCls:n,trackHeight:a,trackPadding:i,innerMinMargin:l,innerMaxMargin:o,handleSize:d,calc:c}=e,t=`${n}-inner`,r=u.unit(c(d).add(c(i).mul(2)).equal()),s=u.unit(c(o).mul(2).equal());return{[n]:{[t]:{display:"block",overflow:"hidden",borderRadius:100,height:"100%",paddingInlineStart:o,paddingInlineEnd:l,transition:`padding-inline-start ${e.switchDuration} ease-in-out, padding-inline-end ${e.switchDuration} ease-in-out`,[`${t}-checked, ${t}-unchecked`]:{display:"block",color:e.colorTextLightSolid,fontSize:e.fontSizeSM,transition:`margin-inline-start ${e.switchDuration} ease-in-out, margin-inline-end ${e.switchDuration} ease-in-out`,pointerEvents:"none",minHeight:a},[`${t}-checked`]:{marginInlineStart:`calc(-100% + ${r} - ${s})`,marginInlineEnd:`calc(100% - ${r} + ${s})`},[`${t}-unchecked`]:{marginTop:c(a).mul(-1).equal(),marginInlineStart:0,marginInlineEnd:0}},[`&${n}-checked ${t}`]:{paddingInlineStart:l,paddingInlineEnd:o,[`${t}-checked`]:{marginInlineStart:0,marginInlineEnd:0},[`${t}-unchecked`]:{marginInlineStart:`calc(100% - ${r} + ${s})`,marginInlineEnd:`calc(-100% + ${r} - ${s})`}},[`&:not(${n}-disabled):active`]:{[`&:not(${n}-checked) ${t}`]:{[`${t}-unchecked`]:{marginInlineStart:c(i).mul(2).equal(),marginInlineEnd:c(i).mul(-1).mul(2).equal()}},[`&${n}-checked ${t}`]:{[`${t}-checked`]:{marginInlineStart:c(i).mul(-1).mul(2).equal(),marginInlineEnd:c(i).mul(2).equal()}}}}}},J=e=>{const{componentCls:n,trackHeight:a,trackMinWidth:i}=e;return{[n]:Object.assign(Object.assign(Object.assign(Object.assign({},u.resetComponent(e)),{position:"relative",display:"inline-block",boxSizing:"border-box",minWidth:i,height:a,lineHeight:u.unit(a),verticalAlign:"middle",background:e.colorTextQuaternary,border:"0",borderRadius:100,cursor:"pointer",transition:`all ${e.motionDurationMid}`,userSelect:"none",[`&:hover:not(${n}-disabled)`]:{background:e.colorTextTertiary}}),u.genFocusStyle(e)),{[`&${n}-checked`]:{background:e.switchColor,[`&:hover:not(${n}-disabled)`]:{background:e.colorPrimaryHover}},[`&${n}-loading, &${n}-disabled`]:{cursor:"not-allowed",opacity:e.switchDisabledOpacity,"*":{boxShadow:"none",cursor:"not-allowed"}},[`&${n}-rtl`]:{direction:"rtl"}})}},Y=e=>{const{fontSize:n,lineHeight:a,controlHeight:i,colorWhite:l}=e,o=n*a,d=i/2,c=2,t=o-c*2,r=d-c*2;return{trackHeight:o,trackHeightSM:d,trackMinWidth:t*2+c*4,trackMinWidthSM:r*2+c*2,trackPadding:c,handleBg:l,handleSize:t,handleSizeSM:r,handleShadow:`0 2px 4px 0 ${new p.FastColor("#00230b").setA(.2).toRgbString()}`,innerMinMargin:t/2,innerMaxMargin:t+c+c*2,innerMinMarginSM:r/2,innerMaxMarginSM:r+c+c*2}},Z=u.genStyleHooks("Switch",e=>{const n=u.merge(e,{switchDuration:e.motionDurationMid,switchColor:e.colorPrimary,switchDisabledOpacity:e.opacityLoading,switchLoadingIconSize:e.calc(e.fontSizeIcon).mul(.75).equal(),switchLoadingIconColor:`rgba(0, 0, 0, ${e.opacityLoading})`,switchHandleActiveInset:"-30%"});return[J(n),U(n),Q(n),G(n),B(n)]},Y);var ee=function(e,n){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(a[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var l=0,i=Object.getOwnPropertySymbols(e);l<i.length;l++)n.indexOf(i[l])<0&&Object.prototype.propertyIsEnumerable.call(e,i[l])&&(a[i[l]]=e[i[l]]);return a};const ne=g.forwardRef((e,n)=>{const{prefixCls:a,size:i,disabled:l,loading:o,className:d,rootClassName:c,style:t,checked:r,value:s,defaultChecked:m,defaultValue:w,onChange:b}=e,k=ee(e,["prefixCls","size","disabled","loading","className","rootClassName","style","checked","value","defaultChecked","defaultValue","onChange"]),[M,x]=N.useMergedState(!1,{value:r??s,defaultValue:m??w}),{getPrefixCls:y,direction:f,switch:$}=g.useContext(u.ConfigContext),v=g.useContext(X.DisabledContext),E=(l??v)||o,S=y("switch",a),q=g.createElement("div",{className:`${S}-handle`},o&&g.createElement(A.RefIcon,{className:`${S}-loading-icon`})),[h,I,C]=Z(S),H=R.useSize(i),j=p.classNames($==null?void 0:$.className,{[`${S}-small`]:H==="small",[`${S}-loading`]:o,[`${S}-rtl`]:f==="rtl"},d,c,I,C),T=Object.assign(Object.assign({},$==null?void 0:$.style),t),_=function(){x(arguments.length<=0?void 0:arguments[0]),b==null||b.apply(void 0,arguments)};return h(g.createElement(K.Wave,{component:"Switch"},g.createElement(P,Object.assign({},k,{checked:M,onChange:_,prefixCls:S,className:j,style:T,disabled:E,ref:n,loadingIcon:q}))))}),O=ne;O.__ANT_SWITCH=!0;process.env.NODE_ENV!=="production"&&(O.displayName="Switch");const ie=({colors:e,borderRadius:n})=>`
+  &.ant-switch {
+    background-color: ${e.primary.active};
+    border-radius: ${n==null?void 0:n.BorderRadiusMd};
+    
+    /* Focus ring styles */
+    &:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+    }
+    
+    /* Unchecked states */
+    &:not(.ant-switch-checked) {
+      background-color: ${e.surface.tertiary};
+
+      &:hover {
+        background-color: ${e.status.info.surface};
+      }
+
+      &:focus {
+        background-color: ${e.surface.tertiary};
+      }
+
+      &:focus-visible {
+        outline: none;
+        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+      }
+
+      &.ant-switch-disabled {
+        background-color: ${e.inputs.surface.disabled};
+      }
+    }
+
+    /* Checked states */
+    &-checked {
+      background-color: ${e.inputs.surface.checked};
+
+      &:hover {
+        background-color: ${e.inputs.surface["checked-hover"]};
+      }
+
+      &:focus {
+        background-color: ${e.inputs.surface["checked-focussed"]};
+      }
+
+      &:focus-visible {
+        outline: none;
+        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+      }
+
+      &.ant-switch-disabled {
+        background-color: ${e.inputs.surface.disabled};
+      }
+    }
+  }
+`,D=L.styled(O)`
+  ${({theme:e})=>ie(e)}
+`;exports.Switch=D;exports.default=D;

package/dist/components/Switch/styles.d.ts

@@ -1,8 +1,2 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledSwitchProps extends React.HTMLAttributes<HTMLButtonElement> {
-    theme?: GenesisTheme;
-}
-export declare const Switch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').SwitchProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLButtonElement>;
-}, StyledSwitchProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').SwitchProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const Switch: any;
 export default Switch;

package/dist/components/Table/Table.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("../../styles-BWTP_Zyu.cjs");function i({columns:e,dataSource:t,rowKey:s="id",size:a="small",onChange:l,rowSelection:n}){return o.jsx(r.Table,{"data-testid":"Table",dataSource:t,columns:e,rowKey:s,locale:{emptyText:"No Data"},size:a,onChange:l,rowSelection:n})}module.exports=i;

package/dist/components/Table/Table.d.ts

@@ -1,15 +1,44 @@
+import { ColumnType } from 'antd/es/table';
 import * as React from "react";
-export type Column = {
-    title: string;
-    dataIndex: string;
-    key: string;
-    render?: (text: any, record: any) => React.ReactNode;
-};
-export interface TableProps {
-    dataSource: unknown[];
-    columns: Column[];
-    rowKey?: string | ((record: any) => string);
+export type SelectionType = "checkbox" | "radio";
+export interface TableProps<T extends Record<string, any>> {
+    dataSource: T[];
+    columns: ColumnType<T>[];
+    rowKey?: keyof T | ((record: T) => React.Key);
     size?: "small" | "middle" | "large";
+    rowSelection?: {
+        type?: SelectionType;
+        selectedRowKeys?: React.Key[];
+        onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+        getCheckboxProps?: (record: T) => {
+            disabled?: boolean;
+            name?: string;
+        };
+    };
+    onChange?: (pagination: TablePaginationType, filters: Record<string, React.Key[]>, sorter: SorterResult<T> | SorterResult<T>[]) => void;
+    loading?: boolean;
+    pagination?: TablePaginationType | false;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    bordered?: boolean;
+    locale?: {
+        emptyText?: React.ReactNode;
+    };
+    [key: string]: any;
 }
-declare const Table: ({ columns, dataSource, rowKey, size, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export type TablePaginationType = {
+    pageSize?: number;
+    current?: number;
+    total?: number;
+    onChange?: (page: number, pageSize: number) => void;
+};
+export type SorterResult<T> = {
+    column?: ColumnType<T>;
+    order?: "ascend" | "descend" | null;
+    field?: keyof T | string | React.Key | readonly React.Key[];
+    columnKey?: React.Key;
+};
+declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/components/Table/TableControls/PrimaryTableControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const c=require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const a=require("../../../index-DdF9CYRQ.cjs");require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');const u=require('../../Button/UtilityButton.[format === "es" ? "js" : "cjs"]'),l=require('../../Button/IconButton.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');const q=require('../../Input/Input.[format === "es" ? "js" : "cjs"]');require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');const d=require('../../Select/Select.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const o=require("../../../iconBase-C4boY5mo.cjs");function v(r){return o.GenIcon({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{d:"M17 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM17 15.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM3.75 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75ZM4.5 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM10 11a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 10 11ZM10.75 2.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM10 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3.75 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM16.25 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"},child:[]}]})(r)}function x(r){return o.GenIcon({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"3"},child:[]},{tag:"path",attr:{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"},child:[]}]})(r)}const h=({sortOptions:r,onPrimaryChange:i,searchByPlaceholder:s="",onFilterClick:t,onSettingsClick:n})=>e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(q,{size:"normal",placeholder:s,prefix:e.jsx(a.HiSearch,{})}),t&&e.jsx(u,{isIconButton:!0,icon:e.jsx(v,{}),onClick:t}),n&&e.jsx(u,{isIconButton:!0,icon:e.jsx(x,{}),onClick:n})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(c.Typography,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),r&&i?e.jsx(d,{options:r,defaultValue:r[0].value,variant:"simple",onChange:i}):null,e.jsx(l,{icon:e.jsx(a.HiOutlineSortDescending,{})})]})]});module.exports=h;

package/dist/components/Table/TableControls/PrimaryTableControls.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type SortOption = {
+    value: string;
+    label: React.ReactNode;
+};
+type SortOptions = SortOption[] | null;
+export interface PrimaryTableControlsProps {
+    sortOptions: SortOptions;
+    onPrimaryChange: (value: string) => void;
+    searchByPlaceholder?: string;
+    onFilterClick?: () => void;
+    onSettingsClick?: () => void;
+}
+declare const PrimaryTableControls: ({ sortOptions, onPrimaryChange, searchByPlaceholder, onFilterClick, onSettingsClick, }: PrimaryTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimaryTableControls;

package/dist/components/Table/TableControls/SecondaryTableControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');const n=require('../../Badge/Badge.[format === "es" ? "js" : "cjs"]');require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const l=require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');const q=require('../../../utils/icon-util.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const o=({title:i,items:t,onGroupItemClick:s})=>e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:24,height:24},children:q.getIcon(i)}),e.jsx("div",{style:{display:"flex",gap:4},children:t.map(r=>e.jsx(n,{label:r,hasClose:!0,state:"generic",size:"small",onClick:()=>s(i,r)}))})]}),a=({groups:i,onGroupItemClick:t})=>{if(!i)return null;const s=Object.entries(i).map(([r,u])=>({title:r,items:u}));return e.jsx("div",{style:{display:"flex",gap:4},children:s.map(r=>e.jsx(o,{title:r.title,items:r.items,onGroupItemClick:t},r.title))})},c=({groups:i,totalRecords:t,onGroupItemClick:s})=>e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end",marginTop:8},children:[e.jsx(a,{groups:i,onGroupItemClick:s}),t?e.jsx(l.Typography,{variant:"body2",color:"#6C6C6C",children:`${t} results`}):null]});module.exports=c;

package/dist/components/Table/TableControls/SecondaryTableControls.d.ts

@@ -0,0 +1,10 @@
+export type Groups = {
+    [key: string]: string[];
+};
+export interface SecondaryTableControlsProps {
+    groups: Groups | null;
+    totalRecords: number | null;
+    onGroupItemClick: (title: string, item: string) => void;
+}
+declare const SecondaryTableControls: ({ groups, totalRecords, onGroupItemClick, }: SecondaryTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default SecondaryTableControls;

package/dist/components/Table/TableControls/TableControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),e=require('./PrimaryTableControls.[format === "es" ? "js" : "cjs"]'),t=require('./SecondaryTableControls.[format === "es" ? "js" : "cjs"]'),r=({primaryTableRowData:o,secondaryTableRowData:n})=>s.jsxs("div",{"data-testid":"TableControls",style:{margin:"16px 0px"},children:[s.jsx(e,{sortOptions:o.sortOptions,onPrimaryChange:o.onPrimaryChange,searchByPlaceholder:o.searchByPlaceholder,onFilterClick:o.onFilterClick,onSettingsClick:o.onSettingsClick}),n?s.jsx(t,{groups:n.groups,totalRecords:n.totalRecords,onGroupItemClick:n.onGroupItemClick}):null]});module.exports=r;

package/dist/components/Table/TableControls/TableControls.d.ts

@@ -0,0 +1,8 @@
+import { PrimaryTableControlsProps } from './PrimaryTableControls';
+import { SecondaryTableControlsProps } from './SecondaryTableControls';
+export interface TableControlsProps {
+    primaryTableRowData: PrimaryTableControlsProps;
+    secondaryTableRowData: SecondaryTableControlsProps;
+}
+declare const TableControls: ({ primaryTableRowData, secondaryTableRowData, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default TableControls;

package/dist/components/Table/TableControls/__stories__/TableControls.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as TableControls } from '../TableControls';
+declare const meta: Meta<typeof TableControls>;
+export default meta;
+type Story = StoryObj<typeof TableControls>;
+export declare const TableControlsStory: Story;

package/dist/components/Table/TableControls/__tests__/TableControls.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../../setup-Lma-RJTH.cjs"),n=require('../../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');require("../../../../Typography-DCxwDJFP.cjs");require('../../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../../styles-BfoQ93tm.cjs");require('../../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../../styles-BEj8fZMe.cjs");require('../../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../../styles-BWTP_Zyu.cjs");require('../../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../Typography/styles.[format === "es" ? "js" : "cjs"]');require('../../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const o=({children:r})=>{const u=n.useTheme().breakpoints.wide;return e.jsx("div",{children:e.jsxs("p",{children:["wide ",u]})})};describe("<TableControls />",()=>{beforeEach(()=>{vi.fn(),vi.fn()});const r=()=>t.customRender(e.jsx(o,{}));it("should render the debug theme component proving that the ThemeProvider is includes the GenesisProvider!",()=>{const{getByText:i}=r();expect(i("wide 1280")).toBeInTheDocument()})});

package/dist/components/Table/TableControls/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./TableControls.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/Table/TableControls/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableControls';
+export type { TableControlsProps } from './TableControls';

package/dist/components/Table/TableControls/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './TableControls.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Table/TableControls/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require('../../../utils/styled.[format === "es" ? "js" : "cjs"]'),l=({colors:e,borderRadius:s,sizing:t},i="primary",a="active")=>`
+  .class-name-here {
+   } 
+ `,o=r.styled.div`
+  ${({theme:e,type:s,state:t})=>l(e,s,t)}
+`;exports.StyledTableControls=o;exports.getGenesisClass=l;

package/dist/components/Table/TableControls/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
+    colors: any;
+    borderRadius: any;
+    sizing: any;
+}, type?: string, state?: string) => string;
+export declare const StyledTableControls: any;

package/dist/components/Table/TableWithControls/TableWithControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),G=require("react"),S=require('../TableControls/TableControls.[format === "es" ? "js" : "cjs"]');require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');const k=require('../Table.[format === "es" ? "js" : "cjs"]');require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../Typography/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const B=({tableData:y,tableControlsData:e,onUpdate:g})=>{var c,s,p,n,T;const[h,R]=G.useState((c=e==null?void 0:e.secondaryTableRowData)==null?void 0:c.groups),d={sortOptions:((s=e==null?void 0:e.primaryTableRowData)==null?void 0:s.sortOptions)??[],onPrimaryChange:(p=e==null?void 0:e.primaryTableRowData)==null?void 0:p.onPrimaryChange,searchByPlaceholder:(n=e==null?void 0:e.primaryTableRowData)==null?void 0:n.searchByPlaceholder},{dataSource:q,columns:o,onChange:w,rowSelection:x}=y,_=(u,m)=>{const i={...h};i[u]=i[u].filter(P=>P!==m),R(i),g({event:"groupItemClick",payload:{title:u,item:m}})},j={groups:((T=e==null?void 0:e.secondaryTableRowData)==null?void 0:T.groups)??null,totalRecords:q.length,onGroupItemClick:_};return r.jsxs(r.Fragment,{children:[r.jsx(S,{primaryTableRowData:d,secondaryTableRowData:j}),r.jsx(k,{dataSource:q,columns:o,onChange:w,rowSelection:x})]})};module.exports=B;

package/dist/components/Table/TableWithControls/TableWithControls.d.ts

@@ -0,0 +1,12 @@
+import { TableProps } from '../../..';
+import { TableControlsProps } from '../TableControls';
+export interface TableWithControlsProps {
+    tableControlsData: TableControlsProps;
+    tableData: TableProps<Record<string, any>>;
+    onUpdate: (event: {
+        event: string;
+        payload: any;
+    }) => void;
+}
+declare const TableWithControls: ({ tableData, tableControlsData, onUpdate, }: TableWithControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default TableWithControls;

package/dist/components/Table/TableWithControls/__stories__/TableWithControls.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as TableWithControls } from '../TableWithControls';
+declare const meta: Meta<typeof TableWithControls>;
+export default meta;
+type Story = StoryObj<typeof TableWithControls>;
+export declare const Default: Story;

package/dist/components/Table/TableWithControls/__stories__/TableWithControlsStory.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),T=require("react"),m=require('../TableWithControls.[format === "es" ? "js" : "cjs"]'),C=require('../../use-table-hook.[format === "es" ? "js" : "cjs"]'),g=require('../../__mocks__/table-mocks.[format === "es" ? "js" : "cjs"]'),a={primaryTableRowData:{sortOptions:[{value:"2",label:s.jsx("span",{children:"Status"})},{value:"3",label:s.jsx("span",{children:"Type Status"})}],onPrimaryChange:e=>{console.log(`selected ${e}`)},searchByPlaceholder:"Search by Address"},secondaryTableRowData:{groups:{orders:["Cancelled","Paused"],warehouse:["D2C"],availability:["Out of Stock"]}}},D=()=>{const[e,l]=T.useState(a.secondaryTableRowData.groups),n={sortOptions:a.primaryTableRowData.sortOptions,onPrimaryChange:a.primaryTableRowData.onPrimaryChange,searchByPlaceholder:a.primaryTableRowData.searchByPlaceholder},{dataSource:t,columns:c,onChange:i,rowSelection:u}=C.useTableHook(g.mockColumns);if(!t)return null;const b=(o,d)=>{const r={...e};r[o]=r[o].filter(h=>h!==d),l(r)},p={groups:e,totalRecords:t.length,onGroupItemClick:b},y=o=>{console.log(o)};return s.jsx(m,{onUpdate:y,tableControlsData:{primaryTableRowData:n,secondaryTableRowData:p},tableData:{dataSource:t,columns:c,onChange:i,rowSelection:u}})};exports.TableWithControlsStory=D;

package/dist/components/Table/TableWithControls/__stories__/TableWithControlsStory.d.ts

@@ -0,0 +1 @@
+export declare const TableWithControlsStory: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/TableWithControls/__tests__/TableWithControls.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";describe("<TableWithControls />",()=>{it("should add 2 + 2",()=>{expect(4).toBe(4)})});

package/dist/components/Table/TableWithControls/__tests__/TableWithControls.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Table/TableWithControls/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require('./TableWithControls.[format === "es" ? "js" : "cjs"]');module.exports=t;