@bitrise/bitkit 9.4.1-beta.2 → 9.4.1

package/.eslintrc.js

@@ -12,14 +12,7 @@ module.exports = {
     'import/no-extraneous-dependencies': [
       'error',
       {
-        devDependencies: [
-          '**/*.stories.tsx',
-          '**/*.test.tsx',
-          'jest.setup.js',
-          'scripts/*.ts',
-          'site/**/*.*',
-          'postcss.config.js',
-        ],
+        devDependencies: ['**/*.stories.tsx', '**/*.test.tsx', 'jest.setup.js', 'scripts/*.ts', 'site/**/*.*'],
       },
     ],
     'react-hooks/exhaustive-deps': 'off',

package/.nvmrc

@@ -1 +1 @@
-v16.14.2
+v14.17.3

package/.stylelintrc

@@ -46,7 +46,7 @@
     "function-linear-gradient-no-nonstandard-direction": true,
     "function-name-case": "lower",
     "function-parentheses-space-inside": "never-single-line",
-    "function-url-scheme-allowed-list": ["data", "/^http/"],
+    "function-url-scheme-whitelist": ["data", "/^http/"],
     "function-url-quotes": "always",
     "function-whitespace-after": "always",
     "indentation": 2,
@@ -276,9 +276,10 @@
     "shorthand-property-no-redundant-values": true,
     "string-no-newline": true,
     "string-quotes": "single",
-    "unit-disallowed-list": ["em", "px"],
+    "unit-blacklist": ["em", "px"],
     "unit-case": "lower",
     "unit-no-unknown": true,
+    "value-keyword-case": "lower",
     "value-list-comma-space-after": "always-single-line",
     "value-list-comma-space-before": "never",
     "value-list-max-empty-lines": 0,

package/.tool-versions

@@ -1 +1 @@
-nodejs 16.14.2
+nodejs 14.17.3

package/CHANGELOG.md

@@ -1,6 +1,9 @@
-## [9.4.1-beta.2](https://github.com/bitrise-io/bitkit/compare/v9.4.1-beta.1...v9.4.1-beta.2) (2022-03-28)
+## [9.4.1](https://github.com/bitrise-io/bitkit/compare/v9.4.0...v9.4.1) (2022-03-29)
 
-## [9.4.1-beta.1](https://github.com/bitrise-io/bitkit/compare/v9.4.0...v9.4.1-beta.1) (2022-03-24)
+
+### Bug Fixes
+
+* **datepicker:** wrong days of previous month ([#147](https://github.com/bitrise-io/bitkit/issues/147)) ([4a95076](https://github.com/bitrise-io/bitkit/commit/4a950766147817b21a20903d5c3920aed6a04c4c))
 
 # [9.4.0](https://github.com/bitrise-io/bitkit/compare/v9.3.1...v9.4.0) (2022-03-18)
 

package/bitrise.yml

@@ -1,76 +1,62 @@
 ---
 format_version: '8'
-default_step_lib_source: 'https://github.com/bitrise-io/bitrise-steplib.git'
+default_step_lib_source: https://github.com/bitrise-io/bitrise-steplib.git
 project_type: other
 trigger_map:
 - push_branch: master
   workflow: Master
 - push_branch: alpha
   workflow: AlphaBranch
-- push_branch: beta
-  workflow: BetaBranch
-- pull_request_source_branch: '*'
+- pull_request_source_branch: "*"
   workflow: PullRequests
   pull_request_target_branch: master
 workflows:
-  AlphaBranch:
-    before_run:
-    - Primary
-    steps:
-    - yarn@0.1:
-        inputs:
-        - command: semantic-release
-        title: Publish from alpha branch (... if needed)
-  BetaBranch:
-    before_run:
-    - Primary
-    steps:
-    - yarn@0.1:
-        inputs:
-        - command: semantic-release
-        title: Publish from beta branch (... if needed)
-  Master:
-    before_run:
-    - Primary
-    steps:
-    - yarn@0.0.8:
-        inputs:
-        - command: semantic-release
-        title: Publish (... if needed)
   Primary:
     steps:
-    - activate-ssh-key@4.1:
+    - activate-ssh-key@4.0.3:
         run_if: '{{getenv "SSH_RSA_PRIVATE_KEY" | ne ""}}'
-    - git-clone@6.1: {}
-    - nvm@1.3: {}
-    - yarn@0.1:
+    - git-clone@4.0.14: {}
+    - nvm@1: {}
+    - yarn@0.0.8:
         title: Install Dependencies
-    - yarn@0.1:
+    - yarn@0.0.8:
         title: Run Linting
         inputs:
         - command: lint
-    - yarn@0.1:
+    - yarn@0.0.8:
         inputs:
         - command: test
         title: Run Tests
-    - yarn@0.1:
+    - yarn@0.0.8:
         title: Build Library and Style Guide
         inputs:
         - command: build
+  Master:
+    before_run:
+    - Primary
+    steps:
+    - yarn@0.0.8:
+        inputs:
+        - command: semantic-release
+        title: Publish (... if needed)
+  AlphaBranch:
+    before_run:
+    - Primary
+    steps:
+    - yarn@0.0.8:
+        inputs:
+        - command: semantic-release
+        title: Publish from alpha branch (... if needed)
   PullRequests:
     before_run:
     - Primary
     steps:
     - script@1.1.5:
         inputs:
-        - content: >
+        - content: |
             #!/bin/bash
-
             set -ex
 
-
             # Check for malformed commit messages
-
-            git log --pretty=format:'%s' origin/master...$BITRISE_GIT_COMMIT |
-            yarn commitlint
+            git log --pretty=format:'%s' origin/master...$BITRISE_GIT_COMMIT | yarn commitlint
         title: Lint Commits

package/jest.setup.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const Enzyme = require('enzyme');
-const Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
+const Adapter = require('enzyme-adapter-react-16');
 const { JSDOM } = require('jsdom');
 
 const jsdom = new JSDOM('<!doctype html><html><body></body></html>', {
@@ -24,7 +24,6 @@ global.navigator = {
 
 global.requestAnimationFrame = (cb) => setTimeout(cb, 0);
 global.cancelAnimationFrame = (id) => clearTimeout(id);
-// eslint-disable-next-line @typescript-eslint/no-implied-eval
 global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
 global.window.cancelAnimationFrame = (id) => clearTimeout(id);
 

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts

@@ -1,14 +1,11 @@
 import * as React from 'react';
-import { ButtonProps, DropdownMenuItemProps, PlacementProps, BaseProps } from '@bitrise/bitkit';
+import { ButtonProps, DropdownMenuItemProps, PlacementProps } from '@bitrise/bitkit';
 export interface ItemProps extends DropdownMenuItemProps {
-    key: string;
     component?: string;
     disabled?: boolean;
     href?: string;
-    onClick?: (e?: any) => void;
     target?: string;
-    content: React.ReactNode;
-    textColor?: BaseProps['textColor'];
+    text: string;
 }
 export interface Props {
     buttonProps?: ButtonProps;
@@ -17,6 +14,6 @@ export interface Props {
     items: ItemProps[];
     placementProps?: PlacementProps;
 }
-declare const ButtonWithDropdown: ({ buttonProps, children, dropdownWidth, items, placementProps }: Props) => JSX.Element;
+declare const ButtonWithDropdown: ({ buttonProps, children, dropdownWidth, items, placementProps, }: Props) => JSX.Element;
 export default ButtonWithDropdown;
 //# sourceMappingURL=ButtonWithDropdown.d.ts.map

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,WAAW,EAGX,qBAAqB,EAIrB,cAAc,EAEd,SAAS,EACV,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,QAAA,MAAM,kBAAkB,oEAAqE,KAAK,KAAG,WAyCpG,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,WAAW,EAGX,qBAAqB,EAIrB,cAAc,EAEf,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,QAAA,MAAM,kBAAkB,qEAMrB,KAAK,KAAG,WA0CV,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js

@@ -37,21 +37,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var bitkit_1 = require("@bitrise/bitkit");
 var ButtonWithDropdown = function (_a) {
-    var buttonProps = _a.buttonProps, children = _a.children, dropdownWidth = _a.dropdownWidth, items = _a.items, placementProps = _a.placementProps;
-    var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
-    var onButtonClick = function () {
-        setVisible(!visible);
-    };
+    var _b = _a.buttonProps, buttonProps = _b === void 0 ? {} : _b, children = _a.children, dropdownWidth = _a.dropdownWidth, items = _a.items, placementProps = _a.placementProps;
+    var _c = React.useState(false), visible = _c[0], setVisible = _c[1];
     return (React.createElement(bitkit_1.PlacementManager, null,
         React.createElement(bitkit_1.PlacementReference, null, function (_a) {
             var ref = _a.ref;
-            return (React.createElement(bitkit_1.Button, __assign({ innerRef: ref }, buttonProps, { onClick: onButtonClick }),
+            return (React.createElement(bitkit_1.Button, __assign({ innerRef: ref, onClick: function () { return setVisible(true); } }, buttonProps),
                 children,
                 React.createElement(bitkit_1.Icon, { name: "ChevronDown" })));
         }),
-        !(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && (React.createElement(bitkit_1.Placement, __assign({ onClose: function () { return setVisible(false); }, placement: "bottom-end", visible: visible }, placementProps), function () { return (React.createElement(bitkit_1.DropdownMenu, { width: dropdownWidth, withArrow: true }, items.map(function (_a) {
-            var key = _a.key, component = _a.component, disabled = _a.disabled, href = _a.href, icon = _a.icon, onClick = _a.onClick, target = _a.target, content = _a.content, textColor = _a.textColor;
-            return (React.createElement(bitkit_1.DropdownMenuItem, { Component: component || 'button', disabled: disabled, href: href, icon: icon, onClick: onClick, key: key, target: target, textColor: textColor }, content));
+        !buttonProps.disabled && (React.createElement(bitkit_1.Placement, __assign({ disableMargin: "left-right", onClose: function () { return setVisible(false); }, placement: "bottom-end", visible: visible }, placementProps), function () { return (React.createElement(bitkit_1.DropdownMenu, { width: dropdownWidth, withArrow: true }, items.map(function (_a) {
+            var component = _a.component, disabled = _a.disabled, href = _a.href, icon = _a.icon, onClick = _a.onClick, target = _a.target, text = _a.text;
+            return (React.createElement(bitkit_1.DropdownMenuItem, { Component: component || 'div', disabled: disabled, href: href, icon: icon, key: text, onClick: onClick, target: target }, text));
         }))); }))));
 };
 exports.default = ButtonWithDropdown;

package/lib/cjs/ButtonWithDropdown/ButtonWithDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAYyB;AAqBzB,IAAM,kBAAkB,GAAG,UAAC,EAAsE;QAApE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA,EAAE,KAAK,WAAA,EAAE,cAAc,oBAAA;IACjF,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,IAAM,aAAa,GAAG;QACpB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,yBAAgB;QACf,oBAAC,2BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,eAAM,aAAC,QAAQ,EAAE,GAAG,IAAM,WAAW,IAAE,OAAO,EAAE,aAAa;gBAC3D,QAAQ;gBACT,oBAAC,aAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACpB,CACV;QALa,CAKb,CACkB;QACpB,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAA,IAAI,CACzB,oBAAC,kBAAS,aAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,IAAM,cAAc,GACrG,cAAM,OAAA,CACL,oBAAC,qBAAY,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,UAC1C,KAAK,CAAC,GAAG,CAAC,UAAC,EAA6E;gBAA3E,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA;YAAO,OAAA,CAC5F,oBAAC,yBAAgB,IACf,SAAS,EAAE,SAAS,IAAI,QAAQ,EAChC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAEnB,OAAO,CACS,CACpB;QAb6F,CAa7F,CAAC,CACW,CAChB,EAjBM,CAiBN,CACS,CACb,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAWyB;AAkBzB,IAAM,kBAAkB,GAAG,UAAC,EAMpB;QALN,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,cAAc,oBAAA;IAER,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAEpD,OAAO,CACL,oBAAC,yBAAgB;QACf,oBAAC,2BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,eAAM,aAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,IAAM,WAAW;gBACpE,QAAQ;gBACT,oBAAC,aAAI,IAAC,IAAI,EAAC,aAAa,GAAG,CACpB,CACV;QALa,CAKb,CACkB;QACpB,CAAC,WAAW,CAAC,QAAQ,IAAI,CACxB,oBAAC,kBAAS,aACR,aAAa,EAAC,YAAY,EAC1B,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAChC,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,IACZ,cAAc,GAEjB,cAAM,OAAA,CACL,oBAAC,qBAAY,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,UAC1C,KAAK,CAAC,GAAG,CAAC,UAAC,EAA0D;gBAAxD,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;YAAO,OAAA,CACzE,oBAAC,yBAAgB,IACf,SAAS,EAAE,SAAS,IAAI,KAAK,EAC7B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAEb,IAAI,CACY,CACpB;QAZ0E,CAY1E,CAAC,CACW,CAChB,EAhBM,CAgBN,CACS,CACb,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/lib/cjs/DatePicker/DatePickerDay.js

@@ -84,7 +84,7 @@ var DatePickerDay = function (props) {
     });
     return (React.createElement(Flex_1.default, __assign({}, rest, { alignChildren: "middle", className: classes, "data-bitkit-at-id": isSelectable ? dataAtIds_json_1.default.DatePickerDay : undefined, direction: "horizontal", onClick: isSelectable ? function () { return onSelect(date); } : undefined }),
         React.createElement(Flex_1.default, { alignChildren: "middle", className: "DatePicker__day-inner", direction: "horizontal" },
-            isPreviousMonth && daysInPreviousMonth - (dayOfWeek - n),
+            isPreviousMonth && daysInPreviousMonth - (dayOfWeek - n - 1),
             isCurrentMonth && n - dayOfWeek + 1,
             isNextMonth && n - dayOfWeek - daysInMonth + 1)));
 };

package/lib/cjs/DatePicker/DatePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerDay.js","sourceRoot":"","sources":["../../../src/DatePicker/DatePickerDay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AAEpC,qEAA0C;AAC1C,sDAAwD;AAYxD,IAAM,aAAa,GAAmC,UAAC,KAAY;IACzD,IAAA,kBAAkB,GACxB,KAAK,mBADmB,EAAE,gBAAgB,GAC1C,KAAK,iBADqC,EAAE,gBAAgB,GAC5D,KAAK,iBADuD,EAAE,cAAc,GAC5E,KAAK,eADuE,EAAE,CAAC,GAC/E,KAAK,EAD0E,EAAE,QAAQ,GACzF,KAAK,SADoF,EAAE,QAAQ,GACnG,KAAK,SAD8F,EAAK,IAAI,UAC5G,KAAK,EADD,6GAA0G,CAAF,CACtG;IAER,IAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IAE3D,IAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC;IAC3B,IAAA,WAAW,GAAK,QAAQ,YAAb,CAAc;IACjC,IAAM,mBAAmB,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC;IAErE,IAAM,eAAe,GAAG,CAAC,GAAG,SAAS,CAAC;IACtC,IAAM,WAAW,GAAG,CAAC,GAAG,SAAS,IAAI,WAAW,CAAC;IACjD,IAAM,cAAc,GAAG,CAAC,eAAe,IAAI,CAAC,WAAW,CAAC;IACxD,IAAM,yBAAyB,GAAG,CAAC,kBAAkB,IAAI,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,IAAI,GAAG,kBAAkB,CAAC;IACtH,IAAM,wBAAwB,GAAG,CAAC,gBAAgB,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,IAAI,GAAG,gBAAgB,CAAC;IAC/G,IAAM,YAAY,GAAG,cAAc,IAAI,yBAAyB,IAAI,wBAAwB,CAAC;IAE7F,IAAM,iBAAiB,GAAG,gBAAgB,IAAI,cAAc,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAEzG,IAAM,cAAc,GAAG,cAAc,IAAI,gBAAgB,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC3F,IAAM,YAAY,GAAG,cAAc,IAAI,cAAc,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACrF,IAAM,iBAAiB,GACrB,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,iBAAiB;QACjB,CAAC,IAAI,GAAG,CAAC,gBAAgB;QACzB,CAAC,IAAI,GAAG,CAAC,cAAc,CAAC;IAE1B,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QAC5C,2BAA2B,EAAE,cAAc,IAAI,YAAY;QAC3D,mCAAmC,EAAE,iBAAiB;QACtD,gCAAgC,EAAE,iBAAiB,IAAI,cAAc;QACrE,8BAA8B,EAAE,iBAAiB,IAAI,YAAY;QACjE,6BAA6B,EAAE,YAAY;QAC3C,6BAA6B,EAAE,CAAC,cAAc,IAAI,CAAC,YAAY,IAAI,CAAC,iBAAiB;QACrF,+BAA+B,EAAE,CAAC,YAAY;KAC/C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAI,eACC,IAAI,IACR,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,OAAO,uBACC,YAAY,CAAC,CAAC,CAAC,wBAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,CAAC,CAAC,CAAC,SAAS;QAExD,oBAAC,cAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAC,uBAAuB,EAAC,SAAS,EAAC,YAAY;YAClF,eAAe,IAAI,mBAAmB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;YACxD,cAAc,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC;YACnC,WAAW,IAAI,CAAC,GAAG,SAAS,GAAG,WAAW,GAAG,CAAC,CAC1C,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"DatePickerDay.js","sourceRoot":"","sources":["../../../src/DatePicker/DatePickerDay.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAuB,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQhF,aAAK,aAAa,GAAG,GAAG,CAAC;AACzB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,KAAM,SAAQ,mBAAmB;IAChD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,4CAA4C;IAC5C,OAAO,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC;IAClC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAuD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAuB,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQhF,aAAK,aAAa,GAAG,GAAG,CAAC;AACzB,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,KAAM,SAAQ,mBAAmB;IAChD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,4CAA4C;IAC5C,OAAO,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC;IAClC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAkD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/cjs/Dropdown/Dropdown.js

@@ -66,25 +66,27 @@ var useState = React.useState;
 var Dropdown = function (props) {
     var children = props.children, options = props.options, onChange = props.onChange, selected = props.selected, maxHeight = props.maxHeight, rest = __rest(props, ["children", "options", "onChange", "selected", "maxHeight"]);
     var _a = useState(false), visible = _a[0], setVisible = _a[1];
+    var handleToggleVisible = function () { return setVisible(!visible); };
     var handleChange = function (value) {
         if (onChange) {
             onChange(value);
         }
-        setVisible(false);
+        handleToggleVisible();
     };
     var renderOption = function (_a) {
         var text = _a.text, value = _a.value;
-        return (React.createElement(DropdownMenuItem_1.default, { onClick: function () { return handleChange(value); }, selected: selected === value, width: "100%" }, text));
+        return (React.createElement(DropdownMenuItem_1.default, { onClick: function () { return handleChange(value); }, selected: selected === value }, text));
     };
     return (React.createElement(PlacementManager_1.default, null,
         React.createElement(PlacementReference_1.default, null, function (_a) {
             var ref = _a.ref;
-            return (React.createElement(DropdownButton_1.default, __assign({}, rest, { alignChildrenHorizontal: "start", innerRef: ref, onClick: function () {
-                    setVisible(!visible);
-                } }),
+            return (React.createElement(DropdownButton_1.default, __assign({}, rest, { alignChildrenHorizontal: "start", innerRef: ref, onClick: handleToggleVisible }),
                 React.createElement(Text_1.default, { ellipsis: true }, children)));
         }),
-        React.createElement(Placement_1.default, { onClose: function () { return setVisible(false); }, sameWidth: true, visible: visible }, function () { return (React.createElement(DropdownMenu_1.default, { maxHeight: maxHeight, width: "100%" }, options.map(function (option) { return (React.createElement(React.Fragment, { key: option.text }, 'options' in option ? (React.createElement(DropdownMenuItemGroup_1.default, { text: option.text }, option.options.map(function (groupOption) { return (React.createElement(React.Fragment, { key: groupOption.value }, renderOption(groupOption))); }))) : (renderOption(option)))); }))); })));
+        React.createElement(Placement_1.default, { onClose: handleToggleVisible, visible: visible }, function (_a) {
+            var width = _a.width;
+            return (React.createElement(DropdownMenu_1.default, { maxHeight: maxHeight, width: width }, options.map(function (option) { return (React.createElement(React.Fragment, { key: option.text }, 'options' in option ? (React.createElement(DropdownMenuItemGroup_1.default, { text: option.text }, option.options.map(function (groupOption) { return (React.createElement(React.Fragment, { key: groupOption.value }, renderOption(groupOption))); }))) : (renderOption(option)))); })));
+        })));
 };
 exports.default = Dropdown;
 //# sourceMappingURL=Dropdown.js.map

package/lib/cjs/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qEAA+C;AAC/C,mFAA6D;AAC7D,uFAAiE;AACjE,sDAAgC;AAChC,oEAAgF;AAChF,gEAA0C;AAC1C,wEAAkD;AAClD,kFAA4D;AAEpD,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;AAwB3B;;;;GAIG;AACH,IAAM,QAAQ,GAAmC,UAAC,KAAY;IACpD,IAAA,QAAQ,GAAsD,KAAK,SAA3D,EAAE,OAAO,GAA6C,KAAK,QAAlD,EAAE,QAAQ,GAAmC,KAAK,SAAxC,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAArE,4DAA6D,CAAF,CAAW;IACtE,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,YAAY,GAAG,UAAC,KAAoB;QACxC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAuB;YAArB,IAAI,UAAA,EAAE,KAAK,WAAA;QAAe,OAAA,CAChD,oBAAC,0BAAgB,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,QAAQ,EAAE,QAAQ,KAAK,KAAK,EAAE,KAAK,EAAC,MAAM,IAC7F,IAAI,CACY,CACpB;IAJiD,CAIjD,CAAC;IAEF,OAAO,CACL,oBAAC,0BAAgB;QACf,oBAAC,4BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,wBAAc,eACT,IAAI,IACR,uBAAuB,EAAC,OAAO,EAC/B,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE;oBACP,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC;gBAED,oBAAC,cAAI,IAAC,QAAQ,UAAE,QAAQ,CAAQ,CACjB,CAClB;QAXa,CAWb,CACkB;QAErB,oBAAC,mBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,SAAS,QAAC,OAAO,EAAE,OAAO,IACpE,cAAM,OAAA,CACL,oBAAC,sBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,IAC7B,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,+BAAqB,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACnC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,CAAC,KAAK,IAAG,YAAY,CAAC,WAAW,CAAC,CAAkB,CACrF,EAFoC,CAEpC,CAAC,CACoB,CACzB,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,MAAM,CAAC,CACrB,CACc,CAClB,EAZwB,CAYxB,CAAC,CACW,CAChB,EAhBM,CAgBN,CACS,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qEAA+C;AAC/C,mFAA6D;AAC7D,uFAAiE;AACjE,sDAAgC;AAChC,oEAAgF;AAChF,gEAA0C;AAC1C,wEAAkD;AAClD,kFAA4D;AAEpD,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;AAwB3B;;;;GAIG;AACH,IAAM,QAAQ,GAAmC,UAAC,KAAY;IACpD,IAAA,QAAQ,GAAsD,KAAK,SAA3D,EAAE,OAAO,GAA6C,KAAK,QAAlD,EAAE,QAAQ,GAAmC,KAAK,SAAxC,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAArE,4DAA6D,CAAF,CAAW;IACtE,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,mBAAmB,GAAG,cAAM,OAAA,UAAU,CAAC,CAAC,OAAO,CAAC,EAApB,CAAoB,CAAC;IAEvD,IAAM,YAAY,GAAG,UAAC,KAAoB;QACxC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,mBAAmB,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAuB;YAArB,IAAI,UAAA,EAAE,KAAK,WAAA;QAAe,OAAA,CAChD,oBAAC,0BAAgB,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,QAAQ,EAAE,QAAQ,KAAK,KAAK,IAC/E,IAAI,CACY,CACpB;IAJiD,CAIjD,CAAC;IAEF,OAAO,CACL,oBAAC,0BAAgB;QACf,oBAAC,4BAAkB,QAChB,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CACZ,oBAAC,wBAAc,eAAK,IAAI,IAAE,uBAAuB,EAAC,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,mBAAmB;gBACnG,oBAAC,cAAI,IAAC,QAAQ,UAAE,QAAQ,CAAQ,CACjB,CAClB;QAJa,CAIb,CACkB;QAErB,oBAAC,mBAAS,IAAC,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IACtD,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,CACd,oBAAC,sBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,IAC7B,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,+BAAqB,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IACrC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACnC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,CAAC,KAAK,IAAG,YAAY,CAAC,WAAW,CAAC,CAAkB,CACrF,EAFoC,CAEpC,CAAC,CACoB,CACzB,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,MAAM,CAAC,CACrB,CACc,CAClB,EAZwB,CAYxB,CAAC,CACW,CAChB;QAhBe,CAgBf,CACS,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/lib/cjs/Dropdown/DropdownMenu.css

@@ -16,7 +16,7 @@
 .DropdownMenu__group-text::after {
   content: '';
   flex: 1;
-  /* stylelint-disable-next-line unit-disallowed-list */
+  /* stylelint-disable-next-line unit-blacklist */
   height: 1px;
   background-color: var(--color-gray--3);
 }

package/lib/cjs/Placement/Placement.css

@@ -1,10 +1,29 @@
 
+:root {
+  --Placement-arrow-size: var(--size--x3);
+}
+
 .Placement {
   position: absolute;
+  margin: var(--Placement-arrow-size);
   z-index: var(--z-index-Placement--below-modal);
   pointer-events: none;
 }
 
+.Placement--disable-margin {
+  margin: 0;
+}
+
+.Placement--disable-margin-top-bottom {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.Placement--disable-margin-left-right {
+  margin-right: 0;
+  margin-left: 0;
+}
+
 .Placement--animate {
   transition-property: transform;
   transition-duration: var(--transition-duration--fast);
@@ -64,51 +83,50 @@
   border-top: 0.0625rem solid var(--color-gray--2);
 }
 
-.Placement__arrow,
-.Placement__arrow::before {
+.Placement__arrow {
   position: absolute;
-  width: var(--size--x3);
-  height: var(--size--x3);
+  width: var(--Placement-arrow-size);
+  height: var(--Placement-arrow-size);
 }
 
 .Placement__arrow,
 .Placement__arrow:first-child,
 .Placement__arrow:last-child {
-  visibility: hidden;
-}
-
-.Placement__arrow::before {
-  content: '';
-  display: block;
-  transform: rotate(45deg);
-  background: inherit;
-  visibility: visible;
+  margin: var(--Placement-arrow-size);
 }
 
 .Placement--top .Placement__arrow,
 .Placement--top-start .Placement__arrow,
 .Placement--top-end .Placement__arrow {
   top: 100%;
-  margin-top: -0.375rem;
+  transform:
+    translateY(calc(-50% + var(--Placement-arrow-size) * -1))
+    rotate(45deg);
 }
 
 .Placement--right .Placement__arrow,
 .Placement--right-start .Placement__arrow,
 .Placement--right-end .Placement__arrow {
   right: 100%;
-  margin-right: -0.375rem;
+  transform:
+    translateX(calc(50% - var(--Placement-arrow-size) * -1))
+    rotate(45deg);
 }
 
 .Placement--bottom .Placement__arrow,
 .Placement--bottom-start .Placement__arrow,
 .Placement--bottom-end .Placement__arrow {
   bottom: 100%;
-  margin-bottom: -0.375rem;
+  transform:
+    translateY(calc(50% - var(--Placement-arrow-size) * -1))
+    rotate(45deg);
 }
 
 .Placement--left .Placement__arrow,
 .Placement--left-start .Placement__arrow,
 .Placement--left-end .Placement__arrow {
   left: 100%;
-  margin-left: -0.375rem;
+  transform:
+    translateX(calc(-50% + var(--Placement-arrow-size) * -1))
+    rotate(45deg);
 }

package/lib/cjs/Placement/Placement.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Placement as TypePlacement } from '@popperjs/core';
+import { Placement as TypePlacement, ReferenceObject as TypeReferenceObject } from 'popper.js';
 import { Props as BaseProps } from '../Base/Base';
 import './Placement.css';
 export interface Props extends BaseProps {
@@ -10,14 +10,18 @@ export interface Props extends BaseProps {
     animatePosition?: boolean;
     /**
      * A render callback function that provides a
-     * update function to trigger a reposition,
+     * scheduleUpdate function to trigger a reposition,
      * and the width of the target that is being positioned
      * around.
      */
     children: (props: {
-        update: () => void;
+        scheduleUpdate: () => void;
         width?: number;
     }) => React.ReactNode;
+    /**
+     * Flag that disables margin around the Placement.
+     */
+    disableMargin?: boolean | 'top-bottom' | 'left-right';
     /**
      * Flag that disables repositioning on scroll and resize events.
      */
@@ -41,8 +45,7 @@ export interface Props extends BaseProps {
     /**
      * An optional reference element to be used as the target.
      */
-    referenceElement?: any;
-    sameWidth?: boolean;
+    referenceElement?: TypeReferenceObject;
     /**
      * The visibilty of the positioned content.
      */

package/lib/cjs/Placement/Placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Placement.d.ts","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAM7C,CAAC;AAOF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Placement.d.ts","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAC/F,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAM7C,CAAC;AAOF,eAAe,SAAS,CAAC"}

package/lib/cjs/Placement/Placement.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placement.js","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAG/B,sDAAqD;AACrD,sEAAgD;AAChD,2BAAyB;AAkDzB;;;;;;;;;GASG;AACH,IAAM,SAAS,GAAmC,UAAC,KAAY;IAC7D,OAAO,CACL,oBAAC,2BAAY,CAAC,QAAQ,QACnB,UAAC,EAAgB;YAAd,YAAY,kBAAA;QAAO,OAAA,oBAAC,yBAAe,eAAK,KAAK,IAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,YAAY,IAAI;IAAzF,CAAyF,CAC1F,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"Placement.js","sourceRoot":"","sources":["../../../src/Placement/Placement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAG/B,sDAAqD;AACrD,sEAAgD;AAChD,2BAAyB;AAqDzB;;;;;;;;;GASG;AACH,IAAM,SAAS,GAAmC,UAAC,KAAY;IAC7D,OAAO,CACL,oBAAC,2BAAY,CAAC,QAAQ,QACnB,UAAC,EAAgB;YAAd,YAAY,kBAAA;QAAO,OAAA,oBAAC,yBAAe,eAAK,KAAK,IAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,YAAY,IAAI;IAAzF,CAAyF,CAC1F,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/Placement/PlacementPopper.d.ts

@@ -1,20 +1,21 @@
 import * as React from 'react';
-import { Placement as TypePlacement } from '@popperjs/core';
+import { Placement as TypePlacement, ReferenceObject as TypeReferenceObject } from 'popper.js';
 import { Props as BaseProps } from '../Base/Base';
 import './Placement.css';
 export interface Props extends BaseProps {
     animatePosition?: boolean;
     children: (props: {
-        update: () => void;
+        scheduleUpdate: () => void;
         width?: number;
     }) => React.ReactNode;
     closeElement?: null | HTMLElement;
+    disableMargin?: boolean | 'top-bottom' | 'left-right';
     disableReposition?: boolean;
     flip?: boolean;
     isInsideModal?: boolean;
     onClose?: (event: MouseEvent) => void;
     placement?: TypePlacement;
-    referenceElement?: any;
+    referenceElement?: TypeReferenceObject;
     visible?: boolean;
     timeout?: number;
 }

package/lib/cjs/Placement/PlacementPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlacementPopper.d.ts","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAkB,MAAM,gBAAgB,CAAC;AAM5E,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,YAAY,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA0InD,CAAC;AAOF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PlacementPopper.d.ts","sourceRoot":"","sources":["../../../src/Placement/PlacementPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAM/F,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,iBAAiB,CAAC;AAgBzB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF,YAAY,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;IACtD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CA8GnD,CAAC;AAOF,eAAe,eAAe,CAAC"}