@xola/ui-kit 2.2.0-3 → 3.0.2

package/index.d.ts

@@ -0,0 +1,265 @@
+// This is just to make the auto-import work.
+// Next step is to add types for the props.
+export {
+    AccountIcon,
+    AddNoteIcon,
+    AddSquareIcon,
+    Alert,
+    almostZero,
+    AnnounceIcon,
+    AppIcon,
+    ArchiveIcon,
+    ArrowCcwIcon,
+    ArrowCwIcon,
+    ArrowDownIcon,
+    ArrowRightIcon,
+    ArrowTopRightIcon,
+    ArrowUpIcon,
+    AtIcon,
+    Avatar,
+    Badge,
+    BalloonIcon,
+    BankCheckIcon,
+    BarGraphIcon,
+    BaseInput,
+    BellIcon,
+    BookmarkIcon,
+    BoxIcon,
+    Breadcrumb,
+    Breakdown,
+    BriefcaseIcon,
+    Button,
+    ButtonCodeIcon,
+    ButtonGroup,
+    CakeIcon,
+    CalendarDayIcon,
+    CalendarIcon,
+    CalendarMonthIcon,
+    CalendarWeekIcon,
+    CapacityIcon,
+    CardAltIcon,
+    CardIcon,
+    CartIcon,
+    CashIcon,
+    Checkbox,
+    CheckboxIcon,
+    CheckIcon,
+    ChecklistIcon,
+    ChevronDownIcon,
+    ChevronLeftIcon,
+    ChevronRightIcon,
+    ChevronUpIcon,
+    ChipIcon,
+    CircleCheckIcon,
+    CircleCrossIcon,
+    CircleCrownIcon,
+    CircleDollarIcon,
+    CircleDotIcon,
+    CircleInfinityIcon,
+    CircleInfoIcon,
+    CircleKeyIcon,
+    CircleNotch,
+    CirclePauseIcon,
+    CirclePlusIcon,
+    CircleSubtractIcon,
+    ClipboardIcon,
+    ClockAltIcon,
+    ClockIcon,
+    ClockManualIcon,
+    CloseCircleIcon,
+    CloseIcon,
+    CollapseIcon,
+    ComboBox,
+    CommentAltIcon,
+    CommentIcon,
+    compactNumber,
+    CompassIcon,
+    CopyIcon,
+    Counter,
+    CouponIcon,
+    CrmIcon,
+    CrownIcon,
+    Currency,
+    DashboardIcon,
+    dateFromObjectId,
+    DatePicker,
+    DatePickerPopover,
+    DecreaseIcon,
+    DepositIcon,
+    DisabledIcon,
+    DisputeIcon,
+    Dot,
+    DotCircleIcon,
+    DoubleCheckIcon,
+    DownArrowIcon,
+    DownloadIcon,
+    Drawer,
+    DropdownIcon,
+    DumbbellIcon,
+    DuplicateIcon,
+    DurationIcon,
+    EditIcon,
+    EditNoteIcon,
+    EditNotesIcon,
+    EllipsisIcon,
+    EmailCheckedIcon,
+    EmailIcon,
+    EmailResendIcon,
+    EmailSendIcon,
+    EmptyChecklistIcon,
+    EquipmentIcon,
+    ExportIcon,
+    EyeClosedIcon,
+    EyeIcon,
+    FaceNeutralIcon,
+    FaceSadIcon,
+    FaceSmileIcon,
+    FadeIn,
+    FilterIcon,
+    FilterIconOld,
+    FlagIcon,
+    flash,
+    FlexFee2Icon,
+    FlexFeeIcon,
+    FoodIcon,
+    ForkIcon,
+    formatDate,
+    formatTime,
+    FormGroup,
+    FunnelIcon,
+    getChildByType,
+    getChildrenByType,
+    getInitials,
+    getSymbol,
+    GiftIcon,
+    GlobeIcon,
+    HandIcon,
+    HandshakeIcon,
+    HeaderToolbar,
+    HelpCenterIcon,
+    HiddenIcon,
+    HouseIcon,
+    ImageIcon,
+    ImageUpload,
+    InfinityIcon,
+    InlineValuePopover,
+    Input,
+    InvoiceIcon,
+    isOSX,
+    isZeroDecimal,
+    Key,
+    KeyIcon,
+    KioskIcon,
+    Label,
+    LabelIcon,
+    LandscapeIcon,
+    LightIcon,
+    LinkIcon,
+    LockIcon,
+    Login,
+    Logo,
+    LogoutIcon,
+    MagicIcon,
+    MedicalIcon,
+    MegaphoneIcon,
+    MenuIcon,
+    MinusIcon,
+    MixedChecklistIcon,
+    MobileIcon,
+    Modal,
+    MoneyAddIcon,
+    MoneyBackIcon,
+    MoneyIcon,
+    MountainIcon,
+    MouseIcon,
+    Number,
+    numberFormat,
+    PassIcon,
+    PauseIcon,
+    PenIcon,
+    Phone,
+    PhoneIcon,
+    PhotosIcon,
+    PiggyBankIcon,
+    PinIcon,
+    PipeIcon,
+    PlusIcon,
+    PolicyIcon,
+    Popover,
+    PopoverList,
+    PrintIcon,
+    ProductsIcon,
+    Provider,
+    QuestionIcon,
+    QuestionnaireIcon,
+    RangeSlider,
+    ReceiptIcon,
+    ReceptionBellIcon,
+    ReceptionBellMoneyIcon,
+    RefreshIcon,
+    RefundIcon,
+    RelativeDateRange,
+    RosterIcon,
+    RoundedSquareIcon,
+    roundNumber,
+    RulerIcon,
+    Search,
+    SearchAltIcon,
+    SearchIcon,
+    Select,
+    SendIcon,
+    SeniorIcon,
+    SeniorV2Icon,
+    SeniorV3Icon,
+    ServiceIcon,
+    SettingsIcon,
+    ShapesIcon,
+    ShareIcon,
+    ShirtIcon,
+    ShoppingBagIcon,
+    Sidebar,
+    Skeleton,
+    SlideDown,
+    Spinner,
+    SplitPaymentIcon,
+    SquareIcon,
+    StackIcon,
+    StarFilledIcon,
+    StarIcon,
+    StoreCreditIcon,
+    SubmitButton,
+    Switch,
+    Table,
+    Tabs,
+    Tag,
+    TaxIcon,
+    Textarea,
+    theme,
+    ThumbsDownIcon,
+    ThumbsUpIcon,
+    TicketIcon,
+    ToggleButton,
+    Tooltip,
+    TransferArrowIcon,
+    TrashIcon,
+    UnlinkIcon,
+    useId,
+    useIsClient,
+    UserAddIcon,
+    UserChangedIcon,
+    UserIcon,
+    UserSubtractIcon,
+    ValuePopoverText,
+    VeteranIcon,
+    ViewNotesIcon,
+    VoucherIcon,
+    WaitlistIcon,
+    WarningDiamondIcon,
+    WarningIcon,
+    WarningTriangleIcon,
+    WeightIcon,
+    WifiIcon,
+    WriteIcon,
+    XolaBotIcon,
+    XrayIcon,
+} from "./build/ui-kit.es";

package/package.json

@@ -1,54 +1,53 @@
 {
     "name": "@xola/ui-kit",
-    "version": "2.2.0-3",
+    "version": "3.0.2",
     "description": "Xola UI Kit",
     "license": "MIT",
     "files": [
         "build",
         "index.css",
         "tailwind.config.js",
-        "postcss.config.js"
+        "postcss.config.js",
+        "index.d.ts"
     ],
-    "main": "build/ui-kit.umd.js",
-    "module": "build/ui-kit.mjs",
-    "types": "build/src/index.d.ts",
+    "main": "build/ui-kit.es.js",
+    "module": "build/ui-kit.es",
+    "types": "build/index.d.ts",
     "scripts": {
-        "prebuild": "node scripts/prepare",
-        "build": "vite build && npx tsc",
-        "watch": "npm run build -- --watch",
-        "prestart": "node scripts/prepare",
-        "start": "start-storybook -p 6006 --no-open --quiet",
-        "predev": "node scripts/prepare",
-        "dev": "start-storybook -p 6006 --no-open --no-manager-cache",
+        "prepare": "node scripts/prepare && vite build",
+        "start": "node scripts/prepare && start-storybook -p 6006 -s public --no-open",
+        "dev": "node scripts/prepare && start-storybook -p 6006 -s public --no-manager-cache --no-open",
+        "build": "node scripts/prepare && vite build && cp index.d.ts build",
+        "build:storybook": "node scripts/prepare && build-storybook -s public",
         "clean": "rm -rf node_modules/.vite",
-        "lint:fix": "xola-lint --ignore src/stories src --fix",
-        "lint:report": "xola-lint --ignore src/stories src --reporter=json src > eslint_report.json && echo 'ESLint report saved to eslint_report.json'",
-        "format": "prettier --write src",
+        "lint:fix": "xola-lint src --fix",
+        "lint:report": "xola-lint src --reporter=json src > eslint_report.json",
+        "format": "prettier -l --write src",
         "test": "jest",
-        "build:storybook": "npm run prebuild && build-storybook",
-        "chromatic": "chromatic --exit-zero-on-changes --build-script-name build:storybook",
-        "prepublish": "npm run build",
-        "publish": "np --no-tests --any-branch"
+        "chromatic": "chromatic --exit-zero-on-changes --build-script-name build:storybook"
     },
     "dependencies": {
         "@headlessui/react": "^1.4.0",
-        "@tailwindcss/forms": "^0.4.0",
+        "@tailwindcss/forms": "^0.5.6",
         "@tailwindcss/line-clamp": "^0.3.1",
         "@tippyjs/react": "^4.2.6",
-        "clsx": "^1.1.1",
-        "dayjs": "^1.10.7",
+        "clsx": "^1.2.1",
+        "dayjs": "^1.11.10",
         "downshift": "^6.1.5",
         "get-user-locale": "^1.4.0",
         "google-libphonenumber": "^3.2.22",
+        "lodash": "^4.17.21",
         "nouislider-react": "^3.4.1",
-        "prop-types": "^15.7.2",
+        "prop-types": "^15.8.1",
+        "react": "^18.2.0",
         "react-day-picker": "^7.4.10",
+        "react-dom": "^18.2.0",
         "react-hot-toast": "^2.1.0",
         "react-hotkeys-hook": "^3.4.0",
         "react-json-view": "^1.21.3",
         "react-select": "^5.7.0",
         "storybook-addon-designs": "^6.3.1",
-        "tippy.js": "^6.3.1"
+        "tippy.js": "^6.3.7"
     },
     "devDependencies": {
         "@babel/core": "^7.14.8",
@@ -60,30 +59,31 @@
         "@storybook/addons": "^6.5.10",
         "@storybook/react": "^6.5.10",
         "@storybook/theming": "^6.5.10",
-        "@xola/jslint": "^2.1.2",
+        "@types/react": "^18.2.22",
+        "@types/react-dom": "^18.2.7",
+        "@xola/jslint": "^2.2.1",
         "autoprefixer": "^10.4.5",
         "babel-jest": "^27.2.0",
         "babel-loader": "^8.2.2",
         "chromatic": "^6.11.4",
-        "jest": "^27.2.0",
-        "lodash": "^4.17.21",
+        "jest": "^29.7.0",
         "postcss": "^8.4.5",
-        "prettier": "^2.7.1",
-        "prettier-plugin-tailwindcss": "^0.2.8",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
+        "prettier": "2.8",
+        "prettier-plugin-tailwindcss": "^0.4.1",
         "storybook-css-modules-preset": "^1.1.1",
         "tailwindcss": "^3.1.8",
         "typescript": "4.7",
-        "vite": "^3.0.8"
+        "vite": "3.2"
     },
     "peerDependencies": {
+        "@types/react": "^18.2.22",
+        "@types/react-dom": "^18.2.7",
         "autoprefixer": "^10.3.1",
-        "lodash": "^4.17.21",
         "postcss": "^8.3.6",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "tailwindcss": "^3.0.18"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "tailwindcss": "^3.1.8",
+        "vite": "3.2"
     },
     "engines": {
         "node": ">=16"

package/tailwind.config.js

@@ -125,7 +125,7 @@ module.exports = {
         "./src/**/*.jsx",
         "./src/**/*.ts",
         "./src/**/*.tsx",
-        path.join(__dirname, "build/ui-kit.umd.js"),
+        path.join(__dirname, "build/ui-kit.es.js"),
     ],
 
     theme: {

package/build/src/components/Alert.d.ts

@@ -1,17 +0,0 @@
-export function Alert({ className, color, onClose, children, ...rest }: {
-    [x: string]: any;
-    className: any;
-    color?: string;
-    onClose: any;
-    children: any;
-}): JSX.Element;
-export namespace Alert {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const color: PropTypes.Requireable<string>;
-        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        const children: PropTypes.Validator<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=Alert.d.ts.map

package/build/src/components/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert.jsx"],"names":[],"mappings":"AAcO;;;;;;gBAmBN"}

package/build/src/components/Animation/FadeIn.d.ts

@@ -1,25 +0,0 @@
-export function FadeIn({ shouldShow, shouldAppear, tag, enter, enterFrom, enterTo, className, children, ...rest }: {
-    [x: string]: any;
-    shouldShow?: boolean;
-    shouldAppear?: boolean;
-    tag?: string;
-    enter?: string;
-    enterFrom?: string;
-    enterTo?: string;
-    className: any;
-    children: any;
-}): JSX.Element;
-export namespace FadeIn {
-    namespace propTypes {
-        const shouldShow: PropTypes.Requireable<boolean>;
-        const shouldAppear: PropTypes.Requireable<boolean>;
-        const tag: PropTypes.Requireable<string>;
-        const enter: PropTypes.Requireable<string>;
-        const enterFrom: PropTypes.Requireable<string>;
-        const enterTo: PropTypes.Requireable<string>;
-        const className: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=FadeIn.d.ts.map

package/build/src/components/Animation/FadeIn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FadeIn.d.ts","sourceRoot":"","sources":["../../../../src/components/Animation/FadeIn.jsx"],"names":[],"mappings":"AAIO;;;;;;;;;;gBAyBN"}

package/build/src/components/Animation/SlideDown.d.ts

@@ -1,12 +0,0 @@
-export function SlideDown({ isOpen, children }: {
-    isOpen: any;
-    children: any;
-}): JSX.Element;
-export namespace SlideDown {
-    namespace propTypes {
-        const isOpen: PropTypes.Requireable<boolean>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=SlideDown.d.ts.map

package/build/src/components/Animation/SlideDown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideDown.d.ts","sourceRoot":"","sources":["../../../../src/components/Animation/SlideDown.jsx"],"names":[],"mappings":"AAIO;;;gBAkBN"}

package/build/src/components/Avatar.d.ts

@@ -1,17 +0,0 @@
-export function Avatar({ className, name, color, size, ...rest }: {
-    [x: string]: any;
-    className: any;
-    name: any;
-    color?: string;
-    size?: string;
-}): JSX.Element;
-export namespace Avatar {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const color: PropTypes.Requireable<string>;
-        const name: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=Avatar.d.ts.map

package/build/src/components/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar.jsx"],"names":[],"mappings":"AAYO;;;;;;gBAcN"}

package/build/src/components/Badge.d.ts

@@ -1,19 +0,0 @@
-export function Badge({ color, size, icon, className, children, ...rest }: {
-    [x: string]: any;
-    color?: string;
-    size?: string;
-    icon: any;
-    className: any;
-    children: any;
-}): JSX.Element;
-export namespace Badge {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const color: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-        const icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        const children: PropTypes.Validator<PropTypes.ReactNodeLike>;
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=Badge.d.ts.map

package/build/src/components/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge.jsx"],"names":[],"mappings":"AA2BO;;;;;;;gBAgBN"}

package/build/src/components/Breadcrumb.d.ts

@@ -1,33 +0,0 @@
-export function Breadcrumb({ className, classNames, separator, children, ...rest }: {
-    [x: string]: any;
-    className: any;
-    classNames?: {};
-    separator?: string;
-    children: any;
-}): JSX.Element;
-export namespace Breadcrumb {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const classNames: PropTypes.Requireable<object>;
-        const separator: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-    function Item({ className, onClick, children }: {
-        className: any;
-        onClick: any;
-        children: any;
-    }): JSX.Element;
-    namespace Item {
-        export const displayName: string;
-        export namespace propTypes_1 {
-            const className_1: PropTypes.Requireable<string>;
-            export { className_1 as className };
-            export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            const children_1: PropTypes.Validator<PropTypes.ReactNodeLike>;
-            export { children_1 as children };
-        }
-        export { propTypes_1 as propTypes };
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=Breadcrumb.d.ts.map

package/build/src/components/Breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb.jsx"],"names":[],"mappings":"AAIO;;;;;;gBAoBN;;;;;;;;IASD;;;;oBASC"}

package/build/src/components/Breakdown.d.ts

@@ -1,48 +0,0 @@
-export function Breakdown({ children, className, currency, ...rest }: {
-    [x: string]: any;
-    children: any;
-    className: any;
-    currency: any;
-}): JSX.Element;
-export namespace Breakdown {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const currency: PropTypes.Validator<string>;
-    }
-    function Item({ children, info, methodIcon, secondary, value, className, color, ...rest }: {
-        [x: string]: any;
-        children: any;
-        info: any;
-        methodIcon: any;
-        secondary: any;
-        value: any;
-        className: any;
-        color?: string;
-    }): JSX.Element;
-    namespace Item {
-        const displayName: string;
-    }
-    function SubtotalItem({ children, info, value, className, color, ...rest }: {
-        [x: string]: any;
-        children: any;
-        info: any;
-        value: any;
-        className: any;
-        color?: string;
-    }): JSX.Element;
-    namespace SubtotalItem {
-        const displayName_1: string;
-        export { displayName_1 as displayName };
-    }
-    function Separator({ className, ...rest }: {
-        [x: string]: any;
-        className: any;
-    }): JSX.Element;
-    namespace Separator {
-        const displayName_2: string;
-        export { displayName_2 as displayName };
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=Breakdown.d.ts.map

package/build/src/components/Breakdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breakdown.d.ts","sourceRoot":"","sources":["../../../src/components/Breakdown.jsx"],"names":[],"mappings":"AAkBO;;;;;gBAQN;;;;;;;IAQD;;;;;;;;;oBAuBC;;;;IAeD;;;;;;;oBAeC;;;;;IAaD;;;oBAMC"}

package/build/src/components/Buttons/Button.d.ts

@@ -1,25 +0,0 @@
-export function Button({ as: Tag, variant, color, size, icon, iconPlacement, className, children, ...rest }: {
-    [x: string]: any;
-    as?: string;
-    variant?: string;
-    color?: string;
-    size?: string;
-    icon: any;
-    iconPlacement?: string;
-    className: any;
-    children: any;
-}): JSX.Element;
-export namespace Button {
-    namespace propTypes {
-        const color: PropTypes.Requireable<string>;
-        const variant: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-        const className: PropTypes.Requireable<string>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        function icon(props: any, ...rest: any[]): Error;
-        function icon(props: any, ...rest: any[]): Error;
-        const iconPlacement: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
-//# sourceMappingURL=Button.d.ts.map

package/build/src/components/Buttons/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/Button.jsx"],"names":[],"mappings":"AAiDO;;;;;;;;;;gBA6BN;;;;;;;;QASG,iDASC;QATD,iDASC"}

package/build/src/components/Buttons/ButtonGroup.d.ts

@@ -1,53 +0,0 @@
-export function ButtonGroup({ size, value, isCollapsed, onChange, className, children, ...rest }: {
-    [x: string]: any;
-    size: any;
-    value: any;
-    isCollapsed?: boolean;
-    onChange: any;
-    className: any;
-    children: any;
-}): JSX.Element;
-export namespace ButtonGroup {
-    export namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const size: PropTypes.Validator<string>;
-        const value: PropTypes.Validator<number>;
-        const isCollapsed: PropTypes.Requireable<boolean>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const children: PropTypes.Validator<PropTypes.ReactNodeLike>;
-    }
-    export { Button };
-}
-import PropTypes from "prop-types";
-declare function Button({ as: Tag, isActive, shouldShowText, isHidden, size, icon, iconPlacement, className, children, ...rest }: {
-    [x: string]: any;
-    as?: string;
-    isActive: any;
-    shouldShowText?: boolean;
-    isHidden?: boolean;
-    size?: string;
-    icon: any;
-    iconPlacement?: string;
-    className: any;
-    children: any;
-}): JSX.Element;
-declare namespace Button {
-    export const displayName: string;
-    export namespace propTypes_1 {
-        export const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export const isActive: PropTypes.Requireable<boolean>;
-        export const shouldShowText: PropTypes.Requireable<boolean>;
-        export const isHidden: PropTypes.Requireable<boolean>;
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        export const icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        export const iconPlacement: PropTypes.Requireable<string>;
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Validator<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-    }
-    export { propTypes_1 as propTypes };
-}
-export {};
-//# sourceMappingURL=ButtonGroup.d.ts.map